npm - @salutejs/sdds-serv - Versions diffs - 0.355.0-next-sbcom.0 → 0.355.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1094) hide show

package/dist/emotion/es/components/Typography/Text.config.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import { css, typographyTokens } from '@salutejs/plasma-new-hope/emotion';
+import { textL, textLBold, textLMedium, textM, textMBold, textMMedium, textS, textSBold, textSMedium, textXS, textXSBold, textXSMedium } from '@salutejs/sdds-themes/tokens/sdds_serv';
 export const configL = {
     defaults: {
         size: 'l'
@@ -6,14 +7,14 @@ export const configL = {
     variations: {
         size: {
             l: css`
-                ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-l-font-family);
-                ${typographyTokens.typoFontSize}: var(--plasma-typo-text-l-font-size);
-                ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-l-font-style);
-                ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-l-font-weight);
-                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-l-bold-font-weight);
-                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-l-medium-font-weight);
-                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-l-letter-spacing);
-                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-l-line-height);
+                ${typographyTokens.typoFontFamily}: ${textL.fontFamily};
+                ${typographyTokens.typoFontSize}: ${textL.fontSize};
+                ${typographyTokens.typoFontStyle}: ${textL.fontStyle};
+                ${typographyTokens.typoFontWeight}: ${textL.fontWeight};
+                ${typographyTokens.typoFontWeightBold}: ${textLBold.fontWeight};
+                ${typographyTokens.typoFontWeightMedium}: ${textLMedium.fontWeight};
+                ${typographyTokens.typoFontLetterSpacing}: ${textL.letterSpacing};
+                ${typographyTokens.typoFontLineHeight}: ${textL.lineHeight};
             `
         }
     }
@@ -25,14 +26,14 @@ export const configM = {
     variations: {
         size: {
             m: css`
-                ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-m-font-family);
-                ${typographyTokens.typoFontSize}: var(--plasma-typo-text-m-font-size);
-                ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-m-font-style);
-                ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-m-font-weight);
-                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-m-bold-font-weight);
-                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-m-medium-font-weight);
-                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);
-                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-m-line-height);
+                ${typographyTokens.typoFontFamily}: ${textM.fontFamily};
+                ${typographyTokens.typoFontSize}: ${textM.fontSize};
+                ${typographyTokens.typoFontStyle}: ${textM.fontStyle};
+                ${typographyTokens.typoFontWeight}: ${textM.fontWeight};
+                ${typographyTokens.typoFontWeightBold}: ${textMBold.fontWeight};
+                ${typographyTokens.typoFontWeightMedium}: ${textMMedium.fontWeight};
+                ${typographyTokens.typoFontLetterSpacing}: ${textM.letterSpacing};
+                ${typographyTokens.typoFontLineHeight}: ${textM.lineHeight};
             `
         }
     }
@@ -44,14 +45,14 @@ export const configS = {
     variations: {
         size: {
             s: css`
-                ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-s-font-family);
-                ${typographyTokens.typoFontSize}: var(--plasma-typo-text-s-font-size);
-                ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-s-font-style);
-                ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-s-font-weight);
-                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-s-bold-font-weight);
-                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-s-medium-font-weight);
-                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);
-                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-s-line-height);
+                ${typographyTokens.typoFontFamily}: ${textS.fontFamily};
+                ${typographyTokens.typoFontSize}: ${textS.fontSize};
+                ${typographyTokens.typoFontStyle}: ${textS.fontStyle};
+                ${typographyTokens.typoFontWeight}: ${textS.fontWeight};
+                ${typographyTokens.typoFontWeightBold}: ${textSBold.fontWeight};
+                ${typographyTokens.typoFontWeightMedium}: ${textSMedium.fontWeight};
+                ${typographyTokens.typoFontLetterSpacing}: ${textS.letterSpacing};
+                ${typographyTokens.typoFontLineHeight}: ${textS.lineHeight};
             `
         }
     }
@@ -63,14 +64,14 @@ export const configXS = {
     variations: {
         size: {
             xs: css`
-                ${typographyTokens.typoFontFamily}: var(--plasma-typo-text-xs-font-family);
-                ${typographyTokens.typoFontSize}: var(--plasma-typo-text-xs-font-size);
-                ${typographyTokens.typoFontStyle}: var(--plasma-typo-text-xs-font-style);
-                ${typographyTokens.typoFontWeight}: var(--plasma-typo-text-xs-font-weight);
-                ${typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-xs-bold-font-weight);
-                ${typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-xs-medium-font-weight);
-                ${typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);
-                ${typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-xs-line-height);
+                ${typographyTokens.typoFontFamily}: ${textXS.fontFamily};
+                ${typographyTokens.typoFontSize}: ${textXS.fontSize};
+                ${typographyTokens.typoFontStyle}: ${textXS.fontStyle};
+                ${typographyTokens.typoFontWeight}: ${textXS.fontWeight};
+                ${typographyTokens.typoFontWeightBold}: ${textXSBold.fontWeight};
+                ${typographyTokens.typoFontWeightMedium}: ${textXSMedium.fontWeight};
+                ${typographyTokens.typoFontLetterSpacing}: ${textXS.letterSpacing};
+                ${typographyTokens.typoFontLineHeight}: ${textXS.lineHeight};
             `
         }
     }

package/dist/emotion/es/index.js CHANGED Viewed

@@ -14,6 +14,7 @@ export * from './components/Checkbox';
 export * from './components/Chip';
 export * from './components/ChipGroup';
 export * from './components/Cell';
+export * from './components/CodeArea';
 export * from './components/Counter';
 export * from './components/Combobox';
 export * from './components/DatePicker';

package/dist/styled-components/cjs/components/Accordion/Accordion.config.js CHANGED Viewed

@@ -9,6 +9,7 @@ Object.defineProperty(exports, "config", {
     }
 });
 const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _sdds_serv = require("@salutejs/sdds-themes/tokens/sdds_serv");
 const config = {
     defaults: {
         view: 'default',
@@ -20,12 +21,12 @@ const config = {
                 ${_styledcomponents.accordionTokens.accordionGap}: 0.125rem;
                 ${_styledcomponents.accordionTokens.accordionWidth}: 20rem;
                 ${_styledcomponents.accordionTokens.accordionItemPadding}: var(${_styledcomponents.accordionTokens.accordionItemPaddingVertical}) var(${_styledcomponents.accordionTokens.accordionItemPaddingHorizontal});
-                ${_styledcomponents.accordionTokens.accordionItemBackground}: var(--surface-solid-card);
-                ${_styledcomponents.accordionTokens.accordionItemTitleColor}: var(--text-primary);
-                ${_styledcomponents.accordionTokens.accordionItemTextColor}: var(--text-primary);
-                ${_styledcomponents.accordionTokens.accordionItemIconColor}: var(--text-primary);
-                ${_styledcomponents.accordionTokens.accordionItemFocus}: var(--surface-accent);
-                ${_styledcomponents.accordionTokens.accordionBackground}: var(--surface-clear);
+                ${_styledcomponents.accordionTokens.accordionItemBackground}: ${_sdds_serv.surfaceSolidCard};
+                ${_styledcomponents.accordionTokens.accordionItemTitleColor}: ${_sdds_serv.textPrimary};
+                ${_styledcomponents.accordionTokens.accordionItemTextColor}: ${_sdds_serv.textPrimary};
+                ${_styledcomponents.accordionTokens.accordionItemIconColor}: ${_sdds_serv.textPrimary};
+                ${_styledcomponents.accordionTokens.accordionItemFocus}: ${_sdds_serv.surfaceAccent};
+                ${_styledcomponents.accordionTokens.accordionBackground}: ${_sdds_serv.surfaceClear};
                 ${_styledcomponents.accordionTokens.accordionItemBorderBottom}: 0;
                 ${_styledcomponents.accordionTokens.accordionItemPaddingHorizontalLeft}: var(${_styledcomponents.accordionTokens.accordionItemPaddingHorizontal});
             `,
@@ -33,14 +34,14 @@ const config = {
                 ${_styledcomponents.accordionTokens.accordionGap}: 0;
                 ${_styledcomponents.accordionTokens.accordionWidth}: 20rem;
                 ${_styledcomponents.accordionTokens.accordionItemPadding}: var(${_styledcomponents.accordionTokens.accordionItemPaddingVertical}) 0rem;
-                ${_styledcomponents.accordionTokens.accordionItemBackground}: var(--surface-clear);
-                ${_styledcomponents.accordionTokens.accordionItemTitleColor}: var(--text-primary);
-                ${_styledcomponents.accordionTokens.accordionItemTextColor}: var(--text-primary);
-                ${_styledcomponents.accordionTokens.accordionItemIconColor}: var(--text-primary);
-                ${_styledcomponents.accordionTokens.accordionItemFocus}: var(--surface-accent);
+                ${_styledcomponents.accordionTokens.accordionItemBackground}: ${_sdds_serv.surfaceClear};
+                ${_styledcomponents.accordionTokens.accordionItemTitleColor}: ${_sdds_serv.textPrimary};
+                ${_styledcomponents.accordionTokens.accordionItemTextColor}: ${_sdds_serv.textPrimary};
+                ${_styledcomponents.accordionTokens.accordionItemIconColor}: ${_sdds_serv.textPrimary};
+                ${_styledcomponents.accordionTokens.accordionItemFocus}: ${_sdds_serv.surfaceAccent};
                 ${_styledcomponents.accordionTokens.accordionItemViewBorderRadius}: 0rem;
-                ${_styledcomponents.accordionTokens.accordionBackground}: var(--surface-clear);
-                ${_styledcomponents.accordionTokens.accordionItemBorderBottom}: 0.063rem solid var(--surface-solid-tertiary);
+                ${_styledcomponents.accordionTokens.accordionBackground}: ${_sdds_serv.surfaceClear};
+                ${_styledcomponents.accordionTokens.accordionItemBorderBottom}: 0.063rem solid ${_sdds_serv.surfaceSolidTertiary};
                 ${_styledcomponents.accordionTokens.accordionItemPaddingHorizontalLeft}: 0;
             `
         },
@@ -51,19 +52,19 @@ const config = {
                 ${_styledcomponents.accordionTokens.accordionItemGap}: 0.25rem;
                 ${_styledcomponents.accordionTokens.accordionItemBorderRadius}: 0.875rem;
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-l-bold-font-weight);
-                ${_styledcomponents.accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_styledcomponents.accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-l-line-height);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_styledcomponents.accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_styledcomponents.accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontWeight}: ${_sdds_serv.bodyLBold.fontWeight};
+                ${_styledcomponents.accordionTokens.accordionItemTitleLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_styledcomponents.accordionTokens.accordionItemTitleLineHeight}: ${_sdds_serv.bodyL.lineHeight};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_styledcomponents.accordionTokens.accordionItemTextLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_styledcomponents.accordionTokens.accordionItemTextLineHeight}: ${_sdds_serv.bodyL.lineHeight};
             `,
             m: (0, _styledcomponents.css)`
                 ${_styledcomponents.accordionTokens.accordionItemPaddingVertical}: 0.875rem;
@@ -72,19 +73,19 @@ const config = {
                 ${_styledcomponents.accordionTokens.accordionItemGap}: 0.375rem;
                 ${_styledcomponents.accordionTokens.accordionItemBorderRadius}: 0.75rem;
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
-                ${_styledcomponents.accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-m-line-height);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_styledcomponents.accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontFamily}: ${_sdds_serv.bodyM.fontFamily};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontSize}: ${_sdds_serv.bodyM.fontSize};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontStyle}: ${_sdds_serv.bodyM.fontStyle};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontWeight}: ${_sdds_serv.bodyMBold.fontWeight};
+                ${_styledcomponents.accordionTokens.accordionItemTitleLetterSpacing}: ${_sdds_serv.bodyM.letterSpacing};
+                ${_styledcomponents.accordionTokens.accordionItemTitleLineHeight}: ${_sdds_serv.bodyM.lineHeight};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontFamily}: ${_sdds_serv.bodyM.fontFamily};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontSize}: ${_sdds_serv.bodyM.fontSize};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontStyle}: ${_sdds_serv.bodyM.fontStyle};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontWeight}: ${_sdds_serv.bodyM.fontWeight};
+                ${_styledcomponents.accordionTokens.accordionItemTextLetterSpacing}: ${_sdds_serv.bodyM.letterSpacing};
+                ${_styledcomponents.accordionTokens.accordionItemTextLineHeight}: ${_sdds_serv.bodyM.lineHeight};
             `,
             s: (0, _styledcomponents.css)`
                 ${_styledcomponents.accordionTokens.accordionItemPaddingVertical}: 0.6875rem;
