@salutejs-ds/sdds_sbcom 0.1.0 → 0.1.1

package/theme/tokens/index.d.ts

@@ -1,5 +1,3 @@
-/** Вторичный цвет текста */
-export declare const textSecondary = "var(--text-secondary, #F6F2F0A3)";
 /** Третичный цвет текста */
 export declare const textTertiaryHover = "var(--text-tertiary-hover, #F5F5F5FF)";
 /** Третичный цвет текста */
@@ -72,8 +70,8 @@ export declare const textPrimary = "var(--text-primary, #F6F2F0FF)";
 export declare const textPrimaryBrightness = "var(--text-primary-brightness, #F6F6F6FF)";
 /** Вторичный цвет текста */
 export declare const textSecondaryActive = "var(--text-secondary-active, #F5F5F5AB)";
-/** Акцентный минорный цвет на темном фоне */
-export declare const onDarkTextAccentMinorHover = "var(--on-dark-text-accent-minor-hover, #6EA013FF)";
+/** Вторичный цвет текста */
+export declare const textSecondary = "var(--text-secondary, #F6F2F0A3)";
 /** Цвет успеха на темном фоне */
 export declare const onDarkTextPositiveHover = "var(--on-dark-text-positive-hover, #96E208FF)";
 /** Цвет успеха на темном фоне */
@@ -132,6 +130,8 @@ export declare const onDarkTextParagraphActive = "var(--on-dark-text-paragraph-a
 export declare const onDarkTextParagraph = "var(--on-dark-text-paragraph, #F6F2F07A)";
 /** Акцентный цвет на темном фоне */
 export declare const onDarkTextAccentActive = "var(--on-dark-text-accent-active, #629405FF)";
+/** Акцентный минорный цвет на темном фоне */
+export declare const onDarkTextAccentMinorHover = "var(--on-dark-text-accent-minor-hover, #6EA013FF)";
 /** Цвет успеха на светлом фоне */
 export declare const onLightTextPositiveHover = "var(--on-light-text-positive-hover, #79B706FF)";
 /** Цвет успеха на светлом фоне */
@@ -256,8 +256,6 @@ export declare const surfaceSolidDefaultActive = "var(--surface-solid-default-ac
 export declare const inverseTextAccentMinorHover = "var(--inverse-text-accent-minor-hover, #B6FB37FF)";
 /** Инвертированный минорный акцентный цвет */
 export declare const inverseTextAccentMinorActive = "var(--inverse-text-accent-minor-active, #70AA03FF)";
-/** Вторичный прозрачный фон поверхности/контрола */
-export declare const surfaceTransparentSecondary = "var(--surface-transparent-secondary, #FFFFFF29)";
 /** Третичный прозрачный фон поверхности/контрола */
 export declare const surfaceTransparentTertiaryHover = "var(--surface-transparent-tertiary-hover, #FFFFFF52)";
 /** Третичный прозрачный фон поверхности/контрола */
@@ -306,8 +304,8 @@ export declare const surfaceTransparentPrimaryActive = "var(--surface-transparen
 export declare const surfaceTransparentPrimary = "var(--surface-transparent-primary, #FFFFFF14)";
 /** Вторичный прозрачный фон поверхности/контрола */
 export declare const surfaceTransparentSecondaryActive = "var(--surface-transparent-secondary-active, #FFFFFF0F)";
-/** Цвет фона поверхности/контрола информация */
-export declare const surfaceInfoActive = "var(--surface-info-active, #1086D5FF)";
+/** Вторичный прозрачный фон поверхности/контрола */
+export declare const surfaceTransparentSecondary = "var(--surface-transparent-secondary, #FFFFFF29)";
 /** Прозрачный акцентный фон поверхности/контрола */
 export declare const surfaceTransparentAccent = "var(--surface-transparent-accent, #B4AE7B33)";
 /** Цвет фона поверхности/контрола информация */
@@ -364,8 +362,8 @@ export declare const surfaceNegativeHover = "var(--surface-negative-hover, #FF47
 export declare const surfaceNegativeActive = "var(--surface-negative-active, #FF1F35FF)";
 /** Цвет фона поверхности/контрола информация */
 export declare const surfaceInfoHover = "var(--surface-info-hover, #1798EEFF)";
-/** Прозрачный фон для карточек на темном фоне */
-export declare const onDarkSurfaceTransparentCardHover = "var(--on-dark-surface-transparent-card-hover, #FFFFFF1F)";
+/** Цвет фона поверхности/контрола информация */
+export declare const surfaceInfoActive = "var(--surface-info-active, #1086D5FF)";
 /** Прозрачный фон для карточек на темном фоне */
 export declare const onDarkSurfaceTransparentCardActive = "var(--on-dark-surface-transparent-card-active, #FFFFFF0A)";
 /** Прозрачный фон для карточек на темном фоне */
@@ -402,8 +400,8 @@ export declare const onDarkSurfaceTransparentTertiaryActive = "var(--on-dark-sur
 export declare const onDarkSurfaceTransparentDeepHover = "var(--on-dark-surface-transparent-deep-hover, #FFFFFFC2)";
 /** Прозрачный фон поверхности по умолчанию на темном фоне */
 export declare const onDarkSurfaceTransparentDeep = "var(--on-dark-surface-transparent-deep, #373737B8)";
