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

package/es/brands/plasma_web/index.js

@@ -1052,541 +1052,541 @@ export var inverseOverlayHard = 'var(--inverse-overlay-hard, rgba(249,249,249,0.
 /** Инвертированный цвет фона паранжи размытый */
 export var inverseOverlayBlur = 'var(--inverse-overlay-blur, rgba(249,249,249,0.28))';
 /** Основной непрозрачный цвет обводки */
-export var outlineSolidPrimaryHover = 'var(--outline-solid-primary-hover, #303030FF)';
+export var outlineDefaultOutlineSolidPrimaryHover = 'var(--outline-default-outline-solid-primary-hover, #303030FF)';
 /** Основной непрозрачный цвет обводки */
-export var outlineSolidPrimaryActive = 'var(--outline-solid-primary-active, #212121FF)';
+export var outlineDefaultOutlineSolidPrimaryActive = 'var(--outline-default-outline-solid-primary-active, #212121FF)';
 /** Вторичный непрозрачный цвет обводки */
-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, #7A7A7AFF)';
+export var outlineDefaultOutlineSolidTertiaryHover = 'var(--outline-default-outline-solid-tertiary-hover, #7A7A7AFF)';
 /** Третичный непрозрачный цвет обводки */
-export var outlineSolidTertiaryActive = 'var(--outline-solid-tertiary-active, #6B6B6BFF)';
+export var outlineDefaultOutlineSolidTertiaryActive = 'var(--outline-default-outline-solid-tertiary-active, #6B6B6BFF)';
 /** Основной прозрачный цвет обводки */
-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, #FFFFFF52)';
+export var outlineDefaultOutlineTransparentSecondaryHover = 'var(--outline-default-outline-transparent-secondary-hover, #FFFFFF52)';
 /** Вторичный прозрачный цвет обводки */
-export var outlineTransparentSecondaryActive = 'var(--outline-transparent-secondary-active, #FFFFFF24)';
+export var outlineDefaultOutlineTransparentSecondaryActive = 'var(--outline-default-outline-transparent-secondary-active, #FFFFFF24)';
 /** Третичный прозрачный цвет обводки */
-export var outlineTransparentTertiaryHover = 'var(--outline-transparent-tertiary-hover, #FFFFFF85)';
+export var outlineDefaultOutlineTransparentTertiaryHover = 'var(--outline-default-outline-transparent-tertiary-hover, #FFFFFF85)';
 /** Третичный прозрачный цвет обводки */
-export var outlineTransparentTertiaryActive = 'var(--outline-transparent-tertiary-active, #FFFFFF57)';
+export var outlineDefaultOutlineTransparentTertiaryActive = 'var(--outline-default-outline-transparent-tertiary-active, #FFFFFF57)';
 /** Бесцветная обводка */
-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, #5D95FDFF)';
+export var outlineDefaultOutlineAccentHover = 'var(--outline-default-outline-accent-hover, #5D95FDFF)';
 /** Акцентный цвет обводки */
-export var outlineAccentActive = 'var(--outline-accent-active, #357BFDFF)';
+export var outlineDefaultOutlineAccentActive = 'var(--outline-default-outline-accent-active, #357BFDFF)';
 /** Акцентный минорный непрозрачный цвет обводки */
-export var outlineAccentMinorHover = 'var(--outline-accent-minor-hover, #1852BFFF)';
+export var outlineDefaultOutlineAccentMinorHover = 'var(--outline-default-outline-accent-minor-hover, #1852BFFF)';
 /** Акцентный минорный непрозрачный цвет обводки */
-export var outlineAccentMinorActive = 'var(--outline-accent-minor-active, #1446A3FF)';
+export var outlineDefaultOutlineAccentMinorActive = 'var(--outline-default-outline-accent-minor-active, #1446A3FF)';
 /** Прозрачный акцентный цвет обводки */
-export var outlineTransparentAccentHover = 'var(--outline-transparent-accent-hover, #528EFF66)';
+export var outlineDefaultOutlineTransparentAccentHover = 'var(--outline-default-outline-transparent-accent-hover, #528EFF66)';
 /** Прозрачный акцентный цвет обводки */
-export var outlineTransparentAccentActive = 'var(--outline-transparent-accent-active, #528EFF38)';
+export var outlineDefaultOutlineTransparentAccentActive = 'var(--outline-default-outline-transparent-accent-active, #528EFF38)';
 /** Цвет обводки успех */
-export var outlinePositiveHover = 'var(--outline-positive-hover, #28C344FF)';
+export var outlineDefaultOutlinePositiveHover = 'var(--outline-default-outline-positive-hover, #28C344FF)';
 /** Цвет обводки успех */
-export var outlinePositiveActive = 'var(--outline-positive-active, #23A93BFF)';
+export var outlineDefaultOutlinePositiveActive = 'var(--outline-default-outline-positive-active, #23A93BFF)';
 /** Цвет обводки предупреждение */
-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, #FF6A1AFF)';
+export var outlineDefaultOutlineWarningActive = 'var(--outline-default-outline-warning-active, #FF6A1AFF)';
 /** Цвет обводки ошибка */
-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, #FF3347FF)';
+export var outlineDefaultOutlineNegativeActive = 'var(--outline-default-outline-negative-active, #FF3347FF)';
 /** Цвет обводки информация */
-export var outlineInfoHover = 'var(--outline-info-hover, #70A2FFFF)';
+export var outlineDefaultOutlineInfoHover = 'var(--outline-default-outline-info-hover, #70A2FFFF)';
 /** Цвет обводки информация */
-export var outlineInfoActive = 'var(--outline-info-active, #4788FFFF)';
+export var outlineDefaultOutlineInfoActive = 'var(--outline-default-outline-info-active, #4788FFFF)';
 /** Минорный цвет обводки успех */
-export var outlinePositiveMinorHover = 'var(--outline-positive-minor-hover, #0B6F1DFF)';
+export var outlineDefaultOutlinePositiveMinorHover = 'var(--outline-default-outline-positive-minor-hover, #0B6F1DFF)';
 /** Минорный цвет обводки успех */
-export var outlinePositiveMinorActive = 'var(--outline-positive-minor-active, #085416FF)';
+export var outlineDefaultOutlinePositiveMinorActive = 'var(--outline-default-outline-positive-minor-active, #085416FF)';
 /** Минорный цвет обводки предупреждение */
-export var outlineWarningMinorHover = 'var(--outline-warning-minor-hover, #95400EFF)';
+export var outlineDefaultOutlineWarningMinorHover = 'var(--outline-default-outline-warning-minor-hover, #95400EFF)';
 /** Минорный цвет обводки предупреждение */
-export var outlineWarningMinorActive = 'var(--outline-warning-minor-active, #79340BFF)';
+export var outlineDefaultOutlineWarningMinorActive = 'var(--outline-default-outline-warning-minor-active, #79340BFF)';
 /** Минорный цвет обводки ошибка */
-export var outlineNegativeMinorHover = 'var(--outline-negative-minor-hover, #B01726FF)';
+export var outlineDefaultOutlineNegativeMinorHover = 'var(--outline-default-outline-negative-minor-hover, #B01726FF)';
 /** Минорный цвет обводки ошибка */
-export var outlineNegativeMinorActive = 'var(--outline-negative-minor-active, #951320FF)';
+export var outlineDefaultOutlineNegativeMinorActive = 'var(--outline-default-outline-negative-minor-active, #951320FF)';
 /** Минорный цвет обводки информация */
-export var outlineInfoMinorHover = 'var(--outline-info-minor-hover, #1852BFFF)';
+export var outlineDefaultOutlineInfoMinorHover = 'var(--outline-default-outline-info-minor-hover, #1852BFFF)';
 /** Минорный цвет обводки информация */
-export var outlineInfoMinorActive = 'var(--outline-info-minor-active, #1446A3FF)';
+export var outlineDefaultOutlineInfoMinorActive = 'var(--outline-default-outline-info-minor-active, #1446A3FF)';
 /** Прозрачный цвет обводки успех */
