@salutejs/sdds-insol-next 0.359.0-next-sbcom.0 → 0.359.1-dev.0

package/dist/styled-components/cjs/components/Tabs/vertical/VerticalTabItem.segment.config.js

@@ -0,0 +1,161 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _sdds_insol_next = require("@salutejs/sdds-themes/tokens/sdds_insol_next");
+const roundedRadius = '1000px';
+const config = {
+    defaults: {
+        view: 'secondary',
+        size: 'l'
+    },
+    variations: {
+        view: {
+            secondary: (0, _styledcomponents.css)`
+                ${_styledcomponents.tabsTokens.itemColor}: ${_sdds_insol_next.textPrimary};
+                ${_styledcomponents.tabsTokens.itemValueColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.tabsTokens.itemBackgroundColor}: transparent;
+                ${_styledcomponents.tabsTokens.itemColorHover}: ${_sdds_insol_next.textPrimaryHover};
+                ${_styledcomponents.tabsTokens.itemValueColorHover}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.tabsTokens.itemColorActive}: ${_sdds_insol_next.textSecondaryActive};
+                ${_styledcomponents.tabsTokens.itemValueColorActive}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.tabsTokens.itemBackgroundColorHover}: transparent;
+                ${_styledcomponents.tabsTokens.itemSelectedColor}: ${_sdds_insol_next.textAccent};
+                ${_styledcomponents.tabsTokens.itemSelectedValueColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.tabsTokens.itemSelectedBackgroundColor}: ${_sdds_insol_next.surfaceSolidCard};
+                ${_styledcomponents.tabsTokens.itemSelectedColorHover}: ${_sdds_insol_next.textAccentHover};
+                ${_styledcomponents.tabsTokens.itemSelectedValueColorHover}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.tabsTokens.itemSelectedBackgroundColorHover}: ${_sdds_insol_next.surfaceSolidCard};
+                ${_styledcomponents.tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;
+
+                ${_styledcomponents.tabsTokens.outlineFocusColor}: ${_sdds_insol_next.surfaceAccent};
+                ${_styledcomponents.tabsTokens.itemOutlineRadius}: var(${_styledcomponents.tabsTokens.itemBorderRadius});
+
+                ${_styledcomponents.tabsTokens.itemSelectedDividerWidth}: 0rem;
+                ${_styledcomponents.tabsTokens.itemSelectedDividerHeight}: 0rem;
+                ${_styledcomponents.tabsTokens.itemSelectedDividerColor}: transparent;
+                ${_styledcomponents.tabsTokens.itemSelectedDividerColorHover}: transparent;
+
+                ${_styledcomponents.tabsTokens.itemCursor}: pointer;
+            `
+        },
+        size: {
+            xs: (0, _styledcomponents.css)`
+                ${_styledcomponents.tabsTokens.itemBorderRadius}: 0.5rem;
+                ${_styledcomponents.tabsTokens.itemWidth}: auto;
+                ${_styledcomponents.tabsTokens.itemHeight}: 2rem;
+                ${_styledcomponents.tabsTokens.itemPaddingOrientationVertical}: 0.5rem 0.75rem;
+                ${_styledcomponents.tabsTokens.itemPaddingPilled}: 0.5rem 0.625rem;
+                ${_styledcomponents.tabsTokens.itemContentGap}: 0.25rem;
+                ${_styledcomponents.tabsTokens.itemContentPadding}: 0.125rem;
+
+                ${_styledcomponents.tabsTokens.fontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
+                ${_styledcomponents.tabsTokens.fontSize}: ${_sdds_insol_next.bodyXS.fontSize};
+                ${_styledcomponents.tabsTokens.fontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
+                ${_styledcomponents.tabsTokens.fontWeight}: ${_sdds_insol_next.bodyXS.fontWeight};
+                ${_styledcomponents.tabsTokens.fontWeightSelected}: ${_sdds_insol_next.bodyXSBold.fontWeight};
+                ${_styledcomponents.tabsTokens.letterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
+                ${_styledcomponents.tabsTokens.lineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
+
+                ${_styledcomponents.tabsTokens.actionContentMarginLeft}: 0;
+            `,
+            s: (0, _styledcomponents.css)`
+                ${_styledcomponents.tabsTokens.itemBorderRadius}: 0.625rem;
+                ${_styledcomponents.tabsTokens.itemWidth}: auto;
+                ${_styledcomponents.tabsTokens.itemHeight}: 2.5rem;
+                ${_styledcomponents.tabsTokens.itemPaddingOrientationVertical}: 0.75rem 1rem;
+                ${_styledcomponents.tabsTokens.itemPaddingPilled}: 0.75rem 0.75rem;
+                ${_styledcomponents.tabsTokens.itemContentGap}: 0.25rem;
+                ${_styledcomponents.tabsTokens.itemContentPadding}: 0.125rem;
+
+                ${_styledcomponents.tabsTokens.fontFamily}: ${_sdds_insol_next.bodyS.fontFamily};
+                ${_styledcomponents.tabsTokens.fontSize}: ${_sdds_insol_next.bodyS.fontSize};
+                ${_styledcomponents.tabsTokens.fontStyle}: ${_sdds_insol_next.bodyS.fontStyle};
+                ${_styledcomponents.tabsTokens.fontWeight}: ${_sdds_insol_next.bodyS.fontWeight};
+                ${_styledcomponents.tabsTokens.fontWeightSelected}: ${_sdds_insol_next.bodySBold.fontWeight};
+                ${_styledcomponents.tabsTokens.letterSpacing}: ${_sdds_insol_next.bodyS.letterSpacing};
+                ${_styledcomponents.tabsTokens.lineHeight}: ${_sdds_insol_next.bodyS.lineHeight};
+
+                ${_styledcomponents.tabsTokens.actionContentMarginLeft}: 0.25rem;
+            `,
+            m: (0, _styledcomponents.css)`
+                ${_styledcomponents.tabsTokens.itemBorderRadius}: 0.75rem;
+                ${_styledcomponents.tabsTokens.itemWidth}: auto;
+                ${_styledcomponents.tabsTokens.itemHeight}: 3rem;
+                ${_styledcomponents.tabsTokens.itemPaddingOrientationVertical}: 0.875rem 1.25rem;
+                ${_styledcomponents.tabsTokens.itemPaddingPilled}: 0.875rem 1rem;
+                ${_styledcomponents.tabsTokens.itemContentGap}: 0.375rem;
+                ${_styledcomponents.tabsTokens.itemContentPadding}: 0.125rem;
+
+                ${_styledcomponents.tabsTokens.fontFamily}: ${_sdds_insol_next.bodyM.fontFamily};
+                ${_styledcomponents.tabsTokens.fontSize}: ${_sdds_insol_next.bodyM.fontSize};
+                ${_styledcomponents.tabsTokens.fontStyle}: ${_sdds_insol_next.bodyM.fontStyle};
+                ${_styledcomponents.tabsTokens.fontWeight}: ${_sdds_insol_next.bodyM.fontWeight};
+                ${_styledcomponents.tabsTokens.fontWeightSelected}: ${_sdds_insol_next.bodyMBold.fontWeight};
+                ${_styledcomponents.tabsTokens.letterSpacing}: ${_sdds_insol_next.bodyM.letterSpacing};
+                ${_styledcomponents.tabsTokens.lineHeight}: ${_sdds_insol_next.bodyM.lineHeight};
+
+                ${_styledcomponents.tabsTokens.actionContentMarginLeft}: 0.125rem;
+            `,
+            l: (0, _styledcomponents.css)`
+                ${_styledcomponents.tabsTokens.itemBorderRadius}: 0.875rem;
+                ${_styledcomponents.tabsTokens.itemWidth}: auto;
+                ${_styledcomponents.tabsTokens.itemHeight}: 3.5rem;
+                ${_styledcomponents.tabsTokens.itemPaddingOrientationVertical}: 1rem 1.5rem;
+                ${_styledcomponents.tabsTokens.itemPaddingPilled}: 1rem 1.25rem;
+                ${_styledcomponents.tabsTokens.itemContentGap}: 0.5rem;
+                ${_styledcomponents.tabsTokens.itemContentPadding}: 0.125rem;
+
+                ${_styledcomponents.tabsTokens.fontFamily}: ${_sdds_insol_next.bodyL.fontFamily};
+                ${_styledcomponents.tabsTokens.fontSize}: ${_sdds_insol_next.bodyL.fontSize};
+                ${_styledcomponents.tabsTokens.fontStyle}: ${_sdds_insol_next.bodyL.fontStyle};
+                ${_styledcomponents.tabsTokens.fontWeight}: ${_sdds_insol_next.bodyL.fontWeight};
+                ${_styledcomponents.tabsTokens.fontWeightSelected}: ${_sdds_insol_next.bodyLBold.fontWeight};
+                ${_styledcomponents.tabsTokens.letterSpacing}: ${_sdds_insol_next.bodyL.letterSpacing};
+                ${_styledcomponents.tabsTokens.lineHeight}: ${_sdds_insol_next.bodyL.lineHeight};
+
+                ${_styledcomponents.tabsTokens.actionContentMarginLeft}: 0.125rem;
+            `,
+            xl: (0, _styledcomponents.css)`
+                ${_styledcomponents.tabsTokens.itemBorderRadius}: 1rem;
+                ${_styledcomponents.tabsTokens.itemWidth}: auto;
+                ${_styledcomponents.tabsTokens.itemHeight}: 4rem;
+                ${_styledcomponents.tabsTokens.itemPaddingOrientationVertical}: 1.25rem 1.75rem;
+                ${_styledcomponents.tabsTokens.itemPaddingPilled}: 1.25rem 1.5rem;
+                ${_styledcomponents.tabsTokens.itemContentGap}: 0.5rem;
+                ${_styledcomponents.tabsTokens.itemContentPadding}: 0.125rem;
+
+                ${_styledcomponents.tabsTokens.fontFamily}: ${_sdds_insol_next.bodyL.fontFamily};
+                ${_styledcomponents.tabsTokens.fontSize}: ${_sdds_insol_next.bodyL.fontSize};
+                ${_styledcomponents.tabsTokens.fontStyle}: ${_sdds_insol_next.bodyL.fontStyle};
+                ${_styledcomponents.tabsTokens.fontWeight}: ${_sdds_insol_next.bodyL.fontWeight};
+                ${_styledcomponents.tabsTokens.fontWeightSelected}: ${_sdds_insol_next.bodyLBold.fontWeight};
+                ${_styledcomponents.tabsTokens.letterSpacing}: ${_sdds_insol_next.bodyL.letterSpacing};
+                ${_styledcomponents.tabsTokens.lineHeight}: ${_sdds_insol_next.bodyL.lineHeight};
+
+                ${_styledcomponents.tabsTokens.actionContentMarginLeft}: 0.125rem;
+            `
+        },
+        disabled: {
+            true: (0, _styledcomponents.css)`
+                ${_styledcomponents.tabsTokens.disabledOpacity}: 0.4;
+            `
+        },
+        truncate: {
+            true: (0, _styledcomponents.css)``
+        },
+        pilled: {
+            true: (0, _styledcomponents.css)`
+                ${_styledcomponents.tabsTokens.itemPilledBorderRadius}: ${roundedRadius};
+                ${_styledcomponents.tabsTokens.itemOutlineRadius}: var(${_styledcomponents.tabsTokens.itemPilledBorderRadius});
+            `
+        }
+    }
+};

