@salutejs/plasma-tokens 1.119.0-canary.2118.16673038428.0 → 1.119.0-canary.2121.16674167901.0

package/es/brands/sdds_finportal/index.js

@@ -4,13 +4,13 @@ export var textPrimaryHover = 'var(--text-primary-hover, #F2F5F893)';
 /** Основной цвет текста */
 export var textPrimaryActive = 'var(--text-primary-active, #F2F5F8C4)';
 /** Вторичный цвет текста */
-export var textSecondaryHover = 'var(--text-secondary-hover, #D6DFE6FF)';
+export var textSecondaryHover = 'var(--text-secondary-hover, #F2F5F8FF)';
 /** Вторичный цвет текста */
-export var textSecondaryActive = 'var(--text-secondary-active, #D6DFE6BE)';
+export var textSecondaryActive = 'var(--text-secondary-active, #F2F5F8AB)';
 /** Третичный цвет текста */
-export var textTertiaryHover = 'var(--text-tertiary-hover, #D6DFE6FF)';
+export var textTertiaryHover = 'var(--text-tertiary-hover, #F2F5F8FF)';
 /** Третичный цвет текста */
-export var textTertiaryActive = 'var(--text-tertiary-active, #D6DFE65C)';
+export var textTertiaryActive = 'var(--text-tertiary-active, #F2F5F856)';
 /** Сплошной наборный текст */
 export var textParagraphHover = 'var(--text-paragraph-hover, #F2F5F87A)';
 /** Сплошной наборный текст */
@@ -59,6 +59,10 @@ export var textInfoMinorActive = 'var(--text-info-minor-active, #10659EFF)';
 export var textPrimary = 'var(--text-primary, rgba(242,245,248,0.96))';
 /** Основной цвет текста */
 export var textPrimaryBrightness = 'var(--text-primary-brightness, #F3F6F8)';
+/** Вторичный цвет текста */
+export var textSecondary = 'var(--text-secondary, rgba(242,245,248,0.56))';
+/** Третичный цвет текста */
+export var textTertiary = 'var(--text-tertiary, rgba(242,245,248,0.28))';
 /** Сплошной наборный текст */
 export var textParagraph = 'var(--text-paragraph, rgba(242,245,248,0.8))';
 /** Акцентный цвет */
@@ -81,22 +85,18 @@ export var textWarningMinor = 'var(--text-warning-minor, #85380C)';
 export var textNegativeMinor = 'var(--text-negative-minor, #9C1422)';
 /** Минорный цвет информации */
 export var textInfoMinor = 'var(--text-info-minor, #0D5382)';
-/** Вторичный цвет текста */
-export var textSecondary = 'var(--text-secondary, #d5dfe69e)';
-/** Третичный цвет текста */
-export var textTertiary = 'var(--text-tertiary, #d5dfe64d)';
 /** Основной цвет текста на темном фоне */
 export var onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #F2F5F893)';
 /** Основной цвет текста на темном фоне */
 export var onDarkTextPrimaryActive = 'var(--on-dark-text-primary-active, #F2F5F8C4)';
 /** Вторичный цвет текста на темном фоне */
-export var onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #D6DFE6FF)';
+export var onDarkTextSecondaryHover = 'var(--on-dark-text-secondary-hover, #F2F5F8FF)';
 /** Вторичный цвет текста на темном фоне */
-export var onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #D6DFE6BE)';
+export var onDarkTextSecondaryActive = 'var(--on-dark-text-secondary-active, #F2F5F8AB)';
 /** Третичный цвет текста на темном фоне */
-export var onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #D6DFE6FF)';
+export var onDarkTextTertiaryHover = 'var(--on-dark-text-tertiary-hover, #F2F5F8FF)';
 /** Третичный цвет текста на темном фоне */
-export var onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #D6DFE65C)';
+export var onDarkTextTertiaryActive = 'var(--on-dark-text-tertiary-active, #F2F5F856)';
 /** Сплошной наборный текст на темном фоне */
 export var onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #F2F5F87A)';
 /** Сплошной наборный текст на темном фоне */
@@ -145,6 +145,10 @@ export var onDarkTextInfoMinorActive = 'var(--on-dark-text-info-minor-active, #1
 export var onDarkTextPrimary = 'var(--on-dark-text-primary, rgba(242,245,248,0.96))';
 /** Основной цвет текста на темном фоне */
 export var onDarkTextPrimaryBrightness = 'var(--on-dark-text-primary-brightness, #F3F6F8)';
+/** Вторичный цвет текста на темном фоне */
+export var onDarkTextSecondary = 'var(--on-dark-text-secondary, rgba(242,245,248,0.56))';
+/** Третичный цвет текста на темном фоне */
+export var onDarkTextTertiary = 'var(--on-dark-text-tertiary, rgba(242,245,248,0.28))';
 /** Сплошной наборный текст на темном фоне */
 export var onDarkTextParagraph = 'var(--on-dark-text-paragraph, rgba(242,245,248,0.8))';
 /** Акцентный цвет на темном фоне */
@@ -167,22 +171,18 @@ export var onDarkTextWarningMinor = 'var(--on-dark-text-warning-minor, #85380C)'
 export var onDarkTextNegativeMinor = 'var(--on-dark-text-negative-minor, #9C1422)';
 /** Минорный цвет информации на темном фоне */
 export var onDarkTextInfoMinor = 'var(--on-dark-text-info-minor, #0D5382)';
-/** Вторичный цвет текста на темном фоне */
-export var onDarkTextSecondary = 'var(--on-dark-text-secondary, #d5dfe69e)';
-/** Третичный цвет текста на темном фоне */
-export var onDarkTextTertiary = 'var(--on-dark-text-tertiary, #d5dfe64d)';
 /** Основной цвет текста на светлом фоне */
 export var onLightTextPrimaryHover = 'var(--on-light-text-primary-hover, #13181B93)';
 /** Основной цвет текста на светлом фоне */
 export var onLightTextPrimaryActive = 'var(--on-light-text-primary-active, #13181BC4)';
 /** Вторичный цвет текста на светлом фоне */
-export var onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, #485056FF)';
+export var onLightTextSecondaryHover = 'var(--on-light-text-secondary-hover, #13181BFF)';
 /** Вторичный цвет текста на светлом фоне */
-export var onLightTextSecondaryActive = 'var(--on-light-text-secondary-active, #485056D3)';
+export var onLightTextSecondaryActive = 'var(--on-light-text-secondary-active, #13181BAB)';
 /** Третичный цвет текста на светлом фоне */
-export var onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #717C84FF)';
+export var onLightTextTertiaryHover = 'var(--on-light-text-tertiary-hover, #13181BFF)';
 /** Третичный цвет текста на светлом фоне */
-export var onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active, #717C8493)';
+export var onLightTextTertiaryActive = 'var(--on-light-text-tertiary-active, #13181B56)';
 /** Сплошной наборный текст на светлом фоне */
 export var onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, #13181B7A)';
 /** Сплошной наборный текст на светлом фоне */
@@ -200,13 +200,13 @@ export var onLightTextPositiveHover = 'var(--on-light-text-positive-hover, #13AA
 /** Цвет успеха на светлом фоне */
 export var onLightTextPositiveActive = 'var(--on-light-text-positive-active, #0D731EFF)';
 /** Цвет предупреждения на светлом фоне */
-export var onLightTextWarningHover = 'var(--on-light-text-warning-hover, #FB7223FF)';
+export var onLightTextWarningHover = 'var(--on-light-text-warning-hover, #FD650DFF)';
 /** Цвет предупреждения на светлом фоне */
-export var onLightTextWarningActive = 'var(--on-light-text-warning-active, #DC5304FF)';
+export var onLightTextWarningActive = 'var(--on-light-text-warning-active, #CA4B02FF)';
 /** Цвет ошибки на светлом фоне */
-export var onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #ED263AFF)';
+export var onLightTextNegativeHover = 'var(--on-light-text-negative-hover, #F5384BFF)';
 /** Цвет ошибки на светлом фоне */
-export var onLightTextNegativeActive = 'var(--on-light-text-negative-active, #C61022FF)';
+export var onLightTextNegativeActive = 'var(--on-light-text-negative-active, #E40C22FF)';
 /** Цвет информации на светлом фоне */
 export var onLightTextInfoHover = 'var(--on-light-text-info-hover, #34A7F4FF)';
 /** Цвет информации на светлом фоне */