-/** Основной непрозрачный фон поверхности на светлом фоне */
-export declare const onLightSurfaceSolidPrimaryActive = "var(--on-light-surface-solid-primary-active, #F0F0F0FF)";
+/** Прозрачный фон для карточек на темном фоне */
+export declare const onDarkSurfaceTransparentCardHover = "var(--on-dark-surface-transparent-card-hover, #FFFFFF1F)";
 /** Основной непрозрачный фон поверхности на светлом фоне */
 export declare const onLightSurfaceSolidPrimary = "var(--on-light-surface-solid-primary, #FFFFFFFF)";
 /** Основной непрозрачный фон поверхности на светлом фоне */
@@ -458,8 +456,8 @@ export declare const onDarkSurfaceTransparentTertiary = "var(--on-dark-surface-t
 export declare const onDarkSurfaceInfo = "var(--on-dark-surface-info, #9BCAF8FF)";
 /** Основной непрозрачный фон поверхности на светлом фоне */
 export declare const onLightSurfaceSolidPrimaryHover = "var(--on-light-surface-solid-primary-hover, #F2F2F2FF)";
-/** Прозрачный фон для карточек на светлом фоне */
-export declare const onLightSurfaceTransparentCard = "var(--on-light-surface-transparent-card, #FFFFFF99)";
+/** Основной непрозрачный фон поверхности на светлом фоне */
+export declare const onLightSurfaceSolidPrimaryActive = "var(--on-light-surface-solid-primary-active, #F0F0F0FF)";
 /** Прозрачный фон для карточек на светлом фоне */
 export declare const onLightSurfaceTransparentCardBrightness = "var(--on-light-surface-transparent-card-brightness, #171717FF)";
 /** Акцентный минорный непрозрачный фон поверхности/контрола на светлом фоне */
@@ -498,8 +496,8 @@ export declare const onDarkSurfaceTransparentAccent = "var(--on-dark-surface-tra
 export declare const onLightSurfaceTransparentDeep = "var(--on-light-surface-transparent-deep, #FFFFFFB2)";
 /** Прозрачный фон для карточек на светлом фоне */
 export declare const onLightSurfaceTransparentCardActive = "var(--on-light-surface-transparent-card-active, #0808081A)";
-/** Инвертированный основной непрозрачный фон поверхности */
-export declare const inverseSurfaceSolidPrimary = "var(--inverse-surface-solid-primary, #FFFFFFFF)";
+/** Прозрачный фон для карточек на светлом фоне */
+export declare const onLightSurfaceTransparentCard = "var(--on-light-surface-transparent-card, #FFFFFF99)";
 /** Инвертированный основной непрозрачный фон поверхности */
 export declare const inverseSurfaceSolidPrimaryBrightness = "var(--inverse-surface-solid-primary-brightness, #F6F6F6FF)";
 /** Инвертированный вторичный непрозрачный фон поверхности */
@@ -554,8 +552,8 @@ export declare const onLightSurfaceTransparentDeepActive = "var(--on-light-surfa
 export declare const onLightSurfaceAccentMinor = "var(--on-light-surface-accent-minor, #D2ECBAFF)";
 /** Инвертированный основной непрозрачный фон поверхности */
 export declare const inverseSurfaceSolidPrimaryActive = "var(--inverse-surface-solid-primary-active, #F0F0F0FF)";
-/** Инвертированный акцентный фон поверхности/контрола */
-export declare const inverseSurfaceAccentHover = "var(--inverse-surface-accent-hover, #6FA706FF)";
+/** Инвертированный основной непрозрачный фон поверхности */
+export declare const inverseSurfaceSolidPrimary = "var(--inverse-surface-solid-primary, #FFFFFFFF)";
 /** Инвертированный акцентный фон поверхности/контрола */
 export declare const inverseSurfaceAccentActive = "var(--inverse-surface-accent-active, #558005FF)";
 /** Инвертированный акцентный минорный непрозрачный фон поверхности/контрола */
@@ -596,6 +594,8 @@ export declare const onLightSurfacePositive = "var(--on-light-surface-positive,
 export declare const inverseSurfaceTransparentCardActive = "var(--inverse-surface-transparent-card-active, #FFFFFFFF)";
 /** Инвертированный прозрачный фон для карточек */
 export declare const inverseSurfaceTransparentCardBrightness = "var(--inverse-surface-transparent-card-brightness, #FFFFFFFF)";
+/** Инвертированный акцентный фон поверхности/контрола */
+export declare const inverseSurfaceAccentHover = "var(--inverse-surface-accent-hover, #6FA706FF)";
 /** Основной фон на светлом фоне */
 export declare const lightBackgroundPrimary = "var(--light-background-primary, #F9F9F9)";
 /** Инвертированный основной фон */
@@ -692,8 +692,6 @@ export declare const outlineTextInfo = "var(--outline-text-info, #9BCAF8FF)";
 export declare const outlineTransparentPrimary = "var(--outline-transparent-primary, #FFFFFF1F)";
 /** Основной прозрачный цвет обводки на темном фоне */
 export declare const onDarkOutlineTransparentPrimaryActive = "var(--on-dark-outline-transparent-primary-active, #FFFFFF12)";