package/dist/styled-components/cjs/components/Tabs/vertical/VerticalTabs.config.js

@@ -69,6 +69,11 @@ const config = {
             true: (0, _styledcomponents.css)`
                 ${_styledcomponents.tabsTokens.disabledOpacity}: 0.4;
             `
+        },
+        pilled: {
+            true: (0, _styledcomponents.css)`
+                ${_styledcomponents.tabsTokens.tabsPilledBorderRadius}: 1.625rem;
+            `
         }
     }
 };

package/dist/styled-components/cjs/components/Tabs/vertical/VerticalTabs.segment.config.js

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _sdds_insol_next = require("@salutejs/sdds-themes/tokens/sdds_insol_next");
+const config = {
+    defaults: {
+        view: 'filled',
+        size: 'l'
+    },
+    variations: {
+        view: {
+            filled: (0, _styledcomponents.css)`
+                ${_styledcomponents.tabsTokens.arrowColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.tabsTokens.arrowColorHover}: ${_sdds_insol_next.textSecondaryHover};
+                ${_styledcomponents.tabsTokens.arrowColorActive}: ${_sdds_insol_next.textSecondaryActive};
+                ${_styledcomponents.tabsTokens.tabsBackgroundColor}: ${_sdds_insol_next.surfaceSolidSecondary};
+                ${_styledcomponents.tabsTokens.outlineFocusColor}: ${_sdds_insol_next.surfaceAccent};
+                ${_styledcomponents.tabsTokens.tabsPadding}: 0.125rem;
+
+                ${_styledcomponents.tabsTokens.tabsDividerWidth}: 0rem;
+                ${_styledcomponents.tabsTokens.tabsDividerHeight}: 0rem;
+                ${_styledcomponents.tabsTokens.tabsDividerColor}: transparent;
+                ${_styledcomponents.tabsTokens.tabsDividerBorderRadius}: 0rem;
+            `
+        },
+        size: {
+            xs: (0, _styledcomponents.css)`
+                ${_styledcomponents.tabsTokens.tabsBorderRadius}: 0.625rem;
+                ${_styledcomponents.tabsTokens.tabsPilledBorderRadius}: 1.125rem;
+                ${_styledcomponents.tabsTokens.tabsWidth}: fit-content;
+                ${_styledcomponents.tabsTokens.tabsHeight}: auto;
+                ${_styledcomponents.tabsTokens.arrowInnerPadding}: 0.125rem;
+                ${_styledcomponents.tabsTokens.arrowOuterPadding}: 0.125rem;
+                ${_styledcomponents.tabsTokens.arrowSize}: 1rem;
+            `,
+            s: (0, _styledcomponents.css)`
+                ${_styledcomponents.tabsTokens.tabsBorderRadius}: 0.75rem;
+                ${_styledcomponents.tabsTokens.tabsPilledBorderRadius}: 1.375rem;
+                ${_styledcomponents.tabsTokens.tabsWidth}: fit-content;
+                ${_styledcomponents.tabsTokens.tabsHeight}: auto;
+                ${_styledcomponents.tabsTokens.arrowInnerPadding}: 0.125rem;
+                ${_styledcomponents.tabsTokens.arrowOuterPadding}: 0.375rem;
+            `,
+            m: (0, _styledcomponents.css)`
+                ${_styledcomponents.tabsTokens.tabsBorderRadius}: 0.875rem;
+                ${_styledcomponents.tabsTokens.tabsPilledBorderRadius}: 1.625rem;
+                ${_styledcomponents.tabsTokens.tabsWidth}: fit-content;
+                ${_styledcomponents.tabsTokens.tabsHeight}: auto;
+                ${_styledcomponents.tabsTokens.arrowInnerPadding}: 0.125rem;
+                ${_styledcomponents.tabsTokens.arrowOuterPadding}: 0.75rem;
+            `,
+            l: (0, _styledcomponents.css)`
+                ${_styledcomponents.tabsTokens.tabsBorderRadius}: 1rem;
+                ${_styledcomponents.tabsTokens.tabsPilledBorderRadius}: 1.875rem;
+                ${_styledcomponents.tabsTokens.tabsWidth}: fit-content;
+                ${_styledcomponents.tabsTokens.tabsHeight}: auto;
+                ${_styledcomponents.tabsTokens.arrowInnerPadding}: 0.125rem;
+                ${_styledcomponents.tabsTokens.arrowOuterPadding}: 0.875rem;
+            `,
+            xl: (0, _styledcomponents.css)`
+                ${_styledcomponents.tabsTokens.tabsBorderRadius}: 1.125rem;
+                ${_styledcomponents.tabsTokens.tabsPilledBorderRadius}: 1.875rem;
+                ${_styledcomponents.tabsTokens.tabsWidth}: fit-content;
+                ${_styledcomponents.tabsTokens.tabsHeight}: auto;
+                ${_styledcomponents.tabsTokens.arrowInnerPadding}: 0.125rem;
+                ${_styledcomponents.tabsTokens.arrowOuterPadding}: 0.875rem;
+            `
+        },
+        stretch: {
+            true: (0, _styledcomponents.css)`
+                ${_styledcomponents.tabsTokens.containerHeight}: 100%;
+            `
+        },
+        disabled: {
+            true: (0, _styledcomponents.css)`
+                ${_styledcomponents.tabsTokens.disabledOpacity}: 0.4;
+            `
+        },
+        pilled: {
+            true: (0, _styledcomponents.css)``
+        }
+    },
+    intersections: [
+        {
+            size: 'xs',
+            pilled: false,
+            style: (0, _styledcomponents.css)`
+                ${_styledcomponents.tabsTokens.arrowBorderRadius}: 0.5rem;
+            `
+        },
+        {
+            size: 's',
+            pilled: false,
+            style: (0, _styledcomponents.css)`
+                ${_styledcomponents.tabsTokens.arrowBorderRadius}: 0.625rem;
+            `
+        },
+        {
+            size: 'm',
+            pilled: false,
+            style: (0, _styledcomponents.css)`
+                ${_styledcomponents.tabsTokens.arrowBorderRadius}: 0.75rem;
+            `
+        },
+        {
+            size: 'l',
+            pilled: false,
+            style: (0, _styledcomponents.css)`
+                ${_styledcomponents.tabsTokens.arrowBorderRadius}: 0.75rem;
+            `
+        },
+        {
+            size: 'xl',
+            pilled: false,
+            style: (0, _styledcomponents.css)`
+                ${_styledcomponents.tabsTokens.arrowBorderRadius}: 0.75rem;
+            `
+        }
+    ]
+};