@@ -231,6 +231,10 @@ export var onLightTextInfoMinorActive = 'var(--on-light-text-info-minor-active,
 export var onLightTextPrimary = 'var(--on-light-text-primary, rgba(19,24,27,0.96))';
 /** Основной цвет текста на светлом фоне */
 export var onLightTextPrimaryBrightness = 'var(--on-light-text-primary-brightness, #212629)';
+/** Вторичный цвет текста на светлом фоне */
+export var onLightTextSecondary = 'var(--on-light-text-secondary, rgba(19,24,27,0.56))';
+/** Третичный цвет текста на светлом фоне */
+export var onLightTextTertiary = 'var(--on-light-text-tertiary, rgba(19,24,27,0.28))';
 /** Сплошной наборный текст на светлом фоне */
 export var onLightTextParagraph = 'var(--on-light-text-paragraph, rgba(19,24,27,0.8))';
 /** Акцентный цвет на светлом фоне */
@@ -239,6 +243,10 @@ export var onLightTextAccent = 'var(--on-light-text-accent, #0B7ECB)';
 export var onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #52BAFF)';
 /** Цвет успеха на светлом фоне */
 export var onLightTextPositive = 'var(--on-light-text-positive, #108E26)';
+/** Цвет предупреждения на светлом фоне */
+export var onLightTextWarning = 'var(--on-light-text-warning, #E85702)';
+/** Цвет ошибки на светлом фоне */
+export var onLightTextNegative = 'var(--on-light-text-negative, #F31B31)';
 /** Цвет информации на светлом фоне */
 export var onLightTextInfo = 'var(--on-light-text-info, #0B7ECB)';
 /** Минорный цвет успеха на светлом фоне */
@@ -249,26 +257,18 @@ export var onLightTextWarningMinor = 'var(--on-light-text-warning-minor, #FD9C68
 export var onLightTextNegativeMinor = 'var(--on-light-text-negative-minor, #FF8F9A)';
 /** Минорный цвет информации на светлом фоне */
 export var onLightTextInfoMinor = 'var(--on-light-text-info-minor, #52BAFF)';
-/** Вторичный цвет текста на светлом фоне */
-export var onLightTextSecondary = 'var(--on-light-text-secondary, #485056b0)';
-/** Третичный цвет текста на светлом фоне */
-export var onLightTextTertiary = 'var(--on-light-text-tertiary, #707c847a)';
-/** Цвет предупреждения на светлом фоне */
-export var onLightTextWarning = 'var(--on-light-text-warning, #FA5F05)';
-/** Цвет ошибки на светлом фоне */
-export var onLightTextNegative = 'var(--on-light-text-negative, #E31227)';
 /** Инвертированный основной цвет текста */
 export var inverseTextPrimaryHover = 'var(--inverse-text-primary-hover, #13181B93)';
 /** Инвертированный основной цвет текста */
 export var inverseTextPrimaryActive = 'var(--inverse-text-primary-active, #13181BC4)';
 /** Инвертированный вторичный цвет текста */
-export var inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #485056FF)';
+export var inverseTextSecondaryHover = 'var(--inverse-text-secondary-hover, #13181BFF)';
 /** Инвертированный вторичный цвет текста */
-export var inverseTextSecondaryActive = 'var(--inverse-text-secondary-active, #485056D3)';
+export var inverseTextSecondaryActive = 'var(--inverse-text-secondary-active, #13181BAB)';
 /** Инвертированный третичный цвет текста */
-export var inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #717C84FF)';
+export var inverseTextTertiaryHover = 'var(--inverse-text-tertiary-hover, #13181BFF)';
 /** Инвертированный третичный цвет текста */
-export var inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active, #717C8493)';
+export var inverseTextTertiaryActive = 'var(--inverse-text-tertiary-active, #13181B56)';
 /** Инвертированный сплошной наборный текст */
 export var inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #13181B7A)';
 /** Инвертированный сплошной наборный текст */
@@ -286,13 +286,13 @@ export var inverseTextPositiveHover = 'var(--inverse-text-positive-hover, #13AA2
 /** Инвертированный цвет успеха */
 export var inverseTextPositiveActive = 'var(--inverse-text-positive-active, #0D731EFF)';
 /** Инвертированный цвет предупреждения */
-export var inverseTextWarningHover = 'var(--inverse-text-warning-hover, #FB7223FF)';
+export var inverseTextWarningHover = 'var(--inverse-text-warning-hover, #FD650DFF)';
 /** Инвертированный цвет предупреждения */
-export var inverseTextWarningActive = 'var(--inverse-text-warning-active, #DC5304FF)';
+export var inverseTextWarningActive = 'var(--inverse-text-warning-active, #CA4B02FF)';
 /** Инвертированный цвет ошибки */
-export var inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #ED263AFF)';
+export var inverseTextNegativeHover = 'var(--inverse-text-negative-hover, #F5384BFF)';
 /** Инвертированный цвет ошибки */
-export var inverseTextNegativeActive = 'var(--inverse-text-negative-active, #C61022FF)';
+export var inverseTextNegativeActive = 'var(--inverse-text-negative-active, #E40C22FF)';
 /** Инвертированный цвет информации */
 export var inverseTextInfoHover = 'var(--inverse-text-info-hover, #34A7F4FF)';
 /** Инвертированный цвет информации */
@@ -317,6 +317,10 @@ export var inverseTextInfoMinorActive = 'var(--inverse-text-info-minor-active, #
 export var inverseTextPrimary = 'var(--inverse-text-primary, rgba(19,24,27,0.96))';
 /** Инвертированный основной цвет текста */
 export var inverseTextPrimaryBrightness = 'var(--inverse-text-primary-brightness, #212629)';
+/** Инвертированный вторичный цвет текста */
+export var inverseTextSecondary = 'var(--inverse-text-secondary, rgba(19,24,27,0.56))';
+/** Инвертированный третичный цвет текста */
+export var inverseTextTertiary = 'var(--inverse-text-tertiary, rgba(19,24,27,0.28))';
 /** Инвертированный сплошной наборный текст */
 export var inverseTextParagraph = 'var(--inverse-text-paragraph, rgba(19,24,27,0.8))';
 /** Инвертированный акцентный цвет */
@@ -325,6 +329,10 @@ export var inverseTextAccent = 'var(--inverse-text-accent, #0B7ECB)';
 export var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #52BAFF)';
 /** Инвертированный цвет успеха */
 export var inverseTextPositive = 'var(--inverse-text-positive, #108E26)';
+/** Инвертированный цвет предупреждения */
+export var inverseTextWarning = 'var(--inverse-text-warning, #E85702)';
+/** Инвертированный цвет ошибки */
+export var inverseTextNegative = 'var(--inverse-text-negative, #F31B31)';
 /** Инвертированный цвет информации */
 export var inverseTextInfo = 'var(--inverse-text-info, #0B7ECB)';
 /** Инвертированный минорный цвет успеха */
@@ -335,14 +343,6 @@ export var inverseTextWarningMinor = 'var(--inverse-text-warning-minor, #FD9C68)
 export var inverseTextNegativeMinor = 'var(--inverse-text-negative-minor, #FF8F9A)';
 /** Инвертированный минорный цвет информации */
 export var inverseTextInfoMinor = 'var(--inverse-text-info-minor, #52BAFF)';
-/** Инвертированный вторичный цвет текста */
-export var inverseTextSecondary = 'var(--inverse-text-secondary, #485056b0)';
-/** Инвертированный третичный цвет текста */
-export var inverseTextTertiary = 'var(--inverse-text-tertiary, #707c847a)';
-/** Инвертированный цвет предупреждения */
-export var inverseTextWarning = 'var(--inverse-text-warning, #FA5F05)';
-/** Инвертированный цвет ошибки */
-export var inverseTextNegative = 'var(--inverse-text-negative, #E31227)';
 /** Основной непрозрачный фон поверхности/контрола */
 export var surfaceSolidPrimaryHover = 'var(--surface-solid-primary-hover, #171D21FF)';
 /** Основной непрозрачный фон поверхности/контрола */