-/** Цвет обводки ошибка на светлом фоне */
-export declare const onLightOutlineNegative = "var(--on-light-outline-negative, #E83439FF)";
 /** Цвет обводки информация на светлом фоне */
 export declare const onLightOutlineTextInfo = "var(--on-light-outline-text-info, #3776BCFF)";
 /** Инвертированный основной прозрачный цвет обводки */
@@ -744,8 +742,8 @@ export declare const onLightOutlineWarningActive = "var(--on-light-outline-warni
 export declare const onLightOutlineTextInfoHover = "var(--on-light-outline-text-info-hover, #47B0F5FF)";
 /** Цвет обводки предупреждение на светлом фоне */
 export declare const onLightOutlineWarning = "var(--on-light-outline-warning, #BE4E0CFF)";
-/** Прозрачный желтый цвет для данных на темном фоне */
-export declare const onDarkDataYellowTransparentHover = "var(--on-dark-data-yellow-transparent-hover, #F3A812AD)";
+/** Цвет обводки ошибка на светлом фоне */
+export declare const onLightOutlineNegative = "var(--on-light-outline-negative, #E83439FF)";
 /** Прозрачный желтый цвет для данных на темном фоне */
 export declare const onDarkDataYellowTransparentActive = "var(--on-dark-data-yellow-transparent-active, #F3A81280)";
 /** Желтый цвет для данных на светлом фоне */
@@ -802,13 +800,13 @@ export declare const outlinePositive = "var(--outline-positive, #A6D2A2FF)";
 export declare const onDarkDataYellowMinor = "var(--on-dark-data-yellow-minor, #A16B00)";
 /** Минорный желтый цвет для данных на темном фоне */
 export declare const onDarkDataYellowMinorActive = "var(--on-dark-data-yellow-minor-active, #996600FF)";
+/** Прозрачный желтый цвет для данных на темном фоне */
+export declare const onDarkDataYellowTransparentHover = "var(--on-dark-data-yellow-transparent-hover, #F3A812AD)";
 /** Вторичный прозрачный фон поверхности/контрола на темном фоне */
 export declare const onDarkSurfaceTransparentSecondary = "var(--on-dark-surface-transparent-secondary, #FFFFFF29)";
 /** Вторичный цвет текста */
 export declare const textSecondaryHover = "var(--text-secondary-hover, #F5F5F5FF)";
 /**  */
-export declare const onDarkBackgroundSecondary = "var(--on-dark-background-secondary, #000000FF)";
-/**  */
 export declare const onDarkBackgroundSecondaryHover = "var(--on-dark-background-secondary-hover, #CCCCCCFF)";
 /**  */
 export declare const onDarkBackgroundSecondaryBrightness = "var(--on-dark-background-secondary-brightness, #0F0F0FFF)";
@@ -903,7 +901,7 @@ export declare const inverseBackgroundSecondaryHover = "var(--inverse-background
 /**  */
 export declare const inverseBackgroundSecondaryBrightness = "var(--inverse-background-secondary-brightness, #FFFFFFFF)";
 /**  */
-export declare const personaBlueSurfaceAccentGradient = "var(--persona-blue-surface-accent-gradient, #0F0F0FFF)";
+export declare const onDarkBackgroundSecondary = "var(--on-dark-background-secondary, #000000FF)";
 /**  */
 export declare const personaBlueSurfaceAccentGradientHover = "var(--persona-blue-surface-accent-gradient-hover, #CCCCCCFF)";
 /**  */
@@ -995,7 +993,7 @@ export declare const onLightOutlineMinorHover = "var(--on-light-outline-minor-ho
 /**  */
 export declare const onLightOutlineMinorBrightness = "var(--on-light-outline-minor-brightness, #FFFFFFFF)";
 /**  */
-export declare const personaSeaBlueSurfaceAccentGradientHover = "var(--persona-sea-blue-surface-accent-gradient-hover, #CCCCCCFF)";
+export declare const personaBlueSurfaceAccentGradient = "var(--persona-blue-surface-accent-gradient, #0F0F0FFF)";
 /**  */
 export declare const personaSeaBlueSurfaceAccentGradientActive = "var(--persona-sea-blue-surface-accent-gradient-active, #E6E6E6FF)";
 /**  */
@@ -1085,7 +1083,7 @@ export declare const personaPinkTextAccentActive = "var(--persona-pink-text-acce
 /**  */
 export declare const personaSeaBlueSurfaceAccentGradient = "var(--persona-sea-blue-surface-accent-gradient, #0F0F0FFF)";
 /**  */
-export declare const inversePersonaOliveSurfaceAccentGradientHover = "var(--inverse-persona-olive-surface-accent-gradient-hover, #CCCCCCFF)";
+export declare const personaSeaBlueSurfaceAccentGradientHover = "var(--persona-sea-blue-surface-accent-gradient-hover, #CCCCCCFF)";
 /**  */
 export declare const inversePersonaOliveSurfaceAccentGradientActive = "var(--inverse-persona-olive-surface-accent-gradient-active, #E6E6E6FF)";
 /**  */
