@salutejs/plasma-new-hope 0.175.1-canary.1497.11552145733.0 → 0.175.1-canary.1506.11553215359.0

package/styled-components/cjs/components/Dropdown/Dropdown.tokens.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tokens = exports.constants = exports.classes = void 0;
+exports.tokens = exports.classes = void 0;
 var classes = exports.classes = {
   dropdownRoot: 'dropdown-root',
   dropdownItemIsFocused: 'dropdown-item-is-focused',
   dropdownItemIsDisabled: 'dropdown-item-is-disabled',
   dropdownItemIsActive: 'dropdown-item-is-active',
-  dropdownItemIsSelected: 'dropdown-item-is-selected'
+  dropdownItemIsSelected: 'dropdownItemIsSelected'
 };
 var tokens = exports.tokens = {
   background: '--plasma-dropdown-background',
@@ -20,8 +20,8 @@ var tokens = exports.tokens = {
   disclosureIconColor: '--plasma-dropdown-disclosure-icon-color',
   disabledOpacity: '--plasma-dropdown-disabled-opacity',
   focusColor: '--plasma-dropdown-focus-color',
-  // Old
-
+  borderColor: '--plasma-dropdown-border-color',
+  borderWidth: '--plasma-dropdown-border-width',
   dividerColor: '--plasma-dropdown-divider-color',
   dividerMarginTop: '--plasma-dropdown-divider-margin-top',
   dividerMarginTopTight: '--plasma-dropdown-divider-margin-top-tight',
@@ -36,7 +36,6 @@ var tokens = exports.tokens = {
   itemBackgroundSelectedHover: '--plasma-dropdown-item-background-selected-hover',
   // Old
   itemColor: '--plasma-dropdown-item-color',
-  // Old
   itemColorSelected: '--plasma-dropdown-item-color-selected',
   // Old
   itemColorSelectedHover: '--plasma-dropdown-item-color-selected-hover',
@@ -55,17 +54,11 @@ var tokens = exports.tokens = {
   itemMarginLeft: '--plasma-dropdown-item-margin-left',
   // Old
   itemPaddingTop: '--plasma-dropdown-item-padding-top',
-  // Old
   itemPaddingTopTight: '--plasma-dropdown-item-padding-top-tight',
-  // Old
   itemPaddingRight: '--plasma-dropdown-item-padding-right',
-  // Old
   itemPaddingBottom: '--plasma-dropdown-item-padding-bottom',
-  // Old
   itemPaddingBottomTight: '--plasma-dropdown-item-padding-bottom-tight',
-  // Old
   itemPaddingLeft: '--plasma-dropdown-item-padding-left',
-  // Old
   itemContentLeftWidth: '--plasma-dropdown-item-content-left-width',
   // Old
   itemContentLeftColor: '--plasma-dropdown-item-content-left-color',
@@ -80,20 +73,6 @@ var tokens = exports.tokens = {
   itemFontWeightBold: '--plasma-dropdown-item-letter-spacing',
   itemFontLetterSpacing: '--plasma-dropdown-item-line-height',
   itemFontLineHeight: '--plasma-dropdown-item-font-weight',
-  itemPadding: '--plasma-dropdown-item-padding',
-  itemPaddingTight: '--plasma-dropdown-item-padding-tight',
-  cellPadding: '--plasma-dropdown-cell-padding',
-  cellPaddingLeftContent: '--plasma-dropdown-cell-padding-left-content',
-  cellPaddingContent: '--plasma-dropdown-cell-padding-content',
-  cellPaddingRightContent: '--plasma-dropdown-cell-padding-right-content',
-  cellTextboxGap: '--plasma-dropdown-cell-textbox-gap',
-  cellGap: '--plasma-dropdown-cell-gap',
-  cellTitleFontFamily: '--plasma-dropdown-cell-title-font-family',
-  cellTitleFontSize: '--plasma-dropdown-cell-title-font-size',
-  cellTitleFontStyle: '--plasma-dropdown-cell-title-font-style',
-  cellTitleFontWeight: '--plasma-dropdown-cell-title-font-weight',
-  cellTitleLetterSpacing: '--plasma-dropdown-cell-title-letter-spacing',
-  cellTitleLineHeight: '--plasma-dropdown-cell-title-line-height',
   // TODO: Remove below tokens as soon as they are no longer needed
   footerBackground: '--plasma-dropdown-footer-background',
   footerWidth: '--plasma-dropdown-footer-width',
@@ -157,15 +136,4 @@ var tokens = exports.tokens = {
   groupLabelMarginRight: '--plasma-dropdown-group-label-margin-right',
   groupLabelMarginBottom: '--plasma-dropdown-group-label-margin-bottom',
   groupLabelMarginLeft: '--plasma-dropdown-group-label-margin-left'
-};
-var constants = exports.constants = {
-  focusColor: '--surface-accent',
-  background: '--surface-solid-card-brightness',
-  boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',
-  disclosureIconColor: '--text-secondary',
-  itemBackground: '--plasma-colors-transparent',
-  itemBackgroundHover: '--surface-transparent-secondary',
-  opacity: '0.4',
-  cellTitleColor: '--text-primary',
-  cellBackgroundColor: '--plasma-colors-transparent'
 };

package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js

@@ -5,21 +5,29 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DropdownInner = void 0;
 var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
-var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
 var _ = /*#__PURE__*/require("..");
 var _Dropdown = /*#__PURE__*/require("../../Dropdown.styles");
-var _FloatingPopover = /*#__PURE__*/require("../../FloatingPopover");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
   var item = _ref.item,
     currentLevel = _ref.currentLevel,
+    focusedPath = _ref.focusedPath,
     path = _ref.path,
     dispatchPath = _ref.dispatchPath,
     index = _ref.index,
     trigger = _ref.trigger,
+    itemRole = _ref.itemRole,
     listHeight = _ref.listHeight,
     listOverflow = _ref.listOverflow,
-    listWidth = _ref.listWidth;
+    handleGlobalToggle = _ref.handleGlobalToggle,
+    closeOnSelect = _ref.closeOnSelect,
+    onHover = _ref.onHover,
+    onItemSelect = _ref.onItemSelect,
+    onItemClick = _ref.onItemClick,
+    listWidth = _ref.listWidth,
+    variant = _ref.variant,
+    hasArrow = _ref.hasArrow,
+    size = _ref.size;
   var handleToggle = function handleToggle(opened) {
     if (opened) {
       dispatchPath({
@@ -35,53 +43,79 @@ var DropdownInner = exports.DropdownInner = function DropdownInner(_ref) {
     }
   };
   var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
-  var treeId = (0, _plasmaCore.safeUseId)();
-  var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
+  var listId = "tree_level_".concat(currentLevel + 2);
   var nextLevel = currentLevel + 1;
   if (item !== null && item !== void 0 && item.items) {
-    return /*#__PURE__*/_react["default"].createElement(_FloatingPopover.FloatingPopover, {
-      placement: "right-start",
+    return /*#__PURE__*/_react["default"].createElement(_Dropdown.StyledPopover, {
       opened: isCurrentListOpen,
-      onToggle: handleToggle,
+      usePortal: false,
+      placement: "right-start",
       trigger: trigger,
       target: /*#__PURE__*/_react["default"].createElement(_.DropdownItem, {
         item: item,
         index: index,
         path: path,
+        focusedPath: focusedPath,
         currentLevel: currentLevel,
+        itemRole: itemRole,
+        onHover: onHover,
+        onItemSelect: onItemSelect,
+        onItemClick: onItemClick,
+        variant: variant,
+        hasArrow: hasArrow,
         ariaControls: listId,
         ariaExpanded: isCurrentListOpen,
         ariaLevel: nextLevel,
-        ariaLabel: item.label
+        ariaLabel: item.label,
+        size: size
       }),
-      isInner: true
+      onToggle: handleToggle,
+      isFocusTrapped: false,
+      preventOverflow: false
     }, /*#__PURE__*/_react["default"].createElement(_Dropdown.Ul, {
-      id: listId,
-      role: "group",
-      isInnerUl: true,
       listHeight: listHeight,
       listOverflow: listOverflow,
-      listWidth: listWidth
+      role: "group",
+      id: listId,
+      listWidth: listWidth,
+      isInnerUl: true
     }, item.items.map(function (innerItem, innerIndex) {
       return /*#__PURE__*/_react["default"].createElement(DropdownInner, {
         key: "".concat(innerIndex, "/").concat(currentLevel),
         item: innerItem,
         currentLevel: nextLevel,
+        focusedPath: focusedPath,
         path: path,
         dispatchPath: dispatchPath,
         index: innerIndex,
         trigger: trigger,
+        itemRole: itemRole,
         listHeight: listHeight,
         listOverflow: listOverflow,
-        listWidth: listWidth
+        handleGlobalToggle: handleGlobalToggle,
+        closeOnSelect: closeOnSelect,
+        onHover: onHover,
+        onItemSelect: onItemSelect,
+        onItemClick: onItemClick,
+        listWidth: listWidth,
+        variant: variant,
+        hasArrow: hasArrow,
+        size: size
       });
     })));
   }
   return /*#__PURE__*/_react["default"].createElement(_.DropdownItem, {
     item: item,
-    path: path,
     index: index,
+    focusedPath: focusedPath,
     currentLevel: currentLevel,
-    ariaLevel: nextLevel
+    itemRole: itemRole,
+    handleGlobalToggle: handleGlobalToggle,
+    closeOnSelect: closeOnSelect,
+    onHover: onHover,
+    onItemSelect: onItemSelect,
+    onItemClick: onItemClick,
+    variant: variant,
+    size: size
   });
 };

package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.js

@@ -9,20 +9,29 @@ var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react")
 var _Dropdown = /*#__PURE__*/require("../../Dropdown.tokens");
 var _utils = /*#__PURE__*/require("../../../../utils");
 var _Icon = /*#__PURE__*/require("../../../_Icon");
-var _Dropdown2 = /*#__PURE__*/require("../../Dropdown");
-var _utils2 = /*#__PURE__*/require("../../utils");
 var _DropdownItem = /*#__PURE__*/require("./DropdownItem.styles");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
   var item = _ref.item,
     path = _ref.path,
+    focusedPath = _ref.focusedPath,
     currentLevel = _ref.currentLevel,
     index = _ref.index,
+    itemRole = _ref.itemRole,
+    closeOnSelect = _ref.closeOnSelect,
+    handleGlobalToggle = _ref.handleGlobalToggle,
+    onHover = _ref.onHover,
+    onItemSelect = _ref.onItemSelect,
+    onItemClick = _ref.onItemClick,
     ariaControls = _ref.ariaControls,
     ariaExpanded = _ref.ariaExpanded,
+    ariaHasPopup = _ref.ariaHasPopup,
     ariaLevel = _ref.ariaLevel,
-    ariaLabel = _ref.ariaLabel;
+    ariaLabel = _ref.ariaLabel,
+    variant = _ref.variant,
+    hasArrow = _ref.hasArrow,
+    size = _ref.size;
   var value = item.value,
     label = item.label,
     disabled = item.disabled,
@@ -32,19 +41,6 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
     dividerBefore = item.dividerBefore,
     dividerAfter = item.dividerAfter;
   var ref = (0, _react.useRef)(null);
-  var _useContext = (0, _react.useContext)(_Dropdown2.Context),
-    focusedPath = _useContext.focusedPath,
-    size = _useContext.size,
-    variant = _useContext.variant,
-    itemRole = _useContext.itemRole,
-    handleGlobalToggle = _useContext.handleGlobalToggle,
-    closeOnSelect = _useContext.closeOnSelect,
-    onHover = _useContext.onHover,
-    onItemSelect = _useContext.onItemSelect,
-    onItemClick = _useContext.onItemClick,
-    hasArrow = _useContext.hasArrow,
-    treeId = _useContext.treeId;
-  var hasDescendants = Boolean(item.items);
   var disclosureIconSize = size === 'xs' ? 'xs' : 's';
   var isDisabledClassName = disabled || isDisabled ? _Dropdown.classes.dropdownItemIsDisabled : undefined;
   var focusedClass = currentLevel === focusedPath.length - 1 && index === (focusedPath === null || focusedPath === void 0 ? void 0 : focusedPath[currentLevel]) ? _Dropdown.classes.dropdownItemIsFocused : undefined;
@@ -68,9 +64,7 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
     if (onItemClick) {
       onItemClick(item, event);
     }
-
-    // Закрываем весь дропдаун целиком при клике на айтем без потомков. Только при closeOnSelect === true.
-    if (closeOnSelect && !hasDescendants) {
+    if (handleGlobalToggle && closeOnSelect) {
       handleGlobalToggle(false, event);
     }
   };
@@ -82,25 +76,20 @@ var DropdownItem = exports.DropdownItem = function DropdownItem(_ref) {
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, dividerBefore && /*#__PURE__*/_react["default"].createElement(_DropdownItem.Divider, {
     variant: variant
   }), /*#__PURE__*/_react["default"].createElement(_DropdownItem.Wrapper, {
-    ref: ref,
     className: (0, _utils.cx)(isDisabledClassName, focusedClass, activeClass),
-    id: (0, _utils2.getItemId)(treeId, value.toString()),
+    id: value.toString(),
     role: itemRole,
+    ref: ref,
+    "aria-disabled": disabled || isDisabled,
     onClick: handleClick,
     onMouseEnter: handleHover,
     variant: variant,
-    "aria-disabled": disabled || isDisabled,
     "aria-controls": ariaControls,
     "aria-expanded": ariaExpanded,
+    "aria-haspopup": ariaHasPopup,
     "aria-level": ariaLevel,
     "aria-label": ariaLabel
-  }, /*#__PURE__*/_react["default"].createElement(_DropdownItem.CellWrapper, null, /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledCell, {
-    contentLeft: contentLeft,
-    contentRight: contentRight,
-    alignContentLeft: "center",
-    alignContentRight: "center",
-    title: label
-  })), item.items && hasArrow && /*#__PURE__*/_react["default"].createElement(_DropdownItem.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
+  }, contentLeft && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentLeft, null, contentLeft), /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledText, null, label), contentRight && /*#__PURE__*/_react["default"].createElement(_DropdownItem.StyledContentRight, null, contentRight), item.items && hasArrow && /*#__PURE__*/_react["default"].createElement(_DropdownItem.DisclosureIconWrapper, null, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureRight, {
     size: disclosureIconSize,
     color: "inherit"
   }))), dividerAfter && /*#__PURE__*/_react["default"].createElement(_DropdownItem.Divider, {

package/styled-components/cjs/components/Dropdown/ui/DropdownItem/DropdownItem.styles.js

@@ -3,26 +3,25 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Wrapper = exports.StyledCell = exports.Divider = exports.DisclosureIconWrapper = exports.CellWrapper = void 0;
+exports.Wrapper = exports.StyledText = exports.StyledContentRight = exports.StyledContentLeft = exports.Divider = exports.DisclosureIconWrapper = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
 var _Dropdown = /*#__PURE__*/require("../../Dropdown.tokens");
 var _mixins = /*#__PURE__*/require("../../../../mixins");
-var _Cell = /*#__PURE__*/require("../../../Cell");
-var _engines = /*#__PURE__*/require("../../../../engines");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-var mergedCellConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Cell.cellConfig);
-var Cell = /*#__PURE__*/(0, _engines.component)(mergedCellConfig);
-var CellWrapper = exports.CellWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-hs0ek1-0"
-})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");width:100%;"], _Cell.cellTokens.cellTitleColor, _Dropdown.constants.cellTitleColor, _Cell.cellTokens.cellBackgroundColor, _Dropdown.constants.cellBackgroundColor, _Cell.cellTokens.cellPadding, _Dropdown.tokens.cellPadding, _Cell.cellTokens.cellPaddingLeftContent, _Dropdown.tokens.cellPaddingLeftContent, _Cell.cellTokens.cellPaddingContent, _Dropdown.tokens.cellPaddingContent, _Cell.cellTokens.cellPaddingRightContent, _Dropdown.tokens.cellPaddingRightContent, _Cell.cellTokens.cellTextboxGap, _Dropdown.tokens.cellTextboxGap, _Cell.cellTokens.cellGap, _Dropdown.tokens.cellGap, _Cell.cellTokens.cellTitleFontFamily, _Dropdown.tokens.cellTitleFontFamily, _Cell.cellTokens.cellTitleFontSize, _Dropdown.tokens.cellTitleFontSize, _Cell.cellTokens.cellTitleFontStyle, _Dropdown.tokens.cellTitleFontStyle, _Cell.cellTokens.cellTitleFontWeight, _Dropdown.tokens.cellTitleFontWeight, _Cell.cellTokens.cellTitleLetterSpacing, _Dropdown.tokens.cellTitleLetterSpacing, _Cell.cellTokens.cellTitleLineHeight, _Dropdown.tokens.cellTitleLineHeight);
-var StyledCell = exports.StyledCell = /*#__PURE__*/(0, _styledComponents["default"])(Cell).withConfig({
+})(["display:inline-flex;"]);
+var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-hs0ek1-1"
-})([""]);
+})(["margin-left:auto;display:inline-flex;"]);
 var DisclosureIconWrapper = exports.DisclosureIconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-hs0ek1-2"
