@salutejs/plasma-tokens 1.127.0-canary.2451.21507821435.0 → 1.127.0-dev.0

package/es/brands/sdds_bcp/index.js

@@ -18,17 +18,17 @@ export var textParagraphHover = 'var(--text-paragraph-hover, #F5F5F57A)';
 /** Сплошной наборный текст */
 export var textParagraphActive = 'var(--text-paragraph-active, #F5F5F5A3)';
 /** Акцентный цвет */
-export var textAccent = 'var(--text-accent, #C46BFF)';
+export var textAccentHover = 'var(--text-accent-hover, #B9A9F9FF)';
 /** Акцентный цвет */
-export var textAccentHover = 'var(--text-accent-hover, #E4BDFFFF)';
-/** Акцентный цвет */
-export var textAccentActive = 'var(--text-accent-active, #B84DFFFF)';
-/** Акцентный минорный цвет */
-export var textAccentMinor = 'var(--text-accent-minor, #722BA1)';
+export var textAccentActive = 'var(--text-accent-active, #633FF3FF)';
+/** Акцентный цвет с градиентом */
+export var textAccentGradientHover = 'var(--text-accent-gradient-hover, #858585FF)';
+/** Акцентный цвет с градиентом */
+export var textAccentGradientActive = 'var(--text-accent-gradient-active, #666666FF)';
 /** Акцентный минорный цвет */
-export var textAccentMinorHover = 'var(--text-accent-minor-hover, #FFFFFFFF)';
+export var textAccentMinorHover = 'var(--text-accent-minor-hover, #412AA7FF)';
 /** Акцентный минорный цвет */
-export var textAccentMinorActive = 'var(--text-accent-minor-active, #8933C1FF)';
+export var textAccentMinorActive = 'var(--text-accent-minor-active, #281966FF)';
 /** Цвет успеха */
 export var textPositive = 'var(--text-positive, #24B23E)';
 /** Цвет успеха */
@@ -85,6 +85,12 @@ export var textSecondary = 'var(--text-secondary, #F5F5F58F)';
 export var textTertiary = 'var(--text-tertiary, #F5F5F547)';
 /** Сплошной наборный текст */
 export var textParagraph = 'var(--text-paragraph, #F5F5F5CC)';
+/** Акцентный цвет */
+export var textAccent = 'var(--text-accent, #7B5CF5)';
+/** Акцентный минорный цвет */
+export var textAccentMinor = 'var(--text-accent-minor, #2F1E77)';
+/** Акцентный цвет с градиентом */
+export var textAccentGradient = 'var(--text-accent-gradient, linear-gradient(45.00deg, rgb(95,65,217) 0%, rgb(167,77,231)100%))';
 /** Основной цвет текста на темном фоне */
 export var onDarkTextPrimaryHover = 'var(--on-dark-text-primary-hover, #F5F5F593)';
 /** Основной цвет текста на темном фоне */
@@ -104,17 +110,17 @@ export var onDarkTextParagraphHover = 'var(--on-dark-text-paragraph-hover, #F5F5
 /** Сплошной наборный текст на темном фоне */
 export var onDarkTextParagraphActive = 'var(--on-dark-text-paragraph-active, #F5F5F5A3)';
 /** Акцентный цвет на темном фоне */
-export var onDarkTextAccent = 'var(--on-dark-text-accent, #C46BFF)';
+export var onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #B9A9F9FF)';
 /** Акцентный цвет на темном фоне */
-export var onDarkTextAccentHover = 'var(--on-dark-text-accent-hover, #E4BDFFFF)';
-/** Акцентный цвет на темном фоне */
-export var onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #B84DFFFF)';
-/** Акцентный минорный цвет на темном фоне */
-export var onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #722BA1)';
+export var onDarkTextAccentActive = 'var(--on-dark-text-accent-active, #633FF3FF)';
+/** Акцентный цвет с градиентом на темном фоне */
+export var onDarkTextAccentGradientHover = 'var(--on-dark-text-accent-gradient-hover, #858585FF)';
+/** Акцентный цвет с градиентом на темном фоне */
+export var onDarkTextAccentGradientActive = 'var(--on-dark-text-accent-gradient-active, #666666FF)';
 /** Акцентный минорный цвет на темном фоне */
-export var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #FFFFFFFF)';
+export var onDarkTextAccentMinorHover = 'var(--on-dark-text-accent-minor-hover, #412AA7FF)';
 /** Акцентный минорный цвет на темном фоне */
-export var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #8933C1FF)';
+export var onDarkTextAccentMinorActive = 'var(--on-dark-text-accent-minor-active, #281966FF)';
 /** Цвет успеха на темном фоне */
 export var onDarkTextPositive = 'var(--on-dark-text-positive, #24B23E)';
 /** Цвет успеха на темном фоне */
@@ -171,6 +177,12 @@ export var onDarkTextSecondary = 'var(--on-dark-text-secondary, #F5F5F58F)';
 export var onDarkTextTertiary = 'var(--on-dark-text-tertiary, #F5F5F547)';
 /** Сплошной наборный текст на темном фоне */
 export var onDarkTextParagraph = 'var(--on-dark-text-paragraph, #F5F5F5CC)';