@@ -1175,7 +1173,7 @@ export declare const inversePersonaOchreTextAccentActive = "var(--inverse-person
 /**  */
 export declare const inversePersonaOliveSurfaceAccentGradient = "var(--inverse-persona-olive-surface-accent-gradient, #F6F2F0FF)";
 /**  */
-export declare const onDarkPersonaIndigoSurfaceAccentGradientHover = "var(--on-dark-persona-indigo-surface-accent-gradient-hover, #CCCCCCFF)";
+export declare const inversePersonaOliveSurfaceAccentGradientHover = "var(--inverse-persona-olive-surface-accent-gradient-hover, #CCCCCCFF)";
 /**  */
 export declare const onDarkPersonaIndigoSurfaceAccentGradientActive = "var(--on-dark-persona-indigo-surface-accent-gradient-active, #E6E6E6FF)";
 /**  */
@@ -1265,7 +1263,7 @@ export declare const onDarkPersonaGreenTextAccentActive = "var(--on-dark-persona
 /**  */
 export declare const onDarkPersonaIndigoSurfaceAccentGradient = "var(--on-dark-persona-indigo-surface-accent-gradient, #0F0F0FFF)";
 /**  */
-export declare const onLightPersonaBlueTextAccent = "var(--on-light-persona-blue-text-accent, #EBE7E5FF)";
+export declare const onDarkPersonaIndigoSurfaceAccentGradientHover = "var(--on-dark-persona-indigo-surface-accent-gradient-hover, #CCCCCCFF)";
 /**  */
 export declare const onLightPersonaBlueTextAccentHover = "var(--on-light-persona-blue-text-accent-hover, #CCCCCCFF)";
 /**  */
@@ -1343,7 +1341,7 @@ export declare const onLightPersonaBlueSurfaceAccentGradientHover = "var(--on-li
 /**  */
 export declare const onLightPersonaBlueSurfaceAccentGradientBrightness = "var(--on-light-persona-blue-surface-accent-gradient-brightness, #F6F2F0FF)";
 /**  */
-export declare const onLightPersonaVioletSurfaceAccentGradientActive = "var(--on-light-persona-violet-surface-accent-gradient-active, #E6E6E6FF)";
+export declare const onLightPersonaBlueTextAccent = "var(--on-light-persona-blue-text-accent, #EBE7E5FF)";
 /**  */
 export declare const onLightPersonaVioletSurfaceAccentGradientBrightness = "var(--on-light-persona-violet-surface-accent-gradient-brightness, #F6F2F0FF)";
 /**  */
@@ -1363,9 +1361,9 @@ export declare const surfaceAccentPrimaryActive = "var(--surface-accent-primary-
 /**  */
 export declare const onLightPersonaVioletSurfaceAccentGradient = "var(--on-light-persona-violet-surface-accent-gradient, #F6F2F0FF)";
 /**  */
+export declare const onLightPersonaVioletSurfaceAccentGradientActive = "var(--on-light-persona-violet-surface-accent-gradient-active, #E6E6E6FF)";
+/**  */
 export declare const onLightSurfaceAccentPrimary = "var(--on-light-surface-accent-primary, #527E4BFF)";
-/** Цвет фона поверхности предупреждение */
-export declare const surfaceWarningActive = "var(--surface-warning-active, #F05B05FF)";
 /** Акцентный минорный непрозрачный фон поверхности/контрола на темном фоне */
 export declare const onDarkSurfaceAccentMinor = "var(--on-dark-surface-accent-minor, #3E4C2FFF)";
 /** Третичный прозрачный фон поверхности/контрола на светлом фоне */
@@ -1396,8 +1394,8 @@ export declare const onLightPersonaPinkSurfaceAccentGradientActive = "var(--on-l
 export declare const onLightPersonaSeaBlueSurfaceAccentGradientHover = "var(--on-light-persona-sea-blue-surface-accent-gradient-hover, #CCCCCCFF)";
 /** Инвертированный акцентный цвет */
 export declare const inverseTextAccentActive = "var(--inverse-text-accent-active, #3E5E03FF)";
-/** Акцентный цвет на светлом фоне */
-export declare const onLightTextAccentHover = "var(--on-light-text-accent-hover, #79B706FF)";
+/** Цвет фона поверхности предупреждение */
+export declare const surfaceWarningActive = "var(--surface-warning-active, #F05B05FF)";
 /**  */
 export declare const onDarkPersonaBlueSurfaceAccentGradientBrightness = "var(--on-dark-persona-blue-surface-accent-gradient-brightness, #0F0F0FFF)";
 /**  */
@@ -1440,8 +1438,8 @@ export declare const backgroundSecondaryHover = "var(--background-secondary-hove
 export declare const outlineNegative = "var(--outline-negative, #F8A6A9FF)";
 /** Третичный цвет текста на темном фоне */
 export declare const onDarkTextTertiary = "var(--on-dark-text-tertiary, #F6F2F03D)";
-/** Цвет обводки предупреждение на светлом фоне */
-export declare const onLightOutlineWarningHover = "var(--on-light-outline-warning-hover, #FD9253FF)";
+/** Акцентный цвет на светлом фоне */
+export declare const onLightTextAccentHover = "var(--on-light-text-accent-hover, #79B706FF)";
 /** Акцентный минорный цвет */
 export declare const textAccentMinorHover = "var(--text-accent-minor-hover, #6EA013FF)";
 /**  */