@@ -356,9 +356,9 @@ export var surfaceSolidTertiaryHover = 'var(--surface-solid-tertiary-hover, #394
 /** Третичный непрозрачный фон поверхности/контрола */
 export var surfaceSolidTertiaryActive = 'var(--surface-solid-tertiary-active, #2B3136FF)';
 /** Основной фон для карточек */
-export var surfaceSolidCardHover = 'var(--surface-solid-card-hover, #0A1114FF)';
+export var surfaceSolidCardHover = 'var(--surface-solid-card-hover, #171D21FF)';
 /** Основной фон для карточек */
-export var surfaceSolidCardActive = 'var(--surface-solid-card-active, #030607FF)';
+export var surfaceSolidCardActive = 'var(--surface-solid-card-active, #0F1315FF)';
 /** Непрозрачный фон поверхности/контрола по умолчанию */
 export var surfaceSolidDefaultHover = 'var(--surface-solid-default-hover, #FFFFFFFF)';
 /** Непрозрачный фон поверхности/контрола по умолчанию */
@@ -368,17 +368,17 @@ export var surfaceTransparentPrimaryHover = 'var(--surface-transparent-primary-h
 /** Основной прозрачный фон поверхности/контрола */
 export var surfaceTransparentPrimaryActive = 'var(--surface-transparent-primary-active, #FFFFFF0A)';
 /** Вторичный прозрачный фон поверхности/контрола */
-export var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #D6DFE642)';
+export var surfaceTransparentSecondaryHover = 'var(--surface-transparent-secondary-hover, #FFFFFF3D)';
 /** Вторичный прозрачный фон поверхности/контрола */
-export var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #D6DFE614)';
+export var surfaceTransparentSecondaryActive = 'var(--surface-transparent-secondary-active, #FFFFFF0F)';
 /** Третичный прозрачный фон поверхности/контрола */
-export var surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #D6DFE65C)';
+export var surfaceTransparentTertiaryHover = 'var(--surface-transparent-tertiary-hover, #FFFFFF52)';
 /** Третичный прозрачный фон поверхности/контрола */
-export var surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #D6DFE62E)';
+export var surfaceTransparentTertiaryActive = 'var(--surface-transparent-tertiary-active, #FFFFFF24)';
 /** Глубокий прозрачный фон поверхности/контрола */
-export var surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover, #D6DFE6DB)';
+export var surfaceTransparentDeepHover = 'var(--surface-transparent-deep-hover, #FFFFFFC2)';
 /** Глубокий прозрачный фон поверхности/контрола */
-export var surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active, #D6DFE6AD)';
+export var surfaceTransparentDeepActive = 'var(--surface-transparent-deep-active, #FFFFFF94)';
 /** Прозрачный фон для карточек */
 export var surfaceTransparentCardHover = 'var(--surface-transparent-card-hover, #FFFFFF1F)';
 /** Прозрачный фон для карточек */
@@ -448,7 +448,9 @@ export var surfaceTransparentInfoHover = 'var(--surface-transparent-info-hover,
 /** Прозрачный цвет фона поверхности/контрола информация */
 export var surfaceTransparentInfoActive = 'var(--surface-transparent-info-active, #118CDF24)';
 /** Основной фон для карточек */
-export var surfaceSolidCardBrightness = 'var(--surface-solid-card-brightness, #111C22FF)';
+export var surfaceSolidCard = 'var(--surface-solid-card, #13181B)';
+/** Основной фон для карточек */
+export var surfaceSolidCardBrightness = 'var(--surface-solid-card-brightness, #212629)';
 /** Основной непрозрачный фон поверхности/контрола */
 export var surfaceSolidPrimary = 'var(--surface-solid-primary, #13181B)';
 /** Основной непрозрачный фон поверхности/контрола */
@@ -465,6 +467,12 @@ export var surfaceTransparentCard = 'var(--surface-transparent-card, rgba(255,25
 export var surfaceTransparentCardBrightness = 'var(--surface-transparent-card-brightness, #FFFFFF)';
 /** Основной прозрачный фон поверхности/контрола */
 export var surfaceTransparentPrimary = 'var(--surface-transparent-primary, rgba(255,255,255,0.06))';
+/** Вторичный прозрачный фон поверхности/контрола */
+export var surfaceTransparentSecondary = 'var(--surface-transparent-secondary, rgba(255,255,255,0.12))';
+/** Третичный прозрачный фон поверхности/контрола */
+export var surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, rgba(255,255,255,0.2))';
+/** Глубокий прозрачный фон поверхности/контрола */
+export var surfaceTransparentDeep = 'var(--surface-transparent-deep, rgba(255,255,255,0.64))';
 /** Фон поверхности/контрола без заливки */
 export var surfaceClear = 'var(--surface-clear, rgba(255,255,255,0))';
 /** Акцентный фон поверхности/контрола */
@@ -497,14 +505,6 @@ export var surfaceTransparentWarning = 'var(--surface-transparent-warning, rgba(
 export var surfaceTransparentNegative = 'var(--surface-transparent-negative, rgba(255,41,62,0.2))';
 /** Прозрачный цвет фона поверхности/контрола информация */
 export var surfaceTransparentInfo = 'var(--surface-transparent-info, rgba(17,140,223,0.2))';
-/** Основной фон для карточек */
-export var surfaceSolidCard = 'var(--surface-solid-card, #060A0C)';
-/** Вторичный прозрачный фон поверхности/контрола */
-export var surfaceTransparentSecondary = 'var(--surface-transparent-secondary, #d5dfe624)';
-/** Третичный прозрачный фон поверхности/контрола */
-export var surfaceTransparentTertiary = 'var(--surface-transparent-tertiary, #d5dfe63d)';
-/** Глубокий прозрачный фон поверхности/контрола */
-export var surfaceTransparentDeep = 'var(--surface-transparent-deep, #d5dfe6bd)';
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
 export var onDarkSurfaceSolidPrimaryHover = 'var(--on-dark-surface-solid-primary-hover, #171D21FF)';
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
@@ -518,9 +518,9 @@ export var onDarkSurfaceSolidTertiaryHover = 'var(--on-dark-surface-solid-tertia
 /** Третичный непрозрачный фон поверхности/контрола на темном фоне */
 export var onDarkSurfaceSolidTertiaryActive = 'var(--on-dark-surface-solid-tertiary-active, #2B3136FF)';
 /** Основной фон для карточек на темном фоне */
-export var onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover, #0A1114FF)';
+export var onDarkSurfaceSolidCardHover = 'var(--on-dark-surface-solid-card-hover, #171D21FF)';
 /** Основной фон для карточек на темном фоне */
-export var onDarkSurfaceSolidCardActive = 'var(--on-dark-surface-solid-card-active, #030607FF)';
+export var onDarkSurfaceSolidCardActive = 'var(--on-dark-surface-solid-card-active, #0F1315FF)';
 /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
 export var onDarkSurfaceSolidDefaultHover = 'var(--on-dark-surface-solid-default-hover, #FFFFFFFF)';
 /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
@@ -530,17 +530,17 @@ export var onDarkSurfaceTransparentPrimaryHover = 'var(--on-dark-surface-transpa
 /** Основной прозрачный фон поверхности/контрола на темном фоне */
 export var onDarkSurfaceTransparentPrimaryActive = 'var(--on-dark-surface-transparent-primary-active, #FFFFFF0A)';
 /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #D6DFE642)';
+export var onDarkSurfaceTransparentSecondaryHover = 'var(--on-dark-surface-transparent-secondary-hover, #FFFFFF3D)';
 /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #D6DFE614)';
