@pingux/astro 1.16.0-alpha.2 → 1.16.0

package/lib/cjs/components/Chip/Chip.stories.js

@@ -133,7 +133,9 @@ var ChipWithIcon = function ChipWithIcon() {
     icon: _ContentCopyIcon["default"],
     ml: "xs",
     size: "14px",
-    color: "white"
+    color: "white",
+    "aria-hidden": "true",
+    focusable: "false"
   })));
 };
 

package/lib/cjs/components/MultivaluesField/MultivaluesField.js

@@ -467,7 +467,12 @@ MultivaluesField.propTypes = {
   /** Whether user input is required on the input before form submission. */
   isRequired: _propTypes["default"].bool,
 
-  /** The list of items. */
+  /** The list of items.
+   *
+   * **Note:** Every item needs to have key and name properties.
+   *
+   * `Array<{key: string, name: string}>`
+   */
   items: _isIterable.isIterableProp,
 
   /** The rendered label for the field. */

package/lib/cjs/components/MultivaluesField/MultivaluesField.stories.js

@@ -72,6 +72,18 @@ var _default = {
       source: {
         type: 'code'
       }
+    },
+    a11y: {
+      config: {
+        /** The "color-contrast" test ends with an "incomplete" status
+         * since pseudo-element applies to the same container as selected values.
+         * A  workaround to disable "color-contrast" incomplete tests.
+         */
+        rules: [{
+          id: 'color-contrast',
+          enabled: false
+        }]
+      }
     }
   }
 };

package/lib/cjs/styles/variants/boxes.js

@@ -109,7 +109,7 @@ var listBoxSectionTitle = {
   justifyContent: 'center'
 };
 var chip = {
-  cursor: 'pointer',
+  cursor: 'default',
   p: '3px 5px 4px 5px',
   alignItems: 'center',
   justifyContent: 'center',

package/lib/components/Chip/Chip.stories.js

@@ -102,6 +102,8 @@ export var ChipWithIcon = function ChipWithIcon() {
     icon: ContentCopy,
     ml: "xs",
     size: "14px",
-    color: "white"
+    color: "white",
+    "aria-hidden": "true",
+    focusable: "false"
   })));
 };

package/lib/components/MultivaluesField/MultivaluesField.js

@@ -422,7 +422,12 @@ MultivaluesField.propTypes = {
   /** Whether user input is required on the input before form submission. */
   isRequired: PropTypes.bool,
 
-  /** The list of items. */
+  /** The list of items.
+   *
+   * **Note:** Every item needs to have key and name properties.
+   *
+   * `Array<{key: string, name: string}>`
+   */
   items: isIterableProp,
 
   /** The rendered label for the field. */

package/lib/components/MultivaluesField/MultivaluesField.stories.js

@@ -45,6 +45,18 @@ export default {
       source: {
         type: 'code'
       }
+    },
+    a11y: {
+      config: {
+        /** The "color-contrast" test ends with an "incomplete" status
+         * since pseudo-element applies to the same container as selected values.
+         * A  workaround to disable "color-contrast" incomplete tests.
+         */
+        rules: [{
+          id: 'color-contrast',
+          enabled: false
+        }]
+      }
     }
   }
 };

package/lib/styles/variants/boxes.js

@@ -90,7 +90,7 @@ var listBoxSectionTitle = {
   justifyContent: 'center'
 };
 export var chip = {
-  cursor: 'pointer',
+  cursor: 'default',
   p: '3px 5px 4px 5px',
   alignItems: 'center',
   justifyContent: 'center',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "1.16.0-alpha.2",
+  "version": "1.16.0",
   "description": "PingUX themeable React component library",
   "author": "ux-development@pingidentity.com",
   "license": "Apache-2.0",