@@ -1484,8 +1482,8 @@ export declare const dataYellowTransparentHover = "var(--data-yellow-transparent
 export declare const onDarkSurfaceNegative = "var(--on-dark-surface-negative, #F8A6A9FF)";
 /** Инвертированный цвет фона поверхности/контрола информация */
 export declare const inverseSurfaceInfo = "var(--inverse-surface-info, #3776BCFF)";
-/**  */
-export declare const onDarkPersonaPinkTextAccentHover = "var(--on-dark-persona-pink-text-accent-hover, #CCCCCCFF)";
+/** Цвет обводки предупреждение на светлом фоне */
+export declare const onLightOutlineWarningHover = "var(--on-light-outline-warning-hover, #FD9253FF)";
 /**  */
 export declare const onLightPersonaOliveSurfaceAccentGradientBrightness = "var(--on-light-persona-olive-surface-accent-gradient-brightness, #F6F2F0FF)";
 /**  */
@@ -1515,13 +1513,13 @@ export declare const surfaceAccentSecondaryBrightness = "var(--surface-accent-se
 /**  */
 export declare const onLightOutlineDefaultBrightness = "var(--on-light-outline-default-brightness, #DDD9D7FF)";
 /**  */
-export declare const personaPinkSurfaceAccentGradientBrightness = "var(--persona-pink-surface-accent-gradient-brightness, #0F0F0FFF)";
+export declare const onDarkPersonaPinkTextAccentHover = "var(--on-dark-persona-pink-text-accent-hover, #CCCCCCFF)";
 /** Акцентный цвет на темном фоне */
 export declare const onDarkTextAccentHover = "var(--on-dark-text-accent-hover, #96E208FF)";
 /**  */
 export declare const onLightPersonaVioletSurfaceAccentGradientHover = "var(--on-light-persona-violet-surface-accent-gradient-hover, #CCCCCCFF)";
 /**  */
-export declare const inverseSurfaceAccentSecondaryHover = "var(--inverse-surface-accent-secondary-hover, #CCCCCCFF)";
+export declare const personaPinkSurfaceAccentGradientBrightness = "var(--persona-pink-surface-accent-gradient-brightness, #0F0F0FFF)";
 /**  */
 export declare const inverseSurfaceTransparentAccentMinorHover = "var(--inverse-surface-transparent-accent-minor-hover, #CCCCCCFF)";
 /**  */
@@ -1538,20 +1536,8 @@ export declare const onDarkSurfaceAccentPrimaryHover = "var(--on-dark-surface-ac
 export declare const onDarkSurfaceAccentSecondaryHover = "var(--on-dark-surface-accent-secondary-hover, #CCCCCCFF)";
 /**  */
 export declare const surfaceTransparentAccentMinorHover = "var(--surface-transparent-accent-minor-hover, #CCCCCCFF)";
-/** Вторичный прозрачный фон поверхности/контрола */
-export declare const surfaceTransparentSecondaryHover = "var(--surface-transparent-secondary-hover, #FFFFFF3D)";
-/** Цвет фона поверхности/контрола ошибка */
-export declare const surfaceNegative = "var(--surface-negative, #F8A6A9FF)";
-/** Прозрачный фон для карточек на светлом фоне */
-export declare const onLightSurfaceTransparentCardHover = "var(--on-light-surface-transparent-card-hover, #08080814)";
-/** Инвертированный основной непрозрачный фон поверхности */
-export declare const inverseSurfaceSolidPrimaryHover = "var(--inverse-surface-solid-primary-hover, #F2F2F2FF)";
-/** Основной фон на темном фоне */
-export declare const darkBackgroundPrimary = "var(--dark-background-primary, #080808)";
-/** Минорный желтый цвет для данных на темном фоне */
-export declare const onDarkDataYellowMinorHover = "var(--on-dark-data-yellow-minor-hover, #B87A00FF)";
-/** Цвет обводки ошибка на светлом фоне */
-export declare const onLightOutlineNegativeActive = "var(--on-light-outline-negative-active, #E40C22FF)";
+/**  */
+export declare const inverseSurfaceAccentSecondaryHover = "var(--inverse-surface-accent-secondary-hover, #CCCCCCFF)";
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
 export declare const onDarkSurfaceSolidPrimaryHover = "var(--on-dark-surface-solid-primary-hover, #1C1C1CFF)";
 /**  */
@@ -1571,11 +1557,29 @@ export declare const onDarkSurfaceTransparentAccentMinorActive = "var(--on-dark-
 /** Непрозрачный фон поверхности/контрола по умолчанию */
 export declare const surfaceSolidDefault = "var(--surface-solid-default, #F6F2F0FF)";
 /**  */
