@salutejs/plasma-new-hope 0.182.0-canary.1526.11627044134.0 → 0.182.0-canary.1531.11627850249.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.182.0-canary.1526.11627044134.0",
+  "version": "0.182.0-canary.1531.11627850249.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -80,7 +80,7 @@
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^25.0.4",
     "@rollup/plugin-node-resolve": "^15.1.0",
-    "@salutejs/plasma-sb-utils": "0.183.0-canary.1526.11627044134.0",
+    "@salutejs/plasma-sb-utils": "0.182.0",
     "@salutejs/plasma-themes": "0.22.0",
     "@storybook/addon-docs": "^7.6.17",
     "@storybook/addon-essentials": "^7.6.17",
@@ -115,7 +115,7 @@
     "@linaria/react": "5.0.3",
     "@popperjs/core": "2.11.8",
     "@salutejs/input-core": "2.1.2",
-    "@salutejs/plasma-core": "1.185.0-canary.1526.11627044134.0",
+    "@salutejs/plasma-core": "1.184.0",
     "@salutejs/react-maskinput": "3.2.6",
     "classnames": "2.5.1",
     "dayjs": "1.11.11",
@@ -128,5 +128,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "08563f80215a144825efe77440c044aa84f11443"
+  "gitHead": "8b645e7a7c33d3e3e9289f1005c920af2c7f0633"
 }

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

