@salutejs/plasma-tokens 1.117.0-canary.2084.16417446408.0 → 1.117.0-canary.2096.16443129108.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 outlineSolidPrimaryHover = 'var(--outline-solid-primary-hover, #FFFFFFFF)';
+export var outlineDefaultOutlineSolidPrimaryHover = 'var(--outline-default-outline-solid-primary-hover, #FFFFFFFF)';
 /** Основной непрозрачный цвет обводки */
-export var outlineSolidPrimaryActive = 'var(--outline-solid-primary-active, #ADADADFF)';
+export var outlineDefaultOutlineSolidPrimaryActive = 'var(--outline-default-outline-solid-primary-active, #ADADADFF)';
 /** Вторичный непрозрачный цвет обводки */
-export var outlineSolidSecondaryHover = 'var(--outline-solid-secondary-hover, #FFFFFFFF)';
+export var outlineDefaultOutlineSolidSecondaryHover = 'var(--outline-default-outline-solid-secondary-hover, #FFFFFFFF)';
 /** Вторичный непрозрачный цвет обводки */
-export var outlineSolidSecondaryActive = 'var(--outline-solid-secondary-active, #8C8C8CFF)';
+export var outlineDefaultOutlineSolidSecondaryActive = 'var(--outline-default-outline-solid-secondary-active, #8C8C8CFF)';
 /** Третичный непрозрачный цвет обводки */
-export var outlineSolidTertiaryHover = 'var(--outline-solid-tertiary-hover, #FFFFFFFF)';
+export var outlineDefaultOutlineSolidTertiaryHover = 'var(--outline-default-outline-solid-tertiary-hover, #FFFFFFFF)';
 /** Третичный непрозрачный цвет обводки */
-export var outlineSolidTertiaryActive = 'var(--outline-solid-tertiary-active, #737373FF)';
+export var outlineDefaultOutlineSolidTertiaryActive = 'var(--outline-default-outline-solid-tertiary-active, #737373FF)';
 /** Основной прозрачный цвет обводки */
-export var outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover, #FFFFFFFF)';
+export var outlineDefaultOutlineTransparentPrimaryHover = 'var(--outline-default-outline-transparent-primary-hover, #FFFFFFFF)';
 /** Основной прозрачный цвет обводки */
-export var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active, #FFFFFF25)';
+export var outlineDefaultOutlineTransparentPrimaryActive = 'var(--outline-default-outline-transparent-primary-active, #FFFFFF25)';
 /** Вторичный прозрачный цвет обводки */
-export var outlineTransparentSecondaryHover = 'var(--outline-transparent-secondary-hover, #FFFFFFFF)';
+export var outlineDefaultOutlineTransparentSecondaryHover = 'var(--outline-default-outline-transparent-secondary-hover, #FFFFFFFF)';
 /** Вторичный прозрачный цвет обводки */
-export var outlineTransparentSecondaryActive = 'var(--outline-transparent-secondary-active, #FFFFFF3D)';
+export var outlineDefaultOutlineTransparentSecondaryActive = 'var(--outline-default-outline-transparent-secondary-active, #FFFFFF3D)';
 /** Третичный прозрачный цвет обводки */
-export var outlineTransparentTertiaryHover = 'var(--outline-transparent-tertiary-hover, #FFFFFFFF)';
+export var outlineDefaultOutlineTransparentTertiaryHover = 'var(--outline-default-outline-transparent-tertiary-hover, #FFFFFFFF)';
 /** Третичный прозрачный цвет обводки */
-export var outlineTransparentTertiaryActive = 'var(--outline-transparent-tertiary-active, #FFFFFF7A)';
+export var outlineDefaultOutlineTransparentTertiaryActive = 'var(--outline-default-outline-transparent-tertiary-active, #FFFFFF7A)';
 /** Бесцветная обводка */
-export var outlineClearHover = 'var(--outline-clear-hover, #FFFFFF00)';
+export var outlineDefaultOutlineClearHover = 'var(--outline-default-outline-clear-hover, #FFFFFF00)';
 /** Бесцветная обводка */
-export var outlineClearActive = 'var(--outline-clear-active, #FFFFFF00)';
+export var outlineDefaultOutlineClearActive = 'var(--outline-default-outline-clear-active, #FFFFFF00)';
 /** Цвет обводки успех */
-export var outlinePositiveHover = 'var(--outline-positive-hover, #2ACB47FF)';
+export var outlineDefaultOutlinePositiveHover = 'var(--outline-default-outline-positive-hover, #2ACB47FF)';
 /** Цвет обводки успех */
-export var outlinePositiveActive = 'var(--outline-positive-active, #1F9835FF)';
+export var outlineDefaultOutlinePositiveActive = 'var(--outline-default-outline-positive-active, #1F9835FF)';
 /** Цвет обводки предупреждение */
-export var outlineWarningHover = 'var(--outline-warning-hover, #FF8442FF)';
+export var outlineDefaultOutlineWarningHover = 'var(--outline-default-outline-warning-hover, #FF8442FF)';
 /** Цвет обводки предупреждение */
-export var outlineWarningActive = 'var(--outline-warning-active, #FF5D05FF)';
+export var outlineDefaultOutlineWarningActive = 'var(--outline-default-outline-warning-active, #FF5D05FF)';
 /** Цвет обводки ошибка */
-export var outlineNegativeHover = 'var(--outline-negative-hover, #FF5C6CFF)';
+export var outlineDefaultOutlineNegativeHover = 'var(--outline-default-outline-negative-hover, #FF5C6CFF)';
 /** Цвет обводки ошибка */
-export var outlineNegativeActive = 'var(--outline-negative-active, #FF1F35FF)';
+export var outlineDefaultOutlineNegativeActive = 'var(--outline-default-outline-negative-active, #FF1F35FF)';
 /** Цвет обводки информация */
-export var outlineInfoHover = 'var(--outline-info-hover, #66BCF5FF)';
+export var outlineDefaultOutlineInfoHover = 'var(--outline-default-outline-info-hover, #66BCF5FF)';
 /** Цвет обводки информация */
-export var outlineInfoActive = 'var(--outline-info-active, #0E8ADDFF)';
+export var outlineDefaultOutlineInfoActive = 'var(--outline-default-outline-info-active, #0E8ADDFF)';
 /** Минорный цвет обводки успех */
-export var outlinePositiveMinorHover = 'var(--outline-positive-minor-hover, #0F9527FF)';
+export var outlineDefaultOutlinePositiveMinorHover = 'var(--outline-default-outline-positive-minor-hover, #0F9527FF)';
 /** Минорный цвет обводки успех */
-export var outlinePositiveMinorActive = 'var(--outline-positive-minor-active, #0C7920FF)';
+export var outlineDefaultOutlinePositiveMinorActive = 'var(--outline-default-outline-positive-minor-active, #0C7920FF)';
 /** Минорный цвет обводки предупреждение */
-export var outlineWarningMinorHover = 'var(--outline-warning-minor-hover, #BB4F11FF)';
+export var outlineDefaultOutlineWarningMinorHover = 'var(--outline-default-outline-warning-minor-hover, #BB4F11FF)';
 /** Минорный цвет обводки предупреждение */
-export var outlineWarningMinorActive = 'var(--outline-warning-minor-active, #9F440FFF)';
+export var outlineDefaultOutlineWarningMinorActive = 'var(--outline-default-outline-warning-minor-active, #9F440FFF)';
 /** Минорный цвет обводки ошибка */
