@salutejs/plasma-tokens 1.117.0-canary.2077.16193273208.0 → 1.117.0-canary.2084.16417446408.0

package/es/brands/plasma_stards/index.js

@@ -1391,632 +1391,632 @@ export var onDarkOverlayHard = 'var(--on-dark-overlay-hard, #000000EB)';
 /** Оверлей с блюром */
 export var onDarkOverlayBlur = 'var(--on-dark-overlay-blur, #26262647)';
 /** Основной непрозрачный цвет обводки */
-export var outlineDefaultOutlineSolidPrimaryHover = 'var(--outline-default-outline-solid-primary-hover, #FFFFFFFF)';
+export var outlineSolidPrimaryHover = 'var(--outline-solid-primary-hover, #FFFFFFFF)';
 /** Основной непрозрачный цвет обводки */
-export var outlineDefaultOutlineSolidPrimaryActive = 'var(--outline-default-outline-solid-primary-active, #ADADADFF)';
+export var outlineSolidPrimaryActive = 'var(--outline-solid-primary-active, #ADADADFF)';
 /** Вторичный непрозрачный цвет обводки */
-export var outlineDefaultOutlineSolidSecondaryHover = 'var(--outline-default-outline-solid-secondary-hover, #FFFFFFFF)';
+export var outlineSolidSecondaryHover = 'var(--outline-solid-secondary-hover, #FFFFFFFF)';
 /** Вторичный непрозрачный цвет обводки */
-export var outlineDefaultOutlineSolidSecondaryActive = 'var(--outline-default-outline-solid-secondary-active, #8C8C8CFF)';
+export var outlineSolidSecondaryActive = 'var(--outline-solid-secondary-active, #8C8C8CFF)';
 /** Третичный непрозрачный цвет обводки */
-export var outlineDefaultOutlineSolidTertiaryHover = 'var(--outline-default-outline-solid-tertiary-hover, #FFFFFFFF)';
+export var outlineSolidTertiaryHover = 'var(--outline-solid-tertiary-hover, #FFFFFFFF)';
 /** Третичный непрозрачный цвет обводки */
-export var outlineDefaultOutlineSolidTertiaryActive = 'var(--outline-default-outline-solid-tertiary-active, #737373FF)';
+export var outlineSolidTertiaryActive = 'var(--outline-solid-tertiary-active, #737373FF)';
 /** Основной прозрачный цвет обводки */
-export var outlineDefaultOutlineTransparentPrimaryHover = 'var(--outline-default-outline-transparent-primary-hover, #FFFFFFFF)';
+export var outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover, #FFFFFFFF)';
 /** Основной прозрачный цвет обводки */
-export var outlineDefaultOutlineTransparentPrimaryActive = 'var(--outline-default-outline-transparent-primary-active, #FFFFFF25)';
+export var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active, #FFFFFF25)';
 /** Вторичный прозрачный цвет обводки */
-export var outlineDefaultOutlineTransparentSecondaryHover = 'var(--outline-default-outline-transparent-secondary-hover, #FFFFFFFF)';
+export var outlineTransparentSecondaryHover = 'var(--outline-transparent-secondary-hover, #FFFFFFFF)';
 /** Вторичный прозрачный цвет обводки */
-export var outlineDefaultOutlineTransparentSecondaryActive = 'var(--outline-default-outline-transparent-secondary-active, #FFFFFF3D)';
+export var outlineTransparentSecondaryActive = 'var(--outline-transparent-secondary-active, #FFFFFF3D)';
 /** Третичный прозрачный цвет обводки */
-export var outlineDefaultOutlineTransparentTertiaryHover = 'var(--outline-default-outline-transparent-tertiary-hover, #FFFFFFFF)';
+export var outlineTransparentTertiaryHover = 'var(--outline-transparent-tertiary-hover, #FFFFFFFF)';
 /** Третичный прозрачный цвет обводки */
-export var outlineDefaultOutlineTransparentTertiaryActive = 'var(--outline-default-outline-transparent-tertiary-active, #FFFFFF7A)';
+export var outlineTransparentTertiaryActive = 'var(--outline-transparent-tertiary-active, #FFFFFF7A)';
 /** Бесцветная обводка */
-export var outlineDefaultOutlineClearHover = 'var(--outline-default-outline-clear-hover, #FFFFFF00)';
+export var outlineClearHover = 'var(--outline-clear-hover, #FFFFFF00)';
 /** Бесцветная обводка */
-export var outlineDefaultOutlineClearActive = 'var(--outline-default-outline-clear-active, #FFFFFF00)';
+export var outlineClearActive = 'var(--outline-clear-active, #FFFFFF00)';
 /** Цвет обводки успех */
-export var outlineDefaultOutlinePositiveHover = 'var(--outline-default-outline-positive-hover, #2ACB47FF)';
+export var outlinePositiveHover = 'var(--outline-positive-hover, #2ACB47FF)';
 /** Цвет обводки успех */
-export var outlineDefaultOutlinePositiveActive = 'var(--outline-default-outline-positive-active, #1F9835FF)';
+export var outlinePositiveActive = 'var(--outline-positive-active, #1F9835FF)';
 /** Цвет обводки предупреждение */
-export var outlineDefaultOutlineWarningHover = 'var(--outline-default-outline-warning-hover, #FF8442FF)';
+export var outlineWarningHover = 'var(--outline-warning-hover, #FF8442FF)';
 /** Цвет обводки предупреждение */
-export var outlineDefaultOutlineWarningActive = 'var(--outline-default-outline-warning-active, #FF5D05FF)';
+export var outlineWarningActive = 'var(--outline-warning-active, #FF5D05FF)';
 /** Цвет обводки ошибка */
-export var outlineDefaultOutlineNegativeHover = 'var(--outline-default-outline-negative-hover, #FF5C6CFF)';
+export var outlineNegativeHover = 'var(--outline-negative-hover, #FF5C6CFF)';
 /** Цвет обводки ошибка */
-export var outlineDefaultOutlineNegativeActive = 'var(--outline-default-outline-negative-active, #FF1F35FF)';
+export var outlineNegativeActive = 'var(--outline-negative-active, #FF1F35FF)';
 /** Цвет обводки информация */
-export var outlineDefaultOutlineInfoHover = 'var(--outline-default-outline-info-hover, #66BCF5FF)';
+export var outlineInfoHover = 'var(--outline-info-hover, #66BCF5FF)';
 /** Цвет обводки информация */
-export var outlineDefaultOutlineInfoActive = 'var(--outline-default-outline-info-active, #0E8ADDFF)';
+export var outlineInfoActive = 'var(--outline-info-active, #0E8ADDFF)';
 /** Минорный цвет обводки успех */
-export var outlineDefaultOutlinePositiveMinorHover = 'var(--outline-default-outline-positive-minor-hover, #0F9527FF)';
+export var outlinePositiveMinorHover = 'var(--outline-positive-minor-hover, #0F9527FF)';
 /** Минорный цвет обводки успех */
-export var outlineDefaultOutlinePositiveMinorActive = 'var(--outline-default-outline-positive-minor-active, #0C7920FF)';
+export var outlinePositiveMinorActive = 'var(--outline-positive-minor-active, #0C7920FF)';
 /** Минорный цвет обводки предупреждение */
-export var outlineDefaultOutlineWarningMinorHover = 'var(--outline-default-outline-warning-minor-hover, #BB4F11FF)';
+export var outlineWarningMinorHover = 'var(--outline-warning-minor-hover, #BB4F11FF)';
 /** Минорный цвет обводки предупреждение */
-export var outlineDefaultOutlineWarningMinorActive = 'var(--outline-default-outline-warning-minor-active, #9F440FFF)';
+export var outlineWarningMinorActive = 'var(--outline-warning-minor-active, #9F440FFF)';
 /** Минорный цвет обводки ошибка */
-export var outlineDefaultOutlineNegativeMinorHover = 'var(--outline-default-outline-negative-minor-hover, #B91828FF)';
+export var outlineNegativeMinorHover = 'var(--outline-negative-minor-hover, #B91828FF)';
 /** Минорный цвет обводки ошибка */
-export var outlineDefaultOutlineNegativeMinorActive = 'var(--outline-default-outline-negative-minor-active, #83111CFF)';
+export var outlineNegativeMinorActive = 'var(--outline-negative-minor-active, #83111CFF)';
 /** Минорный цвет обводки информация */
-export var outlineDefaultOutlineInfoMinorHover = 'var(--outline-default-outline-info-minor-hover, #1277BAFF)';
+export var outlineInfoMinorHover = 'var(--outline-info-minor-hover, #1277BAFF)';
 /** Минорный цвет обводки информация */
-export var outlineDefaultOutlineInfoMinorActive = 'var(--outline-default-outline-info-minor-active, #10659EFF)';
+export var outlineInfoMinorActive = 'var(--outline-info-minor-active, #10659EFF)';
 /** Прозрачный цвет обводки успех */
-export var outlineDefaultOutlineTransparentPositiveHover = 'var(--outline-default-outline-transparent-positive-hover, #24B23EFF)';
+export var outlineTransparentPositiveHover = 'var(--outline-transparent-positive-hover, #24B23EFF)';
 /** Прозрачный цвет обводки успех */