+/** Акцентный цвет на темном фоне */
+export var onDarkTextAccent = 'var(--on-dark-text-accent, #7B5CF5)';
+/** Акцентный минорный цвет на темном фоне */
+export var onDarkTextAccentMinor = 'var(--on-dark-text-accent-minor, #2F1E77)';
+/** Акцентный цвет с градиентом на темном фоне */
+export var onDarkTextAccentGradient = 'var(--on-dark-text-accent-gradient, linear-gradient(45.00deg, rgb(95,65,217) 0%, rgb(167,77,231)100%))';
 /** Основной цвет текста на светлом фоне */
 export var onLightTextPrimary = 'var(--on-light-text-primary, #171717F5)';
 /** Основной цвет текста на светлом фоне */
@@ -198,17 +210,17 @@ export var onLightTextParagraphHover = 'var(--on-light-text-paragraph-hover, #17
 /** Сплошной наборный текст на светлом фоне */
 export var onLightTextParagraphActive = 'var(--on-light-text-paragraph-active, #171717A3)';
 /** Акцентный цвет на светлом фоне */
-export var onLightTextAccent = 'var(--on-light-text-accent, #AD42F5)';
+export var onLightTextAccentHover = 'var(--on-light-text-accent-hover, #8977DAFF)';
 /** Акцентный цвет на светлом фоне */
-export var onLightTextAccentHover = 'var(--on-light-text-accent-hover, #CF90F9FF)';
-/** Акцентный цвет на светлом фоне */
-export var onLightTextAccentActive = 'var(--on-light-text-accent-active, #A125F4FF)';
-/** Акцентный минорный цвет на светлом фоне */
-export var onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #D39CF7)';
+export var onLightTextAccentActive = 'var(--on-light-text-accent-active, #412CA0FF)';
+/** Акцентный цвет с градиентом на светлом фоне */
+export var onLightTextAccentGradientHover = 'var(--on-light-text-accent-gradient-hover, #CCCCCCFF)';
+/** Акцентный цвет с градиентом на светлом фоне */
+export var onLightTextAccentGradientActive = 'var(--on-light-text-accent-gradient-active, #E6E6E6FF)';
 /** Акцентный минорный цвет на светлом фоне */
-export var onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #F4E7FDFF)';
+export var onLightTextAccentMinorHover = 'var(--on-light-text-accent-minor-hover, #B7A3FFFF)';
 /** Акцентный минорный цвет на светлом фоне */
-export var onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #C680F5FF)';
+export var onLightTextAccentMinorActive = 'var(--on-light-text-accent-minor-active, #7752FFFF)';
 /** Цвет успеха на светлом фоне */
 export var onLightTextPositive = 'var(--on-light-text-positive, #108E26)';
 /** Цвет успеха на светлом фоне */
@@ -257,6 +269,12 @@ export var onLightTextInfoMinor = 'var(--on-light-text-info-minor, #52BAFF)';
 export var onLightTextInfoMinorHover = 'var(--on-light-text-info-minor-hover, #A3DAFFFF)';
 /** Минорный цвет информации на светлом фоне */
 export var onLightTextInfoMinorActive = 'var(--on-light-text-info-minor-active, #33ADFFFF)';
+/** Акцентный цвет на светлом фоне */
+export var onLightTextAccent = 'var(--on-light-text-accent, #4B32B8)';
+/** Акцентный минорный цвет на светлом фоне */
+export var onLightTextAccentMinor = 'var(--on-light-text-accent-minor, #967AFF)';
+/** Акцентный цвет с градиентом на светлом фоне */
+export var onLightTextAccentGradient = 'var(--on-light-text-accent-gradient, linear-gradient(45.00deg, rgb(95,65,217) 0%, rgb(167,77,231)100%))';
 /** Инвертированный основной цвет текста */
 export var inverseTextPrimary = 'var(--inverse-text-primary, #171717F5)';
 /** Инвертированный основной цвет текста */
@@ -284,17 +302,17 @@ export var inverseTextParagraphHover = 'var(--inverse-text-paragraph-hover, #171
 /** Инвертированный сплошной наборный текст */
 export var inverseTextParagraphActive = 'var(--inverse-text-paragraph-active, #171717A3)';
 /** Инвертированный акцентный цвет */
-export var inverseTextAccent = 'var(--inverse-text-accent, #AD42F5)';
+export var inverseTextAccentHover = 'var(--inverse-text-accent-hover, #8977DAFF)';
 /** Инвертированный акцентный цвет */
