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/styled-components/cjs/components/Typography/Heading.config.js CHANGED Viewed

@@ -29,6 +29,7 @@ _export(exports, {
     }
 });
 const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _sdds_serv = require("@salutejs/sdds-themes/tokens/sdds_serv");
 const configH1 = {
     defaults: {
         size: 'h1'
@@ -36,14 +37,14 @@ const configH1 = {
     variations: {
         size: {
             h1: (0, _styledcomponents.css)`
-                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-h1-font-family);
-                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-h1-font-size);
-                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-h1-font-style);
-                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-h1-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-h1-bold-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h1-medium-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h1-letter-spacing);
-                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-h1-line-height);
+                ${_styledcomponents.typographyTokens.typoFontFamily}: ${_sdds_serv.h1.fontFamily};
+                ${_styledcomponents.typographyTokens.typoFontSize}: ${_sdds_serv.h1.fontSize};
+                ${_styledcomponents.typographyTokens.typoFontStyle}: ${_sdds_serv.h1.fontStyle};
+                ${_styledcomponents.typographyTokens.typoFontWeight}: ${_sdds_serv.h1.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: ${_sdds_serv.h1Bold.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: ${_sdds_serv.h1Medium.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: ${_sdds_serv.h1.letterSpacing};
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: ${_sdds_serv.h1.lineHeight};
             `
         }
     }
@@ -55,14 +56,14 @@ const configH2 = {
     variations: {
         size: {
             h2: (0, _styledcomponents.css)`
-                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-h2-font-family);
-                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-h2-font-size);
-                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-h2-font-style);
-                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-h2-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-h2-bold-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h2-medium-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h2-letter-spacing);
-                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-h2-line-height);
+                ${_styledcomponents.typographyTokens.typoFontFamily}: ${_sdds_serv.h2.fontFamily};
+                ${_styledcomponents.typographyTokens.typoFontSize}: ${_sdds_serv.h2.fontSize};
+                ${_styledcomponents.typographyTokens.typoFontStyle}: ${_sdds_serv.h2.fontStyle};
+                ${_styledcomponents.typographyTokens.typoFontWeight}: ${_sdds_serv.h2.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: ${_sdds_serv.h2Bold.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: ${_sdds_serv.h2Medium.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: ${_sdds_serv.h2.letterSpacing};
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: ${_sdds_serv.h2.lineHeight};
             `
         }
     }
@@ -74,14 +75,14 @@ const configH3 = {
     variations: {
         size: {
             h3: (0, _styledcomponents.css)`
-                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-h3-font-family);
-                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-h3-font-size);
-                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-h3-font-style);
-                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-h3-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-h3-bold-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h3-medium-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h3-letter-spacing);
-                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-h3-line-height);
+                ${_styledcomponents.typographyTokens.typoFontFamily}: ${_sdds_serv.h3.fontFamily};
+                ${_styledcomponents.typographyTokens.typoFontSize}: ${_sdds_serv.h3.fontSize};
+                ${_styledcomponents.typographyTokens.typoFontStyle}: ${_sdds_serv.h3.fontStyle};
+                ${_styledcomponents.typographyTokens.typoFontWeight}: ${_sdds_serv.h3.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: ${_sdds_serv.h3Bold.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: ${_sdds_serv.h3Medium.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: ${_sdds_serv.h3.letterSpacing};
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: ${_sdds_serv.h3.lineHeight};
             `
         }
     }
@@ -93,14 +94,14 @@ const configH4 = {
     variations: {
         size: {
             h4: (0, _styledcomponents.css)`
-                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-h4-font-family);
-                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-h4-font-size);
-                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-h4-font-style);
-                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-h4-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-h4-bold-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h4-medium-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h4-letter-spacing);
-                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-h4-line-height);
+                ${_styledcomponents.typographyTokens.typoFontFamily}: ${_sdds_serv.h4.fontFamily};
+                ${_styledcomponents.typographyTokens.typoFontSize}: ${_sdds_serv.h4.fontSize};
+                ${_styledcomponents.typographyTokens.typoFontStyle}: ${_sdds_serv.h4.fontStyle};
+                ${_styledcomponents.typographyTokens.typoFontWeight}: ${_sdds_serv.h4.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: ${_sdds_serv.h4Bold.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: ${_sdds_serv.h4Medium.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: ${_sdds_serv.h4.letterSpacing};
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: ${_sdds_serv.h4.lineHeight};
             `
         }
     }
@@ -112,14 +113,14 @@ const configH5 = {
     variations: {
         size: {
             h5: (0, _styledcomponents.css)`
-                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-h5-font-family);
-                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-h5-font-size);
-                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-h5-font-style);
-                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-h5-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-h5-bold-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h5-medium-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h5-letter-spacing);
-                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-h5-line-height);
+                ${_styledcomponents.typographyTokens.typoFontFamily}: ${_sdds_serv.h5.fontFamily};
+                ${_styledcomponents.typographyTokens.typoFontSize}: ${_sdds_serv.h5.fontSize};
+                ${_styledcomponents.typographyTokens.typoFontStyle}: ${_sdds_serv.h5.fontStyle};
+                ${_styledcomponents.typographyTokens.typoFontWeight}: ${_sdds_serv.h5.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: ${_sdds_serv.h5Bold.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: ${_sdds_serv.h5Medium.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: ${_sdds_serv.h5.letterSpacing};
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: ${_sdds_serv.h5.lineHeight};
             `
         }
     }
@@ -131,14 +132,14 @@ const configH6 = {
     variations: {
         size: {
             h6: (0, _styledcomponents.css)`
-                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-h6-font-family);
-                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-h6-font-size);
-                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-h6-font-style);
-                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-h6-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-h6-bold-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-h6-medium-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-h6-letter-spacing);
-                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-h6-line-height);
+                ${_styledcomponents.typographyTokens.typoFontFamily}: ${_sdds_serv.h6.fontFamily};
+                ${_styledcomponents.typographyTokens.typoFontSize}: ${_sdds_serv.h6.fontSize};
+                ${_styledcomponents.typographyTokens.typoFontStyle}: ${_sdds_serv.h6.fontStyle};
+                ${_styledcomponents.typographyTokens.typoFontWeight}: ${_sdds_serv.h6.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: ${_sdds_serv.h6Bold.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: ${_sdds_serv.h6Medium.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: ${_sdds_serv.h6.letterSpacing};
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: ${_sdds_serv.h6.lineHeight};
             `
         }
     }

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

@@ -23,6 +23,7 @@ _export(exports, {
     }
 });
 const _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+const _sdds_serv = require("@salutejs/sdds-themes/tokens/sdds_serv");
 const configL = {
     defaults: {
         size: 'l'
@@ -30,14 +31,14 @@ const configL = {
     variations: {
         size: {
             l: (0, _styledcomponents.css)`
-                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-text-l-font-family);
-                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-text-l-font-size);
-                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-text-l-font-style);
-                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-text-l-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-l-bold-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-l-medium-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-l-letter-spacing);
-                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-l-line-height);
+                ${_styledcomponents.typographyTokens.typoFontFamily}: ${_sdds_serv.textL.fontFamily};
+                ${_styledcomponents.typographyTokens.typoFontSize}: ${_sdds_serv.textL.fontSize};
+                ${_styledcomponents.typographyTokens.typoFontStyle}: ${_sdds_serv.textL.fontStyle};
+                ${_styledcomponents.typographyTokens.typoFontWeight}: ${_sdds_serv.textL.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: ${_sdds_serv.textLBold.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: ${_sdds_serv.textLMedium.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: ${_sdds_serv.textL.letterSpacing};
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: ${_sdds_serv.textL.lineHeight};
             `
         }
     }
@@ -49,14 +50,14 @@ const configM = {
     variations: {
         size: {
             m: (0, _styledcomponents.css)`
-                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-text-m-font-family);
-                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-text-m-font-size);
-                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-text-m-font-style);
-                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-text-m-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-m-bold-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-m-medium-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-m-letter-spacing);
-                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-m-line-height);
+                ${_styledcomponents.typographyTokens.typoFontFamily}: ${_sdds_serv.textM.fontFamily};
+                ${_styledcomponents.typographyTokens.typoFontSize}: ${_sdds_serv.textM.fontSize};
+                ${_styledcomponents.typographyTokens.typoFontStyle}: ${_sdds_serv.textM.fontStyle};
+                ${_styledcomponents.typographyTokens.typoFontWeight}: ${_sdds_serv.textM.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: ${_sdds_serv.textMBold.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: ${_sdds_serv.textMMedium.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: ${_sdds_serv.textM.letterSpacing};
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: ${_sdds_serv.textM.lineHeight};
             `
         }
     }
@@ -68,14 +69,14 @@ const configS = {
     variations: {
         size: {
             s: (0, _styledcomponents.css)`
-                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-text-s-font-family);
-                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-text-s-font-size);
-                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-text-s-font-style);
-                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-text-s-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-s-bold-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-s-medium-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-s-letter-spacing);
-                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-s-line-height);
+                ${_styledcomponents.typographyTokens.typoFontFamily}: ${_sdds_serv.textS.fontFamily};
+                ${_styledcomponents.typographyTokens.typoFontSize}: ${_sdds_serv.textS.fontSize};
+                ${_styledcomponents.typographyTokens.typoFontStyle}: ${_sdds_serv.textS.fontStyle};
+                ${_styledcomponents.typographyTokens.typoFontWeight}: ${_sdds_serv.textS.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: ${_sdds_serv.textSBold.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: ${_sdds_serv.textSMedium.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: ${_sdds_serv.textS.letterSpacing};
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: ${_sdds_serv.textS.lineHeight};
             `
         }
     }
@@ -87,14 +88,14 @@ const configXS = {
     variations: {
         size: {
             xs: (0, _styledcomponents.css)`
-                ${_styledcomponents.typographyTokens.typoFontFamily}: var(--plasma-typo-text-xs-font-family);
-                ${_styledcomponents.typographyTokens.typoFontSize}: var(--plasma-typo-text-xs-font-size);
-                ${_styledcomponents.typographyTokens.typoFontStyle}: var(--plasma-typo-text-xs-font-style);
-                ${_styledcomponents.typographyTokens.typoFontWeight}: var(--plasma-typo-text-xs-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontWeightBold}: var(--plasma-typo-text-xs-bold-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: var(--plasma-typo-text-xs-medium-font-weight);
-                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);
-                ${_styledcomponents.typographyTokens.typoFontLineHeight}: var(--plasma-typo-text-xs-line-height);
+                ${_styledcomponents.typographyTokens.typoFontFamily}: ${_sdds_serv.textXS.fontFamily};
+                ${_styledcomponents.typographyTokens.typoFontSize}: ${_sdds_serv.textXS.fontSize};
+                ${_styledcomponents.typographyTokens.typoFontStyle}: ${_sdds_serv.textXS.fontStyle};
+                ${_styledcomponents.typographyTokens.typoFontWeight}: ${_sdds_serv.textXS.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontWeightBold}: ${_sdds_serv.textXSBold.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontWeightMedium}: ${_sdds_serv.textXSMedium.fontWeight};
+                ${_styledcomponents.typographyTokens.typoFontLetterSpacing}: ${_sdds_serv.textXS.letterSpacing};
+                ${_styledcomponents.typographyTokens.typoFontLineHeight}: ${_sdds_serv.textXS.lineHeight};
             `
         }
     }

package/dist/styled-components/cjs/index.js CHANGED Viewed

@@ -18,6 +18,7 @@ _export_star(require("./components/Checkbox"), exports);
 _export_star(require("./components/Chip"), exports);
 _export_star(require("./components/ChipGroup"), exports);
 _export_star(require("./components/Cell"), exports);
+_export_star(require("./components/CodeArea"), exports);
 _export_star(require("./components/Counter"), exports);
 _export_star(require("./components/Combobox"), exports);
 _export_star(require("./components/DatePicker"), exports);

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

@@ -1,4 +1,5 @@
 import { css, accordionTokens } from '@salutejs/plasma-new-hope/styled-components';
+import { bodyL, bodyLBold, bodyM, bodyMBold, bodyS, bodySBold, bodyXS, bodyXSBold, h2, h2Bold, h3, h3Bold, h4, h4Bold, h5, h5Bold, h6, h6Bold, surfaceAccent, surfaceClear, surfaceSolidCard, surfaceSolidTertiary, textPrimary } from '@salutejs/sdds-themes/tokens/sdds_serv';
 export const config = {
     defaults: {
         view: 'default',
@@ -10,12 +11,12 @@ export const config = {
                 ${accordionTokens.accordionGap}: 0.125rem;
                 ${accordionTokens.accordionWidth}: 20rem;
                 ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) var(${accordionTokens.accordionItemPaddingHorizontal});
-                ${accordionTokens.accordionItemBackground}: var(--surface-solid-card);
-                ${accordionTokens.accordionItemTitleColor}: var(--text-primary);
-                ${accordionTokens.accordionItemTextColor}: var(--text-primary);
-                ${accordionTokens.accordionItemIconColor}: var(--text-primary);
-                ${accordionTokens.accordionItemFocus}: var(--surface-accent);
-                ${accordionTokens.accordionBackground}: var(--surface-clear);
+                ${accordionTokens.accordionItemBackground}: ${surfaceSolidCard};
+                ${accordionTokens.accordionItemTitleColor}: ${textPrimary};
+                ${accordionTokens.accordionItemTextColor}: ${textPrimary};
+                ${accordionTokens.accordionItemIconColor}: ${textPrimary};
+                ${accordionTokens.accordionItemFocus}: ${surfaceAccent};
+                ${accordionTokens.accordionBackground}: ${surfaceClear};
                 ${accordionTokens.accordionItemBorderBottom}: 0;
                 ${accordionTokens.accordionItemPaddingHorizontalLeft}: var(${accordionTokens.accordionItemPaddingHorizontal});
             `,
@@ -23,14 +24,14 @@ export const config = {
                 ${accordionTokens.accordionGap}: 0;
                 ${accordionTokens.accordionWidth}: 20rem;
                 ${accordionTokens.accordionItemPadding}: var(${accordionTokens.accordionItemPaddingVertical}) 0rem;
-                ${accordionTokens.accordionItemBackground}: var(--surface-clear);
-                ${accordionTokens.accordionItemTitleColor}: var(--text-primary);
-                ${accordionTokens.accordionItemTextColor}: var(--text-primary);
-                ${accordionTokens.accordionItemIconColor}: var(--text-primary);
-                ${accordionTokens.accordionItemFocus}: var(--surface-accent);
+                ${accordionTokens.accordionItemBackground}: ${surfaceClear};
+                ${accordionTokens.accordionItemTitleColor}: ${textPrimary};
+                ${accordionTokens.accordionItemTextColor}: ${textPrimary};
+                ${accordionTokens.accordionItemIconColor}: ${textPrimary};
+                ${accordionTokens.accordionItemFocus}: ${surfaceAccent};
                 ${accordionTokens.accordionItemViewBorderRadius}: 0rem;
-                ${accordionTokens.accordionBackground}: var(--surface-clear);
-                ${accordionTokens.accordionItemBorderBottom}: 0.063rem solid var(--surface-solid-tertiary);
+                ${accordionTokens.accordionBackground}: ${surfaceClear};
+                ${accordionTokens.accordionItemBorderBottom}: 0.063rem solid ${surfaceSolidTertiary};
                 ${accordionTokens.accordionItemPaddingHorizontalLeft}: 0;
             `
         },
@@ -41,19 +42,19 @@ export const config = {
                 ${accordionTokens.accordionItemGap}: 0.25rem;
                 ${accordionTokens.accordionItemBorderRadius}: 0.875rem;
-                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-l-font-size);
-                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-l-bold-font-weight);
-                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-l-line-height);
-                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);
-                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${accordionTokens.accordionItemTitleFontFamily}: ${bodyL.fontFamily};
+                ${accordionTokens.accordionItemTitleFontSize}: ${bodyL.fontSize};
+                ${accordionTokens.accordionItemTitleFontStyle}: ${bodyL.fontStyle};
+                ${accordionTokens.accordionItemTitleFontWeight}: ${bodyLBold.fontWeight};
+                ${accordionTokens.accordionItemTitleLetterSpacing}: ${bodyL.letterSpacing};
+                ${accordionTokens.accordionItemTitleLineHeight}: ${bodyL.lineHeight};
+                ${accordionTokens.accordionItemTextFontFamily}: ${bodyL.fontFamily};
+                ${accordionTokens.accordionItemTextFontSize}: ${bodyL.fontSize};
+                ${accordionTokens.accordionItemTextFontStyle}: ${bodyL.fontStyle};
+                ${accordionTokens.accordionItemTextFontWeight}: ${bodyL.fontWeight};
+                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyL.letterSpacing};
+                ${accordionTokens.accordionItemTextLineHeight}: ${bodyL.lineHeight};
             `,
             m: css`
                 ${accordionTokens.accordionItemPaddingVertical}: 0.875rem;
@@ -62,19 +63,19 @@ export const config = {
                 ${accordionTokens.accordionItemGap}: 0.375rem;
                 ${accordionTokens.accordionItemBorderRadius}: 0.75rem;
-                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-m-font-size);
-                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-m-bold-font-weight);
-                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-m-line-height);
-                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);
-                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${accordionTokens.accordionItemTitleFontFamily}: ${bodyM.fontFamily};
+                ${accordionTokens.accordionItemTitleFontSize}: ${bodyM.fontSize};
+                ${accordionTokens.accordionItemTitleFontStyle}: ${bodyM.fontStyle};
+                ${accordionTokens.accordionItemTitleFontWeight}: ${bodyMBold.fontWeight};
+                ${accordionTokens.accordionItemTitleLetterSpacing}: ${bodyM.letterSpacing};
+                ${accordionTokens.accordionItemTitleLineHeight}: ${bodyM.lineHeight};
+                ${accordionTokens.accordionItemTextFontFamily}: ${bodyM.fontFamily};
+                ${accordionTokens.accordionItemTextFontSize}: ${bodyM.fontSize};
+                ${accordionTokens.accordionItemTextFontStyle}: ${bodyM.fontStyle};
+                ${accordionTokens.accordionItemTextFontWeight}: ${bodyM.fontWeight};
+                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyM.letterSpacing};
+                ${accordionTokens.accordionItemTextLineHeight}: ${bodyM.lineHeight};
             `,
             s: css`
                 ${accordionTokens.accordionItemPaddingVertical}: 0.6875rem;
@@ -83,19 +84,19 @@ export const config = {
                 ${accordionTokens.accordionItemGap}: 0.375rem;
                 ${accordionTokens.accordionItemBorderRadius}: 0.625rem;
-                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-s-font-size);
-                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-s-bold-font-weight);
-                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-s-line-height);
-                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-s-font-family);
-                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-s-font-size);
-                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-s-font-style);
-                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-s-font-weight);
-                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
-                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-s-line-height);
+                ${accordionTokens.accordionItemTitleFontFamily}: ${bodyS.fontFamily};
+                ${accordionTokens.accordionItemTitleFontSize}: ${bodyS.fontSize};
+                ${accordionTokens.accordionItemTitleFontStyle}: ${bodyS.fontStyle};
+                ${accordionTokens.accordionItemTitleFontWeight}: ${bodySBold.fontWeight};
+                ${accordionTokens.accordionItemTitleLetterSpacing}: ${bodyS.letterSpacing};
+                ${accordionTokens.accordionItemTitleLineHeight}: ${bodyS.lineHeight};
+                ${accordionTokens.accordionItemTextFontFamily}: ${bodyS.fontFamily};
+                ${accordionTokens.accordionItemTextFontSize}: ${bodyS.fontSize};
+                ${accordionTokens.accordionItemTextFontStyle}: ${bodyS.fontStyle};
+                ${accordionTokens.accordionItemTextFontWeight}: ${bodyS.fontWeight};
+                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyS.letterSpacing};
+                ${accordionTokens.accordionItemTextLineHeight}: ${bodyS.lineHeight};
             `,
             xs: css`
                 ${accordionTokens.accordionItemPaddingVertical}: 0.5rem;