-export var outlineNegativeMinorHover = 'var(--outline-negative-minor-hover, #B91828FF)';
+export var outlineDefaultOutlineNegativeMinorHover = 'var(--outline-default-outline-negative-minor-hover, #B91828FF)';
 /** Минорный цвет обводки ошибка */
-export var outlineNegativeMinorActive = 'var(--outline-negative-minor-active, #83111CFF)';
+export var outlineDefaultOutlineNegativeMinorActive = 'var(--outline-default-outline-negative-minor-active, #83111CFF)';
 /** Минорный цвет обводки информация */
-export var outlineInfoMinorHover = 'var(--outline-info-minor-hover, #1277BAFF)';
+export var outlineDefaultOutlineInfoMinorHover = 'var(--outline-default-outline-info-minor-hover, #1277BAFF)';
 /** Минорный цвет обводки информация */
-export var outlineInfoMinorActive = 'var(--outline-info-minor-active, #10659EFF)';
+export var outlineDefaultOutlineInfoMinorActive = 'var(--outline-default-outline-info-minor-active, #10659EFF)';
 /** Прозрачный цвет обводки успех */
-export var outlineTransparentPositiveHover = 'var(--outline-transparent-positive-hover, #24B23EFF)';
+export var outlineDefaultOutlineTransparentPositiveHover = 'var(--outline-default-outline-transparent-positive-hover, #24B23EFF)';
 /** Прозрачный цвет обводки успех */