+export var onDarkSurfaceTransparentSecondaryActive = 'var(--on-dark-surface-transparent-secondary-active, #FFFFFF0F)';
 /** Третичный прозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #D6DFE65C)';
+export var onDarkSurfaceTransparentTertiaryHover = 'var(--on-dark-surface-transparent-tertiary-hover, #FFFFFF52)';
 /** Третичный прозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #D6DFE62E)';
+export var onDarkSurfaceTransparentTertiaryActive = 'var(--on-dark-surface-transparent-tertiary-active, #FFFFFF24)';
 /** Глубокий прозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover, #D6DFE6DB)';
+export var onDarkSurfaceTransparentDeepHover = 'var(--on-dark-surface-transparent-deep-hover, #FFFFFFC2)';
 /** Глубокий прозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active, #D6DFE6AD)';
+export var onDarkSurfaceTransparentDeepActive = 'var(--on-dark-surface-transparent-deep-active, #FFFFFF94)';
 /** Прозрачный фон для карточек на темном фоне */
 export var onDarkSurfaceTransparentCardHover = 'var(--on-dark-surface-transparent-card-hover, #FFFFFF1F)';
 /** Прозрачный фон для карточек на темном фоне */
@@ -646,11 +646,19 @@ export var onDarkSurfaceSolidSecondary = 'var(--on-dark-surface-solid-secondary,
 /** Третичный непрозрачный фон поверхности/контрола на темном фоне */
 export var onDarkSurfaceSolidTertiary = 'var(--on-dark-surface-solid-tertiary, #30373C)';
 /** Основной фон для карточек на темном фоне */
-export var onDarkSurfaceSolidCardBrightness = 'var(--on-dark-surface-solid-card-brightness, #111C22FF)';
+export var onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card, #13181B)';
+/** Основной фон для карточек на темном фоне */
+export var onDarkSurfaceSolidCardBrightness = 'var(--on-dark-surface-solid-card-brightness, #212629)';
 /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
 export var onDarkSurfaceSolidDefault = 'var(--on-dark-surface-solid-default, #F7F9FB)';
 /** Основной прозрачный фон поверхности/контрола на темном фоне */
 export var onDarkSurfaceTransparentPrimary = 'var(--on-dark-surface-transparent-primary, rgba(255,255,255,0.06))';
+/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, rgba(255,255,255,0.12))';
+/** Третичный прозрачный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, rgba(255,255,255,0.2))';
+/** Глубокий прозрачный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, rgba(255,255,255,0.64))';
 /** Прозрачный фон для карточек на темном фоне */
 export var onDarkSurfaceTransparentCard = 'var(--on-dark-surface-transparent-card, rgba(255,255,255,0.06))';
 /** Прозрачный фон для карточек на темном фоне */
@@ -659,14 +667,6 @@ export var onDarkSurfaceTransparentCardBrightness = 'var(--on-dark-surface-trans
 export var onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #118CDF)';
 /** Фон поверхности/контрола без заливки на темном фоне */
 export var onDarkSurfaceClear = 'var(--on-dark-surface-clear, rgba(255,255,255,0))';
-/** Основной фон для карточек на темном фоне */
-export var onDarkSurfaceSolidCard = 'var(--on-dark-surface-solid-card, #060A0C)';
-/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentSecondary = 'var(--on-dark-surface-transparent-secondary, #d5dfe624)';
-/** Третичный прозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentTertiary = 'var(--on-dark-surface-transparent-tertiary, #d5dfe63d)';
-/** Глубокий прозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentDeep = 'var(--on-dark-surface-transparent-deep, #d5dfe6bd)';
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
 export var onLightSurfaceSolidPrimaryHover = 'var(--on-light-surface-solid-primary-hover, #F8FAFBFF)';
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
@@ -688,21 +688,21 @@ export var onLightSurfaceSolidDefaultHover = 'var(--on-light-surface-solid-defau
 /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
 export var onLightSurfaceSolidDefaultActive = 'var(--on-light-surface-solid-default-active, #030607FF)';
 /** Основной прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #D6DFE661)';
+export var onLightSurfaceTransparentPrimaryHover = 'var(--on-light-surface-transparent-primary-hover, #070B0E0F)';
 /** Основной прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #D6DFE633)';
+export var onLightSurfaceTransparentPrimaryActive = 'var(--on-light-surface-transparent-primary-active, #070B0E00)';
 /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #ADB9C257)';
+export var onLightSurfaceTransparentSecondaryHover = 'var(--on-light-surface-transparent-secondary-hover, #070B0E1F)';
 /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #ADB9C229)';
+export var onLightSurfaceTransparentSecondaryActive = 'var(--on-light-surface-transparent-secondary-active, #070B0E0A)';
 /** Третичный прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #8A969E66)';
+export var onLightSurfaceTransparentTertiaryHover = 'var(--on-light-surface-transparent-tertiary-hover, #070B0E3D)';
 /** Третичный прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #8A969E38)';
+export var onLightSurfaceTransparentTertiaryActive = 'var(--on-light-surface-transparent-tertiary-active, #070B0E0F)';
 /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #30373BE6)';
+export var onLightSurfaceTransparentDeepHover = 'var(--on-light-surface-transparent-deep-hover, #070B0EC2)';
 /** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #30373BB8)';
+export var onLightSurfaceTransparentDeepActive = 'var(--on-light-surface-transparent-deep-active, #070B0E94)';
 /** Прозрачный фон для карточек на светлом фоне */
 export var onLightSurfaceTransparentCardHover = 'var(--on-light-surface-transparent-card-hover, #FFFFFFFF)';
 /** Прозрачный фон для карточек на светлом фоне */
@@ -787,6 +787,14 @@ export var onLightSurfaceSolidCard = 'var(--on-light-surface-solid-card, rgb(255
 export var onLightSurfaceSolidCardBrightness = 'var(--on-light-surface-solid-card-brightness, #FFFFFF)';
 /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
 export var onLightSurfaceSolidDefault = 'var(--on-light-surface-solid-default, #060A0C)';
+/** Основной прозрачный фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, rgba(6,10,12,0.02))';
+/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, rgba(6,10,12,0.06))';
+/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, rgba(6,10,12,0.12))';
+/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, rgba(6,10,12,0.64))';
 /** Прозрачный фон для карточек на светлом фоне */
 export var onLightSurfaceTransparentCard = 'var(--on-light-surface-transparent-card, rgb(255,255,255))';
 /** Прозрачный фон для карточек на светлом фоне */
@@ -821,14 +829,6 @@ export var onLightSurfaceTransparentWarning = 'var(--on-light-surface-transparen
 export var onLightSurfaceTransparentNegative = 'var(--on-light-surface-transparent-negative, rgba(255,41,62,0.12))';
 /** Прозрачный цвет фона поверхности/контрола информация на светлом фоне */
 export var onLightSurfaceTransparentInfo = 'var(--on-light-surface-transparent-info, rgba(17,140,223,0.12))';
-/** Основной прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #d5dfe642)';
-/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #adb9c238)';
-/** Третичный прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentTertiary = 'var(--on-light-surface-transparent-tertiary, #8a959d47)';
-/** Глубокий прозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentDeep = 'var(--on-light-surface-transparent-deep, #30373cc7)';
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
 export var inverseSurfaceSolidPrimaryHover = 'var(--inverse-surface-solid-primary-hover, #F8FAFBFF)';
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
@@ -850,21 +850,21 @@ export var inverseSurfaceSolidDefaultHover = 'var(--inverse-surface-solid-defaul
 /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
 export var inverseSurfaceSolidDefaultActive = 'var(--inverse-surface-solid-default-active, #030607FF)';
 /** Инвертированный основной прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #D6DFE661)';
+export var inverseSurfaceTransparentPrimaryHover = 'var(--inverse-surface-transparent-primary-hover, #070B0E0F)';
 /** Инвертированный основной прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #D6DFE633)';
+export var inverseSurfaceTransparentPrimaryActive = 'var(--inverse-surface-transparent-primary-active, #070B0E00)';
 /** Инвертированный вторичный прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #ADB9C257)';
+export var inverseSurfaceTransparentSecondaryHover = 'var(--inverse-surface-transparent-secondary-hover, #070B0E1F)';
 /** Инвертированный вторичный прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentSecondaryActive = 'var(--inverse-surface-transparent-secondary-active, #ADB9C229)';
+export var inverseSurfaceTransparentSecondaryActive = 'var(--inverse-surface-transparent-secondary-active, #070B0E0A)';
 /** Инвертированный третичный прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #8A969E66)';
+export var inverseSurfaceTransparentTertiaryHover = 'var(--inverse-surface-transparent-tertiary-hover, #070B0E3D)';
 /** Инвертированный третичный прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #8A969E38)';
+export var inverseSurfaceTransparentTertiaryActive = 'var(--inverse-surface-transparent-tertiary-active, #070B0E0F)';
 /** Инвертированный глубокий прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #30373BE6)';
+export var inverseSurfaceTransparentDeepHover = 'var(--inverse-surface-transparent-deep-hover, #070B0EC2)';
 /** Инвертированный глубокий прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #30373BB8)';
+export var inverseSurfaceTransparentDeepActive = 'var(--inverse-surface-transparent-deep-active, #070B0E94)';
 /** Инвертированный прозрачный фон для карточек */
 export var inverseSurfaceTransparentCardHover = 'var(--inverse-surface-transparent-card-hover, #FFFFFFFF)';
 /** Инвертированный прозрачный фон для карточек */