@@ -93,19 +94,19 @@ const config = {
                 ${_styledcomponents.accordionTokens.accordionItemGap}: 0.375rem;
                 ${_styledcomponents.accordionTokens.accordionItemBorderRadius}: 0.625rem;
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
-                ${_styledcomponents.accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-s-line-height);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-s-font-size);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${_styledcomponents.accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${_styledcomponents.accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontFamily}: ${_sdds_serv.bodyS.fontFamily};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontSize}: ${_sdds_serv.bodyS.fontSize};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontStyle}: ${_sdds_serv.bodyS.fontStyle};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontWeight}: ${_sdds_serv.bodySBold.fontWeight};
+                ${_styledcomponents.accordionTokens.accordionItemTitleLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
+                ${_styledcomponents.accordionTokens.accordionItemTitleLineHeight}: ${_sdds_serv.bodyS.lineHeight};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontFamily}: ${_sdds_serv.bodyS.fontFamily};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontSize}: ${_sdds_serv.bodyS.fontSize};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontStyle}: ${_sdds_serv.bodyS.fontStyle};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontWeight}: ${_sdds_serv.bodyS.fontWeight};
+                ${_styledcomponents.accordionTokens.accordionItemTextLetterSpacing}: ${_sdds_serv.bodyS.letterSpacing};
+                ${_styledcomponents.accordionTokens.accordionItemTextLineHeight}: ${_sdds_serv.bodyS.lineHeight};
             `,
             xs: (0, _styledcomponents.css)`
                 ${_styledcomponents.accordionTokens.accordionItemPaddingVertical}: 0.5rem;
