@salutejs/sdds-serv 0.368.0-next-sbcom.0 → 0.368.0

package/dist/emotion/cjs/components/TextFieldGroup/TextFieldGroup.config.js

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "config", {
     }
 });
 const _emotion = require("@salutejs/plasma-new-hope/emotion");
+const _sdds_serv = require("@salutejs/sdds-themes/tokens/sdds_serv");
 const config = {
     defaults: {
         size: 'm'
@@ -30,28 +31,28 @@ const config = {
                 ${_emotion.textFieldGroupTokens.textBeforeMargin}: 0 0.25rem 0 0;
                 ${_emotion.textFieldGroupTokens.textAfterMargin}: 0 0 0 0.25rem;
 
-                ${_emotion.textFieldGroupTokens.fontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_emotion.textFieldGroupTokens.fontSize}: var(--plasma-typo-body-l-font-size);
-                ${_emotion.textFieldGroupTokens.fontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_emotion.textFieldGroupTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_emotion.textFieldGroupTokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_emotion.textFieldGroupTokens.lineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_emotion.textFieldGroupTokens.fontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_emotion.textFieldGroupTokens.fontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_emotion.textFieldGroupTokens.fontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_emotion.textFieldGroupTokens.fontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_emotion.textFieldGroupTokens.letterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_emotion.textFieldGroupTokens.lineHeight}: ${_sdds_serv.bodyL.lineHeight};
 
                 ${_emotion.textFieldGroupTokens.labelOffset}: 0.75rem;
-                ${_emotion.textFieldGroupTokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_emotion.textFieldGroupTokens.labelFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_emotion.textFieldGroupTokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_emotion.textFieldGroupTokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_emotion.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_emotion.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);
-
-                ${_emotion.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
-                ${_emotion.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldGroupTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldGroupTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldGroupTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldGroupTokens.labelFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_emotion.textFieldGroupTokens.labelFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_emotion.textFieldGroupTokens.labelFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_emotion.textFieldGroupTokens.labelFontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_emotion.textFieldGroupTokens.labelLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_emotion.textFieldGroupTokens.labelLineHeight}: ${_sdds_serv.bodyL.lineHeight};
+
+                ${_emotion.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
+                ${_emotion.textFieldGroupTokens.leftHelperFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldGroupTokens.leftHelperFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldGroupTokens.leftHelperFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldGroupTokens.leftHelperFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldGroupTokens.leftHelperLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldGroupTokens.leftHelperLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
 
                 ${_emotion.textFieldGroupTokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;
                 ${_emotion.textFieldGroupTokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;
@@ -64,12 +65,12 @@ const config = {
                 ${_emotion.textFieldGroupTokens.chipClearContentMarginLeft}: 0.625rem;
                 ${_emotion.textFieldGroupTokens.chipClearContentMarginRight}: 0rem;
                 ${_emotion.textFieldGroupTokens.chipCloseIconSize}: 1.5rem;
-                ${_emotion.textFieldGroupTokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_emotion.textFieldGroupTokens.chipFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_emotion.textFieldGroupTokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_emotion.textFieldGroupTokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_emotion.textFieldGroupTokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_emotion.textFieldGroupTokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_emotion.textFieldGroupTokens.chipFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_emotion.textFieldGroupTokens.chipFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_emotion.textFieldGroupTokens.chipFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_emotion.textFieldGroupTokens.chipFontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_emotion.textFieldGroupTokens.chipLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_emotion.textFieldGroupTokens.chipLineHeight}: ${_sdds_serv.bodyL.lineHeight};
             `,
             m: (0, _emotion.css)`
                 ${_emotion.textFieldGroupTokens.textFieldDefaultRadius}: 0.75rem;
@@ -86,28 +87,28 @@ const config = {
                 ${_emotion.textFieldGroupTokens.textBeforeMargin}: 0 0.25rem 0 0;
                 ${_emotion.textFieldGroupTokens.textAfterMargin}: 0 0 0 0.25rem;
 
-                ${_emotion.textFieldGroupTokens.fontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_emotion.textFieldGroupTokens.fontSize}: var(--plasma-typo-body-m-font-size);
-                ${_emotion.textFieldGroupTokens.fontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_emotion.textFieldGroupTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_emotion.textFieldGroupTokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_emotion.textFieldGroupTokens.lineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_emotion.textFieldGroupTokens.fontFamily}: ${_sdds_serv.bodyM.fontFamily};
+                ${_emotion.textFieldGroupTokens.fontSize}: ${_sdds_serv.bodyM.fontSize};
+                ${_emotion.textFieldGroupTokens.fontStyle}: ${_sdds_serv.bodyM.fontStyle};
+                ${_emotion.textFieldGroupTokens.fontWeight}: ${_sdds_serv.bodyM.fontWeight};
+                ${_emotion.textFieldGroupTokens.letterSpacing}: ${_sdds_serv.bodyM.letterSpacing};
+                ${_emotion.textFieldGroupTokens.lineHeight}: ${_sdds_serv.bodyM.lineHeight};
 
                 ${_emotion.textFieldGroupTokens.labelOffset}: 0.625rem;
-                ${_emotion.textFieldGroupTokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_emotion.textFieldGroupTokens.labelFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_emotion.textFieldGroupTokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_emotion.textFieldGroupTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_emotion.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_emotion.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);
-
-                ${_emotion.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
-                ${_emotion.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldGroupTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldGroupTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldGroupTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldGroupTokens.labelFontFamily}: ${_sdds_serv.bodyM.fontFamily};
+                ${_emotion.textFieldGroupTokens.labelFontSize}: ${_sdds_serv.bodyM.fontSize};
+                ${_emotion.textFieldGroupTokens.labelFontStyle}: ${_sdds_serv.bodyM.fontStyle};
+                ${_emotion.textFieldGroupTokens.labelFontWeight}: ${_sdds_serv.bodyM.fontWeight};
+                ${_emotion.textFieldGroupTokens.labelLetterSpacing}: ${_sdds_serv.bodyM.letterSpacing};
+                ${_emotion.textFieldGroupTokens.labelLineHeight}: ${_sdds_serv.bodyM.lineHeight};
+
+                ${_emotion.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
+                ${_emotion.textFieldGroupTokens.leftHelperFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldGroupTokens.leftHelperFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldGroupTokens.leftHelperFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldGroupTokens.leftHelperFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldGroupTokens.leftHelperLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldGroupTokens.leftHelperLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
 
                 ${_emotion.textFieldGroupTokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;
                 ${_emotion.textFieldGroupTokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;
@@ -120,12 +121,12 @@ const config = {
                 ${_emotion.textFieldGroupTokens.chipClearContentMarginLeft}: 0.5rem;
                 ${_emotion.textFieldGroupTokens.chipClearContentMarginRight}: 0rem;
                 ${_emotion.textFieldGroupTokens.chipCloseIconSize}: 1.25rem;
-                ${_emotion.textFieldGroupTokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_emotion.textFieldGroupTokens.chipFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_emotion.textFieldGroupTokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_emotion.textFieldGroupTokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_emotion.textFieldGroupTokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_emotion.textFieldGroupTokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_emotion.textFieldGroupTokens.chipFontFamily}: ${_sdds_serv.bodyM.fontFamily};
+                ${_emotion.textFieldGroupTokens.chipFontSize}: ${_sdds_serv.bodyM.fontSize};
+                ${_emotion.textFieldGroupTokens.chipFontStyle}: ${_sdds_serv.bodyM.fontStyle};
+                ${_emotion.textFieldGroupTokens.chipFontWeight}: ${_sdds_serv.bodyM.fontWeight};
+                ${_emotion.textFieldGroupTokens.chipLetterSpacing}: ${_sdds_serv.bodyM.letterSpacing};
+                ${_emotion.textFieldGroupTokens.chipLineHeight}: ${_sdds_serv.bodyM.lineHeight};
             `,
             s: (0, _emotion.css)`
                 ${_emotion.textFieldGroupTokens.textFieldSegmentedRadius}: 0.25rem;
@@ -142,28 +143,28 @@ const config = {
                 ${_emotion.textFieldGroupTokens.textBeforeMargin}: 0 0.25rem 0 0;
                 ${_emotion.textFieldGroupTokens.textAfterMargin}: 0 0 0 0.25rem;
 
-                ${_emotion.textFieldGroupTokens.fontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_emotion.textFieldGroupTokens.fontSize}: var(--plasma-typo-body-s-font-size);
-                ${_emotion.textFieldGroupTokens.fontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_emotion.textFieldGroupTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_emotion.textFieldGroupTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_emotion.textFieldGroupTokens.lineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_emotion.textFieldGroupTokens.fontFamily}: ${_sdds_serv.bodyS.fontFamily};
+                ${_emotion.textFieldGroupTokens.fontSize}: ${_sdds_serv.bodyS.fontSize};
+                ${_emotion.textFieldGroupTokens.fontStyle}: ${_sdds_serv.bodyS.fontStyle};
+                ${_emotion.textFieldGroupTokens.fontWeight}: ${_sdds_serv.bodyS.fontWeight};
+                ${_emotion.textFieldGroupTokens.letterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
+                ${_emotion.textFieldGroupTokens.lineHeight}: ${_sdds_serv.bodyS.lineHeight};
 
                 ${_emotion.textFieldGroupTokens.labelOffset}: 0.5rem;
-                ${_emotion.textFieldGroupTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_emotion.textFieldGroupTokens.labelFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_emotion.textFieldGroupTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_emotion.textFieldGroupTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_emotion.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_emotion.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);
-
-                ${_emotion.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
-                ${_emotion.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldGroupTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldGroupTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldGroupTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldGroupTokens.labelFontFamily}: ${_sdds_serv.bodyS.fontFamily};
+                ${_emotion.textFieldGroupTokens.labelFontSize}: ${_sdds_serv.bodyS.fontSize};
+                ${_emotion.textFieldGroupTokens.labelFontStyle}: ${_sdds_serv.bodyS.fontStyle};
+                ${_emotion.textFieldGroupTokens.labelFontWeight}: ${_sdds_serv.bodyS.fontWeight};
+                ${_emotion.textFieldGroupTokens.labelLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
+                ${_emotion.textFieldGroupTokens.labelLineHeight}: ${_sdds_serv.bodyS.lineHeight};
+
+                ${_emotion.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
+                ${_emotion.textFieldGroupTokens.leftHelperFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldGroupTokens.leftHelperFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldGroupTokens.leftHelperFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldGroupTokens.leftHelperFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldGroupTokens.leftHelperLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldGroupTokens.leftHelperLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
 
                 ${_emotion.textFieldGroupTokens.labelInnerPadding}: 0.3125rem 0 0 0;
                 ${_emotion.textFieldGroupTokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -176,12 +177,12 @@ const config = {
                 ${_emotion.textFieldGroupTokens.chipClearContentMarginLeft}: 0.375rem;
                 ${_emotion.textFieldGroupTokens.chipClearContentMarginRight}: 0rem;
                 ${_emotion.textFieldGroupTokens.chipCloseIconSize}: 1rem;
-                ${_emotion.textFieldGroupTokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_emotion.textFieldGroupTokens.chipFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_emotion.textFieldGroupTokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_emotion.textFieldGroupTokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_emotion.textFieldGroupTokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_emotion.textFieldGroupTokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_emotion.textFieldGroupTokens.chipFontFamily}: ${_sdds_serv.bodyS.fontFamily};
+                ${_emotion.textFieldGroupTokens.chipFontSize}: ${_sdds_serv.bodyS.fontSize};
+                ${_emotion.textFieldGroupTokens.chipFontStyle}: ${_sdds_serv.bodyS.fontStyle};
+                ${_emotion.textFieldGroupTokens.chipFontWeight}: ${_sdds_serv.bodyS.fontWeight};
+                ${_emotion.textFieldGroupTokens.chipLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
+                ${_emotion.textFieldGroupTokens.chipLineHeight}: ${_sdds_serv.bodyS.lineHeight};
             `,
             xs: (0, _emotion.css)`
                 ${_emotion.textFieldGroupTokens.textFieldSegmentedRadius}: 0.125rem;
@@ -198,28 +199,28 @@ const config = {
                 ${_emotion.textFieldGroupTokens.textBeforeMargin}: 0 0.25rem 0 0;
                 ${_emotion.textFieldGroupTokens.textAfterMargin}: 0 0 0 0.25rem;
 
-                ${_emotion.textFieldGroupTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldGroupTokens.fontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldGroupTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldGroupTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldGroupTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldGroupTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldGroupTokens.fontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldGroupTokens.fontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldGroupTokens.fontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldGroupTokens.fontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldGroupTokens.letterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldGroupTokens.lineHeight}: ${_sdds_serv.bodyXS.lineHeight};
 
                 ${_emotion.textFieldGroupTokens.labelOffset}: 0.375rem;
-                ${_emotion.textFieldGroupTokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldGroupTokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldGroupTokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldGroupTokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldGroupTokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldGroupTokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);
-
-                ${_emotion.textFieldGroupTokens.leftHelperPadding}: 0.25rem 0 0 0;
-                ${_emotion.textFieldGroupTokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldGroupTokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldGroupTokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldGroupTokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldGroupTokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldGroupTokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldGroupTokens.labelFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldGroupTokens.labelFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldGroupTokens.labelFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldGroupTokens.labelFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldGroupTokens.labelLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldGroupTokens.labelLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
+
+                ${_emotion.textFieldGroupTokens.leftHelperOffset}: 0.25rem 0 0 0;
+                ${_emotion.textFieldGroupTokens.leftHelperFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldGroupTokens.leftHelperFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldGroupTokens.leftHelperFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldGroupTokens.leftHelperFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldGroupTokens.leftHelperLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldGroupTokens.leftHelperLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
 
                 ${_emotion.textFieldGroupTokens.labelInnerPadding}: 0.3125rem 0 0 0;
                 ${_emotion.textFieldGroupTokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
@@ -232,12 +233,12 @@ const config = {
                 ${_emotion.textFieldGroupTokens.chipClearContentMarginLeft}: 0.25rem;
                 ${_emotion.textFieldGroupTokens.chipClearContentMarginRight}: 0rem;
                 ${_emotion.textFieldGroupTokens.chipCloseIconSize}: 0.75rem;
-                ${_emotion.textFieldGroupTokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_emotion.textFieldGroupTokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_emotion.textFieldGroupTokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_emotion.textFieldGroupTokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_emotion.textFieldGroupTokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_emotion.textFieldGroupTokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_emotion.textFieldGroupTokens.chipFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_emotion.textFieldGroupTokens.chipFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_emotion.textFieldGroupTokens.chipFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_emotion.textFieldGroupTokens.chipFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_emotion.textFieldGroupTokens.chipLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_emotion.textFieldGroupTokens.chipLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
             `
         },
         orientation: {