chore: pico specs, add aria attributes

Author: iroybotlinio

scss/inline/_label.scss

@@ -6,10 +6,8 @@
  * Found in scss/components/_nav.scss#83: `&[aria-label="breadcrumb"] {`
  * Found in scss/components/_nav.scss#149: `&[aria-label="breadcrumb"] {`
  * Found in scss/forms/_basics.scss#136: `#{\$parent-selector} label,`
- * Found in scss/forms/_basics.scss#141: `font-weight: var(#{\$css-var-prefix}form-label-font-weight, var(#{\$css-var-prefix}font-weight));`
  * Found in scss/forms/_basics.scss#241: `#{\$parent-selector} label[aria-disabled="true"],`
  * Found in scss/forms/_basics.scss#249: `#{\$parent-selector} label[aria-disabled="true"] input[disabled] {`
- * Found in scss/forms/_basics.scss#465: `// Styles for Input inside a label`
  * Found in scss/forms/_basics.scss#466: `#{\$parent-selector} label {`
  * Found in scss/forms/_checkbox-radio-switch.scss#11: `#{\$parent-selector} label {`
  * Found in scss/forms/_checkbox-radio-switch.scss#46: `& ~ label {`

src/Resources/picocss.yaml

@@ -54,13 +54,22 @@ input:
       type: enum|string
       choices:
         - search
-a:
+
+# aria current for navigational and interactive elements (opinionated - Pico only uses true/false)
+'/^(a|button|li|nav|input)$/':
   attributes:
     aria-current:
-      description: 'The aria-current attribute is used to define the current item in a set of related elements.'
+      description: 'Indicates the current item within a container or set of related elements.'
       type: enum|string
+      defaultValue: 'false'
       choices:
-        - page
+        - 'false'
+        - 'page'
+        - 'step'
+        - 'location'
+        - 'date'
+        - 'time'
+        - 'true'
 
 # all non-void elements, except form and html
 '/^(?!area|base|body|br|col|embed|head|hr|img|input|link|meta|meter|noscript|output|param|progress|script|source|track|wbr|script|select|style|textarea|title|html|form$)[a-z][a-z0-9]*$/':
@@ -72,4 +81,23 @@ a:
       choices:
         - 'true'
         - 'false'
-# @todo aria-busy, aria-controls, aria-invalid, aria-current, aria-label, aria-disabled, aria-hidden
+
+# all non-void elements, especially interactive elements
+'/^(?!area|base|body|br|col|embed|head|hr|img|link|meta|meter|noscript|output|param|progress|script|source|track|wbr|script|style|title|html|form$)[a-z][a-z0-9]*$/':
+  attributes:
+    aria-controls:
+      description: 'Identifies the element(s) whose contents or presence are controlled by this element. Value is a list of IDs separated by a space'
+      type: string
+
+'/^(input|select|textarea|fieldset|form)$/':
+  attributes:
+    aria-invalid:
+      description: 'Indicates that the value entered does not conform to the expected format.'
+      type: enum|string
+      defaultValue: 'false'
+      choices:
+        - 'false'
+        - 'true'
+        - 'grammar'
+        - 'spelling'
+# @todo aria-current, aria-label, aria-disabled, aria-hidden