-})(["line-height:0;color:var(", ");"], _Dropdown.constants.disclosureIconColor);
-var Divider = exports.Divider = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+})(["line-height:0;color:var(", ");"], _Dropdown.tokens.disclosureIconColor);
+var StyledText = exports.StyledText = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-hs0ek1-3"
+})(["", ";flex:1;"], /*#__PURE__*/(0, _mixins.applyEllipsis)());
+var Divider = exports.Divider = /*#__PURE__*/_styledComponents["default"].div.withConfig({
+  componentId: "plasma-new-hope__sc-hs0ek1-4"
 })(["height:1px;margin-top:", ";margin-right:var(", ");margin-bottom:", ";margin-left:var(", ");background:var(", ");"], function (_ref) {
   var variant = _ref.variant;
   return "var(".concat(variant === 'tight' ? _Dropdown.tokens.dividerMarginTopTight : _Dropdown.tokens.dividerMarginTop, ")");
@@ -31,15 +30,18 @@ var Divider = exports.Divider = /*#__PURE__*/_styledComponents["default"].div.wi
   return "var(".concat(variant === 'tight' ? _Dropdown.tokens.dividerMarginBottomTight : _Dropdown.tokens.dividerMarginBottom, ")");
 }, _Dropdown.tokens.dividerMarginLeft, _Dropdown.tokens.dividerColor);
 var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.withConfig({
-  componentId: "plasma-new-hope__sc-hs0ek1-4"
-})(["display:flex;align-items:center;min-height:var(", ");margin:0;box-sizing:content-box;padding:", ";font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background-color:var(", ");border-radius:var(", ");user-select:none;border-right:0.125rem solid transparent;border-left:0.125rem solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Dropdown.tokens.itemHeight, function (_ref3) {
+  componentId: "plasma-new-hope__sc-hs0ek1-5"
+})(["display:flex;align-items:center;margin:0;box-sizing:content-box;padding-top:", ";padding-right:var(", ");padding-bottom:", ";padding-left:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");background:var(", ");color:var(", ");border-radius:var(", ");user-select:none;&:hover:not(.", "){cursor:pointer;background:var(", ");}&.", "{background:var(", ");}&.", "{opacity:var(", ");cursor:not-allowed;}:focus{outline:none;}", ";"], function (_ref3) {
   var variant = _ref3.variant;
-  return "var(".concat(variant === 'tight' ? _Dropdown.tokens.itemPaddingTight : _Dropdown.tokens.itemPadding, ")");
-}, _Dropdown.tokens.itemFontFamily, _Dropdown.tokens.itemFontSize, _Dropdown.tokens.itemFontStyle, _Dropdown.tokens.itemFontWeightBold, _Dropdown.tokens.itemFontLetterSpacing, _Dropdown.tokens.itemFontLineHeight, _Dropdown.constants.itemBackground, _Dropdown.tokens.borderRadius, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.constants.itemBackgroundHover, _Dropdown.classes.dropdownItemIsActive, _Dropdown.constants.itemBackgroundHover, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
+  return "var(".concat(variant === 'tight' ? _Dropdown.tokens.itemPaddingTopTight : _Dropdown.tokens.itemPaddingTop, ")");
+}, _Dropdown.tokens.itemPaddingRight, function (_ref4) {
+  var variant = _ref4.variant;
+  return "var(".concat(variant === 'tight' ? _Dropdown.tokens.itemPaddingBottomTight : _Dropdown.tokens.itemPaddingBottom, ")");
+}, _Dropdown.tokens.itemPaddingLeft, _Dropdown.tokens.itemFontFamily, _Dropdown.tokens.itemFontSize, _Dropdown.tokens.itemFontStyle, _Dropdown.tokens.itemFontWeightBold, _Dropdown.tokens.itemFontLetterSpacing, _Dropdown.tokens.itemFontLineHeight, _Dropdown.tokens.itemBackground, _Dropdown.tokens.itemColor, _Dropdown.tokens.itemBorderRadius, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.tokens.itemBackgroundHover, _Dropdown.classes.dropdownItemIsActive, _Dropdown.tokens.itemBackgroundHover, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.tokens.disabledOpacity, /*#__PURE__*/(0, _mixins.addFocus)({
   outlineSize: '0.0625rem',
   outlineOffset: '0',
-  outlineColor: /*#__PURE__*/"var(".concat(_Dropdown.constants.focusColor, ")"),
+  outlineColor: /*#__PURE__*/"var(".concat(_Dropdown.tokens.focusColor, ")"),
   outlineRadius: /*#__PURE__*/"var(".concat(_Dropdown.tokens.itemBorderRadius, ")"),
   hasTransition: false,
-  customFocusRules: /*#__PURE__*/"\n            &.".concat(_Dropdown.classes.dropdownItemIsFocused, ":before {\n                outline: none;\n                box-shadow: 0 0 0 0.0625rem var(").concat(_Dropdown.constants.focusColor, ");\n            }\n        ")
+  customFocusRules: /*#__PURE__*/"\n            &.".concat(_Dropdown.classes.dropdownItemIsFocused, ":before {\n                outline: none;\n                box-shadow: 0 0 0 0.0625rem var(").concat(_Dropdown.tokens.focusColor, ");\n            }\n        ")
 }));