@@ -114,19 +115,19 @@ const config = {
                 ${_styledcomponents.accordionTokens.accordionItemGap}: 0.25rem;
                 ${_styledcomponents.accordionTokens.accordionItemBorderRadius}: 0.5rem;
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
-                ${_styledcomponents.accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-xs-line-height);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${_styledcomponents.accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${_styledcomponents.accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontWeight}: ${_sdds_serv.bodyXSBold.fontWeight};
+                ${_styledcomponents.accordionTokens.accordionItemTitleLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.accordionTokens.accordionItemTitleLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontFamily}: ${_sdds_serv.bodyXS.fontFamily};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontSize}: ${_sdds_serv.bodyXS.fontSize};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontStyle}: ${_sdds_serv.bodyXS.fontStyle};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontWeight}: ${_sdds_serv.bodyXS.fontWeight};
+                ${_styledcomponents.accordionTokens.accordionItemTextLetterSpacing}: ${_sdds_serv.bodyXS.letterSpacing};
+                ${_styledcomponents.accordionTokens.accordionItemTextLineHeight}: ${_sdds_serv.bodyXS.lineHeight};
             `,
             h2: (0, _styledcomponents.css)`
                 ${_styledcomponents.accordionTokens.accordionItemPaddingVertical}: 1rem;