@@ -953,6 +953,14 @@ export var inverseSurfaceSolidCardBrightness = 'var(--inverse-surface-solid-card
 export var inverseSurfaceTransparentCard = 'var(--inverse-surface-transparent-card, rgb(255,255,255))';
 /** Инвертированный прозрачный фон для карточек */
 export var inverseSurfaceTransparentCardBrightness = 'var(--inverse-surface-transparent-card-brightness, #FFFFFF)';
+/** Инвертированный основной прозрачный фон поверхности/контрола */
+export var inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, rgba(6,10,12,0.02))';
+/** Инвертированный вторичный прозрачный фон поверхности/контрола */
+export var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, rgba(6,10,12,0.06))';
+/** Инвертированный третичный прозрачный фон поверхности/контрола */
+export var inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, rgba(6,10,12,0.12))';
+/** Инвертированный глубокий прозрачный фон поверхности/контрола */
+export var inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, rgba(6,10,12,0.64))';
 /** Инвертированный акцентный фон поверхности/контрола */
 export var inverseSurfaceAccent = 'var(--inverse-surface-accent, #118CDF)';
 /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
@@ -983,14 +991,6 @@ export var inverseSurfaceTransparentWarning = 'var(--inverse-surface-transparent
 export var inverseSurfaceTransparentNegative = 'var(--inverse-surface-transparent-negative, rgba(255,41,62,0.12))';
 /** Прозрачный инвертированный цвет фона поверхности/контрола информация */
 export var inverseSurfaceTransparentInfo = 'var(--inverse-surface-transparent-info, rgba(17,140,223,0.12))';
-/** Инвертированный основной прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, #d5dfe642)';
-/** Инвертированный вторичный прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #adb9c238)';
-/** Инвертированный третичный прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentTertiary = 'var(--inverse-surface-transparent-tertiary, #8a959d47)';
-/** Инвертированный глубокий прозрачный фон поверхности/контрола */
-export var inverseSurfaceTransparentDeep = 'var(--inverse-surface-transparent-deep, #30373cc7)';
 /** Основной фон */
 export var backgroundPrimary = 'var(--background-primary, #060A0C)';
 /** Основной фон */
@@ -1008,7 +1008,7 @@ export var overlayHard = 'var(--overlay-hard, rgba(6,10,12,0.96))';
 /** Цвет фона паранжи светлый */
 export var overlaySoft = 'var(--overlay-soft, rgba(6,10,12,0.56))';
 /** Цвет фона паранжи размытый */
-export var overlayBlur = 'var(--overlay-blur, #060a0c47)';
+export var overlayBlur = 'var(--overlay-blur, rgba(242,245,248,0.12))';
 /** Цвет фона паранжи темный на темном фоне */
 export var onDarkOverlayHard = 'var(--on-dark-overlay-hard, rgba(6,10,12,0.96))';
 /** Цвет фона паранжи светлый на темном фоне */
@@ -1039,6 +1039,34 @@ export var outlineSolidSecondaryActive = 'var(--outline-solid-secondary-active,
 export var outlineSolidTertiaryHover = 'var(--outline-solid-tertiary-hover, #FFFFFFFF)';
 /** Третичный непрозрачный цвет обводки */
 export var outlineSolidTertiaryActive = 'var(--outline-solid-tertiary-active, #68757DFF)';
+/** Прозрачный цвет обводки по умолчанию */
+export var outlineTransparentDefaultHover = 'var(--outline-transparent-default-hover, #C7C7C7FF)';
+/** Прозрачный цвет обводки по умолчанию */
+export var outlineTransparentDefaultActive = 'var(--outline-transparent-default-active, #E0E0E0FF)';
+/** Основной прозрачный цвет обводки */
+export var outlineTransparentPrimary = 'var(--outline-transparent-primary, #F7F9FB1F)';
+/** Основной прозрачный цвет обводки */
+export var outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover, #F8FAFCFF)';
+/** Основной прозрачный цвет обводки */
+export var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active, #F8FAFC25)';
+/** Вторичный прозрачный цвет обводки */
+export var outlineTransparentSecondary = 'var(--outline-transparent-secondary, #F7F9FB33)';
+/** Вторичный прозрачный цвет обводки */
+export var outlineTransparentSecondaryHover = 'var(--outline-transparent-secondary-hover, #F8FAFCFF)';
+/** Вторичный прозрачный цвет обводки */
+export var outlineTransparentSecondaryActive = 'var(--outline-transparent-secondary-active, #F8FAFC3D)';
+/** Третичный прозрачный цвет обводки */
+export var outlineTransparentTertiary = 'var(--outline-transparent-tertiary, #F7F9FB47)';
+/** Третичный прозрачный цвет обводки */
+export var outlineTransparentTertiaryHover = 'var(--outline-transparent-tertiary-hover, #F8FAFCFF)';
+/** Третичный прозрачный цвет обводки */
+export var outlineTransparentTertiaryActive = 'var(--outline-transparent-tertiary-active, #F8FAFC56)';
+/** Бесцветная обводка */
+export var outlineClear = 'var(--outline-clear, #FFFFFF00)';
+/** Бесцветная обводка */
+export var outlineClearHover = 'var(--outline-clear-hover, #FFFFFF00)';
+/** Бесцветная обводка */
+export var outlineClearActive = 'var(--outline-clear-active, #FFFFFF00)';
 /** Акцентный цвет обводки */
 export var outlineAccentHover = 'var(--outline-accent-hover, #66BCF5FF)';
 /** Акцентный цвет обводки */
@@ -1105,6 +1133,8 @@ export var outlineSolidPrimary = 'var(--outline-solid-primary, #23292D)';
 export var outlineSolidSecondary = 'var(--outline-solid-secondary, #30373C)';
 /** Третичный непрозрачный цвет обводки */
 export var outlineSolidTertiary = 'var(--outline-solid-tertiary, #657179)';
+/** Прозрачный цвет обводки по умолчанию */
+export var outlineTransparentDefault = 'var(--outline-transparent-default, #F9F9F9)';
 /** Акцентный цвет обводки */
 export var outlineAccent = 'var(--outline-accent, #199AF0)';
 /** Акцентный минорный непрозрачный цвет обводки */
@@ -1135,9 +1165,6 @@ export var outlineTransparentWarning = 'var(--outline-transparent-warning, rgba(
 export var outlineTransparentNegative = 'var(--outline-transparent-negative, rgba(255,61,81,0.28))';
 /** Прозрачный цвет обводки информация */
 export var outlineTransparentInfo = 'var(--outline-transparent-info, rgba(25,154,240,0.28))';
-export var outlineSolidDefaultHover = 'var(--outline-solid-default-hover, #D0DBE7FF)';
-export var outlineSolidDefaultActive = 'var(--outline-solid-default-active, #E4EBF1FF)';
-export var outlineSolidDefault = 'var(--outline-solid-default, #F7F9FB)';
 /** Основной непрозрачный цвет обводки на темном фоне */
 export var onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover, #FFFFFFFF)';
 /** Основной непрозрачный цвет обводки на темном фоне */
@@ -1150,6 +1177,34 @@ export var onDarkOutlineSolidSecondaryActive = 'var(--on-dark-outline-solid-seco
 export var onDarkOutlineSolidTertiaryHover = 'var(--on-dark-outline-solid-tertiary-hover, #FFFFFFFF)';
 /** Третичный непрозрачный цвет обводки на темном фоне */
 export var onDarkOutlineSolidTertiaryActive = 'var(--on-dark-outline-solid-tertiary-active, #68757DFF)';