-export var outlineTransparentPositiveActive = 'var(--outline-transparent-positive-active, #24B23E56)';
+export var outlineDefaultOutlineTransparentPositiveActive = 'var(--outline-default-outline-transparent-positive-active, #24B23E56)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentWarningHover = 'var(--outline-transparent-warning-hover, #FF7024FF)';
+export var outlineDefaultOutlineTransparentWarningHover = 'var(--outline-default-outline-transparent-warning-hover, #FF7024FF)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentWarningActive = 'var(--outline-transparent-warning-active, #FF702456)';
+export var outlineDefaultOutlineTransparentWarningActive = 'var(--outline-default-outline-transparent-warning-active, #FF702456)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentNegativeHover = 'var(--outline-transparent-negative-hover, #FF3D51FF)';
+export var outlineDefaultOutlineTransparentNegativeHover = 'var(--outline-default-outline-transparent-negative-hover, #FF3D51FF)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentNegativeActive = 'var(--outline-transparent-negative-active, #FF3D5156)';
+export var outlineDefaultOutlineTransparentNegativeActive = 'var(--outline-default-outline-transparent-negative-active, #FF3D5156)';
 /** Прозрачный цвет обводки информация */
-export var outlineTransparentInfoHover = 'var(--outline-transparent-info-hover, #199AF0FF)';
+export var outlineDefaultOutlineTransparentInfoHover = 'var(--outline-default-outline-transparent-info-hover, #199AF0FF)';
 /** Прозрачный цвет обводки информация */
-export var outlineTransparentInfoActive = 'var(--outline-transparent-info-active, #199AF056)';
+export var outlineDefaultOutlineTransparentInfoActive = 'var(--outline-default-outline-transparent-info-active, #199AF056)';
 /** Основной непрозрачный цвет обводки */
-export var outlineSolidPrimary = 'var(--outline-solid-primary, #262626)';
+export var outlineDefaultOutlineSolidPrimary = 'var(--outline-default-outline-solid-primary, #262626)';
 /** Вторичный непрозрачный цвет обводки */
-export var outlineSolidSecondary = 'var(--outline-solid-secondary, #4E4E4E)';
+export var outlineDefaultOutlineSolidSecondary = 'var(--outline-default-outline-solid-secondary, #4E4E4E)';
 /** Третичный непрозрачный цвет обводки */
-export var outlineSolidTertiary = 'var(--outline-solid-tertiary, #707070)';
+export var outlineDefaultOutlineSolidTertiary = 'var(--outline-default-outline-solid-tertiary, #707070)';
 /** Основной прозрачный цвет обводки */
-export var outlineTransparentPrimary = 'var(--outline-transparent-primary, rgba(255,255,255,0.12))';
+export var outlineDefaultOutlineTransparentPrimary = 'var(--outline-default-outline-transparent-primary, rgba(255,255,255,0.12))';
 /** Вторичный прозрачный цвет обводки */
-export var outlineTransparentSecondary = 'var(--outline-transparent-secondary, rgba(255,255,255,0.20))';
+export var outlineDefaultOutlineTransparentSecondary = 'var(--outline-default-outline-transparent-secondary, rgba(255,255,255,0.20))';
 /** Третичный прозрачный цвет обводки */
-export var outlineTransparentTertiary = 'var(--outline-transparent-tertiary, rgba(255,255,255,0.40))';
+export var outlineDefaultOutlineTransparentTertiary = 'var(--outline-default-outline-transparent-tertiary, rgba(255,255,255,0.40))';
 /** Бесцветная обводка */
-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 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 outlinePositive = 'var(--outline-positive, #24B23E)';
+export var outlineDefaultOutlinePositive = 'var(--outline-default-outline-positive, #24B23E)';
 /** Цвет обводки предупреждение */
-export var outlineWarning = 'var(--outline-warning, #FF7024)';
+export var outlineDefaultOutlineWarning = 'var(--outline-default-outline-warning, #FF7024)';
 /** Цвет обводки ошибка */
-export var outlineNegative = 'var(--outline-negative, #FF3D51)';
+export var outlineDefaultOutlineNegative = 'var(--outline-default-outline-negative, #FF3D51)';
 /** Цвет обводки информация */
-export var outlineInfo = 'var(--outline-info, #199AF0)';
+export var outlineDefaultOutlineInfo = 'var(--outline-default-outline-info, #199AF0)';
 /** Минорный цвет обводки успех */
-export var outlinePositiveMinor = 'var(--outline-positive-minor, #095C18)';
+export var outlineDefaultOutlinePositiveMinor = 'var(--outline-default-outline-positive-minor, #095C18)';
 /** Минорный цвет обводки предупреждение */
-export var outlineWarningMinor = 'var(--outline-warning-minor, #85380C)';
+export var outlineDefaultOutlineWarningMinor = 'var(--outline-default-outline-warning-minor, #85380C)';
 /** Минорный цвет обводки ошибка */
-export var outlineNegativeMinor = 'var(--outline-negative-minor, #9C1422)';
+export var outlineDefaultOutlineNegativeMinor = 'var(--outline-default-outline-negative-minor, #9C1422)';
 /** Минорный цвет обводки информация */
-export var outlineInfoMinor = 'var(--outline-info-minor, #0D5382)';
+export var outlineDefaultOutlineInfoMinor = 'var(--outline-default-outline-info-minor, #0D5382)';
 /** Прозрачный цвет обводки успех */
-export var outlineTransparentPositive = 'var(--outline-transparent-positive, rgba(36,178,62,0.28))';
+export var outlineDefaultOutlineTransparentPositive = 'var(--outline-default-outline-transparent-positive, rgba(36,178,62,0.28))';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentWarning = 'var(--outline-transparent-warning, rgba(255,112,36,0.28))';
+export var outlineDefaultOutlineTransparentWarning = 'var(--outline-default-outline-transparent-warning, rgba(255,112,36,0.28))';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentNegative = 'var(--outline-transparent-negative, rgba(255,61,81,0.28))';
+export var outlineDefaultOutlineTransparentNegative = 'var(--outline-default-outline-transparent-negative, rgba(255,61,81,0.28))';
 /** Прозрачный цвет обводки информация */
-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 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 onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover, #FFFFFFFF)';
+export var outlineOnDarkOutlineSolidPrimaryHover = 'var(--outline-on-dark-outline-solid-primary-hover, #FFFFFFFF)';
 /** Основной непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidPrimaryActive = 'var(--on-dark-outline-solid-primary-active, #ADADADFF)';
+export var outlineOnDarkOutlineSolidPrimaryActive = 'var(--outline-on-dark-outline-solid-primary-active, #ADADADFF)';
 /** Вторичный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidSecondaryHover = 'var(--on-dark-outline-solid-secondary-hover, #FFFFFFFF)';
+export var outlineOnDarkOutlineSolidSecondaryHover = 'var(--outline-on-dark-outline-solid-secondary-hover, #FFFFFFFF)';
 /** Вторичный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidSecondaryActive = 'var(--on-dark-outline-solid-secondary-active, #8C8C8CFF)';
+export var outlineOnDarkOutlineSolidSecondaryActive = 'var(--outline-on-dark-outline-solid-secondary-active, #8C8C8CFF)';
 /** Третичный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidTertiaryHover = 'var(--on-dark-outline-solid-tertiary-hover, #FFFFFFFF)';
+export var outlineOnDarkOutlineSolidTertiaryHover = 'var(--outline-on-dark-outline-solid-tertiary-hover, #FFFFFFFF)';
 /** Третичный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidTertiaryActive = 'var(--on-dark-outline-solid-tertiary-active, #737373FF)';
+export var outlineOnDarkOutlineSolidTertiaryActive = 'var(--outline-on-dark-outline-solid-tertiary-active, #737373FF)';
 /** Основной прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover, #FFFFFFFF)';
+export var outlineOnDarkOutlineTransparentPrimaryHover = 'var(--outline-on-dark-outline-transparent-primary-hover, #FFFFFFFF)';
 /** Основной прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #FFFFFF25)';
+export var outlineOnDarkOutlineTransparentPrimaryActive = 'var(--outline-on-dark-outline-transparent-primary-active, #FFFFFF25)';
 /** Вторичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentSecondaryHover = 'var(--on-dark-outline-transparent-secondary-hover, #FFFFFFFF)';
+export var outlineOnDarkOutlineTransparentSecondaryHover = 'var(--outline-on-dark-outline-transparent-secondary-hover, #FFFFFFFF)';
 /** Вторичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentSecondaryActive = 'var(--on-dark-outline-transparent-secondary-active, #FFFFFF3D)';
+export var outlineOnDarkOutlineTransparentSecondaryActive = 'var(--outline-on-dark-outline-transparent-secondary-active, #FFFFFF3D)';
 /** Третичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentTertiaryHover = 'var(--on-dark-outline-transparent-tertiary-hover, #FFFFFFFF)';
+export var outlineOnDarkOutlineTransparentTertiaryHover = 'var(--outline-on-dark-outline-transparent-tertiary-hover, #FFFFFFFF)';
 /** Третичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentTertiaryActive = 'var(--on-dark-outline-transparent-tertiary-active, #FFFFFF7A)';
+export var outlineOnDarkOutlineTransparentTertiaryActive = 'var(--outline-on-dark-outline-transparent-tertiary-active, #FFFFFF7A)';
 /** Цвет обводки успех на темном фоне */
-export var onDarkOutlinePositiveHover = 'var(--on-dark-outline-positive-hover, #2ACB47FF)';
+export var outlineOnDarkOutlinePositiveHover = 'var(--outline-on-dark-outline-positive-hover, #2ACB47FF)';
 /** Цвет обводки успех на темном фоне */
-export var onDarkOutlinePositiveActive = 'var(--on-dark-outline-positive-active, #1F9835FF)';
+export var outlineOnDarkOutlinePositiveActive = 'var(--outline-on-dark-outline-positive-active, #1F9835FF)';
 /** Цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineWarningHover = 'var(--on-dark-outline-warning-hover, #FF8442FF)';
+export var outlineOnDarkOutlineWarningHover = 'var(--outline-on-dark-outline-warning-hover, #FF8442FF)';
 /** Цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineWarningActive = 'var(--on-dark-outline-warning-active, #FF5D05FF)';
+export var outlineOnDarkOutlineWarningActive = 'var(--outline-on-dark-outline-warning-active, #FF5D05FF)';
 /** Цвет обводки ошибка на темном фоне */
-export var onDarkOutlineNegativeHover = 'var(--on-dark-outline-negative-hover, #FF5C6CFF)';
+export var outlineOnDarkOutlineNegativeHover = 'var(--outline-on-dark-outline-negative-hover, #FF5C6CFF)';
 /** Цвет обводки ошибка на темном фоне */
-export var onDarkOutlineNegativeActive = 'var(--on-dark-outline-negative-active, #FF1F35FF)';
+export var outlineOnDarkOutlineNegativeActive = 'var(--outline-on-dark-outline-negative-active, #FF1F35FF)';
 /** Цвет обводки информация на темном фоне */
-export var onDarkOutlineInfoHover = 'var(--on-dark-outline-info-hover, #66BCF5FF)';
+export var outlineOnDarkOutlineInfoHover = 'var(--outline-on-dark-outline-info-hover, #66BCF5FF)';
 /** Цвет обводки информация на темном фоне */
-export var onDarkOutlineInfoActive = 'var(--on-dark-outline-info-active, #0E8ADDFF)';
+export var outlineOnDarkOutlineInfoActive = 'var(--outline-on-dark-outline-info-active, #0E8ADDFF)';
 /** Минорный цвет обводки успех на темном фоне */
-export var onDarkOutlinePositiveMinorHover = 'var(--on-dark-outline-positive-minor-hover, #0F9527FF)';
+export var outlineOnDarkOutlinePositiveMinorHover = 'var(--outline-on-dark-outline-positive-minor-hover, #0F9527FF)';
 /** Минорный цвет обводки успех на темном фоне */
-export var onDarkOutlinePositiveMinorActive = 'var(--on-dark-outline-positive-minor-active, #0C7920FF)';
+export var outlineOnDarkOutlinePositiveMinorActive = 'var(--outline-on-dark-outline-positive-minor-active, #0C7920FF)';
 /** Минорный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineWarningMinorHover = 'var(--on-dark-outline-warning-minor-hover, #BB4F11FF)';
+export var outlineOnDarkOutlineWarningMinorHover = 'var(--outline-on-dark-outline-warning-minor-hover, #BB4F11FF)';
 /** Минорный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineWarningMinorActive = 'var(--on-dark-outline-warning-minor-active, #9F440FFF)';
+export var outlineOnDarkOutlineWarningMinorActive = 'var(--outline-on-dark-outline-warning-minor-active, #9F440FFF)';
 /** Минорный цвет обводки ошибка на темном фоне */
-export var onDarkOutlineNegativeMinorHover = 'var(--on-dark-outline-negative-minor-hover, #B91828FF)';
+export var outlineOnDarkOutlineNegativeMinorHover = 'var(--outline-on-dark-outline-negative-minor-hover, #B91828FF)';
 /** Минорный цвет обводки ошибка на темном фоне */
-export var onDarkOutlineNegativeMinorActive = 'var(--on-dark-outline-negative-minor-active, #83111CFF)';
+export var outlineOnDarkOutlineNegativeMinorActive = 'var(--outline-on-dark-outline-negative-minor-active, #83111CFF)';
 /** Минорный цвет обводки информация на темном фоне */
-export var onDarkOutlineInfoMinorHover = 'var(--on-dark-outline-info-minor-hover, #1277BAFF)';
+export var outlineOnDarkOutlineInfoMinorHover = 'var(--outline-on-dark-outline-info-minor-hover, #1277BAFF)';
 /** Минорный цвет обводки информация на темном фоне */
-export var onDarkOutlineInfoMinorActive = 'var(--on-dark-outline-info-minor-active, #10659EFF)';
+export var outlineOnDarkOutlineInfoMinorActive = 'var(--outline-on-dark-outline-info-minor-active, #10659EFF)';
 /** Прозрачный цвет обводки успех на темном фоне */
-export var onDarkOutlineTransparentPositiveHover = 'var(--on-dark-outline-transparent-positive-hover, #24B23EFF)';
+export var outlineOnDarkOutlineTransparentPositiveHover = 'var(--outline-on-dark-outline-transparent-positive-hover, #24B23EFF)';
 /** Прозрачный цвет обводки успех на темном фоне */
-export var onDarkOutlineTransparentPositiveActive = 'var(--on-dark-outline-transparent-positive-active, #24B23E56)';
+export var outlineOnDarkOutlineTransparentPositiveActive = 'var(--outline-on-dark-outline-transparent-positive-active, #24B23E56)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentWarningHover = 'var(--on-dark-outline-transparent-warning-hover, #FF7024FF)';
+export var outlineOnDarkOutlineTransparentWarningHover = 'var(--outline-on-dark-outline-transparent-warning-hover, #FF7024FF)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentWarningActive = 'var(--on-dark-outline-transparent-warning-active, #FF702456)';
+export var outlineOnDarkOutlineTransparentWarningActive = 'var(--outline-on-dark-outline-transparent-warning-active, #FF702456)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentNegativeHover = 'var(--on-dark-outline-transparent-negative-hover, #FF3D51FF)';
+export var outlineOnDarkOutlineTransparentNegativeHover = 'var(--outline-on-dark-outline-transparent-negative-hover, #FF3D51FF)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentNegativeActive = 'var(--on-dark-outline-transparent-negative-active, #FF3D5156)';
+export var outlineOnDarkOutlineTransparentNegativeActive = 'var(--outline-on-dark-outline-transparent-negative-active, #FF3D5156)';
 /** Прозрачный цвет обводки информация на темном фоне */
-export var onDarkOutlineTransparentInfoHover = 'var(--on-dark-outline-transparent-info-hover, #199AF0FF)';
+export var outlineOnDarkOutlineTransparentInfoHover = 'var(--outline-on-dark-outline-transparent-info-hover, #199AF0FF)';
 /** Прозрачный цвет обводки информация на темном фоне */
-export var onDarkOutlineTransparentInfoActive = 'var(--on-dark-outline-transparent-info-active, #199AF056)';
+export var outlineOnDarkOutlineTransparentInfoActive = 'var(--outline-on-dark-outline-transparent-info-active, #199AF056)';
 /** Основной непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidPrimary = 'var(--on-dark-outline-solid-primary, #262626)';
+export var outlineOnDarkOutlineSolidPrimary = 'var(--outline-on-dark-outline-solid-primary, #262626)';
 /** Вторичный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidSecondary = 'var(--on-dark-outline-solid-secondary, #4E4E4E)';
+export var outlineOnDarkOutlineSolidSecondary = 'var(--outline-on-dark-outline-solid-secondary, #4E4E4E)';
 /** Третичный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidTertiary = 'var(--on-dark-outline-solid-tertiary, #707070)';
+export var outlineOnDarkOutlineSolidTertiary = 'var(--outline-on-dark-outline-solid-tertiary, #707070)';
 /** Основной прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentPrimary = 'var(--on-dark-outline-transparent-primary, rgba(255,255,255,0.12))';
+export var outlineOnDarkOutlineTransparentPrimary = 'var(--outline-on-dark-outline-transparent-primary, rgba(255,255,255,0.12))';
 /** Вторичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentSecondary = 'var(--on-dark-outline-transparent-secondary, rgba(255,255,255,0.20))';
+export var outlineOnDarkOutlineTransparentSecondary = 'var(--outline-on-dark-outline-transparent-secondary, rgba(255,255,255,0.20))';
 /** Третичный прозрачный цвет обводки на темном фоне */
-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 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 onDarkOutlinePositive = 'var(--on-dark-outline-positive, #24B23E)';
+export var outlineOnDarkOutlinePositive = 'var(--outline-on-dark-outline-positive, #24B23E)';
 /** Цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineWarning = 'var(--on-dark-outline-warning, #FF7024)';
+export var outlineOnDarkOutlineWarning = 'var(--outline-on-dark-outline-warning, #FF7024)';
 /** Цвет обводки ошибка на темном фоне */
-export var onDarkOutlineNegative = 'var(--on-dark-outline-negative, #FF3D51)';
+export var outlineOnDarkOutlineNegative = 'var(--outline-on-dark-outline-negative, #FF3D51)';
 /** Цвет обводки информация на темном фоне */
-export var onDarkOutlineInfo = 'var(--on-dark-outline-info, #199AF0)';
+export var outlineOnDarkOutlineInfo = 'var(--outline-on-dark-outline-info, #199AF0)';
 /** Минорный цвет обводки успех на темном фоне */
-export var onDarkOutlinePositiveMinor = 'var(--on-dark-outline-positive-minor, #095C18)';
+export var outlineOnDarkOutlinePositiveMinor = 'var(--outline-on-dark-outline-positive-minor, #095C18)';
 /** Минорный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineWarningMinor = 'var(--on-dark-outline-warning-minor, #85380C)';
+export var outlineOnDarkOutlineWarningMinor = 'var(--outline-on-dark-outline-warning-minor, #85380C)';
 /** Минорный цвет обводки ошибка на темном фоне */
-export var onDarkOutlineNegativeMinor = 'var(--on-dark-outline-negative-minor, #9C1422)';
+export var outlineOnDarkOutlineNegativeMinor = 'var(--outline-on-dark-outline-negative-minor, #9C1422)';
 /** Минорный цвет обводки информация на темном фоне */
-export var onDarkOutlineInfoMinor = 'var(--on-dark-outline-info-minor, #0D5382)';
+export var outlineOnDarkOutlineInfoMinor = 'var(--outline-on-dark-outline-info-minor, #0D5382)';
 /** Прозрачный цвет обводки успех на темном фоне */
-export var onDarkOutlineTransparentPositive = 'var(--on-dark-outline-transparent-positive, rgba(36,178,62,0.28))';
+export var outlineOnDarkOutlineTransparentPositive = 'var(--outline-on-dark-outline-transparent-positive, rgba(36,178,62,0.28))';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentWarning = 'var(--on-dark-outline-transparent-warning, rgba(255,112,36,0.28))';
+export var outlineOnDarkOutlineTransparentWarning = 'var(--outline-on-dark-outline-transparent-warning, rgba(255,112,36,0.28))';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentNegative = 'var(--on-dark-outline-transparent-negative, rgba(255,61,81,0.28))';
+export var outlineOnDarkOutlineTransparentNegative = 'var(--outline-on-dark-outline-transparent-negative, rgba(255,61,81,0.28))';
 /** Прозрачный цвет обводки информация на темном фоне */
-export var onDarkOutlineTransparentInfo = 'var(--on-dark-outline-transparent-info, rgba(25,154,240,0.28))';
-export var 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 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 onLightOutlineSolidPrimaryHover = 'var(--on-light-outline-solid-primary-hover, #ABABABFF)';
+export var outlineOnLightOutlineSolidPrimaryHover = 'var(--outline-on-light-outline-solid-primary-hover, #ABABABFF)';
 /** Основной непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidPrimaryActive = 'var(--on-light-outline-solid-primary-active, #C4C4C4FF)';
+export var outlineOnLightOutlineSolidPrimaryActive = 'var(--outline-on-light-outline-solid-primary-active, #C4C4C4FF)';
 /** Вторичный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidSecondaryHover = 'var(--on-light-outline-solid-secondary-hover, #FFFFFFFF)';
+export var outlineOnLightOutlineSolidSecondaryHover = 'var(--outline-on-light-outline-solid-secondary-hover, #FFFFFFFF)';
 /** Вторичный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-secondary-active, #575757FF)';
+export var outlineOnLightOutlineSolidSecondaryActive = 'var(--outline-on-light-outline-solid-secondary-active, #575757FF)';
 /** Третичный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidTertiaryHover = 'var(--on-light-outline-solid-tertiary-hover, #FFFFFFFF)';
+export var outlineOnLightOutlineSolidTertiaryHover = 'var(--outline-on-light-outline-solid-tertiary-hover, #FFFFFFFF)';
 /** Третичный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidTertiaryActive = 'var(--on-light-outline-solid-tertiary-active, #737373FF)';
+export var outlineOnLightOutlineSolidTertiaryActive = 'var(--outline-on-light-outline-solid-tertiary-active, #737373FF)';
 /** Основной прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover, #080808FF)';
+export var outlineOnLightOutlineTransparentPrimaryHover = 'var(--outline-on-light-outline-transparent-primary-hover, #080808FF)';
 /** Основной прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active, #0808083D)';
+export var outlineOnLightOutlineTransparentPrimaryActive = 'var(--outline-on-light-outline-transparent-primary-active, #0808083D)';
 /** Вторичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentSecondaryHover = 'var(--on-light-outline-transparent-secondary-hover, #080808FF)';
+export var outlineOnLightOutlineTransparentSecondaryHover = 'var(--outline-on-light-outline-transparent-secondary-hover, #080808FF)';
 /** Вторичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentSecondaryActive = 'var(--on-light-outline-transparent-secondary-active, #0808087A)';
+export var outlineOnLightOutlineTransparentSecondaryActive = 'var(--outline-on-light-outline-transparent-secondary-active, #0808087A)';
 /** Третичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentTertiaryHover = 'var(--on-light-outline-transparent-tertiary-hover, #080808FF)';
+export var outlineOnLightOutlineTransparentTertiaryHover = 'var(--outline-on-light-outline-transparent-tertiary-hover, #080808FF)';
 /** Третичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentTertiaryActive = 'var(--on-light-outline-transparent-tertiary-active, #080808AB)';
+export var outlineOnLightOutlineTransparentTertiaryActive = 'var(--outline-on-light-outline-transparent-tertiary-active, #080808AB)';
 /** Цвет обводки успех на светлом фоне */
-export var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #1EB83AFF)';
+export var outlineOnLightOutlinePositiveHover = 'var(--outline-on-light-outline-positive-hover, #1EB83AFF)';
 /** Цвет обводки успех на светлом фоне */
-export var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #15842AFF)';
+export var outlineOnLightOutlinePositiveActive = 'var(--outline-on-light-outline-positive-active, #15842AFF)';
 /** Цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FB7223FF)';
+export var outlineOnLightOutlineWarningHover = 'var(--outline-on-light-outline-warning-hover, #FB7223FF)';
 /** Цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #DC5304FF)';
+export var outlineOnLightOutlineWarningActive = 'var(--outline-on-light-outline-warning-active, #DC5304FF)';
 /** Цвет обводки ошибка на светлом фоне */
-export var onLightOutlineNegativeHover = 'var(--on-light-outline-negative-hover, #FF475AFF)';
+export var outlineOnLightOutlineNegativeHover = 'var(--outline-on-light-outline-negative-hover, #FF475AFF)';
 /** Цвет обводки ошибка на светлом фоне */
-export var onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active, #FF0A23FF)';
+export var outlineOnLightOutlineNegativeActive = 'var(--outline-on-light-outline-negative-active, #FF0A23FF)';
 /** Цвет обводки информация на светлом фоне */
-export var onLightOutlineInfoHover = 'var(--on-light-outline-info-hover, #50B1F2FF)';
+export var outlineOnLightOutlineInfoHover = 'var(--outline-on-light-outline-info-hover, #50B1F2FF)';
 /** Цвет обводки информация на светлом фоне */
-export var onLightOutlineInfoActive = 'var(--on-light-outline-info-active, #0F7BC2FF)';
+export var outlineOnLightOutlineInfoActive = 'var(--outline-on-light-outline-info-active, #0F7BC2FF)';
 /** Минорный цвет обводки успех на светлом фоне */
-export var onLightOutlinePositiveMinorHover = 'var(--on-light-outline-positive-minor-hover, #3EDA5BFF)';
+export var outlineOnLightOutlinePositiveMinorHover = 'var(--outline-on-light-outline-positive-minor-hover, #3EDA5BFF)';
 /** Минорный цвет обводки успех на светлом фоне */
-export var onLightOutlinePositiveMinorActive = 'var(--on-light-outline-positive-minor-active, #23B83EFF)';
+export var outlineOnLightOutlinePositiveMinorActive = 'var(--outline-on-light-outline-positive-minor-active, #23B83EFF)';
 /** Минорный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarningMinorHover = 'var(--on-light-outline-warning-minor-hover, #FDB086FF)';
+export var outlineOnLightOutlineWarningMinorHover = 'var(--outline-on-light-outline-warning-minor-hover, #FDB086FF)';
 /** Минорный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarningMinorActive = 'var(--on-light-outline-warning-minor-active, #FC884AFF)';
+export var outlineOnLightOutlineWarningMinorActive = 'var(--outline-on-light-outline-warning-minor-active, #FC884AFF)';
 /** Минорный цвет обводки ошибка на светлом фоне */
-export var onLightOutlineNegativeMinorHover = 'var(--on-light-outline-negative-minor-hover, #FFADB6FF)';
+export var outlineOnLightOutlineNegativeMinorHover = 'var(--outline-on-light-outline-negative-minor-hover, #FFADB6FF)';
 /** Минорный цвет обводки ошибка на светлом фоне */
-export var onLightOutlineNegativeMinorActive = 'var(--on-light-outline-negative-minor-active, #FF707EFF)';
+export var outlineOnLightOutlineNegativeMinorActive = 'var(--outline-on-light-outline-negative-minor-active, #FF707EFF)';
 /** Минорный цвет обводки информация на светлом фоне */
-export var onLightOutlineInfoMinorHover = 'var(--on-light-outline-info-minor-hover, #A3DAFFFF)';
+export var outlineOnLightOutlineInfoMinorHover = 'var(--outline-on-light-outline-info-minor-hover, #A3DAFFFF)';
 /** Минорный цвет обводки информация на светлом фоне */
-export var onLightOutlineInfoMinorActive = 'var(--on-light-outline-info-minor-active, #33ADFFFF)';
+export var outlineOnLightOutlineInfoMinorActive = 'var(--outline-on-light-outline-info-minor-active, #33ADFFFF)';
 /** Прозрачный цвет обводки успех на светлом фоне */
-export var onLightOutlineTransparentPositiveHover = 'var(--on-light-outline-transparent-positive-hover, #1A9E32FF)';
+export var outlineOnLightOutlineTransparentPositiveHover = 'var(--outline-on-light-outline-transparent-positive-hover, #1A9E32FF)';
 /** Прозрачный цвет обводки успех на светлом фоне */
-export var onLightOutlineTransparentPositiveActive = 'var(--on-light-outline-transparent-positive-active, #1A9E323D)';
+export var outlineOnLightOutlineTransparentPositiveActive = 'var(--outline-on-light-outline-transparent-positive-active, #1A9E323D)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentWarningHover = 'var(--on-light-outline-transparent-warning-hover, #FA5F05FF)';
+export var outlineOnLightOutlineTransparentWarningHover = 'var(--outline-on-light-outline-transparent-warning-hover, #FA5F05FF)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentWarningActive = 'var(--on-light-outline-transparent-warning-active, #FA5F053D)';
+export var outlineOnLightOutlineTransparentWarningActive = 'var(--outline-on-light-outline-transparent-warning-active, #FA5F053D)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentNegativeHover = 'var(--on-light-outline-transparent-negative-hover, #FF293EFF)';
+export var outlineOnLightOutlineTransparentNegativeHover = 'var(--outline-on-light-outline-transparent-negative-hover, #FF293EFF)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentNegativeActive = 'var(--on-light-outline-transparent-negative-active, #FF293E3D)';
+export var outlineOnLightOutlineTransparentNegativeActive = 'var(--outline-on-light-outline-transparent-negative-active, #FF293E3D)';
 /** Прозрачный цвет обводки информация на светлом фоне */
-export var onLightOutlineTransparentInfoHover = 'var(--on-light-outline-transparent-info-hover, #118CDFFF)';
+export var outlineOnLightOutlineTransparentInfoHover = 'var(--outline-on-light-outline-transparent-info-hover, #118CDFFF)';
 /** Прозрачный цвет обводки информация на светлом фоне */
-export var onLightOutlineTransparentInfoActive = 'var(--on-light-outline-transparent-info-active, #118CDF3D)';
+export var outlineOnLightOutlineTransparentInfoActive = 'var(--outline-on-light-outline-transparent-info-active, #118CDF3D)';
 /** Основной непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidPrimary = 'var(--on-light-outline-solid-primary, #DDDDDD)';
+export var outlineOnLightOutlineSolidPrimary = 'var(--outline-on-light-outline-solid-primary, #DDDDDD)';
 /** Вторичный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidSecondary = 'var(--on-light-outline-solid-secondary, #949494)';
+export var outlineOnLightOutlineSolidSecondary = 'var(--outline-on-light-outline-solid-secondary, #949494)';
 /** Третичный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidTertiary = 'var(--on-light-outline-solid-tertiary, #707070)';
+export var outlineOnLightOutlineSolidTertiary = 'var(--outline-on-light-outline-solid-tertiary, #707070)';
 /** Основной прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary, rgba(8,8,8,0.20))';
+export var outlineOnLightOutlineTransparentPrimary = 'var(--outline-on-light-outline-transparent-primary, rgba(8,8,8,0.20))';
 /** Вторичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentSecondary = 'var(--on-light-outline-transparent-secondary, rgba(8,8,8,0.40))';
+export var outlineOnLightOutlineTransparentSecondary = 'var(--outline-on-light-outline-transparent-secondary, rgba(8,8,8,0.40))';
 /** Третичный прозрачный цвет обводки на светлом фоне */
-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 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 onLightOutlinePositive = 'var(--on-light-outline-positive, #1A9E32)';
+export var outlineOnLightOutlinePositive = 'var(--outline-on-light-outline-positive, #1A9E32)';
 /** Цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarning = 'var(--on-light-outline-warning, #FA5F05)';
+export var outlineOnLightOutlineWarning = 'var(--outline-on-light-outline-warning, #FA5F05)';
 /** Цвет обводки ошибка на светлом фоне */
-export var onLightOutlineNegative = 'var(--on-light-outline-negative, #FF293E)';
+export var outlineOnLightOutlineNegative = 'var(--outline-on-light-outline-negative, #FF293E)';
 /** Цвет обводки информация на светлом фоне */
-export var onLightOutlineInfo = 'var(--on-light-outline-info, #118CDF)';
+export var outlineOnLightOutlineInfo = 'var(--outline-on-light-outline-info, #118CDF)';
 /** Минорный цвет обводки успех на светлом фоне */
-export var onLightOutlinePositiveMinor = 'var(--on-light-outline-positive-minor, #28D247)';
+export var outlineOnLightOutlinePositiveMinor = 'var(--outline-on-light-outline-positive-minor, #28D247)';
 /** Минорный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarningMinor = 'var(--on-light-outline-warning-minor, #FD9C68)';
+export var outlineOnLightOutlineWarningMinor = 'var(--outline-on-light-outline-warning-minor, #FD9C68)';
 /** Минорный цвет обводки ошибка на светлом фоне */
-export var onLightOutlineNegativeMinor = 'var(--on-light-outline-negative-minor, #FF8F9A)';
+export var outlineOnLightOutlineNegativeMinor = 'var(--outline-on-light-outline-negative-minor, #FF8F9A)';
 /** Минорный цвет обводки информация на светлом фоне */
-export var onLightOutlineInfoMinor = 'var(--on-light-outline-info-minor, #52BAFF)';
+export var outlineOnLightOutlineInfoMinor = 'var(--outline-on-light-outline-info-minor, #52BAFF)';
 /** Прозрачный цвет обводки успех на светлом фоне */
-export var onLightOutlineTransparentPositive = 'var(--on-light-outline-transparent-positive, rgba(26,158,50,0.20))';
+export var outlineOnLightOutlineTransparentPositive = 'var(--outline-on-light-outline-transparent-positive, rgba(26,158,50,0.20))';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentWarning = 'var(--on-light-outline-transparent-warning, rgba(250,95,5,0.20))';
+export var outlineOnLightOutlineTransparentWarning = 'var(--outline-on-light-outline-transparent-warning, rgba(250,95,5,0.20))';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentNegative = 'var(--on-light-outline-transparent-negative, rgba(255,41,62,0.20))';
+export var outlineOnLightOutlineTransparentNegative = 'var(--outline-on-light-outline-transparent-negative, rgba(255,41,62,0.20))';
 /** Прозрачный цвет обводки информация на светлом фоне */
-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 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 inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primary-hover, #ABABABFF)';
+export var outlineInverseOutlineSolidPrimaryHover = 'var(--outline-inverse-outline-solid-primary-hover, #ABABABFF)';
 /** Инвертированный основной непрозрачный цвет обводки */
-export var inverseOutlineSolidPrimaryActive = 'var(--inverse-outline-solid-primary-active, #C4C4C4FF)';
+export var outlineInverseOutlineSolidPrimaryActive = 'var(--outline-inverse-outline-solid-primary-active, #C4C4C4FF)';
 /** Инвертированный вторичный непрозрачный цвет обводки */
-export var inverseOutlineSolidSecondaryHover = 'var(--inverse-outline-solid-secondary-hover, #FFFFFFFF)';
+export var outlineInverseOutlineSolidSecondaryHover = 'var(--outline-inverse-outline-solid-secondary-hover, #FFFFFFFF)';
 /** Инвертированный вторичный непрозрачный цвет обводки */
-export var inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-secondary-active, #575757FF)';
+export var outlineInverseOutlineSolidSecondaryActive = 'var(--outline-inverse-outline-solid-secondary-active, #575757FF)';
 /** Инвертированный третичный непрозрачный цвет обводки */
-export var inverseOutlineSolidTertiaryHover = 'var(--inverse-outline-solid-tertiary-hover, #FFFFFFFF)';
+export var outlineInverseOutlineSolidTertiaryHover = 'var(--outline-inverse-outline-solid-tertiary-hover, #FFFFFFFF)';
 /** Инвертированный третичный непрозрачный цвет обводки */
-export var inverseOutlineSolidTertiaryActive = 'var(--inverse-outline-solid-tertiary-active, #737373FF)';
+export var outlineInverseOutlineSolidTertiaryActive = 'var(--outline-inverse-outline-solid-tertiary-active, #737373FF)';
 /** Инвертированный основной прозрачный цвет обводки */
-export var inverseOutlineTransparentPrimaryHover = 'var(--inverse-outline-transparent-primary-hover, #080808FF)';
+export var outlineInverseOutlineTransparentPrimaryHover = 'var(--outline-inverse-outline-transparent-primary-hover, #080808FF)';
 /** Инвертированный основной прозрачный цвет обводки */
-export var inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active, #0808083D)';
+export var outlineInverseOutlineTransparentPrimaryActive = 'var(--outline-inverse-outline-transparent-primary-active, #0808083D)';
 /** Инвертированный вторичный прозрачный цвет обводки */
-export var inverseOutlineTransparentSecondaryHover = 'var(--inverse-outline-transparent-secondary-hover, #080808FF)';
+export var outlineInverseOutlineTransparentSecondaryHover = 'var(--outline-inverse-outline-transparent-secondary-hover, #080808FF)';
 /** Инвертированный вторичный прозрачный цвет обводки */
-export var inverseOutlineTransparentSecondaryActive = 'var(--inverse-outline-transparent-secondary-active, #0808087A)';
+export var outlineInverseOutlineTransparentSecondaryActive = 'var(--outline-inverse-outline-transparent-secondary-active, #0808087A)';
 /** Инвертированный третичный прозрачный цвет обводки */
-export var inverseOutlineTransparentTertiaryHover = 'var(--inverse-outline-transparent-tertiary-hover, #080808FF)';
+export var outlineInverseOutlineTransparentTertiaryHover = 'var(--outline-inverse-outline-transparent-tertiary-hover, #080808FF)';
 /** Инвертированный третичный прозрачный цвет обводки */
-export var inverseOutlineTransparentTertiaryActive = 'var(--inverse-outline-transparent-tertiary-active, #080808AB)';
+export var outlineInverseOutlineTransparentTertiaryActive = 'var(--outline-inverse-outline-transparent-tertiary-active, #080808AB)';
 /** Инвертированный цвет обводки успех */
-export var inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover, #1EB83AFF)';
+export var outlineInverseOutlinePositiveHover = 'var(--outline-inverse-outline-positive-hover, #1EB83AFF)';
 /** Инвертированный цвет обводки успех */
-export var inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active, #15842AFF)';
+export var outlineInverseOutlinePositiveActive = 'var(--outline-inverse-outline-positive-active, #15842AFF)';
 /** Инвертированный цвет обводки предупреждение */
-export var inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover, #FB7223FF)';
+export var outlineInverseOutlineWarningHover = 'var(--outline-inverse-outline-warning-hover, #FB7223FF)';
 /** Инвертированный цвет обводки предупреждение */
-export var inverseOutlineWarningActive = 'var(--inverse-outline-warning-active, #DC5304FF)';
+export var outlineInverseOutlineWarningActive = 'var(--outline-inverse-outline-warning-active, #DC5304FF)';
 /** Инвертированный цвет обводки ошибка */
-export var inverseOutlineNegativeHover = 'var(--inverse-outline-negative-hover, #FF475AFF)';
+export var outlineInverseOutlineNegativeHover = 'var(--outline-inverse-outline-negative-hover, #FF475AFF)';
 /** Инвертированный цвет обводки ошибка */
-export var inverseOutlineNegativeActive = 'var(--inverse-outline-negative-active, #FF0A23FF)';
+export var outlineInverseOutlineNegativeActive = 'var(--outline-inverse-outline-negative-active, #FF0A23FF)';
 /** Инвертированный цвет обводки информация */
-export var inverseOutlineInfoHover = 'var(--inverse-outline-info-hover, #50B1F2FF)';
+export var outlineInverseOutlineInfoHover = 'var(--outline-inverse-outline-info-hover, #50B1F2FF)';
 /** Инвертированный цвет обводки информация */
-export var inverseOutlineInfoActive = 'var(--inverse-outline-info-active, #0F7BC2FF)';
+export var outlineInverseOutlineInfoActive = 'var(--outline-inverse-outline-info-active, #0F7BC2FF)';
 /** Инвертированный минорный цвет обводки успех */
-export var inverseOutlinePositiveMinorHover = 'var(--inverse-outline-positive-minor-hover, #3EDA5BFF)';
+export var outlineInverseOutlinePositiveMinorHover = 'var(--outline-inverse-outline-positive-minor-hover, #3EDA5BFF)';
 /** Инвертированный минорный цвет обводки успех */
-export var inverseOutlinePositiveMinorActive = 'var(--inverse-outline-positive-minor-active, #23B83EFF)';
+export var outlineInverseOutlinePositiveMinorActive = 'var(--outline-inverse-outline-positive-minor-active, #23B83EFF)';
 /** Инвертированный минорный цвет обводки предупреждение */
-export var inverseOutlineWarningMinorHover = 'var(--inverse-outline-warning-minor-hover, #FDB086FF)';
+export var outlineInverseOutlineWarningMinorHover = 'var(--outline-inverse-outline-warning-minor-hover, #FDB086FF)';
 /** Инвертированный минорный цвет обводки предупреждение */
-export var inverseOutlineWarningMinorActive = 'var(--inverse-outline-warning-minor-active, #FC884AFF)';
+export var outlineInverseOutlineWarningMinorActive = 'var(--outline-inverse-outline-warning-minor-active, #FC884AFF)';
 /** Инвертированный минорный цвет обводки ошибка */
-export var inverseOutlineNegativeMinorHover = 'var(--inverse-outline-negative-minor-hover, #FFADB6FF)';
+export var outlineInverseOutlineNegativeMinorHover = 'var(--outline-inverse-outline-negative-minor-hover, #FFADB6FF)';
 /** Инвертированный минорный цвет обводки ошибка */
-export var inverseOutlineNegativeMinorActive = 'var(--inverse-outline-negative-minor-active, #FF707EFF)';
+export var outlineInverseOutlineNegativeMinorActive = 'var(--outline-inverse-outline-negative-minor-active, #FF707EFF)';
 /** Инвертированный минорный цвет обводки информация */
-export var inverseOutlineInfoMinorHover = 'var(--inverse-outline-info-minor-hover, #A3DAFFFF)';
+export var outlineInverseOutlineInfoMinorHover = 'var(--outline-inverse-outline-info-minor-hover, #A3DAFFFF)';
 /** Инвертированный минорный цвет обводки информация */
-export var inverseOutlineInfoMinorActive = 'var(--inverse-outline-info-minor-active, #33ADFFFF)';
+export var outlineInverseOutlineInfoMinorActive = 'var(--outline-inverse-outline-info-minor-active, #33ADFFFF)';
 /** Прозрачный инвертированный цвет обводки успех */
-export var inverseOutlineTransparentPositiveHover = 'var(--inverse-outline-transparent-positive-hover, #1A9E32FF)';
+export var outlineInverseOutlineTransparentPositiveHover = 'var(--outline-inverse-outline-transparent-positive-hover, #1A9E32FF)';
 /** Прозрачный инвертированный цвет обводки успех */
-export var inverseOutlineTransparentPositiveActive = 'var(--inverse-outline-transparent-positive-active, #1A9E323D)';
+export var outlineInverseOutlineTransparentPositiveActive = 'var(--outline-inverse-outline-transparent-positive-active, #1A9E323D)';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var inverseOutlineTransparentWarningHover = 'var(--inverse-outline-transparent-warning-hover, #FA5F05FF)';
+export var outlineInverseOutlineTransparentWarningHover = 'var(--outline-inverse-outline-transparent-warning-hover, #FA5F05FF)';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var inverseOutlineTransparentWarningActive = 'var(--inverse-outline-transparent-warning-active, #FA5F053D)';
+export var outlineInverseOutlineTransparentWarningActive = 'var(--outline-inverse-outline-transparent-warning-active, #FA5F053D)';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var inverseOutlineTransparentNegativeHover = 'var(--inverse-outline-transparent-negative-hover, #FF293EFF)';
+export var outlineInverseOutlineTransparentNegativeHover = 'var(--outline-inverse-outline-transparent-negative-hover, #FF293EFF)';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var inverseOutlineTransparentNegativeActive = 'var(--inverse-outline-transparent-negative-active, #FF293E3D)';
+export var outlineInverseOutlineTransparentNegativeActive = 'var(--outline-inverse-outline-transparent-negative-active, #FF293E3D)';
 /** Прозрачный инвертированный цвет обводки информация */
-export var inverseOutlineTransparentInfoHover = 'var(--inverse-outline-transparent-info-hover, #118CDFFF)';
+export var outlineInverseOutlineTransparentInfoHover = 'var(--outline-inverse-outline-transparent-info-hover, #118CDFFF)';
 /** Прозрачный инвертированный цвет обводки информация */
-export var inverseOutlineTransparentInfoActive = 'var(--inverse-outline-transparent-info-active, #118CDF3D)';
+export var outlineInverseOutlineTransparentInfoActive = 'var(--outline-inverse-outline-transparent-info-active, #118CDF3D)';
 /** Инвертированный основной непрозрачный цвет обводки */
-export var inverseOutlineSolidPrimary = 'var(--inverse-outline-solid-primary, #DDDDDD)';
+export var outlineInverseOutlineSolidPrimary = 'var(--outline-inverse-outline-solid-primary, #DDDDDD)';
 /** Инвертированный вторичный непрозрачный цвет обводки */
-export var inverseOutlineSolidSecondary = 'var(--inverse-outline-solid-secondary, #949494)';
+export var outlineInverseOutlineSolidSecondary = 'var(--outline-inverse-outline-solid-secondary, #949494)';
 /** Инвертированный третичный непрозрачный цвет обводки */
-export var inverseOutlineSolidTertiary = 'var(--inverse-outline-solid-tertiary, #707070)';
+export var outlineInverseOutlineSolidTertiary = 'var(--outline-inverse-outline-solid-tertiary, #707070)';
 /** Инвертированный основной прозрачный цвет обводки */
-export var inverseOutlineTransparentPrimary = 'var(--inverse-outline-transparent-primary, rgba(8,8,8,0.20))';
+export var outlineInverseOutlineTransparentPrimary = 'var(--outline-inverse-outline-transparent-primary, rgba(8,8,8,0.20))';
 /** Инвертированный вторичный прозрачный цвет обводки */
-export var inverseOutlineTransparentSecondary = 'var(--inverse-outline-transparent-secondary, rgba(8,8,8,0.40))';
+export var outlineInverseOutlineTransparentSecondary = 'var(--outline-inverse-outline-transparent-secondary, rgba(8,8,8,0.40))';
 /** Инвертированный третичный прозрачный цвет обводки */
-export var inverseOutlineTransparentTertiary = 'var(--inverse-outline-transparent-tertiary, rgba(8,8,8,0.56))';
+export var outlineInverseOutlineTransparentTertiary = 'var(--outline-inverse-outline-transparent-tertiary, rgba(8,8,8,0.56))';
 /** Инвертированный цвет обводки успех */
-export var inverseOutlinePositive = 'var(--inverse-outline-positive, #1A9E32)';
+export var outlineInverseOutlinePositive = 'var(--outline-inverse-outline-positive, #1A9E32)';
 /** Инвертированный цвет обводки предупреждение */
-export var inverseOutlineWarning = 'var(--inverse-outline-warning, #FA5F05)';
+export var outlineInverseOutlineWarning = 'var(--outline-inverse-outline-warning, #FA5F05)';
 /** Инвертированный цвет обводки ошибка */
-export var inverseOutlineNegative = 'var(--inverse-outline-negative, #FF293E)';
+export var outlineInverseOutlineNegative = 'var(--outline-inverse-outline-negative, #FF293E)';
 /** Инвертированный цвет обводки информация */
-export var inverseOutlineInfo = 'var(--inverse-outline-info, #118CDF)';
+export var outlineInverseOutlineInfo = 'var(--outline-inverse-outline-info, #118CDF)';
 /** Инвертированный минорный цвет обводки успех */
-export var inverseOutlinePositiveMinor = 'var(--inverse-outline-positive-minor, #28D247)';
+export var outlineInverseOutlinePositiveMinor = 'var(--outline-inverse-outline-positive-minor, #28D247)';
 /** Инвертированный минорный цвет обводки предупреждение */
-export var inverseOutlineWarningMinor = 'var(--inverse-outline-warning-minor, #FD9C68)';
+export var outlineInverseOutlineWarningMinor = 'var(--outline-inverse-outline-warning-minor, #FD9C68)';
 /** Инвертированный минорный цвет обводки ошибка */
-export var inverseOutlineNegativeMinor = 'var(--inverse-outline-negative-minor, #FF8F9A)';
+export var outlineInverseOutlineNegativeMinor = 'var(--outline-inverse-outline-negative-minor, #FF8F9A)';
 /** Инвертированный минорный цвет обводки информация */
-export var inverseOutlineInfoMinor = 'var(--inverse-outline-info-minor, #52BAFF)';
+export var outlineInverseOutlineInfoMinor = 'var(--outline-inverse-outline-info-minor, #52BAFF)';
 /** Прозрачный инвертированный цвет обводки успех */
-export var inverseOutlineTransparentPositive = 'var(--inverse-outline-transparent-positive, rgba(26,158,50,0.20))';
+export var outlineInverseOutlineTransparentPositive = 'var(--outline-inverse-outline-transparent-positive, rgba(26,158,50,0.20))';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var inverseOutlineTransparentWarning = 'var(--inverse-outline-transparent-warning, rgba(250,95,5,0.20))';
+export var outlineInverseOutlineTransparentWarning = 'var(--outline-inverse-outline-transparent-warning, rgba(250,95,5,0.20))';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var inverseOutlineTransparentNegative = 'var(--inverse-outline-transparent-negative, rgba(255,41,62,0.20))';
+export var outlineInverseOutlineTransparentNegative = 'var(--outline-inverse-outline-transparent-negative, rgba(255,41,62,0.20))';
 /** Прозрачный инвертированный цвет обводки информация */
-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 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 dataDefaultDataYellow = 'var(--data-default-data-yellow, #F3A912)';
 /** Желтый цвет для данных */