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

package/es/brands/index.js

@@ -1024,557 +1024,557 @@ export var inverseOverlayHard = 'var(--inverse-overlay-hard, #F9F9F9F5)';
 /** Инвертированный цвет фона паранжи размытый */
 export var inverseOverlayBlur = 'var(--inverse-overlay-blur, #F9F9F947)';
 /** Основной непрозрачный цвет обводки */
-export var outlineSolidPrimary = 'var(--outline-solid-primary, #262626)';
+export var outlineDefaultOutlineSolidPrimary = 'var(--outline-default-outline-solid-primary, #262626)';
 /** Основной непрозрачный цвет обводки */
-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 outlineSolidSecondary = 'var(--outline-solid-secondary, #4E4E4E)';
+export var outlineDefaultOutlineSolidSecondary = 'var(--outline-default-outline-solid-secondary, #4E4E4E)';
 /** Вторичный непрозрачный цвет обводки */
-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 outlineSolidTertiary = 'var(--outline-solid-tertiary, #858585)';
+export var outlineDefaultOutlineSolidTertiary = 'var(--outline-default-outline-solid-tertiary, #858585)';
 /** Третичный непрозрачный цвет обводки */
-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, #616161FF)';
+export var outlineDefaultOutlineSolidTertiaryActive = 'var(--outline-default-outline-solid-tertiary-active, #616161FF)';
 /** Непрозрачный фон поверхности/контрола по умолчанию */
-export var outlineSolidDefault = 'var(--outline-solid-default, #F9F9F9)';
+export var outlineDefaultOutlineSolidDefault = 'var(--outline-default-outline-solid-default, #F9F9F9)';
 /** Непрозрачный фон поверхности/контрола по умолчанию */
-export var outlineSolidDefaultHover = 'var(--outline-solid-default-hover, #C7C7C7FF)';
+export var outlineDefaultOutlineSolidDefaultHover = 'var(--outline-default-outline-solid-default-hover, #C7C7C7FF)';
 /** Непрозрачный фон поверхности/контрола по умолчанию */
-export var outlineSolidDefaultActive = 'var(--outline-solid-default-active, #E0E0E0FF)';
+export var outlineDefaultOutlineSolidDefaultActive = 'var(--outline-default-outline-solid-default-active, #E0E0E0FF)';
 /** Основной прозрачный цвет обводки */
-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 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 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 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, #FFFFFF56)';
+export var outlineDefaultOutlineTransparentSecondaryActive = 'var(--outline-default-outline-transparent-secondary-active, #FFFFFF56)';
 /** Третичный прозрачный цвет обводки */
-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 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, #FFFFFFAB)';
+export var outlineDefaultOutlineTransparentTertiaryActive = 'var(--outline-default-outline-transparent-tertiary-active, #FFFFFFAB)';
 /** Бесцветная обводка */
-export var outlineClear = 'var(--outline-clear, #FFFFFF00)';
+export var outlineDefaultOutlineClear = 'var(--outline-default-outline-clear, #FFFFFF00)';
 /** Бесцветная обводка */
-export var outlineClearHover = 'var(--outline-clear-hover, #FFFFFFFF)';
+export var outlineDefaultOutlineClearHover = 'var(--outline-default-outline-clear-hover, #FFFFFFFF)';
 /** Бесцветная обводка */
-export var outlineClearActive = 'var(--outline-clear-active, #FFFFFFFF)';
+export var outlineDefaultOutlineClearActive = 'var(--outline-default-outline-clear-active, #FFFFFFFF)';
 /** Акцентный цвет обводки */
-export var outlineAccent = 'var(--outline-accent, #199AF0)';
+export var outlineDefaultOutlineAccent = 'var(--outline-default-outline-accent, #199AF0)';
 /** Акцентный цвет обводки */
-export var outlineAccentHover = 'var(--outline-accent-hover, #66BCF5FF)';
+export var outlineDefaultOutlineAccentHover = 'var(--outline-default-outline-accent-hover, #66BCF5FF)';
 /** Акцентный цвет обводки */
-export var outlineAccentActive = 'var(--outline-accent-active, #0E8ADDFF)';
+export var outlineDefaultOutlineAccentActive = 'var(--outline-default-outline-accent-active, #0E8ADDFF)';
 /** Акцентный минорный непрозрачный цвет обводки */
-export var outlineAccentMinor = 'var(--outline-accent-minor, #0D5382)';
+export var outlineDefaultOutlineAccentMinor = 'var(--outline-default-outline-accent-minor, #0D5382)';
 /** Акцентный минорный непрозрачный цвет обводки */
-export var outlineAccentMinorHover = 'var(--outline-accent-minor-hover, #1277BAFF)';
+export var outlineDefaultOutlineAccentMinorHover = 'var(--outline-default-outline-accent-minor-hover, #1277BAFF)';
 /** Акцентный минорный непрозрачный цвет обводки */
-export var outlineAccentMinorActive = 'var(--outline-accent-minor-active, #10659EFF)';
+export var outlineDefaultOutlineAccentMinorActive = 'var(--outline-default-outline-accent-minor-active, #10659EFF)';
 /** Прозрачный акцентный цвет обводки */
-export var outlineTransparentAccent = 'var(--outline-transparent-accent, #199AF047)';
+export var outlineDefaultOutlineTransparentAccent = 'var(--outline-default-outline-transparent-accent, #199AF047)';
 /** Прозрачный акцентный цвет обводки */
