@pingux/astro 1.16.0-alpha.0 → 1.16.0-alpha.3

package/lib/cjs/components/ArrayField/ArrayField.js

@@ -190,7 +190,8 @@ var ArrayField = function ArrayField(props) {
     variant: "text",
     onPress: onFieldAdd,
     sx: {
-      width: 'fit-content'
+      width: 'fit-content',
+      mt: 'xs'
     }
   }, (0, _react2.jsx)(_Text["default"], {
     variant: "label",

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/components/ArrayField/ArrayField.js

@@ -145,7 +145,8 @@ var ArrayField = function ArrayField(props) {
     variant: "text",
     onPress: onFieldAdd,
     sx: {
-      width: 'fit-content'
+      width: 'fit-content',
+      mt: 'xs'
     }
   }, ___EmotionJSX(Text, {
     variant: "label",

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/package.json

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