+/** Прозрачный цвет обводки по умолчанию на темном фоне */
+export var onDarkOutlineTransparentDefaultHover = 'var(--on-dark-outline-transparent-default-hover, #C7C7C7FF)';
+/** Прозрачный цвет обводки по умолчанию на темном фоне */
+export var onDarkOutlineTransparentDefaultActive = 'var(--on-dark-outline-transparent-default-active, #E0E0E0FF)';
+/** Основной прозрачный цвет обводки на темном фоне */
+export var onDarkOutlineTransparentPrimary = 'var(--on-dark-outline-transparent-primary, #F7F9FB1F)';
+/** Основной прозрачный цвет обводки на темном фоне */
+export var onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover, #F8FAFCFF)';
+/** Основной прозрачный цвет обводки на темном фоне */
+export var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #F8FAFC25)';
+/** Вторичный прозрачный цвет обводки на темном фоне */
+export var onDarkOutlineTransparentSecondary = 'var(--on-dark-outline-transparent-secondary, #F7F9FB33)';
+/** Вторичный прозрачный цвет обводки на темном фоне */
+export var onDarkOutlineTransparentSecondaryHover = 'var(--on-dark-outline-transparent-secondary-hover, #F8FAFCFF)';
+/** Вторичный прозрачный цвет обводки на темном фоне */
+export var onDarkOutlineTransparentSecondaryActive = 'var(--on-dark-outline-transparent-secondary-active, #F8FAFC3D)';
+/** Третичный прозрачный цвет обводки на темном фоне */
+export var onDarkOutlineTransparentTertiary = 'var(--on-dark-outline-transparent-tertiary, #F7F9FB47)';
+/** Третичный прозрачный цвет обводки на темном фоне */
+export var onDarkOutlineTransparentTertiaryHover = 'var(--on-dark-outline-transparent-tertiary-hover, #F8FAFCFF)';
+/** Третичный прозрачный цвет обводки на темном фоне */
+export var onDarkOutlineTransparentTertiaryActive = 'var(--on-dark-outline-transparent-tertiary-active, #F8FAFC56)';
+/** Бесцветная обводка на темном фоне */
+export var onDarkOutlineClear = 'var(--on-dark-outline-clear, #FFFFFF00)';
+/** Бесцветная обводка на темном фоне */
+export var onDarkOutlineClearHover = 'var(--on-dark-outline-clear-hover, #FFFFFF00)';
+/** Бесцветная обводка на темном фоне */
+export var onDarkOutlineClearActive = 'var(--on-dark-outline-clear-active, #FFFFFF00)';
 /** Акцентный цвет обводки на темном фоне */
 export var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #66BCF5FF)';
 /** Акцентный цвет обводки на темном фоне */
@@ -1216,6 +1271,8 @@ export var onDarkOutlineSolidPrimary = 'var(--on-dark-outline-solid-primary, #23
 export var onDarkOutlineSolidSecondary = 'var(--on-dark-outline-solid-secondary, #30373C)';
 /** Третичный непрозрачный цвет обводки на темном фоне */
 export var onDarkOutlineSolidTertiary = 'var(--on-dark-outline-solid-tertiary, #657179)';
+/** Прозрачный цвет обводки по умолчанию на темном фоне */
+export var onDarkOutlineTransparentDefault = 'var(--on-dark-outline-transparent-default, #F9F9F9)';
 /** Акцентный цвет обводки на темном фоне */
 export var onDarkOutlineAccent = 'var(--on-dark-outline-accent, #199AF0)';
 /** Прозрачный акцентный цвет обводки на темном фоне */
@@ -1246,9 +1303,6 @@ export var onDarkOutlineTransparentWarning = 'var(--on-dark-outline-transparent-
 export var onDarkOutlineTransparentNegative = 'var(--on-dark-outline-transparent-negative, rgba(255,61,81,0.28))';
 /** Прозрачный цвет обводки информация на темном фоне */
 export var onDarkOutlineTransparentInfo = 'var(--on-dark-outline-transparent-info, rgba(25,154,240,0.28))';
-export var onDarkOutlineSolidDefault = 'var(--on-dark-outline-solid-default, #F7F9FB)';
-export var onDarkOutlineSolidDefaultHover = 'var(--on-dark-outline-solid-default-hover, #D0DBE7FF)';
-export var onDarkOutlineSolidDefaultActive = 'var(--on-dark-outline-solid-default-active, #E4EBF1FF)';
 /** Основной непрозрачный цвет обводки на светлом фоне */
 export var onLightOutlineSolidPrimaryHover = 'var(--on-light-outline-solid-primary-hover, #AFC2CFFF)';
 /** Основной непрозрачный цвет обводки на светлом фоне */
@@ -1261,6 +1315,34 @@ export var onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-se
 export var onLightOutlineSolidTertiaryHover = 'var(--on-light-outline-solid-tertiary-hover, #FFFFFFFF)';
 /** Третичный непрозрачный цвет обводки на светлом фоне */
 export var onLightOutlineSolidTertiaryActive = 'var(--on-light-outline-solid-tertiary-active, #68757DFF)';
+/** Прозрачный цвет обводки по умолчанию на светлом фоне */
+export var onLightOutlineTransparentDefaultHover = 'var(--on-light-outline-transparent-default-hover, #FFFFFFFF)';
+/** Прозрачный цвет обводки по умолчанию на светлом фоне */
+export var onLightOutlineTransparentDefaultActive = 'var(--on-light-outline-transparent-default-active, #C7C7C7FF)';
+/** Основной прозрачный цвет обводки на светлом фоне */
+export var onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary, #060A0C1F)';
+/** Основной прозрачный цвет обводки на светлом фоне */
+export var onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover, #070B0EFF)';
+/** Основной прозрачный цвет обводки на светлом фоне */
+export var onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active, #070B0E25)';
+/** Вторичный прозрачный цвет обводки на светлом фоне */
+export var onLightOutlineTransparentSecondary = 'var(--on-light-outline-transparent-secondary, #060A0C47)';
+/** Вторичный прозрачный цвет обводки на светлом фоне */
+export var onLightOutlineTransparentSecondaryHover = 'var(--on-light-outline-transparent-secondary-hover, #070B0EFF)';
+/** Вторичный прозрачный цвет обводки на светлом фоне */
+export var onLightOutlineTransparentSecondaryActive = 'var(--on-light-outline-transparent-secondary-active, #070B0E56)';
+/** Третичный прозрачный цвет обводки на светлом фоне */
+export var onLightOutlineTransparentTertiary = 'var(--on-light-outline-transparent-tertiary, #060A0C8F)';
+/** Третичный прозрачный цвет обводки на светлом фоне */
+export var onLightOutlineTransparentTertiaryHover = 'var(--on-light-outline-transparent-tertiary-hover, #070B0EFF)';
+/** Третичный прозрачный цвет обводки на светлом фоне */
+export var onLightOutlineTransparentTertiaryActive = 'var(--on-light-outline-transparent-tertiary-active, #070B0EAB)';
+/** Бесцветная обводка на светлом фоне */
+export var onLightOutlineClear = 'var(--on-light-outline-clear, #FFFFFF00)';
+/** Бесцветная обводка на светлом фоне */
+export var onLightOutlineClearHover = 'var(--on-light-outline-clear-hover, #FFFFFF00)';
+/** Бесцветная обводка на светлом фоне */
+export var onLightOutlineClearActive = 'var(--on-light-outline-clear-active, #FFFFFF00)';
 /** Акцентный цвет обводки на светлом фоне */
 export var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #34A7F4FF)';
 /** Акцентный цвет обводки на светлом фоне */
@@ -1278,13 +1360,13 @@ export var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover,
 /** Цвет обводки успех на светлом фоне */
 export var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #0D731EFF)';
 /** Цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FB7223FF)';
+export var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FD650DFF)';
 /** Цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #DC5304FF)';
+export var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #CA4B02FF)';
 /** Цвет обводки ошибка на светлом фоне */
-export var onLightOutlineNegativeHover = 'var(--on-light-outline-negative-hover, #ED263AFF)';
+export var onLightOutlineNegativeHover = 'var(--on-light-outline-negative-hover, #F5384BFF)';
 /** Цвет обводки ошибка на светлом фоне */