@@ -135,19 +136,19 @@ const config = {
                 ${_styledcomponents.accordionTokens.accordionItemBorderRadius}: 0.75rem;
                 ${_styledcomponents.accordionTokens.accordionItemIconSize}: 1.5rem;
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h2-font-family);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h2-font-size);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h2-font-style);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h2-bold-font-weight);
-                ${_styledcomponents.accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h2-letter-spacing);
-                ${_styledcomponents.accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h2-line-height);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_styledcomponents.accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_styledcomponents.accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontFamily}: ${_sdds_serv.h2.fontFamily};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontSize}: ${_sdds_serv.h2.fontSize};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontStyle}: ${_sdds_serv.h2.fontStyle};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontWeight}: ${_sdds_serv.h2Bold.fontWeight};
+                ${_styledcomponents.accordionTokens.accordionItemTitleLetterSpacing}: ${_sdds_serv.h2.letterSpacing};
+                ${_styledcomponents.accordionTokens.accordionItemTitleLineHeight}: ${_sdds_serv.h2.lineHeight};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_styledcomponents.accordionTokens.accordionItemTextLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_styledcomponents.accordionTokens.accordionItemTextLineHeight}: ${_sdds_serv.bodyL.lineHeight};
             `,
             h3: (0, _styledcomponents.css)`
                 ${_styledcomponents.accordionTokens.accordionItemPaddingVertical}: 0.875rem;