+export declare const surfaceAccentSecondaryHover = "var(--surface-accent-secondary-hover, #CCCCCCFF)";
+/** Вторичный прозрачный фон поверхности/контрола */
+export declare const surfaceTransparentSecondaryHover = "var(--surface-transparent-secondary-hover, #FFFFFF3D)";
+/** Цвет фона поверхности/контрола ошибка */
+export declare const surfaceNegative = "var(--surface-negative, #F8A6A9FF)";
+/** Прозрачный фон для карточек на светлом фоне */
+export declare const onLightSurfaceTransparentCardHover = "var(--on-light-surface-transparent-card-hover, #08080814)";
+/** Инвертированный основной непрозрачный фон поверхности */
+export declare const inverseSurfaceSolidPrimaryHover = "var(--inverse-surface-solid-primary-hover, #F2F2F2FF)";
+/** Основной фон на темном фоне */
+export declare const darkBackgroundPrimary = "var(--dark-background-primary, #080808)";
+/** Минорный желтый цвет для данных на темном фоне */
+export declare const onDarkDataYellowMinorHover = "var(--on-dark-data-yellow-minor-hover, #B87A00FF)";
+/** Цвет обводки ошибка на светлом фоне */
+export declare const onLightOutlineNegativeActive = "var(--on-light-outline-negative-active, #E40C22FF)";
+/**  */
 export declare const onLightPersonaPinkSurfaceAccentGradientBrightness = "var(--on-light-persona-pink-surface-accent-gradient-brightness, #F6F2F0FF)";
 /** Основной прозрачный цвет обводки на светлом фоне */
 export declare const onLightOutlineTransparentPrimary = "var(--on-light-outline-transparent-primary, #15110F3D)";
+/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
+export declare const onLightSurfaceTransparentAccent = "var(--on-light-surface-transparent-accent, #527E4B1F)";
 /**  */
-export declare const surfaceAccentSecondaryHover = "var(--surface-accent-secondary-hover, #CCCCCCFF)";
+export declare const personaOchreSurfaceAccentGradientHover = "var(--persona-ochre-surface-accent-gradient-hover, #CCCCCCFF)";
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
 export declare const onDarkSurfaceSolidPrimaryActive = "var(--on-dark-surface-solid-primary-active, #121212FF)";
 /** Прозрачный фон поверхности по умолчанию на темном фоне */
@@ -1594,12 +1598,6 @@ export declare const onLightOutlineMinorActive = "var(--on-light-outline-minor-a
 export declare const onLightPersonaSeaBlueTextAccentBrightness = "var(--on-light-persona-sea-blue-text-accent-brightness, #EBE7E5FF)";
 /** Основной прозрачный цвет обводки на темном фоне */
 export declare const onDarkOutlineTransparentPrimary = "var(--on-dark-outline-transparent-primary, #FFFFFF1F)";
-/** Прозрачный акцентный фон поверхности/контрола на светлом фоне */
-export declare const onLightSurfaceTransparentAccent = "var(--on-light-surface-transparent-accent, #527E4B1F)";
-/**  */
-export declare const personaOchreSurfaceAccentGradientHover = "var(--persona-ochre-surface-accent-gradient-hover, #CCCCCCFF)";
-/** Акцентный фон поверхности/контрола с градиентом на темном фоне */
-export declare const onDarkSurfaceAccentGradientActive = "var(--on-dark-surface-accent-gradient-active, #E6E6E6FF)";
 /** Акцентный фон поверхности/контрола с градиентом */
 export declare const surfaceAccentGradient = "var(--surface-accent-gradient, linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%))";
 /** Фон для скелетона */
@@ -1616,6 +1614,8 @@ export declare const surfaceSkeletonDeepGradientHover = "var(--surface-skeleton-
 export declare const onDarkSurfaceAccentGradientHover = "var(--on-dark-surface-accent-gradient-hover, #CCCCCCFF)";
 /** Яркий фон для скелетона */
 export declare const surfaceSkeletonDeepGradientActive = "var(--surface-skeleton-deep-gradient-active, #FFFFFFFF)";
+/** Акцентный фон поверхности/контрола с градиентом на темном фоне */
+export declare const onDarkSurfaceAccentGradientActive = "var(--on-dark-surface-accent-gradient-active, #E6E6E6FF)";
 /** Фон для скелетона */
 export declare const onDarkSurfaceSkeletonGradient = "var(--on-dark-surface-skeleton-gradient, linear-gradient(90.00deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.24) 50%, rgba(255, 255, 255, 0) 100%, rgba(255, 255, 255, 0) 100%))";
 /** Фон для скелетона */
@@ -1635,8 +1635,6 @@ export declare const onLightSurfaceAccentGradientActive = "var(--on-light-surfac
 /** Яркий фон для скелетона */
 export declare const onLightSurfaceSkeletonDeepGradientActive = "var(--on-light-surface-skeleton-deep-gradient-active, #FFFFFFFF)";
 /** Яркий фон для скелетона */
-export declare const onLightSurfaceSkeletonDeepGradient = "var(--on-light-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))";
-/** Яркий фон для скелетона */
 export declare const onLightSurfaceSkeletonDeepGradientHover = "var(--on-light-surface-skeleton-deep-gradient-hover, #FFFFFFFF)";
 /** Инвертированный акцентный фон поверхности/контрола с градиентом */
 export declare const inverseSurfaceAccentGradientHover = "var(--inverse-surface-accent-gradient-hover, #CCCCCCFF)";