package/dist/styled-components/cjs/components/TextArea/TextArea.config.js

@@ -23,10 +23,10 @@ const config = {
                 ${_styledcomponents.textAreaTokens.borderColorFocus}: ${_sdds_insol_next.outlineSolidSecondary};
                 ${_styledcomponents.textAreaTokens.borderColorHover}: ${_sdds_insol_next.outlineTransparentPrimaryHover};
 
-                ${_styledcomponents.textAreaTokens.backgroundColor}: ${_sdds_insol_next.surfaceTransparentCard};
-                ${_styledcomponents.textAreaTokens.backgroundColorHover}: ${_sdds_insol_next.surfaceTransparentCard};
-                ${_styledcomponents.textAreaTokens.backgroundColorActive}: ${_sdds_insol_next.surfaceTransparentCard};
-                ${_styledcomponents.textAreaTokens.backgroundColorFocus}: ${_sdds_insol_next.surfaceTransparentCard};
+                ${_styledcomponents.textAreaTokens.backgroundColor}: ${_sdds_insol_next.surfaceSolidCard};
+                ${_styledcomponents.textAreaTokens.backgroundColorHover}: ${_sdds_insol_next.surfaceSolidCard};
+                ${_styledcomponents.textAreaTokens.backgroundColorActive}: ${_sdds_insol_next.surfaceSolidCard};
+                ${_styledcomponents.textAreaTokens.backgroundColorFocus}: ${_sdds_insol_next.surfaceSolidCard};
 
                 ${_styledcomponents.textAreaTokens.labelOuterColor}: ${_sdds_insol_next.textPrimary};
                 ${_styledcomponents.textAreaTokens.inputColor}: ${_sdds_insol_next.textPrimary};
@@ -63,18 +63,18 @@ const config = {
                 ${_styledcomponents.textAreaTokens.borderColorFocus}: ${_sdds_insol_next.outlineWarningActive};
                 ${_styledcomponents.textAreaTokens.borderColorHover}: ${_sdds_insol_next.outlineWarningHover};
 
-                ${_styledcomponents.textAreaTokens.backgroundColor}: ${_sdds_insol_next.surfaceTransparentCard};
-                ${_styledcomponents.textAreaTokens.backgroundColorHover}: ${_sdds_insol_next.surfaceTransparentCard};
-                ${_styledcomponents.textAreaTokens.backgroundColorActive}: ${_sdds_insol_next.surfaceTransparentCard};
-                ${_styledcomponents.textAreaTokens.backgroundColorFocus}: ${_sdds_insol_next.surfaceTransparentCard};
+                ${_styledcomponents.textAreaTokens.backgroundColor}: ${_sdds_insol_next.surfaceSolidCard};
+                ${_styledcomponents.textAreaTokens.backgroundColorHover}: ${_sdds_insol_next.surfaceSolidCard};
+                ${_styledcomponents.textAreaTokens.backgroundColorActive}: ${_sdds_insol_next.surfaceSolidCard};
+                ${_styledcomponents.textAreaTokens.backgroundColorFocus}: ${_sdds_insol_next.surfaceSolidCard};
 
                 ${_styledcomponents.textAreaTokens.labelOuterColor}: ${_sdds_insol_next.textPrimary};
-                ${_styledcomponents.textAreaTokens.inputColor}: ${_sdds_insol_next.textWarning};
-                ${_styledcomponents.textAreaTokens.inputColorFocus}: ${_sdds_insol_next.textWarning};
+                ${_styledcomponents.textAreaTokens.inputColor}: ${_sdds_insol_next.textPrimary};
+                ${_styledcomponents.textAreaTokens.inputColorFocus}: ${_sdds_insol_next.textPrimary};
                 ${_styledcomponents.textAreaTokens.inputCaretColor}: ${_sdds_insol_next.textAccent};
 
-                ${_styledcomponents.textAreaTokens.placeholderColor}: ${_sdds_insol_next.textWarning};
-                ${_styledcomponents.textAreaTokens.placeholderColorFocus}: ${_sdds_insol_next.textWarning};
+                ${_styledcomponents.textAreaTokens.placeholderColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textAreaTokens.placeholderColorFocus}: ${_sdds_insol_next.textTertiary};
 
                 ${_styledcomponents.textAreaTokens.leftHelperColor}: ${_sdds_insol_next.textWarning};
                 ${_styledcomponents.textAreaTokens.rightHelperColor}: ${_sdds_insol_next.textSecondary};
@@ -103,18 +103,18 @@ const config = {
                 ${_styledcomponents.textAreaTokens.borderColorFocus}: ${_sdds_insol_next.outlineNegativeActive};
                 ${_styledcomponents.textAreaTokens.borderColorHover}: ${_sdds_insol_next.outlineNegativeHover};
 
-                ${_styledcomponents.textAreaTokens.backgroundColor}: ${_sdds_insol_next.surfaceTransparentCard};
-                ${_styledcomponents.textAreaTokens.backgroundColorHover}: ${_sdds_insol_next.surfaceTransparentCard};
-                ${_styledcomponents.textAreaTokens.backgroundColorActive}: ${_sdds_insol_next.surfaceTransparentCard};
-                ${_styledcomponents.textAreaTokens.backgroundColorFocus}: ${_sdds_insol_next.surfaceTransparentCard};
+                ${_styledcomponents.textAreaTokens.backgroundColor}: ${_sdds_insol_next.surfaceSolidCard};
+                ${_styledcomponents.textAreaTokens.backgroundColorHover}: ${_sdds_insol_next.surfaceSolidCard};
+                ${_styledcomponents.textAreaTokens.backgroundColorActive}: ${_sdds_insol_next.surfaceSolidCard};
+                ${_styledcomponents.textAreaTokens.backgroundColorFocus}: ${_sdds_insol_next.surfaceSolidCard};
 
                 ${_styledcomponents.textAreaTokens.labelOuterColor}: ${_sdds_insol_next.textPrimary};
-                ${_styledcomponents.textAreaTokens.inputColor}: ${_sdds_insol_next.textNegative};
-                ${_styledcomponents.textAreaTokens.inputColorFocus}: ${_sdds_insol_next.textNegative};
+                ${_styledcomponents.textAreaTokens.inputColor}: ${_sdds_insol_next.textPrimary};
+                ${_styledcomponents.textAreaTokens.inputColorFocus}: ${_sdds_insol_next.textPrimary};
                 ${_styledcomponents.textAreaTokens.inputCaretColor}: ${_sdds_insol_next.textAccent};
 
-                ${_styledcomponents.textAreaTokens.placeholderColor}: ${_sdds_insol_next.textNegative};
-                ${_styledcomponents.textAreaTokens.placeholderColorFocus}: ${_sdds_insol_next.textNegative};
+                ${_styledcomponents.textAreaTokens.placeholderColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textAreaTokens.placeholderColorFocus}: ${_sdds_insol_next.textTertiary};
 
                 ${_styledcomponents.textAreaTokens.leftHelperColor}: ${_sdds_insol_next.textNegative};
                 ${_styledcomponents.textAreaTokens.rightHelperColor}: ${_sdds_insol_next.textSecondary};

package/dist/styled-components/cjs/components/TextField/TextField.clear.config.js

@@ -49,10 +49,10 @@ const config = {
                 ${_styledcomponents.textFieldTokens.optionalColor}: ${_sdds_insol_next.textTertiary};
             `,
             positive: (0, _styledcomponents.css)`
-                ${_styledcomponents.textFieldTokens.color}: ${_sdds_insol_next.textPositive};
+                ${_styledcomponents.textFieldTokens.color}: ${_sdds_insol_next.textPrimary};
 
-                ${_styledcomponents.textFieldTokens.placeholderColor}: ${_sdds_insol_next.textPositive};
-                ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_sdds_insol_next.textPositive};
+                ${_styledcomponents.textFieldTokens.placeholderColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_sdds_insol_next.textTertiary};
 
                 ${_styledcomponents.textFieldTokens.backgroundColor}: transparent;
                 ${_styledcomponents.textFieldTokens.backgroundColorHover}: transparent;
@@ -83,10 +83,10 @@ const config = {
                 ${_styledcomponents.textFieldTokens.optionalColor}: ${_sdds_insol_next.textTertiary};
             `,
             warning: (0, _styledcomponents.css)`
-                ${_styledcomponents.textFieldTokens.color}: ${_sdds_insol_next.textWarning};
+                ${_styledcomponents.textFieldTokens.color}: ${_sdds_insol_next.textPrimary};
 
-                ${_styledcomponents.textFieldTokens.placeholderColor}: ${_sdds_insol_next.textWarning};
-                ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_sdds_insol_next.textWarning};
+                ${_styledcomponents.textFieldTokens.placeholderColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_sdds_insol_next.textTertiary};
 
                 ${_styledcomponents.textFieldTokens.backgroundColor}: transparent;
                 ${_styledcomponents.textFieldTokens.backgroundColorHover}: transparent;
@@ -117,10 +117,10 @@ const config = {
                 ${_styledcomponents.textFieldTokens.optionalColor}: ${_sdds_insol_next.textTertiary};
             `,
             negative: (0, _styledcomponents.css)`
-                ${_styledcomponents.textFieldTokens.color}: ${_sdds_insol_next.textNegative};
+                ${_styledcomponents.textFieldTokens.color}: ${_sdds_insol_next.textPrimary};
 
-                ${_styledcomponents.textFieldTokens.placeholderColor}: ${_sdds_insol_next.textNegative};
-                ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_sdds_insol_next.textNegative};
+                ${_styledcomponents.textFieldTokens.placeholderColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_sdds_insol_next.textTertiary};
 
                 ${_styledcomponents.textFieldTokens.backgroundColor}: transparent;
                 ${_styledcomponents.textFieldTokens.backgroundColorHover}: transparent;
@@ -188,7 +188,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
@@ -276,7 +276,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
@@ -356,7 +356,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
@@ -436,7 +436,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
@@ -516,7 +516,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};

package/dist/styled-components/cjs/components/TextField/TextField.config.js

@@ -55,9 +55,9 @@ const config = {
                 ${_styledcomponents.textFieldTokens.caretColor}: ${_sdds_insol_next.textAccent};
                 ${_styledcomponents.textFieldTokens.focusColor}: ${_sdds_insol_next.textAccent};
 
-                ${_styledcomponents.textFieldTokens.color}: ${_sdds_insol_next.textPositive};
-                ${_styledcomponents.textFieldTokens.placeholderColor}: ${_sdds_insol_next.textPositive};
-                ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_sdds_insol_next.textPositive};
+                ${_styledcomponents.textFieldTokens.color}: ${_sdds_insol_next.textPrimary};
+                ${_styledcomponents.textFieldTokens.placeholderColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_sdds_insol_next.textTertiary};
 
                 ${_styledcomponents.textFieldTokens.backgroundColor}: ${_sdds_insol_next.surfaceSolidCard};
                 ${_styledcomponents.textFieldTokens.backgroundColorFocus}: ${_sdds_insol_next.surfaceSolidCard};
@@ -87,9 +87,9 @@ const config = {
                 ${_styledcomponents.textFieldTokens.caretColor}: ${_sdds_insol_next.textAccent};
                 ${_styledcomponents.textFieldTokens.focusColor}: ${_sdds_insol_next.textAccent};
 
-                ${_styledcomponents.textFieldTokens.color}: ${_sdds_insol_next.textWarning};
-                ${_styledcomponents.textFieldTokens.placeholderColor}: ${_sdds_insol_next.textWarning};
-                ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_sdds_insol_next.textWarning};
+                ${_styledcomponents.textFieldTokens.color}: ${_sdds_insol_next.textPrimary};
+                ${_styledcomponents.textFieldTokens.placeholderColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_sdds_insol_next.textTertiary};
 
                 ${_styledcomponents.textFieldTokens.backgroundColor}: ${_sdds_insol_next.surfaceSolidCard};
                 ${_styledcomponents.textFieldTokens.backgroundColorFocus}: ${_sdds_insol_next.surfaceSolidCard};
@@ -119,9 +119,9 @@ const config = {
                 ${_styledcomponents.textFieldTokens.caretColor}: ${_sdds_insol_next.textAccent};
                 ${_styledcomponents.textFieldTokens.focusColor}: ${_sdds_insol_next.textAccent};
 
-                ${_styledcomponents.textFieldTokens.color}: ${_sdds_insol_next.textNegative};
-                ${_styledcomponents.textFieldTokens.placeholderColor}: ${_sdds_insol_next.textNegative};
-                ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_sdds_insol_next.textNegative};
+                ${_styledcomponents.textFieldTokens.color}: ${_sdds_insol_next.textPrimary};
+                ${_styledcomponents.textFieldTokens.placeholderColor}: ${_sdds_insol_next.textSecondary};
+                ${_styledcomponents.textFieldTokens.placeholderColorFocus}: ${_sdds_insol_next.textTertiary};
 
                 ${_styledcomponents.textFieldTokens.backgroundColor}: ${_sdds_insol_next.surfaceSolidCard};
                 ${_styledcomponents.textFieldTokens.backgroundColorFocus}: ${_sdds_insol_next.surfaceSolidCard};
@@ -188,7 +188,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
@@ -276,7 +276,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
@@ -371,7 +371,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
@@ -466,7 +466,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
@@ -562,7 +562,7 @@ const config = {
                 ${_styledcomponents.textFieldTokens.titleCaptionLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
                 ${_styledcomponents.textFieldTokens.titleCaptionLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
 
-                ${_styledcomponents.textFieldTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldTokens.leftHelperFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldTokens.leftHelperFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textFieldTokens.leftHelperFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};

package/dist/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.config.js

@@ -46,7 +46,7 @@ const config = {
                 ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_sdds_insol_next.bodyL.letterSpacing};
                 ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_sdds_insol_next.bodyL.lineHeight};
 
-                ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
@@ -102,7 +102,7 @@ const config = {
                 ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_sdds_insol_next.bodyM.letterSpacing};
                 ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_sdds_insol_next.bodyM.lineHeight};
 
-                ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
@@ -158,7 +158,7 @@ const config = {
                 ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_sdds_insol_next.bodyS.letterSpacing};
                 ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_sdds_insol_next.bodyS.lineHeight};
 
-                ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};
@@ -214,7 +214,7 @@ const config = {
                 ${_styledcomponents.textFieldGroupTokens.labelLetterSpacing}: ${_sdds_insol_next.bodyXS.letterSpacing};
                 ${_styledcomponents.textFieldGroupTokens.labelLineHeight}: ${_sdds_insol_next.bodyXS.lineHeight};
 
-                ${_styledcomponents.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
+                ${_styledcomponents.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontFamily}: ${_sdds_insol_next.bodyXS.fontFamily};
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontSize}: ${_sdds_insol_next.bodyXS.fontSize};
                 ${_styledcomponents.textFieldGroupTokens.leftHelperFontStyle}: ${_sdds_insol_next.bodyXS.fontStyle};