-export var onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active, #C61022FF)';
+export var onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active, #E40C22FF)';
 /** Цвет обводки информация на светлом фоне */
 export var onLightOutlineInfoHover = 'var(--on-light-outline-info-hover, #34A7F4FF)';
 /** Цвет обводки информация на светлом фоне */
@@ -1327,6 +1409,8 @@ export var onLightOutlineSolidPrimary = 'var(--on-light-outline-solid-primary, #
 export var onLightOutlineSolidSecondary = 'var(--on-light-outline-solid-secondary, #8A959D)';
 /** Третичный непрозрачный цвет обводки на светлом фоне */
 export var onLightOutlineSolidTertiary = 'var(--on-light-outline-solid-tertiary, #657179)';
+/** Прозрачный цвет обводки по умолчанию на светлом фоне */
+export var onLightOutlineTransparentDefault = 'var(--on-light-outline-transparent-default, #080808)';
 /** Акцентный цвет обводки на светлом фоне */
 export var onLightOutlineAccent = 'var(--on-light-outline-accent, #0B7ECB)';
 /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
@@ -1335,6 +1419,10 @@ export var onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor, #52
 export var onLightOutlineTransparentAccent = 'var(--on-light-outline-transparent-accent, rgba(11,126,203,0.2))';
 /** Цвет обводки успех на светлом фоне */
 export var onLightOutlinePositive = 'var(--on-light-outline-positive, #108E26)';
+/** Цвет обводки предупреждение на светлом фоне */
+export var onLightOutlineWarning = 'var(--on-light-outline-warning, #E85702)';
+/** Цвет обводки ошибка на светлом фоне */
+export var onLightOutlineNegative = 'var(--on-light-outline-negative, #F31B31)';
 /** Цвет обводки информация на светлом фоне */
 export var onLightOutlineInfo = 'var(--on-light-outline-info, #0B7ECB)';
 /** Минорный цвет обводки успех на светлом фоне */
@@ -1353,13 +1441,6 @@ export var onLightOutlineTransparentWarning = 'var(--on-light-outline-transparen
 export var onLightOutlineTransparentNegative = 'var(--on-light-outline-transparent-negative, rgba(243,27,49,0.2))';
 /** Прозрачный цвет обводки информация на светлом фоне */
 export var onLightOutlineTransparentInfo = 'var(--on-light-outline-transparent-info, rgba(11,126,203,0.2))';
-export var onLightOutlineSolidDefault = 'var(--on-light-outline-solid-default, #060A0C)';
-export var onLightOutlineSolidDefaultHover = 'var(--on-light-outline-solid-default-hover, #1B2D36FF)';
-export var onLightOutlineSolidDefaultActive = 'var(--on-light-outline-solid-default-active, #111C22FF)';
-/** Цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarning = 'var(--on-light-outline-warning, #FA5F05)';
-/** Цвет обводки ошибка на светлом фоне */
-export var onLightOutlineNegative = 'var(--on-light-outline-negative, #E31227)';
 /** Инвертированный основной непрозрачный цвет обводки */
 export var inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primary-hover, #AFC2CFFF)';
 /** Инвертированный основной непрозрачный цвет обводки */
@@ -1371,7 +1452,35 @@ export var inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-sec
 /** Инвертированный третичный непрозрачный цвет обводки */
 export var inverseOutlineSolidTertiaryHover = 'var(--inverse-outline-solid-tertiary-hover, #FFFFFFFF)';
 /** Инвертированный третичный непрозрачный цвет обводки */
-export var inverseOutlineSolidTertiaryActive = 'var(--inverse-outline-solid-tertiary-active, #68757DFF)';
+export var inverseOutlineSolidTertiaryActive = 'var(--inverse-outline-solid-tertiary-active, #737373FF)';
+/** Инвертированный прозрачный цвет обводки по умолчанию */
+export var inverseOutlineTransparentDefaultHover = 'var(--inverse-outline-transparent-default-hover, #FFFFFFFF)';
+/** Инвертированный прозрачный цвет обводки по умолчанию */
+export var inverseOutlineTransparentDefaultActive = 'var(--inverse-outline-transparent-default-active, #C7C7C7FF)';
+/** Инвертированный основной прозрачный цвет обводки */
+export var inverseOutlineTransparentPrimary = 'var(--inverse-outline-transparent-primary, #060A0C1F)';
+/** Инвертированный основной прозрачный цвет обводки */
+export var inverseOutlineTransparentPrimaryHover = 'var(--inverse-outline-transparent-primary-hover, #070B0EFF)';
+/** Инвертированный основной прозрачный цвет обводки */
+export var inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active, #070B0E25)';
+/** Инвертированный вторичный прозрачный цвет обводки */
+export var inverseOutlineTransparentSecondary = 'var(--inverse-outline-transparent-secondary, #060A0C47)';
+/** Инвертированный вторичный прозрачный цвет обводки */
+export var inverseOutlineTransparentSecondaryHover = 'var(--inverse-outline-transparent-secondary-hover, #070B0EFF)';
+/** Инвертированный вторичный прозрачный цвет обводки */
+export var inverseOutlineTransparentSecondaryActive = 'var(--inverse-outline-transparent-secondary-active, #070B0E56)';
+/** Инвертированный третичный прозрачный цвет обводки */
+export var inverseOutlineTransparentTertiary = 'var(--inverse-outline-transparent-tertiary, #060A0C8F)';
+/** Инвертированный третичный прозрачный цвет обводки */
+export var inverseOutlineTransparentTertiaryHover = 'var(--inverse-outline-transparent-tertiary-hover, #070B0EFF)';
+/** Инвертированный третичный прозрачный цвет обводки */
+export var inverseOutlineTransparentTertiaryActive = 'var(--inverse-outline-transparent-tertiary-active, #070B0EAB)';
+/** Инвертированная бесцветная обводка */
+export var inverseOutlineClear = 'var(--inverse-outline-clear, #FFFFFF00)';
+/** Инвертированная бесцветная обводка */
+export var inverseOutlineClearHover = 'var(--inverse-outline-clear-hover, #FFFFFF00)';
+/** Инвертированная бесцветная обводка */
+export var inverseOutlineClearActive = 'var(--inverse-outline-clear-active, #FFFFFF00)';
 /** Инвертированный акцентный цвет обводки */
 export var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #34A7F4FF)';
 /** Инвертированный акцентный цвет обводки */
@@ -1389,13 +1498,13 @@ export var inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover,
 /** Инвертированный цвет обводки успех */
 export var inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active, #0D731EFF)';
 /** Инвертированный цвет обводки предупреждение */
-export var inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover, #FB7223FF)';
+export var inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover, #FD650DFF)';
 /** Инвертированный цвет обводки предупреждение */
-export var inverseOutlineWarningActive = 'var(--inverse-outline-warning-active, #DC5304FF)';
+export var inverseOutlineWarningActive = 'var(--inverse-outline-warning-active, #CA4B02FF)';
 /** Инвертированный цвет обводки ошибка */
-export var inverseOutlineNegativeHover = 'var(--inverse-outline-negative-hover, #ED263AFF)';
+export var inverseOutlineNegativeHover = 'var(--inverse-outline-negative-hover, #F5384BFF)';
 /** Инвертированный цвет обводки ошибка */
-export var inverseOutlineNegativeActive = 'var(--inverse-outline-negative-active, #C61022FF)';
+export var inverseOutlineNegativeActive = 'var(--inverse-outline-negative-active, #E40C22FF)';
 /** Инвертированный цвет обводки информация */
 export var inverseOutlineInfoHover = 'var(--inverse-outline-info-hover, #34A7F4FF)';
 /** Инвертированный цвет обводки информация */
@@ -1436,6 +1545,10 @@ export var inverseOutlineTransparentInfoActive = 'var(--inverse-outline-transpar
 export var inverseOutlineSolidPrimary = 'var(--inverse-outline-solid-primary, #D5DFE6)';
 /** Инвертированный вторичный непрозрачный цвет обводки */
 export var inverseOutlineSolidSecondary = 'var(--inverse-outline-solid-secondary, #8A959D)';