package/styled-components/cjs/components/Dropdown/utils/index.js

@@ -3,30 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getCorrectHeight = exports.childrenWithProps = void 0;
-Object.defineProperty(exports, "getItemByFocused", {
-  enumerable: true,
-  get: function get() {
-    return _getItemByFocused.getItemByFocused;
-  }
-});
-Object.defineProperty(exports, "getItemId", {
-  enumerable: true,
-  get: function get() {
-    return _getItemId.getItemId;
-  }
-});
-Object.defineProperty(exports, "getPlacement", {
-  enumerable: true,
-  get: function get() {
-    return _getPlacement.getPlacement;
-  }
-});
-exports.getValidComponent = void 0;
+exports.getValidComponent = exports.getCorrectHeight = exports.childrenWithProps = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
-var _getItemId = /*#__PURE__*/require("./getItemId");
-var _getItemByFocused = /*#__PURE__*/require("./getItemByFocused");
-var _getPlacement = /*#__PURE__*/require("./getPlacement");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }

package/styled-components/cjs/components/Notification/Notification.styles.js

@@ -23,7 +23,7 @@ var CloseIconWrapper = exports.CloseIconWrapper = /*#__PURE__*/(0, _styledCompon
 })(["position:absolute;width:1.5rem;height:1.5rem;color:var(", ");:hover{color:var(", ");}&.", "{position:relative;}"], _Notification.tokens.closeIconColor, _Notification.tokens.closeIconColorOnHover, _Notification.classes.horizontal);
 var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1iufy9r-1"
