@salutejs/plasma-new-hope 0.341.0-dev.0 → 0.341.1-canary.2350.19612898329.0

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/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/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);

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

@@ -7,7 +7,7 @@ var mergedConfig = mergeConfig(spinnerConfig);
 var Spinner = component(mergedConfig);
 export var SpinnerStyled = styled(Spinner).withConfig({
     displayName: "StepItem.styles__SpinnerStyled",
-    componentId: "sc-b7ba9e5c-0"
+    componentId: "sc-ba9b3eb5-0"
 })([
     "",
     ":",
@@ -20,7 +20,7 @@ export var SpinnerStyled = styled(Spinner).withConfig({
 }, spinnerTokens.color, tokens.activeIndicatorColor);
 export var StepItemTitle = styled.div.withConfig({
     displayName: "StepItem.styles__StepItemTitle",
-    componentId: "sc-b7ba9e5c-1"
+    componentId: "sc-ba9b3eb5-1"
 })([
     "padding-top:var(",
     ");padding-right:var(",
@@ -34,7 +34,7 @@ export var StepItemTitle = styled.div.withConfig({
 ], tokens.titlePaddingTop, tokens.contentSidePadding, tokens.titleFontFamily, tokens.titleFontSize, tokens.titleFontStyle, tokens.titleFontWeight, tokens.titleLetterSpacing, tokens.titleLineHeight);
 export var StepItemContent = styled.div.withConfig({
     displayName: "StepItem.styles__StepItemContent",
-    componentId: "sc-b7ba9e5c-2"
+    componentId: "sc-ba9b3eb5-2"
 })([
     "padding-top:var(",
     ");padding-right:var(",
@@ -49,9 +49,9 @@ export var StepItemContent = styled.div.withConfig({
 ], tokens.contentPaddingTop, tokens.contentSidePadding, tokens.contentFontFamily, tokens.contentFontSize, tokens.contentFontStyle, tokens.contentFontWeight, tokens.contentLetterSpacing, tokens.contentLineHeight, tokens.contentColor);
 export var BulletIndicatorWrapper = styled.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(.",
@@ -73,7 +73,7 @@ export var BulletIndicatorWrapper = styled.div.withConfig({
 ], classes.simple, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.verticalOrientation, tokens.verticalContentPaddingLeft, classes.simple, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.verticalOrientation, classes.hasIndicator, tokens.activeIndicatorSize, classes.hasIndicator, tokens.activeBulletSize, classes.centered);
 export var BulletIndicator = styled.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(",
@@ -119,7 +119,7 @@ export var BulletIndicator = styled.button.withConfig({
 }), classes.inactive, tokens.inactiveIndicatorColor, tokens.inactiveIndicatorBackground, classes.simple, tokens.dividerColor);
 export var Bullet = styled(BulletIndicator).withConfig({
     displayName: "StepItem.styles__Bullet",
-    componentId: "sc-b7ba9e5c-5"
+    componentId: "sc-ba9b3eb5-5"
 })([
     "width:var(",
     ");height:var(",
@@ -133,7 +133,7 @@ export var Bullet = styled(BulletIndicator).withConfig({
 ], tokens.bulletSize, tokens.bulletSize, classes.active, tokens.activeBulletSize, tokens.activeBulletSize, tokens.dividerThickness, tokens.activeIndicatorBorder, tokens.activeIndicatorBackground);
 export var StepItemDivider = styled.div.withConfig({
     displayName: "StepItem.styles__StepItemDivider",
-    componentId: "sc-b7ba9e5c-6"
+    componentId: "sc-ba9b3eb5-6"
 })([
     "flex:1;width:100%;height:var(",
     ");background:var(",
@@ -162,7 +162,7 @@ export var StepItemDivider = styled.div.withConfig({
 }, classes.simple);
 export var StepItemContentWrapper = styled.div.withConfig({
     displayName: "StepItem.styles__StepItemContentWrapper",
-    componentId: "sc-b7ba9e5c-7"
+    componentId: "sc-ba9b3eb5-7"
 })([
     "&.",
     "{",
@@ -174,7 +174,7 @@ export var StepItemContentWrapper = styled.div.withConfig({
 ], classes.verticalOrientation, StepItemTitle, tokens.contentVerticalPadding, StepItemContent, tokens.contentVerticalPadding, tokens.contentVerticalPadding);
 export var StepItemStyled = styled.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/es/components/Table/Table.styles.js

@@ -19,7 +19,7 @@ export var base = css([
 ]);
 export var Table = styled.table.withConfig({
     displayName: "Table.styles__Table",
-    componentId: "sc-20d0d4bc-0"
+    componentId: "sc-382f3104-0"
 })([
     "width:fit-content;font-family:var(",
     ");font-size:var(",
@@ -35,9 +35,9 @@ export var Table = styled.table.withConfig({
 });
 export var Tr = styled.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;
@@ -45,7 +45,7 @@ export var Tr = styled.tr.withConfig({
 });
 export var Thead = styled.thead.withConfig({
     displayName: "Table.styles__Thead",
-    componentId: "sc-20d0d4bc-2"
+    componentId: "sc-382f3104-2"
 })([
     "position:",
     ";top:0;background:",
@@ -65,13 +65,13 @@ export var Thead = styled.thead.withConfig({
 }, Tr);
 export var Tbody = styled.tbody.withConfig({
     displayName: "Table.styles__Tbody",
-    componentId: "sc-20d0d4bc-3"
+    componentId: "sc-382f3104-3"
 })([
     ""
 ]);
 export var Resizer = styled.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;"
@@ -81,11 +81,11 @@ export var Resizer = styled.div.withConfig({
 });
 export var Th = styled.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) {
@@ -97,7 +97,7 @@ export var Th = styled.th.withConfig({
 }, Resizer);
 export var StyledCheckbox = styled(Checkbox).withConfig({
     displayName: "Table.styles__StyledCheckbox",
-    componentId: "sc-20d0d4bc-6"
+    componentId: "sc-382f3104-6"
 })([
     "",
     ":var(",
@@ -117,7 +117,7 @@ export var StyledCheckbox = styled(Checkbox).withConfig({
 ], checkboxTokens.triggerSize, tokens.checkboxTriggerSize, checkboxTokens.triggerBorderRadius, tokens.checkboxTriggerBorderRadius, checkboxTokens.fillColor, tokens.checkboxFillColor, checkboxTokens.iconColor, tokens.checkboxTriggerIconColor, checkboxTokens.triggerBorderCheckedColor, tokens.checkboxTriggerBorderCheckedColor, checkboxTokens.triggerBorderWidth, tokens.checkboxTriggerBorderWidth, checkboxTokens.triggerBorderColor, tokens.checkboxTriggerBorderColor);
 export var StyledDivider = styled(Divider).withConfig({
     displayName: "Table.styles__StyledDivider",
-    componentId: "sc-20d0d4bc-7"
+    componentId: "sc-382f3104-7"
 })([
     "",
     ":0.0625rem;",
@@ -126,7 +126,7 @@ export var StyledDivider = styled(Divider).withConfig({
 ], dividerTokens.baseSideSize, dividerTokens.background, dividerTokens.borderRadius);
 export var Button = styled(ButtonBase).withConfig({
     displayName: "Table.styles__Button",
-    componentId: "sc-20d0d4bc-8"
+    componentId: "sc-382f3104-8"
 })([
     "",
     ":var(",
@@ -147,7 +147,7 @@ export var Button = styled(ButtonBase).withConfig({
 ], buttonTokens.buttonHeight, tokens.buttonHeight, buttonTokens.buttonDisabledOpacity, buttonTokens.buttonFontFamily, tokens.buttonFontFamily, buttonTokens.buttonFontSize, tokens.buttonFontSize, buttonTokens.buttonFontStyle, tokens.buttonFontStyle, buttonTokens.buttonFontWeight, tokens.buttonFontWeight, buttonTokens.buttonLetterSpacing, tokens.buttonLetterSpacing, buttonTokens.buttonLineHeight, tokens.buttonLineHeight);
 export var ButtonAccent = styled(Button).withConfig({
     displayName: "Table.styles__ButtonAccent",
-    componentId: "sc-20d0d4bc-9"
+    componentId: "sc-382f3104-9"
 })([
     "",
     ":var(--on-dark-text-primary);",
@@ -158,7 +158,7 @@ export var ButtonAccent = styled(Button).withConfig({
 ], buttonTokens.buttonColor, buttonTokens.buttonValueColor, buttonTokens.buttonBackgroundColor, buttonTokens.buttonBackgroundColorHover, buttonTokens.buttonBackgroundColorActive);
 export var LinkButton = styled(LinkButtonBase).withConfig({
     displayName: "Table.styles__LinkButton",
-    componentId: "sc-20d0d4bc-10"
+    componentId: "sc-382f3104-10"
 })([
     "",
     ":var(--text-primary);",

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

@@ -1,6 +1,6 @@
 import { css } from "styled-components";
 import { classes, tokens } from "../../TextField.tokens";
-import { Input, InputPlaceholder, InputWrapper, Label, LeftHelper, StyledContentRight, TitleCaption } from "../../TextField.styles";
+import { Input, InputPlaceholder, InputWrapper, Label, LeftHelper, StyledContentLeft, StyledContentRight, TitleCaption } from "../../TextField.styles";
 export var base = css([
     "&[readonly]{:not(&.",
     "){",
@@ -24,6 +24,7 @@ export var base = css([
     ");}",
     "{color:var(",
     ");}",
+    ":hover{color:var(--private_content-slot-color);}",
     "{opacity:var(",
     ");}",
     ":hover,",
@@ -32,6 +33,5 @@ export var base = css([
     "));}&.",
     " ",
     "{color:var(",
-    ");}",
-    "{&:hover{cursor:default;}}}"
-], classes.clear, InputWrapper, tokens.colorReadOnly, tokens.borderRadius, tokens.backgroundColorReadOnly, tokens.readOnlyOpacity, String(tokens.borderWidth), tokens.borderColorReadOnly, classes.hasDivider, InputWrapper, String(tokens.dividerColorReadOnly), InputWrapper, InputPlaceholder, InputPlaceholder, tokens.placeholderColorReadOnly, Input, tokens.colorReadOnly, TitleCaption, tokens.titleCaptionColorReadOnly, LeftHelper, tokens.leftHelperColorReadOnly, StyledContentRight, tokens.contentSlotRightOpacityReadOnly, StyledContentRight, StyledContentRight, tokens.contentSlotRightColor, tokens.contentSlotColor, classes.outerLabelPlacement, Label, tokens.labelColorReadOnly, StyledContentRight);
+    ");}}"
+], classes.clear, InputWrapper, tokens.colorReadOnly, tokens.borderRadius, tokens.backgroundColorReadOnly, tokens.readOnlyOpacity, String(tokens.borderWidth), tokens.borderColorReadOnly, classes.hasDivider, InputWrapper, String(tokens.dividerColorReadOnly), InputWrapper, InputPlaceholder, InputPlaceholder, tokens.placeholderColorReadOnly, Input, tokens.colorReadOnly, TitleCaption, tokens.titleCaptionColorReadOnly, LeftHelper, tokens.leftHelperColorReadOnly, StyledContentLeft, StyledContentRight, tokens.contentSlotRightOpacityReadOnly, StyledContentRight, StyledContentRight, tokens.contentSlotRightColor, tokens.contentSlotColor, classes.outerLabelPlacement, Label, tokens.labelColorReadOnly);

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

@@ -1,7 +1,7 @@
 import { css } from "styled-components";
 import { tokens } from "../../Toast.tokens";
 export var base = 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/es/examples/components/DatePicker/DatePicker.config.js

@@ -17,12 +17,18 @@ export 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);",
@@ -73,7 +79,7 @@ export var config = {
                 ":var(--surface-solid-card-brightness);",
                 ":var(--shadow-down-hard-s);",
                 ":var(--text-primary);"
-            ], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor)
+            ], tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.contentSlotColor, tokens.contentSlotColorHover, tokens.contentSlotColorActive, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.textFieldContentRightSlotColor, tokens.textFieldContentRightSlotColorHover, tokens.textFieldContentRightSlotColorActive, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.textFieldPlaceholderColorFocus, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarContentPrimaryDisabledColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.calendarContentSecondaryDisabledColor, tokens.calendarDisabledOpacity, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor, tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor)
         },
         size: {
             l: css([

package/types/components/Carousel/CarouselOld/CarouselItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselOld/CarouselItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAuB,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAO1E,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiBpD,CAAC"}
+{"version":3,"file":"CarouselItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselOld/CarouselItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAuB,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAQ1E,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiBpD,CAAC"}

package/types/components/Range/variations/_disabled/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Range/variations/_disabled/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAKhB,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Range/variations/_disabled/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAkBhB,CAAC"}

package/types/components/Range/variations/_readonly/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Range/variations/_readonly/base.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,IAAI,0CAoDhB,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Range/variations/_readonly/base.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,IAAI,0CAqDhB,CAAC"}

package/types/components/Steps/ui/StepItem/StepItem.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StepItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.styles.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,aAAa;mBAAoC,OAAO;;;;;;;;;;;;;;;;qDAIpE,CAAC;AAEF,eAAO,MAAM,aAAa,qKAYzB,CAAC;AAEF,eAAO,MAAM,eAAe,qKAc3B,CAAC;AAEF,eAAO,MAAM,sBAAsB,qKAmDlC,CAAC;AAEF,eAAO,MAAM,eAAe,iLAqE3B,CAAC;AAEF,eAAO,MAAM,MAAM;SApIoB,MAAO,WAC9C;EA+IC,CAAC;AAEF,eAAO,MAAM,eAAe;kBAA8B,MAAM;EAmC/D,CAAC;AAEF,eAAO,MAAM,sBAAsB,qKAalC,CAAC;AAEF,eAAO,MAAM,cAAc,qKAyN1B,CAAC"}
+{"version":3,"file":"StepItem.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.styles.ts"],"names":[],"mappings":"AAUA,eAAO,MAAM,aAAa;mBAAoC,OAAO;;;;;;;;;;;;;;;;qDAIpE,CAAC;AAEF,eAAO,MAAM,aAAa,qKAYzB,CAAC;AAEF,eAAO,MAAM,eAAe,qKAc3B,CAAC;AAEF,eAAO,MAAM,sBAAsB,qKAoDlC,CAAC;AAEF,eAAO,MAAM,eAAe,iLAqE3B,CAAC;AAEF,eAAO,MAAM,MAAM;SArIoB,MAAO,WAC9C;EAgJC,CAAC;AAEF,eAAO,MAAM,eAAe;kBAA8B,MAAM;EAmC/D,CAAC;AAEF,eAAO,MAAM,sBAAsB,qKAalC,CAAC;AAEF,eAAO,MAAM,cAAc,qKAyN1B,CAAC"}

package/types/components/Table/Table.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Table.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.styles.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAe3C,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAEF,eAAO,MAAM,KAAK;mBAAiC,UAAU,CAAC,eAAe,CAAC;mBAAiB,OAAO;EAerG,CAAC;AAEF,eAAO,MAAM,EAAE;eAA0B,OAAO;EAG/C,CAAC;AAEF,eAAO,MAAM,KAAK;UACR,UAAU,CAAC,MAAM,CAAC;mBACT,UAAU,CAAC,eAAe,CAAC;mBAC3B,OAAO;EAiBzB,CAAC;AAEF,eAAO,MAAM,KAAK,uLAAiB,CAAC;AAEpC,eAAO,MAAM,OAAO;gBAA4B,OAAO;EAYtD,CAAC;AAEF,eAAO,MAAM,EAAE;mBAA8B,UAAU,CAAC,eAAe,CAAC;oBAAkB,OAAO;EAqBhG,CAAC;AAEF,eAAO,MAAM,cAAc,iQAQ1B,CAAC;AAEF,eAAO,MAAM,aAAa,8OAIzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAUlB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAMxB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;qDAatB,CAAC"}
+{"version":3,"file":"Table.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Table/Table.styles.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAe3C,eAAO,MAAM,IAAI,0CAGhB,CAAC;AAEF,eAAO,MAAM,KAAK;mBAAiC,UAAU,CAAC,eAAe,CAAC;mBAAiB,OAAO;EAerG,CAAC;AAEF,eAAO,MAAM,EAAE;eAA0B,OAAO;EAI/C,CAAC;AAEF,eAAO,MAAM,KAAK;UACR,UAAU,CAAC,MAAM,CAAC;mBACT,UAAU,CAAC,eAAe,CAAC;mBAC3B,OAAO;EAiBzB,CAAC;AAEF,eAAO,MAAM,KAAK,uLAAiB,CAAC;AAEpC,eAAO,MAAM,OAAO;gBAA4B,OAAO;EAYtD,CAAC;AAEF,eAAO,MAAM,EAAE;mBAA8B,UAAU,CAAC,eAAe,CAAC;oBAAkB,OAAO;EAsBhG,CAAC;AAEF,eAAO,MAAM,cAAc,iQAQ1B,CAAC;AAEF,eAAO,MAAM,aAAa,8OAIzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAUlB,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDAMxB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;qDAatB,CAAC"}

package/types/components/TextField/variations/_read-only/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_read-only/base.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,IAAI,0CAyEhB,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/TextField/variations/_read-only/base.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,IAAI,0CAuEhB,CAAC"}

package/types/components/Toast/variations/_size/base.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toast/variations/_size/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAahB,CAAC"}
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Toast/variations/_size/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAchB,CAAC"}

package/types/examples/components/DatePicker/DatePicker.config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/DatePicker/DatePicker.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;CA2pBlB,CAAC"}
+{"version":3,"file":"DatePicker.config.d.ts","sourceRoot":"","sources":["../../../../src/examples/components/DatePicker/DatePicker.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;CAiqBlB,CAAC"}

package/cjs/components/Carousel/CarouselOld/CarouselItem_uvoxfy.css

@@ -1 +0,0 @@
-.sossdp0{-webkit-scroll-snap-align:var(--sossdp0-0);-moz-scroll-snap-align:var(--sossdp0-0);-ms-scroll-snap-align:var(--sossdp0-0);scroll-snap-align:var(--sossdp0-0);-webkit-scroll-snap-stop:var(--sossdp0-1);-moz-scroll-snap-stop:var(--sossdp0-1);-ms-scroll-snap-stop:var(--sossdp0-1);scroll-snap-stop:var(--sossdp0-1);}

package/cjs/components/Range/variations/_disabled/base_1ufizo4.css

@@ -1 +0,0 @@
-.brz2a7[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}

package/cjs/components/Toast/variations/_size/base_r51pt4.css

@@ -1 +0,0 @@
-.b1d1vtqu{padding:var(--plasma-toast-padding);border-radius:var(--plasma-toast-border-radius);max-width:var(--plasma-toast-max-width);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-family:var(--plasma-toast-font-family);font-size:var(--plasma-toast-font-size);font-style:var(--plasma-toast-font-style);font-weight:var(--plasma-toast-font-weight);-webkit-letter-spacing:var(--plasma-toast-letter-spacing);-moz-letter-spacing:var(--plasma-toast-letter-spacing);-ms-letter-spacing:var(--plasma-toast-letter-spacing);letter-spacing:var(--plasma-toast-letter-spacing);line-height:var(--plasma-toast-lineheight);}

package/es/components/Carousel/CarouselOld/CarouselItem_uvoxfy.css

@@ -1 +0,0 @@
-.sossdp0{-webkit-scroll-snap-align:var(--sossdp0-0);-moz-scroll-snap-align:var(--sossdp0-0);-ms-scroll-snap-align:var(--sossdp0-0);scroll-snap-align:var(--sossdp0-0);-webkit-scroll-snap-stop:var(--sossdp0-1);-moz-scroll-snap-stop:var(--sossdp0-1);-ms-scroll-snap-stop:var(--sossdp0-1);scroll-snap-stop:var(--sossdp0-1);}

package/es/components/Range/variations/_disabled/base_1ufizo4.css

@@ -1 +0,0 @@
-.brz2a7[disabled]{opacity:var(--plasma-range-disabled-opacity);cursor:not-allowed;}

package/es/components/Toast/variations/_size/base_r51pt4.css

@@ -1 +0,0 @@
-.b1d1vtqu{padding:var(--plasma-toast-padding);border-radius:var(--plasma-toast-border-radius);max-width:var(--plasma-toast-max-width);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);font-family:var(--plasma-toast-font-family);font-size:var(--plasma-toast-font-size);font-style:var(--plasma-toast-font-style);font-weight:var(--plasma-toast-font-weight);-webkit-letter-spacing:var(--plasma-toast-letter-spacing);-moz-letter-spacing:var(--plasma-toast-letter-spacing);-ms-letter-spacing:var(--plasma-toast-letter-spacing);letter-spacing:var(--plasma-toast-letter-spacing);line-height:var(--plasma-toast-lineheight);}