@@ -156,19 +157,19 @@ const config = {
                 ${_styledcomponents.accordionTokens.accordionItemBorderRadius}: 0.75rem;
                 ${_styledcomponents.accordionTokens.accordionItemIconSize}: 1.5rem;
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h3-font-family);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h3-font-size);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h3-font-style);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h3-bold-font-weight);
-                ${_styledcomponents.accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h3-letter-spacing);
-                ${_styledcomponents.accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h3-line-height);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${_styledcomponents.accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${_styledcomponents.accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontFamily}: ${_sdds_serv.h3.fontFamily};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontSize}: ${_sdds_serv.h3.fontSize};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontStyle}: ${_sdds_serv.h3.fontStyle};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontWeight}: ${_sdds_serv.h3Bold.fontWeight};
+                ${_styledcomponents.accordionTokens.accordionItemTitleLetterSpacing}: ${_sdds_serv.h3.letterSpacing};
+                ${_styledcomponents.accordionTokens.accordionItemTitleLineHeight}: ${_sdds_serv.h3.lineHeight};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontFamily}: ${_sdds_serv.bodyL.fontFamily};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontSize}: ${_sdds_serv.bodyL.fontSize};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontStyle}: ${_sdds_serv.bodyL.fontStyle};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontWeight}: ${_sdds_serv.bodyL.fontWeight};
+                ${_styledcomponents.accordionTokens.accordionItemTextLetterSpacing}: ${_sdds_serv.bodyL.letterSpacing};
+                ${_styledcomponents.accordionTokens.accordionItemTextLineHeight}: ${_sdds_serv.bodyL.lineHeight};
             `,
             h4: (0, _styledcomponents.css)`
                 ${_styledcomponents.accordionTokens.accordionItemPaddingVertical}: 0.688rem;
@@ -176,19 +177,19 @@ const config = {
                 ${_styledcomponents.accordionTokens.accordionItemGap}: 0.25rem;
                 ${_styledcomponents.accordionTokens.accordionItemBorderRadius}: 0.625rem;
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h4-font-family);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h4-font-size);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h4-font-style);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h4-bold-font-weight);
-                ${_styledcomponents.accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h4-letter-spacing);
-                ${_styledcomponents.accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h4-line-height);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_styledcomponents.accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontFamily}: ${_sdds_serv.h4.fontFamily};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontSize}: ${_sdds_serv.h4.fontSize};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontStyle}: ${_sdds_serv.h4.fontStyle};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontWeight}: ${_sdds_serv.h4Bold.fontWeight};
+                ${_styledcomponents.accordionTokens.accordionItemTitleLetterSpacing}: ${_sdds_serv.h4.letterSpacing};
+                ${_styledcomponents.accordionTokens.accordionItemTitleLineHeight}: ${_sdds_serv.h4.lineHeight};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontFamily}: ${_sdds_serv.bodyM.fontFamily};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontSize}: ${_sdds_serv.bodyM.fontSize};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontStyle}: ${_sdds_serv.bodyM.fontStyle};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontWeight}: ${_sdds_serv.bodyM.fontWeight};
+                ${_styledcomponents.accordionTokens.accordionItemTextLetterSpacing}: ${_sdds_serv.bodyM.letterSpacing};
+                ${_styledcomponents.accordionTokens.accordionItemTextLineHeight}: ${_sdds_serv.bodyM.lineHeight};
             `,
             h5: (0, _styledcomponents.css)`
                 ${_styledcomponents.accordionTokens.accordionItemPaddingVertical}: 0.5rem;