-export var outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover, #199AF0FF)';
+export var outlineDefaultOutlineTransparentAccentHover = 'var(--outline-default-outline-transparent-accent-hover, #199AF0FF)';
 /** Прозрачный акцентный цвет обводки */
-export var outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #199AF056)';
+export var outlineDefaultOutlineTransparentAccentActive = 'var(--outline-default-outline-transparent-accent-active, #199AF056)';
 /** Цвет обводки успех */
-export var outlinePositive = 'var(--outline-positive, #24B23E)';
+export var outlineDefaultOutlinePositive = 'var(--outline-default-outline-positive, #24B23E)';
 /** Цвет обводки успех */
-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 outlineWarning = 'var(--outline-warning, #FF7024)';
+export var outlineDefaultOutlineWarning = 'var(--outline-default-outline-warning, #FF7024)';
 /** Цвет обводки предупреждение */
-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 outlineNegative = 'var(--outline-negative, #FF3D51)';
+export var outlineDefaultOutlineNegative = 'var(--outline-default-outline-negative, #FF3D51)';
 /** Цвет обводки ошибка */
-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 outlineInfo = 'var(--outline-info, #199AF0)';
+export var outlineDefaultOutlineInfo = 'var(--outline-default-outline-info, #199AF0)';
 /** Цвет обводки информация */
-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 outlinePositiveMinor = 'var(--outline-positive-minor, #095C18)';
+export var outlineDefaultOutlinePositiveMinor = 'var(--outline-default-outline-positive-minor, #095C18)';
 /** Минорный цвет обводки успех */
-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 outlineWarningMinor = 'var(--outline-warning-minor, #85380C)';
+export var outlineDefaultOutlineWarningMinor = 'var(--outline-default-outline-warning-minor, #85380C)';
 /** Минорный цвет обводки предупреждение */
-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 outlineNegativeMinor = 'var(--outline-negative-minor, #9C1422)';
+export var outlineDefaultOutlineNegativeMinor = 'var(--outline-default-outline-negative-minor, #9C1422)';
 /** Минорный цвет обводки ошибка */
-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 outlineInfoMinor = 'var(--outline-info-minor, #0D5382)';
+export var outlineDefaultOutlineInfoMinor = 'var(--outline-default-outline-info-minor, #0D5382)';
 /** Минорный цвет обводки информация */
-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, #24B23E47)';
+export var outlineDefaultOutlineTransparentPositive = 'var(--outline-default-outline-transparent-positive, #24B23E47)';
 /** Прозрачный цвет обводки успех */
-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 outlineTransparentWarning = 'var(--outline-transparent-warning, #FF702447)';
+export var outlineDefaultOutlineTransparentWarning = 'var(--outline-default-outline-transparent-warning, #FF702447)';
 /** Прозрачный цвет обводки предупреждение */
-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 outlineTransparentNegative = 'var(--outline-transparent-negative, #FF3D5147)';
+export var outlineDefaultOutlineTransparentNegative = 'var(--outline-default-outline-transparent-negative, #FF3D5147)';
 /** Прозрачный цвет обводки предупреждение */
-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 outlineTransparentInfo = 'var(--outline-transparent-info, #199AF047)';
+export var outlineDefaultOutlineTransparentInfo = 'var(--outline-default-outline-transparent-info, #199AF047)';
 /** Прозрачный цвет обводки информация */
-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 onDarkOutlineSolidPrimary = 'var(--on-dark-outline-solid-primary, #262626)';
+export var outlineOnDarkOutlineSolidPrimary = 'var(--outline-on-dark-outline-solid-primary, #262626)';
 /** Основной непрозрачный цвет обводки на темном фоне */
-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 onDarkOutlineSolidSecondary = 'var(--on-dark-outline-solid-secondary, #4E4E4E)';
+export var outlineOnDarkOutlineSolidSecondary = 'var(--outline-on-dark-outline-solid-secondary, #4E4E4E)';
 /** Вторичный непрозрачный цвет обводки на темном фоне */
-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 onDarkOutlineSolidTertiary = 'var(--on-dark-outline-solid-tertiary, #858585)';
+export var outlineOnDarkOutlineSolidTertiary = 'var(--outline-on-dark-outline-solid-tertiary, #858585)';
 /** Третичный непрозрачный цвет обводки на темном фоне */
-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, #616161FF)';
+export var outlineOnDarkOutlineSolidTertiaryActive = 'var(--outline-on-dark-outline-solid-tertiary-active, #616161FF)';
 /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
-export var onDarkOutlineSolidDefault = 'var(--on-dark-outline-solid-default, #F9F9F9)';
+export var outlineOnDarkOutlineSolidDefault = 'var(--outline-on-dark-outline-solid-default, #F9F9F9)';
 /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
-export var onDarkOutlineSolidDefaultHover = 'var(--on-dark-outline-solid-default-hover, #C7C7C7FF)';
+export var outlineOnDarkOutlineSolidDefaultHover = 'var(--outline-on-dark-outline-solid-default-hover, #C7C7C7FF)';
 /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
-export var onDarkOutlineSolidDefaultActive = 'var(--on-dark-outline-solid-default-active, #E0E0E0FF)';
+export var outlineOnDarkOutlineSolidDefaultActive = 'var(--outline-on-dark-outline-solid-default-active, #E0E0E0FF)';
 /** Основной прозрачный цвет обводки на темном фоне */
-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 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 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 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, #FFFFFF56)';
+export var outlineOnDarkOutlineTransparentSecondaryActive = 'var(--outline-on-dark-outline-transparent-secondary-active, #FFFFFF56)';
 /** Третичный прозрачный цвет обводки на темном фоне */
