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

package/es/brands/sdds_dfa/index.js

@@ -1066,669 +1066,669 @@ export var inverseOverlayHard = 'var(--inverse-overlay-hard, #F9F9F9F5)';
 /** Инвертированный цвет фона паранжи размытый */
 export var inverseOverlayBlur = 'var(--inverse-overlay-blur, #F9F9F933)';
 /** Основной непрозрачный цвет обводки */
-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, #595959FF)';
+export var outlineDefaultOutlineSolidSecondaryHover = 'var(--outline-default-outline-solid-secondary-hover, #595959FF)';
 /** Вторичный непрозрачный цвет обводки */
-export var outlineSolidSecondaryActive = 'var(--outline-solid-secondary-active, #4A4A4AFF)';
+export var outlineDefaultOutlineSolidSecondaryActive = 'var(--outline-default-outline-solid-secondary-active, #4A4A4AFF)';
 /** Третичный непрозрачный цвет обводки */
-export var outlineSolidTertiaryHover = 'var(--outline-solid-tertiary-hover, #8F8F8FFF)';
+export var outlineDefaultOutlineSolidTertiaryHover = 'var(--outline-default-outline-solid-tertiary-hover, #8F8F8FFF)';
 /** Третичный непрозрачный цвет обводки */
-export var outlineSolidTertiaryActive = 'var(--outline-solid-tertiary-active, #808080FF)';
+export var outlineDefaultOutlineSolidTertiaryActive = 'var(--outline-default-outline-solid-tertiary-active, #808080FF)';
 /** Прозрачный цвет обводки по умолчанию */
-export var outlineTransparentDefaultHover = 'var(--outline-transparent-default-hover, #FAFAFA93)';
+export var outlineDefaultOutlineTransparentDefaultHover = 'var(--outline-default-outline-transparent-default-hover, #FAFAFA93)';
 /** Прозрачный цвет обводки по умолчанию */
-export var outlineTransparentDefaultActive = 'var(--outline-transparent-default-active, #FAFAFAC4)';
+export var outlineDefaultOutlineTransparentDefaultActive = 'var(--outline-default-outline-transparent-default-active, #FAFAFAC4)';
 /** Основной прозрачный цвет обводки */
-export var outlineTransparentPrimaryHover = 'var(--outline-transparent-primary-hover, #FFFFFF3D)';
+export var outlineDefaultOutlineTransparentPrimaryHover = 'var(--outline-default-outline-transparent-primary-hover, #FFFFFF3D)';
 /** Основной прозрачный цвет обводки */
-export var outlineTransparentPrimaryActive = 'var(--outline-transparent-primary-active, #FFFFFF0F)';
+export var outlineDefaultOutlineTransparentPrimaryActive = 'var(--outline-default-outline-transparent-primary-active, #FFFFFF0F)';
 /** Вторичный прозрачный цвет обводки */
-export var outlineTransparentSecondaryHover = 'var(--outline-transparent-secondary-hover, #FFFFFF66)';
+export var outlineDefaultOutlineTransparentSecondaryHover = 'var(--outline-default-outline-transparent-secondary-hover, #FFFFFF66)';
 /** Вторичный прозрачный цвет обводки */
-export var outlineTransparentSecondaryActive = 'var(--outline-transparent-secondary-active, #FFFFFF38)';
+export var outlineDefaultOutlineTransparentSecondaryActive = 'var(--outline-default-outline-transparent-secondary-active, #FFFFFF38)';
 /** Третичный прозрачный цвет обводки */
-export var outlineTransparentTertiaryHover = 'var(--outline-transparent-tertiary-hover, #FFFFFFAD)';
+export var outlineDefaultOutlineTransparentTertiaryHover = 'var(--outline-default-outline-transparent-tertiary-hover, #FFFFFFAD)';
 /** Третичный прозрачный цвет обводки */
-export var outlineTransparentTertiaryActive = 'var(--outline-transparent-tertiary-active, #FFFFFF80)';
+export var outlineDefaultOutlineTransparentTertiaryActive = 'var(--outline-default-outline-transparent-tertiary-active, #FFFFFF80)';
 /** Бесцветная обводка */
-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 outlineAccentHover = 'var(--outline-accent-hover, #17E8ADFF)';
+export var outlineDefaultOutlineAccentHover = 'var(--outline-default-outline-accent-hover, #17E8ADFF)';
 /** Акцентный цвет обводки */
-export var outlineAccentActive = 'var(--outline-accent-active, #11B083FF)';
+export var outlineDefaultOutlineAccentActive = 'var(--outline-default-outline-accent-active, #11B083FF)';
 /** Акцентный цвет обводки с градиентом */
-export var outlineAccentGradientHover = 'var(--outline-accent-gradient-hover, #CCCCCCFF)';
+export var outlineDefaultOutlineAccentGradientHover = 'var(--outline-default-outline-accent-gradient-hover, #CCCCCCFF)';
 /** Акцентный цвет обводки с градиентом */
-export var outlineAccentGradientActive = 'var(--outline-accent-gradient-active, #E6E6E6FF)';
+export var outlineDefaultOutlineAccentGradientActive = 'var(--outline-default-outline-accent-gradient-active, #E6E6E6FF)';
 /** Акцентный минорный непрозрачный цвет обводки */
-export var outlineAccentMinorHover = 'var(--outline-accent-minor-hover, #168D6BFF)';
+export var outlineDefaultOutlineAccentMinorHover = 'var(--outline-default-outline-accent-minor-hover, #168D6BFF)';
 /** Акцентный минорный непрозрачный цвет обводки */
-export var outlineAccentMinorActive = 'var(--outline-accent-minor-active, #127357FF)';
+export var outlineDefaultOutlineAccentMinorActive = 'var(--outline-default-outline-accent-minor-active, #127357FF)';
 /** Акцентный минорный цвет обводки с градиентом */
-export var outlineAccentMinorGradientHover = 'var(--outline-accent-minor-gradient-hover, #CCCCCCFF)';
+export var outlineDefaultOutlineAccentMinorGradientHover = 'var(--outline-default-outline-accent-minor-gradient-hover, #CCCCCCFF)';
 /** Акцентный минорный цвет обводки с градиентом */
-export var outlineAccentMinorGradientActive = 'var(--outline-accent-minor-gradient-active, #E6E6E6FF)';
+export var outlineDefaultOutlineAccentMinorGradientActive = 'var(--outline-default-outline-accent-minor-gradient-active, #E6E6E6FF)';
 /** Прозрачный акцентный цвет обводки */
-export var outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover, #14CC98FF)';
+export var outlineDefaultOutlineTransparentAccentHover = 'var(--outline-default-outline-transparent-accent-hover, #14CC98FF)';
 /** Прозрачный акцентный цвет обводки */
-export var outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #14CC9856)';
+export var outlineDefaultOutlineTransparentAccentActive = 'var(--outline-default-outline-transparent-accent-active, #14CC9856)';
 /** Прозрачный акцентный цвет обводки с градиентом */
-export var outlineTransparentAccentGradientHover = 'var(--outline-transparent-accent-gradient-hover, #CCCCCCFF)';
+export var outlineDefaultOutlineTransparentAccentGradientHover = 'var(--outline-default-outline-transparent-accent-gradient-hover, #CCCCCCFF)';
 /** Прозрачный акцентный цвет обводки с градиентом */