@@ -104,19 +105,19 @@ export const config = {
                 ${accordionTokens.accordionItemGap}: 0.25rem;
                 ${accordionTokens.accordionItemBorderRadius}: 0.5rem;
-                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);
-                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-body-xs-line-height);
-                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-xs-font-family);
-                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-xs-font-size);
-                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-xs-font-style);
-                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-xs-font-weight);
-                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
-                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-xs-line-height);
+                ${accordionTokens.accordionItemTitleFontFamily}: ${bodyXS.fontFamily};
+                ${accordionTokens.accordionItemTitleFontSize}: ${bodyXS.fontSize};
+                ${accordionTokens.accordionItemTitleFontStyle}: ${bodyXS.fontStyle};
+                ${accordionTokens.accordionItemTitleFontWeight}: ${bodyXSBold.fontWeight};
+                ${accordionTokens.accordionItemTitleLetterSpacing}: ${bodyXS.letterSpacing};
+                ${accordionTokens.accordionItemTitleLineHeight}: ${bodyXS.lineHeight};
+                ${accordionTokens.accordionItemTextFontFamily}: ${bodyXS.fontFamily};
+                ${accordionTokens.accordionItemTextFontSize}: ${bodyXS.fontSize};
+                ${accordionTokens.accordionItemTextFontStyle}: ${bodyXS.fontStyle};
+                ${accordionTokens.accordionItemTextFontWeight}: ${bodyXS.fontWeight};
+                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyXS.letterSpacing};
+                ${accordionTokens.accordionItemTextLineHeight}: ${bodyXS.lineHeight};
             `,
             h2: css`
                 ${accordionTokens.accordionItemPaddingVertical}: 1rem;