-export var inverseTextAccentHover = 'var(--inverse-text-accent-hover, #CF90F9FF)';
-/** Инвертированный акцентный цвет */
-export var inverseTextAccentActive = 'var(--inverse-text-accent-active, #A125F4FF)';
-/** Инвертированный минорный акцентный цвет */
-export var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #D39CF7)';
+export var inverseTextAccentActive = 'var(--inverse-text-accent-active, #412CA0FF)';
+/** Инвертированный акцентный цвет с градиентом */
+export var inverseTextAccentGradientHover = 'var(--inverse-text-accent-gradient-hover, #CCCCCCFF)';
+/** Инвертированный акцентный цвет с градиентом */
+export var inverseTextAccentGradientActive = 'var(--inverse-text-accent-gradient-active, #E6E6E6FF)';
 /** Инвертированный минорный акцентный цвет */
-export var inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #F4E7FDFF)';
+export var inverseTextAccentMinorHover = 'var(--inverse-text-accent-minor-hover, #B7A3FFFF)';
 /** Инвертированный минорный акцентный цвет */
-export var inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #C680F5FF)';
+export var inverseTextAccentMinorActive = 'var(--inverse-text-accent-minor-active, #7752FFFF)';
 /** Инвертированный цвет успеха */
 export var inverseTextPositive = 'var(--inverse-text-positive, #108E26)';
 /** Инвертированный цвет успеха */
@@ -343,6 +361,12 @@ export var inverseTextInfoMinor = 'var(--inverse-text-info-minor, #52BAFF)';
 export var inverseTextInfoMinorHover = 'var(--inverse-text-info-minor-hover, #A3DAFFFF)';
 /** Инвертированный минорный цвет информации */
 export var inverseTextInfoMinorActive = 'var(--inverse-text-info-minor-active, #33ADFFFF)';
+/** Инвертированный акцентный цвет */
+export var inverseTextAccent = 'var(--inverse-text-accent, #4B32B8)';
+/** Инвертированный минорный акцентный цвет */
+export var inverseTextAccentMinor = 'var(--inverse-text-accent-minor, #967AFF)';
+/** Инвертированный акцентный цвет с градиентом */
+export var inverseTextAccentGradient = 'var(--inverse-text-accent-gradient, linear-gradient(45.00deg, rgb(95,65,217) 0%, rgb(167,77,231)100%))';
 /** Основной непрозрачный фон поверхности/контрола */
 export var surfaceSolidPrimary = 'var(--surface-solid-primary, #171717)';
 /** Основной непрозрачный фон поверхности/контрола */
@@ -416,23 +440,21 @@ export var surfaceClearHover = 'var(--surface-clear-hover, #FFFFFFFF)';
 /** Фон поверхности/контрола без заливки */
 export var surfaceClearActive = 'var(--surface-clear-active, #FFFFFFFF)';
 /** Акцентный фон поверхности/контрола */
-export var surfaceAccent = 'var(--surface-accent, #B559F3)';
+export var surfaceAccentHover = 'var(--surface-accent-hover, #6C50DCFF)';
 /** Акцентный фон поверхности/контрола */
-export var surfaceAccentHover = 'var(--surface-accent-hover, #C275F5FF)';
-/** Акцентный фон поверхности/контрола */
-export var surfaceAccentActive = 'var(--surface-accent-active, #B14FF3FF)';
-/** Акцентный минорный непрозрачный фон поверхности/контрола */
-export var surfaceAccentMinor = 'var(--surface-accent-minor, #36154C)';
+export var surfaceAccentActive = 'var(--surface-accent-active, #5737D7FF)';
+/** Акцентный фон поверхности/контрола с градиентом */
+export var surfaceAccentGradientHover = 'var(--surface-accent-gradient-hover, #FFFFFFFF)';
+/** Акцентный фон поверхности/контрола с градиентом */
+export var surfaceAccentGradientActive = 'var(--surface-accent-gradient-active, #FFFFFFFF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола */
-export var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #41195CFF)';
+export var surfaceAccentMinorHover = 'var(--surface-accent-minor-hover, #211556FF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола */
-export var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #301344FF)';
+export var surfaceAccentMinorActive = 'var(--surface-accent-minor-active, #170F3EFF)';
 /** Прозрачный акцентный фон поверхности/контрола */
-export var surfaceTransparentAccent = 'var(--surface-transparent-accent, #B559F333)';
+export var surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #5E3FD952)';
 /** Прозрачный акцентный фон поверхности/контрола */
-export var surfaceTransparentAccentHover = 'var(--surface-transparent-accent-hover, #B558F352)';
-/** Прозрачный акцентный фон поверхности/контрола */
-export var surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #B558F324)';
+export var surfaceTransparentAccentActive = 'var(--surface-transparent-accent-active, #5E3FD924)';
 /** Цвет фона поверхности/контрола успех */
 export var surfacePositive = 'var(--surface-positive, #1A9E32)';
 /** Цвет фона поверхности/контрола успех */
@@ -505,6 +527,14 @@ export var surfaceTransparentInfo = 'var(--surface-transparent-info, #118CDF33)'
 export var surfaceTransparentInfoHover = 'var(--surface-transparent-info-hover, #118CDF52)';
 /** Прозрачный цвет фона поверхности/контрола информация */
 export var surfaceTransparentInfoActive = 'var(--surface-transparent-info-active, #118CDF24)';
