@salutejs/plasma-new-hope 0.342.0-canary.2332.19502808499.0 → 0.342.0-canary.2332.19626603839.0

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

@@ -93,14 +93,14 @@ var base = (0, _styledcomponents.css)([
 }));
 var StyledAdditionalContent = _styledcomponents.default.div.withConfig({
     displayName: "LinkButton.styles__StyledAdditionalContent",
-    componentId: "sc-2c073fa1-0"
+    componentId: "sc-e83eddac-0"
 })([
     "display:flex;align-items:center;margin:var(",
     ");"
 ], _LinkButtontokens.tokens.linkButtonAdditionalContentMargin);
 var LoadWrap = _styledcomponents.default.div.withConfig({
     displayName: "LinkButton.styles__LoadWrap",
-    componentId: "sc-2c073fa1-1"
+    componentId: "sc-e83eddac-1"
 })([
     "opacity:",
     ";display:flex;align-items:inherit;justify-content:inherit;height:100%;width:100%;"
@@ -110,13 +110,13 @@ var LoadWrap = _styledcomponents.default.div.withConfig({
 });
 var Loader = _styledcomponents.default.div.withConfig({
     displayName: "LinkButton.styles__Loader",
-    componentId: "sc-2c073fa1-2"
+    componentId: "sc-e83eddac-2"
 })([
     "position:absolute;"
 ]);
 var StyledSpinner = (0, _styledcomponents.default)(Spinner).withConfig({
     displayName: "LinkButton.styles__StyledSpinner",
-    componentId: "sc-2c073fa1-3"
+    componentId: "sc-e83eddac-3"
 })([
     "",
     ":var(",
@@ -126,17 +126,18 @@ var StyledSpinner = (0, _styledcomponents.default)(Spinner).withConfig({
 ], _Spinner.spinnerTokens.size, _LinkButtontokens.tokens.linkButtonSpinnerSize, _Spinner.spinnerTokens.color, _LinkButtontokens.tokens.linkButtonSpinnerColor);
 var LinkButtonText = _styledcomponents.default.span.withConfig({
     displayName: "LinkButton.styles__LinkButtonText",
-    componentId: "sc-2c073fa1-4"
+    componentId: "sc-e83eddac-4"
 })([
     "padding:var(",
     ");color:var(",
     ");",
     " &:hover{color:var(",
+    ");}&:active{color:var(",
     ");}"
-], _LinkButtontokens.tokens.linkButtonTextPadding, _LinkButtontokens.tokens.linkButtonTextColor, (0, _mixins.applyEllipsis)(), _LinkButtontokens.tokens.linkButtonTextColorHover);
+], _LinkButtontokens.tokens.linkButtonTextPadding, _LinkButtontokens.tokens.linkButtonTextColor, (0, _mixins.applyEllipsis)(), _LinkButtontokens.tokens.linkButtonTextColorHover, _LinkButtontokens.tokens.linkButtonTextColorActive);
 var StyledContentLeft = _styledcomponents.default.div.withConfig({
     displayName: "LinkButton.styles__StyledContentLeft",
-    componentId: "sc-2c073fa1-5"
+    componentId: "sc-e83eddac-5"
 })([
     "line-height:0;color:var(",
     ");margin:var(",
@@ -144,7 +145,7 @@ var StyledContentLeft = _styledcomponents.default.div.withConfig({
 ], _LinkButtontokens.tokens.linkButtonIconColor, _LinkButtontokens.tokens.linkButtonLeftContentMargin);
 var StyledContentRight = _styledcomponents.default.div.withConfig({
     displayName: "LinkButton.styles__StyledContentRight",
-    componentId: "sc-2c073fa1-6"
+    componentId: "sc-e83eddac-6"
 })([
     "line-height:0;color:var(",
     ");margin:var(",

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

@@ -16,6 +16,7 @@ var tokens = {
     linkButtonColorHover: '--plasma-link-button-color-hover',
     linkButtonColorActive: '--plasma-link-button-color-active',
     linkButtonTextColorHover: '--plasma-link-button-text-color-hover',
+    linkButtonTextColorActive: '--plasma-link-button-text-color-active',
     linkButtonPadding: '--plasma-link-button-padding',
     linkButtonHeight: '--plasma-link-button-height',
     linkButtonWidth: '--plasma-link-button-width',

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

@@ -10,7 +10,13 @@ Object.defineProperty(exports, "base", {
 });
 var _styledcomponents = require("styled-components");
 var _Rangetokens = require("../../Range.tokens");
+var _Rangestyles = require("../../Range.styles");
 var base = (0, _styledcomponents.css)([
     "&[disabled]{opacity:var(",
-    ");cursor:not-allowed;}"
-], _Rangetokens.tokens.disabledOpacity);
+    ");cursor:not-allowed;",
+    ",",
+    "{color:var(",
+    ");&:hover,&:active{color:var(",
+    ");}}",
+    "{pointer-events:none;}}"
+], _Rangetokens.tokens.disabledOpacity, _Rangestyles.StyledContentLeft, _Rangestyles.StyledContentRight, _Rangetokens.tokens.contentSlotColor, _Rangetokens.tokens.contentSlotColor, _Rangestyles.StyledContentRight);

package/styled-components/cjs/components/Range/variations/_readonly/base.js

@@ -31,5 +31,5 @@ var base = (0, _styledcomponents.css)([
     ");&:hover,&:active{color:var(",
     ");cursor:default;}}",
     "{opacity:var(",
-    ");}}"
+    ");pointer-events:none;}}"
 ], _Rangestyles.ContentWrapper, _Rangetokens.tokens.borderRadius, _Rangetokens.tokens.borderWidth, _Rangetokens.tokens.borderColorReadOnly, _Rangetokens.tokens.backgroundReadOnly, _Rangetokens.tokens.readOnlyOpacity, _Rangestyles.StyledLabel, _Rangetokens.tokens.labelColorReadOnly, _Rangestyles.LeftHelper, _Rangetokens.tokens.leftHelperColorReadOnly, _Rangestyles.StyledDivider, _Rangetokens.tokens.dividerColorReadOnly, _Rangetokens.tokens.dividerOpacityReadOnly, _Rangestyles.StyledContentLeft, _Rangestyles.StyledContentRight, _Rangetokens.tokens.textFieldColorReadOnly, _Rangetokens.tokens.textFieldColorReadOnly, _Rangestyles.StyledContentRight, _Rangetokens.tokens.rightContentOpacityReadOnly);

package/styled-components/cjs/components/Steps/ui/StepItem/StepItem.styles.js

@@ -51,7 +51,7 @@ var mergedConfig = (0, _engines.mergeConfig)(_Spinner.spinnerConfig);
 var Spinner = (0, _engines.component)(mergedConfig);
 var SpinnerStyled = (0, _styledcomponents.default)(Spinner).withConfig({
     displayName: "StepItem.styles__SpinnerStyled",
-    componentId: "sc-b7ba9e5c-0"
+    componentId: "sc-ba9b3eb5-0"
 })([
     "",
     ":",
@@ -64,7 +64,7 @@ var SpinnerStyled = (0, _styledcomponents.default)(Spinner).withConfig({
 }, _Spinner.spinnerTokens.color, _Stepstokens.tokens.activeIndicatorColor);
 var StepItemTitle = _styledcomponents.default.div.withConfig({
     displayName: "StepItem.styles__StepItemTitle",
-    componentId: "sc-b7ba9e5c-1"
+    componentId: "sc-ba9b3eb5-1"
 })([
     "padding-top:var(",
     ");padding-right:var(",
@@ -78,7 +78,7 @@ var StepItemTitle = _styledcomponents.default.div.withConfig({
 ], _Stepstokens.tokens.titlePaddingTop, _Stepstokens.tokens.contentSidePadding, _Stepstokens.tokens.titleFontFamily, _Stepstokens.tokens.titleFontSize, _Stepstokens.tokens.titleFontStyle, _Stepstokens.tokens.titleFontWeight, _Stepstokens.tokens.titleLetterSpacing, _Stepstokens.tokens.titleLineHeight);
 var StepItemContent = _styledcomponents.default.div.withConfig({
     displayName: "StepItem.styles__StepItemContent",
-    componentId: "sc-b7ba9e5c-2"
+    componentId: "sc-ba9b3eb5-2"
 })([
     "padding-top:var(",
     ");padding-right:var(",
@@ -93,9 +93,9 @@ var StepItemContent = _styledcomponents.default.div.withConfig({
 ], _Stepstokens.tokens.contentPaddingTop, _Stepstokens.tokens.contentSidePadding, _Stepstokens.tokens.contentFontFamily, _Stepstokens.tokens.contentFontSize, _Stepstokens.tokens.contentFontStyle, _Stepstokens.tokens.contentFontWeight, _Stepstokens.tokens.contentLetterSpacing, _Stepstokens.tokens.contentLineHeight, _Stepstokens.tokens.contentColor);
 var BulletIndicatorWrapper = _styledcomponents.default.div.withConfig({
     displayName: "StepItem.styles__BulletIndicatorWrapper",
-    componentId: "sc-b7ba9e5c-3"
+    componentId: "sc-ba9b3eb5-3"
 })([
-    "display:flex;align-items:center;&:not(.",
+    "display:flex;align-items:center;box-sizing:content-box;&:not(.",
     "){flex:0;&.",
     "{width:100%;min-height:var(",
     ");}&:not(.",
@@ -117,7 +117,7 @@ var BulletIndicatorWrapper = _styledcomponents.default.div.withConfig({
 ], _Stepstokens.classes.simple, _Stepstokens.classes.hasIndicator, _Stepstokens.tokens.activeIndicatorSize, _Stepstokens.classes.hasIndicator, _Stepstokens.tokens.activeBulletSize, _Stepstokens.classes.verticalOrientation, _Stepstokens.tokens.verticalContentPaddingLeft, _Stepstokens.classes.simple, _Stepstokens.classes.hasIndicator, _Stepstokens.tokens.activeIndicatorSize, _Stepstokens.classes.hasIndicator, _Stepstokens.tokens.activeBulletSize, _Stepstokens.classes.verticalOrientation, _Stepstokens.classes.hasIndicator, _Stepstokens.tokens.activeIndicatorSize, _Stepstokens.classes.hasIndicator, _Stepstokens.tokens.activeBulletSize, _Stepstokens.classes.centered);
 var BulletIndicator = _styledcomponents.default.button.withConfig({
     displayName: "StepItem.styles__BulletIndicator",
-    componentId: "sc-b7ba9e5c-4"
+    componentId: "sc-ba9b3eb5-4"
 })([
     "display:flex;align-items:center;justify-content:center;width:var(",
     ");height:var(",
@@ -163,7 +163,7 @@ var BulletIndicator = _styledcomponents.default.button.withConfig({
 }), _Stepstokens.classes.inactive, _Stepstokens.tokens.inactiveIndicatorColor, _Stepstokens.tokens.inactiveIndicatorBackground, _Stepstokens.classes.simple, _Stepstokens.tokens.dividerColor);
 var Bullet = (0, _styledcomponents.default)(BulletIndicator).withConfig({
     displayName: "StepItem.styles__Bullet",
-    componentId: "sc-b7ba9e5c-5"
+    componentId: "sc-ba9b3eb5-5"
 })([
     "width:var(",
     ");height:var(",
@@ -177,7 +177,7 @@ var Bullet = (0, _styledcomponents.default)(BulletIndicator).withConfig({
 ], _Stepstokens.tokens.bulletSize, _Stepstokens.tokens.bulletSize, _Stepstokens.classes.active, _Stepstokens.tokens.activeBulletSize, _Stepstokens.tokens.activeBulletSize, _Stepstokens.tokens.dividerThickness, _Stepstokens.tokens.activeIndicatorBorder, _Stepstokens.tokens.activeIndicatorBackground);
 var StepItemDivider = _styledcomponents.default.div.withConfig({
     displayName: "StepItem.styles__StepItemDivider",
-    componentId: "sc-b7ba9e5c-6"
+    componentId: "sc-ba9b3eb5-6"
 })([
     "flex:1;width:100%;height:var(",
     ");background:var(",
@@ -206,7 +206,7 @@ var StepItemDivider = _styledcomponents.default.div.withConfig({
 }, _Stepstokens.classes.simple);
 var StepItemContentWrapper = _styledcomponents.default.div.withConfig({
     displayName: "StepItem.styles__StepItemContentWrapper",
-    componentId: "sc-b7ba9e5c-7"
+    componentId: "sc-ba9b3eb5-7"
 })([
     "&.",
     "{",
@@ -218,7 +218,7 @@ var StepItemContentWrapper = _styledcomponents.default.div.withConfig({
 ], _Stepstokens.classes.verticalOrientation, StepItemTitle, _Stepstokens.tokens.contentVerticalPadding, StepItemContent, _Stepstokens.tokens.contentVerticalPadding, _Stepstokens.tokens.contentVerticalPadding);
 var StepItemStyled = _styledcomponents.default.div.withConfig({
     displayName: "StepItem.styles__StepItemStyled",
-    componentId: "sc-b7ba9e5c-8"
+    componentId: "sc-ba9b3eb5-8"
 })([
     "position:relative;display:flex;flex-direction:column;align-items:flex-start;flex:1;color:var(",
     ");&.",

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

@@ -107,7 +107,7 @@ var base = (0, _styledcomponents.css)([
 ]);
 var Table = _styledcomponents.default.table.withConfig({
     displayName: "Table.styles__Table",
-    componentId: "sc-20d0d4bc-0"
+    componentId: "sc-382f3104-0"
 })([
     "width:fit-content;font-family:var(",
     ");font-size:var(",
@@ -123,9 +123,9 @@ var Table = _styledcomponents.default.table.withConfig({
 });
 var Tr = _styledcomponents.default.tr.withConfig({
     displayName: "Table.styles__Tr",
-    componentId: "sc-20d0d4bc-1"
+    componentId: "sc-382f3104-1"
 })([
-    "width:fit-content;background-color:",
+    "box-sizing:content-box;width:fit-content;background-color:",
     ";"
 ], function(param) {
     var selected = param.selected;
@@ -133,7 +133,7 @@ var Tr = _styledcomponents.default.tr.withConfig({
 });
 var Thead = _styledcomponents.default.thead.withConfig({
     displayName: "Table.styles__Thead",
-    componentId: "sc-20d0d4bc-2"
+    componentId: "sc-382f3104-2"
 })([
     "position:",
     ";top:0;background:",
@@ -153,13 +153,13 @@ var Thead = _styledcomponents.default.thead.withConfig({
 }, Tr);
 var Tbody = _styledcomponents.default.tbody.withConfig({
     displayName: "Table.styles__Tbody",
-    componentId: "sc-20d0d4bc-3"
+    componentId: "sc-382f3104-3"
 })([
     ""
 ]);
 var Resizer = _styledcomponents.default.div.withConfig({
     displayName: "Table.styles__Resizer",
-    componentId: "sc-20d0d4bc-4"
+    componentId: "sc-382f3104-4"
 })([
     "display:",
     ";position:absolute;z-index:1;top:-0.0625rem;bottom:0;right:-0.125rem;width:0.1875rem;background:var(--outline-accent);cursor:col-resize;user-select:none;touch-action:none;"
@@ -169,11 +169,11 @@ var Resizer = _styledcomponents.default.div.withConfig({
 });
 var Th = _styledcomponents.default.th.withConfig({
     displayName: "Table.styles__Th",
-    componentId: "sc-20d0d4bc-5"
+    componentId: "sc-382f3104-5"
 })([
     "padding:",
     ";position:relative;font-weight:600;text-align:left;height:var(",
-    ");background-color:transparent;color:inherit;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:",
+    ");background-color:transparent;color:inherit;box-sizing:content-box;border-width:0.0625rem;border-top-width:0;border-bottom-width:0;border-style:solid;border-color:",
     ";&:hover{",
     "{display:block;}}"
 ], function(param) {
@@ -185,7 +185,7 @@ var Th = _styledcomponents.default.th.withConfig({
 }, Resizer);
 var StyledCheckbox = (0, _styledcomponents.default)(Checkbox).withConfig({
     displayName: "Table.styles__StyledCheckbox",
-    componentId: "sc-20d0d4bc-6"
+    componentId: "sc-382f3104-6"
 })([
     "",
     ":var(",
@@ -205,7 +205,7 @@ var StyledCheckbox = (0, _styledcomponents.default)(Checkbox).withConfig({
 ], _Checkbox.checkboxTokens.triggerSize, _Tabletokens.tableTokens.checkboxTriggerSize, _Checkbox.checkboxTokens.triggerBorderRadius, _Tabletokens.tableTokens.checkboxTriggerBorderRadius, _Checkbox.checkboxTokens.fillColor, _Tabletokens.tableTokens.checkboxFillColor, _Checkbox.checkboxTokens.iconColor, _Tabletokens.tableTokens.checkboxTriggerIconColor, _Checkbox.checkboxTokens.triggerBorderCheckedColor, _Tabletokens.tableTokens.checkboxTriggerBorderCheckedColor, _Checkbox.checkboxTokens.triggerBorderWidth, _Tabletokens.tableTokens.checkboxTriggerBorderWidth, _Checkbox.checkboxTokens.triggerBorderColor, _Tabletokens.tableTokens.checkboxTriggerBorderColor);
 var StyledDivider = (0, _styledcomponents.default)(Divider).withConfig({
     displayName: "Table.styles__StyledDivider",
-    componentId: "sc-20d0d4bc-7"
+    componentId: "sc-382f3104-7"
 })([
     "",
     ":0.0625rem;",
@@ -214,7 +214,7 @@ var StyledDivider = (0, _styledcomponents.default)(Divider).withConfig({
 ], _Divider.dividerTokens.baseSideSize, _Divider.dividerTokens.background, _Divider.dividerTokens.borderRadius);
 var Button = (0, _styledcomponents.default)(ButtonBase).withConfig({
     displayName: "Table.styles__Button",
-    componentId: "sc-20d0d4bc-8"
+    componentId: "sc-382f3104-8"
 })([
     "",
     ":var(",
@@ -235,7 +235,7 @@ var Button = (0, _styledcomponents.default)(ButtonBase).withConfig({
 ], _Button.buttonTokens.buttonHeight, _Tabletokens.tableTokens.buttonHeight, _Button.buttonTokens.buttonDisabledOpacity, _Button.buttonTokens.buttonFontFamily, _Tabletokens.tableTokens.buttonFontFamily, _Button.buttonTokens.buttonFontSize, _Tabletokens.tableTokens.buttonFontSize, _Button.buttonTokens.buttonFontStyle, _Tabletokens.tableTokens.buttonFontStyle, _Button.buttonTokens.buttonFontWeight, _Tabletokens.tableTokens.buttonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _Tabletokens.tableTokens.buttonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _Tabletokens.tableTokens.buttonLineHeight);
 var ButtonAccent = (0, _styledcomponents.default)(Button).withConfig({
     displayName: "Table.styles__ButtonAccent",
-    componentId: "sc-20d0d4bc-9"
+    componentId: "sc-382f3104-9"
 })([
     "",
     ":var(--on-dark-text-primary);",
@@ -246,7 +246,7 @@ var ButtonAccent = (0, _styledcomponents.default)(Button).withConfig({
 ], _Button.buttonTokens.buttonColor, _Button.buttonTokens.buttonValueColor, _Button.buttonTokens.buttonBackgroundColor, _Button.buttonTokens.buttonBackgroundColorHover, _Button.buttonTokens.buttonBackgroundColorActive);
 var LinkButton = (0, _styledcomponents.default)(LinkButtonBase).withConfig({
     displayName: "Table.styles__LinkButton",
-    componentId: "sc-20d0d4bc-10"
+    componentId: "sc-382f3104-10"
 })([
     "",
     ":var(--text-primary);",

package/styled-components/cjs/components/TextField/variations/_read-only/base.js

@@ -34,6 +34,7 @@ var base = (0, _styledcomponents.css)([
     ");}",
     "{color:var(",
     ");}",
+    ":hover{color:var(--private_content-slot-color);}",
     "{opacity:var(",
     ");}",
     ":hover,",
@@ -42,6 +43,5 @@ var base = (0, _styledcomponents.css)([
     "));}&.",
     " ",
     "{color:var(",
-    ");}",
-    "{&:hover{cursor:default;}}}"
-], _TextFieldtokens.classes.clear, _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.colorReadOnly, _TextFieldtokens.tokens.borderRadius, _TextFieldtokens.tokens.backgroundColorReadOnly, _TextFieldtokens.tokens.readOnlyOpacity, String(_TextFieldtokens.tokens.borderWidth), _TextFieldtokens.tokens.borderColorReadOnly, _TextFieldtokens.classes.hasDivider, _TextFieldstyles.InputWrapper, String(_TextFieldtokens.tokens.dividerColorReadOnly), _TextFieldstyles.InputWrapper, _TextFieldstyles.InputPlaceholder, _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.placeholderColorReadOnly, _TextFieldstyles.Input, _TextFieldtokens.tokens.colorReadOnly, _TextFieldstyles.TitleCaption, _TextFieldtokens.tokens.titleCaptionColorReadOnly, _TextFieldstyles.LeftHelper, _TextFieldtokens.tokens.leftHelperColorReadOnly, _TextFieldstyles.StyledContentRight, _TextFieldtokens.tokens.contentSlotRightOpacityReadOnly, _TextFieldstyles.StyledContentRight, _TextFieldstyles.StyledContentRight, _TextFieldtokens.tokens.contentSlotRightColor, _TextFieldtokens.tokens.contentSlotColor, _TextFieldtokens.classes.outerLabelPlacement, _TextFieldstyles.Label, _TextFieldtokens.tokens.labelColorReadOnly, _TextFieldstyles.StyledContentRight);
+    ");}}"
+], _TextFieldtokens.classes.clear, _TextFieldstyles.InputWrapper, _TextFieldtokens.tokens.colorReadOnly, _TextFieldtokens.tokens.borderRadius, _TextFieldtokens.tokens.backgroundColorReadOnly, _TextFieldtokens.tokens.readOnlyOpacity, String(_TextFieldtokens.tokens.borderWidth), _TextFieldtokens.tokens.borderColorReadOnly, _TextFieldtokens.classes.hasDivider, _TextFieldstyles.InputWrapper, String(_TextFieldtokens.tokens.dividerColorReadOnly), _TextFieldstyles.InputWrapper, _TextFieldstyles.InputPlaceholder, _TextFieldstyles.InputPlaceholder, _TextFieldtokens.tokens.placeholderColorReadOnly, _TextFieldstyles.Input, _TextFieldtokens.tokens.colorReadOnly, _TextFieldstyles.TitleCaption, _TextFieldtokens.tokens.titleCaptionColorReadOnly, _TextFieldstyles.LeftHelper, _TextFieldtokens.tokens.leftHelperColorReadOnly, _TextFieldstyles.StyledContentLeft, _TextFieldstyles.StyledContentRight, _TextFieldtokens.tokens.contentSlotRightOpacityReadOnly, _TextFieldstyles.StyledContentRight, _TextFieldstyles.StyledContentRight, _TextFieldtokens.tokens.contentSlotRightColor, _TextFieldtokens.tokens.contentSlotColor, _TextFieldtokens.classes.outerLabelPlacement, _TextFieldstyles.Label, _TextFieldtokens.tokens.labelColorReadOnly);

package/styled-components/cjs/components/Toast/variations/_size/base.js

@@ -11,7 +11,7 @@ Object.defineProperty(exports, "base", {
 var _styledcomponents = require("styled-components");
 var _Toasttokens = require("../../Toast.tokens");
 var base = (0, _styledcomponents.css)([
-    "padding:var(",
+    "box-sizing:content-box;padding:var(",
     ");border-radius:var(",
     ");max-width:var(",
     ");flex-shrink:0;transform:translateX(-50%);font-family:var(",

package/styled-components/cjs/examples/components/Combobox/Combobox.js

@@ -1 +1,16 @@
 "use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Combobox", {
+    enumerable: true,
+    get: function() {
+        return Combobox;
+    }
+});
+var _engines = require("../../../engines");
+var _ = require("../../..");
+var _Comboboxconfig = require("./Combobox.config");
+var mergedConfig = (0, _engines.mergeConfig)(_.comboboxNewConfig, _Comboboxconfig.config);
+var ComboboxComponent = (0, _engines.component)(mergedConfig);
+var Combobox = ComboboxComponent;

package/styled-components/cjs/examples/components/DatePicker/DatePicker.config.js

@@ -27,12 +27,18 @@ var config = {
                 ":var(--text-secondary);",
                 ":var(--text-negative);",
                 ":var(--text-positive);",
+                ":var(--text-primary);",
+                ":var(--text-primary-hover);",
+                ":var(--text-primary-active);",
+                ":var(--text-primary);",
+                ":var(--text-secondary);",
+                ":var(--text-accent);",
                 ":var(--text-secondary);",
                 ":var(--text-secondary-hover);",
                 ":var(--text-secondary-active);",
-                ":var(--text-primary);",
                 ":var(--text-secondary);",
-                ":var(--text-accent);",
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary-active);",
                 ":var(--plasma-typo-body-xs-font-family);",
                 ":var(--plasma-typo-body-xs-font-size);",
                 ":var(--plasma-typo-body-xs-font-style);",
@@ -83,7 +89,7 @@ var config = {
                 ":var(--surface-solid-card-brightness);",
                 ":var(--shadow-down-hard-s);",
                 ":var(--text-primary);"
-            ], _DatePicker.datePickerTokens.background, _DatePicker.datePickerTokens.backgroundError, _DatePicker.datePickerTokens.backgroundSuccess, _DatePicker.datePickerTokens.dividerColor, _DatePicker.datePickerTokens.labelColor, _DatePicker.datePickerTokens.leftHelperColor, _DatePicker.datePickerTokens.leftHelperColorError, _DatePicker.datePickerTokens.leftHelperColorSuccess, _DatePicker.datePickerTokens.contentSlotColor, _DatePicker.datePickerTokens.contentSlotColorHover, _DatePicker.datePickerTokens.contentSlotColorActive, _DatePicker.datePickerTokens.textFieldColor, _DatePicker.datePickerTokens.textFieldPlaceholderColor, _DatePicker.datePickerTokens.textFieldCaretColor, _DatePicker.datePickerTokens.labelInnerFontFamily, _DatePicker.datePickerTokens.labelInnerFontSize, _DatePicker.datePickerTokens.labelInnerFontStyle, _DatePicker.datePickerTokens.labelInnerFontWeight, _DatePicker.datePickerTokens.labelInnerLetterSpacing, _DatePicker.datePickerTokens.labelInnerLineHeight, _DatePicker.datePickerTokens.indicatorColor, _DatePicker.datePickerTokens.textFieldBackgroundColor, _DatePicker.datePickerTokens.textFieldBackgroundColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundErrorColor, _DatePicker.datePickerTokens.textFieldBackgroundErrorColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColor, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColorFocus, _DatePicker.datePickerTokens.textFieldTextBeforeColor, _DatePicker.datePickerTokens.textFieldTextAfterColor, _DatePicker.datePickerTokens.focusColor, _DatePicker.datePickerTokens.textFieldPlaceholderColorFocus, _DatePicker.datePickerTokens.calendarShadow, _DatePicker.datePickerTokens.calendarSeparatorBackground, _DatePicker.datePickerTokens.calendarBackgroundColor, _DatePicker.datePickerTokens.calendarSelectedItemBackground, _DatePicker.datePickerTokens.calendarSelectedItemColor, _DatePicker.datePickerTokens.calendarSelectableItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemBorderColor, _DatePicker.datePickerTokens.calendarCurrentItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemColorHover, _DatePicker.datePickerTokens.calendarCurrentItemChildBackgroundHover, _DatePicker.datePickerTokens.calendarActiveItemBackground, _DatePicker.datePickerTokens.calendarActiveItemColor, _DatePicker.datePickerTokens.calendarHoveredItemBackground, _DatePicker.datePickerTokens.calendarHoveredItemColor, _DatePicker.datePickerTokens.calendarRangeBackground, _DatePicker.datePickerTokens.calendarOutlineFocusColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentPrimaryDisabledColor, _DatePicker.datePickerTokens.calendarHeaderArrowColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryDisabledColor, _DatePicker.datePickerTokens.calendarDisabledOpacity, _DatePicker.datePickerTokens.iconButtonColor, _DatePicker.datePickerTokens.iconButtonBackgroundColor, _DatePicker.datePickerTokens.iconButtonColorHover, _DatePicker.datePickerTokens.iconButtonBackgroundColorHover, _DatePicker.datePickerTokens.iconButtonColorActive, _DatePicker.datePickerTokens.iconButtonBackgroundColorActive, _DatePicker.datePickerTokens.iconButtonFocusColor, _DatePicker.datePickerTokens.tooltipBackgroundColor, _DatePicker.datePickerTokens.tooltipBoxShadow, _DatePicker.datePickerTokens.tooltipColor)
+            ], _DatePicker.datePickerTokens.background, _DatePicker.datePickerTokens.backgroundError, _DatePicker.datePickerTokens.backgroundSuccess, _DatePicker.datePickerTokens.dividerColor, _DatePicker.datePickerTokens.labelColor, _DatePicker.datePickerTokens.leftHelperColor, _DatePicker.datePickerTokens.leftHelperColorError, _DatePicker.datePickerTokens.leftHelperColorSuccess, _DatePicker.datePickerTokens.contentSlotColor, _DatePicker.datePickerTokens.contentSlotColorHover, _DatePicker.datePickerTokens.contentSlotColorActive, _DatePicker.datePickerTokens.textFieldColor, _DatePicker.datePickerTokens.textFieldPlaceholderColor, _DatePicker.datePickerTokens.textFieldCaretColor, _DatePicker.datePickerTokens.textFieldContentSlotColor, _DatePicker.datePickerTokens.textFieldContentSlotColorHover, _DatePicker.datePickerTokens.textFieldContentSlotColorActive, _DatePicker.datePickerTokens.textFieldContentRightSlotColor, _DatePicker.datePickerTokens.textFieldContentRightSlotColorHover, _DatePicker.datePickerTokens.textFieldContentRightSlotColorActive, _DatePicker.datePickerTokens.labelInnerFontFamily, _DatePicker.datePickerTokens.labelInnerFontSize, _DatePicker.datePickerTokens.labelInnerFontStyle, _DatePicker.datePickerTokens.labelInnerFontWeight, _DatePicker.datePickerTokens.labelInnerLetterSpacing, _DatePicker.datePickerTokens.labelInnerLineHeight, _DatePicker.datePickerTokens.indicatorColor, _DatePicker.datePickerTokens.textFieldBackgroundColor, _DatePicker.datePickerTokens.textFieldBackgroundColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundErrorColor, _DatePicker.datePickerTokens.textFieldBackgroundErrorColorFocus, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColor, _DatePicker.datePickerTokens.textFieldBackgroundSuccessColorFocus, _DatePicker.datePickerTokens.textFieldTextBeforeColor, _DatePicker.datePickerTokens.textFieldTextAfterColor, _DatePicker.datePickerTokens.focusColor, _DatePicker.datePickerTokens.textFieldPlaceholderColorFocus, _DatePicker.datePickerTokens.calendarShadow, _DatePicker.datePickerTokens.calendarSeparatorBackground, _DatePicker.datePickerTokens.calendarBackgroundColor, _DatePicker.datePickerTokens.calendarSelectedItemBackground, _DatePicker.datePickerTokens.calendarSelectedItemColor, _DatePicker.datePickerTokens.calendarSelectableItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemBorderColor, _DatePicker.datePickerTokens.calendarCurrentItemBackgroundHover, _DatePicker.datePickerTokens.calendarCurrentItemColorHover, _DatePicker.datePickerTokens.calendarCurrentItemChildBackgroundHover, _DatePicker.datePickerTokens.calendarActiveItemBackground, _DatePicker.datePickerTokens.calendarActiveItemColor, _DatePicker.datePickerTokens.calendarHoveredItemBackground, _DatePicker.datePickerTokens.calendarHoveredItemColor, _DatePicker.datePickerTokens.calendarRangeBackground, _DatePicker.datePickerTokens.calendarOutlineFocusColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentPrimaryDisabledColor, _DatePicker.datePickerTokens.calendarHeaderArrowColor, _DatePicker.datePickerTokens.calendarContentPrimaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryColor, _DatePicker.datePickerTokens.calendarContentSecondaryDisabledColor, _DatePicker.datePickerTokens.calendarDisabledOpacity, _DatePicker.datePickerTokens.iconButtonColor, _DatePicker.datePickerTokens.iconButtonBackgroundColor, _DatePicker.datePickerTokens.iconButtonColorHover, _DatePicker.datePickerTokens.iconButtonBackgroundColorHover, _DatePicker.datePickerTokens.iconButtonColorActive, _DatePicker.datePickerTokens.iconButtonBackgroundColorActive, _DatePicker.datePickerTokens.iconButtonFocusColor, _DatePicker.datePickerTokens.tooltipBackgroundColor, _DatePicker.datePickerTokens.tooltipBoxShadow, _DatePicker.datePickerTokens.tooltipColor)
         },
         size: {
             l: (0, _styledcomponents.css)([

package/styled-components/cjs/examples/components/LinkButton/LinkButton.config.js

@@ -26,8 +26,9 @@ var config = {
                 ":var(--text-primary-hover);",
                 ":var(--text-primary-active);",
                 ":var(--surface-accent);",
-                ":var(--text-primary-hover);"
-            ], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover),
+                ":var(--text-primary-hover);",
+                ":var(--text-primary-active);"
+            ], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover, _LinkButton.linkButtonTokens.linkButtonTextColorActive),
             accent: (0, _styledcomponents.css)([
                 "",
                 ":var(--text-accent);",
@@ -37,8 +38,9 @@ var config = {
                 ":var(--text-accent-hover);",
                 ":var(--text-accent-active);",
                 ":var(--surface-accent);",
-                ":var(--text-accent-hover);"
-            ], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover),
+                ":var(--text-accent-hover);",
+                ":var(--text-accent-active);"
+            ], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover, _LinkButton.linkButtonTokens.linkButtonTextColorActive),
             secondary: (0, _styledcomponents.css)([
                 "",
                 ":var(--text-secondary);",
@@ -48,8 +50,9 @@ var config = {
                 ":var(--text-secondary-hover);",
                 ":var(--text-secondary-active);",
                 ":var(--surface-accent);",
-                ":var(--text-secondary-hover);"
-            ], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover),
+                ":var(--text-secondary-hover);",
+                ":var(--text-secondary-active);"
+            ], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover, _LinkButton.linkButtonTokens.linkButtonTextColorActive),
             positive: (0, _styledcomponents.css)([
                 "",
                 ":var(--text-positive);",
@@ -59,8 +62,9 @@ var config = {
                 ":var(--text-positive-hover);",
                 ":var(--text-positive-active);",
                 ":var(--surface-accent);",
-                ":var(--text-positive-hover);"
-            ], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover),
+                ":var(--text-positive-hover);",
+                ":var(--text-positive-active);"
+            ], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover, _LinkButton.linkButtonTokens.linkButtonTextColorActive),
             warning: (0, _styledcomponents.css)([
                 "",
                 ":var(--text-warning);",
@@ -70,8 +74,9 @@ var config = {
                 ":var(--text-warning-hover);",
                 ":var(--text-warning-active);",
                 ":var(--surface-accent);",
-                ":var(--text-warning-hover);"
-            ], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover),
+                ":var(--text-warning-hover);",
+                ":var(--text-warning-active);"
+            ], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover, _LinkButton.linkButtonTokens.linkButtonTextColorActive),
             negative: (0, _styledcomponents.css)([
                 "",
                 ":var(--text-negative);",
@@ -81,8 +86,9 @@ var config = {
                 ":var(--text-negative-hover);",
                 ":var(--text-negative-active);",
                 ":var(--surface-accent);",
-                ":var(--text-negative-hover);"
-            ], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover)
+                ":var(--text-negative-hover);",
+                ":var(--text-negative-active);"
+            ], _LinkButton.linkButtonTokens.linkButtonColor, _LinkButton.linkButtonTokens.linkButtonIconColor, _LinkButton.linkButtonTokens.linkButtonTextColor, _LinkButton.linkButtonTokens.linkButtonBackgroundColor, _LinkButton.linkButtonTokens.linkButtonColorHover, _LinkButton.linkButtonTokens.linkButtonColorActive, _LinkButton.linkButtonTokens.linkButtonFocusColor, _LinkButton.linkButtonTokens.linkButtonTextColorHover, _LinkButton.linkButtonTokens.linkButtonTextColorActive)
         },
         size: {
             xl: (0, _styledcomponents.css)([

package/styled-components/es/components/Carousel/CarouselOld/CarouselItem.js

@@ -57,9 +57,9 @@ import React from "react";
 import styled from "styled-components";
 var StyledItem = styled.div.withConfig({
     displayName: "CarouselItem__StyledItem",
-    componentId: "sc-5af2bbd6-0"
+    componentId: "sc-6bff0f9e-0"
 })([
-    "scroll-snap-align:",
+    "box-sizing:content-box;scroll-snap-align:",
     ";scroll-snap-stop:",
     ";"
 ], function(param) {

package/styled-components/es/components/LinkButton/LinkButton.styles.js

@@ -17,14 +17,14 @@ export var base = css([
 }));
 export var StyledAdditionalContent = styled.div.withConfig({
     displayName: "LinkButton.styles__StyledAdditionalContent",
-    componentId: "sc-2c073fa1-0"
+    componentId: "sc-e83eddac-0"
 })([
     "display:flex;align-items:center;margin:var(",
     ");"
 ], tokens.linkButtonAdditionalContentMargin);
 export var LoadWrap = styled.div.withConfig({
     displayName: "LinkButton.styles__LoadWrap",
-    componentId: "sc-2c073fa1-1"
+    componentId: "sc-e83eddac-1"
 })([
     "opacity:",
     ";display:flex;align-items:inherit;justify-content:inherit;height:100%;width:100%;"
@@ -34,13 +34,13 @@ export var LoadWrap = styled.div.withConfig({
 });
 export var Loader = styled.div.withConfig({
     displayName: "LinkButton.styles__Loader",
-    componentId: "sc-2c073fa1-2"
+    componentId: "sc-e83eddac-2"
 })([
     "position:absolute;"
 ]);
 export var StyledSpinner = styled(Spinner).withConfig({
     displayName: "LinkButton.styles__StyledSpinner",
-    componentId: "sc-2c073fa1-3"
+    componentId: "sc-e83eddac-3"
 })([
     "",
     ":var(",
@@ -50,17 +50,18 @@ export var StyledSpinner = styled(Spinner).withConfig({
 ], spinnerTokens.size, tokens.linkButtonSpinnerSize, spinnerTokens.color, tokens.linkButtonSpinnerColor);
 export var LinkButtonText = styled.span.withConfig({
     displayName: "LinkButton.styles__LinkButtonText",
-    componentId: "sc-2c073fa1-4"
+    componentId: "sc-e83eddac-4"
 })([
     "padding:var(",
     ");color:var(",
     ");",
     " &:hover{color:var(",
+    ");}&:active{color:var(",
     ");}"
-], tokens.linkButtonTextPadding, tokens.linkButtonTextColor, applyEllipsis(), tokens.linkButtonTextColorHover);
+], tokens.linkButtonTextPadding, tokens.linkButtonTextColor, applyEllipsis(), tokens.linkButtonTextColorHover, tokens.linkButtonTextColorActive);
 export var StyledContentLeft = styled.div.withConfig({
     displayName: "LinkButton.styles__StyledContentLeft",
-    componentId: "sc-2c073fa1-5"
+    componentId: "sc-e83eddac-5"
 })([
     "line-height:0;color:var(",
     ");margin:var(",
@@ -68,7 +69,7 @@ export var StyledContentLeft = styled.div.withConfig({
 ], tokens.linkButtonIconColor, tokens.linkButtonLeftContentMargin);
 export var StyledContentRight = styled.div.withConfig({
     displayName: "LinkButton.styles__StyledContentRight",
-    componentId: "sc-2c073fa1-6"
+    componentId: "sc-e83eddac-6"
 })([
     "line-height:0;color:var(",
     ");margin:var(",

package/styled-components/es/components/LinkButton/LinkButton.tokens.js

@@ -6,6 +6,7 @@ export var tokens = {
     linkButtonColorHover: '--plasma-link-button-color-hover',
     linkButtonColorActive: '--plasma-link-button-color-active',
     linkButtonTextColorHover: '--plasma-link-button-text-color-hover',
+    linkButtonTextColorActive: '--plasma-link-button-text-color-active',
     linkButtonPadding: '--plasma-link-button-padding',
     linkButtonHeight: '--plasma-link-button-height',
     linkButtonWidth: '--plasma-link-button-width',

package/styled-components/es/components/Range/variations/_disabled/base.js

@@ -1,6 +1,12 @@
 import { css } from "styled-components";
 import { tokens } from "../../Range.tokens";
+import { StyledContentLeft, StyledContentRight } from "../../Range.styles";
 export var base = css([
     "&[disabled]{opacity:var(",
-    ");cursor:not-allowed;}"
-], tokens.disabledOpacity);
+    ");cursor:not-allowed;",
+    ",",
+    "{color:var(",
+    ");&:hover,&:active{color:var(",
+    ");}}",
+    "{pointer-events:none;}}"
+], tokens.disabledOpacity, StyledContentLeft, StyledContentRight, tokens.contentSlotColor, tokens.contentSlotColor, StyledContentRight);

package/styled-components/es/components/Range/variations/_readonly/base.js

@@ -21,5 +21,5 @@ export var base = css([
     ");&:hover,&:active{color:var(",
     ");cursor:default;}}",
     "{opacity:var(",
-    ");}}"
+    ");pointer-events:none;}}"
 ], ContentWrapper, tokens.borderRadius, tokens.borderWidth, tokens.borderColorReadOnly, tokens.backgroundReadOnly, tokens.readOnlyOpacity, StyledLabel, tokens.labelColorReadOnly, LeftHelper, tokens.leftHelperColorReadOnly, StyledDivider, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, StyledContentLeft, StyledContentRight, tokens.textFieldColorReadOnly, tokens.textFieldColorReadOnly, StyledContentRight, tokens.rightContentOpacityReadOnly);