@@ -125,19 +126,19 @@ export const config = {
                 ${accordionTokens.accordionItemBorderRadius}: 0.75rem;
                 ${accordionTokens.accordionItemIconSize}: 1.5rem;
-                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h2-font-family);
-                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h2-font-size);
-                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h2-font-style);
-                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h2-bold-font-weight);
-                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h2-letter-spacing);
-                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h2-line-height);
-                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);
-                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${accordionTokens.accordionItemTitleFontFamily}: ${h2.fontFamily};
+                ${accordionTokens.accordionItemTitleFontSize}: ${h2.fontSize};
+                ${accordionTokens.accordionItemTitleFontStyle}: ${h2.fontStyle};
+                ${accordionTokens.accordionItemTitleFontWeight}: ${h2Bold.fontWeight};
+                ${accordionTokens.accordionItemTitleLetterSpacing}: ${h2.letterSpacing};
+                ${accordionTokens.accordionItemTitleLineHeight}: ${h2.lineHeight};
+                ${accordionTokens.accordionItemTextFontFamily}: ${bodyL.fontFamily};
+                ${accordionTokens.accordionItemTextFontSize}: ${bodyL.fontSize};
+                ${accordionTokens.accordionItemTextFontStyle}: ${bodyL.fontStyle};
+                ${accordionTokens.accordionItemTextFontWeight}: ${bodyL.fontWeight};
+                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyL.letterSpacing};
+                ${accordionTokens.accordionItemTextLineHeight}: ${bodyL.lineHeight};
             `,
             h3: css`
                 ${accordionTokens.accordionItemPaddingVertical}: 0.875rem;