@@ -68,6 +68,7 @@ var tokens = exports.tokens = {
   textFieldDisabledOpacity: '--plasma-autocomplete-textfield-disabled-opacity',
   textFieldFocusColor: '--plasma-autocomplete-textfield-focus-color',
   textFieldContentSlotColor: '--plasma-autocomplete-content-color',
+  textFieldContentSlotRightColor: '--plasma-autocomplete-content-right-color',
   // Токены для дропдауна
   background: '--plasma-autocomplete-background',
   boxShadow: '--plasma-autocomplete-box-shadow',

package/styled-components/cjs/components/Autocomplete/ui/TextField/TextField.styles.js

@@ -13,4 +13,4 @@ var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_TextField.textFieldCo
 var TextField = /*#__PURE__*/(0, _engines.component)(mergedConfig);
 var StyledTextField = exports.StyledTextField = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
   componentId: "plasma-new-hope__sc-1rp2ggs-0"
-})(["", ":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(", ");", ":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(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ",var(", "));"], _TextField.textFieldTokens.color, _Autocomplete.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColorFocus, _Autocomplete.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.backgroundColor, _Autocomplete.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Autocomplete.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Autocomplete.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Autocomplete.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Autocomplete.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Autocomplete.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Autocomplete.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Autocomplete.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Autocomplete.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Autocomplete.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.caretColor, _Autocomplete.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Autocomplete.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.height, _Autocomplete.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Autocomplete.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Autocomplete.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Autocomplete.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _Autocomplete.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Autocomplete.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Autocomplete.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Autocomplete.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Autocomplete.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Autocomplete.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Autocomplete.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Autocomplete.tokens.textFieldLineHeight, _TextField.textFieldTokens.labelColor, _Autocomplete.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Autocomplete.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Autocomplete.tokens.textFieldLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Autocomplete.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Autocomplete.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Autocomplete.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Autocomplete.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Autocomplete.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Autocomplete.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Autocomplete.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Autocomplete.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Autocomplete.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Autocomplete.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Autocomplete.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Autocomplete.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Autocomplete.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Autocomplete.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.leftHelperColor, _Autocomplete.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Autocomplete.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Autocomplete.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Autocomplete.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Autocomplete.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Autocomplete.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Autocomplete.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Autocomplete.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Autocomplete.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Autocomplete.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Autocomplete.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Autocomplete.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Autocomplete.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Autocomplete.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.focusColor, _Autocomplete.tokens.textFieldFocusColor, _TextField.textFieldTokens.contentSlotColor, _Autocomplete.tokens.textFieldContentSlotColor, _Autocomplete.tokens.textFieldColor);
+})(["", ":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(", ");", ":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(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _TextField.textFieldTokens.color, _Autocomplete.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColorFocus, _Autocomplete.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.backgroundColor, _Autocomplete.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _Autocomplete.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _Autocomplete.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _Autocomplete.tokens.textFieldBorderColor, _TextField.textFieldTokens.borderColorHover, _Autocomplete.tokens.textFieldBorderColorHover, _TextField.textFieldTokens.borderColorFocus, _Autocomplete.tokens.textFieldBorderColorFocus, _TextField.textFieldTokens.colorReadOnly, _Autocomplete.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _Autocomplete.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _Autocomplete.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _Autocomplete.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.caretColor, _Autocomplete.tokens.textFieldCaretColor, _TextField.textFieldTokens.placeholderColor, _Autocomplete.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.height, _Autocomplete.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _Autocomplete.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _Autocomplete.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _Autocomplete.tokens.textFieldPadding, _TextField.textFieldTokens.leftContentMargin, _Autocomplete.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _Autocomplete.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _Autocomplete.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontStyle, _Autocomplete.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontSize, _Autocomplete.tokens.textFieldFontSize, _TextField.textFieldTokens.fontWeight, _Autocomplete.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _Autocomplete.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _Autocomplete.tokens.textFieldLineHeight, _TextField.textFieldTokens.labelColor, _Autocomplete.tokens.textFieldLabelColor, _TextField.textFieldTokens.labelColorReadOnly, _Autocomplete.tokens.textFieldLabelColorReadOnly, _TextField.textFieldTokens.labelOffset, _Autocomplete.tokens.textFieldLabelOffset, _TextField.textFieldTokens.labelFontFamily, _Autocomplete.tokens.textFieldLabelFontFamily, _TextField.textFieldTokens.labelFontStyle, _Autocomplete.tokens.textFieldLabelFontStyle, _TextField.textFieldTokens.labelFontSize, _Autocomplete.tokens.textFieldLabelFontSize, _TextField.textFieldTokens.labelFontWeight, _Autocomplete.tokens.textFieldLabelFontWeight, _TextField.textFieldTokens.labelLetterSpacing, _Autocomplete.tokens.textFieldLabelLetterSpacing, _TextField.textFieldTokens.labelLineHeight, _Autocomplete.tokens.textFieldLabelLineHeight, _TextField.textFieldTokens.labelInnerFontFamily, _Autocomplete.tokens.textFieldLabelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontStyle, _Autocomplete.tokens.textFieldLabelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontSize, _Autocomplete.tokens.textFieldLabelInnerFontSize, _TextField.textFieldTokens.labelInnerFontWeight, _Autocomplete.tokens.textFieldLabelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _Autocomplete.tokens.textFieldLabelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _Autocomplete.tokens.textFieldLabelInnerLineHeight, _TextField.textFieldTokens.labelInnerPadding, _Autocomplete.tokens.textFieldLabelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _Autocomplete.tokens.textFieldContentLabelInnerPadding, _TextField.textFieldTokens.leftHelperColor, _Autocomplete.tokens.textFieldLeftHelperColor, _TextField.textFieldTokens.leftHelperColorReadOnly, _Autocomplete.tokens.textFieldLeftHelperColorReadOnly, _TextField.textFieldTokens.leftHelperOffset, _Autocomplete.tokens.textFieldLeftHelperOffset, _TextField.textFieldTokens.leftHelperFontFamily, _Autocomplete.tokens.textFieldLeftHelperFontFamily, _TextField.textFieldTokens.leftHelperFontStyle, _Autocomplete.tokens.textFieldLeftHelperFontStyle, _TextField.textFieldTokens.leftHelperFontSize, _Autocomplete.tokens.textFieldLeftHelperFontSize, _TextField.textFieldTokens.leftHelperFontWeight, _Autocomplete.tokens.textFieldLeftHelperFontWeight, _TextField.textFieldTokens.leftHelperLetterSpacing, _Autocomplete.tokens.textFieldLeftHelperLetterSpacing, _TextField.textFieldTokens.leftHelperLineHeight, _Autocomplete.tokens.textFieldLeftHelperLineHeight, _TextField.textFieldTokens.textBeforeColor, _Autocomplete.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _Autocomplete.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _Autocomplete.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _Autocomplete.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.disabledOpacity, _Autocomplete.tokens.textFieldDisabledOpacity, _TextField.textFieldTokens.focusColor, _Autocomplete.tokens.textFieldFocusColor, _TextField.textFieldTokens.contentSlotColor, _Autocomplete.tokens.textFieldContentSlotColor, _TextField.textFieldTokens.contentSlotRightColor, _Autocomplete.tokens.textFieldContentSlotRightColor);

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

@@ -49,9 +49,9 @@ var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledCompon
 var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    box-sizing: border-box;\n    justify-content: center;\n\n    appearance: none;\n    border: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    a& {\n        text-decoration: none;\n    }\n\n    /* NOTE:\n        --plasma_computed-btn-br-radius is defined in Button.tsx\n    */\n    --plasma_private-btn-br: var(--plasma_computed-btn-br);\n    border-radius: var(--plasma_private-btn-br);\n\n    &&.", " {\n        width: var(", ");\n        padding: 0;\n    }\n"])), /*#__PURE__*/String(_Button.classes.buttonSquare), _Button.tokens.buttonHeight);
 
 // INFO: Для возможности переиспользования стилей в других компонентах
-var baseContent = exports.baseContent = /*#__PURE__*/"\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    box-sizing: border-box;\n    justify-content: center;\n\n    appearance: none;\n    border: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    a& {\n        text-decoration: none;\n    }\n\n    /* NOTE:\n        --plasma_computed-btn-br-radius is defined in Button.tsx\n    */\n    --plasma_private-btn-br: var(--plasma_computed-btn-br);\n    border-radius: var(--plasma_private-btn-br);\n\n    &&.".concat(String(_Button.classes.buttonSquare), " {\n        width: var(").concat(_Button.tokens.buttonHeight, ");\n        padding: 0;\n    }\n\n    color: var(").concat(_Button.tokens.buttonColor, ");\n    background: var(").concat(_Button.tokens.buttonBackgroundColor, ");\n\n    :hover {\n        color: var(").concat(_Button.tokens.buttonColorHover, ", var(").concat(_Button.tokens.buttonColor, "));\n        background: var(").concat(_Button.tokens.buttonBackgroundColorHover, ", var(").concat(_Button.tokens.buttonBackgroundColor, "));\n\n        scale: var(").concat(_Button.tokens.buttonScaleHover, ");\n    }\n\n    :active {\n        color: var(").concat(_Button.tokens.buttonColorActive, ", var(").concat(_Button.tokens.buttonColor, "));\n        background: var(").concat(_Button.tokens.buttonBackgroundColorActive, ", var(").concat(_Button.tokens.buttonBackgroundColor, "));\n\n        scale: var(").concat(_Button.tokens.buttonScaleActive, ");\n    }\n\n    height: var(").concat(_Button.tokens.buttonHeight, ");\n    width: var(").concat(_Button.tokens.buttonWidth, ");\n\n    /* TODO: #714 move these calc's to plasma-mapping | ds-generator and add Math.round() */\n    padding: 0 var(").concat(_Button.tokens.buttonPadding, ", calc(var(").concat(_Button.tokens.buttonHeight, ") * 1.618 / 4));\n\n    font-family: var(").concat(_Button.tokens.buttonFontFamily, ");\n    font-size: var(").concat(_Button.tokens.buttonFontSize, ");\n    font-style: var(").concat(_Button.tokens.buttonFontStyle, ");\n    font-weight: var(").concat(_Button.tokens.buttonFontWeight, ");\n    letter-spacing: var(").concat(_Button.tokens.buttonLetterSpacing, ");\n    line-height: var(").concat(_Button.tokens.buttonLineHeight, ");\n\n    /* TODO: #710 make it token API ? */\n    --plasma_private-btn-outline-size: var(--plasma-button-outline-size, 0.0625rem);\n\n    :focus {\n        outline: none;\n    }\n\n    ").concat((0, _mixins.addFocus)({
+var baseContent = exports.baseContent = /*#__PURE__*/"\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n    box-sizing: border-box;\n    justify-content: center;\n\n    appearance: none;\n    border: none;\n    cursor: pointer;\n    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n\n    a& {\n        text-decoration: none;\n    }\n\n    /* NOTE:\n        --plasma_computed-btn-br-radius is defined in Button.tsx\n    */\n    --plasma_private-btn-br: var(--plasma_computed-btn-br);\n    border-radius: var(--plasma_private-btn-br);\n\n    &&.".concat(String(_Button.classes.buttonSquare), " {\n        width: var(").concat(_Button.tokens.buttonHeight, ");\n        padding: 0;\n    }\n\n    color: var(").concat(_Button.tokens.buttonColor, ");\n    background-color: var(").concat(_Button.tokens.buttonBackgroundColor, ");\n\n    :hover {\n        color: var(").concat(_Button.tokens.buttonColorHover, ", var(").concat(_Button.tokens.buttonColor, "));\n        background-color: var(").concat(_Button.tokens.buttonBackgroundColorHover, ", var(").concat(_Button.tokens.buttonBackgroundColor, "));\n\n        scale: var(").concat(_Button.tokens.buttonScaleHover, ");\n    }\n\n    :active {\n        color: var(").concat(_Button.tokens.buttonColorActive, ", var(").concat(_Button.tokens.buttonColor, "));\n        background-color: var(").concat(_Button.tokens.buttonBackgroundColorActive, ", var(").concat(_Button.tokens.buttonBackgroundColor, "));\n\n        scale: var(").concat(_Button.tokens.buttonScaleActive, ");\n    }\n\n    height: var(").concat(_Button.tokens.buttonHeight, ");\n    width: var(").concat(_Button.tokens.buttonWidth, ");\n\n    /* TODO: #714 move these calc's to plasma-mapping | ds-generator and add Math.round() */\n    padding: 0 var(").concat(_Button.tokens.buttonPadding, ", calc(var(").concat(_Button.tokens.buttonHeight, ") * 1.618 / 4));\n\n    font-family: var(").concat(_Button.tokens.buttonFontFamily, ");\n    font-size: var(").concat(_Button.tokens.buttonFontSize, ");\n    font-style: var(").concat(_Button.tokens.buttonFontStyle, ");\n    font-weight: var(").concat(_Button.tokens.buttonFontWeight, ");\n    letter-spacing: var(").concat(_Button.tokens.buttonLetterSpacing, ");\n    line-height: var(").concat(_Button.tokens.buttonLineHeight, ");\n\n    /* TODO: #710 make it token API ? */\n    --plasma_private-btn-outline-size: var(--plasma-button-outline-size, 0.0625rem);\n\n    :focus {\n        outline: none;\n    }\n\n    ").concat((0, _mixins.addFocus)({
   outlineOffset: '-0.125rem',
   outlineSize: 'var(--plasma_private-btn-outline-size)',
   outlineRadius: 'calc(0.125rem + var(--plasma_private-btn-br))',
   outlineColor: "var(".concat(_Button.tokens.buttonFocusColor, ")")
-}), "\n\n    &[disabled] {\n        opacity: var(").concat(_Button.tokens.buttonDisabledOpacity, ");\n        cursor: not-allowed;\n\n        :hover,\n        :active {\n            scale: none;\n\n            color: var(").concat(_Button.tokens.buttonColor, ");\n            background: var(").concat(_Button.tokens.buttonBackgroundColor, ");\n        }\n    }\n\n    &.").concat(_Button.classes.fixedStretching, " {\n        width: var(").concat(_Button.tokens.buttonWidth, ");\n    }\n    &.").concat(_Button.classes.filledStretching, " {\n        width: 100%;\n    }\n    &.").concat(_Button.classes.autoStretching, " {\n        width: fit-content;\n    }\n");
+}), "\n\n    &[disabled] {\n        opacity: var(").concat(_Button.tokens.buttonDisabledOpacity, ");\n        cursor: not-allowed;\n\n        :hover,\n        :active {\n            scale: none;\n\n            color: var(").concat(_Button.tokens.buttonColor, ");\n            background-color: var(").concat(_Button.tokens.buttonBackgroundColor, ");\n        }\n    }\n\n    &.").concat(_Button.classes.fixedStretching, " {\n        width: var(").concat(_Button.tokens.buttonWidth, ");\n    }\n    &.").concat(_Button.classes.filledStretching, " {\n        width: 100%;\n    }\n    &.").concat(_Button.classes.autoStretching, " {\n        width: fit-content;\n    }\n");

package/styled-components/cjs/components/Button/variations/_disabled/base.js

@@ -12,4 +12,4 @@ var _Button = /*#__PURE__*/require("../../Button.tokens");
 /* because some projects don't need disabled */
 /* so we don't want to keep `:not(:disabled)` inside _view */
 
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[disabled]{opacity:var(", ");cursor:not-allowed;:hover,:active{scale:none;color:var(", ");background:var(", ");}}"], _Button.tokens.buttonDisabledOpacity, _Button.tokens.buttonColor, _Button.tokens.buttonBackgroundColor);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&[disabled]{opacity:var(", ");cursor:not-allowed;:hover,:active{scale:none;color:var(", ");background-color:var(", ");}}"], _Button.tokens.buttonDisabledOpacity, _Button.tokens.buttonColor, _Button.tokens.buttonBackgroundColor);