-export var outlineTransparentAccentGradientActive = 'var(--outline-transparent-accent-gradient-active, #E6E6E6FF)';
+export var outlineDefaultOutlineTransparentAccentGradientActive = 'var(--outline-default-outline-transparent-accent-gradient-active, #E6E6E6FF)';
 /** Промо цвет обводки */
-export var outlinePromoHover = 'var(--outline-promo-hover, #CCCCCCFF)';
+export var outlineDefaultOutlinePromoHover = 'var(--outline-default-outline-promo-hover, #CCCCCCFF)';
 /** Промо цвет обводки */
-export var outlinePromoActive = 'var(--outline-promo-active, #E6E6E6FF)';
+export var outlineDefaultOutlinePromoActive = 'var(--outline-default-outline-promo-active, #E6E6E6FF)';
 /** Промо цвет обводки с градиентом */
-export var outlinePromoGradientHover = 'var(--outline-promo-gradient-hover, #CCCCCCFF)';
+export var outlineDefaultOutlinePromoGradientHover = 'var(--outline-default-outline-promo-gradient-hover, #CCCCCCFF)';
 /** Промо цвет обводки с градиентом */
-export var outlinePromoGradientActive = 'var(--outline-promo-gradient-active, #E6E6E6FF)';
+export var outlineDefaultOutlinePromoGradientActive = 'var(--outline-default-outline-promo-gradient-active, #E6E6E6FF)';
 /** Минорный промо цвет обводки */
-export var outlinePromoMinorHover = 'var(--outline-promo-minor-hover, #CCCCCCFF)';
+export var outlineDefaultOutlinePromoMinorHover = 'var(--outline-default-outline-promo-minor-hover, #CCCCCCFF)';
 /** Минорный промо цвет обводки */
-export var outlinePromoMinorActive = 'var(--outline-promo-minor-active, #E6E6E6FF)';
+export var outlineDefaultOutlinePromoMinorActive = 'var(--outline-default-outline-promo-minor-active, #E6E6E6FF)';
 /** Минорный промо цвет обводки с градиентом */
-export var outlinePromoMinorGradientHover = 'var(--outline-promo-minor-gradient-hover, #CCCCCCFF)';
+export var outlineDefaultOutlinePromoMinorGradientHover = 'var(--outline-default-outline-promo-minor-gradient-hover, #CCCCCCFF)';
 /** Минорный промо цвет обводки с градиентом */
-export var outlinePromoMinorGradientActive = 'var(--outline-promo-minor-gradient-active, #E6E6E6FF)';
+export var outlineDefaultOutlinePromoMinorGradientActive = 'var(--outline-default-outline-promo-minor-gradient-active, #E6E6E6FF)';
 /** Цвет обводки успех */
-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 outlineTransparentPositive = 'var(--outline-transparent-positive, #1A9E3247)';
+export var outlineDefaultOutlineTransparentPositive = 'var(--outline-default-outline-transparent-positive, #1A9E3247)';
 /** Прозрачный цвет обводки успех */
-export var outlineTransparentPositiveHover = 'var(--outline-transparent-positive-hover, #1A9E32FF)';
+export var outlineDefaultOutlineTransparentPositiveHover = 'var(--outline-default-outline-transparent-positive-hover, #1A9E32FF)';
 /** Прозрачный цвет обводки успех */
