@pingux/astro 2.208.1-alpha.0 → 2.208.3-alpha.0

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

@@ -48,7 +48,7 @@ var _ListBox = _interopRequireDefault(require("../ListBox"));
 var _BadgeLabelTooltip = _interopRequireDefault(require("./BadgeLabelTooltip"));
 var _react2 = require("@emotion/react");
 var _excluded = ["items"],
-  _excluded2 = ["defaultSelectedKeys", "direction", "disabledKeys", "containerProps", "hasAutoFocus", "hasNoStatusIndicator", "helperText", "inputProps", "isDisabled", "isFilteringDisabled", "isNotFlippable", "isReadOnly", "isRequired", "label", "loadingState", "mode", "onBlur", "onFocus", "onInputChange", "onKeyDown", "onKeyUp", "onLoadMore", "onLoadPrev", "onOpenChange", "onSelectionChange", "placeholder", "readOnlyKeys", "selectedKeys", "scrollBoxProps", "status"];
+  _excluded2 = ["defaultSelectedKeys", "direction", "disabledKeys", "containerProps", "hasAutoFocus", "hasNoStatusIndicator", "helperText", "inputProps", "isDisabled", "isFilteringDisabled", "isNotFlippable", "isReadOnly", "isRequired", "label", "loadingState", "mode", "multivaluesProps", "onBlur", "onFocus", "onInputChange", "onKeyDown", "onKeyUp", "onLoadMore", "onLoadPrev", "onOpenChange", "onSelectionChange", "placeholder", "readOnlyKeys", "selectedKeys", "scrollBoxProps", "status"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof _WeakMap) var r = new _WeakMap(), n = new _WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = _Object$defineProperty) && _Object$getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty2(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context11, _context12; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context11 = ownKeys(Object(t), !0)).call(_context11, function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context12 = ownKeys(Object(t))).call(_context12, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -73,6 +73,7 @@ var DefaultMultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (prop
     label = otherProps.label,
     loadingState = otherProps.loadingState,
     mode = otherProps.mode,
+    multivaluesProps = otherProps.multivaluesProps,
     onBlur = otherProps.onBlur,
     _onFocus = otherProps.onFocus,
     onInputChange = otherProps.onInputChange,
@@ -500,9 +501,7 @@ var DefaultMultivaluesField = /*#__PURE__*/(0, _react.forwardRef)(function (prop
   }));
   return (0, _react2.jsx)(_MultivaluesContext.MultivaluesContext.Provider, {
     value: setActiveDescendant
-  }, (0, _react2.jsx)(_.Box, (0, _extends2["default"])({}, containerProps, {
-    id: "cont"
-  }), (0, _react2.jsx)(_.TextField, (0, _extends2["default"])({
+  }, (0, _react2.jsx)(_.Box, multivaluesProps, (0, _react2.jsx)(_.TextField, (0, _extends2["default"])({
     onBlur: handleBlur,
     onChange: function onChange(e) {
       if (!isOpen) setIsOpen(true);

package/lib/cjs/styles/themes/next-gen/next-gen.d.ts

@@ -5799,6 +5799,9 @@ declare const _default: {
                     pl: any;
                     bg: string;
                     color: string;
+                    '&:not(.is-selected)': {
+                        pr: string;
+                    };
                     '&.is-selected': {
                         bg: string;
                     };

package/lib/cjs/styles/themes/next-gen/variants/variants.d.ts

@@ -870,6 +870,9 @@ declare const _default: {
                 pl: any;
                 bg: string;
                 color: string;
+                '&:not(.is-selected)': {
+                    pr: string;
+                };
                 '&.is-selected': {
                     bg: string;
                 };

package/lib/cjs/styles/themes/next-gen/variants/variants.js

@@ -201,6 +201,9 @@ var listBox = {
       pl: _onyxTokens.astroTokens.spacing.md,
       bg: 'backgroundBase',
       color: 'gray-700',
+      '&:not(.is-selected)': {
+        pr: '32px'
+      },
       '&.is-selected': {
         bg: 'backgroundBase'
       },

package/lib/components/MultivaluesField/DefaultMultivaluesField.js

@@ -10,7 +10,7 @@ import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 var _excluded = ["items"],
-  _excluded2 = ["defaultSelectedKeys", "direction", "disabledKeys", "containerProps", "hasAutoFocus", "hasNoStatusIndicator", "helperText", "inputProps", "isDisabled", "isFilteringDisabled", "isNotFlippable", "isReadOnly", "isRequired", "label", "loadingState", "mode", "onBlur", "onFocus", "onInputChange", "onKeyDown", "onKeyUp", "onLoadMore", "onLoadPrev", "onOpenChange", "onSelectionChange", "placeholder", "readOnlyKeys", "selectedKeys", "scrollBoxProps", "status"];
+  _excluded2 = ["defaultSelectedKeys", "direction", "disabledKeys", "containerProps", "hasAutoFocus", "hasNoStatusIndicator", "helperText", "inputProps", "isDisabled", "isFilteringDisabled", "isNotFlippable", "isReadOnly", "isRequired", "label", "loadingState", "mode", "multivaluesProps", "onBlur", "onFocus", "onInputChange", "onKeyDown", "onKeyUp", "onLoadMore", "onLoadPrev", "onOpenChange", "onSelectionChange", "placeholder", "readOnlyKeys", "selectedKeys", "scrollBoxProps", "status"];
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context11, _context12; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context11 = ownKeys(Object(t), !0)).call(_context11, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context12 = ownKeys(Object(t))).call(_context12, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
@@ -62,6 +62,7 @@ var DefaultMultivaluesField = /*#__PURE__*/forwardRef(function (props, ref) {
     label = otherProps.label,
     loadingState = otherProps.loadingState,
     mode = otherProps.mode,
+    multivaluesProps = otherProps.multivaluesProps,
     onBlur = otherProps.onBlur,
     _onFocus = otherProps.onFocus,
     onInputChange = otherProps.onInputChange,
@@ -489,9 +490,7 @@ var DefaultMultivaluesField = /*#__PURE__*/forwardRef(function (props, ref) {
   }));
   return ___EmotionJSX(MultivaluesContext.Provider, {
     value: setActiveDescendant
-  }, ___EmotionJSX(Box, _extends({}, containerProps, {
-    id: "cont"
-  }), ___EmotionJSX(TextField, _extends({
+  }, ___EmotionJSX(Box, multivaluesProps, ___EmotionJSX(TextField, _extends({
     onBlur: handleBlur,
     onChange: function onChange(e) {
       if (!isOpen) setIsOpen(true);

package/lib/styles/themes/next-gen/variants/variants.js

@@ -191,6 +191,9 @@ var listBox = {
       pl: astroTokens.spacing.md,
       bg: 'backgroundBase',
       color: 'gray-700',
+      '&:not(.is-selected)': {
+        pr: '32px'
+      },
       '&.is-selected': {
         bg: 'backgroundBase'
       },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.208.1-alpha.0",
+  "version": "2.208.3-alpha.0",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",