@@ -146,19 +147,19 @@ export const config = {
                 ${accordionTokens.accordionItemBorderRadius}: 0.75rem;
                 ${accordionTokens.accordionItemIconSize}: 1.5rem;
-                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h3-font-family);
-                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h3-font-size);
-                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h3-font-style);
-                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h3-bold-font-weight);
-                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h3-letter-spacing);
-                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h3-line-height);
-                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-l-font-family);
-                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-l-font-size);
-                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-l-font-style);
-                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-l-font-weight);
-                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
-                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-l-line-height);
+                ${accordionTokens.accordionItemTitleFontFamily}: ${h3.fontFamily};
+                ${accordionTokens.accordionItemTitleFontSize}: ${h3.fontSize};
+                ${accordionTokens.accordionItemTitleFontStyle}: ${h3.fontStyle};
+                ${accordionTokens.accordionItemTitleFontWeight}: ${h3Bold.fontWeight};
+                ${accordionTokens.accordionItemTitleLetterSpacing}: ${h3.letterSpacing};
+                ${accordionTokens.accordionItemTitleLineHeight}: ${h3.lineHeight};
+                ${accordionTokens.accordionItemTextFontFamily}: ${bodyL.fontFamily};
+                ${accordionTokens.accordionItemTextFontSize}: ${bodyL.fontSize};
+                ${accordionTokens.accordionItemTextFontStyle}: ${bodyL.fontStyle};
+                ${accordionTokens.accordionItemTextFontWeight}: ${bodyL.fontWeight};
+                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyL.letterSpacing};
+                ${accordionTokens.accordionItemTextLineHeight}: ${bodyL.lineHeight};
             `,
             h4: css`
                 ${accordionTokens.accordionItemPaddingVertical}: 0.688rem;