@@ -1658,6 +1656,8 @@ export declare const onLightSurfaceAccentGradient = "var(--on-light-surface-acce
 export declare const onLightSurfaceSkeletonGradient = "var(--on-light-surface-skeleton-gradient, linear-gradient(270deg, rgba(8, 8, 8, 0.06) 0%, rgba(8, 8, 8, 0.05) 10%, rgba(8, 8, 8, 0.04) 20%, rgba(8, 8, 8, 0.03) 25%, rgba(8, 8, 8, 0.02) 30%, rgba(8, 8, 8, 0.01) 40%, rgba(8, 8, 8, 0) 50%, rgba(8, 8, 8, 0.01) 60%, rgba(8, 8, 8, 0.02) 70%, rgba(8, 8, 8, 0.03) 75%, rgba(8, 8, 8, 0.04) 80%, rgba(8, 8, 8, 0.05) 90%, rgba(8, 8, 8, 0.06) 100%))";
 /** Фон для скелетона */
 export declare const onLightSurfaceSkeletonGradientActive = "var(--on-light-surface-skeleton-gradient-active, #FFFFFFFF)";
+/** Яркий фон для скелетона */
+export declare const onLightSurfaceSkeletonDeepGradient = "var(--on-light-surface-skeleton-deep-gradient, linear-gradient(90deg, #0808085C 0%, #08080852 6.25%, #08080833 12.5%, #0808080A 25%, #08080833 37.5%, #08080852 43.75%, #0808085C 50%, #08080814 56.25%, #08080833 62.5%, #0808080A 75%, #08080833 87.5%, #08080852 93.75%, #0808085C 100%))";
 /** Акцентный цвет обводки с градиентом */
 export declare const outlineAccentGradient = "var(--outline-accent-gradient, linear-gradient(45.00deg, #1A9E32FF 0%, #04C6C9FF 99.688%))";
 /** Акцентный цвет обводки с градиентом на темном фоне */
@@ -1679,8 +1679,6 @@ export declare const inverseOutlineAccentGradientActive = "var(--inverse-outline
 /** Акцентный цвет обводки с градиентом на светлом фоне */
 export declare const onLightOutlineAccentGradientActive = "var(--on-light-outline-accent-gradient-active, #E6E6E6FF)";
 /**  */
-export declare const onDarkOutlineTransparentSurfaceHover = "var(--on-dark-outline-transparent-surface-hover, #CCCCCCFF)";
-/**  */
 export declare const onDarkOutlineTransparentSurfaceActive = "var(--on-dark-outline-transparent-surface-active, #E6E6E6FF)";
 /**  */
 export declare const onDarkOutlineTransparentSurfaceBrightness = "var(--on-dark-outline-transparent-surface-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%))";
@@ -1743,7 +1741,7 @@ export declare const onDarkOutlineTransparentSurface = "var(--on-dark-outline-tr
 /**  */
 export declare const inverseTextAccentGradientAiBrightness = "var(--inverse-text-accent-gradient-ai-brightness, linear-gradient(90deg, #1FB9E0FF 0%, #6D4EDFFF 50%, #B331D0FF 100%))";
 /**  */
-export declare const onLightOverlayGradientHover = "var(--on-light-overlay-gradient-hover, #CCCCCCFF)";
+export declare const onDarkOutlineTransparentSurfaceHover = "var(--on-dark-outline-transparent-surface-hover, #CCCCCCFF)";
 /**  */
 export declare const onLightOverlayGradientActive = "var(--on-light-overlay-gradient-active, #E6E6E6FF)";
 /**  */
@@ -1756,6 +1754,8 @@ export declare const inverseOverlayGradientHover = "var(--inverse-overlay-gradie
 export declare const inverseOverlayGradientBrightness = "var(--inverse-overlay-gradient-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%))";
 /**  */
 export declare const onLightOverlayGradient = "var(--on-light-overlay-gradient, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF00 100%))";
+/**  */
+export declare const onLightOverlayGradientHover = "var(--on-light-overlay-gradient-hover, #CCCCCCFF)";
 /** Яркий фон для скелетона */
 export declare const inverseSurfaceSkeletonDeepGradientHover = "var(--inverse-surface-skeleton-deep-gradient-hover, #FFFFFFFF)";
 /** Инвертированный акцентный цвет обводки с градиентом */
@@ -1768,14 +1768,12 @@ export declare const surfaceAccentGradientHover = "var(--surface-accent-gradient
 export declare const outlineAccentGradientActive = "var(--outline-accent-gradient-active, #666666FF)";
 /**  */
 export declare const onLightOutlineTransparentSurfaceBrightness = "var(--on-light-outline-transparent-surface-brightness, linear-gradient(90deg, #FFFFFFFF 0%, #FFFFFF29 33%, #FFFFFF29 67%, #FFFFFFCC 100%))";
-/** Акцентный фон поверхности/контрола с градиентом */
-export declare const surfaceAccentGradientActive = "var(--surface-accent-gradient-active, #E6E6E6FF)";
 /** Акцентный фон поверхности/контрола с градиентом на темном фоне */
 export declare const onDarkSurfaceAccentGradient = "var(--on-dark-surface-accent-gradient, linear-gradient(90deg, #7A733FFF 0%, #B4AE7BFF 100%))";