-export var outlineTransparentPositiveActive = 'var(--outline-transparent-positive-active, #1A9E3256)';
+export var outlineDefaultOutlineTransparentPositiveActive = 'var(--outline-default-outline-transparent-positive-active, #1A9E3256)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentWarning = 'var(--outline-transparent-warning, #FA5F0547)';
+export var outlineDefaultOutlineTransparentWarning = 'var(--outline-default-outline-transparent-warning, #FA5F0547)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentWarningHover = 'var(--outline-transparent-warning-hover, #FA5F05FF)';
+export var outlineDefaultOutlineTransparentWarningHover = 'var(--outline-default-outline-transparent-warning-hover, #FA5F05FF)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentWarningActive = 'var(--outline-transparent-warning-active, #FA5F0556)';
+export var outlineDefaultOutlineTransparentWarningActive = 'var(--outline-default-outline-transparent-warning-active, #FA5F0556)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentNegative = 'var(--outline-transparent-negative, #FF293E47)';
+export var outlineDefaultOutlineTransparentNegative = 'var(--outline-default-outline-transparent-negative, #FF293E47)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentNegativeHover = 'var(--outline-transparent-negative-hover, #FF293EFF)';
+export var outlineDefaultOutlineTransparentNegativeHover = 'var(--outline-default-outline-transparent-negative-hover, #FF293EFF)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentNegativeActive = 'var(--outline-transparent-negative-active, #FF293E56)';
+export var outlineDefaultOutlineTransparentNegativeActive = 'var(--outline-default-outline-transparent-negative-active, #FF293E56)';
 /** Прозрачный цвет обводки информация */
-export var outlineTransparentInfo = 'var(--outline-transparent-info, #118CDF47)';
+export var outlineDefaultOutlineTransparentInfo = 'var(--outline-default-outline-transparent-info, #118CDF47)';
 /** Прозрачный цвет обводки информация */
-export var outlineTransparentInfoHover = 'var(--outline-transparent-info-hover, #118CDFFF)';
+export var outlineDefaultOutlineTransparentInfoHover = 'var(--outline-default-outline-transparent-info-hover, #118CDFFF)';
 /** Прозрачный цвет обводки информация */
-export var outlineTransparentInfoActive = 'var(--outline-transparent-info-active, #118CDF56)';
+export var outlineDefaultOutlineTransparentInfoActive = 'var(--outline-default-outline-transparent-info-active, #118CDF56)';
 /** Основной непрозрачный цвет обводки */
-export var outlineSolidPrimary = 'var(--outline-solid-primary, #262626)';
+export var outlineDefaultOutlineSolidPrimary = 'var(--outline-default-outline-solid-primary, #262626)';
 /** Бесцветная обводка */
-export var outlineClear = 'var(--outline-clear, #FFFFFF00)';
+export var outlineDefaultOutlineClear = 'var(--outline-default-outline-clear, #FFFFFF00)';
 /** Акцентный цвет обводки */
-export var outlineAccent = 'var(--outline-accent, #14CC98)';
+export var outlineDefaultOutlineAccent = 'var(--outline-default-outline-accent, #14CC98)';
 /** Акцентный минорный непрозрачный цвет обводки */
-export var outlineAccentMinor = 'var(--outline-accent-minor, #0E5944)';
+export var outlineDefaultOutlineAccentMinor = 'var(--outline-default-outline-accent-minor, #0E5944)';
 /** Прозрачный акцентный цвет обводки */
-export var outlineTransparentAccent = 'var(--outline-transparent-accent, rgba(20,204,152,0.28))';
+export var outlineDefaultOutlineTransparentAccent = 'var(--outline-default-outline-transparent-accent, rgba(20,204,152,0.28))';
 /** Цвет обводки успех */
-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 outlineAccentGradient = 'var(--outline-accent-gradient, linear-gradient(45.00deg, rgb(33, 202, 154) 0%, rgb(74, 214, 252) 100%))';
+export var outlineDefaultOutlineAccentGradient = 'var(--outline-default-outline-accent-gradient, linear-gradient(45.00deg, rgb(33, 202, 154) 0%, rgb(74, 214, 252) 100%))';
 /** Основной прозрачный цвет обводки */
-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.28))';
+export var outlineDefaultOutlineTransparentSecondary = 'var(--outline-default-outline-transparent-secondary, rgba(255,255,255,0.28))';
 /** Третичный прозрачный цвет обводки */
-export var outlineTransparentTertiary = 'var(--outline-transparent-tertiary, rgba(255,255,255,0.56))';
+export var outlineDefaultOutlineTransparentTertiary = 'var(--outline-default-outline-transparent-tertiary, rgba(255,255,255,0.56))';
 /** Вторичный непрозрачный цвет обводки */
-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, #858585)';
+export var outlineDefaultOutlineSolidTertiary = 'var(--outline-default-outline-solid-tertiary, #858585)';
 /** Основной непрозрачный цвет обводки на темном фоне */
-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, #595959FF)';
+export var outlineOnDarkOutlineSolidSecondaryHover = 'var(--outline-on-dark-outline-solid-secondary-hover, #595959FF)';
 /** Вторичный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidSecondaryActive = 'var(--on-dark-outline-solid-secondary-active, #4A4A4AFF)';
+export var outlineOnDarkOutlineSolidSecondaryActive = 'var(--outline-on-dark-outline-solid-secondary-active, #4A4A4AFF)';
 /** Третичный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidTertiaryHover = 'var(--on-dark-outline-solid-tertiary-hover, #8F8F8FFF)';
+export var outlineOnDarkOutlineSolidTertiaryHover = 'var(--outline-on-dark-outline-solid-tertiary-hover, #8F8F8FFF)';
 /** Третичный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidTertiaryActive = 'var(--on-dark-outline-solid-tertiary-active, #808080FF)';
+export var outlineOnDarkOutlineSolidTertiaryActive = 'var(--outline-on-dark-outline-solid-tertiary-active, #808080FF)';
 /** Прозрачный цвет обводки по умолчанию на темном фоне */
-export var onDarkOutlineTransparentDefaultHover = 'var(--on-dark-outline-transparent-default-hover, #FAFAFA93)';
+export var outlineOnDarkOutlineTransparentDefaultHover = 'var(--outline-on-dark-outline-transparent-default-hover, #FAFAFA93)';
 /** Прозрачный цвет обводки по умолчанию на темном фоне */
-export var onDarkOutlineTransparentDefaultActive = 'var(--on-dark-outline-transparent-default-active, #FAFAFAC4)';
+export var outlineOnDarkOutlineTransparentDefaultActive = 'var(--outline-on-dark-outline-transparent-default-active, #FAFAFAC4)';
 /** Основной прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentPrimaryHover = 'var(--on-dark-outline-transparent-primary-hover, #FFFFFF3D)';
+export var outlineOnDarkOutlineTransparentPrimaryHover = 'var(--outline-on-dark-outline-transparent-primary-hover, #FFFFFF3D)';
 /** Основной прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentPrimaryActive = 'var(--on-dark-outline-transparent-primary-active, #FFFFFF0F)';
+export var outlineOnDarkOutlineTransparentPrimaryActive = 'var(--outline-on-dark-outline-transparent-primary-active, #FFFFFF0F)';
 /** Вторичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentSecondaryHover = 'var(--on-dark-outline-transparent-secondary-hover, #FFFFFF66)';
+export var outlineOnDarkOutlineTransparentSecondaryHover = 'var(--outline-on-dark-outline-transparent-secondary-hover, #FFFFFF66)';
 /** Вторичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentSecondaryActive = 'var(--on-dark-outline-transparent-secondary-active, #FFFFFF38)';
+export var outlineOnDarkOutlineTransparentSecondaryActive = 'var(--outline-on-dark-outline-transparent-secondary-active, #FFFFFF38)';
 /** Третичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentTertiaryHover = 'var(--on-dark-outline-transparent-tertiary-hover, #FFFFFFAD)';
+export var outlineOnDarkOutlineTransparentTertiaryHover = 'var(--outline-on-dark-outline-transparent-tertiary-hover, #FFFFFFAD)';
 /** Третичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentTertiaryActive = 'var(--on-dark-outline-transparent-tertiary-active, #FFFFFF80)';
+export var outlineOnDarkOutlineTransparentTertiaryActive = 'var(--outline-on-dark-outline-transparent-tertiary-active, #FFFFFF80)';
 /** Бесцветная обводка на темном фоне */
-export var onDarkOutlineClearHover = 'var(--on-dark-outline-clear-hover, #FFFFFF00)';
+export var outlineOnDarkOutlineClearHover = 'var(--outline-on-dark-outline-clear-hover, #FFFFFF00)';
 /** Бесцветная обводка на темном фоне */
-export var onDarkOutlineClearActive = 'var(--on-dark-outline-clear-active, #FFFFFF00)';
+export var outlineOnDarkOutlineClearActive = 'var(--outline-on-dark-outline-clear-active, #FFFFFF00)';
 /** Акцентный цвет обводки на темном фоне */
-export var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #17E8ADFF)';
+export var outlineOnDarkOutlineAccentHover = 'var(--outline-on-dark-outline-accent-hover, #17E8ADFF)';
 /** Акцентный цвет обводки на темном фоне */
-export var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #11B083FF)';
+export var outlineOnDarkOutlineAccentActive = 'var(--outline-on-dark-outline-accent-active, #11B083FF)';
 /** Акцентный цвет обводки с градиентом на темном фоне */
-export var onDarkOutlineAccentGradientHover = 'var(--on-dark-outline-accent-gradient-hover, #CCCCCCFF)';
+export var outlineOnDarkOutlineAccentGradientHover = 'var(--outline-on-dark-outline-accent-gradient-hover, #CCCCCCFF)';
 /** Акцентный цвет обводки с градиентом на темном фоне */
-export var onDarkOutlineAccentGradientActive = 'var(--on-dark-outline-accent-gradient-active, #E6E6E6FF)';
+export var outlineOnDarkOutlineAccentGradientActive = 'var(--outline-on-dark-outline-accent-gradient-active, #E6E6E6FF)';
 /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover, #168D6BFF)';
+export var outlineOnDarkOutlineAccentMinorHover = 'var(--outline-on-dark-outline-accent-minor-hover, #168D6BFF)';
 /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active, #127357FF)';
+export var outlineOnDarkOutlineAccentMinorActive = 'var(--outline-on-dark-outline-accent-minor-active, #127357FF)';
 /** Акцентный минорный цвет обводки с градиентом на темном фоне */
-export var onDarkOutlineAccentMinorGradientHover = 'var(--on-dark-outline-accent-minor-gradient-hover, #CCCCCCFF)';
+export var outlineOnDarkOutlineAccentMinorGradientHover = 'var(--outline-on-dark-outline-accent-minor-gradient-hover, #CCCCCCFF)';
 /** Акцентный минорный цвет обводки с градиентом на темном фоне */
-export var onDarkOutlineAccentMinorGradientActive = 'var(--on-dark-outline-accent-minor-gradient-active, #E6E6E6FF)';
+export var outlineOnDarkOutlineAccentMinorGradientActive = 'var(--outline-on-dark-outline-accent-minor-gradient-active, #E6E6E6FF)';
 /** Прозрачный акцентный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover, #14CC98FF)';
+export var outlineOnDarkOutlineTransparentAccentHover = 'var(--outline-on-dark-outline-transparent-accent-hover, #14CC98FF)';
 /** Прозрачный акцентный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active, #14CC9856)';
+export var outlineOnDarkOutlineTransparentAccentActive = 'var(--outline-on-dark-outline-transparent-accent-active, #14CC9856)';
 /** Прозрачный акцентный цвет обводки с градиентом на темном фоне */
-export var onDarkOutlineTransparentAccentGradientHover = 'var(--on-dark-outline-transparent-accent-gradient-hover, #CCCCCCFF)';
+export var outlineOnDarkOutlineTransparentAccentGradientHover = 'var(--outline-on-dark-outline-transparent-accent-gradient-hover, #CCCCCCFF)';
 /** Прозрачный акцентный цвет обводки с градиентом на темном фоне */
-export var onDarkOutlineTransparentAccentGradientActive = 'var(--on-dark-outline-transparent-accent-gradient-active, #E6E6E6FF)';
+export var outlineOnDarkOutlineTransparentAccentGradientActive = 'var(--outline-on-dark-outline-transparent-accent-gradient-active, #E6E6E6FF)';
 /** Промо цвет обводки на темном фоне */
-export var onDarkOutlinePromoHover = 'var(--on-dark-outline-promo-hover, #CCCCCCFF)';
+export var outlineOnDarkOutlinePromoHover = 'var(--outline-on-dark-outline-promo-hover, #CCCCCCFF)';
 /** Промо цвет обводки на темном фоне */
-export var onDarkOutlinePromoActive = 'var(--on-dark-outline-promo-active, #E6E6E6FF)';
+export var outlineOnDarkOutlinePromoActive = 'var(--outline-on-dark-outline-promo-active, #E6E6E6FF)';
 /** Промо цвет обводки с градиентом на темном фоне */
-export var onDarkOutlinePromoGradientHover = 'var(--on-dark-outline-promo-gradient-hover, #CCCCCCFF)';
+export var outlineOnDarkOutlinePromoGradientHover = 'var(--outline-on-dark-outline-promo-gradient-hover, #CCCCCCFF)';
 /** Промо цвет обводки с градиентом на темном фоне */
-export var onDarkOutlinePromoGradientActive = 'var(--on-dark-outline-promo-gradient-active, #E6E6E6FF)';
+export var outlineOnDarkOutlinePromoGradientActive = 'var(--outline-on-dark-outline-promo-gradient-active, #E6E6E6FF)';
 /** Минорный промо цвет обводки на темном фоне */
-export var onDarkOutlinePromoMinorHover = 'var(--on-dark-outline-promo-minor-hover, #CCCCCCFF)';
+export var outlineOnDarkOutlinePromoMinorHover = 'var(--outline-on-dark-outline-promo-minor-hover, #CCCCCCFF)';
 /** Минорный промо цвет обводки на темном фоне */
-export var onDarkOutlinePromoMinorActive = 'var(--on-dark-outline-promo-minor-active, #E6E6E6FF)';
+export var outlineOnDarkOutlinePromoMinorActive = 'var(--outline-on-dark-outline-promo-minor-active, #E6E6E6FF)';
 /** Минорный промо цвет обводки с градиентом на темном фоне */
-export var onDarkOutlinePromoMinorGradientHover = 'var(--on-dark-outline-promo-minor-gradient-hover, #CCCCCCFF)';
+export var outlineOnDarkOutlinePromoMinorGradientHover = 'var(--outline-on-dark-outline-promo-minor-gradient-hover, #CCCCCCFF)';
 /** Минорный промо цвет обводки с градиентом на темном фоне */
-export var onDarkOutlinePromoMinorGradientActive = 'var(--on-dark-outline-promo-minor-gradient-active, #E6E6E6FF)';
+export var outlineOnDarkOutlinePromoMinorGradientActive = 'var(--outline-on-dark-outline-promo-minor-gradient-active, #E6E6E6FF)';
 /** Цвет обводки успех на темном фоне */
-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 onDarkOutlineTransparentPositive = 'var(--on-dark-outline-transparent-positive, #1A9E3247)';
+export var outlineOnDarkOutlineTransparentPositive = 'var(--outline-on-dark-outline-transparent-positive, #1A9E3247)';
 /** Прозрачный цвет обводки успех на темном фоне */
-export var onDarkOutlineTransparentPositiveHover = 'var(--on-dark-outline-transparent-positive-hover, #1A9E32FF)';
+export var outlineOnDarkOutlineTransparentPositiveHover = 'var(--outline-on-dark-outline-transparent-positive-hover, #1A9E32FF)';
 /** Прозрачный цвет обводки успех на темном фоне */
-export var onDarkOutlineTransparentPositiveActive = 'var(--on-dark-outline-transparent-positive-active, #1A9E3256)';
+export var outlineOnDarkOutlineTransparentPositiveActive = 'var(--outline-on-dark-outline-transparent-positive-active, #1A9E3256)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentWarning = 'var(--on-dark-outline-transparent-warning, #FA5F0547)';
+export var outlineOnDarkOutlineTransparentWarning = 'var(--outline-on-dark-outline-transparent-warning, #FA5F0547)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentWarningHover = 'var(--on-dark-outline-transparent-warning-hover, #FA5F05FF)';
+export var outlineOnDarkOutlineTransparentWarningHover = 'var(--outline-on-dark-outline-transparent-warning-hover, #FA5F05FF)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentWarningActive = 'var(--on-dark-outline-transparent-warning-active, #FA5F0556)';
+export var outlineOnDarkOutlineTransparentWarningActive = 'var(--outline-on-dark-outline-transparent-warning-active, #FA5F0556)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentNegative = 'var(--on-dark-outline-transparent-negative, #FF293E47)';
+export var outlineOnDarkOutlineTransparentNegative = 'var(--outline-on-dark-outline-transparent-negative, #FF293E47)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentNegativeHover = 'var(--on-dark-outline-transparent-negative-hover, #FF293EFF)';
+export var outlineOnDarkOutlineTransparentNegativeHover = 'var(--outline-on-dark-outline-transparent-negative-hover, #FF293EFF)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentNegativeActive = 'var(--on-dark-outline-transparent-negative-active, #FF293E56)';
+export var outlineOnDarkOutlineTransparentNegativeActive = 'var(--outline-on-dark-outline-transparent-negative-active, #FF293E56)';
 /** Прозрачный цвет обводки информация на темном фоне */
-export var onDarkOutlineTransparentInfo = 'var(--on-dark-outline-transparent-info, #118CDF47)';
+export var outlineOnDarkOutlineTransparentInfo = 'var(--outline-on-dark-outline-transparent-info, #118CDF47)';
 /** Прозрачный цвет обводки информация на темном фоне */
-export var onDarkOutlineTransparentInfoHover = 'var(--on-dark-outline-transparent-info-hover, #118CDFFF)';
+export var outlineOnDarkOutlineTransparentInfoHover = 'var(--outline-on-dark-outline-transparent-info-hover, #118CDFFF)';
 /** Прозрачный цвет обводки информация на темном фоне */
-export var onDarkOutlineTransparentInfoActive = 'var(--on-dark-outline-transparent-info-active, #118CDF56)';
+export var outlineOnDarkOutlineTransparentInfoActive = 'var(--outline-on-dark-outline-transparent-info-active, #118CDF56)';
 /** Основной непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidPrimary = 'var(--on-dark-outline-solid-primary, #262626)';
+export var outlineOnDarkOutlineSolidPrimary = 'var(--outline-on-dark-outline-solid-primary, #262626)';
 /** Бесцветная обводка на темном фоне */
-export var onDarkOutlineClear = 'var(--on-dark-outline-clear, #FFFFFF00)';
+export var outlineOnDarkOutlineClear = 'var(--outline-on-dark-outline-clear, #FFFFFF00)';
 /** Акцентный цвет обводки на темном фоне */
-export var onDarkOutlineAccent = 'var(--on-dark-outline-accent, #14CC98)';
+export var outlineOnDarkOutlineAccent = 'var(--outline-on-dark-outline-accent, #14CC98)';
 /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineAccentMinor = 'var(--on-dark-outline-accent-minor, #0E5944)';
+export var outlineOnDarkOutlineAccentMinor = 'var(--outline-on-dark-outline-accent-minor, #0E5944)';
 /** Прозрачный акцентный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentAccent = 'var(--on-dark-outline-transparent-accent, rgba(20,204,152,0.28))';
+export var outlineOnDarkOutlineTransparentAccent = 'var(--outline-on-dark-outline-transparent-accent, rgba(20,204,152,0.28))';
 /** Цвет обводки успех на темном фоне */
-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 onDarkOutlineAccentGradient = 'var(--on-dark-outline-accent-gradient, linear-gradient(45.00deg, rgb(33, 202, 154) 0%, rgb(74, 214, 252) 100%))';
+export var outlineOnDarkOutlineAccentGradient = 'var(--outline-on-dark-outline-accent-gradient, linear-gradient(45.00deg, rgb(33, 202, 154) 0%, rgb(74, 214, 252) 100%))';
 /** Основной прозрачный цвет обводки на темном фоне */
-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.28))';
+export var outlineOnDarkOutlineTransparentSecondary = 'var(--outline-on-dark-outline-transparent-secondary, rgba(255,255,255,0.28))';
 /** Третичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentTertiary = 'var(--on-dark-outline-transparent-tertiary, rgba(255,255,255,0.56))';
+export var outlineOnDarkOutlineTransparentTertiary = 'var(--outline-on-dark-outline-transparent-tertiary, rgba(255,255,255,0.56))';
 /** Вторичный непрозрачный цвет обводки на темном фоне */
-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, #858585)';
+export var outlineOnDarkOutlineSolidTertiary = 'var(--outline-on-dark-outline-solid-tertiary, #858585)';
 /** Основной непрозрачный цвет обводки на светлом фоне */
-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, #BDBDBDFF)';
+export var outlineOnLightOutlineSolidSecondaryHover = 'var(--outline-on-light-outline-solid-secondary-hover, #BDBDBDFF)';
 /** Вторичный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-secondary-active, #ADADADFF)';
+export var outlineOnLightOutlineSolidSecondaryActive = 'var(--outline-on-light-outline-solid-secondary-active, #ADADADFF)';
 /** Третичный непрозрачный цвет обводки на светлом фоне */
-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 onLightOutlineTransparentDefaultHover = 'var(--on-light-outline-transparent-default-hover, #08080893)';
+export var outlineOnLightOutlineTransparentDefaultHover = 'var(--outline-on-light-outline-transparent-default-hover, #08080893)';
 /** Прозрачный цвет обводки по умолчанию на светлом фоне */
-export var onLightOutlineTransparentDefaultActive = 'var(--on-light-outline-transparent-default-active, #080808C4)';
+export var outlineOnLightOutlineTransparentDefaultActive = 'var(--outline-on-light-outline-transparent-default-active, #080808C4)';
 /** Основной прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover, #0808083D)';
+export var outlineOnLightOutlineTransparentPrimaryHover = 'var(--outline-on-light-outline-transparent-primary-hover, #0808083D)';
 /** Основной прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active, #0808080F)';
+export var outlineOnLightOutlineTransparentPrimaryActive = 'var(--outline-on-light-outline-transparent-primary-active, #0808080F)';
 /** Вторичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentSecondaryHover = 'var(--on-light-outline-transparent-secondary-hover, #08080866)';
+export var outlineOnLightOutlineTransparentSecondaryHover = 'var(--outline-on-light-outline-transparent-secondary-hover, #08080866)';
 /** Вторичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentSecondaryActive = 'var(--on-light-outline-transparent-secondary-active, #08080838)';
+export var outlineOnLightOutlineTransparentSecondaryActive = 'var(--outline-on-light-outline-transparent-secondary-active, #08080838)';
 /** Третичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentTertiaryHover = 'var(--on-light-outline-transparent-tertiary-hover, #080808AD)';
+export var outlineOnLightOutlineTransparentTertiaryHover = 'var(--outline-on-light-outline-transparent-tertiary-hover, #080808AD)';
 /** Третичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentTertiaryActive = 'var(--on-light-outline-transparent-tertiary-active, #08080880)';
+export var outlineOnLightOutlineTransparentTertiaryActive = 'var(--outline-on-light-outline-transparent-tertiary-active, #08080880)';
 /** Бесцветная обводка на светлом фоне */
-export var onLightOutlineClearHover = 'var(--on-light-outline-clear-hover, #FFFFFF00)';
+export var outlineOnLightOutlineClearHover = 'var(--outline-on-light-outline-clear-hover, #FFFFFF00)';
 /** Бесцветная обводка на светлом фоне */
-export var onLightOutlineClearActive = 'var(--on-light-outline-clear-active, #FFFFFF00)';
+export var outlineOnLightOutlineClearActive = 'var(--outline-on-light-outline-clear-active, #FFFFFF00)';
 /** Акцентный цвет обводки на светлом фоне */
-export var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #06B785FF)';
+export var outlineOnLightOutlineAccentHover = 'var(--outline-on-light-outline-accent-hover, #06B785FF)';
 /** Акцентный цвет обводки на светлом фоне */
-export var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #047C5AFF)';
+export var outlineOnLightOutlineAccentActive = 'var(--outline-on-light-outline-accent-active, #047C5AFF)';
 /** Акцентный цвет обводки с градиентом на светлом фоне */
-export var onLightOutlineAccentGradientHover = 'var(--on-light-outline-accent-gradient-hover, #CCCCCCFF)';
+export var outlineOnLightOutlineAccentGradientHover = 'var(--outline-on-light-outline-accent-gradient-hover, #CCCCCCFF)';
 /** Акцентный цвет обводки с градиентом на светлом фоне */
-export var onLightOutlineAccentGradientActive = 'var(--on-light-outline-accent-gradient-active, #E6E6E6FF)';
+export var outlineOnLightOutlineAccentGradientActive = 'var(--outline-on-light-outline-accent-gradient-active, #E6E6E6FF)';
 /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover, #17E8ADFF)';
+export var outlineOnLightOutlineAccentMinorHover = 'var(--outline-on-light-outline-accent-minor-hover, #17E8ADFF)';
 /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active, #11B083FF)';
+export var outlineOnLightOutlineAccentMinorActive = 'var(--outline-on-light-outline-accent-minor-active, #11B083FF)';
 /** Акцентный минорный цвет обводки с градиентом на светлом фоне */
-export var onLightOutlineAccentMinorGradientHover = 'var(--on-light-outline-accent-minor-gradient-hover, #CCCCCCFF)';
+export var outlineOnLightOutlineAccentMinorGradientHover = 'var(--outline-on-light-outline-accent-minor-gradient-hover, #CCCCCCFF)';
 /** Акцентный минорный цвет обводки с градиентом на светлом фоне */
-export var onLightOutlineAccentMinorGradientActive = 'var(--on-light-outline-accent-minor-gradient-active, #E6E6E6FF)';
+export var outlineOnLightOutlineAccentMinorGradientActive = 'var(--outline-on-light-outline-accent-minor-gradient-active, #E6E6E6FF)';
 /** Прозрачный акцентный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover, #05996FFF)';
+export var outlineOnLightOutlineTransparentAccentHover = 'var(--outline-on-light-outline-transparent-accent-hover, #05996FFF)';
 /** Прозрачный акцентный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active, #05996F3D)';
+export var outlineOnLightOutlineTransparentAccentActive = 'var(--outline-on-light-outline-transparent-accent-active, #05996F3D)';
 /** Прозрачный акцентный цвет обводки с градиентом на светлом фоне */
-export var onLightOutlineTransparentAccentGradientHover = 'var(--on-light-outline-transparent-accent-gradient-hover, #CCCCCCFF)';
+export var outlineOnLightOutlineTransparentAccentGradientHover = 'var(--outline-on-light-outline-transparent-accent-gradient-hover, #CCCCCCFF)';
 /** Прозрачный акцентный цвет обводки с градиентом на светлом фоне */
-export var onLightOutlineTransparentAccentGradientActive = 'var(--on-light-outline-transparent-accent-gradient-active, #E6E6E6FF)';
+export var outlineOnLightOutlineTransparentAccentGradientActive = 'var(--outline-on-light-outline-transparent-accent-gradient-active, #E6E6E6FF)';
 /** Промо цвет обводки на светлом фоне */
-export var onLightOutlinePromoHover = 'var(--on-light-outline-promo-hover, #CCCCCCFF)';
+export var outlineOnLightOutlinePromoHover = 'var(--outline-on-light-outline-promo-hover, #CCCCCCFF)';
 /** Промо цвет обводки на светлом фоне */
-export var onLightOutlinePromoActive = 'var(--on-light-outline-promo-active, #E6E6E6FF)';
+export var outlineOnLightOutlinePromoActive = 'var(--outline-on-light-outline-promo-active, #E6E6E6FF)';
 /** Промо цвет обводки с градиентом на светлом фоне */
-export var onLightOutlinePromoGradientHover = 'var(--on-light-outline-promo-gradient-hover, #CCCCCCFF)';
+export var outlineOnLightOutlinePromoGradientHover = 'var(--outline-on-light-outline-promo-gradient-hover, #CCCCCCFF)';
 /** Промо цвет обводки с градиентом на светлом фоне */
-export var onLightOutlinePromoGradientActive = 'var(--on-light-outline-promo-gradient-active, #E6E6E6FF)';
+export var outlineOnLightOutlinePromoGradientActive = 'var(--outline-on-light-outline-promo-gradient-active, #E6E6E6FF)';
 /** Минорный промо цвет обводки на светлом фоне */
-export var onLightOutlinePromoMinorHover = 'var(--on-light-outline-promo-minor-hover, #CCCCCCFF)';
+export var outlineOnLightOutlinePromoMinorHover = 'var(--outline-on-light-outline-promo-minor-hover, #CCCCCCFF)';
 /** Минорный промо цвет обводки на светлом фоне */
-export var onLightOutlinePromoMinorActive = 'var(--on-light-outline-promo-minor-active, #E6E6E6FF)';
+export var outlineOnLightOutlinePromoMinorActive = 'var(--outline-on-light-outline-promo-minor-active, #E6E6E6FF)';
 /** Минорный промо цвет обводки с градиентом на светлом фоне */
-export var onLightOutlinePromoMinorGradientHover = 'var(--on-light-outline-promo-minor-gradient-hover, #CCCCCCFF)';
+export var outlineOnLightOutlinePromoMinorGradientHover = 'var(--outline-on-light-outline-promo-minor-gradient-hover, #CCCCCCFF)';
 /** Минорный промо цвет обводки с градиентом на светлом фоне */
-export var onLightOutlinePromoMinorGradientActive = 'var(--on-light-outline-promo-minor-gradient-active, #E6E6E6FF)';
+export var outlineOnLightOutlinePromoMinorGradientActive = 'var(--outline-on-light-outline-promo-minor-gradient-active, #E6E6E6FF)';
 /** Цвет обводки успех на светлом фоне */
-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 onLightOutlineSolidTertiary = 'var(--on-light-outline-solid-tertiary, #707070)';
+export var outlineOnLightOutlineSolidTertiary = 'var(--outline-on-light-outline-solid-tertiary, #707070)';
 /** Бесцветная обводка на светлом фоне */
-export var onLightOutlineClear = 'var(--on-light-outline-clear, #FFFFFF00)';
+export var outlineOnLightOutlineClear = 'var(--outline-on-light-outline-clear, #FFFFFF00)';
 /** Акцентный цвет обводки на светлом фоне */
-export var onLightOutlineAccent = 'var(--on-light-outline-accent, #05996F)';
+export var outlineOnLightOutlineAccent = 'var(--outline-on-light-outline-accent, #05996F)';
 /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor, #14CC98)';
+export var outlineOnLightOutlineAccentMinor = 'var(--outline-on-light-outline-accent-minor, #14CC98)';
 /** Прозрачный акцентный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentAccent = 'var(--on-light-outline-transparent-accent, rgba(5,153,111,0.2))';
+export var outlineOnLightOutlineTransparentAccent = 'var(--outline-on-light-outline-transparent-accent, rgba(5,153,111,0.2))';
 /** Цвет обводки успех на светлом фоне */
-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.2))';
+export var outlineOnLightOutlineTransparentPositive = 'var(--outline-on-light-outline-transparent-positive, rgba(26,158,50,0.2))';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentWarning = 'var(--on-light-outline-transparent-warning, rgba(250,95,5,0.2))';
+export var outlineOnLightOutlineTransparentWarning = 'var(--outline-on-light-outline-transparent-warning, rgba(250,95,5,0.2))';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentNegative = 'var(--on-light-outline-transparent-negative, rgba(255,41,62,0.2))';
+export var outlineOnLightOutlineTransparentNegative = 'var(--outline-on-light-outline-transparent-negative, rgba(255,41,62,0.2))';
 /** Прозрачный цвет обводки информация на светлом фоне */
-export var onLightOutlineTransparentInfo = 'var(--on-light-outline-transparent-info, rgba(17,140,223,0.2))';
+export var outlineOnLightOutlineTransparentInfo = 'var(--outline-on-light-outline-transparent-info, rgba(17,140,223,0.2))';
 /** Акцентный цвет обводки с градиентом на светлом фоне */
-export var onLightOutlineAccentGradient = 'var(--on-light-outline-accent-gradient, linear-gradient(45.00deg, rgb(5, 153, 111) 0%, rgb(27, 160, 227) 100%))';
+export var outlineOnLightOutlineAccentGradient = 'var(--outline-on-light-outline-accent-gradient, linear-gradient(45.00deg, rgb(5, 153, 111) 0%, rgb(27, 160, 227) 100%))';
 /** Основной прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary, rgba(8,8,8,0.12))';
+export var outlineOnLightOutlineTransparentPrimary = 'var(--outline-on-light-outline-transparent-primary, rgba(8,8,8,0.12))';
 /** Вторичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentSecondary = 'var(--on-light-outline-transparent-secondary, rgba(8,8,8,0.28))';
+export var outlineOnLightOutlineTransparentSecondary = 'var(--outline-on-light-outline-transparent-secondary, rgba(8,8,8,0.28))';
 /** Третичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentTertiary = 'var(--on-light-outline-transparent-tertiary, rgba(8,8,8,0.56))';
+export var outlineOnLightOutlineTransparentTertiary = 'var(--outline-on-light-outline-transparent-tertiary, rgba(8,8,8,0.56))';
 /** Вторичный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidSecondary = 'var(--on-light-outline-solid-secondary, #B3B3B3)';
+export var outlineOnLightOutlineSolidSecondary = 'var(--outline-on-light-outline-solid-secondary, #B3B3B3)';
 /** Инвертированный основной непрозрачный цвет обводки */
-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, #BDBDBDFF)';
+export var outlineInverseOutlineSolidSecondaryHover = 'var(--outline-inverse-outline-solid-secondary-hover, #BDBDBDFF)';
 /** Инвертированный вторичный непрозрачный цвет обводки */
-export var inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-secondary-active, #ADADADFF)';
+export var outlineInverseOutlineSolidSecondaryActive = 'var(--outline-inverse-outline-solid-secondary-active, #ADADADFF)';
 /** Инвертированный третичный непрозрачный цвет обводки */
-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 inverseOutlineTransparentDefaultHover = 'var(--inverse-outline-transparent-default-hover, #08080893)';
+export var outlineInverseOutlineTransparentDefaultHover = 'var(--outline-inverse-outline-transparent-default-hover, #08080893)';
 /** Инвертированный прозрачный цвет обводки по умолчанию */
-export var inverseOutlineTransparentDefaultActive = 'var(--inverse-outline-transparent-default-active, #080808C4)';
+export var outlineInverseOutlineTransparentDefaultActive = 'var(--outline-inverse-outline-transparent-default-active, #080808C4)';
 /** Инвертированный основной прозрачный цвет обводки */
-export var inverseOutlineTransparentPrimary = 'var(--inverse-outline-transparent-primary, #0808081F)';
+export var outlineInverseOutlineTransparentPrimary = 'var(--outline-inverse-outline-transparent-primary, #0808081F)';
 /** Инвертированный основной прозрачный цвет обводки */
-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, #08080825)';
+export var outlineInverseOutlineTransparentPrimaryActive = 'var(--outline-inverse-outline-transparent-primary-active, #08080825)';
 /** Инвертированный вторичный прозрачный цвет обводки */
-export var inverseOutlineTransparentSecondary = 'var(--inverse-outline-transparent-secondary, #08080847)';
+export var outlineInverseOutlineTransparentSecondary = 'var(--outline-inverse-outline-transparent-secondary, #08080847)';
 /** Инвертированный вторичный прозрачный цвет обводки */
-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, #08080856)';
+export var outlineInverseOutlineTransparentSecondaryActive = 'var(--outline-inverse-outline-transparent-secondary-active, #08080856)';
 /** Инвертированный третичный прозрачный цвет обводки */
-export var inverseOutlineTransparentTertiary = 'var(--inverse-outline-transparent-tertiary, #0808088F)';
+export var outlineInverseOutlineTransparentTertiary = 'var(--outline-inverse-outline-transparent-tertiary, #0808088F)';
 /** Инвертированный третичный прозрачный цвет обводки */
-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 inverseOutlineClearHover = 'var(--inverse-outline-clear-hover, #FFFFFF00)';
+export var outlineInverseOutlineClearHover = 'var(--outline-inverse-outline-clear-hover, #FFFFFF00)';
 /** Инвертированная бесцветная обводка */
-export var inverseOutlineClearActive = 'var(--inverse-outline-clear-active, #FFFFFF00)';
+export var outlineInverseOutlineClearActive = 'var(--outline-inverse-outline-clear-active, #FFFFFF00)';
 /** Инвертированный акцентный цвет обводки */
-export var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #06B785FF)';
+export var outlineInverseOutlineAccentHover = 'var(--outline-inverse-outline-accent-hover, #06B785FF)';
 /** Инвертированный акцентный цвет обводки */
-export var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #047C5AFF)';
+export var outlineInverseOutlineAccentActive = 'var(--outline-inverse-outline-accent-active, #047C5AFF)';
 /** Инвертированный акцентный цвет обводки с градиентом */
-export var inverseOutlineAccentGradientHover = 'var(--inverse-outline-accent-gradient-hover, #CCCCCCFF)';
+export var outlineInverseOutlineAccentGradientHover = 'var(--outline-inverse-outline-accent-gradient-hover, #CCCCCCFF)';
 /** Инвертированный акцентный цвет обводки с градиентом */
-export var inverseOutlineAccentGradientActive = 'var(--inverse-outline-accent-gradient-active, #E6E6E6FF)';
+export var outlineInverseOutlineAccentGradientActive = 'var(--outline-inverse-outline-accent-gradient-active, #E6E6E6FF)';
 /** Инвертированный акцентный минорный непрозрачный цвет обводки */
-export var inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover, #17E8ADFF)';
+export var outlineInverseOutlineAccentMinorHover = 'var(--outline-inverse-outline-accent-minor-hover, #17E8ADFF)';
 /** Инвертированный акцентный минорный непрозрачный цвет обводки */
-export var inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active, #11B083FF)';
+export var outlineInverseOutlineAccentMinorActive = 'var(--outline-inverse-outline-accent-minor-active, #11B083FF)';
 /** Инвертированный акцентный минорный цвет обводки с градиентом */
-export var inverseOutlineAccentMinorGradientHover = 'var(--inverse-outline-accent-minor-gradient-hover, #CCCCCCFF)';
+export var outlineInverseOutlineAccentMinorGradientHover = 'var(--outline-inverse-outline-accent-minor-gradient-hover, #CCCCCCFF)';
 /** Инвертированный акцентный минорный цвет обводки с градиентом */
-export var inverseOutlineAccentMinorGradientActive = 'var(--inverse-outline-accent-minor-gradient-active, #E6E6E6FF)';
+export var outlineInverseOutlineAccentMinorGradientActive = 'var(--outline-inverse-outline-accent-minor-gradient-active, #E6E6E6FF)';
 /** Прозрачный инвертированный акцентный цвет обводки */
-export var inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover, #05996FFF)';
+export var outlineInverseOutlineTransparentAccentHover = 'var(--outline-inverse-outline-transparent-accent-hover, #05996FFF)';
 /** Прозрачный инвертированный акцентный цвет обводки */
-export var inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #05996F3D)';
+export var outlineInverseOutlineTransparentAccentActive = 'var(--outline-inverse-outline-transparent-accent-active, #05996F3D)';
 /** Прозрачный инвертированный акцентный цвет обводки с градиентом */
-export var inverseOutlineTransparentAccentGradientHover = 'var(--inverse-outline-transparent-accent-gradient-hover, #CCCCCCFF)';
+export var outlineInverseOutlineTransparentAccentGradientHover = 'var(--outline-inverse-outline-transparent-accent-gradient-hover, #CCCCCCFF)';
 /** Прозрачный инвертированный акцентный цвет обводки с градиентом */
-export var inverseOutlineTransparentAccentGradientActive = 'var(--inverse-outline-transparent-accent-gradient-active, #E6E6E6FF)';
+export var outlineInverseOutlineTransparentAccentGradientActive = 'var(--outline-inverse-outline-transparent-accent-gradient-active, #E6E6E6FF)';
 /** Инвертированный промо цвет обводки */
-export var inverseOutlinePromoHover = 'var(--inverse-outline-promo-hover, #CCCCCCFF)';
+export var outlineInverseOutlinePromoHover = 'var(--outline-inverse-outline-promo-hover, #CCCCCCFF)';
 /** Инвертированный промо цвет обводки */
-export var inverseOutlinePromoActive = 'var(--inverse-outline-promo-active, #E6E6E6FF)';
+export var outlineInverseOutlinePromoActive = 'var(--outline-inverse-outline-promo-active, #E6E6E6FF)';
 /** Инвертированный промо цвет обводки с градиентом */
-export var inverseOutlinePromoGradientHover = 'var(--inverse-outline-promo-gradient-hover, #CCCCCCFF)';
+export var outlineInverseOutlinePromoGradientHover = 'var(--outline-inverse-outline-promo-gradient-hover, #CCCCCCFF)';
 /** Инвертированный промо цвет обводки с градиентом */
-export var inverseOutlinePromoGradientActive = 'var(--inverse-outline-promo-gradient-active, #E6E6E6FF)';
+export var outlineInverseOutlinePromoGradientActive = 'var(--outline-inverse-outline-promo-gradient-active, #E6E6E6FF)';
 /** Инвертированный минорный промо цвет обводки */
-export var inverseOutlinePromoMinorHover = 'var(--inverse-outline-promo-minor-hover, #CCCCCCFF)';
+export var outlineInverseOutlinePromoMinorHover = 'var(--outline-inverse-outline-promo-minor-hover, #CCCCCCFF)';
 /** Инвертированный минорный промо цвет обводки */
-export var inverseOutlinePromoMinorActive = 'var(--inverse-outline-promo-minor-active, #E6E6E6FF)';
+export var outlineInverseOutlinePromoMinorActive = 'var(--outline-inverse-outline-promo-minor-active, #E6E6E6FF)';
 /** Инвертированный минорный промо цвет обводки с градиентом */
-export var inverseOutlinePromoMinorGradientHover = 'var(--inverse-outline-promo-minor-gradient-hover, #CCCCCCFF)';
+export var outlineInverseOutlinePromoMinorGradientHover = 'var(--outline-inverse-outline-promo-minor-gradient-hover, #CCCCCCFF)';
 /** Инвертированный минорный промо цвет обводки с градиентом */
-export var inverseOutlinePromoMinorGradientActive = 'var(--inverse-outline-promo-minor-gradient-active, #E6E6E6FF)';
+export var outlineInverseOutlinePromoMinorGradientActive = 'var(--outline-inverse-outline-promo-minor-gradient-active, #E6E6E6FF)';
 /** Инвертированный цвет обводки успех */
-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 inverseOutlineTransparentPositive = 'var(--inverse-outline-transparent-positive, rgba(26,158,50,0.2))';
+export var outlineInverseOutlineTransparentPositive = 'var(--outline-inverse-outline-transparent-positive, rgba(26,158,50,0.2))';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var inverseOutlineTransparentWarning = 'var(--inverse-outline-transparent-warning, rgba(250,95,5,0.2))';
+export var outlineInverseOutlineTransparentWarning = 'var(--outline-inverse-outline-transparent-warning, rgba(250,95,5,0.2))';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var inverseOutlineTransparentNegative = 'var(--inverse-outline-transparent-negative, rgba(255,41,62,0.2))';
+export var outlineInverseOutlineTransparentNegative = 'var(--outline-inverse-outline-transparent-negative, rgba(255,41,62,0.2))';
 /** Прозрачный инвертированный цвет обводки информация */
-export var inverseOutlineTransparentInfo = 'var(--inverse-outline-transparent-info, rgba(17,140,223,0.2))';
+export var outlineInverseOutlineTransparentInfo = 'var(--outline-inverse-outline-transparent-info, rgba(17,140,223,0.2))';
 /** Инвертированный основной непрозрачный цвет обводки */
-export var inverseOutlineSolidPrimary = 'var(--inverse-outline-solid-primary, #DDDDDD)';
+export var outlineInverseOutlineSolidPrimary = 'var(--outline-inverse-outline-solid-primary, #DDDDDD)';
 /** Инвертированный третичный непрозрачный цвет обводки */
-export var inverseOutlineSolidTertiary = 'var(--inverse-outline-solid-tertiary, #707070)';
+export var outlineInverseOutlineSolidTertiary = 'var(--outline-inverse-outline-solid-tertiary, #707070)';
 /** Инвертированная бесцветная обводка */
-export var inverseOutlineClear = 'var(--inverse-outline-clear, #FFFFFF00)';
+export var outlineInverseOutlineClear = 'var(--outline-inverse-outline-clear, #FFFFFF00)';
 /** Инвертированный акцентный цвет обводки */
-export var inverseOutlineAccent = 'var(--inverse-outline-accent, #05996F)';
+export var outlineInverseOutlineAccent = 'var(--outline-inverse-outline-accent, #05996F)';
 /** Инвертированный акцентный минорный непрозрачный цвет обводки */
-export var inverseOutlineAccentMinor = 'var(--inverse-outline-accent-minor, #14CC98)';
+export var outlineInverseOutlineAccentMinor = 'var(--outline-inverse-outline-accent-minor, #14CC98)';
 /** Прозрачный инвертированный акцентный цвет обводки */
-export var inverseOutlineTransparentAccent = 'var(--inverse-outline-transparent-accent, rgba(5,153,111,0.2))';
+export var outlineInverseOutlineTransparentAccent = 'var(--outline-inverse-outline-transparent-accent, rgba(5,153,111,0.2))';
 /** Инвертированный цвет обводки успех */
-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 inverseOutlineAccentGradient = 'var(--inverse-outline-accent-gradient, linear-gradient(45.00deg, rgb(5, 153, 111) 0%, rgb(27, 160, 227) 100%))';
+export var outlineInverseOutlineAccentGradient = 'var(--outline-inverse-outline-accent-gradient, linear-gradient(45.00deg, rgb(5, 153, 111) 0%, rgb(27, 160, 227) 100%))';
 /** Инвертированный вторичный непрозрачный цвет обводки */
-export var inverseOutlineSolidSecondary = 'var(--inverse-outline-solid-secondary, #B3B3B3)';
+export var outlineInverseOutlineSolidSecondary = 'var(--outline-inverse-outline-solid-secondary, #B3B3B3)';
 /** Желтый цвет для данных */
 export var dataDefaultDataYellow = 'var(--data-default-data-yellow, #F3A912)';
 /** Желтый цвет для данных */