package/styled-components/cjs/components/Button/variations/_view/base.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.base = void 0;
 var _styledComponents = /*#__PURE__*/require("styled-components");
 var _Button = /*#__PURE__*/require("../../Button.tokens");
-var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["color:var(", ");background:var(", ");&.", "{background:var(", ");}:hover{color:var(", ",var(", "));background:var(", ",var(", "));scale:var(", ");}:active{color:var(", ",var(", "));background:var(", ",var(", "));scale:var(", ");}"], _Button.tokens.buttonColor, _Button.tokens.buttonBackgroundColor, _Button.classes.buttonLoading, _Button.tokens.buttonLoadingBackgroundColor, _Button.tokens.buttonColorHover, _Button.tokens.buttonColor, _Button.tokens.buttonBackgroundColorHover, _Button.tokens.buttonBackgroundColor, _Button.tokens.buttonScaleHover, _Button.tokens.buttonColorActive, _Button.tokens.buttonColor, _Button.tokens.buttonBackgroundColorActive, _Button.tokens.buttonBackgroundColor, _Button.tokens.buttonScaleActive);
+var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["color:var(", ");background-color:var(", ");&.", "{background-color:var(", ");}:hover{color:var(", ",var(", "));background-color:var(", ",var(", "));scale:var(", ");}:active{color:var(", ",var(", "));background-color:var(", ",var(", "));scale:var(", ");}"], _Button.tokens.buttonColor, _Button.tokens.buttonBackgroundColor, _Button.classes.buttonLoading, _Button.tokens.buttonLoadingBackgroundColor, _Button.tokens.buttonColorHover, _Button.tokens.buttonColor, _Button.tokens.buttonBackgroundColorHover, _Button.tokens.buttonBackgroundColor, _Button.tokens.buttonScaleHover, _Button.tokens.buttonColorActive, _Button.tokens.buttonColor, _Button.tokens.buttonBackgroundColorActive, _Button.tokens.buttonBackgroundColor, _Button.tokens.buttonScaleActive);
 
 // TODO: #715 background-image: gradients
 

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