+/** Акцентный фон поверхности/контрола */
+export var surfaceAccent = 'var(--surface-accent, #5F41D9)';
+/** Акцентный минорный непрозрачный фон поверхности/контрола */
+export var surfaceAccentMinor = 'var(--surface-accent-minor, #1B1147)';
+/** Прозрачный акцентный фон поверхности/контрола */
+export var surfaceTransparentAccent = 'var(--surface-transparent-accent, #5F41D933)';
+/** Акцентный фон поверхности/контрола с градиентом */
+export var surfaceAccentGradient = 'var(--surface-accent-gradient, linear-gradient(45.00deg, rgb(95,65,217) 0%, rgb(167,77,231)100%))';
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
 export var onDarkSurfaceSolidPrimary = 'var(--on-dark-surface-solid-primary, #171717)';
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
@@ -578,23 +608,21 @@ export var onDarkSurfaceClearHover = 'var(--on-dark-surface-clear-hover, #FFFFFF
 /** Фон поверхности/контрола без заливки на темном фоне */
 export var onDarkSurfaceClearActive = 'var(--on-dark-surface-clear-active, #FFFFFFFF)';
 /** Акцентный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #B559F3)';
+export var onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #6C50DCFF)';
 /** Акцентный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceAccentHover = 'var(--on-dark-surface-accent-hover, #C275F5FF)';
-/** Акцентный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #B14FF3FF)';
-/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #36154C)';
+export var onDarkSurfaceAccentActive = 'var(--on-dark-surface-accent-active, #5737D7FF)';
+/** Акцентный фон поверхности/контрола с градиентом на темном фоне */
+export var onDarkSurfaceAccentGradientHover = 'var(--on-dark-surface-accent-gradient-hover, #FFFFFFFF)';
+/** Акцентный фон поверхности/контрола с градиентом на темном фоне */
+export var onDarkSurfaceAccentGradientActive = 'var(--on-dark-surface-accent-gradient-active, #FFFFFFFF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #41195CFF)';
+export var onDarkSurfaceAccentMinorHover = 'var(--on-dark-surface-accent-minor-hover, #211556FF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #301344FF)';
+export var onDarkSurfaceAccentMinorActive = 'var(--on-dark-surface-accent-minor-active, #170F3EFF)';
 /** Прозрачный акцентный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, #B559F333)';
+export var onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #5E3FD952)';
 /** Прозрачный акцентный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentAccentHover = 'var(--on-dark-surface-transparent-accent-hover, #B558F352)';
-/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
-export var onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #B558F324)';
+export var onDarkSurfaceTransparentAccentActive = 'var(--on-dark-surface-transparent-accent-active, #5E3FD924)';
 /** Цвет фона поверхности/контрола успех на темном фоне */
 export var onDarkSurfacePositive = 'var(--on-dark-surface-positive, #1A9E32)';
 /** Цвет фона поверхности/контрола успех на темном фоне */
@@ -667,6 +695,14 @@ export var onDarkSurfaceTransparentInfo = 'var(--on-dark-surface-transparent-inf
 export var onDarkSurfaceTransparentInfoHover = 'var(--on-dark-surface-transparent-info-hover, #118CDF52)';
 /** Прозрачный цвет фона поверхности/контрола информация на темном фоне */
 export var onDarkSurfaceTransparentInfoActive = 'var(--on-dark-surface-transparent-info-active, #118CDF24)';
+/** Акцентный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceAccent = 'var(--on-dark-surface-accent, #5F41D9)';
+/** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceAccentMinor = 'var(--on-dark-surface-accent-minor, #1B1147)';
+/** Прозрачный акцентный фон поверхности/контрола на темном фоне */
+export var onDarkSurfaceTransparentAccent = 'var(--on-dark-surface-transparent-accent, #5F41D933)';
+/** Акцентный фон поверхности/контрола с градиентом на темном фоне */
+export var onDarkSurfaceAccentGradient = 'var(--on-dark-surface-accent-gradient, linear-gradient(45.00deg, rgb(95,65,217) 0%, rgb(167,77,231)100%))';
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
 export var onLightSurfaceSolidPrimary = 'var(--on-light-surface-solid-primary, #F5F5F5)';
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
@@ -736,23 +772,21 @@ export var onLightSurfaceClearHover = 'var(--on-light-surface-clear-hover, #FFFF
 /** Фон поверхности/контрола без заливки на светлом фоне */
 export var onLightSurfaceClearActive = 'var(--on-light-surface-clear-active, #FFFFFFFF)';
 /** Акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccent = 'var(--on-light-surface-accent, #B559F3)';
+export var onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #6C50DCFF)';
 /** Акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccentHover = 'var(--on-light-surface-accent-hover, #C275F5FF)';
-/** Акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #B14FF3FF)';
-/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #F4E3FF)';
+export var onLightSurfaceAccentActive = 'var(--on-light-surface-accent-active, #502ED6FF)';
+/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
+export var onLightSurfaceAccentGradientHover = 'var(--on-light-surface-accent-gradient-hover, #FFFFFFFF)';
+/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
+export var onLightSurfaceAccentGradientActive = 'var(--on-light-surface-accent-gradient-active, #FFFFFFFF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #F9F0FFFF)';
+export var onLightSurfaceAccentMinorHover = 'var(--on-light-surface-accent-minor-hover, #D3C7FFFF)';
 /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #F1DBFFFF)';
+export var onLightSurfaceAccentMinorActive = 'var(--on-light-surface-accent-minor-active, #CFC2FFFF)';
 /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #B559F31F)';
+export var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #5E3FD92E)';
 /** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentAccentHover = 'var(--on-light-surface-transparent-accent-hover, #B558F33D)';
-/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
-export var onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #B558F30F)';
+export var onLightSurfaceTransparentAccentActive = 'var(--on-light-surface-transparent-accent-active, #5E3FD933)';
 /** Цвет фона поверхности/контрола успех на светлом фоне */
 export var onLightSurfacePositive = 'var(--on-light-surface-positive, #1A9E32)';
 /** Цвет фона поверхности/контрола успех на светлом фоне */