-})(["position:relative;box-sizing:border-box;background:var(", ");border-radius:var(", ");&.", "{display:flex;align-items:center;gap:var(", ");}"], _Notification.tokens.background, _Notification.tokens.borderRadius, _Notification.classes.horizontal, _Notification.tokens.horizontalLayoutGap);
+})(["position:relative;box-sizing:border-box;background:var(", ");border-radius:var(", ");border:var(", ") solid var(", ");&.", "{display:flex;align-items:center;gap:var(", ");}"], _Notification.tokens.background, _Notification.tokens.borderRadius, _Notification.tokens.borderWidth, _Notification.tokens.borderColor, _Notification.classes.horizontal, _Notification.tokens.horizontalLayoutGap);
 var ButtonsWrapper = exports.ButtonsWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1iufy9r-2"
 })(["margin-top:var(", ");margin-left:", ";&.", "{margin-top:unset;margin-left:unset;}"], _Notification.tokens.buttonsMarginTop, function (_ref) {

package/styled-components/cjs/components/Notification/Notification.tokens.js

@@ -27,6 +27,8 @@ var tokens = exports.tokens = {
   horizontalLayoutPadding: '--plasma-notification-horizontal-layout-padding',
   width: '--plasma-notification-width',
   borderRadius: '--plasma-notification-border-radius',
+  borderWidth: '--plasma-notification-border-width',
+  borderColor: '--plasma-notification-border-color',
   paddingOneLineTextbox: '--plasma-notification-padding-one-line-textbox',
   horizontalLayoutGap: '--plasma-notification-horizontal-layout-gap',
   horizontalLayoutLeftIconMargin: '--plasma-notification-horizontal-layout-left-icon-margin',

package/styled-components/cjs/components/Pagination/Pagination.js

@@ -15,7 +15,6 @@ var _base3 = /*#__PURE__*/require("./variations/_size/base");
 var _Pagination2 = /*#__PURE__*/require("./Pagination.tokens");
 var _PaginationQuickJumpToPage = /*#__PURE__*/require("./ui/PaginationQuickJumpToPage/PaginationQuickJumpToPage");
 var _PaginationSelectPerPage = /*#__PURE__*/require("./ui/PaginationSelectPerPage/PaginationSelectPerPage");
-var _PaginationShorter;
 var _excluded = ["value", "perPage", "slots", "view", "viewCurrentPage", "type", "size", "pilled", "square", "disabledPages", "count", "hasQuickJump", "hasPerPage", "perPageList", "isCommonButtonStyles", "placeholderQuickJump", "textQuickJump", "textPerPage", "leftContent", "rightContent", "listWidth", "onChangePageValue", "onChangePerPageValue"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -141,10 +140,11 @@ var paginationRoot = exports.paginationRoot = function paginationRoot(Root) {
     }, /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationPages, null, leftContent && /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationButtonGroup, {
       isCommonButtonStyles: isCommonButtonStyles
     }, leftContent), sections && sections.map(function (section, indexSection) {
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, indexSection !== 0 && (_PaginationShorter || (_PaginationShorter = /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationShorter, {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, indexSection !== 0 && /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationShorter, {
         stretching: "fixed",
-        disabled: true
-      }, "..."))), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationSection, {
+        disabled: true,
+        className: _Pagination2.classes.buttonDisabled
+      }, "..."), /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationSection, {
         key: indexSection
       }, section.map(function (pageValue) {
         return /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationButton, {
@@ -155,7 +155,7 @@ var paginationRoot = exports.paginationRoot = function paginationRoot(Root) {
             return handlerSetPage(pageValue);
           },
           disabled: disabled.includes(pageValue),
-          className: (0, _utils.cx)(_Pagination2.classes.paginationPageButton, isActiveButton(pageValue))
+          className: (0, _utils.cx)(_Pagination2.classes.paginationPageButton, isActiveButton(pageValue), disabled.includes(pageValue) ? _Pagination2.classes.buttonDisabled : '')
         }, pageValue);
       })));
     }), rightContent && /*#__PURE__*/_react["default"].createElement(_Pagination.PaginationButtonGroup, {

package/styled-components/cjs/components/Pagination/Pagination.styles.js

@@ -32,7 +32,7 @@ var PaginationButtonGroup = exports.PaginationButtonGroup = /*#__PURE__*/(0, _st
 })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _ButtonGroup.buttonGroupTokens.buttonColor, _Pagination.tokens.buttonColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColor, _Pagination.tokens.buttonBackgroundColor, _ButtonGroup.buttonGroupTokens.buttonColorHover, _Pagination.tokens.buttonHoverColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorHover, _Pagination.tokens.buttonBackgroundColorHover, _ButtonGroup.buttonGroupTokens.buttonColorActive, _Pagination.tokens.buttonActiveColor, _ButtonGroup.buttonGroupTokens.buttonBackgroundColorActive, _Pagination.tokens.buttonBackgroundColorActive, _ButtonGroup.buttonGroupTokens.buttonFontFamily, _Pagination.tokens.paginationFontFamily, _ButtonGroup.buttonGroupTokens.buttonFontSize, _Pagination.tokens.paginationFontSize, _ButtonGroup.buttonGroupTokens.buttonFontStyle, _Pagination.tokens.paginationFontStyle, _ButtonGroup.buttonGroupTokens.buttonFontWeight, _Pagination.tokens.paginationFontWeight, _ButtonGroup.buttonGroupTokens.buttonLetterSpacing, _Pagination.tokens.paginationLetterSpacing, _ButtonGroup.buttonGroupTokens.buttonLineHeight, _Pagination.tokens.paginationLineHeight, _ButtonGroup.buttonGroupTokens.buttonWidth, _Pagination.tokens.buttonWidth, _ButtonGroup.buttonGroupTokens.buttonHeight, _Pagination.tokens.buttonHeight, _ButtonGroup.buttonGroupTokens.buttonDefaultRadius, _Pagination.tokens.buttonRadius, _ButtonGroup.buttonGroupTokens.buttonSideRadius, _Pagination.tokens.buttonRadius, _ButtonGroup.buttonGroupTokens.buttonSegmentedRadius, _Pagination.tokens.buttonRadius, _ButtonGroup.buttonGroupTokens.buttonRadiusCircle, _Pagination.tokens.buttonRadius);
 var PaginationButton = exports.PaginationButton = /*#__PURE__*/(0, _styledComponents["default"])(Button).withConfig({
   componentId: "plasma-new-hope__sc-13na7gd-5"
-})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}:focus{outline:none;}", ""], _Button.buttonTokens.buttonColor, _Pagination.tokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Pagination.tokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Pagination.tokens.buttonHoverColor, _Button.buttonTokens.buttonBackgroundColorHover, _Pagination.tokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Pagination.tokens.buttonActiveColor, _Button.buttonTokens.buttonBackgroundColorActive, _Pagination.tokens.buttonBackgroundColorActive, _Button.buttonTokens.buttonFontFamily, _Pagination.tokens.paginationFontFamily, _Button.buttonTokens.buttonFontSize, _Pagination.tokens.paginationFontSize, _Button.buttonTokens.buttonFontStyle, _Pagination.tokens.paginationFontStyle, _Button.buttonTokens.buttonFontWeight, _Pagination.tokens.paginationFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Pagination.tokens.paginationLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Pagination.tokens.paginationLineHeight, _Button.buttonTokens.buttonWidth, _Pagination.tokens.buttonWidth, _Button.buttonTokens.buttonHeight, _Pagination.tokens.buttonHeight, _Button.buttonTokens.buttonRadius, _Pagination.tokens.buttonRadius, _Button.buttonTokens.buttonDisabledOpacity, _Pagination.tokens.buttonDisabledOpacity, _Button.buttonTokens.buttonFocusColor, _Pagination.tokens.buttonFocusColor, _Pagination.classes.paginationPageButtonActive, _Button.buttonTokens.buttonColor, _Pagination.tokens.paginationCurrentButtonColor, _Button.buttonTokens.buttonBackgroundColor, _Pagination.tokens.paginationCurrentButtonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Pagination.tokens.paginationCurrentButtonHoverColor, _Button.buttonTokens.buttonBackgroundColorHover, _Pagination.tokens.paginationCurrentButtonHoverBackgroundColor, _Button.buttonTokens.buttonColorActive, _Pagination.tokens.paginationCurrentButtonActiveColor, _Button.buttonTokens.buttonBackgroundColorActive, _Pagination.tokens.paginationCurrentButtonActiveBackgroundColor, /*#__PURE__*/(0, _mixins.addFocus)({
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");&.", "{", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}&.", "{", ":var(", ",var(", "));", ":var(", ",var(", "));}:focus{outline:none;}", ""], _Button.buttonTokens.buttonColor, _Pagination.tokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Pagination.tokens.buttonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Pagination.tokens.buttonHoverColor, _Button.buttonTokens.buttonBackgroundColorHover, _Pagination.tokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _Pagination.tokens.buttonActiveColor, _Button.buttonTokens.buttonBackgroundColorActive, _Pagination.tokens.buttonBackgroundColorActive, _Button.buttonTokens.buttonFontFamily, _Pagination.tokens.paginationFontFamily, _Button.buttonTokens.buttonFontSize, _Pagination.tokens.paginationFontSize, _Button.buttonTokens.buttonFontStyle, _Pagination.tokens.paginationFontStyle, _Button.buttonTokens.buttonFontWeight, _Pagination.tokens.paginationFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Pagination.tokens.paginationLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Pagination.tokens.paginationLineHeight, _Button.buttonTokens.buttonWidth, _Pagination.tokens.buttonWidth, _Button.buttonTokens.buttonHeight, _Pagination.tokens.buttonHeight, _Button.buttonTokens.buttonRadius, _Pagination.tokens.buttonRadius, _Button.buttonTokens.buttonDisabledOpacity, _Pagination.tokens.buttonDisabledOpacity, _Button.buttonTokens.buttonFocusColor, _Pagination.tokens.buttonFocusColor, _Pagination.classes.paginationPageButtonActive, _Button.buttonTokens.buttonColor, _Pagination.tokens.paginationCurrentButtonColor, _Button.buttonTokens.buttonBackgroundColor, _Pagination.tokens.paginationCurrentButtonBackgroundColor, _Button.buttonTokens.buttonColorHover, _Pagination.tokens.paginationCurrentButtonHoverColor, _Button.buttonTokens.buttonBackgroundColorHover, _Pagination.tokens.paginationCurrentButtonHoverBackgroundColor, _Button.buttonTokens.buttonColorActive, _Pagination.tokens.paginationCurrentButtonActiveColor, _Button.buttonTokens.buttonBackgroundColorActive, _Pagination.tokens.paginationCurrentButtonActiveBackgroundColor, _Pagination.classes.buttonDisabled, _Button.buttonTokens.buttonColor, _Pagination.tokens.paginationDisabledButtonColor, _Pagination.tokens.buttonColor, _Button.buttonTokens.buttonBackgroundColor, _Pagination.tokens.paginationDisabledButtonBackgroundColor, _Pagination.tokens.buttonBackgroundColor, /*#__PURE__*/(0, _mixins.addFocus)({
   outlineOffset: 'calc(-1 * var(--plasma_private-btn-outline-size))',
   outlineSize: 'var(--plasma_private-btn-outline-size)',
   outlineRadius: 'var(--plasma_private-btn-br)',

