@salutejs-ds/sdds_sbcom 0.1.18 → 0.1.20

package/theme/tokens/index.js

@@ -2782,24 +2782,144 @@ var bodyXXSMedium = {
   lineHeight: 'var(--plasma-typo-body-xxs-medium-line-height)'
 };
 
+/** typography s text-l */
+var textL = {
+  fontFamily: 'var(--plasma-typo-text-l-font-family)',
+  fontSize: 'var(--plasma-typo-text-l-font-size)',
+  fontStyle: 'var(--plasma-typo-text-l-font-style)',
+  fontWeight: 'var(--plasma-typo-text-l-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-l-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-l-line-height)'
+};
+
+/** typography s text-l-bold */
+var textLBold = {
+  fontFamily: 'var(--plasma-typo-text-l-bold-font-family)',
+  fontSize: 'var(--plasma-typo-text-l-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-text-l-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-text-l-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-l-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-l-bold-line-height)'
+};
+
+/** typography s text-l-medium */
+var textLMedium = {
+  fontFamily: 'var(--plasma-typo-text-l-medium-font-family)',
+  fontSize: 'var(--plasma-typo-text-l-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-text-l-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-text-l-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-l-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-l-medium-line-height)'
+};
+
+/** typography s text-m-bold */
+var textMBold = {
+  fontFamily: 'var(--plasma-typo-text-m-bold-font-family)',
+  fontSize: 'var(--plasma-typo-text-m-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-text-m-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-text-m-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-m-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-m-bold-line-height)'
+};
+
+/** typography s text-s-bold */
+var textSBold = {
+  fontFamily: 'var(--plasma-typo-text-s-bold-font-family)',
+  fontSize: 'var(--plasma-typo-text-s-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-text-s-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-text-s-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-s-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-s-bold-line-height)'
+};
+
+/** typography s text-xs */
+var textXS = {
+  fontFamily: 'var(--plasma-typo-text-xs-font-family)',
+  fontSize: 'var(--plasma-typo-text-xs-font-size)',
+  fontStyle: 'var(--plasma-typo-text-xs-font-style)',
+  fontWeight: 'var(--plasma-typo-text-xs-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-xs-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-xs-line-height)'
+};
+
+/** typography s text-m-medium */
+var textMMedium = {
+  fontFamily: 'var(--plasma-typo-text-m-medium-font-family)',
+  fontSize: 'var(--plasma-typo-text-m-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-text-m-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-text-m-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-m-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-m-medium-line-height)'
+};
+
+/** typography s text-xs-bold */
+var textXSBold = {
+  fontFamily: 'var(--plasma-typo-text-xs-bold-font-family)',
+  fontSize: 'var(--plasma-typo-text-xs-bold-font-size)',
+  fontStyle: 'var(--plasma-typo-text-xs-bold-font-style)',
+  fontWeight: 'var(--plasma-typo-text-xs-bold-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-xs-bold-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-xs-bold-line-height)'
+};
+
+/** typography s text-m */
+var textM = {
+  fontFamily: 'var(--plasma-typo-text-m-font-family)',
+  fontSize: 'var(--plasma-typo-text-m-font-size)',
+  fontStyle: 'var(--plasma-typo-text-m-font-style)',
+  fontWeight: 'var(--plasma-typo-text-m-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-m-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-m-line-height)'
+};
+
+/** typography s text-xs-medium */
+var textXSMedium = {
+  fontFamily: 'var(--plasma-typo-text-xs-medium-font-family)',
+  fontSize: 'var(--plasma-typo-text-xs-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-text-xs-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-text-xs-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-xs-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-xs-medium-line-height)'
+};
+
+/** typography s text-s */
+var textS = {
+  fontFamily: 'var(--plasma-typo-text-s-font-family)',
+  fontSize: 'var(--plasma-typo-text-s-font-size)',
+  fontStyle: 'var(--plasma-typo-text-s-font-style)',
+  fontWeight: 'var(--plasma-typo-text-s-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-s-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-s-line-height)'
+};
+
+/** typography s text-s-medium */
+var textSMedium = {
+  fontFamily: 'var(--plasma-typo-text-s-medium-font-family)',
+  fontSize: 'var(--plasma-typo-text-s-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-text-s-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-text-s-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-text-s-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-text-s-medium-line-height)'
+};
+
 /** New description */