@@ -829,6 +863,14 @@ export var onLightSurfaceTransparentInfoActive = 'var(--on-light-surface-transpa
 export var onLightSurfaceTransparentPrimary = 'var(--on-light-surface-transparent-primary, #08080808)';
 /** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
 export var onLightSurfaceTransparentSecondary = 'var(--on-light-surface-transparent-secondary, #0808080F)';
+/** Акцентный фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceAccent = 'var(--on-light-surface-accent, #5F41D9)';
+/** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceAccentMinor = 'var(--on-light-surface-accent-minor, #DAD0FF)';
+/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
+export var onLightSurfaceTransparentAccent = 'var(--on-light-surface-transparent-accent, #5F41D91F)';
+/** Акцентный фон поверхности/контрола с градиентом на светлом фоне */
+export var onLightSurfaceAccentGradient = 'var(--on-light-surface-accent-gradient, linear-gradient(45.00deg, rgb(95,65,217) 0%, rgb(167,77,231)100%))';
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
 export var inverseSurfaceSolidPrimary = 'var(--inverse-surface-solid-primary, #F5F5F5)';
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
@@ -898,23 +940,21 @@ export var inverseSurfaceClearHover = 'var(--inverse-surface-clear-hover, #FFFFF
 /** Инвертированный фон поверхности/контрола без заливки */
 export var inverseSurfaceClearActive = 'var(--inverse-surface-clear-active, #FFFFFFFF)';
 /** Инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceAccent = 'var(--inverse-surface-accent, #B559F3)';
+export var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #6C50DCFF)';
 /** Инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceAccentHover = 'var(--inverse-surface-accent-hover, #C275F5FF)';
-/** Инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #B14FF3FF)';
-/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
-export var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #F4E3FF)';
+export var inverseSurfaceAccentActive = 'var(--inverse-surface-accent-active, #502ED6FF)';
+/** Инвертированный акцентный фон поверхности/контрола с градиентом */
+export var inverseSurfaceAccentGradientHover = 'var(--inverse-surface-accent-gradient-hover, #FFFFFFFF)';
+/** Инвертированный акцентный фон поверхности/контрола с градиентом */
+export var inverseSurfaceAccentGradientActive = 'var(--inverse-surface-accent-gradient-active, #FFFFFFFF)';
 /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
-export var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #F9F0FFFF)';
+export var inverseSurfaceAccentMinorHover = 'var(--inverse-surface-accent-minor-hover, #D3C7FFFF)';
 /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
-export var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #F1DBFFFF)';
+export var inverseSurfaceAccentMinorActive = 'var(--inverse-surface-accent-minor-active, #CFC2FFFF)';
 /** Прозрачный инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #B559F31F)';
+export var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #5E3FD92E)';
 /** Прозрачный инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceTransparentAccentHover = 'var(--inverse-surface-transparent-accent-hover, #B558F33D)';
-/** Прозрачный инвертированный акцентный фон поверхности/контрола */
-export var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #B558F30F)';
+export var inverseSurfaceTransparentAccentActive = 'var(--inverse-surface-transparent-accent-active, #5E3FD933)';
 /** Инвертированный цвет фона поверхности/контрола успех */
 export var inverseSurfacePositive = 'var(--inverse-surface-positive, #1A9E32)';
 /** Инвертированный цвет фона поверхности/контрола успех */
@@ -991,6 +1031,14 @@ export var inverseSurfaceTransparentInfoActive = 'var(--inverse-surface-transpar
 export var inverseSurfaceTransparentPrimary = 'var(--inverse-surface-transparent-primary, #08080808)';
 /** Инвертированный вторичный прозрачный фон поверхности/контрола */
 export var inverseSurfaceTransparentSecondary = 'var(--inverse-surface-transparent-secondary, #0808080F)';