package/styled-components/cjs/components/Pagination/Pagination.tokens.js

@@ -17,7 +17,8 @@ var classes = exports.classes = {
   withHasPerPageSelect: 'pagination-has-perpage-select',
   paginationPageButton: 'pagination-page-button',
   paginationPageButtonActive: 'pagination-page-button-active',
-  paginationIconReverse: 'pagination-icon-reverse'
+  paginationIconReverse: 'pagination-icon-reverse',
+  buttonDisabled: 'pagination-button-disabled'
 };
 var tokens = exports.tokens = {
   paginationWidth: '--plasma-pagination-width',
@@ -41,6 +42,8 @@ var tokens = exports.tokens = {
   paginationCurrentButtonHoverColor: '--plasma-pagination-button-current-color-hover',
   paginationCurrentButtonActiveBackgroundColor: '--plasma-pagination-button-current-bg-color-active',
   paginationCurrentButtonActiveColor: '--plasma-pagination--button-current-color-active',
+  paginationDisabledButtonColor: '--plasma-pagination--button-color-disabled',
+  paginationDisabledButtonBackgroundColor: '--plasma-pagination--button-bg-color-disabled',
   buttonDisabledOpacity: '--plasma-pagination-button-disabled-opacity',
   buttonHeight: '--plasma-pagination-button-height',
   buttonWidthShorter: '--plasma-pagination-button-width-shorter',

package/styled-components/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.js

@@ -16,7 +16,7 @@ var SelectPerPageRoot = exports.SelectPerPageRoot = /*#__PURE__*/_styledComponen
 })(["display:flex;align-items:center;gap:0.5rem;"]);
 var SelectPerPageSelect = exports.SelectPerPageSelect = /*#__PURE__*/(0, _styledComponents["default"])(Select).withConfig({
   componentId: "plasma-new-hope__sc-1g304l9-1"
-})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":0.125rem;", ":0.125rem;", ":var(", ");", ":calc(var(", ") - 0.125rem);", ":0 0.375rem 0 0;", ":1.5rem;", ":var(", ");"], _Select.selectTokens.targetButtonColor, _Pagination.tokens.buttonColor, _Select.selectTokens.targetButtonColorHover, _Pagination.tokens.buttonColorHover, _Select.selectTokens.targetButtonColorActive, _Pagination.tokens.buttonColorActive, _Select.selectTokens.targetButtonBackgroundColor, _Pagination.tokens.buttonBackgroundColor, _Select.selectTokens.targetButtonBackgroundColorHover, _Pagination.tokens.buttonBackgroundColorHover, _Select.selectTokens.targetButtonBackgroundColorActive, _Pagination.tokens.buttonBackgroundColorActive, _Select.selectTokens.targetHeight, _Pagination.tokens.buttonHeight, _Select.selectTokens.targetButtonPadding, _Pagination.tokens.selectTargetPadding, _Select.selectTokens.borderRadius, _Pagination.tokens.buttonRadius, _Select.selectTokens.targetButtonArrowColor, _Pagination.tokens.buttonArrowColor, _Select.selectTokens.targetButtonArrowColorHover, _Pagination.tokens.buttonArrowColorHover, _Select.selectTokens.targetButtonArrowColorActive, _Pagination.tokens.buttonArrowColorActive, _Select.selectTokens.targetButtonArrowMargin, _Pagination.tokens.buttonArrowMargin, _Select.selectTokens.padding, _Select.selectTokens.focusOffset, _Select.selectTokens.itemPadding, _Pagination.tokens.selectItemPadding, _Select.selectTokens.itemBorderRadius, _Pagination.tokens.buttonRadius, _Select.selectTokens.itemIconMargin, _Select.selectTokens.itemIconSize, _Select.selectTokens.itemHeight, _Pagination.tokens.selectItemHeight);
+})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":0.125rem;", ":0.125rem;", ":var(", ");", ":calc(var(", ") - 0.125rem);", ":0 0.375rem 0 0;", ":1.5rem;", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _Select.selectTokens.targetButtonColor, _Pagination.tokens.buttonColor, _Select.selectTokens.targetButtonColorHover, _Pagination.tokens.buttonColorHover, _Select.selectTokens.targetButtonColorActive, _Pagination.tokens.buttonColorActive, _Select.selectTokens.targetButtonBackgroundColor, _Pagination.tokens.buttonBackgroundColor, _Select.selectTokens.targetButtonBackgroundColorHover, _Pagination.tokens.buttonBackgroundColorHover, _Select.selectTokens.targetButtonBackgroundColorActive, _Pagination.tokens.buttonBackgroundColorActive, _Select.selectTokens.targetHeight, _Pagination.tokens.buttonHeight, _Select.selectTokens.targetButtonPadding, _Pagination.tokens.selectTargetPadding, _Select.selectTokens.borderRadius, _Pagination.tokens.buttonRadius, _Select.selectTokens.targetButtonArrowColor, _Pagination.tokens.buttonArrowColor, _Select.selectTokens.targetButtonArrowColorHover, _Pagination.tokens.buttonArrowColorHover, _Select.selectTokens.targetButtonArrowColorActive, _Pagination.tokens.buttonArrowColorActive, _Select.selectTokens.targetButtonArrowMargin, _Pagination.tokens.buttonArrowMargin, _Select.selectTokens.padding, _Select.selectTokens.focusOffset, _Select.selectTokens.itemPadding, _Pagination.tokens.selectItemPadding, _Select.selectTokens.itemBorderRadius, _Pagination.tokens.buttonRadius, _Select.selectTokens.itemIconMargin, _Select.selectTokens.itemIconSize, _Select.selectTokens.itemHeight, _Pagination.tokens.selectItemHeight, _Select.selectTokens.fontFamily, _Pagination.tokens.paginationFontFamily, _Select.selectTokens.fontSize, _Pagination.tokens.paginationFontSize, _Select.selectTokens.fontStyle, _Pagination.tokens.paginationFontStyle, _Select.selectTokens.fontWeight, _Pagination.tokens.paginationFontWeight, _Select.selectTokens.fontLetterSpacing, _Pagination.tokens.paginationLetterSpacing, _Select.selectTokens.fontLineHeight, _Pagination.tokens.paginationLineHeight);
 var SelectPerPageTypography = exports.SelectPerPageTypography = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1g304l9-2"
 })(["font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");"], _Pagination.tokens.paginationFontFamily, _Pagination.tokens.paginationFontSize, _Pagination.tokens.paginationFontStyle, _Pagination.tokens.paginationFontWeight, _Pagination.tokens.paginationLetterSpacing, _Pagination.tokens.paginationLineHeight);

package/styled-components/cjs/components/Tabs/tokens.js

@@ -82,5 +82,11 @@ var tokens = exports.tokens = {
   fontStyle: '--plasma-tab-item-font-style',
   fontWeight: '--plasma-tab-item-font-weight',
   letterSpacing: '--plasma-tab-item-letter-spacing',
-  lineHeight: '--plasma-tab-item-lineheight'
+  lineHeight: '--plasma-tab-item-lineheight',
+  valueFontFamily: '--plasma-tab-item-value-font-family',
+  valueFontSize: '--plasma-tab-item-value-font-size',
+  valueFontStyle: '--plasma-tab-item-value-font-style',
+  valueFontWeight: '--plasma-tab-item-value-font-weight',
+  valueLetterSpacing: '--plasma-tab-item-value-letter-spacing',
+  valueLineHeight: '--plasma-tab-item-value-lineheight'
 };

package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabItem/HorizontalTabItem.styles.js

@@ -22,7 +22,7 @@ var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["defa
 })(["display:inline-block;width:fit-content;padding:0 var(", ",var(", "));"], _tokens.tokens.itemContentPaddingClear, _tokens.tokens.itemContentPadding);
 var TabItemValue = exports.TabItemValue = /*#__PURE__*/_styledComponents["default"].span.withConfig({
   componentId: "plasma-new-hope__sc-lremls-1"
-})(["color:var(", ");"], _tokens.tokens.itemValueColor);
+})(["color:var(", ");font-family:var(", ",var(", "));font-size:var(", ",var(", "));font-style:var(", ",var(", "));font-weight:var(", ",var(", "));letter-spacing:var(", ",var(", "));line-height:var(", ",var(", "));"], _tokens.tokens.itemValueColor, _tokens.tokens.valueFontFamily, _tokens.tokens.fontFamily, _tokens.tokens.valueFontSize, _tokens.tokens.fontSize, _tokens.tokens.valueFontStyle, _tokens.tokens.fontStyle, _tokens.tokens.valueFontWeight, _tokens.tokens.fontWeight, _tokens.tokens.valueLetterSpacing, _tokens.tokens.letterSpacing, _tokens.tokens.valueLineHeight, _tokens.tokens.lineHeight);
 var RightContent = exports.RightContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-lremls-2"
 })(["display:flex;color:inherit;&:hover{color:inherit;}"]);