-export var outlineDefaultOutlineTransparentPositiveActive = 'var(--outline-default-outline-transparent-positive-active, #24B23E56)';
+export var outlineTransparentPositiveActive = 'var(--outline-transparent-positive-active, #24B23E56)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineDefaultOutlineTransparentWarningHover = 'var(--outline-default-outline-transparent-warning-hover, #FF7024FF)';
+export var outlineTransparentWarningHover = 'var(--outline-transparent-warning-hover, #FF7024FF)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineDefaultOutlineTransparentWarningActive = 'var(--outline-default-outline-transparent-warning-active, #FF702456)';
+export var outlineTransparentWarningActive = 'var(--outline-transparent-warning-active, #FF702456)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineDefaultOutlineTransparentNegativeHover = 'var(--outline-default-outline-transparent-negative-hover, #FF3D51FF)';
+export var outlineTransparentNegativeHover = 'var(--outline-transparent-negative-hover, #FF3D51FF)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineDefaultOutlineTransparentNegativeActive = 'var(--outline-default-outline-transparent-negative-active, #FF3D5156)';
+export var outlineTransparentNegativeActive = 'var(--outline-transparent-negative-active, #FF3D5156)';
 /** Прозрачный цвет обводки информация */
-export var outlineDefaultOutlineTransparentInfoHover = 'var(--outline-default-outline-transparent-info-hover, #199AF0FF)';
+export var outlineTransparentInfoHover = 'var(--outline-transparent-info-hover, #199AF0FF)';
 /** Прозрачный цвет обводки информация */
-export var outlineDefaultOutlineTransparentInfoActive = 'var(--outline-default-outline-transparent-info-active, #199AF056)';
+export var outlineTransparentInfoActive = 'var(--outline-transparent-info-active, #199AF056)';
 /** Основной непрозрачный цвет обводки */
-export var outlineDefaultOutlineSolidPrimary = 'var(--outline-default-outline-solid-primary, #262626)';
+export var outlineSolidPrimary = 'var(--outline-solid-primary, #262626)';
 /** Вторичный непрозрачный цвет обводки */
-export var outlineDefaultOutlineSolidSecondary = 'var(--outline-default-outline-solid-secondary, #4E4E4E)';
+export var outlineSolidSecondary = 'var(--outline-solid-secondary, #4E4E4E)';
 /** Третичный непрозрачный цвет обводки */
-export var outlineDefaultOutlineSolidTertiary = 'var(--outline-default-outline-solid-tertiary, #707070)';
+export var outlineSolidTertiary = 'var(--outline-solid-tertiary, #707070)';
 /** Основной прозрачный цвет обводки */
-export var outlineDefaultOutlineTransparentPrimary = 'var(--outline-default-outline-transparent-primary, rgba(255,255,255,0.12))';
+export var outlineTransparentPrimary = 'var(--outline-transparent-primary, rgba(255,255,255,0.12))';
 /** Вторичный прозрачный цвет обводки */
-export var outlineDefaultOutlineTransparentSecondary = 'var(--outline-default-outline-transparent-secondary, rgba(255,255,255,0.20))';
+export var outlineTransparentSecondary = 'var(--outline-transparent-secondary, rgba(255,255,255,0.20))';
 /** Третичный прозрачный цвет обводки */
-export var outlineDefaultOutlineTransparentTertiary = 'var(--outline-default-outline-transparent-tertiary, rgba(255,255,255,0.40))';
+export var outlineTransparentTertiary = 'var(--outline-transparent-tertiary, rgba(255,255,255,0.40))';
 /** Бесцветная обводка */
-export var outlineDefaultOutlineClear = 'var(--outline-default-outline-clear, rgba(255,255,255,0.00))';
-export var outlineDefaultOutlineSolidDefault = 'var(--outline-default-outline-solid-default, #F9F9F9)';
-export var outlineDefaultOutlineSolidDefaultHover = 'var(--outline-default-outline-solid-default-hover, #C7C7C7FF)';
-export var outlineDefaultOutlineSolidDefaultActive = 'var(--outline-default-outline-solid-default-active, #E0E0E0FF)';
+export var outlineClear = 'var(--outline-clear, rgba(255,255,255,0.00))';
+export var outlineSolidDefault = 'var(--outline-solid-default, #F9F9F9)';
+export var outlineSolidDefaultHover = 'var(--outline-solid-default-hover, #C7C7C7FF)';
+export var outlineSolidDefaultActive = 'var(--outline-solid-default-active, #E0E0E0FF)';
 /** Цвет обводки успех */
-export var outlineDefaultOutlinePositive = 'var(--outline-default-outline-positive, #24B23E)';
+export var outlinePositive = 'var(--outline-positive, #24B23E)';
 /** Цвет обводки предупреждение */
-export var outlineDefaultOutlineWarning = 'var(--outline-default-outline-warning, #FF7024)';
+export var outlineWarning = 'var(--outline-warning, #FF7024)';
 /** Цвет обводки ошибка */
-export var outlineDefaultOutlineNegative = 'var(--outline-default-outline-negative, #FF3D51)';
+export var outlineNegative = 'var(--outline-negative, #FF3D51)';
 /** Цвет обводки информация */
-export var outlineDefaultOutlineInfo = 'var(--outline-default-outline-info, #199AF0)';
+export var outlineInfo = 'var(--outline-info, #199AF0)';
 /** Минорный цвет обводки успех */
-export var outlineDefaultOutlinePositiveMinor = 'var(--outline-default-outline-positive-minor, #095C18)';
+export var outlinePositiveMinor = 'var(--outline-positive-minor, #095C18)';
 /** Минорный цвет обводки предупреждение */
-export var outlineDefaultOutlineWarningMinor = 'var(--outline-default-outline-warning-minor, #85380C)';
+export var outlineWarningMinor = 'var(--outline-warning-minor, #85380C)';
 /** Минорный цвет обводки ошибка */
-export var outlineDefaultOutlineNegativeMinor = 'var(--outline-default-outline-negative-minor, #9C1422)';
+export var outlineNegativeMinor = 'var(--outline-negative-minor, #9C1422)';
 /** Минорный цвет обводки информация */
-export var outlineDefaultOutlineInfoMinor = 'var(--outline-default-outline-info-minor, #0D5382)';
+export var outlineInfoMinor = 'var(--outline-info-minor, #0D5382)';
 /** Прозрачный цвет обводки успех */
-export var outlineDefaultOutlineTransparentPositive = 'var(--outline-default-outline-transparent-positive, rgba(36,178,62,0.28))';
+export var outlineTransparentPositive = 'var(--outline-transparent-positive, rgba(36,178,62,0.28))';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineDefaultOutlineTransparentWarning = 'var(--outline-default-outline-transparent-warning, rgba(255,112,36,0.28))';
+export var outlineTransparentWarning = 'var(--outline-transparent-warning, rgba(255,112,36,0.28))';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineDefaultOutlineTransparentNegative = 'var(--outline-default-outline-transparent-negative, rgba(255,61,81,0.28))';
+export var outlineTransparentNegative = 'var(--outline-transparent-negative, rgba(255,61,81,0.28))';
 /** Прозрачный цвет обводки информация */
-export var outlineDefaultOutlineTransparentInfo = 'var(--outline-default-outline-transparent-info, rgba(25,154,240,0.28))';
-export var outlineDefaultOutlineAccentMain = 'var(--outline-default-outline-accent-main, #24B23E)';
-export var outlineDefaultOutlineAccentMainHover = 'var(--outline-default-outline-accent-main-hover, #2ACB47FF)';
-export var outlineDefaultOutlineAccentMainActive = 'var(--outline-default-outline-accent-main-active, #1F9835FF)';
-export var outlineDefaultOutlineAccentAthena = 'var(--outline-default-outline-accent-athena, #199AF0)';
-export var outlineDefaultOutlineAccentAthenaHover = 'var(--outline-default-outline-accent-athena-hover, #66BCF5FF)';
-export var outlineDefaultOutlineAccentAthenaActive = 'var(--outline-default-outline-accent-athena-active, #0E8ADDFF)';
-export var outlineDefaultOutlineAccentJoy = 'var(--outline-default-outline-accent-joy, #C46BFF)';
-export var outlineDefaultOutlineAccentJoyHover = 'var(--outline-default-outline-accent-joy-hover, #E4BDFFFF)';
-export var outlineDefaultOutlineAccentJoyActive = 'var(--outline-default-outline-accent-joy-active, #B84DFFFF)';
-export var outlineDefaultOutlineAccentB2E = 'var(--outline-default-outline-accent-b2-e, #24B23E)';
-export var outlineDefaultOutlineAccentB2EHover = 'var(--outline-default-outline-accent-b2-e-hover, #2ACB47FF)';
-export var outlineDefaultOutlineAccentB2EActive = 'var(--outline-default-outline-accent-b2-e-active, #1F9835FF)';
-export var outlineDefaultOutlineAccentBrand = 'var(--outline-default-outline-accent-brand, #528EFF)';
-export var outlineDefaultOutlineAccentBrandHover = 'var(--outline-default-outline-accent-brand-hover, #A3C3FFFF)';
-export var outlineDefaultOutlineAccentBrandActive = 'var(--outline-default-outline-accent-brand-active, #337AFFFF)';
-export var outlineDefaultOutlineAccentMainMinor = 'var(--outline-default-outline-accent-main-minor, #095C18)';
-export var outlineDefaultOutlineAccentMainMinorHover = 'var(--outline-default-outline-accent-main-minor-hover, #0F9527FF)';
-export var outlineDefaultOutlineAccentMainMinorActive = 'var(--outline-default-outline-accent-main-minor-active, #0C7920FF)';
-export var outlineDefaultOutlineAccentAthenaMinor = 'var(--outline-default-outline-accent-athena-minor, #0D5382)';
-export var outlineDefaultOutlineAccentAthenaMinorHover = 'var(--outline-default-outline-accent-athena-minor-hover, #1277BAFF)';
-export var outlineDefaultOutlineAccentAthenaMinorActive = 'var(--outline-default-outline-accent-athena-minor-active, #10659EFF)';
-export var outlineDefaultOutlineAccentJoyMinor = 'var(--outline-default-outline-accent-joy-minor, #722BA1)';
-export var outlineDefaultOutlineAccentJoyMinorHover = 'var(--outline-default-outline-accent-joy-minor-hover, #FFFFFFFF)';
-export var outlineDefaultOutlineAccentJoyMinorActive = 'var(--outline-default-outline-accent-joy-minor-active, #8933C1FF)';
-export var outlineDefaultOutlineAccentB2EMinor = 'var(--outline-default-outline-accent-b2-e-minor, #095C18)';
-export var outlineDefaultOutlineAccentB2EMinorHover = 'var(--outline-default-outline-accent-b2-e-minor-hover, #0F9527FF)';
-export var outlineDefaultOutlineAccentB2EMinorActive = 'var(--outline-default-outline-accent-b2-e-minor-active, #0C7920FF)';
-export var outlineDefaultOutlineAccentBrandMinor = 'var(--outline-default-outline-accent-brand-minor, #1549AB)';
-export var outlineDefaultOutlineAccentBrandMinorHover = 'var(--outline-default-outline-accent-brand-minor-hover, #FFFFFFFF)';
-export var outlineDefaultOutlineAccentBrandMinorActive = 'var(--outline-default-outline-accent-brand-minor-active, #1C62E3FF)';
-export var outlineDefaultOutlineTransparentAccentMain = 'var(--outline-default-outline-transparent-accent-main, rgba(36,178,62,0.28))';
-export var outlineDefaultOutlineTransparentAccentMainHover = 'var(--outline-default-outline-transparent-accent-main-hover, #24B23EFF)';
-export var outlineDefaultOutlineTransparentAccentMainActive = 'var(--outline-default-outline-transparent-accent-main-active, #24B23E56)';
-export var outlineDefaultOutlineTransparentAccentAthena = 'var(--outline-default-outline-transparent-accent-athena, rgba(25,154,240,0.28))';
-export var outlineDefaultOutlineTransparentAccentAthenaHover = 'var(--outline-default-outline-transparent-accent-athena-hover, #199AF0FF)';
-export var outlineDefaultOutlineTransparentAccentAthenaActive = 'var(--outline-default-outline-transparent-accent-athena-active, #199AF056)';
-export var outlineDefaultOutlineTransparentAccentJoy = 'var(--outline-default-outline-transparent-accent-joy, rgba(196,107,255,0.28))';
-export var outlineDefaultOutlineTransparentAccentJoyHover = 'var(--outline-default-outline-transparent-accent-joy-hover, #C46BFFFF)';
-export var outlineDefaultOutlineTransparentAccentJoyActive = 'var(--outline-default-outline-transparent-accent-joy-active, #C46BFF56)';
-export var outlineDefaultOutlineTransparentAccentB2E = 'var(--outline-default-outline-transparent-accent-b2-e, rgba(36,178,62,0.28))';
-export var outlineDefaultOutlineTransparentAccentB2EHover = 'var(--outline-default-outline-transparent-accent-b2-e-hover, #24B23EFF)';
-export var outlineDefaultOutlineTransparentAccentB2EActive = 'var(--outline-default-outline-transparent-accent-b2-e-active, #24B23E56)';
-export var outlineDefaultOutlineTransparentAccentBrand = 'var(--outline-default-outline-transparent-accent-brand, rgba(82,142,255,0.28))';
-export var outlineDefaultOutlineTransparentAccentBrandHover = 'var(--outline-default-outline-transparent-accent-brand-hover, #528EFFFF)';
-export var outlineDefaultOutlineTransparentAccentBrandActive = 'var(--outline-default-outline-transparent-accent-brand-active, #528EFF56)';
+export var outlineTransparentInfo = 'var(--outline-transparent-info, rgba(25,154,240,0.28))';
+export var outlineAccentMain = 'var(--outline-accent-main, #24B23E)';
+export var outlineAccentMainHover = 'var(--outline-accent-main-hover, #2ACB47FF)';
+export var outlineAccentMainActive = 'var(--outline-accent-main-active, #1F9835FF)';
+export var outlineAccentAthena = 'var(--outline-accent-athena, #199AF0)';
+export var outlineAccentAthenaHover = 'var(--outline-accent-athena-hover, #66BCF5FF)';
+export var outlineAccentAthenaActive = 'var(--outline-accent-athena-active, #0E8ADDFF)';
+export var outlineAccentJoy = 'var(--outline-accent-joy, #C46BFF)';
+export var outlineAccentJoyHover = 'var(--outline-accent-joy-hover, #E4BDFFFF)';
+export var outlineAccentJoyActive = 'var(--outline-accent-joy-active, #B84DFFFF)';
+export var outlineAccentB2E = 'var(--outline-accent-b2-e, #24B23E)';
+export var outlineAccentB2EHover = 'var(--outline-accent-b2-e-hover, #2ACB47FF)';
+export var outlineAccentB2EActive = 'var(--outline-accent-b2-e-active, #1F9835FF)';
+export var outlineAccentBrand = 'var(--outline-accent-brand, #528EFF)';
+export var outlineAccentBrandHover = 'var(--outline-accent-brand-hover, #A3C3FFFF)';
+export var outlineAccentBrandActive = 'var(--outline-accent-brand-active, #337AFFFF)';
+export var outlineAccentMainMinor = 'var(--outline-accent-main-minor, #095C18)';
+export var outlineAccentMainMinorHover = 'var(--outline-accent-main-minor-hover, #0F9527FF)';
+export var outlineAccentMainMinorActive = 'var(--outline-accent-main-minor-active, #0C7920FF)';
+export var outlineAccentAthenaMinor = 'var(--outline-accent-athena-minor, #0D5382)';
+export var outlineAccentAthenaMinorHover = 'var(--outline-accent-athena-minor-hover, #1277BAFF)';
+export var outlineAccentAthenaMinorActive = 'var(--outline-accent-athena-minor-active, #10659EFF)';
+export var outlineAccentJoyMinor = 'var(--outline-accent-joy-minor, #722BA1)';
+export var outlineAccentJoyMinorHover = 'var(--outline-accent-joy-minor-hover, #FFFFFFFF)';
+export var outlineAccentJoyMinorActive = 'var(--outline-accent-joy-minor-active, #8933C1FF)';
+export var outlineAccentB2EMinor = 'var(--outline-accent-b2-e-minor, #095C18)';
+export var outlineAccentB2EMinorHover = 'var(--outline-accent-b2-e-minor-hover, #0F9527FF)';
+export var outlineAccentB2EMinorActive = 'var(--outline-accent-b2-e-minor-active, #0C7920FF)';
+export var outlineAccentBrandMinor = 'var(--outline-accent-brand-minor, #1549AB)';
+export var outlineAccentBrandMinorHover = 'var(--outline-accent-brand-minor-hover, #FFFFFFFF)';
+export var outlineAccentBrandMinorActive = 'var(--outline-accent-brand-minor-active, #1C62E3FF)';
+export var outlineTransparentAccentMain = 'var(--outline-transparent-accent-main, rgba(36,178,62,0.28))';
+export var outlineTransparentAccentMainHover = 'var(--outline-transparent-accent-main-hover, #24B23EFF)';
+export var outlineTransparentAccentMainActive = 'var(--outline-transparent-accent-main-active, #24B23E56)';
+export var outlineTransparentAccentAthena = 'var(--outline-transparent-accent-athena, rgba(25,154,240,0.28))';
+export var outlineTransparentAccentAthenaHover = 'var(--outline-transparent-accent-athena-hover, #199AF0FF)';
+export var outlineTransparentAccentAthenaActive = 'var(--outline-transparent-accent-athena-active, #199AF056)';
+export var outlineTransparentAccentJoy = 'var(--outline-transparent-accent-joy, rgba(196,107,255,0.28))';
+export var outlineTransparentAccentJoyHover = 'var(--outline-transparent-accent-joy-hover, #C46BFFFF)';
+export var outlineTransparentAccentJoyActive = 'var(--outline-transparent-accent-joy-active, #C46BFF56)';
+export var outlineTransparentAccentB2E = 'var(--outline-transparent-accent-b2-e, rgba(36,178,62,0.28))';
+export var outlineTransparentAccentB2EHover = 'var(--outline-transparent-accent-b2-e-hover, #24B23EFF)';
+export var outlineTransparentAccentB2EActive = 'var(--outline-transparent-accent-b2-e-active, #24B23E56)';
+export var outlineTransparentAccentBrand = 'var(--outline-transparent-accent-brand, rgba(82,142,255,0.28))';
+export var outlineTransparentAccentBrandHover = 'var(--outline-transparent-accent-brand-hover, #528EFFFF)';
+export var outlineTransparentAccentBrandActive = 'var(--outline-transparent-accent-brand-active, #528EFF56)';
 /** Основной непрозрачный цвет обводки на темном фоне */
-export var outlineOnDarkOutlineSolidPrimaryHover = 'var(--outline-on-dark-outline-solid-primary-hover, #FFFFFFFF)';
+export var onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover, #FFFFFFFF)';
 /** Основной непрозрачный цвет обводки на темном фоне */
-export var outlineOnDarkOutlineSolidPrimaryActive = 'var(--outline-on-dark-outline-solid-primary-active, #ADADADFF)';
+export var onDarkOutlineSolidPrimaryActive = 'var(--on-dark-outline-solid-primary-active, #ADADADFF)';
 /** Вторичный непрозрачный цвет обводки на темном фоне */
-export var outlineOnDarkOutlineSolidSecondaryHover = 'var(--outline-on-dark-outline-solid-secondary-hover, #FFFFFFFF)';
+export var onDarkOutlineSolidSecondaryHover = 'var(--on-dark-outline-solid-secondary-hover, #FFFFFFFF)';
 /** Вторичный непрозрачный цвет обводки на темном фоне */
-export var outlineOnDarkOutlineSolidSecondaryActive = 'var(--outline-on-dark-outline-solid-secondary-active, #8C8C8CFF)';
+export var onDarkOutlineSolidSecondaryActive = 'var(--on-dark-outline-solid-secondary-active, #8C8C8CFF)';
 /** Третичный непрозрачный цвет обводки на темном фоне */
-export var outlineOnDarkOutlineSolidTertiaryHover = 'var(--outline-on-dark-outline-solid-tertiary-hover, #FFFFFFFF)';
+export var onDarkOutlineSolidTertiaryHover = 'var(--on-dark-outline-solid-tertiary-hover, #FFFFFFFF)';
 /** Третичный непрозрачный цвет обводки на темном фоне */
-export var outlineOnDarkOutlineSolidTertiaryActive = 'var(--outline-on-dark-outline-solid-tertiary-active, #737373FF)';
+export var onDarkOutlineSolidTertiaryActive = 'var(--on-dark-outline-solid-tertiary-active, #737373FF)';
 /** Основной прозрачный цвет обводки на темном фоне */
-export var outlineOnDarkOutlineTransparentPrimaryHover = 'var(--outline-on-dark-outline-transparent-primary-hover, #FFFFFFFF)';
+export var onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover, #FFFFFFFF)';
 /** Основной прозрачный цвет обводки на темном фоне */
-export var outlineOnDarkOutlineTransparentPrimaryActive = 'var(--outline-on-dark-outline-transparent-primary-active, #FFFFFF25)';
+export var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #FFFFFF25)';
 /** Вторичный прозрачный цвет обводки на темном фоне */
-export var outlineOnDarkOutlineTransparentSecondaryHover = 'var(--outline-on-dark-outline-transparent-secondary-hover, #FFFFFFFF)';
+export var onDarkOutlineTransparentSecondaryHover = 'var(--on-dark-outline-transparent-secondary-hover, #FFFFFFFF)';
 /** Вторичный прозрачный цвет обводки на темном фоне */
-export var outlineOnDarkOutlineTransparentSecondaryActive = 'var(--outline-on-dark-outline-transparent-secondary-active, #FFFFFF3D)';
+export var onDarkOutlineTransparentSecondaryActive = 'var(--on-dark-outline-transparent-secondary-active, #FFFFFF3D)';
 /** Третичный прозрачный цвет обводки на темном фоне */
-export var outlineOnDarkOutlineTransparentTertiaryHover = 'var(--outline-on-dark-outline-transparent-tertiary-hover, #FFFFFFFF)';
+export var onDarkOutlineTransparentTertiaryHover = 'var(--on-dark-outline-transparent-tertiary-hover, #FFFFFFFF)';
 /** Третичный прозрачный цвет обводки на темном фоне */
-export var outlineOnDarkOutlineTransparentTertiaryActive = 'var(--outline-on-dark-outline-transparent-tertiary-active, #FFFFFF7A)';
+export var onDarkOutlineTransparentTertiaryActive = 'var(--on-dark-outline-transparent-tertiary-active, #FFFFFF7A)';
 /** Цвет обводки успех на темном фоне */
-export var outlineOnDarkOutlinePositiveHover = 'var(--outline-on-dark-outline-positive-hover, #2ACB47FF)';
+export var onDarkOutlinePositiveHover = 'var(--on-dark-outline-positive-hover, #2ACB47FF)';
 /** Цвет обводки успех на темном фоне */
-export var outlineOnDarkOutlinePositiveActive = 'var(--outline-on-dark-outline-positive-active, #1F9835FF)';
+export var onDarkOutlinePositiveActive = 'var(--on-dark-outline-positive-active, #1F9835FF)';
 /** Цвет обводки предупреждение на темном фоне */
-export var outlineOnDarkOutlineWarningHover = 'var(--outline-on-dark-outline-warning-hover, #FF8442FF)';
+export var onDarkOutlineWarningHover = 'var(--on-dark-outline-warning-hover, #FF8442FF)';
 /** Цвет обводки предупреждение на темном фоне */
-export var outlineOnDarkOutlineWarningActive = 'var(--outline-on-dark-outline-warning-active, #FF5D05FF)';
+export var onDarkOutlineWarningActive = 'var(--on-dark-outline-warning-active, #FF5D05FF)';
 /** Цвет обводки ошибка на темном фоне */
-export var outlineOnDarkOutlineNegativeHover = 'var(--outline-on-dark-outline-negative-hover, #FF5C6CFF)';
+export var onDarkOutlineNegativeHover = 'var(--on-dark-outline-negative-hover, #FF5C6CFF)';
 /** Цвет обводки ошибка на темном фоне */
-export var outlineOnDarkOutlineNegativeActive = 'var(--outline-on-dark-outline-negative-active, #FF1F35FF)';
+export var onDarkOutlineNegativeActive = 'var(--on-dark-outline-negative-active, #FF1F35FF)';
 /** Цвет обводки информация на темном фоне */
-export var outlineOnDarkOutlineInfoHover = 'var(--outline-on-dark-outline-info-hover, #66BCF5FF)';
+export var onDarkOutlineInfoHover = 'var(--on-dark-outline-info-hover, #66BCF5FF)';
 /** Цвет обводки информация на темном фоне */
-export var outlineOnDarkOutlineInfoActive = 'var(--outline-on-dark-outline-info-active, #0E8ADDFF)';
+export var onDarkOutlineInfoActive = 'var(--on-dark-outline-info-active, #0E8ADDFF)';
 /** Минорный цвет обводки успех на темном фоне */
-export var outlineOnDarkOutlinePositiveMinorHover = 'var(--outline-on-dark-outline-positive-minor-hover, #0F9527FF)';
+export var onDarkOutlinePositiveMinorHover = 'var(--on-dark-outline-positive-minor-hover, #0F9527FF)';
 /** Минорный цвет обводки успех на темном фоне */
-export var outlineOnDarkOutlinePositiveMinorActive = 'var(--outline-on-dark-outline-positive-minor-active, #0C7920FF)';
+export var onDarkOutlinePositiveMinorActive = 'var(--on-dark-outline-positive-minor-active, #0C7920FF)';
 /** Минорный цвет обводки предупреждение на темном фоне */
-export var outlineOnDarkOutlineWarningMinorHover = 'var(--outline-on-dark-outline-warning-minor-hover, #BB4F11FF)';
+export var onDarkOutlineWarningMinorHover = 'var(--on-dark-outline-warning-minor-hover, #BB4F11FF)';
 /** Минорный цвет обводки предупреждение на темном фоне */
-export var outlineOnDarkOutlineWarningMinorActive = 'var(--outline-on-dark-outline-warning-minor-active, #9F440FFF)';
+export var onDarkOutlineWarningMinorActive = 'var(--on-dark-outline-warning-minor-active, #9F440FFF)';
 /** Минорный цвет обводки ошибка на темном фоне */
-export var outlineOnDarkOutlineNegativeMinorHover = 'var(--outline-on-dark-outline-negative-minor-hover, #B91828FF)';
+export var onDarkOutlineNegativeMinorHover = 'var(--on-dark-outline-negative-minor-hover, #B91828FF)';
 /** Минорный цвет обводки ошибка на темном фоне */
-export var outlineOnDarkOutlineNegativeMinorActive = 'var(--outline-on-dark-outline-negative-minor-active, #83111CFF)';
+export var onDarkOutlineNegativeMinorActive = 'var(--on-dark-outline-negative-minor-active, #83111CFF)';
 /** Минорный цвет обводки информация на темном фоне */
-export var outlineOnDarkOutlineInfoMinorHover = 'var(--outline-on-dark-outline-info-minor-hover, #1277BAFF)';
+export var onDarkOutlineInfoMinorHover = 'var(--on-dark-outline-info-minor-hover, #1277BAFF)';
 /** Минорный цвет обводки информация на темном фоне */
-export var outlineOnDarkOutlineInfoMinorActive = 'var(--outline-on-dark-outline-info-minor-active, #10659EFF)';
+export var onDarkOutlineInfoMinorActive = 'var(--on-dark-outline-info-minor-active, #10659EFF)';
 /** Прозрачный цвет обводки успех на темном фоне */
-export var outlineOnDarkOutlineTransparentPositiveHover = 'var(--outline-on-dark-outline-transparent-positive-hover, #24B23EFF)';
+export var onDarkOutlineTransparentPositiveHover = 'var(--on-dark-outline-transparent-positive-hover, #24B23EFF)';
 /** Прозрачный цвет обводки успех на темном фоне */
-export var outlineOnDarkOutlineTransparentPositiveActive = 'var(--outline-on-dark-outline-transparent-positive-active, #24B23E56)';
+export var onDarkOutlineTransparentPositiveActive = 'var(--on-dark-outline-transparent-positive-active, #24B23E56)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var outlineOnDarkOutlineTransparentWarningHover = 'var(--outline-on-dark-outline-transparent-warning-hover, #FF7024FF)';
+export var onDarkOutlineTransparentWarningHover = 'var(--on-dark-outline-transparent-warning-hover, #FF7024FF)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var outlineOnDarkOutlineTransparentWarningActive = 'var(--outline-on-dark-outline-transparent-warning-active, #FF702456)';
+export var onDarkOutlineTransparentWarningActive = 'var(--on-dark-outline-transparent-warning-active, #FF702456)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var outlineOnDarkOutlineTransparentNegativeHover = 'var(--outline-on-dark-outline-transparent-negative-hover, #FF3D51FF)';
+export var onDarkOutlineTransparentNegativeHover = 'var(--on-dark-outline-transparent-negative-hover, #FF3D51FF)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var outlineOnDarkOutlineTransparentNegativeActive = 'var(--outline-on-dark-outline-transparent-negative-active, #FF3D5156)';
+export var onDarkOutlineTransparentNegativeActive = 'var(--on-dark-outline-transparent-negative-active, #FF3D5156)';
 /** Прозрачный цвет обводки информация на темном фоне */
-export var outlineOnDarkOutlineTransparentInfoHover = 'var(--outline-on-dark-outline-transparent-info-hover, #199AF0FF)';
+export var onDarkOutlineTransparentInfoHover = 'var(--on-dark-outline-transparent-info-hover, #199AF0FF)';
 /** Прозрачный цвет обводки информация на темном фоне */
-export var outlineOnDarkOutlineTransparentInfoActive = 'var(--outline-on-dark-outline-transparent-info-active, #199AF056)';
+export var onDarkOutlineTransparentInfoActive = 'var(--on-dark-outline-transparent-info-active, #199AF056)';
 /** Основной непрозрачный цвет обводки на темном фоне */
-export var outlineOnDarkOutlineSolidPrimary = 'var(--outline-on-dark-outline-solid-primary, #262626)';
+export var onDarkOutlineSolidPrimary = 'var(--on-dark-outline-solid-primary, #262626)';
 /** Вторичный непрозрачный цвет обводки на темном фоне */
-export var outlineOnDarkOutlineSolidSecondary = 'var(--outline-on-dark-outline-solid-secondary, #4E4E4E)';
+export var onDarkOutlineSolidSecondary = 'var(--on-dark-outline-solid-secondary, #4E4E4E)';
 /** Третичный непрозрачный цвет обводки на темном фоне */
-export var outlineOnDarkOutlineSolidTertiary = 'var(--outline-on-dark-outline-solid-tertiary, #707070)';
+export var onDarkOutlineSolidTertiary = 'var(--on-dark-outline-solid-tertiary, #707070)';
 /** Основной прозрачный цвет обводки на темном фоне */
-export var outlineOnDarkOutlineTransparentPrimary = 'var(--outline-on-dark-outline-transparent-primary, rgba(255,255,255,0.12))';
+export var onDarkOutlineTransparentPrimary = 'var(--on-dark-outline-transparent-primary, rgba(255,255,255,0.12))';
 /** Вторичный прозрачный цвет обводки на темном фоне */
-export var outlineOnDarkOutlineTransparentSecondary = 'var(--outline-on-dark-outline-transparent-secondary, rgba(255,255,255,0.20))';
+export var onDarkOutlineTransparentSecondary = 'var(--on-dark-outline-transparent-secondary, rgba(255,255,255,0.20))';
 /** Третичный прозрачный цвет обводки на темном фоне */
-export var outlineOnDarkOutlineTransparentTertiary = 'var(--outline-on-dark-outline-transparent-tertiary, rgba(255,255,255,0.40))';
-export var outlineOnDarkOutlineSolidDefault = 'var(--outline-on-dark-outline-solid-default, #F9F9F9)';
-export var outlineOnDarkOutlineSolidDefaultHover = 'var(--outline-on-dark-outline-solid-default-hover, #C7C7C7FF)';
-export var outlineOnDarkOutlineSolidDefaultActive = 'var(--outline-on-dark-outline-solid-default-active, #E0E0E0FF)';
+export var onDarkOutlineTransparentTertiary = 'var(--on-dark-outline-transparent-tertiary, rgba(255,255,255,0.40))';
+export var onDarkOutlineSolidDefault = 'var(--on-dark-outline-solid-default, #F9F9F9)';
+export var onDarkOutlineSolidDefaultHover = 'var(--on-dark-outline-solid-default-hover, #C7C7C7FF)';
+export var onDarkOutlineSolidDefaultActive = 'var(--on-dark-outline-solid-default-active, #E0E0E0FF)';
 /** Цвет обводки успех на темном фоне */
-export var outlineOnDarkOutlinePositive = 'var(--outline-on-dark-outline-positive, #24B23E)';
+export var onDarkOutlinePositive = 'var(--on-dark-outline-positive, #24B23E)';
 /** Цвет обводки предупреждение на темном фоне */
-export var outlineOnDarkOutlineWarning = 'var(--outline-on-dark-outline-warning, #FF7024)';
+export var onDarkOutlineWarning = 'var(--on-dark-outline-warning, #FF7024)';
 /** Цвет обводки ошибка на темном фоне */
-export var outlineOnDarkOutlineNegative = 'var(--outline-on-dark-outline-negative, #FF3D51)';
+export var onDarkOutlineNegative = 'var(--on-dark-outline-negative, #FF3D51)';
 /** Цвет обводки информация на темном фоне */
-export var outlineOnDarkOutlineInfo = 'var(--outline-on-dark-outline-info, #199AF0)';
+export var onDarkOutlineInfo = 'var(--on-dark-outline-info, #199AF0)';
 /** Минорный цвет обводки успех на темном фоне */
-export var outlineOnDarkOutlinePositiveMinor = 'var(--outline-on-dark-outline-positive-minor, #095C18)';
+export var onDarkOutlinePositiveMinor = 'var(--on-dark-outline-positive-minor, #095C18)';
 /** Минорный цвет обводки предупреждение на темном фоне */
-export var outlineOnDarkOutlineWarningMinor = 'var(--outline-on-dark-outline-warning-minor, #85380C)';
+export var onDarkOutlineWarningMinor = 'var(--on-dark-outline-warning-minor, #85380C)';
 /** Минорный цвет обводки ошибка на темном фоне */
-export var outlineOnDarkOutlineNegativeMinor = 'var(--outline-on-dark-outline-negative-minor, #9C1422)';
+export var onDarkOutlineNegativeMinor = 'var(--on-dark-outline-negative-minor, #9C1422)';
 /** Минорный цвет обводки информация на темном фоне */
-export var outlineOnDarkOutlineInfoMinor = 'var(--outline-on-dark-outline-info-minor, #0D5382)';
+export var onDarkOutlineInfoMinor = 'var(--on-dark-outline-info-minor, #0D5382)';
 /** Прозрачный цвет обводки успех на темном фоне */
-export var outlineOnDarkOutlineTransparentPositive = 'var(--outline-on-dark-outline-transparent-positive, rgba(36,178,62,0.28))';
+export var onDarkOutlineTransparentPositive = 'var(--on-dark-outline-transparent-positive, rgba(36,178,62,0.28))';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var outlineOnDarkOutlineTransparentWarning = 'var(--outline-on-dark-outline-transparent-warning, rgba(255,112,36,0.28))';
+export var onDarkOutlineTransparentWarning = 'var(--on-dark-outline-transparent-warning, rgba(255,112,36,0.28))';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var outlineOnDarkOutlineTransparentNegative = 'var(--outline-on-dark-outline-transparent-negative, rgba(255,61,81,0.28))';
+export var onDarkOutlineTransparentNegative = 'var(--on-dark-outline-transparent-negative, rgba(255,61,81,0.28))';
 /** Прозрачный цвет обводки информация на темном фоне */
-export var outlineOnDarkOutlineTransparentInfo = 'var(--outline-on-dark-outline-transparent-info, rgba(25,154,240,0.28))';
-export var outlineOnDarkOutlineAccentMain = 'var(--outline-on-dark-outline-accent-main, #24B23E)';
-export var outlineOnDarkOutlineAccentMainHover = 'var(--outline-on-dark-outline-accent-main-hover, #2ACB47FF)';
-export var outlineOnDarkOutlineAccentMainActive = 'var(--outline-on-dark-outline-accent-main-active, #1F9835FF)';
-export var outlineOnDarkOutlineAccentAthena = 'var(--outline-on-dark-outline-accent-athena, #199AF0)';
-export var outlineOnDarkOutlineAccentAthenaHover = 'var(--outline-on-dark-outline-accent-athena-hover, #66BCF5FF)';
-export var outlineOnDarkOutlineAccentAthenaActive = 'var(--outline-on-dark-outline-accent-athena-active, #0E8ADDFF)';
-export var outlineOnDarkOutlineAccentJoy = 'var(--outline-on-dark-outline-accent-joy, #C46BFF)';
-export var outlineOnDarkOutlineAccentJoyHover = 'var(--outline-on-dark-outline-accent-joy-hover, #E4BDFFFF)';
-export var outlineOnDarkOutlineAccentJoyActive = 'var(--outline-on-dark-outline-accent-joy-active, #B84DFFFF)';
-export var outlineOnDarkOutlineAccentB2E = 'var(--outline-on-dark-outline-accent-b2-e, #24B23E)';
-export var outlineOnDarkOutlineAccentB2EHover = 'var(--outline-on-dark-outline-accent-b2-e-hover, #2ACB47FF)';
-export var outlineOnDarkOutlineAccentB2EActive = 'var(--outline-on-dark-outline-accent-b2-e-active, #1F9835FF)';
-export var outlineOnDarkOutlineAccentBrand = 'var(--outline-on-dark-outline-accent-brand, #528EFF)';
-export var outlineOnDarkOutlineAccentBrandHover = 'var(--outline-on-dark-outline-accent-brand-hover, #A3C3FFFF)';
-export var outlineOnDarkOutlineAccentBrandActive = 'var(--outline-on-dark-outline-accent-brand-active, #337AFFFF)';
-export var outlineOnDarkOutlineAccentMainMinorHover = 'var(--outline-on-dark-outline-accent-main-minor-hover, #0F9527FF)';
-export var outlineOnDarkOutlineAccentMainMinorActive = 'var(--outline-on-dark-outline-accent-main-minor-active, #0C7920FF)';
-export var outlineOnDarkOutlineAccentAthenaMinor = 'var(--outline-on-dark-outline-accent-athena-minor, #0D5382)';
-export var outlineOnDarkOutlineAccentAthenaMinorHover = 'var(--outline-on-dark-outline-accent-athena-minor-hover, #1277BAFF)';
-export var outlineOnDarkOutlineAccentAthenaMinorActive = 'var(--outline-on-dark-outline-accent-athena-minor-active, #10659EFF)';
-export var outlineOnDarkOutlineAccentMainMinor = 'var(--outline-on-dark-outline-accent-main-minor, #095C18)';
-export var outlineOnDarkOutlineAccentJoyMinor = 'var(--outline-on-dark-outline-accent-joy-minor, #722BA1)';
-export var outlineOnDarkOutlineAccentJoyMinorHover = 'var(--outline-on-dark-outline-accent-joy-minor-hover, #FFFFFFFF)';
-export var outlineOnDarkOutlineAccentJoyMinorActive = 'var(--outline-on-dark-outline-accent-joy-minor-active, #8933C1FF)';
-export var outlineOnDarkOutlineAccentB2EMinor = 'var(--outline-on-dark-outline-accent-b2-e-minor, #095C18)';
-export var outlineOnDarkOutlineAccentB2EMinorHover = 'var(--outline-on-dark-outline-accent-b2-e-minor-hover, #0F9527FF)';
-export var outlineOnDarkOutlineAccentB2EMinorActive = 'var(--outline-on-dark-outline-accent-b2-e-minor-active, #0C7920FF)';
-export var outlineOnDarkOutlineAccentBrandMinor = 'var(--outline-on-dark-outline-accent-brand-minor, #1549AB)';
-export var outlineOnDarkOutlineAccentBrandMinorHover = 'var(--outline-on-dark-outline-accent-brand-minor-hover, #FFFFFFFF)';
-export var outlineOnDarkOutlineAccentBrandMinorActive = 'var(--outline-on-dark-outline-accent-brand-minor-active, #1C62E3FF)';
-export var outlineOnDarkOutlineTransparentAccentMain = 'var(--outline-on-dark-outline-transparent-accent-main, rgba(36,178,62,0.28))';
-export var outlineOnDarkOutlineTransparentAccentMainHover = 'var(--outline-on-dark-outline-transparent-accent-main-hover, #24B23EFF)';
-export var outlineOnDarkOutlineTransparentAccentMainActive = 'var(--outline-on-dark-outline-transparent-accent-main-active, #24B23E56)';
-export var outlineOnDarkOutlineTransparentAccentAthena = 'var(--outline-on-dark-outline-transparent-accent-athena, rgba(25,154,240,0.28))';
-export var outlineOnDarkOutlineTransparentAccentAthenaHover = 'var(--outline-on-dark-outline-transparent-accent-athena-hover, #199AF0FF)';
-export var outlineOnDarkOutlineTransparentAccentAthenaActive = 'var(--outline-on-dark-outline-transparent-accent-athena-active, #199AF056)';
-export var outlineOnDarkOutlineTransparentAccentJoy = 'var(--outline-on-dark-outline-transparent-accent-joy, rgba(196,107,255,0.28))';
-export var outlineOnDarkOutlineTransparentAccentJoyHover = 'var(--outline-on-dark-outline-transparent-accent-joy-hover, #C46BFFFF)';
-export var outlineOnDarkOutlineTransparentAccentJoyActive = 'var(--outline-on-dark-outline-transparent-accent-joy-active, #C46BFF56)';
-export var outlineOnDarkOutlineTransparentAccentB2E = 'var(--outline-on-dark-outline-transparent-accent-b2-e, rgba(36,178,62,0.28))';
-export var outlineOnDarkOutlineTransparentAccentB2EHover = 'var(--outline-on-dark-outline-transparent-accent-b2-e-hover, #24B23EFF)';
-export var outlineOnDarkOutlineTransparentAccentB2EActive = 'var(--outline-on-dark-outline-transparent-accent-b2-e-active, #24B23E56)';
-export var outlineOnDarkOutlineTransparentAccentBrand = 'var(--outline-on-dark-outline-transparent-accent-brand, rgba(82,142,255,0.28))';
-export var outlineOnDarkOutlineTransparentAccentBrandHover = 'var(--outline-on-dark-outline-transparent-accent-brand-hover, #528EFFFF)';
-export var outlineOnDarkOutlineTransparentAccentBrandActive = 'var(--outline-on-dark-outline-transparent-accent-brand-active, #528EFF56)';
+export var onDarkOutlineTransparentInfo = 'var(--on-dark-outline-transparent-info, rgba(25,154,240,0.28))';
+export var onDarkOutlineAccentMain = 'var(--on-dark-outline-accent-main, #24B23E)';
+export var onDarkOutlineAccentMainHover = 'var(--on-dark-outline-accent-main-hover, #2ACB47FF)';
+export var onDarkOutlineAccentMainActive = 'var(--on-dark-outline-accent-main-active, #1F9835FF)';
+export var onDarkOutlineAccentAthena = 'var(--on-dark-outline-accent-athena, #199AF0)';
+export var onDarkOutlineAccentAthenaHover = 'var(--on-dark-outline-accent-athena-hover, #66BCF5FF)';
+export var onDarkOutlineAccentAthenaActive = 'var(--on-dark-outline-accent-athena-active, #0E8ADDFF)';
+export var onDarkOutlineAccentJoy = 'var(--on-dark-outline-accent-joy, #C46BFF)';
+export var onDarkOutlineAccentJoyHover = 'var(--on-dark-outline-accent-joy-hover, #E4BDFFFF)';
+export var onDarkOutlineAccentJoyActive = 'var(--on-dark-outline-accent-joy-active, #B84DFFFF)';
+export var onDarkOutlineAccentB2E = 'var(--on-dark-outline-accent-b2-e, #24B23E)';
+export var onDarkOutlineAccentB2EHover = 'var(--on-dark-outline-accent-b2-e-hover, #2ACB47FF)';
+export var onDarkOutlineAccentB2EActive = 'var(--on-dark-outline-accent-b2-e-active, #1F9835FF)';
+export var onDarkOutlineAccentBrand = 'var(--on-dark-outline-accent-brand, #528EFF)';
+export var onDarkOutlineAccentBrandHover = 'var(--on-dark-outline-accent-brand-hover, #A3C3FFFF)';
+export var onDarkOutlineAccentBrandActive = 'var(--on-dark-outline-accent-brand-active, #337AFFFF)';
+export var onDarkOutlineAccentMainMinorHover = 'var(--on-dark-outline-accent-main-minor-hover, #0F9527FF)';
+export var onDarkOutlineAccentMainMinorActive = 'var(--on-dark-outline-accent-main-minor-active, #0C7920FF)';
+export var onDarkOutlineAccentAthenaMinor = 'var(--on-dark-outline-accent-athena-minor, #0D5382)';
+export var onDarkOutlineAccentAthenaMinorHover = 'var(--on-dark-outline-accent-athena-minor-hover, #1277BAFF)';
+export var onDarkOutlineAccentAthenaMinorActive = 'var(--on-dark-outline-accent-athena-minor-active, #10659EFF)';
+export var onDarkOutlineAccentMainMinor = 'var(--on-dark-outline-accent-main-minor, #095C18)';
+export var onDarkOutlineAccentJoyMinor = 'var(--on-dark-outline-accent-joy-minor, #722BA1)';
+export var onDarkOutlineAccentJoyMinorHover = 'var(--on-dark-outline-accent-joy-minor-hover, #FFFFFFFF)';
+export var onDarkOutlineAccentJoyMinorActive = 'var(--on-dark-outline-accent-joy-minor-active, #8933C1FF)';
+export var onDarkOutlineAccentB2EMinor = 'var(--on-dark-outline-accent-b2-e-minor, #095C18)';
+export var onDarkOutlineAccentB2EMinorHover = 'var(--on-dark-outline-accent-b2-e-minor-hover, #0F9527FF)';
+export var onDarkOutlineAccentB2EMinorActive = 'var(--on-dark-outline-accent-b2-e-minor-active, #0C7920FF)';
+export var onDarkOutlineAccentBrandMinor = 'var(--on-dark-outline-accent-brand-minor, #1549AB)';
+export var onDarkOutlineAccentBrandMinorHover = 'var(--on-dark-outline-accent-brand-minor-hover, #FFFFFFFF)';
+export var onDarkOutlineAccentBrandMinorActive = 'var(--on-dark-outline-accent-brand-minor-active, #1C62E3FF)';
+export var onDarkOutlineTransparentAccentMain = 'var(--on-dark-outline-transparent-accent-main, rgba(36,178,62,0.28))';
+export var onDarkOutlineTransparentAccentMainHover = 'var(--on-dark-outline-transparent-accent-main-hover, #24B23EFF)';
+export var onDarkOutlineTransparentAccentMainActive = 'var(--on-dark-outline-transparent-accent-main-active, #24B23E56)';
+export var onDarkOutlineTransparentAccentAthena = 'var(--on-dark-outline-transparent-accent-athena, rgba(25,154,240,0.28))';
+export var onDarkOutlineTransparentAccentAthenaHover = 'var(--on-dark-outline-transparent-accent-athena-hover, #199AF0FF)';
+export var onDarkOutlineTransparentAccentAthenaActive = 'var(--on-dark-outline-transparent-accent-athena-active, #199AF056)';
+export var onDarkOutlineTransparentAccentJoy = 'var(--on-dark-outline-transparent-accent-joy, rgba(196,107,255,0.28))';
+export var onDarkOutlineTransparentAccentJoyHover = 'var(--on-dark-outline-transparent-accent-joy-hover, #C46BFFFF)';
+export var onDarkOutlineTransparentAccentJoyActive = 'var(--on-dark-outline-transparent-accent-joy-active, #C46BFF56)';
+export var onDarkOutlineTransparentAccentB2E = 'var(--on-dark-outline-transparent-accent-b2-e, rgba(36,178,62,0.28))';
+export var onDarkOutlineTransparentAccentB2EHover = 'var(--on-dark-outline-transparent-accent-b2-e-hover, #24B23EFF)';
+export var onDarkOutlineTransparentAccentB2EActive = 'var(--on-dark-outline-transparent-accent-b2-e-active, #24B23E56)';
+export var onDarkOutlineTransparentAccentBrand = 'var(--on-dark-outline-transparent-accent-brand, rgba(82,142,255,0.28))';
+export var onDarkOutlineTransparentAccentBrandHover = 'var(--on-dark-outline-transparent-accent-brand-hover, #528EFFFF)';
+export var onDarkOutlineTransparentAccentBrandActive = 'var(--on-dark-outline-transparent-accent-brand-active, #528EFF56)';
 /** Основной непрозрачный цвет обводки на светлом фоне */
-export var outlineOnLightOutlineSolidPrimaryHover = 'var(--outline-on-light-outline-solid-primary-hover, #ABABABFF)';
+export var onLightOutlineSolidPrimaryHover = 'var(--on-light-outline-solid-primary-hover, #ABABABFF)';
 /** Основной непрозрачный цвет обводки на светлом фоне */
-export var outlineOnLightOutlineSolidPrimaryActive = 'var(--outline-on-light-outline-solid-primary-active, #C4C4C4FF)';
+export var onLightOutlineSolidPrimaryActive = 'var(--on-light-outline-solid-primary-active, #C4C4C4FF)';
 /** Вторичный непрозрачный цвет обводки на светлом фоне */
-export var outlineOnLightOutlineSolidSecondaryHover = 'var(--outline-on-light-outline-solid-secondary-hover, #FFFFFFFF)';
+export var onLightOutlineSolidSecondaryHover = 'var(--on-light-outline-solid-secondary-hover, #FFFFFFFF)';
 /** Вторичный непрозрачный цвет обводки на светлом фоне */
-export var outlineOnLightOutlineSolidSecondaryActive = 'var(--outline-on-light-outline-solid-secondary-active, #575757FF)';
+export var onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-secondary-active, #575757FF)';
 /** Третичный непрозрачный цвет обводки на светлом фоне */
-export var outlineOnLightOutlineSolidTertiaryHover = 'var(--outline-on-light-outline-solid-tertiary-hover, #FFFFFFFF)';
+export var onLightOutlineSolidTertiaryHover = 'var(--on-light-outline-solid-tertiary-hover, #FFFFFFFF)';
 /** Третичный непрозрачный цвет обводки на светлом фоне */
-export var outlineOnLightOutlineSolidTertiaryActive = 'var(--outline-on-light-outline-solid-tertiary-active, #737373FF)';
+export var onLightOutlineSolidTertiaryActive = 'var(--on-light-outline-solid-tertiary-active, #737373FF)';
 /** Основной прозрачный цвет обводки на светлом фоне */
-export var outlineOnLightOutlineTransparentPrimaryHover = 'var(--outline-on-light-outline-transparent-primary-hover, #080808FF)';
+export var onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover, #080808FF)';
 /** Основной прозрачный цвет обводки на светлом фоне */
-export var outlineOnLightOutlineTransparentPrimaryActive = 'var(--outline-on-light-outline-transparent-primary-active, #0808083D)';
+export var onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active, #0808083D)';
 /** Вторичный прозрачный цвет обводки на светлом фоне */
-export var outlineOnLightOutlineTransparentSecondaryHover = 'var(--outline-on-light-outline-transparent-secondary-hover, #080808FF)';
+export var onLightOutlineTransparentSecondaryHover = 'var(--on-light-outline-transparent-secondary-hover, #080808FF)';
 /** Вторичный прозрачный цвет обводки на светлом фоне */
-export var outlineOnLightOutlineTransparentSecondaryActive = 'var(--outline-on-light-outline-transparent-secondary-active, #0808087A)';
+export var onLightOutlineTransparentSecondaryActive = 'var(--on-light-outline-transparent-secondary-active, #0808087A)';
 /** Третичный прозрачный цвет обводки на светлом фоне */
-export var outlineOnLightOutlineTransparentTertiaryHover = 'var(--outline-on-light-outline-transparent-tertiary-hover, #080808FF)';
+export var onLightOutlineTransparentTertiaryHover = 'var(--on-light-outline-transparent-tertiary-hover, #080808FF)';
 /** Третичный прозрачный цвет обводки на светлом фоне */
-export var outlineOnLightOutlineTransparentTertiaryActive = 'var(--outline-on-light-outline-transparent-tertiary-active, #080808AB)';
+export var onLightOutlineTransparentTertiaryActive = 'var(--on-light-outline-transparent-tertiary-active, #080808AB)';
 /** Цвет обводки успех на светлом фоне */
-export var outlineOnLightOutlinePositiveHover = 'var(--outline-on-light-outline-positive-hover, #1EB83AFF)';
+export var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #1EB83AFF)';
 /** Цвет обводки успех на светлом фоне */
-export var outlineOnLightOutlinePositiveActive = 'var(--outline-on-light-outline-positive-active, #15842AFF)';
+export var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #15842AFF)';
 /** Цвет обводки предупреждение на светлом фоне */
-export var outlineOnLightOutlineWarningHover = 'var(--outline-on-light-outline-warning-hover, #FB7223FF)';
+export var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FB7223FF)';
 /** Цвет обводки предупреждение на светлом фоне */
-export var outlineOnLightOutlineWarningActive = 'var(--outline-on-light-outline-warning-active, #DC5304FF)';
+export var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #DC5304FF)';
 /** Цвет обводки ошибка на светлом фоне */
-export var outlineOnLightOutlineNegativeHover = 'var(--outline-on-light-outline-negative-hover, #FF475AFF)';
+export var onLightOutlineNegativeHover = 'var(--on-light-outline-negative-hover, #FF475AFF)';
 /** Цвет обводки ошибка на светлом фоне */
-export var outlineOnLightOutlineNegativeActive = 'var(--outline-on-light-outline-negative-active, #FF0A23FF)';
+export var onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active, #FF0A23FF)';
 /** Цвет обводки информация на светлом фоне */
-export var outlineOnLightOutlineInfoHover = 'var(--outline-on-light-outline-info-hover, #50B1F2FF)';
+export var onLightOutlineInfoHover = 'var(--on-light-outline-info-hover, #50B1F2FF)';
 /** Цвет обводки информация на светлом фоне */
-export var outlineOnLightOutlineInfoActive = 'var(--outline-on-light-outline-info-active, #0F7BC2FF)';
+export var onLightOutlineInfoActive = 'var(--on-light-outline-info-active, #0F7BC2FF)';
 /** Минорный цвет обводки успех на светлом фоне */
-export var outlineOnLightOutlinePositiveMinorHover = 'var(--outline-on-light-outline-positive-minor-hover, #3EDA5BFF)';
+export var onLightOutlinePositiveMinorHover = 'var(--on-light-outline-positive-minor-hover, #3EDA5BFF)';
 /** Минорный цвет обводки успех на светлом фоне */
-export var outlineOnLightOutlinePositiveMinorActive = 'var(--outline-on-light-outline-positive-minor-active, #23B83EFF)';
+export var onLightOutlinePositiveMinorActive = 'var(--on-light-outline-positive-minor-active, #23B83EFF)';
 /** Минорный цвет обводки предупреждение на светлом фоне */
-export var outlineOnLightOutlineWarningMinorHover = 'var(--outline-on-light-outline-warning-minor-hover, #FDB086FF)';
+export var onLightOutlineWarningMinorHover = 'var(--on-light-outline-warning-minor-hover, #FDB086FF)';
 /** Минорный цвет обводки предупреждение на светлом фоне */
-export var outlineOnLightOutlineWarningMinorActive = 'var(--outline-on-light-outline-warning-minor-active, #FC884AFF)';
+export var onLightOutlineWarningMinorActive = 'var(--on-light-outline-warning-minor-active, #FC884AFF)';
 /** Минорный цвет обводки ошибка на светлом фоне */
-export var outlineOnLightOutlineNegativeMinorHover = 'var(--outline-on-light-outline-negative-minor-hover, #FFADB6FF)';
+export var onLightOutlineNegativeMinorHover = 'var(--on-light-outline-negative-minor-hover, #FFADB6FF)';
 /** Минорный цвет обводки ошибка на светлом фоне */
-export var outlineOnLightOutlineNegativeMinorActive = 'var(--outline-on-light-outline-negative-minor-active, #FF707EFF)';
+export var onLightOutlineNegativeMinorActive = 'var(--on-light-outline-negative-minor-active, #FF707EFF)';
 /** Минорный цвет обводки информация на светлом фоне */
-export var outlineOnLightOutlineInfoMinorHover = 'var(--outline-on-light-outline-info-minor-hover, #A3DAFFFF)';
+export var onLightOutlineInfoMinorHover = 'var(--on-light-outline-info-minor-hover, #A3DAFFFF)';
 /** Минорный цвет обводки информация на светлом фоне */
-export var outlineOnLightOutlineInfoMinorActive = 'var(--outline-on-light-outline-info-minor-active, #33ADFFFF)';
+export var onLightOutlineInfoMinorActive = 'var(--on-light-outline-info-minor-active, #33ADFFFF)';
 /** Прозрачный цвет обводки успех на светлом фоне */
-export var outlineOnLightOutlineTransparentPositiveHover = 'var(--outline-on-light-outline-transparent-positive-hover, #1A9E32FF)';
+export var onLightOutlineTransparentPositiveHover = 'var(--on-light-outline-transparent-positive-hover, #1A9E32FF)';
 /** Прозрачный цвет обводки успех на светлом фоне */
-export var outlineOnLightOutlineTransparentPositiveActive = 'var(--outline-on-light-outline-transparent-positive-active, #1A9E323D)';
+export var onLightOutlineTransparentPositiveActive = 'var(--on-light-outline-transparent-positive-active, #1A9E323D)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var outlineOnLightOutlineTransparentWarningHover = 'var(--outline-on-light-outline-transparent-warning-hover, #FA5F05FF)';
+export var onLightOutlineTransparentWarningHover = 'var(--on-light-outline-transparent-warning-hover, #FA5F05FF)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var outlineOnLightOutlineTransparentWarningActive = 'var(--outline-on-light-outline-transparent-warning-active, #FA5F053D)';
+export var onLightOutlineTransparentWarningActive = 'var(--on-light-outline-transparent-warning-active, #FA5F053D)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var outlineOnLightOutlineTransparentNegativeHover = 'var(--outline-on-light-outline-transparent-negative-hover, #FF293EFF)';
+export var onLightOutlineTransparentNegativeHover = 'var(--on-light-outline-transparent-negative-hover, #FF293EFF)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var outlineOnLightOutlineTransparentNegativeActive = 'var(--outline-on-light-outline-transparent-negative-active, #FF293E3D)';
+export var onLightOutlineTransparentNegativeActive = 'var(--on-light-outline-transparent-negative-active, #FF293E3D)';
 /** Прозрачный цвет обводки информация на светлом фоне */
-export var outlineOnLightOutlineTransparentInfoHover = 'var(--outline-on-light-outline-transparent-info-hover, #118CDFFF)';
+export var onLightOutlineTransparentInfoHover = 'var(--on-light-outline-transparent-info-hover, #118CDFFF)';
 /** Прозрачный цвет обводки информация на светлом фоне */
-export var outlineOnLightOutlineTransparentInfoActive = 'var(--outline-on-light-outline-transparent-info-active, #118CDF3D)';
+export var onLightOutlineTransparentInfoActive = 'var(--on-light-outline-transparent-info-active, #118CDF3D)';
 /** Основной непрозрачный цвет обводки на светлом фоне */
-export var outlineOnLightOutlineSolidPrimary = 'var(--outline-on-light-outline-solid-primary, #DDDDDD)';
+export var onLightOutlineSolidPrimary = 'var(--on-light-outline-solid-primary, #DDDDDD)';
 /** Вторичный непрозрачный цвет обводки на светлом фоне */
-export var outlineOnLightOutlineSolidSecondary = 'var(--outline-on-light-outline-solid-secondary, #949494)';
+export var onLightOutlineSolidSecondary = 'var(--on-light-outline-solid-secondary, #949494)';
 /** Третичный непрозрачный цвет обводки на светлом фоне */
-export var outlineOnLightOutlineSolidTertiary = 'var(--outline-on-light-outline-solid-tertiary, #707070)';
+export var onLightOutlineSolidTertiary = 'var(--on-light-outline-solid-tertiary, #707070)';
 /** Основной прозрачный цвет обводки на светлом фоне */
-export var outlineOnLightOutlineTransparentPrimary = 'var(--outline-on-light-outline-transparent-primary, rgba(8,8,8,0.20))';
+export var onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary, rgba(8,8,8,0.20))';
 /** Вторичный прозрачный цвет обводки на светлом фоне */
-export var outlineOnLightOutlineTransparentSecondary = 'var(--outline-on-light-outline-transparent-secondary, rgba(8,8,8,0.40))';
+export var onLightOutlineTransparentSecondary = 'var(--on-light-outline-transparent-secondary, rgba(8,8,8,0.40))';
 /** Третичный прозрачный цвет обводки на светлом фоне */
-export var outlineOnLightOutlineTransparentTertiary = 'var(--outline-on-light-outline-transparent-tertiary, rgba(8,8,8,0.56))';
-export var outlineOnLightOutlineSolidDefault = 'var(--outline-on-light-outline-solid-default, #080808)';
-export var outlineOnLightOutlineSolidDefaultHover = 'var(--outline-on-light-outline-solid-default-hover, #FFFFFFFF)';
-export var outlineOnLightOutlineSolidDefaultActive = 'var(--outline-on-light-outline-solid-default-active, #C7C7C7FF)';
+export var onLightOutlineTransparentTertiary = 'var(--on-light-outline-transparent-tertiary, rgba(8,8,8,0.56))';
+export var onLightOutlineSolidDefault = 'var(--on-light-outline-solid-default, #080808)';
+export var onLightOutlineSolidDefaultHover = 'var(--on-light-outline-solid-default-hover, #FFFFFFFF)';
+export var onLightOutlineSolidDefaultActive = 'var(--on-light-outline-solid-default-active, #C7C7C7FF)';
 /** Цвет обводки успех на светлом фоне */
-export var outlineOnLightOutlinePositive = 'var(--outline-on-light-outline-positive, #1A9E32)';
+export var onLightOutlinePositive = 'var(--on-light-outline-positive, #1A9E32)';
 /** Цвет обводки предупреждение на светлом фоне */
-export var outlineOnLightOutlineWarning = 'var(--outline-on-light-outline-warning, #FA5F05)';
+export var onLightOutlineWarning = 'var(--on-light-outline-warning, #FA5F05)';
 /** Цвет обводки ошибка на светлом фоне */
-export var outlineOnLightOutlineNegative = 'var(--outline-on-light-outline-negative, #FF293E)';
+export var onLightOutlineNegative = 'var(--on-light-outline-negative, #FF293E)';
 /** Цвет обводки информация на светлом фоне */
-export var outlineOnLightOutlineInfo = 'var(--outline-on-light-outline-info, #118CDF)';
+export var onLightOutlineInfo = 'var(--on-light-outline-info, #118CDF)';
 /** Минорный цвет обводки успех на светлом фоне */
-export var outlineOnLightOutlinePositiveMinor = 'var(--outline-on-light-outline-positive-minor, #28D247)';
+export var onLightOutlinePositiveMinor = 'var(--on-light-outline-positive-minor, #28D247)';
 /** Минорный цвет обводки предупреждение на светлом фоне */
-export var outlineOnLightOutlineWarningMinor = 'var(--outline-on-light-outline-warning-minor, #FD9C68)';
+export var onLightOutlineWarningMinor = 'var(--on-light-outline-warning-minor, #FD9C68)';
 /** Минорный цвет обводки ошибка на светлом фоне */
-export var outlineOnLightOutlineNegativeMinor = 'var(--outline-on-light-outline-negative-minor, #FF8F9A)';
+export var onLightOutlineNegativeMinor = 'var(--on-light-outline-negative-minor, #FF8F9A)';
 /** Минорный цвет обводки информация на светлом фоне */
-export var outlineOnLightOutlineInfoMinor = 'var(--outline-on-light-outline-info-minor, #52BAFF)';
+export var onLightOutlineInfoMinor = 'var(--on-light-outline-info-minor, #52BAFF)';
 /** Прозрачный цвет обводки успех на светлом фоне */
-export var outlineOnLightOutlineTransparentPositive = 'var(--outline-on-light-outline-transparent-positive, rgba(26,158,50,0.20))';
+export var onLightOutlineTransparentPositive = 'var(--on-light-outline-transparent-positive, rgba(26,158,50,0.20))';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var outlineOnLightOutlineTransparentWarning = 'var(--outline-on-light-outline-transparent-warning, rgba(250,95,5,0.20))';
+export var onLightOutlineTransparentWarning = 'var(--on-light-outline-transparent-warning, rgba(250,95,5,0.20))';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var outlineOnLightOutlineTransparentNegative = 'var(--outline-on-light-outline-transparent-negative, rgba(255,41,62,0.20))';
+export var onLightOutlineTransparentNegative = 'var(--on-light-outline-transparent-negative, rgba(255,41,62,0.20))';
 /** Прозрачный цвет обводки информация на светлом фоне */
-export var outlineOnLightOutlineTransparentInfo = 'var(--outline-on-light-outline-transparent-info, rgba(17,140,223,0.20))';
-export var outlineOnLightOutlineAccentMain = 'var(--outline-on-light-outline-accent-main, #1A9E32)';
-export var outlineOnLightOutlineAccentMainHover = 'var(--outline-on-light-outline-accent-main-hover, #1EB83AFF)';
-export var outlineOnLightOutlineAccentMainActive = 'var(--outline-on-light-outline-accent-main-active, #15842AFF)';
-export var outlineOnLightOutlineAccentAthena = 'var(--outline-on-light-outline-accent-athena, #118CDF)';
-export var outlineOnLightOutlineAccentAthenaHover = 'var(--outline-on-light-outline-accent-athena-hover, #50B1F2FF)';
-export var outlineOnLightOutlineAccentAthenaActive = 'var(--outline-on-light-outline-accent-athena-active, #0F7BC2FF)';
-export var outlineOnLightOutlineAccentJoy = 'var(--outline-on-light-outline-accent-joy, #B559F3)';
-export var outlineOnLightOutlineAccentJoyHover = 'var(--outline-on-light-outline-accent-joy-hover, #D7A4F9FF)';
-export var outlineOnLightOutlineAccentJoyActive = 'var(--outline-on-light-outline-accent-joy-active, #A93BF1FF)';
-export var outlineOnLightOutlineAccentB2E = 'var(--outline-on-light-outline-accent-b2-e, #1A9E32)';
-export var outlineOnLightOutlineAccentB2EHover = 'var(--outline-on-light-outline-accent-b2-e-hover, #1EB83AFF)';
-export var outlineOnLightOutlineAccentB2EActive = 'var(--outline-on-light-outline-accent-b2-e-active, #15842AFF)';
-export var outlineOnLightOutlineAccentBrand = 'var(--outline-on-light-outline-accent-brand, #3F81FD)';
-export var outlineOnLightOutlineAccentBrandHover = 'var(--outline-on-light-outline-accent-brand-hover, #90B6FEFF)';
-export var outlineOnLightOutlineAccentBrandActive = 'var(--outline-on-light-outline-accent-brand-active, #216EFDFF)';
-export var outlineOnLightOutlineAccentMainMinor = 'var(--outline-on-light-outline-accent-main-minor, #28D247)';
-export var outlineOnLightOutlineAccentMainMinorHover = 'var(--outline-on-light-outline-accent-main-minor-hover, #3EDA5BFF)';
-export var outlineOnLightOutlineAccentMainMinorActive = 'var(--outline-on-light-outline-accent-main-minor-active, #23B83EFF)';
-export var outlineOnLightOutlineAccentAthenaMinor = 'var(--outline-on-light-outline-accent-athena-minor, #52BAFF)';
-export var outlineOnLightOutlineAccentAthenaMinorHover = 'var(--outline-on-light-outline-accent-athena-minor-hover, #A3DAFFFF)';
-export var outlineOnLightOutlineAccentAthenaMinorActive = 'var(--outline-on-light-outline-accent-athena-minor-active, #33ADFFFF)';
-export var outlineOnLightOutlineAccentJoyMinor = 'var(--outline-on-light-outline-accent-joy-minor, #D39CF7)';
-export var outlineOnLightOutlineAccentJoyMinorHover = 'var(--outline-on-light-outline-accent-joy-minor-hover, #F4E7FDFF)';
-export var outlineOnLightOutlineAccentJoyMinorActive = 'var(--outline-on-light-outline-accent-joy-minor-active, #C680F5FF)';
-export var outlineOnLightOutlineAccentB2EMinor = 'var(--outline-on-light-outline-accent-b2-e-minor, #28D247)';
-export var outlineOnLightOutlineAccentB2EMinorHover = 'var(--outline-on-light-outline-accent-b2-e-minor-hover, #3EDA5BFF)';
-export var outlineOnLightOutlineAccentB2EMinorActive = 'var(--outline-on-light-outline-accent-b2-e-minor-active, #23B83EFF)';
-export var outlineOnLightOutlineAccentBrandMinor = 'var(--outline-on-light-outline-accent-brand-minor, #8BB2FC)';
-export var outlineOnLightOutlineAccentBrandMinorHover = 'var(--outline-on-light-outline-accent-brand-minor-hover, #DCE8FEFF)';
-export var outlineOnLightOutlineAccentBrandMinorActive = 'var(--outline-on-light-outline-accent-brand-minor-active, #6FA0FBFF)';
-export var outlineOnLightOutlineTransparentAccentMain = 'var(--outline-on-light-outline-transparent-accent-main, rgba(26,158,50,0.20))';
-export var outlineOnLightOutlineTransparentAccentMainHover = 'var(--outline-on-light-outline-transparent-accent-main-hover, #1A9E32FF)';
-export var outlineOnLightOutlineTransparentAccentMainActive = 'var(--outline-on-light-outline-transparent-accent-main-active, #1A9E323D)';
-export var outlineOnLightOutlineTransparentAccentAthena = 'var(--outline-on-light-outline-transparent-accent-athena, rgba(17,140,223,0.20))';
-export var outlineOnLightOutlineTransparentAccentAthenaHover = 'var(--outline-on-light-outline-transparent-accent-athena-hover, #118CDFFF)';
-export var outlineOnLightOutlineTransparentAccentAthenaActive = 'var(--outline-on-light-outline-transparent-accent-athena-active, #118CDF3D)';
-export var outlineOnLightOutlineTransparentAccentJoy = 'var(--outline-on-light-outline-transparent-accent-joy, rgba(181,89,243,0.20))';
-export var outlineOnLightOutlineTransparentAccentJoyHover = 'var(--outline-on-light-outline-transparent-accent-joy-hover, #B558F3FF)';
-export var outlineOnLightOutlineTransparentAccentJoyActive = 'var(--outline-on-light-outline-transparent-accent-joy-active, #B558F33D)';
-export var outlineOnLightOutlineTransparentAccentB2E = 'var(--outline-on-light-outline-transparent-accent-b2-e, rgba(26,158,50,0.20))';
-export var outlineOnLightOutlineTransparentAccentB2EHover = 'var(--outline-on-light-outline-transparent-accent-b2-e-hover, #1A9E32FF)';
-export var outlineOnLightOutlineTransparentAccentB2EActive = 'var(--outline-on-light-outline-transparent-accent-b2-e-active, #1A9E323D)';
-export var outlineOnLightOutlineTransparentAccentBrand = 'var(--outline-on-light-outline-transparent-accent-brand, rgba(63,129,253,0.20))';
-export var outlineOnLightOutlineTransparentAccentBrandHover = 'var(--outline-on-light-outline-transparent-accent-brand-hover, #3F82FDFF)';
-export var outlineOnLightOutlineTransparentAccentBrandActive = 'var(--outline-on-light-outline-transparent-accent-brand-active, #3F82FD3D)';
+export var onLightOutlineTransparentInfo = 'var(--on-light-outline-transparent-info, rgba(17,140,223,0.20))';
+export var onLightOutlineAccentMain = 'var(--on-light-outline-accent-main, #1A9E32)';
+export var onLightOutlineAccentMainHover = 'var(--on-light-outline-accent-main-hover, #1EB83AFF)';
+export var onLightOutlineAccentMainActive = 'var(--on-light-outline-accent-main-active, #15842AFF)';
+export var onLightOutlineAccentAthena = 'var(--on-light-outline-accent-athena, #118CDF)';
+export var onLightOutlineAccentAthenaHover = 'var(--on-light-outline-accent-athena-hover, #50B1F2FF)';
+export var onLightOutlineAccentAthenaActive = 'var(--on-light-outline-accent-athena-active, #0F7BC2FF)';
+export var onLightOutlineAccentJoy = 'var(--on-light-outline-accent-joy, #B559F3)';
+export var onLightOutlineAccentJoyHover = 'var(--on-light-outline-accent-joy-hover, #D7A4F9FF)';
+export var onLightOutlineAccentJoyActive = 'var(--on-light-outline-accent-joy-active, #A93BF1FF)';
+export var onLightOutlineAccentB2E = 'var(--on-light-outline-accent-b2-e, #1A9E32)';
+export var onLightOutlineAccentB2EHover = 'var(--on-light-outline-accent-b2-e-hover, #1EB83AFF)';
+export var onLightOutlineAccentB2EActive = 'var(--on-light-outline-accent-b2-e-active, #15842AFF)';
+export var onLightOutlineAccentBrand = 'var(--on-light-outline-accent-brand, #3F81FD)';
+export var onLightOutlineAccentBrandHover = 'var(--on-light-outline-accent-brand-hover, #90B6FEFF)';
+export var onLightOutlineAccentBrandActive = 'var(--on-light-outline-accent-brand-active, #216EFDFF)';
+export var onLightOutlineAccentMainMinor = 'var(--on-light-outline-accent-main-minor, #28D247)';
+export var onLightOutlineAccentMainMinorHover = 'var(--on-light-outline-accent-main-minor-hover, #3EDA5BFF)';
+export var onLightOutlineAccentMainMinorActive = 'var(--on-light-outline-accent-main-minor-active, #23B83EFF)';
+export var onLightOutlineAccentAthenaMinor = 'var(--on-light-outline-accent-athena-minor, #52BAFF)';
+export var onLightOutlineAccentAthenaMinorHover = 'var(--on-light-outline-accent-athena-minor-hover, #A3DAFFFF)';
+export var onLightOutlineAccentAthenaMinorActive = 'var(--on-light-outline-accent-athena-minor-active, #33ADFFFF)';
+export var onLightOutlineAccentJoyMinor = 'var(--on-light-outline-accent-joy-minor, #D39CF7)';
+export var onLightOutlineAccentJoyMinorHover = 'var(--on-light-outline-accent-joy-minor-hover, #F4E7FDFF)';
+export var onLightOutlineAccentJoyMinorActive = 'var(--on-light-outline-accent-joy-minor-active, #C680F5FF)';
+export var onLightOutlineAccentB2EMinor = 'var(--on-light-outline-accent-b2-e-minor, #28D247)';
+export var onLightOutlineAccentB2EMinorHover = 'var(--on-light-outline-accent-b2-e-minor-hover, #3EDA5BFF)';
+export var onLightOutlineAccentB2EMinorActive = 'var(--on-light-outline-accent-b2-e-minor-active, #23B83EFF)';
+export var onLightOutlineAccentBrandMinor = 'var(--on-light-outline-accent-brand-minor, #8BB2FC)';
+export var onLightOutlineAccentBrandMinorHover = 'var(--on-light-outline-accent-brand-minor-hover, #DCE8FEFF)';
+export var onLightOutlineAccentBrandMinorActive = 'var(--on-light-outline-accent-brand-minor-active, #6FA0FBFF)';
+export var onLightOutlineTransparentAccentMain = 'var(--on-light-outline-transparent-accent-main, rgba(26,158,50,0.20))';
+export var onLightOutlineTransparentAccentMainHover = 'var(--on-light-outline-transparent-accent-main-hover, #1A9E32FF)';
+export var onLightOutlineTransparentAccentMainActive = 'var(--on-light-outline-transparent-accent-main-active, #1A9E323D)';
+export var onLightOutlineTransparentAccentAthena = 'var(--on-light-outline-transparent-accent-athena, rgba(17,140,223,0.20))';
+export var onLightOutlineTransparentAccentAthenaHover = 'var(--on-light-outline-transparent-accent-athena-hover, #118CDFFF)';
+export var onLightOutlineTransparentAccentAthenaActive = 'var(--on-light-outline-transparent-accent-athena-active, #118CDF3D)';
+export var onLightOutlineTransparentAccentJoy = 'var(--on-light-outline-transparent-accent-joy, rgba(181,89,243,0.20))';
+export var onLightOutlineTransparentAccentJoyHover = 'var(--on-light-outline-transparent-accent-joy-hover, #B558F3FF)';
+export var onLightOutlineTransparentAccentJoyActive = 'var(--on-light-outline-transparent-accent-joy-active, #B558F33D)';
+export var onLightOutlineTransparentAccentB2E = 'var(--on-light-outline-transparent-accent-b2-e, rgba(26,158,50,0.20))';
+export var onLightOutlineTransparentAccentB2EHover = 'var(--on-light-outline-transparent-accent-b2-e-hover, #1A9E32FF)';
+export var onLightOutlineTransparentAccentB2EActive = 'var(--on-light-outline-transparent-accent-b2-e-active, #1A9E323D)';
+export var onLightOutlineTransparentAccentBrand = 'var(--on-light-outline-transparent-accent-brand, rgba(63,129,253,0.20))';
+export var onLightOutlineTransparentAccentBrandHover = 'var(--on-light-outline-transparent-accent-brand-hover, #3F82FDFF)';
+export var onLightOutlineTransparentAccentBrandActive = 'var(--on-light-outline-transparent-accent-brand-active, #3F82FD3D)';
 /** Инвертированный основной непрозрачный цвет обводки */
-export var outlineInverseOutlineSolidPrimaryHover = 'var(--outline-inverse-outline-solid-primary-hover, #ABABABFF)';
+export var inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primary-hover, #ABABABFF)';
 /** Инвертированный основной непрозрачный цвет обводки */
-export var outlineInverseOutlineSolidPrimaryActive = 'var(--outline-inverse-outline-solid-primary-active, #C4C4C4FF)';
+export var inverseOutlineSolidPrimaryActive = 'var(--inverse-outline-solid-primary-active, #C4C4C4FF)';
 /** Инвертированный вторичный непрозрачный цвет обводки */
-export var outlineInverseOutlineSolidSecondaryHover = 'var(--outline-inverse-outline-solid-secondary-hover, #FFFFFFFF)';
+export var inverseOutlineSolidSecondaryHover = 'var(--inverse-outline-solid-secondary-hover, #FFFFFFFF)';
 /** Инвертированный вторичный непрозрачный цвет обводки */
-export var outlineInverseOutlineSolidSecondaryActive = 'var(--outline-inverse-outline-solid-secondary-active, #575757FF)';
+export var inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-secondary-active, #575757FF)';
 /** Инвертированный третичный непрозрачный цвет обводки */
-export var outlineInverseOutlineSolidTertiaryHover = 'var(--outline-inverse-outline-solid-tertiary-hover, #FFFFFFFF)';
+export var inverseOutlineSolidTertiaryHover = 'var(--inverse-outline-solid-tertiary-hover, #FFFFFFFF)';
 /** Инвертированный третичный непрозрачный цвет обводки */
-export var outlineInverseOutlineSolidTertiaryActive = 'var(--outline-inverse-outline-solid-tertiary-active, #737373FF)';
+export var inverseOutlineSolidTertiaryActive = 'var(--inverse-outline-solid-tertiary-active, #737373FF)';
 /** Инвертированный основной прозрачный цвет обводки */
-export var outlineInverseOutlineTransparentPrimaryHover = 'var(--outline-inverse-outline-transparent-primary-hover, #080808FF)';
+export var inverseOutlineTransparentPrimaryHover = 'var(--inverse-outline-transparent-primary-hover, #080808FF)';
 /** Инвертированный основной прозрачный цвет обводки */
-export var outlineInverseOutlineTransparentPrimaryActive = 'var(--outline-inverse-outline-transparent-primary-active, #0808083D)';
+export var inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active, #0808083D)';
 /** Инвертированный вторичный прозрачный цвет обводки */
-export var outlineInverseOutlineTransparentSecondaryHover = 'var(--outline-inverse-outline-transparent-secondary-hover, #080808FF)';
+export var inverseOutlineTransparentSecondaryHover = 'var(--inverse-outline-transparent-secondary-hover, #080808FF)';
 /** Инвертированный вторичный прозрачный цвет обводки */
-export var outlineInverseOutlineTransparentSecondaryActive = 'var(--outline-inverse-outline-transparent-secondary-active, #0808087A)';
+export var inverseOutlineTransparentSecondaryActive = 'var(--inverse-outline-transparent-secondary-active, #0808087A)';
 /** Инвертированный третичный прозрачный цвет обводки */
-export var outlineInverseOutlineTransparentTertiaryHover = 'var(--outline-inverse-outline-transparent-tertiary-hover, #080808FF)';
+export var inverseOutlineTransparentTertiaryHover = 'var(--inverse-outline-transparent-tertiary-hover, #080808FF)';
 /** Инвертированный третичный прозрачный цвет обводки */
-export var outlineInverseOutlineTransparentTertiaryActive = 'var(--outline-inverse-outline-transparent-tertiary-active, #080808AB)';
+export var inverseOutlineTransparentTertiaryActive = 'var(--inverse-outline-transparent-tertiary-active, #080808AB)';
 /** Инвертированный цвет обводки успех */
-export var outlineInverseOutlinePositiveHover = 'var(--outline-inverse-outline-positive-hover, #1EB83AFF)';
+export var inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover, #1EB83AFF)';
 /** Инвертированный цвет обводки успех */
-export var outlineInverseOutlinePositiveActive = 'var(--outline-inverse-outline-positive-active, #15842AFF)';
+export var inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active, #15842AFF)';
 /** Инвертированный цвет обводки предупреждение */
-export var outlineInverseOutlineWarningHover = 'var(--outline-inverse-outline-warning-hover, #FB7223FF)';
+export var inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover, #FB7223FF)';
 /** Инвертированный цвет обводки предупреждение */
-export var outlineInverseOutlineWarningActive = 'var(--outline-inverse-outline-warning-active, #DC5304FF)';
+export var inverseOutlineWarningActive = 'var(--inverse-outline-warning-active, #DC5304FF)';
 /** Инвертированный цвет обводки ошибка */
-export var outlineInverseOutlineNegativeHover = 'var(--outline-inverse-outline-negative-hover, #FF475AFF)';
+export var inverseOutlineNegativeHover = 'var(--inverse-outline-negative-hover, #FF475AFF)';
 /** Инвертированный цвет обводки ошибка */
-export var outlineInverseOutlineNegativeActive = 'var(--outline-inverse-outline-negative-active, #FF0A23FF)';
+export var inverseOutlineNegativeActive = 'var(--inverse-outline-negative-active, #FF0A23FF)';
 /** Инвертированный цвет обводки информация */
-export var outlineInverseOutlineInfoHover = 'var(--outline-inverse-outline-info-hover, #50B1F2FF)';
+export var inverseOutlineInfoHover = 'var(--inverse-outline-info-hover, #50B1F2FF)';
 /** Инвертированный цвет обводки информация */
-export var outlineInverseOutlineInfoActive = 'var(--outline-inverse-outline-info-active, #0F7BC2FF)';
+export var inverseOutlineInfoActive = 'var(--inverse-outline-info-active, #0F7BC2FF)';
 /** Инвертированный минорный цвет обводки успех */
-export var outlineInverseOutlinePositiveMinorHover = 'var(--outline-inverse-outline-positive-minor-hover, #3EDA5BFF)';
+export var inverseOutlinePositiveMinorHover = 'var(--inverse-outline-positive-minor-hover, #3EDA5BFF)';
 /** Инвертированный минорный цвет обводки успех */
-export var outlineInverseOutlinePositiveMinorActive = 'var(--outline-inverse-outline-positive-minor-active, #23B83EFF)';
+export var inverseOutlinePositiveMinorActive = 'var(--inverse-outline-positive-minor-active, #23B83EFF)';
 /** Инвертированный минорный цвет обводки предупреждение */
-export var outlineInverseOutlineWarningMinorHover = 'var(--outline-inverse-outline-warning-minor-hover, #FDB086FF)';
+export var inverseOutlineWarningMinorHover = 'var(--inverse-outline-warning-minor-hover, #FDB086FF)';
 /** Инвертированный минорный цвет обводки предупреждение */
-export var outlineInverseOutlineWarningMinorActive = 'var(--outline-inverse-outline-warning-minor-active, #FC884AFF)';
+export var inverseOutlineWarningMinorActive = 'var(--inverse-outline-warning-minor-active, #FC884AFF)';
 /** Инвертированный минорный цвет обводки ошибка */
-export var outlineInverseOutlineNegativeMinorHover = 'var(--outline-inverse-outline-negative-minor-hover, #FFADB6FF)';
+export var inverseOutlineNegativeMinorHover = 'var(--inverse-outline-negative-minor-hover, #FFADB6FF)';
 /** Инвертированный минорный цвет обводки ошибка */
-export var outlineInverseOutlineNegativeMinorActive = 'var(--outline-inverse-outline-negative-minor-active, #FF707EFF)';
+export var inverseOutlineNegativeMinorActive = 'var(--inverse-outline-negative-minor-active, #FF707EFF)';
 /** Инвертированный минорный цвет обводки информация */
-export var outlineInverseOutlineInfoMinorHover = 'var(--outline-inverse-outline-info-minor-hover, #A3DAFFFF)';
+export var inverseOutlineInfoMinorHover = 'var(--inverse-outline-info-minor-hover, #A3DAFFFF)';
 /** Инвертированный минорный цвет обводки информация */
-export var outlineInverseOutlineInfoMinorActive = 'var(--outline-inverse-outline-info-minor-active, #33ADFFFF)';
+export var inverseOutlineInfoMinorActive = 'var(--inverse-outline-info-minor-active, #33ADFFFF)';
 /** Прозрачный инвертированный цвет обводки успех */
-export var outlineInverseOutlineTransparentPositiveHover = 'var(--outline-inverse-outline-transparent-positive-hover, #1A9E32FF)';
+export var inverseOutlineTransparentPositiveHover = 'var(--inverse-outline-transparent-positive-hover, #1A9E32FF)';
 /** Прозрачный инвертированный цвет обводки успех */
-export var outlineInverseOutlineTransparentPositiveActive = 'var(--outline-inverse-outline-transparent-positive-active, #1A9E323D)';
+export var inverseOutlineTransparentPositiveActive = 'var(--inverse-outline-transparent-positive-active, #1A9E323D)';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var outlineInverseOutlineTransparentWarningHover = 'var(--outline-inverse-outline-transparent-warning-hover, #FA5F05FF)';
+export var inverseOutlineTransparentWarningHover = 'var(--inverse-outline-transparent-warning-hover, #FA5F05FF)';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var outlineInverseOutlineTransparentWarningActive = 'var(--outline-inverse-outline-transparent-warning-active, #FA5F053D)';
+export var inverseOutlineTransparentWarningActive = 'var(--inverse-outline-transparent-warning-active, #FA5F053D)';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var outlineInverseOutlineTransparentNegativeHover = 'var(--outline-inverse-outline-transparent-negative-hover, #FF293EFF)';
+export var inverseOutlineTransparentNegativeHover = 'var(--inverse-outline-transparent-negative-hover, #FF293EFF)';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var outlineInverseOutlineTransparentNegativeActive = 'var(--outline-inverse-outline-transparent-negative-active, #FF293E3D)';
+export var inverseOutlineTransparentNegativeActive = 'var(--inverse-outline-transparent-negative-active, #FF293E3D)';
 /** Прозрачный инвертированный цвет обводки информация */
-export var outlineInverseOutlineTransparentInfoHover = 'var(--outline-inverse-outline-transparent-info-hover, #118CDFFF)';
+export var inverseOutlineTransparentInfoHover = 'var(--inverse-outline-transparent-info-hover, #118CDFFF)';
 /** Прозрачный инвертированный цвет обводки информация */
-export var outlineInverseOutlineTransparentInfoActive = 'var(--outline-inverse-outline-transparent-info-active, #118CDF3D)';
+export var inverseOutlineTransparentInfoActive = 'var(--inverse-outline-transparent-info-active, #118CDF3D)';
 /** Инвертированный основной непрозрачный цвет обводки */
-export var outlineInverseOutlineSolidPrimary = 'var(--outline-inverse-outline-solid-primary, #DDDDDD)';
+export var inverseOutlineSolidPrimary = 'var(--inverse-outline-solid-primary, #DDDDDD)';
 /** Инвертированный вторичный непрозрачный цвет обводки */
-export var outlineInverseOutlineSolidSecondary = 'var(--outline-inverse-outline-solid-secondary, #949494)';
+export var inverseOutlineSolidSecondary = 'var(--inverse-outline-solid-secondary, #949494)';
 /** Инвертированный третичный непрозрачный цвет обводки */
-export var outlineInverseOutlineSolidTertiary = 'var(--outline-inverse-outline-solid-tertiary, #707070)';
+export var inverseOutlineSolidTertiary = 'var(--inverse-outline-solid-tertiary, #707070)';
 /** Инвертированный основной прозрачный цвет обводки */
-export var outlineInverseOutlineTransparentPrimary = 'var(--outline-inverse-outline-transparent-primary, rgba(8,8,8,0.20))';
+export var inverseOutlineTransparentPrimary = 'var(--inverse-outline-transparent-primary, rgba(8,8,8,0.20))';
 /** Инвертированный вторичный прозрачный цвет обводки */
-export var outlineInverseOutlineTransparentSecondary = 'var(--outline-inverse-outline-transparent-secondary, rgba(8,8,8,0.40))';
+export var inverseOutlineTransparentSecondary = 'var(--inverse-outline-transparent-secondary, rgba(8,8,8,0.40))';
 /** Инвертированный третичный прозрачный цвет обводки */
-export var outlineInverseOutlineTransparentTertiary = 'var(--outline-inverse-outline-transparent-tertiary, rgba(8,8,8,0.56))';
+export var inverseOutlineTransparentTertiary = 'var(--inverse-outline-transparent-tertiary, rgba(8,8,8,0.56))';
 /** Инвертированный цвет обводки успех */
-export var outlineInverseOutlinePositive = 'var(--outline-inverse-outline-positive, #1A9E32)';
+export var inverseOutlinePositive = 'var(--inverse-outline-positive, #1A9E32)';
 /** Инвертированный цвет обводки предупреждение */
-export var outlineInverseOutlineWarning = 'var(--outline-inverse-outline-warning, #FA5F05)';
+export var inverseOutlineWarning = 'var(--inverse-outline-warning, #FA5F05)';
 /** Инвертированный цвет обводки ошибка */
-export var outlineInverseOutlineNegative = 'var(--outline-inverse-outline-negative, #FF293E)';
+export var inverseOutlineNegative = 'var(--inverse-outline-negative, #FF293E)';
 /** Инвертированный цвет обводки информация */
-export var outlineInverseOutlineInfo = 'var(--outline-inverse-outline-info, #118CDF)';
+export var inverseOutlineInfo = 'var(--inverse-outline-info, #118CDF)';
 /** Инвертированный минорный цвет обводки успех */
-export var outlineInverseOutlinePositiveMinor = 'var(--outline-inverse-outline-positive-minor, #28D247)';
+export var inverseOutlinePositiveMinor = 'var(--inverse-outline-positive-minor, #28D247)';
 /** Инвертированный минорный цвет обводки предупреждение */
-export var outlineInverseOutlineWarningMinor = 'var(--outline-inverse-outline-warning-minor, #FD9C68)';
+export var inverseOutlineWarningMinor = 'var(--inverse-outline-warning-minor, #FD9C68)';
 /** Инвертированный минорный цвет обводки ошибка */
-export var outlineInverseOutlineNegativeMinor = 'var(--outline-inverse-outline-negative-minor, #FF8F9A)';
+export var inverseOutlineNegativeMinor = 'var(--inverse-outline-negative-minor, #FF8F9A)';
 /** Инвертированный минорный цвет обводки информация */
-export var outlineInverseOutlineInfoMinor = 'var(--outline-inverse-outline-info-minor, #52BAFF)';
+export var inverseOutlineInfoMinor = 'var(--inverse-outline-info-minor, #52BAFF)';
 /** Прозрачный инвертированный цвет обводки успех */
-export var outlineInverseOutlineTransparentPositive = 'var(--outline-inverse-outline-transparent-positive, rgba(26,158,50,0.20))';
+export var inverseOutlineTransparentPositive = 'var(--inverse-outline-transparent-positive, rgba(26,158,50,0.20))';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var outlineInverseOutlineTransparentWarning = 'var(--outline-inverse-outline-transparent-warning, rgba(250,95,5,0.20))';
+export var inverseOutlineTransparentWarning = 'var(--inverse-outline-transparent-warning, rgba(250,95,5,0.20))';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var outlineInverseOutlineTransparentNegative = 'var(--outline-inverse-outline-transparent-negative, rgba(255,41,62,0.20))';
+export var inverseOutlineTransparentNegative = 'var(--inverse-outline-transparent-negative, rgba(255,41,62,0.20))';
 /** Прозрачный инвертированный цвет обводки информация */
-export var outlineInverseOutlineTransparentInfo = 'var(--outline-inverse-outline-transparent-info, rgba(17,140,223,0.20))';
-export var outlineInverseOutlineAccentMain = 'var(--outline-inverse-outline-accent-main, #1A9E32)';
-export var outlineInverseOutlineAccentMainHover = 'var(--outline-inverse-outline-accent-main-hover, #1EB83AFF)';
-export var outlineInverseOutlineAccentMainActive = 'var(--outline-inverse-outline-accent-main-active, #15842AFF)';
-export var outlineInverseOutlineAccentAthena = 'var(--outline-inverse-outline-accent-athena, #118CDF)';
-export var outlineInverseOutlineAccentAthenaHover = 'var(--outline-inverse-outline-accent-athena-hover, #50B1F2FF)';
-export var outlineInverseOutlineAccentAthenaActive = 'var(--outline-inverse-outline-accent-athena-active, #0F7BC2FF)';
-export var outlineInverseOutlineAccentJoy = 'var(--outline-inverse-outline-accent-joy, #B559F3)';
-export var outlineInverseOutlineAccentJoyHover = 'var(--outline-inverse-outline-accent-joy-hover, #D7A4F9FF)';
-export var outlineInverseOutlineAccentJoyActive = 'var(--outline-inverse-outline-accent-joy-active, #A93BF1FF)';
-export var outlineInverseOutlineAccentB2E = 'var(--outline-inverse-outline-accent-b2-e, #1A9E32)';
-export var outlineInverseOutlineAccentB2EHover = 'var(--outline-inverse-outline-accent-b2-e-hover, #1EB83AFF)';
-export var outlineInverseOutlineAccentB2EActive = 'var(--outline-inverse-outline-accent-b2-e-active, #15842AFF)';
-export var outlineInverseOutlineAccentBrand = 'var(--outline-inverse-outline-accent-brand, #118CDF)';
-export var outlineInverseOutlineAccentBrandHover = 'var(--outline-inverse-outline-accent-brand-hover, #50B1F2FF)';
-export var outlineInverseOutlineAccentBrandActive = 'var(--outline-inverse-outline-accent-brand-active, #0F7BC2FF)';
-export var outlineInverseOutlineAccentMainMinor = 'var(--outline-inverse-outline-accent-main-minor, #28D247)';
-export var outlineInverseOutlineAccentMainMinorHover = 'var(--outline-inverse-outline-accent-main-minor-hover, #3EDA5BFF)';
-export var outlineInverseOutlineAccentMainMinorActive = 'var(--outline-inverse-outline-accent-main-minor-active, #23B83EFF)';
-export var outlineInverseOutlineAccentAthenaMinor = 'var(--outline-inverse-outline-accent-athena-minor, #52BAFF)';
-export var outlineInverseOutlineAccentAthenaMinorHover = 'var(--outline-inverse-outline-accent-athena-minor-hover, #A3DAFFFF)';
-export var outlineInverseOutlineAccentAthenaMinorActive = 'var(--outline-inverse-outline-accent-athena-minor-active, #33ADFFFF)';
-export var outlineInverseOutlineAccentJoyMinor = 'var(--outline-inverse-outline-accent-joy-minor, #D39CF7)';
-export var outlineInverseOutlineAccentJoyMinorHover = 'var(--outline-inverse-outline-accent-joy-minor-hover, #F4E7FDFF)';
-export var outlineInverseOutlineAccentJoyMinorActive = 'var(--outline-inverse-outline-accent-joy-minor-active, #C680F5FF)';
-export var outlineInverseOutlineAccentB2EMinor = 'var(--outline-inverse-outline-accent-b2-e-minor, #28D247)';
-export var outlineInverseOutlineAccentB2EMinorHover = 'var(--outline-inverse-outline-accent-b2-e-minor-hover, #3EDA5BFF)';
-export var outlineInverseOutlineAccentB2EMinorActive = 'var(--outline-inverse-outline-accent-b2-e-minor-active, #23B83EFF)';
-export var outlineInverseOutlineAccentBrandMinor = 'var(--outline-inverse-outline-accent-brand-minor, #8BB2FC)';
-export var outlineInverseOutlineAccentBrandMinorHover = 'var(--outline-inverse-outline-accent-brand-minor-hover, #DCE8FEFF)';
-export var outlineInverseOutlineAccentBrandMinorActive = 'var(--outline-inverse-outline-accent-brand-minor-active, #6FA0FBFF)';
-export var outlineInverseOutlineTransparentAccentMain = 'var(--outline-inverse-outline-transparent-accent-main, rgba(26,158,50,0.20))';
-export var outlineInverseOutlineTransparentAccentMainHover = 'var(--outline-inverse-outline-transparent-accent-main-hover, #1A9E32FF)';
-export var outlineInverseOutlineTransparentAccentMainActive = 'var(--outline-inverse-outline-transparent-accent-main-active, #1A9E323D)';
-export var outlineInverseOutlineTransparentAccentAthena = 'var(--outline-inverse-outline-transparent-accent-athena, rgba(17,140,223,0.20))';
-export var outlineInverseOutlineTransparentAccentAthenaHover = 'var(--outline-inverse-outline-transparent-accent-athena-hover, #118CDFFF)';
-export var outlineInverseOutlineTransparentAccentAthenaActive = 'var(--outline-inverse-outline-transparent-accent-athena-active, #118CDF3D)';
-export var outlineInverseOutlineTransparentAccentJoy = 'var(--outline-inverse-outline-transparent-accent-joy, rgba(181,89,243,0.20))';
-export var outlineInverseOutlineTransparentAccentJoyHover = 'var(--outline-inverse-outline-transparent-accent-joy-hover, #B558F3FF)';
-export var outlineInverseOutlineTransparentAccentJoyActive = 'var(--outline-inverse-outline-transparent-accent-joy-active, #B558F33D)';
-export var outlineInverseOutlineTransparentAccentB2E = 'var(--outline-inverse-outline-transparent-accent-b2-e, rgba(26,158,50,0.20))';
-export var outlineInverseOutlineTransparentAccentB2EHover = 'var(--outline-inverse-outline-transparent-accent-b2-e-hover, #1A9E32FF)';
-export var outlineInverseOutlineTransparentAccentB2EActive = 'var(--outline-inverse-outline-transparent-accent-b2-e-active, #1A9E323D)';
-export var outlineInverseOutlineTransparentAccentBrand = 'var(--outline-inverse-outline-transparent-accent-brand, rgba(63,129,253,0.20))';
-export var outlineInverseOutlineTransparentAccentBrandHover = 'var(--outline-inverse-outline-transparent-accent-brand-hover, #3F82FDFF)';
-export var outlineInverseOutlineTransparentAccentBrandActive = 'var(--outline-inverse-outline-transparent-accent-brand-active, #3F82FD3D)';
+export var inverseOutlineTransparentInfo = 'var(--inverse-outline-transparent-info, rgba(17,140,223,0.20))';
+export var inverseOutlineAccentMain = 'var(--inverse-outline-accent-main, #1A9E32)';
+export var inverseOutlineAccentMainHover = 'var(--inverse-outline-accent-main-hover, #1EB83AFF)';
+export var inverseOutlineAccentMainActive = 'var(--inverse-outline-accent-main-active, #15842AFF)';
+export var inverseOutlineAccentAthena = 'var(--inverse-outline-accent-athena, #118CDF)';
+export var inverseOutlineAccentAthenaHover = 'var(--inverse-outline-accent-athena-hover, #50B1F2FF)';
+export var inverseOutlineAccentAthenaActive = 'var(--inverse-outline-accent-athena-active, #0F7BC2FF)';
+export var inverseOutlineAccentJoy = 'var(--inverse-outline-accent-joy, #B559F3)';
+export var inverseOutlineAccentJoyHover = 'var(--inverse-outline-accent-joy-hover, #D7A4F9FF)';
+export var inverseOutlineAccentJoyActive = 'var(--inverse-outline-accent-joy-active, #A93BF1FF)';
+export var inverseOutlineAccentB2E = 'var(--inverse-outline-accent-b2-e, #1A9E32)';
+export var inverseOutlineAccentB2EHover = 'var(--inverse-outline-accent-b2-e-hover, #1EB83AFF)';
+export var inverseOutlineAccentB2EActive = 'var(--inverse-outline-accent-b2-e-active, #15842AFF)';
+export var inverseOutlineAccentBrand = 'var(--inverse-outline-accent-brand, #118CDF)';
+export var inverseOutlineAccentBrandHover = 'var(--inverse-outline-accent-brand-hover, #50B1F2FF)';
+export var inverseOutlineAccentBrandActive = 'var(--inverse-outline-accent-brand-active, #0F7BC2FF)';
+export var inverseOutlineAccentMainMinor = 'var(--inverse-outline-accent-main-minor, #28D247)';
+export var inverseOutlineAccentMainMinorHover = 'var(--inverse-outline-accent-main-minor-hover, #3EDA5BFF)';
+export var inverseOutlineAccentMainMinorActive = 'var(--inverse-outline-accent-main-minor-active, #23B83EFF)';
+export var inverseOutlineAccentAthenaMinor = 'var(--inverse-outline-accent-athena-minor, #52BAFF)';
+export var inverseOutlineAccentAthenaMinorHover = 'var(--inverse-outline-accent-athena-minor-hover, #A3DAFFFF)';
+export var inverseOutlineAccentAthenaMinorActive = 'var(--inverse-outline-accent-athena-minor-active, #33ADFFFF)';
+export var inverseOutlineAccentJoyMinor = 'var(--inverse-outline-accent-joy-minor, #D39CF7)';
+export var inverseOutlineAccentJoyMinorHover = 'var(--inverse-outline-accent-joy-minor-hover, #F4E7FDFF)';
+export var inverseOutlineAccentJoyMinorActive = 'var(--inverse-outline-accent-joy-minor-active, #C680F5FF)';
+export var inverseOutlineAccentB2EMinor = 'var(--inverse-outline-accent-b2-e-minor, #28D247)';
+export var inverseOutlineAccentB2EMinorHover = 'var(--inverse-outline-accent-b2-e-minor-hover, #3EDA5BFF)';
+export var inverseOutlineAccentB2EMinorActive = 'var(--inverse-outline-accent-b2-e-minor-active, #23B83EFF)';
+export var inverseOutlineAccentBrandMinor = 'var(--inverse-outline-accent-brand-minor, #8BB2FC)';
+export var inverseOutlineAccentBrandMinorHover = 'var(--inverse-outline-accent-brand-minor-hover, #DCE8FEFF)';
+export var inverseOutlineAccentBrandMinorActive = 'var(--inverse-outline-accent-brand-minor-active, #6FA0FBFF)';
+export var inverseOutlineTransparentAccentMain = 'var(--inverse-outline-transparent-accent-main, rgba(26,158,50,0.20))';
+export var inverseOutlineTransparentAccentMainHover = 'var(--inverse-outline-transparent-accent-main-hover, #1A9E32FF)';
+export var inverseOutlineTransparentAccentMainActive = 'var(--inverse-outline-transparent-accent-main-active, #1A9E323D)';
+export var inverseOutlineTransparentAccentAthena = 'var(--inverse-outline-transparent-accent-athena, rgba(17,140,223,0.20))';
+export var inverseOutlineTransparentAccentAthenaHover = 'var(--inverse-outline-transparent-accent-athena-hover, #118CDFFF)';
+export var inverseOutlineTransparentAccentAthenaActive = 'var(--inverse-outline-transparent-accent-athena-active, #118CDF3D)';
+export var inverseOutlineTransparentAccentJoy = 'var(--inverse-outline-transparent-accent-joy, rgba(181,89,243,0.20))';
+export var inverseOutlineTransparentAccentJoyHover = 'var(--inverse-outline-transparent-accent-joy-hover, #B558F3FF)';
+export var inverseOutlineTransparentAccentJoyActive = 'var(--inverse-outline-transparent-accent-joy-active, #B558F33D)';
+export var inverseOutlineTransparentAccentB2E = 'var(--inverse-outline-transparent-accent-b2-e, rgba(26,158,50,0.20))';
+export var inverseOutlineTransparentAccentB2EHover = 'var(--inverse-outline-transparent-accent-b2-e-hover, #1A9E32FF)';
+export var inverseOutlineTransparentAccentB2EActive = 'var(--inverse-outline-transparent-accent-b2-e-active, #1A9E323D)';
+export var inverseOutlineTransparentAccentBrand = 'var(--inverse-outline-transparent-accent-brand, rgba(63,129,253,0.20))';
+export var inverseOutlineTransparentAccentBrandHover = 'var(--inverse-outline-transparent-accent-brand-hover, #3F82FDFF)';
+export var inverseOutlineTransparentAccentBrandActive = 'var(--inverse-outline-transparent-accent-brand-active, #3F82FD3D)';
 /** Желтый цвет для данных */
 export var dataDefaultDataYellow = 'var(--data-default-data-yellow, #F3A912)';
 /** Желтый цвет для данных */