+/** Инвертированный акцентный фон поверхности/контрола */
+export var inverseSurfaceAccent = 'var(--inverse-surface-accent, #5F41D9)';
+/** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
+export var inverseSurfaceAccentMinor = 'var(--inverse-surface-accent-minor, #DAD0FF)';
+/** Прозрачный инвертированный акцентный фон поверхности/контрола */
+export var inverseSurfaceTransparentAccent = 'var(--inverse-surface-transparent-accent, #5F41D91F)';
+/** Инвертированный акцентный фон поверхности/контрола с градиентом */
+export var inverseSurfaceAccentGradient = 'var(--inverse-surface-accent-gradient, linear-gradient(45.00deg, rgb(95,65,217) 0%, rgb(167,77,231)100%))';
 /** Основной фон */
 export var backgroundPrimary = 'var(--background-primary, #080808)';
 /** Основной фон на темном фоне */
@@ -1072,23 +1120,21 @@ export var outlineClearHover = 'var(--outline-clear-hover, #FFFFFFFF)';
 /** Бесцветная обводка */
 export var outlineClearActive = 'var(--outline-clear-active, #FFFFFFFF)';
 /** Акцентный цвет обводки */
-export var outlineAccent = 'var(--outline-accent, #C46BFF)';
+export var outlineAccentHover = 'var(--outline-accent-hover, #B9A9F9FF)';
 /** Акцентный цвет обводки */
-export var outlineAccentHover = 'var(--outline-accent-hover, #E4BDFFFF)';
-/** Акцентный цвет обводки */
-export var outlineAccentActive = 'var(--outline-accent-active, #B84DFFFF)';
-/** Акцентный минорный непрозрачный цвет обводки */
-export var outlineAccentMinor = 'var(--outline-accent-minor, #722BA1)';
+export var outlineAccentActive = 'var(--outline-accent-active, #633FF3FF)';
+/** Акцентный цвет обводки с градиентом */
+export var outlineAccentGradientHover = 'var(--outline-accent-gradient-hover, #858585FF)';
+/** Акцентный цвет обводки с градиентом */
+export var outlineAccentGradientActive = 'var(--outline-accent-gradient-active, #666666FF)';
 /** Акцентный минорный непрозрачный цвет обводки */
-export var outlineAccentMinorHover = 'var(--outline-accent-minor-hover, #FFFFFFFF)';
+export var outlineAccentMinorHover = 'var(--outline-accent-minor-hover, #412AA7FF)';
 /** Акцентный минорный непрозрачный цвет обводки */
-export var outlineAccentMinorActive = 'var(--outline-accent-minor-active, #8933C1FF)';
+export var outlineAccentMinorActive = 'var(--outline-accent-minor-active, #281966FF)';
 /** Прозрачный акцентный цвет обводки */
-export var outlineTransparentAccent = 'var(--outline-transparent-accent, #C46BFF47)';
+export var outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover, #7B5CF5B3)';
 /** Прозрачный акцентный цвет обводки */
-export var outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover, #C46BFFFF)';
-/** Прозрачный акцентный цвет обводки */
-export var outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #C46BFF56)';
+export var outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #7B5CF52B)';
 /** Цвет обводки успех */
 export var outlinePositive = 'var(--outline-positive, #24B23E)';
 /** Цвет обводки успех */
@@ -1161,6 +1207,14 @@ export var outlineTransparentInfo = 'var(--outline-transparent-info, #199AF047)'
 export var outlineTransparentInfoHover = 'var(--outline-transparent-info-hover, #199AF0FF)';
 /** Прозрачный цвет обводки информация */
 export var outlineTransparentInfoActive = 'var(--outline-transparent-info-active, #199AF056)';
+/** Акцентный цвет обводки */
+export var outlineAccent = 'var(--outline-accent, #7B5CF5)';
+/** Акцентный минорный непрозрачный цвет обводки */
+export var outlineAccentMinor = 'var(--outline-accent-minor, #2F1E77)';
+/** Прозрачный акцентный цвет обводки */
+export var outlineTransparentAccent = 'var(--outline-transparent-accent, #7B5CF547)';
+/** Акцентный цвет обводки с градиентом */
+export var outlineAccentGradient = 'var(--outline-accent-gradient, linear-gradient(45.00deg,rgb(95,65,217)0%,rgb(167,77,231)100%))';
 /** Основной непрозрачный цвет обводки на темном фоне */
 export var onDarkOutlineSolidPrimary = 'var(--on-dark-outline-solid-primary, #262626)';
 /** Основной непрозрачный цвет обводки на темном фоне */
@@ -1210,23 +1264,21 @@ export var onDarkOutlineClearHover = 'var(--on-dark-outline-clear-hover, #FFFFFF
 /** Бесцветная обводка на темном фоне */
 export var onDarkOutlineClearActive = 'var(--on-dark-outline-clear-active, #FFFFFFFF)';
 /** Акцентный цвет обводки на темном фоне */