+/** Инвертированный третичный непрозрачный цвет обводки */
+export var inverseOutlineSolidTertiary = 'var(--inverse-outline-solid-tertiary, #707070)';
+/** Инвертированный прозрачный цвет обводки по умолчанию */
+export var inverseOutlineTransparentDefault = 'var(--inverse-outline-transparent-default, #080808)';
 /** Инвертированный акцентный цвет обводки */
 export var inverseOutlineAccent = 'var(--inverse-outline-accent, #0B7ECB)';
 /** Инвертированный акцентный минорный непрозрачный цвет обводки */
@@ -1444,6 +1557,10 @@ export var inverseOutlineAccentMinor = 'var(--inverse-outline-accent-minor, #52B
 export var inverseOutlineTransparentAccent = 'var(--inverse-outline-transparent-accent, rgba(11,126,203,0.2))';
 /** Инвертированный цвет обводки успех */
 export var inverseOutlinePositive = 'var(--inverse-outline-positive, #108E26)';
+/** Инвертированный цвет обводки предупреждение */
+export var inverseOutlineWarning = 'var(--inverse-outline-warning, #E85702)';
+/** Инвертированный цвет обводки ошибка */
+export var inverseOutlineNegative = 'var(--inverse-outline-negative, #F31B31)';
 /** Инвертированный цвет обводки информация */
 export var inverseOutlineInfo = 'var(--inverse-outline-info, #0B7ECB)';
 /** Инвертированный минорный цвет обводки успех */
@@ -1462,15 +1579,6 @@ export var inverseOutlineTransparentWarning = 'var(--inverse-outline-transparent
 export var inverseOutlineTransparentNegative = 'var(--inverse-outline-transparent-negative, rgba(243,27,49,0.2))';
 /** Прозрачный инвертированный цвет обводки информация */
 export var inverseOutlineTransparentInfo = 'var(--inverse-outline-transparent-info, rgba(11,126,203,0.2))';
-export var inverseOutlineSolidDefault = 'var(--inverse-outline-solid-default, #060A0C)';
-export var inverseOutlineSolidDefaultHover = 'var(--inverse-outline-solid-default-hover, #1B2D36FF)';
-export var inverseOutlineSolidDefaultActive = 'var(--inverse-outline-solid-default-active, #111C22FF)';
-/** Инвертированный цвет обводки предупреждение */
-export var inverseOutlineWarning = 'var(--inverse-outline-warning, #FA5F05)';
-/** Инвертированный цвет обводки ошибка */
-export var inverseOutlineNegative = 'var(--inverse-outline-negative, #E31227)';
-/** Инвертированный третичный непрозрачный цвет обводки */
-export var inverseOutlineSolidTertiary = 'var(--inverse-outline-solid-tertiary, #657179)';
 /** Желтый цвет для данных */
 export var dataDefaultDataYellow = 'var(--data-default-data-yellow, #F3A912)';
 /** Желтый цвет для данных */
@@ -1489,10 +1597,6 @@ export var dataDefaultDataYellowTransparent = 'var(--data-default-data-yellow-tr
 export var dataDefaultDataYellowTransparentHover = 'var(--data-default-data-yellow-transparent-hover, #F3A812AD)';
 /** Прозрачный желтый цвет для данных */
 export var dataDefaultDataYellowTransparentActive = 'var(--data-default-data-yellow-transparent-active, #F3A81280)';
-/** Светлый желтый цвет для данных */
-export var dataDefaultDataYellowLight = 'var(--data-default-data-yellow-light, #332200)';
-/** Светлый голубой цвет для данных */
-export var dataDefaultDataSkyBlueLight = 'var(--data-default-data-sky-blue-light, #0C283B)';
 /** Желтый цвет для данных на темном фоне */
 export var dataOnDarkDataYellow = 'var(--data-on-dark-data-yellow, #F3A912)';
 /** Желтый цвет для данных на темном фоне */
@@ -1511,10 +1615,6 @@ export var dataOnDarkDataYellowTransparent = 'var(--data-on-dark-data-yellow-tra
 export var dataOnDarkDataYellowTransparentHover = 'var(--data-on-dark-data-yellow-transparent-hover, #F3A812AD)';
 /** Прозрачный желтый цвет для данных на темном фоне */
 export var dataOnDarkDataYellowTransparentActive = 'var(--data-on-dark-data-yellow-transparent-active, #F3A81280)';
-/** Светлый желтый цвет для данных на темном фоне */
-export var dataOnDarkDataYellowLight = 'var(--data-on-dark-data-yellow-light, #332200)';
-/** Светлый голубой цвет для данных на темном фоне */
-export var dataOnDarkDataSkyBlueLight = 'var(--data-on-dark-data-sky-blue-light, #0C283B)';
 /** Желтый цвет для данных на светлом фоне */
 export var dataOnLightDataYellow = 'var(--data-on-light-data-yellow, #F3A912)';
 /** Желтый цвет для данных на светлом фоне */
@@ -1533,10 +1633,6 @@ export var dataOnLightDataYellowTransparent = 'var(--data-on-light-data-yellow-t
 export var dataOnLightDataYellowTransparentHover = 'var(--data-on-light-data-yellow-transparent-hover, #F3A812AD)';
 /** Прозрачный желтый цвет для данных на светлом фоне */
 export var dataOnLightDataYellowTransparentActive = 'var(--data-on-light-data-yellow-transparent-active, #F3A81280)';
-/** Светлый желтый цвет для данных на светлом фоне */
-export var dataOnLightDataYellowLight = 'var(--data-on-light-data-yellow-light, #FFF6E5)';
-/** Светлый голубой цвет для данных на светлом фоне */
-export var dataOnLightDataSkyBlueLight = 'var(--data-on-light-data-sky-blue-light, #E8FAFF)';
 /** Инвертированный желтый цвет для данных */
 export var dataInverseDataYellow = 'var(--data-inverse-data-yellow, #F3A912)';
 /** Инвертированный желтый цвет для данных */
@@ -1555,10 +1651,6 @@ export var dataInverseDataYellowTransparent = 'var(--data-inverse-data-yellow-tr
 export var dataInverseDataYellowTransparentHover = 'var(--data-inverse-data-yellow-transparent-hover, #F3A812AD)';
 /** Инвертированный прозрачный желтый цвет для данных */
 export var dataInverseDataYellowTransparentActive = 'var(--data-inverse-data-yellow-transparent-active, #F3A81280)';
-/** Инвертированный светлый желтый цвет для данных */
-export var dataInverseDataYellowLight = 'var(--data-inverse-data-yellow-light, #FFF6E5)';
-/** Инвертированный светлый голубой цвет для данных */
-export var dataInverseDataSkyBlueLight = 'var(--data-inverse-data-sky-blue-light, #E8FAFF)';
 export var skeletonGradient = 'var(--skeleton-gradient, linear-gradient( 90deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.08) 6.25%, rgba(255, 255, 255, 0.05) 12.5%, rgba(255, 255, 255, 0.01) 25%, rgba(255, 255, 255, 0.05) 37.5%, rgba(255, 255, 255, 0.08) 43.75%, rgba(255, 255, 255, 0.09) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.05) 62.5%, rgba(255, 255, 255, 0.01) 75%, rgba(255, 255, 255, 0.05) 87.5%, rgba(255, 255, 255, 0.08) 93.75%, rgba(255, 255, 255, 0.09) 100% ))';
 export var skeletonGradientLighter = 'var(--skeleton-gradient-lighter, linear-gradient( 90deg, rgba(255, 255, 255, 0.36) 0%, rgba(255, 255, 255, 0.32) 6.25%, rgba(255, 255, 255, 0.20) 12.5%, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.20) 37.5%, rgba(255, 255, 255, 0.32) 43.75%, rgba(255, 255, 255, 0.36) 50%, rgba(255, 255, 255, 0.08) 56.25%, rgba(255, 255, 255, 0.20) 62.5%, rgba(255, 255, 255, 0.04) 75%, rgba(255, 255, 255, 0.20) 87.5%, rgba(255, 255, 255, 0.32) 93.75%, rgba(255, 255, 255, 0.36) 100% ))';
 /** @deprecated instead use onDarkTextPrimary */