@@ -35,6 +35,8 @@ var innerTokens = exports.innerTokens = {
 var tokens = exports.tokens = {
   calendarWidth: '--plasma-calendar-width',
   calendarHeight: '--plasma-calendar-height',
+  calendarBorderWidth: '--plasma-calendar-border-width',
+  calendarBorderColor: '--plasma-calendar-border-color',
   /* Токены размера сетки лет */
   calendarYearsPadding: '--plasma-calendar-years-padding',
   calendarYearItemBorderRadius: '--plasma-calendar-year-item-border-radius',
@@ -97,6 +99,7 @@ var tokens = exports.tokens = {
   calendarHeaderFontLineHeight: '--plasma-calendar-header-line-height',
   calendarHeaderFontWeight: '--plasma-calendar-header-font-weight',
   calendarHeaderFontWeightBold: '--plasma-calendar-header-font-weight-bold',
+  calendarHeaderArrowColor: '--plasma-calendar-header-arrow-color',
   /* Токены стрелок навигации календаря */
   iconButtonColor: '--plasma-calendar-icon-button-color',
   iconButtonBackgroundColor: '--plasma-calendar-icon-button-background',
@@ -114,6 +117,7 @@ var tokens = exports.tokens = {
   calendarSelectedItemColor: '--plasma-calendar-selected-item-color',
   calendarSelectableItemBackgroundHover: '--plasma-calendar-selectable-item-bg-hover',
   calendarCurrentItemBorderColor: '--plasma-calendar-current-item-border-color',
+  calendarCurrentItemBorderWidth: '--plasma-calendar-current-item-border-width',
   calendarCurrentItemBackgroundHover: '--plasma-calendar-current-item-bg-hover',
   calendarCurrentItemColorHover: '--plasma-calendar-current-item-color-hover',
   calendarCurrentItemChildBackgroundHover: '--plasma-calendar-current-item-child-bg-hover',

package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.styles.js

@@ -11,7 +11,7 @@ var _templateObject;
 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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    position: relative;\n    user-select: none;\n    z-index: 1;\n\n    width: var(", ");\n    height: var(", ");\n"])), _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight);
+var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n    position: relative;\n    user-select: none;\n    z-index: 1;\n\n    width: var(", ");\n    height: var(", ");\n    border: var(", ") solid var(", ");\n    box-sizing: border-box;\n"])), _Calendar.tokens.calendarWidth, _Calendar.tokens.calendarHeight, _Calendar.tokens.calendarBorderWidth, _Calendar.tokens.calendarBorderColor);
 var IsOutOfRange = exports.IsOutOfRange = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1xkgu4c-0"
 })(["position:absolute;padding:0;margin:0;height:0;width:0;border:0;overflow:hidden;clip:rect(0 0 0 0);"]);

package/styled-components/cjs/components/Calendar/mixins/selected.js

@@ -12,6 +12,7 @@ var addSelected = exports.addSelected = function addSelected(args) {
     selectedBackground = args.selectedBackground,
     selectedColor = args.selectedColor,
     selectableBackgroundHover = args.selectableBackgroundHover,
-    currentBorderColor = args.currentBorderColor;
-  return "\n        outline: none;\n        cursor: pointer;\n\n        &:hover {\n            background-color: ".concat(selectableBackgroundHover, ";\n        };\n        \n\n        &.").concat(_Calendar.classes.hoveredItem, ", &.").concat(_Calendar.classes.hoveredItem, ":hover {\n            background-color: ").concat(selectedBackground, ";\n            color: ").concat(selectedColor, ";\n            cursor: pointer;\n            font-weight: ").concat(selectedFontWeight, ";\n        }\n\n        &.").concat(_Calendar.classes.selectedItem, ":not(.").concat(_Calendar.classes.currentItem, ") {\n            border: 0;\n            background-color: ").concat(selectedBackground, ";\n            color: ").concat(selectedColor, ";\n            cursor: default;\n            font-weight: ").concat(selectedFontWeight, ";\n        };\n\n        &.").concat(_Calendar.classes.currentItem, " {\n            border: 0.063rem solid ").concat(currentBorderColor, ";\n\n            &.").concat(_Calendar.classes.selectedItem, " {\n                background-color: initial;\n                color: ").concat(selectedColor, ";\n                font-weight: ").concat(selectedFontWeight, ";\n\n                & > div:first-of-type {\n                    background-color: ").concat(selectedBackground, ";\n                    min-width: ").concat(minWidth, ";\n                    min-height: ").concat(minHeight, ";\n                }\n            }\n        };\n    ");
+    currentBorderColor = args.currentBorderColor,
+    currentBorderWidth = args.currentBorderWidth;
+  return "\n        outline: none;\n        cursor: pointer;\n\n        &:hover {\n            background-color: ".concat(selectableBackgroundHover, ";\n        };\n        \n\n        &.").concat(_Calendar.classes.hoveredItem, ", &.").concat(_Calendar.classes.hoveredItem, ":hover {\n            background-color: ").concat(selectedBackground, ";\n            color: ").concat(selectedColor, ";\n            cursor: pointer;\n            font-weight: ").concat(selectedFontWeight, ";\n        }\n\n        &.").concat(_Calendar.classes.selectedItem, ":not(.").concat(_Calendar.classes.currentItem, ") {\n            border: 0;\n            background-color: ").concat(selectedBackground, ";\n            color: ").concat(selectedColor, ";\n            cursor: default;\n            font-weight: ").concat(selectedFontWeight, ";\n        };\n\n        &.").concat(_Calendar.classes.currentItem, " {\n            border: ").concat(currentBorderWidth, " solid ").concat(currentBorderColor, ";\n\n            &.").concat(_Calendar.classes.selectedItem, " {\n                background-color: initial;\n                color: ").concat(selectedColor, ";\n                font-weight: ").concat(selectedFontWeight, ";\n\n                & > div:first-of-type {\n                    background-color: ").concat(selectedBackground, ";\n                    min-width: ").concat(minWidth, ";\n                    min-height: ").concat(minHeight, ";\n                }\n            }\n        };\n    ");
 };

package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js

@@ -44,20 +44,20 @@ var CalendarHeader = exports.CalendarHeader = function CalendarHeader(_ref) {
       return '';
     }
     if (type === _types.CalendarState.Days) {
-      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, _utils.MONTH_NAMES[locale][date.monthIndex]), /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, date.year, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureDownFill, {
+      return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, _utils.MONTH_NAMES[locale][date.monthIndex]), /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, date.year, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderArrow, {
         color: "inherit",
         size: size === 'xs' ? 'xs' : 's'
       })));
     }
     if (type === _types.CalendarState.Months || type === _types.CalendarState.Quarters) {
-      return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, date.year, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureDownFill, {
+      return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, date.year, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderArrow, {
         color: "inherit",
         size: size === 'xs' ? 'xs' : 's'
       }));
     }
     if (type === _types.CalendarState.Years) {
       var yearValue = secondPart ? startYear + 12 : startYear;
-      return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, yearValue, "\u2014", yearValue + _utils.YEAR_RENDER_COUNT - 1, /*#__PURE__*/_react["default"].createElement(_Icon.IconDisclosureDownFill, {
+      return /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderDate, null, yearValue, "\u2014", yearValue + _utils.YEAR_RENDER_COUNT - 1, /*#__PURE__*/_react["default"].createElement(_CalendarHeader.StyledHeaderArrow, {
         color: "inherit",
         size: size === 'xs' ? 'xs' : 's'
       }));

package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.styles.js

@@ -3,13 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledNavigation = exports.StyledHeaderDouble = exports.StyledHeaderDate = exports.StyledHeader = exports.StyledDoubleHeaderWrapper = exports.StyledCalendarHeader = exports.StyledArrows = exports.StyledArrow = void 0;
+exports.StyledNavigation = exports.StyledHeaderDouble = exports.StyledHeaderDate = exports.StyledHeaderArrow = exports.StyledHeader = exports.StyledDoubleHeaderWrapper = exports.StyledCalendarHeader = exports.StyledArrows = exports.StyledArrow = void 0;
 var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
 var _Calendar = /*#__PURE__*/require("../../Calendar.tokens");
 var _engines = /*#__PURE__*/require("../../../../engines");
 var _IconButton = /*#__PURE__*/require("../../../IconButton");
 var _mixins = /*#__PURE__*/require("../../mixins");
 var _mixins2 = /*#__PURE__*/require("../../../../mixins");
+var _Icon = /*#__PURE__*/require("../../../_Icon");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var mergedIconButtonConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_IconButton.iconButtonConfig);
 var IconButton = /*#__PURE__*/(0, _engines.component)(mergedIconButtonConfig);
@@ -48,4 +49,7 @@ var StyledHeaderDouble = exports.StyledHeaderDouble = /*#__PURE__*/_styledCompon
   outlineOffset: '-0.125rem',
   outlineColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarOutlineFocusColor, ")"),
   outlineRadius: '0.563rem'
-}));
+}));
+var StyledHeaderArrow = exports.StyledHeaderArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureDownFill).withConfig({
+  componentId: "plasma-new-hope__sc-186pzg3-8"
+})(["color:var(", ");"], _Calendar.tokens.calendarHeaderArrowColor);

package/styled-components/cjs/components/Calendar/ui/DateStructureItem/DateStructureItem.styles.js

@@ -43,6 +43,7 @@ var StyledItemRoot = exports.StyledItemRoot = /*#__PURE__*/_styledComponents["de
   selectedColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectedItemColor, ")"),
   selectableBackgroundHover: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarSelectableItemBackgroundHover, ")"),
   currentBorderColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarCurrentItemBorderColor, ")"),
+  currentBorderWidth: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarCurrentItemBorderWidth, ")"),
   activeBackground: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarActiveItemBackground, ")"),
   activeColor: /*#__PURE__*/"var(".concat(_Calendar.tokens.calendarActiveItemColor, ")")
 }), /*#__PURE__*/(0, _mixins.addFocus)({

package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js

@@ -31,12 +31,12 @@ var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
 }, _Combobox.tokens.padding, _Combobox.classes.emptyStateWrapper);
 var IconArrowWrapper = exports.IconArrowWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-2kddkg-1"