package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabItem/VerticalTabItem.styles.js

@@ -24,7 +24,7 @@ var StyledContent = exports.StyledContent = /*#__PURE__*/_styledComponents["defa
 })(["display:inline-block;width:fit-content;padding:0 var(", ",var(", "));"], _tokens.tokens.itemContentPaddingClear, _tokens.tokens.itemContentPadding);
 var TabItemValue = exports.TabItemValue = /*#__PURE__*/_styledComponents["default"].span.withConfig({
   componentId: "plasma-new-hope__sc-1pflgj8-1"
-})(["color:var(", ");"], _tokens.tokens.itemValueColor);
+})(["color:var(", ");font-family:var(", ",var(", "));font-size:var(", ",var(", "));font-style:var(", ",var(", "));font-weight:var(", ",var(", "));letter-spacing:var(", ",var(", "));line-height:var(", ",var(", "));"], _tokens.tokens.itemValueColor, _tokens.tokens.valueFontFamily, _tokens.tokens.fontFamily, _tokens.tokens.valueFontSize, _tokens.tokens.fontSize, _tokens.tokens.valueFontStyle, _tokens.tokens.fontStyle, _tokens.tokens.valueFontWeight, _tokens.tokens.fontWeight, _tokens.tokens.valueLetterSpacing, _tokens.tokens.letterSpacing, _tokens.tokens.valueLineHeight, _tokens.tokens.lineHeight);
 var RightContent = exports.RightContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1pflgj8-2"
 })(["display:flex;color:inherit;&:hover{color:inherit;}"]);