@pingux/astro 1.20.0 → 1.21.0-alpha.1

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

@@ -112,29 +112,19 @@ export var Default = function Default(args) {
     setIsOpen(true);
   };
 
-  return (// const items = [
-    // { id: 1, name: 'Aardvark', key: 'Aardvark' },
-    // { id: 2, name: 'Kangaroo', key: 'Kangaroo' },
-    // { id: 3, name: 'Snake', key: 'Snake' },
-    // { id: 4, name: 'Frog', key: 'Frog' },
-    // { id: 5, name: 'Seal', key: 'Seal' },
-    // { id: 6, name: 'Orangutan', key: 'Orangutan' },
-    // { id: 7, name: 'Shark', key: 'Shark' },
-    // ];
-    ___EmotionJSX(OverlayProvider // note: spacing for demo purpose only so that the select list renders in the correct place
-    , {
-      style: setOverlayStyle(direction, isOpen, '50%', '50%', '20%')
-    }, ___EmotionJSX(MultivaluesField, _extends({
-      items: items
-    }, args, {
-      onOpenChange: onOpenChange
-    }), function (item) {
-      return ___EmotionJSX(Item, {
-        key: item.key,
-        "data-id": item.name
-      }, item.name);
-    }))
-  );
+  return ___EmotionJSX(OverlayProvider // note: spacing for demo purpose only so that the select list renders in the correct place
+  , {
+    style: setOverlayStyle(direction, isOpen, '50%', '50%', '20%')
+  }, ___EmotionJSX(MultivaluesField, _extends({
+    items: items
+  }, args, {
+    onOpenChange: onOpenChange
+  }), function (item) {
+    return ___EmotionJSX(Item, {
+      key: item.key,
+      "data-id": item.name
+    }, item.name);
+  }));
 };
 export var WithCustomValues = function WithCustomValues(args) {
   var _useState3 = useState(false),

package/lib/styles/forms/input.js

@@ -157,8 +157,10 @@ input.multivaluesWrapper = _objectSpread(_objectSpread({}, input.container), {},
   borderWidth: 1,
   flexDirection: 'row!important',
   flexWrap: 'wrap',
-  left: 3,
-  p: 10,
+  left: 2,
+  pt: 6,
+  pr: 10,
+  pb: 5,
   pl: 12,
   '&.has-no-status-indicator': {
     left: 0
@@ -171,14 +173,14 @@ input.multivaluesWrapper = _objectSpread(_objectSpread({}, input.container), {},
     position: 'absolute',
     bg: 'active',
     width: 3,
-    top: 0,
+    top: -1,
     left: -3,
-    bottom: 0
+    bottom: -1
   },
   '> input': {
     border: 'none',
     flex: 1,
-    height: 30,
+    height: 27,
     lineHeight: '100%',
     p: 5,
     '&.is-focused': {

package/lib/styles/variants/boxes.js

@@ -141,7 +141,6 @@ var countNeutral = _objectSpread(_objectSpread({}, countDefault), {}, {
 var multivaluesChip = _objectSpread(_objectSpread({}, chip), {}, {
   alignSelf: 'center',
   cursor: 'default',
-  height: '100%',
   m: 5,
   mr: 10,
   ml: 0
@@ -149,7 +148,8 @@ var multivaluesChip = _objectSpread(_objectSpread({}, chip), {}, {
 
 var selectedItemChip = _objectSpread(_objectSpread({}, multivaluesChip), {}, {
   py: 3,
-  pr: 0
+  pr: 0,
+  my: 3
 });
 
 var readOnlyChip = _objectSpread(_objectSpread({}, multivaluesChip), {}, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "1.20.0",
+  "version": "1.21.0-alpha.1",
   "description": "PingUX themeable React component library",
   "author": "ux-development@pingidentity.com",
   "license": "Apache-2.0",
@@ -82,11 +82,12 @@
     "@react-aria/combobox": "^3.0.0",
     "@react-aria/dialog": "^3.1.2",
     "@react-aria/focus": "^3.5.0",
-    "@react-aria/grid": "^3.0.0-beta.1",
+    "@react-aria/grid": "^3.2.6",
     "@react-aria/i18n": "^3.3.0",
     "@react-aria/interactions": "^3.5.0",
     "@react-aria/label": "^3.1.0",
     "@react-aria/link": "^3.1.1",
+    "@react-aria/list": "3.0.0-nightly.3248",
     "@react-aria/listbox": "^3.3.0",
     "@react-aria/live-announcer": "^3.0.0",
     "@react-aria/menu": "^3.1.4",
@@ -102,7 +103,7 @@
     "@react-aria/switch": "3.1.1",
     "@react-aria/tabs": "^3.0.1",
     "@react-aria/tooltip": "^3.1.2",
-    "@react-aria/utils": "^3.8.0",
+    "@react-aria/utils": "^3.12.0",
     "@react-aria/virtualizer": "^3.3.2",
     "@react-aria/visually-hidden": "3.2.1",
     "@react-spectrum/provider": "^3.2.1",
@@ -111,7 +112,7 @@
     "@react-stately/color": "^3.0.0-beta.2",
     "@react-stately/combobox": "^3.0.0",
     "@react-stately/data": "^3.4.0",
-    "@react-stately/grid": "^3.0.0-beta.0",
+    "@react-stately/grid": "^3.1.4",
     "@react-stately/layout": "^3.2.1",
     "@react-stately/list": "^3.2.1",
     "@react-stately/menu": "^3.2.1",