-})(["line-height:0;color:var(", ");cursor:", ";.", "{transform:rotate(-180deg);}&:hover,&:active{color:", ";}"], _Combobox.constants.disclosureIconColor, function (_ref5) {
+})(["line-height:0;color:var(", ");cursor:", ";.", "{transform:rotate(-180deg);}&:hover,&:active{color:", ";}"], _Combobox.tokens.disclosureIconColor, function (_ref5) {
   var disabled = _ref5.disabled;
   return disabled ? 'inherit' : 'pointer';
 }, _Combobox.classes.arrowInverse, function (_ref6) {
   var disabled = _ref6.disabled;
-  return disabled ? "var(".concat(_Combobox.constants.disclosureIconColor, ")") : "var(".concat(_Combobox.constants.disclosureIconColorHover, ")");
+  return disabled ? "var(".concat(_Combobox.tokens.disclosureIconColor, ")") : "var(".concat(_Combobox.tokens.disclosureIconColorHover, ")");
 });
 var StyledArrow = exports.StyledArrow = /*#__PURE__*/(0, _styledComponents["default"])(_Icon.IconDisclosureDownCentered).withConfig({
   componentId: "plasma-new-hope__sc-2kddkg-2"

package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.tokens.js

@@ -36,6 +36,7 @@ var tokens = exports.tokens = {
   itemIconSize: '--plasma-combobox-item-icon-size',
   itemIconSizeTight: '--plasma-combobox-item-icon-size-tight',
   itemIconMargin: '--plasma-combobox-item-icon-margin',
+  itemBackgroundHover: '--plasma-combobox-item-background-hover',
   cellPadding: '--plasma-combobox-cell-padding',
   cellPaddingLeftContent: '--plasma-combobox-cell-padding-left-content',
   cellPaddingContent: '--plasma-combobox-cell-padding-content',
@@ -151,17 +152,16 @@ var tokens = exports.tokens = {
   helperTextColor: '--plasma-combobox-helper-text-color',
   helperTextOffset: '--plasma-combobox-helper-text-offset',
   spinnerSize: '--plasma-combobox-spinner-size',
-  spinnerSizeTight: '--plasma-combobox-spinner-size-tight'
+  spinnerSizeTight: '--plasma-combobox-spinner-size-tight',
+  disclosureIconColor: '--plasma-combobox-disclosure-icon-color',
+  disclosureIconColorHover: '--plasma-combobox-disclosure-icon-color-hover'
 };
 var constants = exports.constants = {
   focusColor: '--surface-accent',
   focusSize: '0.0625rem',
   background: '--surface-solid-card',
   boxShadow: '0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04)',
-  disclosureIconColor: '--text-secondary',
-  disclosureIconColorHover: '--text-secondary-hover',
   itemBackground: '--plasma-colors-transparent',
-  itemBackgroundHover: '--surface-transparent-secondary',
   textfieldTargetColor: '--text-primary',
   textfieldOuterLabelColor: '--text-primary',
   textfieldInnerLabelColor: '--text-secondary',

package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.styles.js

@@ -38,7 +38,7 @@ var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledCompon
 })(["margin-left:auto;display:inline-flex;"]);
 var DisclosureIconWrapper = exports.DisclosureIconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1n1xg1s-6"
-})(["line-height:0;color:var(", ");&:hover{color:var(", ");}"], _Combobox.constants.disclosureIconColor, _Combobox.constants.disclosureIconColorHover);
+})(["line-height:0;color:var(", ");&:hover{color:var(", ");}"], _Combobox.tokens.disclosureIconColor, _Combobox.tokens.disclosureIconColorHover);
 var IconWrapper = exports.IconWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-1n1xg1s-7"
 })(["display:flex;align-items:center;justify-content:center;flex:none;width:", ";height:", ";margin:var(", ");line-height:0;color:var(", ");"], function (_ref) {
@@ -56,7 +56,7 @@ var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.wit
 })(["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(", ");color:var(--text-primary);border-radius:var(", ");user-select:none;border-right:2px solid transparent;border-left:2px solid transparent;background-clip:padding-box;&:hover:not(.", "){cursor:pointer;background-color:var(", ");}&.", "{background-color:var(", ");}&.", "{opacity:", ";cursor:not-allowed;}:focus{outline:none;}", ";"], _Combobox.tokens.itemHeight, function (_ref3) {
   var variant = _ref3.variant;
   return "var(".concat(variant === 'tight' ? _Combobox.tokens.itemPaddingTight : _Combobox.tokens.itemPadding, ")");
-}, _Combobox.tokens.fontFamily, _Combobox.tokens.fontSize, _Combobox.tokens.fontStyle, _Combobox.tokens.fontWeight, _Combobox.tokens.fontLetterSpacing, _Combobox.tokens.fontLineHeight, _Combobox.constants.itemBackground, _Combobox.tokens.borderRadius, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.itemBackgroundHover, _Combobox.classes.dropdownItemIsActive, _Combobox.constants.itemBackgroundHover, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
+}, _Combobox.tokens.fontFamily, _Combobox.tokens.fontSize, _Combobox.tokens.fontStyle, _Combobox.tokens.fontWeight, _Combobox.tokens.fontLetterSpacing, _Combobox.tokens.fontLineHeight, _Combobox.constants.itemBackground, _Combobox.tokens.borderRadius, _Combobox.classes.dropdownItemIsDisabled, _Combobox.tokens.itemBackgroundHover, _Combobox.classes.dropdownItemIsActive, _Combobox.tokens.itemBackgroundHover, _Combobox.classes.dropdownItemIsDisabled, _Combobox.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
   outlineSize: '0.0625rem',
   outlineOffset: '0',
   outlineColor: /*#__PURE__*/"var(".concat(_Combobox.constants.focusColor, ")"),

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