@@ -166,19 +167,19 @@ export const config = {
                 ${accordionTokens.accordionItemGap}: 0.25rem;
                 ${accordionTokens.accordionItemBorderRadius}: 0.625rem;
-                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h4-font-family);
-                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h4-font-size);
-                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h4-font-style);
-                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h4-bold-font-weight);
-                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h4-letter-spacing);
-                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h4-line-height);
-                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);
-                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${accordionTokens.accordionItemTitleFontFamily}: ${h4.fontFamily};
+                ${accordionTokens.accordionItemTitleFontSize}: ${h4.fontSize};
+                ${accordionTokens.accordionItemTitleFontStyle}: ${h4.fontStyle};
+                ${accordionTokens.accordionItemTitleFontWeight}: ${h4Bold.fontWeight};
+                ${accordionTokens.accordionItemTitleLetterSpacing}: ${h4.letterSpacing};
+                ${accordionTokens.accordionItemTitleLineHeight}: ${h4.lineHeight};
+                ${accordionTokens.accordionItemTextFontFamily}: ${bodyM.fontFamily};
+                ${accordionTokens.accordionItemTextFontSize}: ${bodyM.fontSize};
+                ${accordionTokens.accordionItemTextFontStyle}: ${bodyM.fontStyle};
+                ${accordionTokens.accordionItemTextFontWeight}: ${bodyM.fontWeight};
+                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyM.letterSpacing};
+                ${accordionTokens.accordionItemTextLineHeight}: ${bodyM.lineHeight};
             `,
             h5: css`
                 ${accordionTokens.accordionItemPaddingVertical}: 0.5rem;