-export var onDarkOutlineAccent = 'var(--on-dark-outline-accent, #C46BFF)';
+export var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #B9A9F9FF)';
 /** Акцентный цвет обводки на темном фоне */
-export var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #E4BDFFFF)';
-/** Акцентный цвет обводки на темном фоне */
-export var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #B84DFFFF)';
-/** Акцентный минорный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineAccentMinor = 'var(--on-dark-outline-accent-minor, #722BA1)';
+export var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #633FF3FF)';
+/** Акцентный цвет обводки с градиентом на темном фоне */
+export var onDarkOutlineAccentGradientHover = 'var(--on-dark-outline-accent-gradient-hover, #858585FF)';
+/** Акцентный цвет обводки с градиентом на темном фоне */
+export var onDarkOutlineAccentGradientActive = 'var(--on-dark-outline-accent-gradient-active, #666666FF)';
 /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover, #FFFFFFFF)';
+export var onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover, #412AA7FF)';
 /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active, #8933C1FF)';
+export var onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active, #281966FF)';
 /** Прозрачный акцентный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentAccent = 'var(--on-dark-outline-transparent-accent, #C46BFF47)';
+export var onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover, #7B5CF5B3)';
 /** Прозрачный акцентный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover, #C46BFFFF)';
-/** Прозрачный акцентный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active, #C46BFF56)';
+export var onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active, #7B5CF52B)';
 /** Цвет обводки успех на темном фоне */
 export var onDarkOutlinePositive = 'var(--on-dark-outline-positive, #24B23E)';
 /** Цвет обводки успех на темном фоне */
@@ -1299,6 +1351,14 @@ export var onDarkOutlineTransparentInfo = 'var(--on-dark-outline-transparent-inf
 export var onDarkOutlineTransparentInfoHover = 'var(--on-dark-outline-transparent-info-hover, #199AF0FF)';
 /** Прозрачный цвет обводки информация на темном фоне */
 export var onDarkOutlineTransparentInfoActive = 'var(--on-dark-outline-transparent-info-active, #199AF056)';
+/** Акцентный цвет обводки на темном фоне */
+export var onDarkOutlineAccent = 'var(--on-dark-outline-accent, #7B5CF5)';
+/** Акцентный минорный непрозрачный цвет обводки на темном фоне */
+export var onDarkOutlineAccentMinor = 'var(--on-dark-outline-accent-minor, #2F1E77)';
+/** Прозрачный акцентный цвет обводки на темном фоне */
+export var onDarkOutlineTransparentAccent = 'var(--on-dark-outline-transparent-accent, #7B5CF547)';
+/** Акцентный цвет обводки с градиентом на темном фоне */
+export var onDarkOutlineAccentGradient = 'var(--on-dark-outline-accent-gradient, linear-gradient(45.00deg, rgb(95,65,217) 0%, rgb(167,77,231)100%))';
 /** Основной непрозрачный цвет обводки на светлом фоне */
 export var onLightOutlineSolidPrimary = 'var(--on-light-outline-solid-primary, #DDDDDD)';
 /** Основной непрозрачный цвет обводки на светлом фоне */
@@ -1348,23 +1408,21 @@ export var onLightOutlineClearHover = 'var(--on-light-outline-clear-hover, #FFFF
 /** Бесцветная обводка на светлом фоне */
 export var onLightOutlineClearActive = 'var(--on-light-outline-clear-active, #FFFFFFFF)';
 /** Акцентный цвет обводки на светлом фоне */
-export var onLightOutlineAccent = 'var(--on-light-outline-accent, #AD42F5)';
+export var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #8977DAFF)';
 /** Акцентный цвет обводки на светлом фоне */
-export var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #CF90F9FF)';
-/** Акцентный цвет обводки на светлом фоне */
-export var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #A125F4FF)';
-/** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor, #D39CF7)';
+export var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #412CA0FF)';
+/** Акцентный цвет обводки с градиентом на светлом фоне */
+export var onLightOutlineAccentGradientHover = 'var(--on-light-outline-accent-gradient-hover, #CCCCCCFF)';
+/** Акцентный цвет обводки с градиентом на светлом фоне */
+export var onLightOutlineAccentGradientActive = 'var(--on-light-outline-accent-gradient-active, #E6E6E6FF)';
 /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover, #F4E7FDFF)';
+export var onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover, #B7A3FFFF)';
 /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active, #C680F5FF)';
+export var onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active, #7752FFFF)';
 /** Прозрачный акцентный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentAccent = 'var(--on-light-outline-transparent-accent, #AD42F533)';
+export var onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover, #4B32B81F)';
 /** Прозрачный акцентный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover, #AD42F5FF)';
-/** Прозрачный акцентный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active, #AD42F53D)';
+export var onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active, #4B32B852)';
 /** Цвет обводки успех на светлом фоне */
 export var onLightOutlinePositive = 'var(--on-light-outline-positive, #108E26)';
 /** Цвет обводки успех на светлом фоне */