@@ -115,12 +115,17 @@ var tokens = exports.tokens = {
   textFieldTextBeforeMargin: '--plasma-date-picker-textfield__before-text-margin',
   textFieldTextAfterMargin: '--plasma-date-picker-textfield__after-text-margin',
   textFieldContentSlotColor: '--plasma-date-picker-textfield__content-color',
+  textFieldContentRightSlotColor: '--plasma-date-picker-textfield__content-right-color',
+  textFieldContentRightSlotColorHover: '--plasma-date-picker-textfield__content-right-color-hover',
   /** Токены календаря */
+  calendarMarginTop: '--plasma-date-picker-calendar-margin-top',
   calendarPaddingTop: '--plasma-date-picker-calendar-padding-top',
   calendarShadow: '--plasma-date-picker-calendar-shadow',
   calendarBorderRadius: '--plasma-date-picker-calendar-border-radius',
   calendarWidth: '--plasma-date-picker-calendar-width',
   calendarHeight: '--plasma-date-picker-calendar-height',
+  calendarBorderWidth: '--plasma-date-picker-calendar-border-width',
+  calendarBorderColor: '--plasma-date-picker-calendar-border-color',
   calendarYearsPadding: '--plasma-date-picker-calendar__years-padding',
   calendarYearItemBorderRadius: '--plasma-date-picker-calendar__year-item-border-radius',
   calendarYearItemWidth: '--plasma-date-picker-calendar__year-item-width',
@@ -178,6 +183,7 @@ var tokens = exports.tokens = {
   calendarHeaderFontLineHeight: '--plasma-date-picker-calendar__header-line-height',
   calendarHeaderFontWeight: '--plasma-date-picker-calendar__header-font-weight',
   calendarHeaderFontWeightBold: '--plasma-date-picker-calendar__header-font-weight-bold',
+  calendarHeaderArrowColor: '--plasma-date-picker-calendar__header-arrow-color',
   iconButtonColor: '--plasma-date-picker-icon-button__color',
   iconButtonBackgroundColor: '--plasma-date-picker-icon-button__background-color',
   iconButtonColorHover: '--plasma-date-picker-icon-button__color-hover',
@@ -194,6 +200,7 @@ var tokens = exports.tokens = {
   calendarSelectedItemColor: '--plasma-date-picker-calendar__selected-item-color',
   calendarSelectableItemBackgroundHover: '--plasma-date-picker-calendar__selectable-item-background-hover',
   calendarCurrentItemBorderColor: '--plasma-date-picker-calendar__current-item-border-color',
+  calendarCurrentItemBorderWidth: '--plasma-date-picker-calendar__current-item-border-width',
   calendarCurrentItemBackgroundHover: '--plasma-date-picker-calendar__current-item-background-hover',
   calendarCurrentItemColorHover: '--plasma-date-picker-calendar__current-item-color-hover',
   calendarCurrentItemChildBackgroundHover: '--plasma-date-picker-calendar__current-item-child-background-hover',

package/styled-components/cjs/components/DatePicker/DatePickerBase.styles.js

@@ -12,7 +12,7 @@ var _DatePicker = /*#__PURE__*/require("./DatePicker.tokens");
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 var mergedCalendarConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Calendar.calendarBaseConfig);
 var Calendar = /*#__PURE__*/(0, _engines.component)(mergedCalendarConfig);
-var baseCalendarTokens = exports.baseCalendarTokens = /*#__PURE__*/"\n    padding-top: var(".concat(_DatePicker.tokens.calendarPaddingTop, ");\n    box-shadow: var(").concat(_DatePicker.tokens.calendarShadow, ");\n    border-radius: var(").concat(_DatePicker.tokens.calendarBorderRadius, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarBackgroundColor, ": var(").concat(_DatePicker.tokens.calendarBackgroundColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(_DatePicker.tokens.calendarSelectedItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(_DatePicker.tokens.calendarSelectedItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarSelectableItemBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBorderColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemChildBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(_DatePicker.tokens.calendarActiveItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarActiveItemColor, ": var(").concat(_DatePicker.tokens.calendarActiveItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(_DatePicker.tokens.calendarHoveredItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(_DatePicker.tokens.calendarHoveredItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarRangeBackground, ": var(").concat(_DatePicker.tokens.calendarRangeBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(_DatePicker.tokens.calendarOutlineFocusColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(_DatePicker.tokens.calendarContentPrimaryColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(_DatePicker.tokens.calendarContentSecondaryColor, ");\n\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColor, ": var(").concat(_DatePicker.tokens.iconButtonColor, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColor, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColorHover, ": var(").concat(_DatePicker.tokens.iconButtonColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColorActive, ": var(").concat(_DatePicker.tokens.iconButtonColorActive, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorActive, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarWidth, ": var(").concat(_DatePicker.tokens.calendarWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeight, ": var(").concat(_DatePicker.tokens.calendarHeight, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarYearsPadding, ": var(").concat(_DatePicker.tokens.calendarYearsPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarYearItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearItemWidth, ": var(").concat(_DatePicker.tokens.calendarYearItemWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearItemHeight, ": var(").concat(_DatePicker.tokens.calendarYearItemHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontFamily, ": var(").concat(_DatePicker.tokens.calendarYearFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontSize, ": var(").concat(_DatePicker.tokens.calendarYearFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontStyle, ": var(").concat(_DatePicker.tokens.calendarYearFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarYearFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarYearFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearSelectedFontWeight, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthsPadding, ": var(").concat(_DatePicker.tokens.calendarMonthsPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarMonthItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthItemWidth, ": var(").concat(_DatePicker.tokens.calendarMonthItemWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthItemHeight, ": var(").concat(_DatePicker.tokens.calendarMonthItemHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(_DatePicker.tokens.calendarMonthFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontSize, ": var(").concat(_DatePicker.tokens.calendarMonthFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(_DatePicker.tokens.calendarMonthFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarMonthFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthSelectedFontWeight, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarQuartersPadding, ": var(").concat(_DatePicker.tokens.calendarQuartersPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarQuarterItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemWidth, ": var(").concat(_DatePicker.tokens.calendarQuarterItemWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemHeight, ": var(").concat(_DatePicker.tokens.calendarQuarterItemHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(_DatePicker.tokens.calendarQuarterFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(_DatePicker.tokens.calendarQuarterFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(_DatePicker.tokens.calendarQuarterFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarQuarterFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarQuarterFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(_DatePicker.tokens.calendarQuarterFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarQuarterSelectedFontWeight, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.calendarDaysPadding, ": var(").concat(_DatePicker.tokens.calendarDaysPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarDayItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayItemWidth, ": var(").concat(_DatePicker.tokens.calendarDayItemWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayItemHeight, ": var(").concat(_DatePicker.tokens.calendarDayItemHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontFamily, ": var(").concat(_DatePicker.tokens.calendarDayFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontSize, ": var(").concat(_DatePicker.tokens.calendarDayFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontStyle, ": var(").concat(_DatePicker.tokens.calendarDayFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarDayFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarDayFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontWeight, ": var(").concat(_DatePicker.tokens.calendarDayFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarDaySelectedFontWeight, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderWrapperPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowGap, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(_DatePicker.tokens.calendarHeaderDateGap, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(_DatePicker.tokens.calendarHeaderFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(_DatePicker.tokens.calendarHeaderFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(_DatePicker.tokens.calendarHeaderFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeightBold, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.iconButtonHeight, ": var(").concat(_DatePicker.tokens.iconButtonHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonWidth, ": var(").concat(_DatePicker.tokens.iconButtonWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonPadding, ": var(").concat(_DatePicker.tokens.iconButtonPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonRadius, ": var(").concat(_DatePicker.tokens.iconButtonRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonFocusColor, ": var(").concat(_DatePicker.tokens.iconButtonFocusColor, ");\n");
+var baseCalendarTokens = exports.baseCalendarTokens = /*#__PURE__*/"\n    padding-top: var(".concat(_DatePicker.tokens.calendarPaddingTop, ");\n    box-shadow: var(").concat(_DatePicker.tokens.calendarShadow, ");\n    border-radius: var(").concat(_DatePicker.tokens.calendarBorderRadius, ");\n    margin-top: var(").concat(_DatePicker.tokens.calendarMarginTop, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarBackgroundColor, ": var(").concat(_DatePicker.tokens.calendarBackgroundColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemBackground, ": var(").concat(_DatePicker.tokens.calendarSelectedItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectedItemColor, ": var(").concat(_DatePicker.tokens.calendarSelectedItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarSelectableItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarSelectableItemBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderColor, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBorderColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBorderWidth, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBorderWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemColorHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarCurrentItemChildBackgroundHover, ": var(").concat(_DatePicker.tokens.calendarCurrentItemChildBackgroundHover, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarActiveItemBackground, ": var(").concat(_DatePicker.tokens.calendarActiveItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarActiveItemColor, ": var(").concat(_DatePicker.tokens.calendarActiveItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemBackground, ": var(").concat(_DatePicker.tokens.calendarHoveredItemBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHoveredItemColor, ": var(").concat(_DatePicker.tokens.calendarHoveredItemColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarRangeBackground, ": var(").concat(_DatePicker.tokens.calendarRangeBackground, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarOutlineFocusColor, ": var(").concat(_DatePicker.tokens.calendarOutlineFocusColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentPrimaryColor, ": var(").concat(_DatePicker.tokens.calendarContentPrimaryColor, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarContentSecondaryColor, ": var(").concat(_DatePicker.tokens.calendarContentSecondaryColor, ");\n\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColor, ": var(").concat(_DatePicker.tokens.iconButtonColor, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColor, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColor, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColorHover, ": var(").concat(_DatePicker.tokens.iconButtonColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorHover, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorHover, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonColorActive, ": var(").concat(_DatePicker.tokens.iconButtonColorActive, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonBackgroundColorActive, ": var(").concat(_DatePicker.tokens.iconButtonBackgroundColorActive, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarWidth, ": var(").concat(_DatePicker.tokens.calendarWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeight, ": var(").concat(_DatePicker.tokens.calendarHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarBorderWidth, ": var(").concat(_DatePicker.tokens.calendarBorderWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarBorderColor, ": var(").concat(_DatePicker.tokens.calendarBorderColor, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarYearsPadding, ": var(").concat(_DatePicker.tokens.calendarYearsPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarYearItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearItemWidth, ": var(").concat(_DatePicker.tokens.calendarYearItemWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearItemHeight, ": var(").concat(_DatePicker.tokens.calendarYearItemHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontFamily, ": var(").concat(_DatePicker.tokens.calendarYearFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontSize, ": var(").concat(_DatePicker.tokens.calendarYearFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontStyle, ": var(").concat(_DatePicker.tokens.calendarYearFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarYearFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarYearFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarYearSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarYearSelectedFontWeight, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthsPadding, ": var(").concat(_DatePicker.tokens.calendarMonthsPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarMonthItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthItemWidth, ": var(").concat(_DatePicker.tokens.calendarMonthItemWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthItemHeight, ": var(").concat(_DatePicker.tokens.calendarMonthItemHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontFamily, ": var(").concat(_DatePicker.tokens.calendarMonthFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontSize, ": var(").concat(_DatePicker.tokens.calendarMonthFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontStyle, ": var(").concat(_DatePicker.tokens.calendarMonthFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarMonthFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarMonthSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarMonthSelectedFontWeight, ");\n\n    ").concat(_Calendar.calendarBaseTokens.calendarQuartersPadding, ": var(").concat(_DatePicker.tokens.calendarQuartersPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarQuarterItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemWidth, ": var(").concat(_DatePicker.tokens.calendarQuarterItemWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterItemHeight, ": var(").concat(_DatePicker.tokens.calendarQuarterItemHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontFamily, ": var(").concat(_DatePicker.tokens.calendarQuarterFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontSize, ": var(").concat(_DatePicker.tokens.calendarQuarterFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontStyle, ": var(").concat(_DatePicker.tokens.calendarQuarterFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarQuarterFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarQuarterFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterFontWeight, ": var(").concat(_DatePicker.tokens.calendarQuarterFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarQuarterSelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarQuarterSelectedFontWeight, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.calendarDaysPadding, ": var(").concat(_DatePicker.tokens.calendarDaysPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayItemBorderRadius, ": var(").concat(_DatePicker.tokens.calendarDayItemBorderRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayItemWidth, ": var(").concat(_DatePicker.tokens.calendarDayItemWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayItemHeight, ": var(").concat(_DatePicker.tokens.calendarDayItemHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontFamily, ": var(").concat(_DatePicker.tokens.calendarDayFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontSize, ": var(").concat(_DatePicker.tokens.calendarDayFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontStyle, ": var(").concat(_DatePicker.tokens.calendarDayFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarDayFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarDayFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayFontWeight, ": var(").concat(_DatePicker.tokens.calendarDayFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDaySelectedFontWeight, ": var(").concat(_DatePicker.tokens.calendarDaySelectedFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarDayOfWeekColor, ": var(").concat(_DatePicker.tokens.calendarDayOfWeekColor, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderWrapperPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderWrapperPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowGap, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowGap, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderPadding, ": var(").concat(_DatePicker.tokens.calendarHeaderPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderDateGap, ": var(").concat(_DatePicker.tokens.calendarHeaderDateGap, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontFamily, ": var(").concat(_DatePicker.tokens.calendarHeaderFontFamily, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontSize, ": var(").concat(_DatePicker.tokens.calendarHeaderFontSize, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontStyle, ": var(").concat(_DatePicker.tokens.calendarHeaderFontStyle, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLetterSpacing, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLetterSpacing, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontLineHeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontLineHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeight, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeight, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderFontWeightBold, ": var(").concat(_DatePicker.tokens.calendarHeaderFontWeightBold, ");\n    ").concat(_Calendar.calendarBaseTokens.calendarHeaderArrowColor, ": var(").concat(_DatePicker.tokens.calendarHeaderArrowColor, ");\n    \n    ").concat(_Calendar.calendarBaseTokens.iconButtonHeight, ": var(").concat(_DatePicker.tokens.iconButtonHeight, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonWidth, ": var(").concat(_DatePicker.tokens.iconButtonWidth, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonPadding, ": var(").concat(_DatePicker.tokens.iconButtonPadding, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonRadius, ": var(").concat(_DatePicker.tokens.iconButtonRadius, ");\n    ").concat(_Calendar.calendarBaseTokens.iconButtonFocusColor, ": var(").concat(_DatePicker.tokens.iconButtonFocusColor, ");\n");
 
 // NOTE: переопределение токенов Calendar
 var StyledCalendar = exports.StyledCalendar = /*#__PURE__*/(0, _styledComponents["default"])(Calendar).withConfig({

package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.styles.js

@@ -23,7 +23,7 @@ var StyledPopover = exports.StyledPopover = /*#__PURE__*/(0, _styledComponents["
 // NOTE: переопределение токенов TextField
 var StyledInput = exports.StyledInput = /*#__PURE__*/(0, _styledComponents["default"])(TextField).withConfig({
   componentId: "plasma-new-hope__sc-1ye0xbz-1"
-})(["width:100%;", ":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(", ");", ":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(", ");}"], _TextField.textFieldTokens.color, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePicker.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DatePicker.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DatePicker.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePicker.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePicker.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePicker.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _DatePicker.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePicker.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DatePicker.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePicker.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePicker.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePicker.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DatePicker.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DatePicker.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelInnerFontFamily, _DatePicker.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DatePicker.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DatePicker.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DatePicker.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DatePicker.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DatePicker.tokens.labelInnerLineHeight, _TextField.textFieldTokens.leftContentMargin, _DatePicker.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePicker.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePicker.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePicker.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePicker.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePicker.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePicker.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePicker.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePicker.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePicker.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePicker.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePicker.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePicker.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DatePicker.tokens.textFieldContentSlotColor, _DatePicker.tokens.textFieldColor, _DatePicker.classes.datePickerError, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorErrorFocus, _DatePicker.classes.datePickerSuccess, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorSuccessFocus);
+})(["width:100%;", ":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(", ");", ":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(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");}"], _TextField.textFieldTokens.color, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.placeholderColor, _DatePicker.tokens.textFieldPlaceholderColor, _TextField.textFieldTokens.placeholderColorFocus, _DatePicker.tokens.textFieldPlaceholderColorFocus, _TextField.textFieldTokens.caretColor, _DatePicker.tokens.textFieldCaretColor, _TextField.textFieldTokens.focusColor, _DatePicker.tokens.textFieldFocusColor, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.borderColor, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.borderColorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.borderColorFocus, _TextField.textFieldTokens.colorReadOnly, _DatePicker.tokens.textFieldColorReadOnly, _TextField.textFieldTokens.backgroundColorReadOnly, _DatePicker.tokens.textFieldBackgroundColorReadOnly, _TextField.textFieldTokens.borderColorReadOnly, _DatePicker.tokens.textFieldBorderColorReadOnly, _TextField.textFieldTokens.placeholderColorReadOnly, _DatePicker.tokens.textFieldPlaceholderColorReadOnly, _TextField.textFieldTokens.height, _DatePicker.tokens.textFieldHeight, _TextField.textFieldTokens.borderWidth, _DatePicker.tokens.textFieldBorderWidth, _TextField.textFieldTokens.borderRadius, _DatePicker.tokens.textFieldBorderRadius, _TextField.textFieldTokens.padding, _DatePicker.tokens.textFieldPadding, _TextField.textFieldTokens.labelInnerPadding, _DatePicker.tokens.labelInnerPadding, _TextField.textFieldTokens.contentLabelInnerPadding, _DatePicker.tokens.contentLabelInnerPadding, _TextField.textFieldTokens.labelInnerFontFamily, _DatePicker.tokens.labelInnerFontFamily, _TextField.textFieldTokens.labelInnerFontSize, _DatePicker.tokens.labelInnerFontSize, _TextField.textFieldTokens.labelInnerFontStyle, _DatePicker.tokens.labelInnerFontStyle, _TextField.textFieldTokens.labelInnerFontWeight, _DatePicker.tokens.labelInnerFontWeight, _TextField.textFieldTokens.labelInnerLetterSpacing, _DatePicker.tokens.labelInnerLetterSpacing, _TextField.textFieldTokens.labelInnerLineHeight, _DatePicker.tokens.labelInnerLineHeight, _TextField.textFieldTokens.leftContentMargin, _DatePicker.tokens.textFieldLeftContentMargin, _TextField.textFieldTokens.rightContentMargin, _DatePicker.tokens.textFieldRightContentMargin, _TextField.textFieldTokens.fontFamily, _DatePicker.tokens.textFieldFontFamily, _TextField.textFieldTokens.fontSize, _DatePicker.tokens.textFieldFontSize, _TextField.textFieldTokens.fontStyle, _DatePicker.tokens.textFieldFontStyle, _TextField.textFieldTokens.fontWeight, _DatePicker.tokens.textFieldFontWeight, _TextField.textFieldTokens.letterSpacing, _DatePicker.tokens.textFieldLetterSpacing, _TextField.textFieldTokens.lineHeight, _DatePicker.tokens.textFieldLineHeight, _TextField.textFieldTokens.disabledOpacity, _DatePicker.tokens.disabledOpacity, _TextField.textFieldTokens.textBeforeColor, _DatePicker.tokens.textFieldTextBeforeColor, _TextField.textFieldTokens.textAfterColor, _DatePicker.tokens.textFieldTextAfterColor, _TextField.textFieldTokens.textBeforeMargin, _DatePicker.tokens.textFieldTextBeforeMargin, _TextField.textFieldTokens.textAfterMargin, _DatePicker.tokens.textFieldTextAfterMargin, _TextField.textFieldTokens.contentSlotColor, _DatePicker.tokens.textFieldContentSlotColor, _DatePicker.tokens.textFieldColor, _TextField.textFieldTokens.contentSlotRightColor, _DatePicker.tokens.textFieldContentRightSlotColor, _TextField.textFieldTokens.contentSlotColor, _TextField.textFieldTokens.contentSlotRightColorHover, _DatePicker.tokens.textFieldContentRightSlotColorHover, _TextField.textFieldTokens.contentSlotRightColor, _DatePicker.classes.datePickerError, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundErrorColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundErrorColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundErrorColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorError, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorErrorHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorErrorFocus, _DatePicker.classes.datePickerSuccess, _TextField.textFieldTokens.backgroundColor, _DatePicker.tokens.textFieldBackgroundSuccessColor, _TextField.textFieldTokens.backgroundColorHover, _DatePicker.tokens.textFieldBackgroundSuccessColorHover, _TextField.textFieldTokens.backgroundColorFocus, _DatePicker.tokens.textFieldBackgroundSuccessColorFocus, _TextField.textFieldTokens.borderColor, _DatePicker.tokens.textFieldBorderColorSuccess, _TextField.textFieldTokens.borderColorHover, _DatePicker.tokens.textFieldBorderColorSuccessHover, _TextField.textFieldTokens.borderColorFocus, _DatePicker.tokens.textFieldBorderColorSuccessFocus);
 var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:inline-block;.", ",.", "{width:inherit;}"], /*#__PURE__*/String(_Popover.popoverClasses.wrapper), /*#__PURE__*/String(_Popover.popoverClasses.target));
 var StyledLabel = exports.StyledLabel = /*#__PURE__*/_styledComponents["default"].label.withConfig({
   componentId: "plasma-new-hope__sc-1ye0xbz-2"

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

@@ -12,7 +12,7 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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 Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
   componentId: "plasma-new-hope__sc-13ezpo5-0"
-})(["box-sizing:border-box;width:", ";height:", ";margin:", ";padding:var(", ") 0;overflow:", ";background:var(", ");box-shadow:", ";border-radius:var(", ");"], function (_ref) {
+})(["box-sizing:border-box;width:", ";height:", ";margin:", ";padding:var(", ") 0;overflow:", ";background:var(", ");box-shadow:", ";border-radius:var(", ");border:var(", ") solid var(", ");"], function (_ref) {
   var listWidth = _ref.listWidth;
   return listWidth || "var(".concat(_Dropdown.tokens.width, ")");
 }, function (_ref2) {
@@ -24,5 +24,5 @@ var Ul = exports.Ul = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
 }, _Dropdown.tokens.padding, function (_ref4) {
   var listOverflow = _ref4.listOverflow;
   return listOverflow || 'initial';
-}, _Dropdown.constants.background, _Dropdown.constants.boxShadow, _Dropdown.tokens.borderRadius);
+}, _Dropdown.constants.background, _Dropdown.constants.boxShadow, _Dropdown.tokens.borderRadius, _Dropdown.tokens.borderWidth, _Dropdown.tokens.borderColor);
 var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);

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

@@ -19,6 +19,8 @@ var tokens = exports.tokens = {
   padding: '--plasma-dropdown-padding',
   disclosureIconColor: '--plasma-dropdown-disclosure-icon-color',
   disabledOpacity: '--plasma-dropdown-disabled-opacity',
+  borderColor: '--plasma-dropdown-border-color',
+  borderWidth: '--plasma-dropdown-border-width',
   focusColor: '--plasma-dropdown-focus-color',
   // Old
 
@@ -164,7 +166,6 @@ var constants = exports.constants = {
   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/DropdownItem/DropdownItem.styles.js

@@ -35,7 +35,7 @@ var Wrapper = exports.Wrapper = /*#__PURE__*/_styledComponents["default"].li.wit
 })(["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) {
   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)({
+}, _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.tokens.itemBackgroundHover, _Dropdown.classes.dropdownItemIsActive, _Dropdown.tokens.itemBackgroundHover, _Dropdown.classes.dropdownItemIsDisabled, _Dropdown.constants.opacity, /*#__PURE__*/(0, _mixins.addFocus)({
   outlineSize: '0.0625rem',
   outlineOffset: '0',
   outlineColor: /*#__PURE__*/"var(".concat(_Dropdown.constants.focusColor, ")"),

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

@@ -7,16 +7,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.notificationRoot = exports.notificationConfig = void 0;
 var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
 var _utils = /*#__PURE__*/require("../../utils");
-var _IconCross2 = /*#__PURE__*/require("../_Icon/Icons/IconCross");
+var _IconCross = /*#__PURE__*/require("../_Icon/Icons/IconCross");
+var _IconCrossThin = /*#__PURE__*/require("../_Icon/Icons/IconCrossThin");
 var _Notification = /*#__PURE__*/require("./Notification.tokens");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_layout/base");
 var _base3 = /*#__PURE__*/require("./variations/_size/base");
+var _base4 = /*#__PURE__*/require("./variations/_closeIconType/base");
 var _Notification2 = /*#__PURE__*/require("./Notification.types");
 var _Notification3 = /*#__PURE__*/require("./Notification.styles");
 var _utils2 = /*#__PURE__*/require("./utils");
-var _IconCross;
-var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "onCloseButtonClick"];
+var _excluded = ["role", "title", "children", "actions", "view", "size", "iconPlacement", "showCloseIcon", "layout", "icon", "closeIconType", "onCloseButtonClick"];
 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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -40,6 +41,7 @@ var notificationRoot = exports.notificationRoot = function notificationRoot(Root
       _props$layout = props.layout,
       layout = _props$layout === void 0 ? _Notification2.layouts.vertical : _props$layout,
       icon = props.icon,
+      closeIconType = props.closeIconType,
       onCloseButtonClick = props.onCloseButtonClick,
       rest = _objectWithoutProperties(props, _excluded);
     var ariaLive = 'polite';
@@ -60,6 +62,7 @@ var notificationRoot = exports.notificationRoot = function notificationRoot(Root
       view: view,
       size: size,
       layout: layout,
+      closeIconType: closeIconType,
       ref: ref,
       role: role,
       "aria-live": ariaLive,
@@ -88,10 +91,15 @@ var notificationRoot = exports.notificationRoot = function notificationRoot(Root
       size: "s",
       onClick: onCloseButtonClick,
       className: (0, _utils.cx)(_Notification.classes.closeIcon, (0, _utils2.getLayoutClass)(layout))
-    }, _IconCross || (_IconCross = /*#__PURE__*/_react["default"].createElement(_IconCross2.IconCross, {
+    }, closeIconType === 'default' ? /*#__PURE__*/_react["default"].createElement(_IconCross.IconCross, {
       size: "s",
+      sizeCustomProperty: _Notification.tokens.closeIconSize,
       color: "inherit"
-    })))));
+    }) : /*#__PURE__*/_react["default"].createElement(_IconCrossThin.IconCrossThin, {
+      size: "s",
+      sizeCustomProperty: _Notification.tokens.closeIconSize,
+      color: "inherit"
+    }))));
   });
 };
 var notificationConfig = exports.notificationConfig = {
@@ -108,11 +116,15 @@ var notificationConfig = exports.notificationConfig = {
     },
     size: {
       css: _base3.base
+    },
+    closeIconType: {
+      css: _base4.base
     }
   },
   defaults: {
     view: 'default',
     layout: _Notification2.layouts.vertical,
-    size: 'xs'
+    size: 'xs',
+    closeIconType: 'default'
   }
 };