@@ -186,19 +187,19 @@ export const config = {
                 ${accordionTokens.accordionItemGap}: 0.25rem;
                 ${accordionTokens.accordionItemBorderRadius}: 0.5rem;
-                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h5-font-family);
-                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h5-font-size);
-                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h5-font-style);
-                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h5-bold-font-weight);
-                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h5-letter-spacing);
-                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h5-line-height);
-                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);
-                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${accordionTokens.accordionItemTitleFontFamily}: ${h5.fontFamily};
+                ${accordionTokens.accordionItemTitleFontSize}: ${h5.fontSize};
+                ${accordionTokens.accordionItemTitleFontStyle}: ${h5.fontStyle};
+                ${accordionTokens.accordionItemTitleFontWeight}: ${h5Bold.fontWeight};
+                ${accordionTokens.accordionItemTitleLetterSpacing}: ${h5.letterSpacing};
+                ${accordionTokens.accordionItemTitleLineHeight}: ${h5.lineHeight};
+                ${accordionTokens.accordionItemTextFontFamily}: ${bodyM.fontFamily};
+                ${accordionTokens.accordionItemTextFontSize}: ${bodyM.fontSize};
+                ${accordionTokens.accordionItemTextFontStyle}: ${bodyM.fontStyle};
+                ${accordionTokens.accordionItemTextFontWeight}: ${bodyM.fontWeight};
+                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyM.letterSpacing};
+                ${accordionTokens.accordionItemTextLineHeight}: ${bodyM.lineHeight};
             `,
             h6: css`
                 ${accordionTokens.accordionItemPaddingVertical}: 0.5rem;