@@ -1437,6 +1495,14 @@ export var onLightOutlineTransparentInfo = 'var(--on-light-outline-transparent-i
 export var onLightOutlineTransparentInfoHover = 'var(--on-light-outline-transparent-info-hover, #0B7ECBFF)';
 /** Прозрачный цвет обводки информация на светлом фоне */
 export var onLightOutlineTransparentInfoActive = 'var(--on-light-outline-transparent-info-active, #0B7ECB3D)';
+/** Акцентный цвет обводки на светлом фоне */
+export var onLightOutlineAccent = 'var(--on-light-outline-accent, #4B32B8)';
+/** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
+export var onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor, #967AFF)';
+/** Прозрачный акцентный цвет обводки на светлом фоне */
+export var onLightOutlineTransparentAccent = 'var(--on-light-outline-transparent-accent, #4B32B833)';
+/** Акцентный цвет обводки с градиентом на светлом фоне */
+export var onLightOutlineAccentGradient = 'var(--on-light-outline-accent-gradient, linear-gradient(45.00deg, rgb(95,65,217) 0%, rgb(167,77,231)100%))';
 /** Инвертированный основной непрозрачный цвет обводки */
 export var inverseOutlineSolidPrimary = 'var(--inverse-outline-solid-primary, #DDDDDD)';
 /** Инвертированный основной непрозрачный цвет обводки */
@@ -1486,23 +1552,21 @@ export var inverseOutlineClearHover = 'var(--inverse-outline-clear-hover, #FFFFF
 /** Инвертированная бесцветная обводка */
 export var inverseOutlineClearActive = 'var(--inverse-outline-clear-active, #FFFFFFFF)';
 /** Инвертированный акцентный цвет обводки */
-export var inverseOutlineAccent = 'var(--inverse-outline-accent, #AD42F5)';
+export var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #8977DAFF)';
 /** Инвертированный акцентный цвет обводки */
-export var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #CF90F9FF)';
-/** Инвертированный акцентный цвет обводки */
-export var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #A125F4FF)';
-/** Инвертированный акцентный минорный непрозрачный цвет обводки */
-export var inverseOutlineAccentMinor = 'var(--inverse-outline-accent-minor, #D39CF7)';
+export var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #412CA0FF)';
+/** Инвертированный акцентный цвет обводки с градиентом */
+export var inverseOutlineAccentGradientHover = 'var(--inverse-outline-accent-gradient-hover, #CCCCCCFF)';
+/** Инвертированный акцентный цвет обводки с градиентом */
+export var inverseOutlineAccentGradientActive = 'var(--inverse-outline-accent-gradient-active, #E6E6E6FF)';
 /** Инвертированный акцентный минорный непрозрачный цвет обводки */
-export var inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover, #F4E7FDFF)';
+export var inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover, #B7A3FFFF)';
 /** Инвертированный акцентный минорный непрозрачный цвет обводки */
-export var inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active, #C680F5FF)';
+export var inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active, #7752FFFF)';
 /** Прозрачный инвертированный акцентный цвет обводки */
-export var inverseOutlineTransparentAccent = 'var(--inverse-outline-transparent-accent, #AD42F533)';
+export var inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover, #4B32B81F)';
 /** Прозрачный инвертированный акцентный цвет обводки */
-export var inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover, #AD42F5FF)';
-/** Прозрачный инвертированный акцентный цвет обводки */
-export var inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #AD42F53D)';
+export var inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #4B32B852)';
 /** Инвертированный цвет обводки успех */
 export var inverseOutlinePositive = 'var(--inverse-outline-positive, #108E26)';
 /** Инвертированный цвет обводки успех */
@@ -1575,6 +1639,14 @@ export var inverseOutlineTransparentInfo = 'var(--inverse-outline-transparent-in
 export var inverseOutlineTransparentInfoHover = 'var(--inverse-outline-transparent-info-hover, #0B7ECBFF)';
 /** Прозрачный инвертированный цвет обводки информация */
 export var inverseOutlineTransparentInfoActive = 'var(--inverse-outline-transparent-info-active, #0B7ECB3D)';
+/** Инвертированный акцентный цвет обводки */
+export var inverseOutlineAccent = 'var(--inverse-outline-accent, #4B32B8)';
+/** Инвертированный акцентный минорный непрозрачный цвет обводки */
+export var inverseOutlineAccentMinor = 'var(--inverse-outline-accent-minor, #967AFF)';
+/** Прозрачный инвертированный акцентный цвет обводки */
+export var inverseOutlineTransparentAccent = 'var(--inverse-outline-transparent-accent, #4B32B833)';
+/** Инвертированный акцентный цвет обводки с градиентом */
+export var inverseOutlineAccentGradient = 'var(--inverse-outline-accent-gradient, linear-gradient(45.00deg, rgb(95,65,217) 0%, rgb(167,77,231)100%))';
 /** Желтый цвет для данных */
 export var dataDefaultDataYellow = 'var(--data-default-data-yellow, #F3A912)';
 /** Минорный желтый цвет для данных */