-var xxlMedium = {
-  fontFamily: 'var(--plasma-typo-xxl-medium-font-family)',
-  fontSize: 'var(--plasma-typo-xxl-medium-font-size)',
-  fontStyle: 'var(--plasma-typo-xxl-medium-font-style)',
-  fontWeight: 'var(--plasma-typo-xxl-medium-font-weight)',
-  letterSpacing: 'var(--plasma-typo-xxl-medium-letter-spacing)',
-  lineHeight: 'var(--plasma-typo-xxl-medium-line-height)'
+var hXxlMedium = {
+  fontFamily: 'var(--plasma-typo-h-xxl-medium-font-family)',
+  fontSize: 'var(--plasma-typo-h-xxl-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-h-xxl-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-h-xxl-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-h-xxl-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-h-xxl-medium-line-height)'
 };
 
 /** New description */
-var xlMedium = {
-  fontFamily: 'var(--plasma-typo-xl-medium-font-family)',
-  fontSize: 'var(--plasma-typo-xl-medium-font-size)',
-  fontStyle: 'var(--plasma-typo-xl-medium-font-style)',
-  fontWeight: 'var(--plasma-typo-xl-medium-font-weight)',
-  letterSpacing: 'var(--plasma-typo-xl-medium-letter-spacing)',
-  lineHeight: 'var(--plasma-typo-xl-medium-line-height)'
+var hXlMedium = {
+  fontFamily: 'var(--plasma-typo-h-xl-medium-font-family)',
+  fontSize: 'var(--plasma-typo-h-xl-medium-font-size)',
+  fontStyle: 'var(--plasma-typo-h-xl-medium-font-style)',
+  fontWeight: 'var(--plasma-typo-h-xl-medium-font-weight)',
+  letterSpacing: 'var(--plasma-typo-h-xl-medium-letter-spacing)',
+  lineHeight: 'var(--plasma-typo-h-xl-medium-line-height)'
 };
 var viewContainer = {
   dark: "\n        --surface-accent-secondary-hover: var(--on-dark-surface-accent-secondary-hover);\n        --surface-transparent-card-brightness-hover: var(--on-dark-surface-transparent-card-brightness-hover);\n        --surface-transparent-card-brightness-active: var(--on-dark-surface-transparent-card-brightness-active);\n        --inverse-personas-ochre-text-accent: var(--on-light-personas-ochre-text-accent);\n        --inverse-personas-pink-text-accent: var(--on-light-personas-pink-text-accent);\n        --surface-solid-tertiary-active: var(--on-dark-surface-solid-tertiary-active);\n        --inverse-surface-solid-primary-brightness-hover: var(--on-light-surface-solid-primary-brightness-hover);\n        --text-primary: var(--on-dark-text-primary);\n        --inverse-surface-transparent-navi: var(--on-light-surface-transparent-navi);\n        --inverse-surface-transparent-card-brightness-hover: var(--on-light-surface-transparent-card-brightness-hover);\n        --inverse-personas-indigo-text-accent: var(--on-light-personas-indigo-text-accent);\n        --inverse-surface-solid-primary-brightness-active: var(--on-light-surface-solid-primary-brightness-active);\n        --personas-olive-text-accent: var(--on-dark-personas-olive-text-accent);\n        --outline-primary: var(--on-dark-outline-primary);\n        --inverse-surface-solid-tertiary: var(--on-light-surface-solid-tertiary);\n        --inverse-personas-green-text-accent: var(--on-light-personas-green-text-accent);\n        --surface-accent-secondary: var(--on-dark-surface-accent-secondary);\n        --surface-accent-minor: var(--on-dark-surface-accent-minor);\n        --inverse-surface-transparent-card-brightness-active: var(--on-light-surface-transparent-card-brightness-active);\n        --inverse-surface-solid-card-brightness-active: var(--on-light-surface-solid-card-brightness-active);\n        --inverse-surface-accent-minor: var(--on-light-surface-accent-minor);\n        --personas-ochre-text-accent: var(--on-dark-personas-ochre-text-accent);\n        --inverse-personas-blue-text-accent-active: var(--on-light-personas-blue-text-accent-active);\n        --inverse-personas-olive-text-accent-hover: var(--on-light-personas-olive-text-accent-hover);\n        --inverse-personas-green-text-accent-active: var(--on-light-personas-green-text-accent-active);\n        --inverse-surface-accent-secondary: var(--on-light-surface-accent-secondary);\n        --inverse-personas-indigo-text-accent-active: var(--on-light-personas-indigo-text-accent-active);\n        --personas-sea-blue-text-accent-active: var(--on-dark-personas-sea-blue-text-accent-active);\n        --text-primary-brightness-hover: var(--on-dark-text-primary-brightness-hover);\n        --inverse-surface-transparent-accent-minor-active: var(--on-light-surface-transparent-accent-minor-active);\n        --personas-ochre-text-accent-hover: var(--on-dark-personas-ochre-text-accent-hover);\n        --inverse-personas-pink-text-accent-active: var(--on-light-personas-pink-text-accent-active);\n        --outline-primary-active: var(--on-dark-outline-primary-active);\n        --inverse-surface-accent-secondary-active: var(--on-light-surface-accent-secondary-active);\n        --personas-indigo-text-accent-active: var(--on-dark-personas-indigo-text-accent-active);\n        --personas-green-text-accent-active: var(--on-dark-personas-green-text-accent-active);\n        --inverse-personas-sea-blue-text-accent-hover: var(--on-light-personas-sea-blue-text-accent-hover);\n        --inverse-personas-blue-text-accent-hover: var(--on-light-personas-blue-text-accent-hover);\n        --inverse-personas-indigo-text-accent-hover: var(--on-light-personas-indigo-text-accent-hover);\n        --outline-primary-hover: var(--on-dark-outline-primary-hover);\n        --surface-transparent-accent-minor-active: var(--on-dark-surface-transparent-accent-minor-active);\n        --surface-transparent-navi-hover: var(--on-dark-surface-transparent-navi-hover);\n        --inverse-outline-default-hover: var(--on-light-outline-default-hover);\n        --inverse-personas-violet-text-accent-hover: var(--on-light-personas-violet-text-accent-hover);\n        --inverse-surface-transparent-accent-minor-hover: var(--on-light-surface-transparent-accent-minor-hover);\n        --inverse-surface-transparent-navi-hover: var(--on-light-surface-transparent-navi-hover);\n        --inverse-outline-primary-hover: var(--on-light-outline-primary-hover);\n        --personas-olive-text-accent-hover: var(--on-dark-personas-olive-text-accent-hover);\n        --personas-violet-text-accent: var(--on-dark-personas-violet-text-accent);\n        --inverse-personas-ochre-text-accent-hover: var(--on-light-personas-ochre-text-accent-hover);\n        --inverse-personas-pink-text-accent-hover: var(--on-light-personas-pink-text-accent-hover);\n        --surface-accent-secondary-active: var(--on-dark-surface-accent-secondary-active);\n        --personas-blue-text-accent: var(--on-dark-personas-blue-text-accent);\n        --personas-blue-text-accent-active: var(--on-dark-personas-blue-text-accent-active);\n        --personas-green-text-accent: var(--on-dark-personas-green-text-accent);\n        --surface-solid-primary-brightness-active: var(--on-dark-surface-solid-primary-brightness-active);\n        --personas-pink-text-accent: var(--on-dark-personas-pink-text-accent);\n        --personas-sea-blue-text-accent: var(--on-dark-personas-sea-blue-text-accent);\n        --surface-transparent-accent-minor: var(--on-dark-surface-transparent-accent-minor);\n        --personas-violet-text-accent-hover: var(--on-dark-personas-violet-text-accent-hover);\n        --inverse-personas-blue-text-accent: var(--on-light-personas-blue-text-accent);\n        --inverse-personas-olive-text-accent-active: var(--on-light-personas-olive-text-accent-active);\n        --inverse-surface-solid-card-brightness-hover: var(--on-light-surface-solid-card-brightness-hover);\n        --inverse-surface-transparent-accent-minor: var(--on-light-surface-transparent-accent-minor);\n        --inverse-text-primary-brightness-hover: var(--on-light-text-primary-brightness-hover);\n        --background-hardline: var(--dark-background-hardline);\n        --inverse-outline-primary: var(--on-light-outline-primary);\n        --inverse-personas-violet-text-accent: var(--on-light-personas-violet-text-accent);\n        --personas-indigo-text-accent: var(--on-dark-personas-indigo-text-accent);\n        --inverse-text-primary-brightness-active: var(--on-light-text-primary-brightness-active);\n        --personas-pink-text-accent-hover: var(--on-dark-personas-pink-text-accent-hover);\n        --personas-pink-text-accent-active: var(--on-dark-personas-pink-text-accent-active);\n        --inverse-personas-ochre-text-accent-active: var(--on-light-personas-ochre-text-accent-active);\n        --inverse-personas-olive-text-accent: var(--on-light-personas-olive-text-accent);\n        --surface-transparent-accent-minor-hover: var(--on-dark-surface-transparent-accent-minor-hover);\n        --inverse-surface-transparent-navi-active: var(--on-light-surface-transparent-navi-active);\n        --inverse-personas-green-text-accent-hover: var(--on-light-personas-green-text-accent-hover);\n        --outline-transparent-white-active: var(--on-dark-outline-transparent-white-active);\n        --outline-transparent-white-hover: var(--on-dark-outline-transparent-white-hover);\n        --inverse-outline-deep: var(--on-light-outline-deep);\n        --inverse-outline-deep-active: var(--on-light-outline-deep-active);\n        --inverse-outline-deep-hover: var(--on-light-outline-deep-hover);\n        --inverse-outline-transparent-white: var(--on-light-outline-transparent-white);\n        --inverse-outline-transparent-white-hover: var(--on-light-outline-transparent-white-hover);\n        --surface-solid-deep: var(--on-dark-surface-solid-deep);\n        --surface-solid-deep-active: var(--on-dark-surface-solid-deep-active);\n        --surface-solid-deep-hover: var(--on-dark-surface-solid-deep-hover);\n        --surface-transparent-card-minor: var(--on-dark-surface-transparent-card-minor);\n        --surface-transparent-card-minor-active: var(--on-dark-surface-transparent-card-minor-active);\n        --surface-transparent-card-minor-hover: var(--on-dark-surface-transparent-card-minor-hover);\n        --inverse-surface-solid-deep: var(--on-light-surface-solid-deep);\n        --inverse-surface-solid-deep-active: var(--on-light-surface-solid-deep-active);\n        --inverse-surface-solid-deep-hover: var(--on-light-surface-solid-deep-hover);\n        --inverse-surface-transparent-card-minor: var(--on-light-surface-transparent-card-minor);\n        --inverse-surface-transparent-card-minor-active: var(--on-light-surface-transparent-card-minor-active);\n        --inverse-surface-transparent-card-minor-hover: var(--on-light-surface-transparent-card-minor-hover);\n        --outline-deep-active: var(--on-dark-outline-deep-active);\n        --outline-deep-hover: var(--on-dark-outline-deep-hover);\n        --text-positive-active: var(--on-dark-text-positive-active);\n        --text-positive-hover: var(--on-dark-text-positive-hover);\n        --text-primary-active: var(--on-dark-text-primary-active);\n        --text-primary-brightness: var(--on-dark-text-primary-brightness);\n        --text-negative: var(--on-dark-text-negative);\n        --text-negative-active: var(--on-dark-text-negative-active);\n        --text-negative-hover: var(--on-dark-text-negative-hover);\n        --text-tertiary-active: var(--on-dark-text-tertiary-active);\n        --text-tertiary-hover: var(--on-dark-text-tertiary-hover);\n        --text-warning: var(--on-dark-text-warning);\n        --text-warning-active: var(--on-dark-text-warning-active);\n        --text-warning-hover: var(--on-dark-text-warning-hover);\n        --text-accent-minor: var(--on-dark-text-accent-minor);\n        --text-accent-minor-active: var(--on-dark-text-accent-minor-active);\n        --text-accent-minor-hover: var(--on-dark-text-accent-minor-hover);\n        --text-paragraph-hover: var(--on-dark-text-paragraph-hover);\n        --text-positive: var(--on-dark-text-positive);\n        --text-paragraph: var(--on-dark-text-paragraph);\n        --text-paragraph-active: var(--on-dark-text-paragraph-active);\n        --text-info: var(--on-dark-text-info);\n        --text-info-active: var(--on-dark-text-info-active);\n        --text-info-hover: var(--on-dark-text-info-hover);\n        --text-secondary: var(--on-dark-text-secondary);\n        --text-secondary-active: var(--on-dark-text-secondary-active);\n        --text-secondary-hover: var(--on-dark-text-secondary-hover);\n        --text-tertiary: var(--on-dark-text-tertiary);\n        --text-accent: var(--on-dark-text-accent);\n        --text-accent-active: var(--on-dark-text-accent-active);\n        --inverse-text-secondary-hover: var(--on-light-text-secondary-hover);\n        --inverse-text-secondary: var(--on-light-text-secondary);\n        --inverse-text-secondary-active: var(--on-light-text-secondary-active);\n        --inverse-text-tertiary-active: var(--on-light-text-tertiary-active);\n        --inverse-text-tertiary-hover: var(--on-light-text-tertiary-hover);\n        --inverse-text-primary-active: var(--on-light-text-primary-active);\n        --inverse-text-primary-hover: var(--on-light-text-primary-hover);\n        --inverse-text-primary-brightness: var(--on-light-text-primary-brightness);\n        --inverse-text-accent-minor-active: var(--on-light-text-accent-minor-active);\n        --inverse-text-paragraph: var(--on-light-text-paragraph);\n        --inverse-text-accent-minor-hover: var(--on-light-text-accent-minor-hover);\n        --inverse-text-paragraph-active: var(--on-light-text-paragraph-active);\n        --inverse-text-primary: var(--on-light-text-primary);\n        --inverse-text-paragraph-hover: var(--on-light-text-paragraph-hover);\n        --inverse-text-tertiary: var(--on-light-text-tertiary);\n        --inverse-text-accent-active: var(--on-light-text-accent-active);\n        --inverse-text-accent-hover: var(--on-light-text-accent-hover);\n        --inverse-text-accent-minor: var(--on-light-text-accent-minor);\n        --inverse-text-negative: var(--on-light-text-negative);\n        --inverse-text-positive-active: var(--on-light-text-positive-active);\n        --inverse-text-positive-hover: var(--on-light-text-positive-hover);\n        --inverse-text-negative-active: var(--on-light-text-negative-active);\n        --inverse-text-negative-hover: var(--on-light-text-negative-hover);\n        --surface-solid-secondary: var(--on-dark-surface-solid-secondary);\n        --surface-solid-tertiary: var(--on-dark-surface-solid-tertiary);\n        --surface-solid-secondary-active: var(--on-dark-surface-solid-secondary-active);\n        --surface-solid-secondary-hover: var(--on-dark-surface-solid-secondary-hover);\n        --surface-solid-tertiary-hover: var(--on-dark-surface-solid-tertiary-hover);\n        --inverse-text-info-active: var(--on-light-text-info-active);\n        --inverse-text-info: var(--on-light-text-info);\n        --inverse-text-info-hover: var(--on-light-text-info-hover);\n        --inverse-text-warning: var(--on-light-text-warning);\n        --inverse-text-warning-hover: var(--on-light-text-warning-hover);\n        --surface-solid-primary: var(--on-dark-surface-solid-primary);\n        --inverse-text-warning-active: var(--on-light-text-warning-active);\n        --inverse-text-positive: var(--on-light-text-positive);\n        --surface-solid-primary-hover: var(--on-dark-surface-solid-primary-hover);\n        --surface-accent-hover: var(--on-dark-surface-accent-hover);\n        --surface-accent-active: var(--on-dark-surface-accent-active);\n        --surface-transparent-primary-active: var(--on-dark-surface-transparent-primary-active);\n        --surface-transparent-secondary: var(--on-dark-surface-transparent-secondary);\n        --surface-transparent-primary-hover: var(--on-dark-surface-transparent-primary-hover);\n        --surface-transparent-deep: var(--on-dark-surface-transparent-deep);\n        --surface-transparent-primary: var(--on-dark-surface-transparent-primary);\n        --surface-transparent-deep-active: var(--on-dark-surface-transparent-deep-active);\n        --surface-transparent-deep-hover: var(--on-dark-surface-transparent-deep-hover);\n        --surface-solid-card-active: var(--on-dark-surface-solid-card-active);\n        --surface-solid-card-hover: var(--on-dark-surface-solid-card-hover);\n        --surface-solid-card-brightness: var(--on-dark-surface-solid-card-brightness);\n        --surface-clear-active: var(--on-dark-surface-clear-active);\n        --surface-clear: var(--on-dark-surface-clear);\n        --surface-solid-card: var(--on-dark-surface-solid-card);\n        --surface-clear-hover: var(--on-dark-surface-clear-hover);\n        --surface-transparent-card-active: var(--on-dark-surface-transparent-card-active);\n        --surface-transparent-card-hover: var(--on-dark-surface-transparent-card-hover);\n        --surface-transparent-card-brightness: var(--on-dark-surface-transparent-card-brightness);\n        --surface-solid-default-active: var(--on-dark-surface-solid-default-active);\n        --surface-solid-default-hover: var(--on-dark-surface-solid-default-hover);\n        --surface-transparent-accent-active: var(--on-dark-surface-transparent-accent-active);\n        --surface-transparent-card: var(--on-dark-surface-transparent-card);\n        --surface-transparent-secondary-active: var(--on-dark-surface-transparent-secondary-active);\n        --surface-transparent-tertiary: var(--on-dark-surface-transparent-tertiary);\n        --surface-transparent-accent-hover: var(--on-dark-surface-transparent-accent-hover);\n        --surface-transparent-accent: var(--on-dark-surface-transparent-accent);\n        --surface-transparent-secondary-hover: var(--on-dark-surface-transparent-secondary-hover);\n        --surface-transparent-tertiary-active: var(--on-dark-surface-transparent-tertiary-active);\n        --surface-transparent-tertiary-hover: var(--on-dark-surface-transparent-tertiary-hover);\n        --surface-positive-active: var(--on-dark-surface-positive-active);\n        --surface-positive-hover: var(--on-dark-surface-positive-hover);\n        --surface-negative-active: var(--on-dark-surface-negative-active);\n        --surface-positive: var(--on-dark-surface-positive);\n        --surface-negative-hover: var(--on-dark-surface-negative-hover);\n        --surface-info-hover: var(--on-dark-surface-info-hover);\n        --surface-warning: var(--on-dark-surface-warning);\n        --surface-warning-hover: var(--on-dark-surface-warning-hover);\n        --surface-warning-active: var(--on-dark-surface-warning-active);\n        --surface-info-active: var(--on-dark-surface-info-active);\n        --surface-negative: var(--on-dark-surface-negative);\n        --surface-transparent-negative-active: var(--on-dark-surface-transparent-negative-active);\n        --surface-transparent-negative-hover: var(--on-dark-surface-transparent-negative-hover);\n        --surface-transparent-negative: var(--on-dark-surface-transparent-negative);\n        --surface-read-only-active: var(--on-dark-surface-read-only-active);\n        --surface-read-only: var(--on-dark-surface-read-only);\n        --surface-read-only-hover: var(--on-dark-surface-read-only-hover);\n        --inverse-surface-solid-secondary: var(--on-light-surface-solid-secondary);\n        --inverse-surface-solid-secondary-hover: var(--on-light-surface-solid-secondary-hover);\n        --inverse-surface-solid-primary-brightness: var(--on-light-surface-solid-primary-brightness);\n        --inverse-surface-solid-primary-active: var(--on-light-surface-solid-primary-active);\n        --inverse-surface-solid-primary-hover: var(--on-light-surface-solid-primary-hover);\n        --inverse-surface-transparent-tertiary-hover: var(--on-light-surface-transparent-tertiary-hover);\n        --inverse-surface-clear-active: var(--on-light-surface-clear-active);\n        --inverse-surface-clear: var(--on-light-surface-clear);\n        --inverse-surface-transparent-primary-active: var(--on-light-surface-transparent-primary-active);\n        --inverse-surface-transparent-secondary: var(--on-light-surface-transparent-secondary);\n        --inverse-surface-transparent-primary-hover: var(--on-light-surface-transparent-primary-hover);\n        --inverse-surface-transparent-deep: var(--on-light-surface-transparent-deep);\n        --inverse-surface-transparent-primary: var(--on-light-surface-transparent-primary);\n        --inverse-surface-transparent-deep-active: var(--on-light-surface-transparent-deep-active);\n        --inverse-surface-transparent-deep-hover: var(--on-light-surface-transparent-deep-hover);\n        --inverse-surface-solid-card-active: var(--on-light-surface-solid-card-active);\n        --inverse-surface-solid-card-hover: var(--on-light-surface-solid-card-hover);\n        --inverse-surface-solid-card-brightness: var(--on-light-surface-solid-card-brightness);\n        --inverse-surface-solid-card: var(--on-light-surface-solid-card);\n        --inverse-surface-transparent-card-brightness: var(--on-light-surface-transparent-card-brightness);\n        --inverse-surface-transparent-card-hover: var(--on-light-surface-transparent-card-hover);\n        --inverse-surface-solid-default-active: var(--on-light-surface-solid-default-active);\n        --inverse-surface-solid-tertiary-active: var(--on-light-surface-solid-tertiary-active);\n        --inverse-surface-transparent-card-active: var(--on-light-surface-transparent-card-active);\n        --inverse-surface-transparent-card: var(--on-light-surface-transparent-card);\n        --inverse-surface-solid-default-hover: var(--on-light-surface-solid-default-hover);\n        --inverse-surface-solid-tertiary-hover: var(--on-light-surface-solid-tertiary-hover);\n        --inverse-surface-transparent-secondary-active: var(--on-light-surface-transparent-secondary-active);\n        --inverse-surface-transparent-tertiary: var(--on-light-surface-transparent-tertiary);\n        --inverse-surface-transparent-secondary-hover: var(--on-light-surface-transparent-secondary-hover);\n        --inverse-surface-transparent-tertiary-active: var(--on-light-surface-transparent-tertiary-active);\n        --inverse-surface-clear-hover: var(--on-light-surface-clear-hover);\n        --inverse-surface-warning-active: var(--on-light-surface-warning-active);\n        --inverse-surface-warning-hover: var(--on-light-surface-warning-hover);\n        --inverse-surface-accent-hover: var(--on-light-surface-accent-hover);\n        --inverse-surface-positive-active: var(--on-light-surface-positive-active);\n        --inverse-surface-positive-hover: var(--on-light-surface-positive-hover);\n        --inverse-surface-negative-active: var(--on-light-surface-negative-active);\n        --inverse-surface-positive: var(--on-light-surface-positive);\n        --inverse-surface-negative-hover: var(--on-light-surface-negative-hover);\n        --inverse-surface-negative: var(--on-light-surface-negative);\n        --inverse-surface-info-hover: var(--on-light-surface-info-hover);\n        --inverse-surface-warning: var(--on-light-surface-warning);\n        --inverse-surface-transparent-accent: var(--on-light-surface-transparent-accent);\n        --inverse-surface-info-active: var(--on-light-surface-info-active);\n        --inverse-surface-transparent-accent-active: var(--on-light-surface-transparent-accent-active);\n        --inverse-surface-info: var(--on-light-surface-info);\n        --inverse-surface-transparent-accent-hover: var(--on-light-surface-transparent-accent-hover);\n        --inverse-surface-transparent-negative-active: var(--on-light-surface-transparent-negative-active);\n        --inverse-surface-transparent-negative-hover: var(--on-light-surface-transparent-negative-hover);\n        --inverse-surface-transparent-negative: var(--on-light-surface-transparent-negative);\n        --background-secondary: var(--dark-background-secondary);\n        --background-tertiary: var(--dark-background-tertiary);\n        --inverse-surface-read-only-active: var(--on-light-surface-read-only-active);\n        --inverse-surface-read-only-hover: var(--on-light-surface-read-only-hover);\n        --inverse-surface-read-only: var(--on-light-surface-read-only);\n        --background-primary: var(--dark-background-primary);\n        --outline-transparent-primary-active: var(--on-dark-outline-transparent-primary-active);\n        --outline-transparent-primary: var(--on-dark-outline-transparent-primary);\n        --outline-transparent-primary-hover: var(--on-dark-outline-transparent-primary-hover);\n        --overlay-hard: var(--on-dark-overlay-hard);\n        --overlay-soft: var(--on-dark-overlay-soft);\n        --inverse-overlay-soft: var(--on-light-overlay-soft);\n        --inverse-overlay-hard: var(--on-light-overlay-hard);\n        --outline-clear: var(--on-dark-outline-clear);\n        --inverse-background-tertiary: var(--light-background-tertiary);\n        --inverse-background-secondary: var(--light-background-secondary);\n        --outline-positive: var(--on-dark-outline-positive);\n        --outline-negative: var(--on-dark-outline-negative);\n        --outline-accent-hover: var(--on-dark-outline-accent-hover);\n        --outline-accent-active: var(--on-dark-outline-accent-active);\n        --outline-positive-active: var(--on-dark-outline-positive-active);\n        --outline-positive-hover: var(--on-dark-outline-positive-hover);\n        --outline-negative-active: var(--on-dark-outline-negative-active);\n        --outline-negative-hover: var(--on-dark-outline-negative-hover);\n        --outline-clear-hover: var(--on-dark-outline-clear-hover);\n        --outline-info-hover: var(--on-dark-outline-info-hover);\n        --outline-warning-hover: var(--on-dark-outline-warning-hover);\n        --outline-clear-active: var(--on-dark-outline-clear-active);\n        --outline-warning: var(--on-dark-outline-warning);\n        --outline-warning-active: var(--on-dark-outline-warning-active);\n        --outline-info: var(--on-dark-outline-info);\n        --outline-info-active: var(--on-dark-outline-info-active);\n        --inverse-outline-accent-active: var(--on-light-outline-accent-active);\n        --inverse-outline-clear: var(--on-light-outline-clear);\n        --inverse-outline-clear-active: var(--on-light-outline-clear-active);\n        --inverse-outline-clear-hover: var(--on-light-outline-clear-hover);\n        --inverse-outline-transparent-primary-hover: var(--on-light-outline-transparent-primary-hover);\n        --inverse-outline-transparent-primary: var(--on-light-outline-transparent-primary);\n        --inverse-outline-transparent-primary-active: var(--on-light-outline-transparent-primary-active);\n        --inverse-outline-positive: var(--on-light-outline-positive);\n        --inverse-outline-negative: var(--on-light-outline-negative);\n        --inverse-outline-info-hover: var(--on-light-outline-info-hover);\n        --inverse-outline-info-active: var(--on-light-outline-info-active);\n        --inverse-outline-positive-active: var(--on-light-outline-positive-active);\n        --inverse-outline-positive-hover: var(--on-light-outline-positive-hover);\n        --inverse-outline-negative-active: var(--on-light-outline-negative-active);\n        --inverse-outline-negative-hover: var(--on-light-outline-negative-hover);\n        --inverse-outline-warning-active: var(--on-light-outline-warning-active);\n        --inverse-outline-warning-hover: var(--on-light-outline-warning-hover);\n        --inverse-outline-warning: var(--on-light-outline-warning);\n        --inverse-outline-info: var(--on-light-outline-info);\n        --inverse-surface-accent-minor-hover: var(--on-light-surface-accent-minor-hover);\n        --text-primary-hover: var(--on-dark-text-primary-hover);\n        --inverse-background-hardline: var(--light-background-hardline);\n        --inverse-background-primary: var(--light-background-primary);\n        --outline-accent: var(--on-dark-outline-accent);\n        --outline-deep: var(--on-dark-outline-deep);\n        --outline-default: var(--on-dark-outline-default);\n        --outline-default-active: var(--on-dark-outline-default-active);\n        --outline-default-hover: var(--on-dark-outline-default-hover);\n        --outline-transparent-white: var(--on-dark-outline-transparent-white);\n        --inverse-outline-accent: var(--on-light-outline-accent);\n        --inverse-outline-accent-hover: var(--on-light-outline-accent-hover);\n        --inverse-outline-default: var(--on-light-outline-default);\n        --inverse-outline-default-active: var(--on-light-outline-default-active);\n        --personas-blue-text-accent-hover: var(--on-dark-personas-blue-text-accent-hover);\n        --personas-green-text-accent-hover: var(--on-dark-personas-green-text-accent-hover);\n        --personas-indigo-text-accent-hover: var(--on-dark-personas-indigo-text-accent-hover);\n        --personas-sea-blue-text-accent-hover: var(--on-dark-personas-sea-blue-text-accent-hover);\n        --surface-accent-minor-hover: var(--on-dark-surface-accent-minor-hover);\n        --inverse-surface-accent-secondary-hover: var(--on-light-surface-accent-secondary-hover);\n        --text-accent-hover: var(--on-dark-text-accent-hover);\n        --inverse-outline-primary-active: var(--on-light-outline-primary-active);\n        --inverse-outline-transparent-white-active: var(--on-light-outline-transparent-white-active);\n        --personas-ochre-text-accent-active: var(--on-dark-personas-ochre-text-accent-active);\n        --personas-olive-text-accent-active: var(--on-dark-personas-olive-text-accent-active);\n        --personas-violet-text-accent-active: var(--on-dark-personas-violet-text-accent-active);\n        --inverse-personas-sea-blue-text-accent-active: var(--on-light-personas-sea-blue-text-accent-active);\n        --inverse-personas-violet-text-accent-active: var(--on-light-personas-violet-text-accent-active);\n        --surface-accent-minor-active: var(--on-dark-surface-accent-minor-active);\n        --surface-solid-primary-active: var(--on-dark-surface-solid-primary-active);\n        --surface-solid-primary-brightness-hover: var(--on-dark-surface-solid-primary-brightness-hover);\n        --surface-transparent-navi-active: var(--on-dark-surface-transparent-navi-active);\n        --inverse-surface-accent-active: var(--on-light-surface-accent-active);\n        --inverse-surface-accent-minor-active: var(--on-light-surface-accent-minor-active);\n        --inverse-surface-solid-secondary-active: var(--on-light-surface-solid-secondary-active);\n        --inverse-personas-sea-blue-text-accent: var(--on-light-personas-sea-blue-text-accent);\n        --surface-accent: var(--on-dark-surface-accent);\n        --surface-info: var(--on-dark-surface-info);\n        --surface-solid-card-brightness-active: var(--on-dark-surface-solid-card-brightness-active);\n        --surface-solid-default: var(--on-dark-surface-solid-default);\n        --surface-transparent-navi: var(--on-dark-surface-transparent-navi);\n        --inverse-surface-accent: var(--on-light-surface-accent);\n        --inverse-surface-solid-primary: var(--on-light-surface-solid-primary);\n        --text-primary-brightness-active: var(--on-dark-text-primary-brightness-active);\n        --inverse-text-accent: var(--on-light-text-accent);\n        --surface-solid-card-brightness-hover: var(--on-dark-surface-solid-card-brightness-hover);\n        --surface-solid-primary-brightness: var(--on-dark-surface-solid-primary-brightness);\n        --inverse-surface-solid-default: var(--on-light-surface-solid-default);\n        --overlay-medium: var(--on-dark-overlay-medium);\n        --inverse-overlay-medium: var(--on-light-overlay-medium);\n        --inverse-personas-ochre-surface-accent-gradient: var(--on-light-personas-ochre-surface-accent-gradient);\n        --inverse-personas-sea-blue-surface-accent-gradient: var(--on-light-personas-sea-blue-surface-accent-gradient);\n        --outline-white-gradient: var(--on-dark-outline-white-gradient);\n        --surface-skeleton-gradient: var(--on-dark-surface-skeleton-gradient);\n        --overlay-gradient: var(--on-dark-overlay-gradient);\n        --personas-sea-blue-surface-accent-gradient: var(--on-dark-personas-sea-blue-surface-accent-gradient);\n        --inverse-personas-pink-surface-accent-gradient: var(--on-light-personas-pink-surface-accent-gradient);\n        --inverse-surface-skeleton-gradient: var(--on-light-surface-skeleton-gradient);\n        --inverse-text-accent-gradient-a-i: var(--on-light-text-accent-gradient-a-i);\n        --inverse-overlay-gradient: var(--on-light-overlay-gradient);\n        --personas-pink-surface-accent-gradient: var(--on-dark-personas-pink-surface-accent-gradient);\n        --inverse-personas-indigo-surface-accent-gradient: var(--on-light-personas-indigo-surface-accent-gradient);\n        --background-gradient: var(--dark-background-gradient);\n        --inverse-background-gradient: var(--light-background-gradient);\n        --personas-green-surface-accent-gradient: var(--on-dark-personas-green-surface-accent-gradient);\n        --inverse-surface-accent-gradient-secondary: var(--on-light-surface-accent-gradient-secondary);\n        --inverse-personas-green-surface-accent-gradient: var(--on-light-personas-green-surface-accent-gradient);\n        --personas-indigo-surface-accent-gradient: var(--on-dark-personas-indigo-surface-accent-gradient);\n        --text-accent-gradient-a-i: var(--on-dark-text-accent-gradient-a-i);\n        --inverse-personas-violet-surface-accent-gradient: var(--on-light-personas-violet-surface-accent-gradient);\n        --personas-ochre-surface-accent-gradient: var(--on-dark-personas-ochre-surface-accent-gradient);\n        --personas-olive-surface-accent-gradient: var(--on-dark-personas-olive-surface-accent-gradient);\n        --surface-accent-gradient-secondary: var(--on-dark-surface-accent-gradient-secondary);\n        --inverse-personas-olive-surface-accent-gradient: var(--on-light-personas-olive-surface-accent-gradient);\n        --inverse-personas-blue-surface-accent-gradient: var(--on-light-personas-blue-surface-accent-gradient);\n        --inverse-outline-white-gradient: var(--on-light-outline-white-gradient);\n        --personas-violet-surface-accent-gradient: var(--on-dark-personas-violet-surface-accent-gradient);\n        --personas-blue-surface-accent-gradient: var(--on-dark-personas-blue-surface-accent-gradient);\n        --surface-accent-gradient: var(--on-dark-surface-accent-gradient);\n        --surface-accent-minor-gradient: var(--on-dark-surface-accent-minor-gradient);\n        --inverse-surface-accent-minor-gradient: var(--on-light-surface-accent-minor-gradient);\n        --inverse-surface-accent-gradient: var(--on-light-surface-accent-gradient);\n      ",
@@ -2857,6 +2977,8 @@ exports.h3Medium = h3Medium;
 exports.h4 = h4;
 exports.h4Bold = h4Bold;
 exports.h4Medium = h4Medium;
+exports.hXlMedium = hXlMedium;
+exports.hXxlMedium = hXxlMedium;
 exports.inverseBackgroundGradient = inverseBackgroundGradient;
 exports.inverseBackgroundHardline = inverseBackgroundHardline;
 exports.inverseBackgroundPrimary = inverseBackgroundPrimary;
@@ -3638,6 +3760,12 @@ exports.textAccentMinorHover = textAccentMinorHover;
 exports.textInfo = textInfo;
 exports.textInfoActive = textInfoActive;
 exports.textInfoHover = textInfoHover;
+exports.textL = textL;
+exports.textLBold = textLBold;
+exports.textLMedium = textLMedium;
+exports.textM = textM;
+exports.textMBold = textMBold;
+exports.textMMedium = textMMedium;
 exports.textNegative = textNegative;
 exports.textNegativeActive = textNegativeActive;
 exports.textNegativeHover = textNegativeHover;
@@ -3653,6 +3781,9 @@ exports.textPrimaryBrightness = textPrimaryBrightness;
 exports.textPrimaryBrightnessActive = textPrimaryBrightnessActive;
 exports.textPrimaryBrightnessHover = textPrimaryBrightnessHover;
 exports.textPrimaryHover = textPrimaryHover;
+exports.textS = textS;
+exports.textSBold = textSBold;
+exports.textSMedium = textSMedium;
 exports.textSecondary = textSecondary;
 exports.textSecondaryActive = textSecondaryActive;
 exports.textSecondaryHover = textSecondaryHover;
@@ -3662,7 +3793,8 @@ exports.textTertiaryHover = textTertiaryHover;
 exports.textWarning = textWarning;
 exports.textWarningActive = textWarningActive;
 exports.textWarningHover = textWarningHover;
+exports.textXS = textXS;
+exports.textXSBold = textXSBold;
+exports.textXSMedium = textXSMedium;
 exports.viewContainer = viewContainer;
-exports.xlMedium = xlMedium;
-exports.xxlMedium = xxlMedium;
 //# sourceMappingURL=index.js.map