-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 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, #FFFFFFAB)';
+export var outlineOnDarkOutlineTransparentTertiaryActive = 'var(--outline-on-dark-outline-transparent-tertiary-active, #FFFFFFAB)';
 /** Бесцветная обводка на темном фоне */
-export var onDarkOutlineClear = 'var(--on-dark-outline-clear, #FFFFFF00)';
+export var outlineOnDarkOutlineClear = 'var(--outline-on-dark-outline-clear, #FFFFFF00)';
 /** Бесцветная обводка на темном фоне */
-export var onDarkOutlineClearHover = 'var(--on-dark-outline-clear-hover, #FFFFFFFF)';
+export var outlineOnDarkOutlineClearHover = 'var(--outline-on-dark-outline-clear-hover, #FFFFFFFF)';
 /** Бесцветная обводка на темном фоне */
-export var onDarkOutlineClearActive = 'var(--on-dark-outline-clear-active, #FFFFFFFF)';
+export var outlineOnDarkOutlineClearActive = 'var(--outline-on-dark-outline-clear-active, #FFFFFFFF)';
 /** Акцентный цвет обводки на темном фоне */
-export var onDarkOutlineAccent = 'var(--on-dark-outline-accent, #199AF0)';
+export var outlineOnDarkOutlineAccent = 'var(--outline-on-dark-outline-accent, #199AF0)';
 /** Акцентный цвет обводки на темном фоне */
-export var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #66BCF5FF)';
+export var outlineOnDarkOutlineAccentHover = 'var(--outline-on-dark-outline-accent-hover, #66BCF5FF)';
 /** Акцентный цвет обводки на темном фоне */
-export var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #0E8ADDFF)';
+export var outlineOnDarkOutlineAccentActive = 'var(--outline-on-dark-outline-accent-active, #0E8ADDFF)';
 /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineAccentMinor = 'var(--on-dark-outline-accent-minor, #0D5382)';
+export var outlineOnDarkOutlineAccentMinor = 'var(--outline-on-dark-outline-accent-minor, #0D5382)';
 /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover, #1277BAFF)';
+export var outlineOnDarkOutlineAccentMinorHover = 'var(--outline-on-dark-outline-accent-minor-hover, #1277BAFF)';
 /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active, #10659EFF)';
+export var outlineOnDarkOutlineAccentMinorActive = 'var(--outline-on-dark-outline-accent-minor-active, #10659EFF)';
 /** Прозрачный акцентный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentAccent = 'var(--on-dark-outline-transparent-accent, #199AF047)';
+export var outlineOnDarkOutlineTransparentAccent = 'var(--outline-on-dark-outline-transparent-accent, #199AF047)';
 /** Прозрачный акцентный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover, #199AF0FF)';
+export var outlineOnDarkOutlineTransparentAccentHover = 'var(--outline-on-dark-outline-transparent-accent-hover, #199AF0FF)';
 /** Прозрачный акцентный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active, #199AF056)';
+export var outlineOnDarkOutlineTransparentAccentActive = 'var(--outline-on-dark-outline-transparent-accent-active, #199AF056)';
 /** Цвет обводки успех на темном фоне */
-export var onDarkOutlinePositive = 'var(--on-dark-outline-positive, #24B23E)';
+export var outlineOnDarkOutlinePositive = 'var(--outline-on-dark-outline-positive, #24B23E)';
 /** Цвет обводки успех на темном фоне */
-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 onDarkOutlineWarning = 'var(--on-dark-outline-warning, #FF7024)';
+export var outlineOnDarkOutlineWarning = 'var(--outline-on-dark-outline-warning, #FF7024)';
 /** Цвет обводки предупреждение на темном фоне */
-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 onDarkOutlineNegative = 'var(--on-dark-outline-negative, #FF3D51)';
+export var outlineOnDarkOutlineNegative = 'var(--outline-on-dark-outline-negative, #FF3D51)';
 /** Цвет обводки ошибка на темном фоне */
-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 onDarkOutlineInfo = 'var(--on-dark-outline-info, #199AF0)';
+export var outlineOnDarkOutlineInfo = 'var(--outline-on-dark-outline-info, #199AF0)';
 /** Цвет обводки информация на темном фоне */
-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 onDarkOutlinePositiveMinor = 'var(--on-dark-outline-positive-minor, #095C18)';
+export var outlineOnDarkOutlinePositiveMinor = 'var(--outline-on-dark-outline-positive-minor, #095C18)';
 /** Минорный цвет обводки успех на темном фоне */
-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 onDarkOutlineWarningMinor = 'var(--on-dark-outline-warning-minor, #85380C)';
+export var outlineOnDarkOutlineWarningMinor = 'var(--outline-on-dark-outline-warning-minor, #85380C)';
 /** Минорный цвет обводки предупреждение на темном фоне */
-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 onDarkOutlineNegativeMinor = 'var(--on-dark-outline-negative-minor, #9C1422)';
+export var outlineOnDarkOutlineNegativeMinor = 'var(--outline-on-dark-outline-negative-minor, #9C1422)';
 /** Минорный цвет обводки ошибка на темном фоне */
-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 onDarkOutlineInfoMinor = 'var(--on-dark-outline-info-minor, #0D5382)';
+export var outlineOnDarkOutlineInfoMinor = 'var(--outline-on-dark-outline-info-minor, #0D5382)';
 /** Минорный цвет обводки информация на темном фоне */