-export var outlineTransparentPositiveHover = 'var(--outline-transparent-positive-hover, #24B23E66)';
+export var outlineDefaultOutlineTransparentPositiveHover = 'var(--outline-default-outline-transparent-positive-hover, #24B23E66)';
 /** Прозрачный цвет обводки успех */
-export var outlineTransparentPositiveActive = 'var(--outline-transparent-positive-active, #24B23E38)';
+export var outlineDefaultOutlineTransparentPositiveActive = 'var(--outline-default-outline-transparent-positive-active, #24B23E38)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentWarningHover = 'var(--outline-transparent-warning-hover, #FF702466)';
+export var outlineDefaultOutlineTransparentWarningHover = 'var(--outline-default-outline-transparent-warning-hover, #FF702466)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentWarningActive = 'var(--outline-transparent-warning-active, #FF702438)';
+export var outlineDefaultOutlineTransparentWarningActive = 'var(--outline-default-outline-transparent-warning-active, #FF702438)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentNegativeHover = 'var(--outline-transparent-negative-hover, #FF3D5166)';
+export var outlineDefaultOutlineTransparentNegativeHover = 'var(--outline-default-outline-transparent-negative-hover, #FF3D5166)';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentNegativeActive = 'var(--outline-transparent-negative-active, #FF3D5138)';
+export var outlineDefaultOutlineTransparentNegativeActive = 'var(--outline-default-outline-transparent-negative-active, #FF3D5138)';
 /** Прозрачный цвет обводки информация */
-export var outlineTransparentInfoHover = 'var(--outline-transparent-info-hover, #528EFF66)';
+export var outlineDefaultOutlineTransparentInfoHover = 'var(--outline-default-outline-transparent-info-hover, #528EFF66)';
 /** Прозрачный цвет обводки информация */
-export var outlineTransparentInfoActive = 'var(--outline-transparent-info-active, #528EFF38)';
+export var outlineDefaultOutlineTransparentInfoActive = 'var(--outline-default-outline-transparent-info-active, #528EFF38)';
 /** Основной непрозрачный цвет обводки */
-export var outlineSolidPrimary = 'var(--outline-solid-primary, #262626)';
+export var outlineDefaultOutlineSolidPrimary = 'var(--outline-default-outline-solid-primary, #262626)';
 /** Вторичный непрозрачный цвет обводки */
-export var outlineSolidSecondary = 'var(--outline-solid-secondary, #4E4E4E)';
+export var outlineDefaultOutlineSolidSecondary = 'var(--outline-default-outline-solid-secondary, #4E4E4E)';
 /** Третичный непрозрачный цвет обводки */
-export var outlineSolidTertiary = 'var(--outline-solid-tertiary, #707070)';
-export var outlineDefaultHover = 'var(--outline-default-hover, #FFFFFFFF)';
-export var outlineDefaultActive = 'var(--outline-default-active, #F5F5F5FF)';
+export var outlineDefaultOutlineSolidTertiary = 'var(--outline-default-outline-solid-tertiary, #707070)';
+export var outlineDefaultOutlineDefaultHover = 'var(--outline-default-outline-default-hover, #FFFFFFFF)';
+export var outlineDefaultOutlineDefaultActive = 'var(--outline-default-outline-default-active, #F5F5F5FF)';
 /** Основной прозрачный цвет обводки */
-export var outlineTransparentPrimary = 'var(--outline-transparent-primary, rgba(255, 255, 255, 0.12))';
+export var outlineDefaultOutlineTransparentPrimary = 'var(--outline-default-outline-transparent-primary, rgba(255, 255, 255, 0.12))';
 /** Вторичный прозрачный цвет обводки */
-export var outlineTransparentSecondary = 'var(--outline-transparent-secondary, rgba(255, 255, 255, 0.20))';
+export var outlineDefaultOutlineTransparentSecondary = 'var(--outline-default-outline-transparent-secondary, rgba(255, 255, 255, 0.20))';
 /** Третичный прозрачный цвет обводки */
-export var outlineTransparentTertiary = 'var(--outline-transparent-tertiary, rgba(255, 255, 255, 0.40))';
+export var outlineDefaultOutlineTransparentTertiary = 'var(--outline-default-outline-transparent-tertiary, rgba(255, 255, 255, 0.40))';
 /** Бесцветная обводка */
-export var outlineClear = 'var(--outline-clear, rgba(255, 255, 255, 0.00))';
+export var outlineDefaultOutlineClear = 'var(--outline-default-outline-clear, rgba(255, 255, 255, 0.00))';
 /** Акцентный цвет обводки */
-export var outlineAccent = 'var(--outline-accent, #3F81FD)';
+export var outlineDefaultOutlineAccent = 'var(--outline-default-outline-accent, #3F81FD)';
 /** Акцентный минорный непрозрачный цвет обводки */
-export var outlineAccentMinor = 'var(--outline-accent-minor, #1549AB)';
+export var outlineDefaultOutlineAccentMinor = 'var(--outline-default-outline-accent-minor, #1549AB)';
 /** Прозрачный акцентный цвет обводки */
-export var outlineTransparentAccent = 'var(--outline-transparent-accent, rgba(82, 142, 255, 0.28))';
+export var outlineDefaultOutlineTransparentAccent = 'var(--outline-default-outline-transparent-accent, rgba(82, 142, 255, 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 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 outlineTransparentPositive = 'var(--outline-transparent-positive, rgba(36, 178, 62, 0.28))';
+export var outlineDefaultOutlineTransparentPositive = 'var(--outline-default-outline-transparent-positive, rgba(36, 178, 62, 0.28))';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentWarning = 'var(--outline-transparent-warning, rgba(255, 112, 36, 0.28))';
+export var outlineDefaultOutlineTransparentWarning = 'var(--outline-default-outline-transparent-warning, rgba(255, 112, 36, 0.28))';
 /** Прозрачный цвет обводки предупреждение */
-export var outlineTransparentNegative = 'var(--outline-transparent-negative, rgba(255, 61, 81, 0.28))';
+export var outlineDefaultOutlineTransparentNegative = 'var(--outline-default-outline-transparent-negative, rgba(255, 61, 81, 0.28))';
 /** Цвет обводки информация */
-export var outlineInfo = 'var(--outline-info, #528EFF)';
+export var outlineDefaultOutlineInfo = 'var(--outline-default-outline-info, #528EFF)';
 /** Минорный цвет обводки информация */
-export var outlineInfoMinor = 'var(--outline-info-minor, #1549AB)';
+export var outlineDefaultOutlineInfoMinor = 'var(--outline-default-outline-info-minor, #1549AB)';
 /** Прозрачный цвет обводки информация */
-export var outlineTransparentInfo = 'var(--outline-transparent-info, rgba(82, 142, 255, 0.28))';
-export var outlineSolidDefault = 'var(--outline-solid-default, #F9F9F9)';
-export var outlineSolidDefaultHover = 'var(--outline-solid-default-hover, #C7C7C7FF)';
-export var outlineSolidDefaultActive = 'var(--outline-solid-default-active, #E0E0E0FF)';
+export var outlineDefaultOutlineTransparentInfo = 'var(--outline-default-outline-transparent-info, rgba(82, 142, 255, 0.28))';
+export var outlineDefaultOutlineSolidDefault = 'var(--outline-default-outline-solid-default, #F9F9F9)';
+export var outlineDefaultOutlineSolidDefaultHover = 'var(--outline-default-outline-solid-default-hover, #C7C7C7FF)';
+export var outlineDefaultOutlineSolidDefaultActive = 'var(--outline-default-outline-solid-default-active, #E0E0E0FF)';
 /** Основной непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidPrimaryHover = 'var(--on-dark-outline-solid-primary-hover, #303030FF)';
+export var outlineOnDarkOutlineSolidPrimaryHover = 'var(--outline-on-dark-outline-solid-primary-hover, #303030FF)';
 /** Основной непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidPrimaryActive = 'var(--on-dark-outline-solid-primary-active, #212121FF)';
+export var outlineOnDarkOutlineSolidPrimaryActive = 'var(--outline-on-dark-outline-solid-primary-active, #212121FF)';
 /** Вторичный непрозрачный цвет обводки на темном фоне */
-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, #7A7A7AFF)';
+export var outlineOnDarkOutlineSolidTertiaryHover = 'var(--outline-on-dark-outline-solid-tertiary-hover, #7A7A7AFF)';
 /** Третичный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidTertiaryActive = 'var(--on-dark-outline-solid-tertiary-active, #6B6B6BFF)';
+export var outlineOnDarkOutlineSolidTertiaryActive = 'var(--outline-on-dark-outline-solid-tertiary-active, #6B6B6BFF)';
 /** Основной прозрачный цвет обводки на темном фоне */
-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, #FFFFFF52)';
+export var outlineOnDarkOutlineTransparentSecondaryHover = 'var(--outline-on-dark-outline-transparent-secondary-hover, #FFFFFF52)';
 /** Вторичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentSecondaryActive = 'var(--on-dark-outline-transparent-secondary-active, #FFFFFF24)';
+export var outlineOnDarkOutlineTransparentSecondaryActive = 'var(--outline-on-dark-outline-transparent-secondary-active, #FFFFFF24)';
 /** Третичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentTertiaryHover = 'var(--on-dark-outline-transparent-tertiary-hover, #FFFFFF85)';
+export var outlineOnDarkOutlineTransparentTertiaryHover = 'var(--outline-on-dark-outline-transparent-tertiary-hover, #FFFFFF85)';
 /** Третичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentTertiaryActive = 'var(--on-dark-outline-transparent-tertiary-active, #FFFFFF57)';
+export var outlineOnDarkOutlineTransparentTertiaryActive = 'var(--outline-on-dark-outline-transparent-tertiary-active, #FFFFFF57)';
 /** Акцентный цвет обводки на темном фоне */
-export var onDarkOutlineAccentHover = 'var(--on-dark-outline-accent-hover, #5D95FDFF)';
+export var outlineOnDarkOutlineAccentHover = 'var(--outline-on-dark-outline-accent-hover, #5D95FDFF)';
 /** Акцентный цвет обводки на темном фоне */
-export var onDarkOutlineAccentActive = 'var(--on-dark-outline-accent-active, #357BFDFF)';
+export var outlineOnDarkOutlineAccentActive = 'var(--outline-on-dark-outline-accent-active, #357BFDFF)';
 /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineAccentMinorHover = 'var(--on-dark-outline-accent-minor-hover, #1852BFFF)';
+export var outlineOnDarkOutlineAccentMinorHover = 'var(--outline-on-dark-outline-accent-minor-hover, #1852BFFF)';
 /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineAccentMinorActive = 'var(--on-dark-outline-accent-minor-active, #1446A3FF)';
+export var outlineOnDarkOutlineAccentMinorActive = 'var(--outline-on-dark-outline-accent-minor-active, #1446A3FF)';
 /** Прозрачный акцентный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentAccentHover = 'var(--on-dark-outline-transparent-accent-hover, #528EFF66)';
+export var outlineOnDarkOutlineTransparentAccentHover = 'var(--outline-on-dark-outline-transparent-accent-hover, #528EFF66)';
 /** Прозрачный акцентный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentAccentActive = 'var(--on-dark-outline-transparent-accent-active, #528EFF38)';
+export var outlineOnDarkOutlineTransparentAccentActive = 'var(--outline-on-dark-outline-transparent-accent-active, #528EFF38)';
 /** Цвет обводки успех на темном фоне */
-export var onDarkOutlinePositiveHover = 'var(--on-dark-outline-positive-hover, #28C344FF)';
+export var outlineOnDarkOutlinePositiveHover = 'var(--outline-on-dark-outline-positive-hover, #28C344FF)';
 /** Цвет обводки успех на темном фоне */
-export var onDarkOutlinePositiveActive = 'var(--on-dark-outline-positive-active, #23A93BFF)';
+export var outlineOnDarkOutlinePositiveActive = 'var(--outline-on-dark-outline-positive-active, #23A93BFF)';
 /** Цвет обводки предупреждение на темном фоне */
-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, #FF6A1AFF)';
+export var outlineOnDarkOutlineWarningActive = 'var(--outline-on-dark-outline-warning-active, #FF6A1AFF)';
 /** Цвет обводки ошибка на темном фоне */
-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, #FF3347FF)';
+export var outlineOnDarkOutlineNegativeActive = 'var(--outline-on-dark-outline-negative-active, #FF3347FF)';
 /** Цвет обводки информация на темном фоне */
-export var onDarkOutlineInfoHover = 'var(--on-dark-outline-info-hover, #70A2FFFF)';
+export var outlineOnDarkOutlineInfoHover = 'var(--outline-on-dark-outline-info-hover, #70A2FFFF)';
 /** Цвет обводки информация на темном фоне */
-export var onDarkOutlineInfoActive = 'var(--on-dark-outline-info-active, #4788FFFF)';
+export var outlineOnDarkOutlineInfoActive = 'var(--outline-on-dark-outline-info-active, #4788FFFF)';
 /** Минорный цвет обводки успех на темном фоне */
-export var onDarkOutlinePositiveMinorHover = 'var(--on-dark-outline-positive-minor-hover, #0B6F1DFF)';
+export var outlineOnDarkOutlinePositiveMinorHover = 'var(--outline-on-dark-outline-positive-minor-hover, #0B6F1DFF)';
 /** Минорный цвет обводки успех на темном фоне */
-export var onDarkOutlinePositiveMinorActive = 'var(--on-dark-outline-positive-minor-active, #085416FF)';
+export var outlineOnDarkOutlinePositiveMinorActive = 'var(--outline-on-dark-outline-positive-minor-active, #085416FF)';
 /** Минорный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineWarningMinorHover = 'var(--on-dark-outline-warning-minor-hover, #95400EFF)';
+export var outlineOnDarkOutlineWarningMinorHover = 'var(--outline-on-dark-outline-warning-minor-hover, #95400EFF)';
 /** Минорный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineWarningMinorActive = 'var(--on-dark-outline-warning-minor-active, #79340BFF)';
+export var outlineOnDarkOutlineWarningMinorActive = 'var(--outline-on-dark-outline-warning-minor-active, #79340BFF)';
 /** Минорный цвет обводки ошибка на темном фоне */
-export var onDarkOutlineNegativeMinorHover = 'var(--on-dark-outline-negative-minor-hover, #B01726FF)';
+export var outlineOnDarkOutlineNegativeMinorHover = 'var(--outline-on-dark-outline-negative-minor-hover, #B01726FF)';
 /** Минорный цвет обводки ошибка на темном фоне */
-export var onDarkOutlineNegativeMinorActive = 'var(--on-dark-outline-negative-minor-active, #951320FF)';
+export var outlineOnDarkOutlineNegativeMinorActive = 'var(--outline-on-dark-outline-negative-minor-active, #951320FF)';
 /** Минорный цвет обводки информация на темном фоне */
-export var onDarkOutlineInfoMinorHover = 'var(--on-dark-outline-info-minor-hover, #1852BFFF)';
+export var outlineOnDarkOutlineInfoMinorHover = 'var(--outline-on-dark-outline-info-minor-hover, #1852BFFF)';
 /** Минорный цвет обводки информация на темном фоне */
-export var onDarkOutlineInfoMinorActive = 'var(--on-dark-outline-info-minor-active, #1446A3FF)';
+export var outlineOnDarkOutlineInfoMinorActive = 'var(--outline-on-dark-outline-info-minor-active, #1446A3FF)';
 /** Прозрачный цвет обводки успех на темном фоне */
-export var onDarkOutlineTransparentPositiveHover = 'var(--on-dark-outline-transparent-positive-hover, #24B23E66)';
+export var outlineOnDarkOutlineTransparentPositiveHover = 'var(--outline-on-dark-outline-transparent-positive-hover, #24B23E66)';
 /** Прозрачный цвет обводки успех на темном фоне */
-export var onDarkOutlineTransparentPositiveActive = 'var(--on-dark-outline-transparent-positive-active, #24B23E38)';
+export var outlineOnDarkOutlineTransparentPositiveActive = 'var(--outline-on-dark-outline-transparent-positive-active, #24B23E38)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentWarningHover = 'var(--on-dark-outline-transparent-warning-hover, #FF702466)';
+export var outlineOnDarkOutlineTransparentWarningHover = 'var(--outline-on-dark-outline-transparent-warning-hover, #FF702466)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentWarningActive = 'var(--on-dark-outline-transparent-warning-active, #FF702438)';
+export var outlineOnDarkOutlineTransparentWarningActive = 'var(--outline-on-dark-outline-transparent-warning-active, #FF702438)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentNegativeHover = 'var(--on-dark-outline-transparent-negative-hover, #FF3D5166)';
+export var outlineOnDarkOutlineTransparentNegativeHover = 'var(--outline-on-dark-outline-transparent-negative-hover, #FF3D5166)';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentNegativeActive = 'var(--on-dark-outline-transparent-negative-active, #FF3D5138)';
+export var outlineOnDarkOutlineTransparentNegativeActive = 'var(--outline-on-dark-outline-transparent-negative-active, #FF3D5138)';
 /** Прозрачный цвет обводки информация на темном фоне */
-export var onDarkOutlineTransparentInfoHover = 'var(--on-dark-outline-transparent-info-hover, #528EFF66)';
+export var outlineOnDarkOutlineTransparentInfoHover = 'var(--outline-on-dark-outline-transparent-info-hover, #528EFF66)';
 /** Прозрачный цвет обводки информация на темном фоне */
-export var onDarkOutlineTransparentInfoActive = 'var(--on-dark-outline-transparent-info-active, #528EFF38)';
-export var onDarkOutlineDefaultHover = 'var(--on-dark-outline-default-hover, #FFFFFFFF)';
-export var onDarkOutlineDefaultActive = 'var(--on-dark-outline-default-active, #F5F5F5FF)';
+export var outlineOnDarkOutlineTransparentInfoActive = 'var(--outline-on-dark-outline-transparent-info-active, #528EFF38)';
+export var outlineOnDarkOutlineDefaultHover = 'var(--outline-on-dark-outline-default-hover, #FFFFFFFF)';
+export var outlineOnDarkOutlineDefaultActive = 'var(--outline-on-dark-outline-default-active, #F5F5F5FF)';
 /** Основной непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidPrimary = 'var(--on-dark-outline-solid-primary, #262626)';
+export var outlineOnDarkOutlineSolidPrimary = 'var(--outline-on-dark-outline-solid-primary, #262626)';
 /** Вторичный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidSecondary = 'var(--on-dark-outline-solid-secondary, #4E4E4E)';
+export var outlineOnDarkOutlineSolidSecondary = 'var(--outline-on-dark-outline-solid-secondary, #4E4E4E)';
 /** Третичный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineSolidTertiary = 'var(--on-dark-outline-solid-tertiary, #707070)';
+export var outlineOnDarkOutlineSolidTertiary = 'var(--outline-on-dark-outline-solid-tertiary, #707070)';
 /** Основной прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentPrimary = 'var(--on-dark-outline-transparent-primary, rgba(255, 255, 255, 0.12))';
+export var outlineOnDarkOutlineTransparentPrimary = 'var(--outline-on-dark-outline-transparent-primary, rgba(255, 255, 255, 0.12))';
 /** Вторичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentSecondary = 'var(--on-dark-outline-transparent-secondary, rgba(255, 255, 255, 0.20))';
+export var outlineOnDarkOutlineTransparentSecondary = 'var(--outline-on-dark-outline-transparent-secondary, rgba(255, 255, 255, 0.20))';
 /** Третичный прозрачный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentTertiary = 'var(--on-dark-outline-transparent-tertiary, rgba(255, 255, 255, 0.40))';
+export var outlineOnDarkOutlineTransparentTertiary = 'var(--outline-on-dark-outline-transparent-tertiary, rgba(255, 255, 255, 0.40))';
 /** Акцентный цвет обводки на темном фоне */
-export var onDarkOutlineAccent = 'var(--on-dark-outline-accent, #3F81FD)';
+export var outlineOnDarkOutlineAccent = 'var(--outline-on-dark-outline-accent, #3F81FD)';
 /** Акцентный минорный непрозрачный цвет обводки на темном фоне */
-export var onDarkOutlineAccentMinor = 'var(--on-dark-outline-accent-minor, #1549AB)';
+export var outlineOnDarkOutlineAccentMinor = 'var(--outline-on-dark-outline-accent-minor, #1549AB)';
 /** Прозрачный акцентный цвет обводки на темном фоне */
-export var onDarkOutlineTransparentAccent = 'var(--on-dark-outline-transparent-accent, rgba(82, 142, 255, 0.28))';
+export var outlineOnDarkOutlineTransparentAccent = 'var(--outline-on-dark-outline-transparent-accent, rgba(82, 142, 255, 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 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 onDarkOutlineTransparentPositive = 'var(--on-dark-outline-transparent-positive, rgba(36, 178, 62, 0.28))';
+export var outlineOnDarkOutlineTransparentPositive = 'var(--outline-on-dark-outline-transparent-positive, rgba(36, 178, 62, 0.28))';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentWarning = 'var(--on-dark-outline-transparent-warning, rgba(255, 112, 36, 0.28))';
+export var outlineOnDarkOutlineTransparentWarning = 'var(--outline-on-dark-outline-transparent-warning, rgba(255, 112, 36, 0.28))';
 /** Прозрачный цвет обводки предупреждение на темном фоне */
-export var onDarkOutlineTransparentNegative = 'var(--on-dark-outline-transparent-negative, rgba(255, 61, 81, 0.28))';
+export var outlineOnDarkOutlineTransparentNegative = 'var(--outline-on-dark-outline-transparent-negative, rgba(255, 61, 81, 0.28))';
 /** Цвет обводки информация на темном фоне */
-export var onDarkOutlineInfo = 'var(--on-dark-outline-info, #528EFF)';
+export var outlineOnDarkOutlineInfo = 'var(--outline-on-dark-outline-info, #528EFF)';
 /** Минорный цвет обводки информация на темном фоне */
-export var onDarkOutlineInfoMinor = 'var(--on-dark-outline-info-minor, #1549AB)';
+export var outlineOnDarkOutlineInfoMinor = 'var(--outline-on-dark-outline-info-minor, #1549AB)';
 /** Прозрачный цвет обводки информация на темном фоне */
-export var onDarkOutlineTransparentInfo = 'var(--on-dark-outline-transparent-info, rgba(82, 142, 255, 0.28))';
-export var onDarkOutlineSolidDefault = 'var(--on-dark-outline-solid-default, #F9F9F9)';
-export var onDarkOutlineSolidDefaultHover = 'var(--on-dark-outline-solid-default-hover, #C7C7C7FF)';
-export var onDarkOutlineSolidDefaultActive = 'var(--on-dark-outline-solid-default-active, #E0E0E0FF)';
+export var outlineOnDarkOutlineTransparentInfo = 'var(--outline-on-dark-outline-transparent-info, rgba(82, 142, 255, 0.28))';
+export var outlineOnDarkOutlineSolidDefault = 'var(--outline-on-dark-outline-solid-default, #F9F9F9)';
+export var outlineOnDarkOutlineSolidDefaultHover = 'var(--outline-on-dark-outline-solid-default-hover, #C7C7C7FF)';
+export var outlineOnDarkOutlineSolidDefaultActive = 'var(--outline-on-dark-outline-solid-default-active, #E0E0E0FF)';
 /** Основной непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidPrimaryHover = 'var(--on-light-outline-solid-primary-hover, #E8E8E8FF)';
+export var outlineOnLightOutlineSolidPrimaryHover = 'var(--outline-on-light-outline-solid-primary-hover, #E8E8E8FF)';
 /** Основной непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidPrimaryActive = 'var(--on-light-outline-solid-primary-active, #D9D9D9FF)';
+export var outlineOnLightOutlineSolidPrimaryActive = 'var(--outline-on-light-outline-solid-primary-active, #D9D9D9FF)';
 /** Вторичный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidSecondaryHover = 'var(--on-light-outline-solid-secondary-hover, #9E9E9EFF)';
+export var outlineOnLightOutlineSolidSecondaryHover = 'var(--outline-on-light-outline-solid-secondary-hover, #9E9E9EFF)';
 /** Вторичный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidSecondaryActive = 'var(--on-light-outline-solid-secondary-active, #8F8F8FFF)';
+export var outlineOnLightOutlineSolidSecondaryActive = 'var(--outline-on-light-outline-solid-secondary-active, #8F8F8FFF)';
 /** Третичный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidTertiaryHover = 'var(--on-light-outline-solid-tertiary-hover, #7A7A7AFF)';
+export var outlineOnLightOutlineSolidTertiaryHover = 'var(--outline-on-light-outline-solid-tertiary-hover, #7A7A7AFF)';
 /** Третичный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidTertiaryActive = 'var(--on-light-outline-solid-tertiary-active, #6B6B6BFF)';
+export var outlineOnLightOutlineSolidTertiaryActive = 'var(--outline-on-light-outline-solid-tertiary-active, #6B6B6BFF)';
 /** Основной прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentPrimaryHover = 'var(--on-light-outline-transparent-primary-hover, #08080852)';
+export var outlineOnLightOutlineTransparentPrimaryHover = 'var(--outline-on-light-outline-transparent-primary-hover, #08080852)';
 /** Основной прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentPrimaryActive = 'var(--on-light-outline-transparent-primary-active, #08080824)';
+export var outlineOnLightOutlineTransparentPrimaryActive = 'var(--outline-on-light-outline-transparent-primary-active, #08080824)';
 /** Вторичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentSecondaryHover = 'var(--on-light-outline-transparent-secondary-hover, #08080885)';
+export var outlineOnLightOutlineTransparentSecondaryHover = 'var(--outline-on-light-outline-transparent-secondary-hover, #08080885)';
 /** Вторичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentSecondaryActive = 'var(--on-light-outline-transparent-secondary-active, #08080857)';
+export var outlineOnLightOutlineTransparentSecondaryActive = 'var(--outline-on-light-outline-transparent-secondary-active, #08080857)';
 /** Третичный прозрачный цвет обводки на светлом фоне */
-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 onLightOutlineAccentHover = 'var(--on-light-outline-accent-hover, #4886F9FF)';
+export var outlineOnLightOutlineAccentHover = 'var(--outline-on-light-outline-accent-hover, #4886F9FF)';
 /** Акцентный цвет обводки на светлом фоне */
-export var onLightOutlineAccentActive = 'var(--on-light-outline-accent-active, #206CF8FF)';
+export var outlineOnLightOutlineAccentActive = 'var(--outline-on-light-outline-accent-active, #206CF8FF)';
 /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineAccentMinorHover = 'var(--on-light-outline-accent-minor-hover, #A1C1FDFF)';
+export var outlineOnLightOutlineAccentMinorHover = 'var(--outline-on-light-outline-accent-minor-hover, #A1C1FDFF)';
 /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineAccentMinorActive = 'var(--on-light-outline-accent-minor-active, #83ADFCFF)';
+export var outlineOnLightOutlineAccentMinorActive = 'var(--outline-on-light-outline-accent-minor-active, #83ADFCFF)';
 /** Прозрачный акцентный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentAccentHover = 'var(--on-light-outline-transparent-accent-hover, #2A72F852)';
+export var outlineOnLightOutlineTransparentAccentHover = 'var(--outline-on-light-outline-transparent-accent-hover, #2A72F852)';
 /** Прозрачный акцентный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentAccentActive = 'var(--on-light-outline-transparent-accent-active, #2A72F824)';
+export var outlineOnLightOutlineTransparentAccentActive = 'var(--outline-on-light-outline-transparent-accent-active, #2A72F824)';
 /** Цвет обводки успех на светлом фоне */
-export var onLightOutlinePositiveHover = 'var(--on-light-outline-positive-hover, #12A12AFF)';
+export var outlineOnLightOutlinePositiveHover = 'var(--outline-on-light-outline-positive-hover, #12A12AFF)';
 /** Цвет обводки успех на светлом фоне */
-export var onLightOutlinePositiveActive = 'var(--on-light-outline-positive-active, #0F8523FF)';
+export var outlineOnLightOutlinePositiveActive = 'var(--outline-on-light-outline-positive-active, #0F8523FF)';
 /** Цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarningHover = 'var(--on-light-outline-warning-hover, #FC5E03FF)';
+export var outlineOnLightOutlineWarningHover = 'var(--outline-on-light-outline-warning-hover, #FC5E03FF)';
 /** Цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarningActive = 'var(--on-light-outline-warning-active, #DE5302FF)';
+export var outlineOnLightOutlineWarningActive = 'var(--outline-on-light-outline-warning-active, #DE5302FF)';
 /** Цвет обводки ошибка на светлом фоне */
-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, #F31228FF)';
+export var outlineOnLightOutlineNegativeActive = 'var(--outline-on-light-outline-negative-active, #F31228FF)';
 /** Цвет обводки информация на светлом фоне */
-export var onLightOutlineInfoHover = 'var(--on-light-outline-info-hover, #4886F9FF)';
+export var outlineOnLightOutlineInfoHover = 'var(--outline-on-light-outline-info-hover, #4886F9FF)';
 /** Цвет обводки информация на светлом фоне */
-export var onLightOutlineInfoActive = 'var(--on-light-outline-info-active, #206CF8FF)';
+export var outlineOnLightOutlineInfoActive = 'var(--outline-on-light-outline-info-active, #206CF8FF)';
 /** Минорный цвет обводки успех на светлом фоне */
-export var onLightOutlinePositiveMinorHover = 'var(--on-light-outline-positive-minor-hover, #36D954FF)';
+export var outlineOnLightOutlinePositiveMinorHover = 'var(--outline-on-light-outline-positive-minor-hover, #36D954FF)';
 /** Минорный цвет обводки успех на светлом фоне */
-export var onLightOutlinePositiveMinorActive = 'var(--on-light-outline-positive-minor-active, #26C944FF)';
+export var outlineOnLightOutlinePositiveMinorActive = 'var(--outline-on-light-outline-positive-minor-active, #26C944FF)';
 /** Минорный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarningMinorHover = 'var(--on-light-outline-warning-minor-hover, #FDA97CFF)';
+export var outlineOnLightOutlineWarningMinorHover = 'var(--outline-on-light-outline-warning-minor-hover, #FDA97CFF)';
 /** Минорный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarningMinorActive = 'var(--on-light-outline-warning-minor-active, #FD965EFF)';
+export var outlineOnLightOutlineWarningMinorActive = 'var(--outline-on-light-outline-warning-minor-active, #FD965EFF)';
 /** Минорный цвет обводки ошибка на светлом фоне */
-export var onLightOutlineNegativeMinorHover = 'var(--on-light-outline-negative-minor-hover, #FFA3ACFF)';
+export var outlineOnLightOutlineNegativeMinorHover = 'var(--outline-on-light-outline-negative-minor-hover, #FFA3ACFF)';
 /** Минорный цвет обводки ошибка на светлом фоне */
-export var onLightOutlineNegativeMinorActive = 'var(--on-light-outline-negative-minor-active, #FF8591FF)';
+export var outlineOnLightOutlineNegativeMinorActive = 'var(--outline-on-light-outline-negative-minor-active, #FF8591FF)';
 /** Минорный цвет обводки информация на светлом фоне */
-export var onLightOutlineInfoMinorHover = 'var(--on-light-outline-info-minor-hover, #A1C1FDFF)';
+export var outlineOnLightOutlineInfoMinorHover = 'var(--outline-on-light-outline-info-minor-hover, #A1C1FDFF)';
 /** Минорный цвет обводки информация на светлом фоне */
-export var onLightOutlineInfoMinorActive = 'var(--on-light-outline-info-minor-active, #83ADFCFF)';
+export var outlineOnLightOutlineInfoMinorActive = 'var(--outline-on-light-outline-info-minor-active, #83ADFCFF)';
 /** Прозрачный цвет обводки успех на светлом фоне */
-export var onLightOutlineTransparentPositiveHover = 'var(--on-light-outline-transparent-positive-hover, #108E2552)';
+export var outlineOnLightOutlineTransparentPositiveHover = 'var(--outline-on-light-outline-transparent-positive-hover, #108E2552)';
 /** Прозрачный цвет обводки успех на светлом фоне */
-export var onLightOutlineTransparentPositiveActive = 'var(--on-light-outline-transparent-positive-active, #108E2524)';
+export var outlineOnLightOutlineTransparentPositiveActive = 'var(--outline-on-light-outline-transparent-positive-active, #108E2524)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentWarningHover = 'var(--on-light-outline-transparent-warning-hover, #E8570252)';
+export var outlineOnLightOutlineTransparentWarningHover = 'var(--outline-on-light-outline-transparent-warning-hover, #E8570252)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentWarningActive = 'var(--on-light-outline-transparent-warning-active, #E8570224)';
+export var outlineOnLightOutlineTransparentWarningActive = 'var(--outline-on-light-outline-transparent-warning-active, #E8570224)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentNegativeHover = 'var(--on-light-outline-transparent-negative-hover, #F31B3152)';
+export var outlineOnLightOutlineTransparentNegativeHover = 'var(--outline-on-light-outline-transparent-negative-hover, #F31B3152)';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentNegativeActive = 'var(--on-light-outline-transparent-negative-active, #F31B3124)';
+export var outlineOnLightOutlineTransparentNegativeActive = 'var(--outline-on-light-outline-transparent-negative-active, #F31B3124)';
 /** Прозрачный цвет обводки информация на светлом фоне */
-export var onLightOutlineTransparentInfoHover = 'var(--on-light-outline-transparent-info-hover, #2A72F852)';
+export var outlineOnLightOutlineTransparentInfoHover = 'var(--outline-on-light-outline-transparent-info-hover, #2A72F852)';
 /** Прозрачный цвет обводки информация на светлом фоне */
-export var onLightOutlineTransparentInfoActive = 'var(--on-light-outline-transparent-info-active, #2A72F824)';
-export var onLightOutlineDefaultHover = 'var(--on-light-outline-default-hover, #0D0D0DFF)';
-export var onLightOutlineDefaultActive = 'var(--on-light-outline-default-active, #030303FF)';
+export var outlineOnLightOutlineTransparentInfoActive = 'var(--outline-on-light-outline-transparent-info-active, #2A72F824)';
+export var outlineOnLightOutlineDefaultHover = 'var(--outline-on-light-outline-default-hover, #0D0D0DFF)';
+export var outlineOnLightOutlineDefaultActive = 'var(--outline-on-light-outline-default-active, #030303FF)';
 /** Основной непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidPrimary = 'var(--on-light-outline-solid-primary, #DDDDDD)';
+export var outlineOnLightOutlineSolidPrimary = 'var(--outline-on-light-outline-solid-primary, #DDDDDD)';
 /** Вторичный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidSecondary = 'var(--on-light-outline-solid-secondary, #949494)';
+export var outlineOnLightOutlineSolidSecondary = 'var(--outline-on-light-outline-solid-secondary, #949494)';
 /** Третичный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineSolidTertiary = 'var(--on-light-outline-solid-tertiary, #707070)';
+export var outlineOnLightOutlineSolidTertiary = 'var(--outline-on-light-outline-solid-tertiary, #707070)';
 /** Основной прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentPrimary = 'var(--on-light-outline-transparent-primary, rgba(8, 8, 8, 0.20))';
+export var outlineOnLightOutlineTransparentPrimary = 'var(--outline-on-light-outline-transparent-primary, rgba(8, 8, 8, 0.20))';
 /** Вторичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentSecondary = 'var(--on-light-outline-transparent-secondary, rgba(8, 8, 8, 0.40))';
+export var outlineOnLightOutlineTransparentSecondary = 'var(--outline-on-light-outline-transparent-secondary, rgba(8, 8, 8, 0.40))';
 /** Третичный прозрачный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentTertiary = 'var(--on-light-outline-transparent-tertiary, rgba(8, 8, 8, 0.56))';
+export var outlineOnLightOutlineTransparentTertiary = 'var(--outline-on-light-outline-transparent-tertiary, rgba(8, 8, 8, 0.56))';
 /** Акцентный цвет обводки на светлом фоне */
-export var onLightOutlineAccent = 'var(--on-light-outline-accent, #2A72F8)';
+export var outlineOnLightOutlineAccent = 'var(--outline-on-light-outline-accent, #2A72F8)';
 /** Акцентный минорный непрозрачный цвет обводки на светлом фоне */
-export var onLightOutlineAccentMinor = 'var(--on-light-outline-accent-minor, #8BB2FC)';
+export var outlineOnLightOutlineAccentMinor = 'var(--outline-on-light-outline-accent-minor, #8BB2FC)';
 /** Прозрачный акцентный цвет обводки на светлом фоне */
-export var onLightOutlineTransparentAccent = 'var(--on-light-outline-transparent-accent, rgba(42, 114, 248, 0.20))';
+export var outlineOnLightOutlineTransparentAccent = 'var(--outline-on-light-outline-transparent-accent, rgba(42, 114, 248, 0.20))';
 /** Цвет обводки успех на светлом фоне */
-export var onLightOutlinePositive = 'var(--on-light-outline-positive, #108E26)';
+export var outlineOnLightOutlinePositive = 'var(--outline-on-light-outline-positive, #108E26)';
 /** Цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineWarning = 'var(--on-light-outline-warning, #E85702)';
+export var outlineOnLightOutlineWarning = 'var(--outline-on-light-outline-warning, #E85702)';
 /** Цвет обводки ошибка на светлом фоне */
-export var onLightOutlineNegative = 'var(--on-light-outline-negative, #F31B31)';
+export var outlineOnLightOutlineNegative = 'var(--outline-on-light-outline-negative, #F31B31)';
 /** Минорный цвет обводки успех на светлом фоне */
-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 onLightOutlineTransparentPositive = 'var(--on-light-outline-transparent-positive, rgba(16, 142, 38, 0.20))';
+export var outlineOnLightOutlineTransparentPositive = 'var(--outline-on-light-outline-transparent-positive, rgba(16, 142, 38, 0.20))';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentWarning = 'var(--on-light-outline-transparent-warning, rgba(232, 87, 2, 0.20))';
+export var outlineOnLightOutlineTransparentWarning = 'var(--outline-on-light-outline-transparent-warning, rgba(232, 87, 2, 0.20))';
 /** Прозрачный цвет обводки предупреждение на светлом фоне */
-export var onLightOutlineTransparentNegative = 'var(--on-light-outline-transparent-negative, rgba(243, 27, 49, 0.20))';
+export var outlineOnLightOutlineTransparentNegative = 'var(--outline-on-light-outline-transparent-negative, rgba(243, 27, 49, 0.20))';
 /** Цвет обводки информация на светлом фоне */
-export var onLightOutlineInfo = 'var(--on-light-outline-info, #2A72F8)';
+export var outlineOnLightOutlineInfo = 'var(--outline-on-light-outline-info, #2A72F8)';
 /** Минорный цвет обводки информация на светлом фоне */
-export var onLightOutlineInfoMinor = 'var(--on-light-outline-info-minor, #8BB2FC)';
+export var outlineOnLightOutlineInfoMinor = 'var(--outline-on-light-outline-info-minor, #8BB2FC)';
 /** Прозрачный цвет обводки информация на светлом фоне */
-export var onLightOutlineTransparentInfo = 'var(--on-light-outline-transparent-info, rgba(42, 114, 248, 0.20))';
-export var onLightOutlineSolidDefault = 'var(--on-light-outline-solid-default, #080808)';
-export var onLightOutlineSolidDefaultHover = 'var(--on-light-outline-solid-default-hover, #FFFFFFFF)';
-export var onLightOutlineSolidDefaultActive = 'var(--on-light-outline-solid-default-active, #C7C7C7FF)';
+export var outlineOnLightOutlineTransparentInfo = 'var(--outline-on-light-outline-transparent-info, rgba(42, 114, 248, 0.20))';
+export var outlineOnLightOutlineSolidDefault = 'var(--outline-on-light-outline-solid-default, #080808)';
+export var outlineOnLightOutlineSolidDefaultHover = 'var(--outline-on-light-outline-solid-default-hover, #FFFFFFFF)';
+export var outlineOnLightOutlineSolidDefaultActive = 'var(--outline-on-light-outline-solid-default-active, #C7C7C7FF)';
 /** Инвертированный основной непрозрачный цвет обводки */
-export var inverseOutlineSolidPrimaryHover = 'var(--inverse-outline-solid-primary-hover, #ABABABFF)';
+export var outlineInverseOutlineSolidPrimaryHover = 'var(--outline-inverse-outline-solid-primary-hover, #ABABABFF)';
 /** Инвертированный основной непрозрачный цвет обводки */
-export var inverseOutlineSolidPrimaryActive = 'var(--inverse-outline-solid-primary-active, #C4C4C4FF)';
+export var outlineInverseOutlineSolidPrimaryActive = 'var(--outline-inverse-outline-solid-primary-active, #C4C4C4FF)';
 /** Инвертированный вторичный непрозрачный цвет обводки */
-export var inverseOutlineSolidSecondaryHover = 'var(--inverse-outline-solid-secondary-hover, #FFFFFFFF)';
+export var outlineInverseOutlineSolidSecondaryHover = 'var(--outline-inverse-outline-solid-secondary-hover, #FFFFFFFF)';
 /** Инвертированный вторичный непрозрачный цвет обводки */
-export var inverseOutlineSolidSecondaryActive = 'var(--inverse-outline-solid-secondary-active, #575757FF)';
+export var outlineInverseOutlineSolidSecondaryActive = 'var(--outline-inverse-outline-solid-secondary-active, #575757FF)';
 /** Инвертированный третичный непрозрачный цвет обводки */
-export var inverseOutlineSolidTertiaryHover = 'var(--inverse-outline-solid-tertiary-hover, #FFFFFFFF)';
+export var outlineInverseOutlineSolidTertiaryHover = 'var(--outline-inverse-outline-solid-tertiary-hover, #FFFFFFFF)';
 /** Инвертированный третичный непрозрачный цвет обводки */
-export var inverseOutlineSolidTertiaryActive = 'var(--inverse-outline-solid-tertiary-active, #737373FF)';
+export var outlineInverseOutlineSolidTertiaryActive = 'var(--outline-inverse-outline-solid-tertiary-active, #737373FF)';
 /** Инвертированный основной прозрачный цвет обводки */
-export var inverseOutlineTransparentPrimaryHover = 'var(--inverse-outline-transparent-primary-hover, #080808FF)';
+export var outlineInverseOutlineTransparentPrimaryHover = 'var(--outline-inverse-outline-transparent-primary-hover, #080808FF)';
 /** Инвертированный основной прозрачный цвет обводки */
-export var inverseOutlineTransparentPrimaryActive = 'var(--inverse-outline-transparent-primary-active, #0808083D)';
+export var outlineInverseOutlineTransparentPrimaryActive = 'var(--outline-inverse-outline-transparent-primary-active, #0808083D)';
 /** Инвертированный вторичный прозрачный цвет обводки */
-export var inverseOutlineTransparentSecondaryHover = 'var(--inverse-outline-transparent-secondary-hover, #080808FF)';
+export var outlineInverseOutlineTransparentSecondaryHover = 'var(--outline-inverse-outline-transparent-secondary-hover, #080808FF)';
 /** Инвертированный вторичный прозрачный цвет обводки */
-export var inverseOutlineTransparentSecondaryActive = 'var(--inverse-outline-transparent-secondary-active, #0808087A)';
+export var outlineInverseOutlineTransparentSecondaryActive = 'var(--outline-inverse-outline-transparent-secondary-active, #0808087A)';
 /** Инвертированный третичный прозрачный цвет обводки */
-export var inverseOutlineTransparentTertiaryHover = 'var(--inverse-outline-transparent-tertiary-hover, #080808FF)';
+export var outlineInverseOutlineTransparentTertiaryHover = 'var(--outline-inverse-outline-transparent-tertiary-hover, #080808FF)';
 /** Инвертированный третичный прозрачный цвет обводки */
-export var inverseOutlineTransparentTertiaryActive = 'var(--inverse-outline-transparent-tertiary-active, #080808AB)';
+export var outlineInverseOutlineTransparentTertiaryActive = 'var(--outline-inverse-outline-transparent-tertiary-active, #080808AB)';
 /** Инвертированная бесцветная обводка */
-export var 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 inverseOutlineAccentHover = 'var(--inverse-outline-accent-hover, #79A7FBFF)';
+export var outlineInverseOutlineAccentHover = 'var(--outline-inverse-outline-accent-hover, #79A7FBFF)';
 /** Инвертированный акцентный цвет обводки */
-export var inverseOutlineAccentActive = 'var(--inverse-outline-accent-active, #0D5FF8FF)';
+export var outlineInverseOutlineAccentActive = 'var(--outline-inverse-outline-accent-active, #0D5FF8FF)';
 /** Инвертированный акцентный минорный непрозрачный цвет обводки */
-export var inverseOutlineAccentMinorHover = 'var(--inverse-outline-accent-minor-hover, #DCE8FEFF)';
+export var outlineInverseOutlineAccentMinorHover = 'var(--outline-inverse-outline-accent-minor-hover, #DCE8FEFF)';
 /** Инвертированный акцентный минорный непрозрачный цвет обводки */
-export var inverseOutlineAccentMinorActive = 'var(--inverse-outline-accent-minor-active, #6FA0FBFF)';
+export var outlineInverseOutlineAccentMinorActive = 'var(--outline-inverse-outline-accent-minor-active, #6FA0FBFF)';
 /** Прозрачный инвертированный акцентный цвет обводки */
-export var inverseOutlineTransparentAccentHover = 'var(--inverse-outline-transparent-accent-hover, #2A72F8FF)';
+export var outlineInverseOutlineTransparentAccentHover = 'var(--outline-inverse-outline-transparent-accent-hover, #2A72F8FF)';
 /** Прозрачный инвертированный акцентный цвет обводки */
-export var inverseOutlineTransparentAccentActive = 'var(--inverse-outline-transparent-accent-active, #2A72F83D)';
+export var outlineInverseOutlineTransparentAccentActive = 'var(--outline-inverse-outline-transparent-accent-active, #2A72F83D)';
 /** Инвертированный цвет обводки успех */
-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 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 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 inverseOutlineInfoHover = 'var(--inverse-outline-info-hover, #79A7FBFF)';
+export var outlineInverseOutlineInfoHover = 'var(--outline-inverse-outline-info-hover, #79A7FBFF)';
 /** Инвертированный цвет обводки информация */
-export var inverseOutlineInfoActive = 'var(--inverse-outline-info-active, #0D5FF8FF)';
+export var outlineInverseOutlineInfoActive = 'var(--outline-inverse-outline-info-active, #0D5FF8FF)';
 /** Инвертированный минорный цвет обводки успех */
-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, #DCE8FEFF)';
+export var outlineInverseOutlineInfoMinorHover = 'var(--outline-inverse-outline-info-minor-hover, #DCE8FEFF)';
 /** Инвертированный минорный цвет обводки информация */
-export var inverseOutlineInfoMinorActive = 'var(--inverse-outline-info-minor-active, #6FA0FBFF)';
+export var outlineInverseOutlineInfoMinorActive = 'var(--outline-inverse-outline-info-minor-active, #6FA0FBFF)';
 /** Прозрачный инвертированный цвет обводки успех */
-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 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 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 inverseOutlineTransparentInfoHover = 'var(--inverse-outline-transparent-info-hover, #2A72F8FF)';
+export var outlineInverseOutlineTransparentInfoHover = 'var(--outline-inverse-outline-transparent-info-hover, #2A72F8FF)';
 /** Прозрачный инвертированный цвет обводки информация */
-export var inverseOutlineTransparentInfoActive = 'var(--inverse-outline-transparent-info-active, #2A72F83D)';
+export var outlineInverseOutlineTransparentInfoActive = 'var(--outline-inverse-outline-transparent-info-active, #2A72F83D)';
 /** Инвертированный основной непрозрачный цвет обводки */
-export var inverseOutlineSolidPrimary = 'var(--inverse-outline-solid-primary, #DDDDDD)';
+export var outlineInverseOutlineSolidPrimary = 'var(--outline-inverse-outline-solid-primary, #DDDDDD)';
 /** Инвертированный вторичный непрозрачный цвет обводки */
-export var inverseOutlineSolidSecondary = 'var(--inverse-outline-solid-secondary, #949494)';
+export var outlineInverseOutlineSolidSecondary = 'var(--outline-inverse-outline-solid-secondary, #949494)';
 /** Инвертированный третичный непрозрачный цвет обводки */
-export var inverseOutlineSolidTertiary = 'var(--inverse-outline-solid-tertiary, #707070)';
+export var outlineInverseOutlineSolidTertiary = 'var(--outline-inverse-outline-solid-tertiary, #707070)';
 /** Инвертированный основной прозрачный цвет обводки */
-export var inverseOutlineTransparentPrimary = 'var(--inverse-outline-transparent-primary, rgba(8,8,8,0.20))';
+export var outlineInverseOutlineTransparentPrimary = 'var(--outline-inverse-outline-transparent-primary, rgba(8,8,8,0.20))';
 /** Инвертированный вторичный прозрачный цвет обводки */
-export var inverseOutlineTransparentSecondary = 'var(--inverse-outline-transparent-secondary, rgba(8,8,8,0.40))';
+export var outlineInverseOutlineTransparentSecondary = 'var(--outline-inverse-outline-transparent-secondary, rgba(8,8,8,0.40))';
 /** Инвертированный третичный прозрачный цвет обводки */
-export var inverseOutlineTransparentTertiary = 'var(--inverse-outline-transparent-tertiary, rgba(8,8,8,0.56))';
+export var outlineInverseOutlineTransparentTertiary = 'var(--outline-inverse-outline-transparent-tertiary, rgba(8,8,8,0.56))';
 /** Инвертированная бесцветная обводка */
-export var inverseOutlineClear = 'var(--inverse-outline-clear, rgba(255,255,255,0.00))';
-export var inverseOutlineDefaultHover = 'var(--inverse-outline-default-hover, #FFFFFFFF)';
-export var inverseOutlineDefaultActive = 'var(--inverse-outline-default-active, #C7C7C7FF)';
+export var outlineInverseOutlineClear = 'var(--outline-inverse-outline-clear, rgba(255,255,255,0.00))';
+export var outlineInverseOutlineDefaultHover = 'var(--outline-inverse-outline-default-hover, #FFFFFFFF)';
+export var outlineInverseOutlineDefaultActive = 'var(--outline-inverse-outline-default-active, #C7C7C7FF)';
 /** Инвертированный акцентный цвет обводки */
-export var inverseOutlineAccent = 'var(--inverse-outline-accent, #2A72F8)';
+export var outlineInverseOutlineAccent = 'var(--outline-inverse-outline-accent, #2A72F8)';
 /** Инвертированный акцентный минорный непрозрачный цвет обводки */
-export var inverseOutlineAccentMinor = 'var(--inverse-outline-accent-minor, #8BB2FC)';
+export var outlineInverseOutlineAccentMinor = 'var(--outline-inverse-outline-accent-minor, #8BB2FC)';
 /** Прозрачный инвертированный акцентный цвет обводки */
-export var inverseOutlineTransparentAccent = 'var(--inverse-outline-transparent-accent, rgba(42,114,248,0.20))';
+export var outlineInverseOutlineTransparentAccent = 'var(--outline-inverse-outline-transparent-accent, rgba(42,114,248,0.20))';
 /** Инвертированный цвет обводки успех */
-export var inverseOutlinePositive = 'var(--inverse-outline-positive, #108E26)';
+export var outlineInverseOutlinePositive = 'var(--outline-inverse-outline-positive, #108E26)';
 /** Инвертированный цвет обводки предупреждение */
-export var inverseOutlineWarning = 'var(--inverse-outline-warning, #E85702)';
+export var outlineInverseOutlineWarning = 'var(--outline-inverse-outline-warning, #E85702)';
 /** Инвертированный цвет обводки ошибка */
-export var inverseOutlineNegative = 'var(--inverse-outline-negative, #F31B31)';
+export var outlineInverseOutlineNegative = 'var(--outline-inverse-outline-negative, #F31B31)';
 /** Инвертированный цвет обводки информация */
-export var inverseOutlineInfo = 'var(--inverse-outline-info, #2A72F8)';
+export var outlineInverseOutlineInfo = 'var(--outline-inverse-outline-info, #2A72F8)';
 /** Инвертированный минорный цвет обводки успех */
-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, #8BB2FC)';
+export var outlineInverseOutlineInfoMinor = 'var(--outline-inverse-outline-info-minor, #8BB2FC)';
 /** Прозрачный инвертированный цвет обводки успех */
-export var inverseOutlineTransparentPositive = 'var(--inverse-outline-transparent-positive, rgba(16,142,38,0.20))';
+export var outlineInverseOutlineTransparentPositive = 'var(--outline-inverse-outline-transparent-positive, rgba(16,142,38,0.20))';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var inverseOutlineTransparentWarning = 'var(--inverse-outline-transparent-warning, rgba(232,87,2,0.20))';
+export var outlineInverseOutlineTransparentWarning = 'var(--outline-inverse-outline-transparent-warning, rgba(232,87,2,0.20))';
 /** Прозрачный инвертированный цвет обводки предупреждение */
-export var inverseOutlineTransparentNegative = 'var(--inverse-outline-transparent-negative, rgba(243,27,49,0.20))';
+export var outlineInverseOutlineTransparentNegative = 'var(--outline-inverse-outline-transparent-negative, rgba(243,27,49,0.20))';
 /** Прозрачный инвертированный цвет обводки информация */
-export var inverseOutlineTransparentInfo = 'var(--inverse-outline-transparent-info, rgba(42,114,248,0.20))';
-export var inverseOutlineSolidDefault = 'var(--inverse-outline-solid-default, #080808)';
-export var inverseOutlineSolidDefaultHover = 'var(--inverse-outline-solid-default-hover, #FFFFFFFF)';
-export var inverseOutlineSolidDefaultActive = 'var(--inverse-outline-solid-default-active, #C7C7C7FF)';
+export var outlineInverseOutlineTransparentInfo = 'var(--outline-inverse-outline-transparent-info, rgba(42,114,248,0.20))';
+export var outlineInverseOutlineSolidDefault = 'var(--outline-inverse-outline-solid-default, #080808)';
+export var outlineInverseOutlineSolidDefaultHover = 'var(--outline-inverse-outline-solid-default-hover, #FFFFFFFF)';
+export var outlineInverseOutlineSolidDefaultActive = 'var(--outline-inverse-outline-solid-default-active, #C7C7C7FF)';
 /** Желтый цвет для данных */
 export var dataDefaultDataYellow = 'var(--data-default-data-yellow, #F3A912)';
 /** Желтый цвет для данных */