@@ -206,19 +207,19 @@ export const config = {
                 ${accordionTokens.accordionItemGap}: 0.25rem;
                 ${accordionTokens.accordionItemBorderRadius}: 0.5rem;
-                ${accordionTokens.accordionItemTitleFontFamily}: var(--plasma-typo-h6-font-family);
-                ${accordionTokens.accordionItemTitleFontSize}: var(--plasma-typo-h6-font-size);
-                ${accordionTokens.accordionItemTitleFontStyle}: var(--plasma-typo-h6-font-style);
-                ${accordionTokens.accordionItemTitleFontWeight}: var(--plasma-typo-h6-bold-font-weight);
-                ${accordionTokens.accordionItemTitleLetterSpacing}: var(--plasma-typo-h6-letter-spacing);
-                ${accordionTokens.accordionItemTitleLineHeight}: var(--plasma-typo-h6-line-height);
-                ${accordionTokens.accordionItemTextFontFamily}: var(--plasma-typo-body-m-font-family);
-                ${accordionTokens.accordionItemTextFontSize}: var(--plasma-typo-body-m-font-size);
-                ${accordionTokens.accordionItemTextFontStyle}: var(--plasma-typo-body-m-font-style);
-                ${accordionTokens.accordionItemTextFontWeight}: var(--plasma-typo-body-m-font-weight);
-                ${accordionTokens.accordionItemTextLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
-                ${accordionTokens.accordionItemTextLineHeight}: var(--plasma-typo-body-m-line-height);
+                ${accordionTokens.accordionItemTitleFontFamily}: ${h6.fontFamily};
+                ${accordionTokens.accordionItemTitleFontSize}: ${h6.fontSize};
+                ${accordionTokens.accordionItemTitleFontStyle}: ${h6.fontStyle};
+                ${accordionTokens.accordionItemTitleFontWeight}: ${h6Bold.fontWeight};
+                ${accordionTokens.accordionItemTitleLetterSpacing}: ${h6.letterSpacing};
+                ${accordionTokens.accordionItemTitleLineHeight}: ${h6.lineHeight};
+                ${accordionTokens.accordionItemTextFontFamily}: ${bodyM.fontFamily};
+                ${accordionTokens.accordionItemTextFontSize}: ${bodyM.fontSize};
+                ${accordionTokens.accordionItemTextFontStyle}: ${bodyM.fontStyle};
+                ${accordionTokens.accordionItemTextFontWeight}: ${bodyM.fontWeight};
+                ${accordionTokens.accordionItemTextLetterSpacing}: ${bodyM.letterSpacing};
+                ${accordionTokens.accordionItemTextLineHeight}: ${bodyM.lineHeight};
             `
         }
     }