+/** Акцентный фон поверхности/контрола с градиентом */
+export declare const surfaceAccentGradientActive = "var(--surface-accent-gradient-active, #E6E6E6FF)";
 /** Фон для скелетона */
 export declare const onLightSurfaceSkeletonGradientHover = "var(--on-light-surface-skeleton-gradient-hover, #FFFFFFFF)";
-/** shadow down hard l */
-export declare const shadowDownHardL = "var(--shadow-down-hard-l, 0rem 3.75rem 7rem -0.5rem #00000066)";
 /** shadow down soft s */
 export declare const shadowDownSoftS = "var(--shadow-down-soft-s, 0rem 0.25rem 0.875rem -0.25rem #08080814,0rem 0.0625rem 0.25rem -0.0625rem #0000000A)";
 /** shadow down soft m */
@@ -1784,6 +1782,8 @@ export declare const shadowDownSoftM = "var(--shadow-down-soft-m, 0rem 1.5rem 3r
 export declare const shadowDownSoftL = "var(--shadow-down-soft-l, 0rem 3.75rem 7rem -0.5rem #00000014)";
 /** shadow down hard m */
 export declare const shadowDownHardM = "var(--shadow-down-hard-m, 0rem 1rem 2rem -0.5rem #0000003D)";
+/** shadow down hard l */
+export declare const shadowDownHardL = "var(--shadow-down-hard-l, 0rem 3.75rem 7rem -0.5rem #00000066)";
 /** shadow down hard s */
 export declare const shadowDownHardS = "var(--shadow-down-hard-s, 0rem 0.25rem 0.75rem -0.1875rem #08080829,0rem 0.0625rem 0.25rem -0.125rem #00000014)";
 /** shadow up soft s */
@@ -1801,19 +1801,23 @@ export declare const shadowUpHardL = "var(--shadow-up-hard-l, 0rem -3.75rem 7rem
 /** borderRadius 2xl */
 export declare const borderRadiusXxl = "var(--border-radius-xxl, 1.5rem)";
 /** New description */
+export declare const borderRadius4xl = "var(--border-radius-4xl, 2rem)";
+/** New description */
+export declare const borderRadius5xl = "var(--border-radius-5xl, 2.5rem)";
+/** New description */
 export declare const borderRadius3xl = "var(--border-radius-3xl, 1.75rem)";
 /** borderRadius l */
 export declare const borderRadiusL = "var(--border-radius-l, 1rem)";
 /** borderRadius xl */
 export declare const borderRadiusXl = "var(--border-radius-xl, 1.25rem)";
-/** borderRadius s */
-export declare const borderRadiusS = "var(--border-radius-s, 0.5rem)";
 /** borderRadius m */
 export declare const borderRadiusM = "var(--border-radius-m, 0.75rem)";
 /** borderRadius xxs */
 export declare const borderRadiusXxs = "var(--border-radius-xxs, 0.25rem)";
 /** borderRadius xs */
 export declare const borderRadiusXs = "var(--border-radius-xs, 0.375rem)";
+/** borderRadius s */
+export declare const borderRadiusS = "var(--border-radius-s, 0.5rem)";
 /** New description */
 export declare const borderRadiusCircle = "var(--border-radius-circle, 624.9375rem)";
 /** spacing 0x */
@@ -1822,12 +1826,12 @@ export declare const spacing0x = "var(--spacing-0x, 0rem)";
 export declare const spacing1x = "var(--spacing-1x, 0.125rem)";
 /** spacing 2x */
 export declare const spacing2x = "var(--spacing-2x, 0.25rem)";
-/** spacing 6x */
-export declare const spacing6x = "var(--spacing-6x, 0.75rem)";
 /** spacing 4x */
 export declare const spacing4x = "var(--spacing-4x, 0.5rem)";
 /** spacing 3x */
 export declare const spacing3x = "var(--spacing-3x, 0.375rem)";
+/** spacing 6x */
+export declare const spacing6x = "var(--spacing-6x, 0.75rem)";
 /** spacing 8x */
 export declare const spacing8x = "var(--spacing-8x, 1rem)";
 /** spacing 16x */
@@ -1846,15 +1850,6 @@ export declare const spacing60x = "var(--spacing-60x, 7.5rem)";
 export declare const spacing10x = "var(--spacing-10x, 1.25rem)";
 /** spacing 12x */
 export declare const spacing12x = "var(--spacing-12x, 1.5rem)";
-/** typography s display-s */
-export declare const dsplS: {
-    fontFamily: string;
-    fontSize: string;
-    fontStyle: string;
-    fontWeight: string;
-    letterSpacing: string;
-    lineHeight: string;
-};
 /** typography s header-h3-bold */
 export declare const h3Bold: {
     fontFamily: string;
@@ -1999,6 +1994,15 @@ export declare const dsplSBold: {
     letterSpacing: string;
     lineHeight: string;
 };
+/** typography s display-s */
+export declare const dsplS: {
+    fontFamily: string;
+    fontSize: string;
+    fontStyle: string;
+    fontWeight: string;
+    letterSpacing: string;
+    lineHeight: string;
+};
 /** typography s display-s-medium */
 export declare const dsplSMedium: {
     fontFamily: string;