-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, #24B23E47)';
+export var outlineOnDarkOutlineTransparentPositive = 'var(--outline-on-dark-outline-transparent-positive, #24B23E47)';
 /** Прозрачный цвет обводки успех на темном фоне */
-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 onDarkOutlineTransparentWarning = 'var(--on-dark-outline-transparent-warning, #FF702447)';
+export var outlineOnDarkOutlineTransparentWarning = 'var(--outline-on-dark-outline-transparent-warning, #FF702447)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-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 onDarkOutlineTransparentNegative = 'var(--on-dark-outline-transparent-negative, #FF3D5147)';
+export var outlineOnDarkOutlineTransparentNegative = 'var(--outline-on-dark-outline-transparent-negative, #FF3D5147)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-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 onDarkOutlineTransparentInfo = 'var(--on-dark-outline-transparent-info, #199AF047)';
+export var outlineOnDarkOutlineTransparentInfo = 'var(--outline-on-dark-outline-transparent-info, #199AF047)';
 /** Прозрачный цвет обводки информация на темном фоне */
-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 onLightOutlineSolidPrimary = 'var(--on-light-outline-solid-primary, #DDDDDD)';
+export var outlineOnLightOutlineSolidPrimary = 'var(--outline-on-light-outline-solid-primary, #DDDDDD)';
 /** Основной непрозрачный цвет обводки на светлом фоне */
-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 onLightOutlineSolidSecondary = 'var(--on-light-outline-solid-secondary, #B3B3B3)';
+export var outlineOnLightOutlineSolidSecondary = 'var(--outline-on-light-outline-solid-secondary, #B3B3B3)';
 /** Вторичный непрозрачный цвет обводки на светлом фоне */
-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, #3D3D3DFF)';
+export var outlineOnLightOutlineSolidSecondaryActive = 'var(--outline-on-light-outline-solid-secondary-active, #3D3D3DFF)';
 /** Третичный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidTertiary = 'var(--on-light-outline-solid-tertiary, #707070)';
+export var outlineOnLightOutlineSolidTertiary = 'var(--outline-on-light-outline-solid-tertiary, #707070)';
 /** Третичный непрозрачный цвет обводки на светлом фоне */
-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 onLightOutlineSolidDefault = 'var(--on-light-outline-solid-default, #080808)';
+export var outlineOnLightOutlineSolidDefault = 'var(--outline-on-light-outline-solid-default, #080808)';
 /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
-export var onLightOutlineSolidDefaultHover = 'var(--on-light-outline-solid-default-hover, #FFFFFFFF)';
+export var outlineOnLightOutlineSolidDefaultHover = 'var(--outline-on-light-outline-solid-default-hover, #FFFFFFFF)';
 /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
-export var onLightOutlineSolidDefaultActive = 'var(--on-light-outline-solid-default-active, #C7C7C7FF)';
+export var outlineOnLightOutlineSolidDefaultActive = 'var(--outline-on-light-outline-solid-default-active, #C7C7C7FF)';
 /** Основной прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary, #0808081F)';
+export var outlineOnLightOutlineTransparentPrimary = 'var(--outline-on-light-outline-transparent-primary, #0808081F)';
 /** Основной прозрачный цвет обводки на светлом фоне */
-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, #08080825)';
+export var outlineOnLightOutlineTransparentPrimaryActive = 'var(--outline-on-light-outline-transparent-primary-active, #08080825)';
 /** Вторичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentSecondary = 'var(--on-light-outline-transparent-secondary, #08080847)';
+export var outlineOnLightOutlineTransparentSecondary = 'var(--outline-on-light-outline-transparent-secondary, #08080847)';
 /** Вторичный прозрачный цвет обводки на светлом фоне */
-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, #08080856)';
+export var outlineOnLightOutlineTransparentSecondaryActive = 'var(--outline-on-light-outline-transparent-secondary-active, #08080856)';
 /** Третичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentTertiary = 'var(--on-light-outline-transparent-tertiary, #0808088F)';
+export var outlineOnLightOutlineTransparentTertiary = 'var(--outline-on-light-outline-transparent-tertiary, #0808088F)';
 /** Третичный прозрачный цвет обводки на светлом фоне */
-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 onLightOutlineClear = 'var(--on-light-outline-clear, #FFFFFF00)';
+export var outlineOnLightOutlineClear = 'var(--outline-on-light-outline-clear, #FFFFFF00)';
 /** Бесцветная обводка на светлом фоне */
-export var onLightOutlineClearHover = 'var(--on-light-outline-clear-hover, #FFFFFFFF)';
+export var outlineOnLightOutlineClearHover = 'var(--outline-on-light-outline-clear-hover, #FFFFFFFF)';
 /** Бесцветная обводка на светлом фоне */
-export var onLightOutlineClearActive = 'var(--on-light-outline-clear-active, #FFFFFFFF)';
+export var outlineOnLightOutlineClearActive = 'var(--outline-on-light-outline-clear-active, #FFFFFFFF)';
 /** Акцентный цвет обводки на светлом фоне */
-export var onLightOutlineAccent = 'var(--on-light-outline-accent, #0B7ECB)';
+export var outlineOnLightOutlineAccent = 'var(--outline-on-light-outline-accent, #0B7ECB)';
 /** Акцентный цвет обводки на светлом фоне */
-export var onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #34A7F4FF)';
+export var outlineOnLightOutlineAccentHover = 'var(--outline-on-light-outline-accent-hover, #34A7F4FF)';
 /** Акцентный цвет обводки на светлом фоне */
-export var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #096CAEFF)';
+export var outlineOnLightOutlineAccentActive = 'var(--outline-on-light-outline-accent-active, #096CAEFF)';
 /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor, #52BAFF)';
+export var outlineOnLightOutlineAccentMinor = 'var(--outline-on-light-outline-accent-minor, #52BAFF)';
 /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover, #A3DAFFFF)';
+export var outlineOnLightOutlineAccentMinorHover = 'var(--outline-on-light-outline-accent-minor-hover, #A3DAFFFF)';
 /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active, #33ADFFFF)';
+export var outlineOnLightOutlineAccentMinorActive = 'var(--outline-on-light-outline-accent-minor-active, #33ADFFFF)';
 /** Прозрачный акцентный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentAccent = 'var(--on-light-outline-transparent-accent, #0B7ECB33)';
+export var outlineOnLightOutlineTransparentAccent = 'var(--outline-on-light-outline-transparent-accent, #0B7ECB33)';
 /** Прозрачный акцентный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover, #0B7ECBFF)';
+export var outlineOnLightOutlineTransparentAccentHover = 'var(--outline-on-light-outline-transparent-accent-hover, #0B7ECBFF)';
 /** Прозрачный акцентный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active, #0B7ECB3D)';
+export var outlineOnLightOutlineTransparentAccentActive = 'var(--outline-on-light-outline-transparent-accent-active, #0B7ECB3D)';
 /** Цвет обводки успех на светлом фоне */
-export var onLightOutlinePositive = 'var(--on-light-outline-positive, #108E26)';
+export var outlineOnLightOutlinePositive = 'var(--outline-on-light-outline-positive, #108E26)';
 /** Цвет обводки успех на светлом фоне */
-export var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #13AA2CFF)';
+export var outlineOnLightOutlinePositiveHover = 'var(--outline-on-light-outline-positive-hover, #13AA2CFF)';
 /** Цвет обводки успех на светлом фоне */
-export var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #0D731EFF)';
+export var outlineOnLightOutlinePositiveActive = 'var(--outline-on-light-outline-positive-active, #0D731EFF)';
 /** Цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarning = 'var(--on-light-outline-warning, #E85702)';
+export var outlineOnLightOutlineWarning = 'var(--outline-on-light-outline-warning, #E85702)';
 /** Цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FD650DFF)';
+export var outlineOnLightOutlineWarningHover = 'var(--outline-on-light-outline-warning-hover, #FD650DFF)';
 /** Цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #CA4B02FF)';
+export var outlineOnLightOutlineWarningActive = 'var(--outline-on-light-outline-warning-active, #CA4B02FF)';
 /** Цвет обводки ошибка на светлом фоне */
-export var onLightOutlineNegative = 'var(--on-light-outline-negative, #F31B31)';
+export var outlineOnLightOutlineNegative = 'var(--outline-on-light-outline-negative, #F31B31)';
 /** Цвет обводки ошибка на светлом фоне */
-export var onLightOutlineNegativeHover = 'var(--on-light-outline-negative-hover, #F5384BFF)';
+export var outlineOnLightOutlineNegativeHover = 'var(--outline-on-light-outline-negative-hover, #F5384BFF)';
 /** Цвет обводки ошибка на светлом фоне */
-export var onLightOutlineNegativeActive = 'var(--on-light-outline-negative-active, #E40C22FF)';
+export var outlineOnLightOutlineNegativeActive = 'var(--outline-on-light-outline-negative-active, #E40C22FF)';
 /** Цвет обводки информация на светлом фоне */
-export var onLightOutlineInfo = 'var(--on-light-outline-info, #0B7ECB)';
+export var outlineOnLightOutlineInfo = 'var(--outline-on-light-outline-info, #0B7ECB)';
 /** Цвет обводки информация на светлом фоне */
-export var onLightOutlineInfoHover = 'var(--on-light-outline-info-hover, #34A7F4FF)';
+export var outlineOnLightOutlineInfoHover = 'var(--outline-on-light-outline-info-hover, #34A7F4FF)';
 /** Цвет обводки информация на светлом фоне */
-export var onLightOutlineInfoActive = 'var(--on-light-outline-info-active, #096CAEFF)';
+export var outlineOnLightOutlineInfoActive = 'var(--outline-on-light-outline-info-active, #096CAEFF)';
 /** Минорный цвет обводки успех на светлом фоне */
-export var onLightOutlinePositiveMinor = 'var(--on-light-outline-positive-minor, #28D247)';
+export var outlineOnLightOutlinePositiveMinor = 'var(--outline-on-light-outline-positive-minor, #28D247)';
 /** Минорный цвет обводки успех на светлом фоне */
-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 onLightOutlineWarningMinor = 'var(--on-light-outline-warning-minor, #FD9C68)';
+export var outlineOnLightOutlineWarningMinor = 'var(--outline-on-light-outline-warning-minor, #FD9C68)';
 /** Минорный цвет обводки предупреждение на светлом фоне */
-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 onLightOutlineNegativeMinor = 'var(--on-light-outline-negative-minor, #FF8F9A)';
+export var outlineOnLightOutlineNegativeMinor = 'var(--outline-on-light-outline-negative-minor, #FF8F9A)';
 /** Минорный цвет обводки ошибка на светлом фоне */
-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 onLightOutlineInfoMinor = 'var(--on-light-outline-info-minor, #52BAFF)';
+export var outlineOnLightOutlineInfoMinor = 'var(--outline-on-light-outline-info-minor, #52BAFF)';
 /** Минорный цвет обводки информация на светлом фоне */
-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 onLightOutlineTransparentPositive = 'var(--on-light-outline-transparent-positive, #108E2633)';
+export var outlineOnLightOutlineTransparentPositive = 'var(--outline-on-light-outline-transparent-positive, #108E2633)';
 /** Прозрачный цвет обводки успех на светлом фоне */
-export var onLightOutlineTransparentPositiveHover = 'var(--on-light-outline-transparent-positive-hover, #108E25FF)';
+export var outlineOnLightOutlineTransparentPositiveHover = 'var(--outline-on-light-outline-transparent-positive-hover, #108E25FF)';
 /** Прозрачный цвет обводки успех на светлом фоне */
-export var onLightOutlineTransparentPositiveActive = 'var(--on-light-outline-transparent-positive-active, #108E253D)';
+export var outlineOnLightOutlineTransparentPositiveActive = 'var(--outline-on-light-outline-transparent-positive-active, #108E253D)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentWarning = 'var(--on-light-outline-transparent-warning, #E8570233)';
+export var outlineOnLightOutlineTransparentWarning = 'var(--outline-on-light-outline-transparent-warning, #E8570233)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentWarningHover = 'var(--on-light-outline-transparent-warning-hover, #E85702FF)';
+export var outlineOnLightOutlineTransparentWarningHover = 'var(--outline-on-light-outline-transparent-warning-hover, #E85702FF)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentWarningActive = 'var(--on-light-outline-transparent-warning-active, #E857023D)';
+export var outlineOnLightOutlineTransparentWarningActive = 'var(--outline-on-light-outline-transparent-warning-active, #E857023D)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentNegative = 'var(--on-light-outline-transparent-negative, #F31B3133)';
+export var outlineOnLightOutlineTransparentNegative = 'var(--outline-on-light-outline-transparent-negative, #F31B3133)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentNegativeHover = 'var(--on-light-outline-transparent-negative-hover, #F31B31FF)';
+export var outlineOnLightOutlineTransparentNegativeHover = 'var(--outline-on-light-outline-transparent-negative-hover, #F31B31FF)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentNegativeActive = 'var(--on-light-outline-transparent-negative-active, #F31B313D)';
+export var outlineOnLightOutlineTransparentNegativeActive = 'var(--outline-on-light-outline-transparent-negative-active, #F31B313D)';
 /** Прозрачный цвет обводки информация на светлом фоне */
-export var onLightOutlineTransparentInfo = 'var(--on-light-outline-transparent-info, #0B7ECB33)';
+export var outlineOnLightOutlineTransparentInfo = 'var(--outline-on-light-outline-transparent-info, #0B7ECB33)';
 /** Прозрачный цвет обводки информация на светлом фоне */
-export var onLightOutlineTransparentInfoHover = 'var(--on-light-outline-transparent-info-hover, #0B7ECBFF)';
+export var outlineOnLightOutlineTransparentInfoHover = 'var(--outline-on-light-outline-transparent-info-hover, #0B7ECBFF)';
 /** Прозрачный цвет обводки информация на светлом фоне */
-export var onLightOutlineTransparentInfoActive = 'var(--on-light-outline-transparent-info-active, #0B7ECB3D)';
+export var outlineOnLightOutlineTransparentInfoActive = 'var(--outline-on-light-outline-transparent-info-active, #0B7ECB3D)';
 /** Инвертированный основной непрозрачный цвет обводки */
-export var inverseOutlineSolidPrimary = 'var(--inverse-outline-solid-primary, #DDDDDD)';
+export var outlineInverseOutlineSolidPrimary = 'var(--outline-inverse-outline-solid-primary, #DDDDDD)';
 /** Инвертированный основной непрозрачный цвет обводки */
-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 inverseOutlineSolidSecondary = 'var(--inverse-outline-solid-secondary, #B3B3B3)';
+export var outlineInverseOutlineSolidSecondary = 'var(--outline-inverse-outline-solid-secondary, #B3B3B3)';
 /** Инвертированный вторичный непрозрачный цвет обводки */
-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, #3D3D3DFF)';
+export var outlineInverseOutlineSolidSecondaryActive = 'var(--outline-inverse-outline-solid-secondary-active, #3D3D3DFF)';
 /** Инвертированный третичный непрозрачный цвет обводки */
-export var inverseOutlineSolidTertiary = 'var(--inverse-outline-solid-tertiary, #707070)';
+export var outlineInverseOutlineSolidTertiary = 'var(--outline-inverse-outline-solid-tertiary, #707070)';
 /** Инвертированный третичный непрозрачный цвет обводки */
-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 inverseOutlineSolidDefault = 'var(--inverse-outline-solid-default, #080808)';
+export var outlineInverseOutlineSolidDefault = 'var(--outline-inverse-outline-solid-default, #080808)';
 /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
-export var inverseOutlineSolidDefaultHover = 'var(--inverse-outline-solid-default-hover, #FFFFFFFF)';
+export var outlineInverseOutlineSolidDefaultHover = 'var(--outline-inverse-outline-solid-default-hover, #FFFFFFFF)';
 /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
-export var inverseOutlineSolidDefaultActive = 'var(--inverse-outline-solid-default-active, #C7C7C7FF)';
+export var outlineInverseOutlineSolidDefaultActive = 'var(--outline-inverse-outline-solid-default-active, #C7C7C7FF)';
 /** Инвертированный основной прозрачный цвет обводки */
-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 inverseOutlineClear = 'var(--inverse-outline-clear, #FFFFFF00)';
+export var outlineInverseOutlineClear = 'var(--outline-inverse-outline-clear, #FFFFFF00)';
 /** Инвертированная бесцветная обводка */
-export var inverseOutlineClearHover = 'var(--inverse-outline-clear-hover, #FFFFFFFF)';
+export var outlineInverseOutlineClearHover = 'var(--outline-inverse-outline-clear-hover, #FFFFFFFF)';
 /** Инвертированная бесцветная обводка */
-export var inverseOutlineClearActive = 'var(--inverse-outline-clear-active, #FFFFFFFF)';
+export var outlineInverseOutlineClearActive = 'var(--outline-inverse-outline-clear-active, #FFFFFFFF)';
 /** Инвертированный акцентный цвет обводки */
-export var inverseOutlineAccent = 'var(--inverse-outline-accent, #0B7ECB)';
+export var outlineInverseOutlineAccent = 'var(--outline-inverse-outline-accent, #0B7ECB)';
 /** Инвертированный акцентный цвет обводки */
-export var inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #34A7F4FF)';
+export var outlineInverseOutlineAccentHover = 'var(--outline-inverse-outline-accent-hover, #34A7F4FF)';
 /** Инвертированный акцентный цвет обводки */
-export var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #096CAEFF)';
+export var outlineInverseOutlineAccentActive = 'var(--outline-inverse-outline-accent-active, #096CAEFF)';
 /** Инвертированный акцентный минорный непрозрачный цвет обводки */
-export var inverseOutlineAccentMinor = 'var(--inverse-outline-accent-minor, #52BAFF)';
+export var outlineInverseOutlineAccentMinor = 'var(--outline-inverse-outline-accent-minor, #52BAFF)';
 /** Инвертированный акцентный минорный непрозрачный цвет обводки */
-export var inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover, #A3DAFFFF)';
+export var outlineInverseOutlineAccentMinorHover = 'var(--outline-inverse-outline-accent-minor-hover, #A3DAFFFF)';
 /** Инвертированный акцентный минорный непрозрачный цвет обводки */
-export var inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active, #33ADFFFF)';
+export var outlineInverseOutlineAccentMinorActive = 'var(--outline-inverse-outline-accent-minor-active, #33ADFFFF)';
 /** Прозрачный инвертированный акцентный цвет обводки */
-export var inverseOutlineTransparentAccent = 'var(--inverse-outline-transparent-accent, #0B7ECB33)';
+export var outlineInverseOutlineTransparentAccent = 'var(--outline-inverse-outline-transparent-accent, #0B7ECB33)';
 /** Прозрачный инвертированный акцентный цвет обводки */
-export var inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover, #0B7ECBFF)';
+export var outlineInverseOutlineTransparentAccentHover = 'var(--outline-inverse-outline-transparent-accent-hover, #0B7ECBFF)';
 /** Прозрачный инвертированный акцентный цвет обводки */
-export var inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #0B7ECB3D)';
+export var outlineInverseOutlineTransparentAccentActive = 'var(--outline-inverse-outline-transparent-accent-active, #0B7ECB3D)';
 /** Инвертированный цвет обводки успех */
-export var inverseOutlinePositive = 'var(--inverse-outline-positive, #108E26)';
+export var outlineInverseOutlinePositive = 'var(--outline-inverse-outline-positive, #108E26)';
 /** Инвертированный цвет обводки успех */
-export var inverseOutlinePositiveHover = 'var(--inverse-outline-positive-hover, #13AA2CFF)';
+export var outlineInverseOutlinePositiveHover = 'var(--outline-inverse-outline-positive-hover, #13AA2CFF)';
 /** Инвертированный цвет обводки успех */
-export var inverseOutlinePositiveActive = 'var(--inverse-outline-positive-active, #0D731EFF)';
+export var outlineInverseOutlinePositiveActive = 'var(--outline-inverse-outline-positive-active, #0D731EFF)';
 /** Инвертированный цвет обводки предупреждение */
-export var inverseOutlineWarning = 'var(--inverse-outline-warning, #E85702)';
+export var outlineInverseOutlineWarning = 'var(--outline-inverse-outline-warning, #E85702)';
 /** Инвертированный цвет обводки предупреждение */
-export var inverseOutlineWarningHover = 'var(--inverse-outline-warning-hover, #FD650DFF)';
+export var outlineInverseOutlineWarningHover = 'var(--outline-inverse-outline-warning-hover, #FD650DFF)';
 /** Инвертированный цвет обводки предупреждение */
-export var inverseOutlineWarningActive = 'var(--inverse-outline-warning-active, #CA4B02FF)';
+export var outlineInverseOutlineWarningActive = 'var(--outline-inverse-outline-warning-active, #CA4B02FF)';
 /** Инвертированный цвет обводки ошибка */
-export var inverseOutlineNegative = 'var(--inverse-outline-negative, #F31B31)';
+export var outlineInverseOutlineNegative = 'var(--outline-inverse-outline-negative, #F31B31)';
 /** Инвертированный цвет обводки ошибка */
-export var inverseOutlineNegativeHover = 'var(--inverse-outline-negative-hover, #F5384BFF)';
+export var outlineInverseOutlineNegativeHover = 'var(--outline-inverse-outline-negative-hover, #F5384BFF)';
 /** Инвертированный цвет обводки ошибка */
-export var inverseOutlineNegativeActive = 'var(--inverse-outline-negative-active, #E40C22FF)';
+export var outlineInverseOutlineNegativeActive = 'var(--outline-inverse-outline-negative-active, #E40C22FF)';
 /** Инвертированный цвет обводки информация */
-export var inverseOutlineInfo = 'var(--inverse-outline-info, #0B7ECB)';
+export var outlineInverseOutlineInfo = 'var(--outline-inverse-outline-info, #0B7ECB)';
 /** Инвертированный цвет обводки информация */
-export var inverseOutlineInfoHover = 'var(--inverse-outline-info-hover, #34A7F4FF)';
+export var outlineInverseOutlineInfoHover = 'var(--outline-inverse-outline-info-hover, #34A7F4FF)';
 /** Инвертированный цвет обводки информация */
-export var inverseOutlineInfoActive = 'var(--inverse-outline-info-active, #096CAEFF)';
+export var outlineInverseOutlineInfoActive = 'var(--outline-inverse-outline-info-active, #096CAEFF)';
 /** Инвертированный минорный цвет обводки успех */
-export var inverseOutlinePositiveMinor = 'var(--inverse-outline-positive-minor, #28D247)';
+export var outlineInverseOutlinePositiveMinor = 'var(--outline-inverse-outline-positive-minor, #28D247)';
 /** Инвертированный минорный цвет обводки успех */
-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 inverseOutlineWarningMinor = 'var(--inverse-outline-warning-minor, #FD9C68)';
+export var outlineInverseOutlineWarningMinor = 'var(--outline-inverse-outline-warning-minor, #FD9C68)';
 /** Инвертированный минорный цвет обводки предупреждение */
-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 inverseOutlineNegativeMinor = 'var(--inverse-outline-negative-minor, #FF8F9A)';
+export var outlineInverseOutlineNegativeMinor = 'var(--outline-inverse-outline-negative-minor, #FF8F9A)';
 /** Инвертированный минорный цвет обводки ошибка */
-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 inverseOutlineInfoMinor = 'var(--inverse-outline-info-minor, #52BAFF)';
+export var outlineInverseOutlineInfoMinor = 'var(--outline-inverse-outline-info-minor, #52BAFF)';
 /** Инвертированный минорный цвет обводки информация */
-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 inverseOutlineTransparentPositive = 'var(--inverse-outline-transparent-positive, #108E2633)';
+export var outlineInverseOutlineTransparentPositive = 'var(--outline-inverse-outline-transparent-positive, #108E2633)';
 /** Прозрачный инвертированный цвет обводки успех */
-export var inverseOutlineTransparentPositiveHover = 'var(--inverse-outline-transparent-positive-hover, #108E25FF)';
+export var outlineInverseOutlineTransparentPositiveHover = 'var(--outline-inverse-outline-transparent-positive-hover, #108E25FF)';
 /** Прозрачный инвертированный цвет обводки успех */
-export var inverseOutlineTransparentPositiveActive = 'var(--inverse-outline-transparent-positive-active, #108E253D)';
+export var outlineInverseOutlineTransparentPositiveActive = 'var(--outline-inverse-outline-transparent-positive-active, #108E253D)';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var inverseOutlineTransparentWarning = 'var(--inverse-outline-transparent-warning, #E8570233)';
+export var outlineInverseOutlineTransparentWarning = 'var(--outline-inverse-outline-transparent-warning, #E8570233)';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var inverseOutlineTransparentWarningHover = 'var(--inverse-outline-transparent-warning-hover, #E85702FF)';
+export var outlineInverseOutlineTransparentWarningHover = 'var(--outline-inverse-outline-transparent-warning-hover, #E85702FF)';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var inverseOutlineTransparentWarningActive = 'var(--inverse-outline-transparent-warning-active, #E857023D)';
+export var outlineInverseOutlineTransparentWarningActive = 'var(--outline-inverse-outline-transparent-warning-active, #E857023D)';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var inverseOutlineTransparentNegative = 'var(--inverse-outline-transparent-negative, #F31B3133)';
+export var outlineInverseOutlineTransparentNegative = 'var(--outline-inverse-outline-transparent-negative, #F31B3133)';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var inverseOutlineTransparentNegativeHover = 'var(--inverse-outline-transparent-negative-hover, #F31B31FF)';
+export var outlineInverseOutlineTransparentNegativeHover = 'var(--outline-inverse-outline-transparent-negative-hover, #F31B31FF)';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var inverseOutlineTransparentNegativeActive = 'var(--inverse-outline-transparent-negative-active, #F31B313D)';
+export var outlineInverseOutlineTransparentNegativeActive = 'var(--outline-inverse-outline-transparent-negative-active, #F31B313D)';
 /** Прозрачный инвертированный цвет обводки информация */
-export var inverseOutlineTransparentInfo = 'var(--inverse-outline-transparent-info, #0B7ECB33)';
+export var outlineInverseOutlineTransparentInfo = 'var(--outline-inverse-outline-transparent-info, #0B7ECB33)';
 /** Прозрачный инвертированный цвет обводки информация */
-export var inverseOutlineTransparentInfoHover = 'var(--inverse-outline-transparent-info-hover, #0B7ECBFF)';
+export var outlineInverseOutlineTransparentInfoHover = 'var(--outline-inverse-outline-transparent-info-hover, #0B7ECBFF)';
 /** Прозрачный инвертированный цвет обводки информация */
-export var inverseOutlineTransparentInfoActive = 'var(--inverse-outline-transparent-info-active, #0B7ECB3D)';
+export var outlineInverseOutlineTransparentInfoActive = 'var(--outline-inverse-outline-transparent-info-active, #0B7ECB3D)';
 /** Желтый цвет для данных */
 export var dataDefaultDataYellow = 'var(--data-default-data-yellow, #F3A912)';
 /** Желтый цвет для данных */