@@ -196,19 +197,19 @@ const config = {
                 ${_styledcomponents.accordionTokens.accordionItemGap}: 0.25rem;
                 ${_styledcomponents.accordionTokens.accordionItemBorderRadius}: 0.5rem;
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h5-font-family);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h5-font-size);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h5-font-style);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h5-bold-font-weight);
-                ${_styledcomponents.accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h5-letter-spacing);
-                ${_styledcomponents.accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h5-line-height);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_styledcomponents.accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontFamily}: ${_sdds_serv.h5.fontFamily};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontSize}: ${_sdds_serv.h5.fontSize};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontStyle}: ${_sdds_serv.h5.fontStyle};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontWeight}: ${_sdds_serv.h5Bold.fontWeight};
+                ${_styledcomponents.accordionTokens.accordionItemTitleLetterSpacing}: ${_sdds_serv.h5.letterSpacing};
+                ${_styledcomponents.accordionTokens.accordionItemTitleLineHeight}: ${_sdds_serv.h5.lineHeight};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontFamily}: ${_sdds_serv.bodyM.fontFamily};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontSize}: ${_sdds_serv.bodyM.fontSize};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontStyle}: ${_sdds_serv.bodyM.fontStyle};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontWeight}: ${_sdds_serv.bodyM.fontWeight};
+                ${_styledcomponents.accordionTokens.accordionItemTextLetterSpacing}: ${_sdds_serv.bodyM.letterSpacing};
+                ${_styledcomponents.accordionTokens.accordionItemTextLineHeight}: ${_sdds_serv.bodyM.lineHeight};
             `,
             h6: (0, _styledcomponents.css)`
                 ${_styledcomponents.accordionTokens.accordionItemPaddingVertical}: 0.5rem;
@@ -216,19 +217,19 @@ const config = {
                 ${_styledcomponents.accordionTokens.accordionItemGap}: 0.25rem;
                 ${_styledcomponents.accordionTokens.accordionItemBorderRadius}: 0.5rem;
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h6-font-family);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h6-font-size);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h6-font-style);
-                ${_styledcomponents.accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h6-bold-font-weight);
-                ${_styledcomponents.accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h6-letter-spacing);
-                ${_styledcomponents.accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h6-line-height);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${_styledcomponents.accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${_styledcomponents.accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${_styledcomponents.accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontFamily}: ${_sdds_serv.h6.fontFamily};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontSize}: ${_sdds_serv.h6.fontSize};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontStyle}: ${_sdds_serv.h6.fontStyle};
+                ${_styledcomponents.accordionTokens.accordionItemTitleFontWeight}: ${_sdds_serv.h6Bold.fontWeight};
+                ${_styledcomponents.accordionTokens.accordionItemTitleLetterSpacing}: ${_sdds_serv.h6.letterSpacing};
+                ${_styledcomponents.accordionTokens.accordionItemTitleLineHeight}: ${_sdds_serv.h6.lineHeight};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontFamily}: ${_sdds_serv.bodyM.fontFamily};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontSize}: ${_sdds_serv.bodyM.fontSize};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontStyle}: ${_sdds_serv.bodyM.fontStyle};
+                ${_styledcomponents.accordionTokens.accordionItemTextFontWeight}: ${_sdds_serv.bodyM.fontWeight};
+                ${_styledcomponents.accordionTokens.accordionItemTextLetterSpacing}: ${_sdds_serv.bodyM.letterSpacing};
+                ${_styledcomponents.accordionTokens.accordionItemTextLineHeight}: ${_sdds_serv.bodyM.lineHeight};
             `
         }
     }