@salutejs/sdds-themes 0.86.0-next-sbcom.0 → 0.86.0

package/tokens/sdds_cs/index.d.ts

@@ -250,6 +250,14 @@ export declare const surfaceSolidDefault = "var(--surface-solid-default, #F7F9FB
 export declare const surfaceSolidDefaultHover = "var(--surface-solid-default-hover, #FFFFFFFF)";
 /** Непрозрачный фон поверхности/контрола по умолчанию */
 export declare const surfaceSolidDefaultActive = "var(--surface-solid-default-active, #F1F5F8FF)";
+/** Основной прозрачный фон поверхности/контрола */
+export declare const surfaceTransparentPrimaryHover = "var(--surface-transparent-primary-hover, #FFFFFFB8)";
+/** Основной прозрачный фон поверхности/контрола */
+export declare const surfaceTransparentPrimaryActive = "var(--surface-transparent-primary-active, #FFFFFF8A)";
+/** Вторичный прозрачный фон поверхности/контрола */
+export declare const surfaceTransparentSecondaryHover = "var(--surface-transparent-secondary-hover, #FFFFFF85)";
+/** Вторичный прозрачный фон поверхности/контрола */
+export declare const surfaceTransparentSecondaryActive = "var(--surface-transparent-secondary-active, #FFFFFF57)";
 /** Фон поверхности/контрола без заливки */
 export declare const surfaceClear = "var(--surface-clear, #FFFFFF00)";
 /** Фон поверхности/контрола без заливки */
@@ -310,6 +318,10 @@ export declare const surfaceInfoMinor = "var(--surface-info-minor, #0C283B)";
 export declare const surfaceInfoMinorHover = "var(--surface-info-minor-hover, #10344CFF)";
 /** Минорный цвет фона поверхности/контрола информация */
 export declare const surfaceInfoMinorActive = "var(--surface-info-minor-active, #0A2333FF)";
+/** Вторичный прозрачный фон поверхности/контрола */
+export declare const surfaceTransparentSecondary = "var(--surface-transparent-secondary, #FFFFFF66)";
+/** Основной прозрачный фон поверхности/контрола */
+export declare const surfaceTransparentPrimary = "var(--surface-transparent-primary, #FFFFFF99)";
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
 export declare const onDarkSurfaceSolidPrimary = "var(--on-dark-surface-solid-primary, #13181B)";
 /** Основной непрозрачный фон поверхности/контрола на темном фоне */
@@ -344,6 +356,14 @@ export declare const onDarkSurfaceSolidDefault = "var(--on-dark-surface-solid-de
 export declare const onDarkSurfaceSolidDefaultHover = "var(--on-dark-surface-solid-default-hover, #FFFFFFFF)";
 /** Непрозрачный фон поверхности/контрола по умолчанию на темном фоне */
 export declare const onDarkSurfaceSolidDefaultActive = "var(--on-dark-surface-solid-default-active, #F1F5F8FF)";
+/** Основной прозрачный фон поверхности/контрола на темном фоне */
+export declare const onDarkSurfaceTransparentPrimaryHover = "var(--on-dark-surface-transparent-primary-hover, #FFFFFFB8)";
+/** Основной прозрачный фон поверхности/контрола на темном фоне */
+export declare const onDarkSurfaceTransparentPrimaryActive = "var(--on-dark-surface-transparent-primary-active, #FFFFFF8A)";
+/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
+export declare const onDarkSurfaceTransparentSecondaryHover = "var(--on-dark-surface-transparent-secondary-hover, #FFFFFF85)";
+/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
+export declare const onDarkSurfaceTransparentSecondaryActive = "var(--on-dark-surface-transparent-secondary-active, #FFFFFF57)";
 /** Фон поверхности/контрола без заливки на темном фоне */
 export declare const onDarkSurfaceClear = "var(--on-dark-surface-clear, #FFFFFF00)";
 /** Фон поверхности/контрола без заливки на темном фоне */
@@ -410,6 +430,10 @@ export declare const onDarkSurfaceInfoMinor = "var(--on-dark-surface-info-minor,
 export declare const onDarkSurfaceInfoMinorHover = "var(--on-dark-surface-info-minor-hover, #10344CFF)";
 /** Минорный цвет фона поверхности/контрола информация на темном фоне */
 export declare const onDarkSurfaceInfoMinorActive = "var(--on-dark-surface-info-minor-active, #0A2333FF)";
+/** Вторичный прозрачный фон поверхности/контрола на темном фоне */
+export declare const onDarkSurfaceTransparentSecondary = "var(--on-dark-surface-transparent-secondary, #FFFFFF66)";
+/** Основной прозрачный фон поверхности/контрола на темном фоне */
+export declare const onDarkSurfaceTransparentPrimary = "var(--on-dark-surface-transparent-primary, #FFFFFF99)";
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
 export declare const onLightSurfaceSolidPrimary = "var(--on-light-surface-solid-primary, #F2F5F8)";
 /** Основной непрозрачный фон поверхности/контрола на светлом фоне */
@@ -444,6 +468,14 @@ export declare const onLightSurfaceSolidDefault = "var(--on-light-surface-solid-
 export declare const onLightSurfaceSolidDefaultHover = "var(--on-light-surface-solid-default-hover, #0A1114FF)";
 /** Непрозрачный фон поверхности/контрола по умолчанию на светлом фоне */
 export declare const onLightSurfaceSolidDefaultActive = "var(--on-light-surface-solid-default-active, #030607FF)";
+/** Основной прозрачный фон поверхности/контрола на светлом фоне */
+export declare const onLightSurfaceTransparentPrimaryHover = "var(--on-light-surface-transparent-primary-hover, #FFFFFFA8)";
+/** Основной прозрачный фон поверхности/контрола на светлом фоне */
+export declare const onLightSurfaceTransparentPrimaryActive = "var(--on-light-surface-transparent-primary-active, #FFFFFFAD)";
+/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
+export declare const onLightSurfaceTransparentSecondaryHover = "var(--on-light-surface-transparent-secondary-hover, #FFFFFF75)";
+/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
+export declare const onLightSurfaceTransparentSecondaryActive = "var(--on-light-surface-transparent-secondary-active, #FFFFFF7A)";
 /** Фон поверхности/контрола без заливки на светлом фоне */
 export declare const onLightSurfaceClear = "var(--on-light-surface-clear, #FFFFFF00)";
 /** Фон поверхности/контрола без заливки на светлом фоне */
@@ -504,6 +536,10 @@ export declare const onLightSurfaceInfoMinor = "var(--on-light-surface-info-mino
 export declare const onLightSurfaceInfoMinorHover = "var(--on-light-surface-info-minor-hover, #C7E9FFFF)";
 /** Минорный цвет фона поверхности/контрола информация на светлом фоне */
 export declare const onLightSurfaceInfoMinorActive = "var(--on-light-surface-info-minor-active, #A8DCFFFF)";
+/** Вторичный прозрачный фон поверхности/контрола на светлом фоне */
+export declare const onLightSurfaceTransparentSecondary = "var(--on-light-surface-transparent-secondary, #FFFFFF66)";
+/** Основной прозрачный фон поверхности/контрола на светлом фоне */
+export declare const onLightSurfaceTransparentPrimary = "var(--on-light-surface-transparent-primary, #FFFFFF99)";
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
 export declare const inverseSurfaceSolidPrimary = "var(--inverse-surface-solid-primary, #F2F5F8)";
 /** Инвертированный основной непрозрачный фон поверхности/контрола */
@@ -538,6 +574,14 @@ export declare const inverseSurfaceSolidDefault = "var(--inverse-surface-solid-d
 export declare const inverseSurfaceSolidDefaultHover = "var(--inverse-surface-solid-default-hover, #0A1114FF)";
 /** Инвертированный непрозрачный фон поверхности/контрола по умолчанию */
 export declare const inverseSurfaceSolidDefaultActive = "var(--inverse-surface-solid-default-active, #030607FF)";
+/** Инвертированный основной прозрачный фон поверхности/контрола */
+export declare const inverseSurfaceTransparentPrimaryHover = "var(--inverse-surface-transparent-primary-hover, #FFFFFFA8)";
+/** Инвертированный основной прозрачный фон поверхности/контрола */
+export declare const inverseSurfaceTransparentPrimaryActive = "var(--inverse-surface-transparent-primary-active, #FFFFFFAD)";
+/** Инвертированный вторичный прозрачный фон поверхности/контрола */
+export declare const inverseSurfaceTransparentSecondaryHover = "var(--inverse-surface-transparent-secondary-hover, #FFFFFF75)";
+/** Инвертированный вторичный прозрачный фон поверхности/контрола */
+export declare const inverseSurfaceTransparentSecondaryActive = "var(--inverse-surface-transparent-secondary-active, #FFFFFF7A)";
 /** Инвертированный фон поверхности/контрола без заливки */
 export declare const inverseSurfaceClear = "var(--inverse-surface-clear, #FFFFFF00)";
 /** Инвертированный фон поверхности/контрола без заливки */
@@ -598,6 +642,10 @@ export declare const inverseSurfaceInfoMinor = "var(--inverse-surface-info-minor
 export declare const inverseSurfaceInfoMinorHover = "var(--inverse-surface-info-minor-hover, #C7E9FFFF)";
 /** Инвертированный минорный цвет фона поверхности/контрола информация */
 export declare const inverseSurfaceInfoMinorActive = "var(--inverse-surface-info-minor-active, #A8DCFFFF)";
+/** Инвертированный вторичный прозрачный фон поверхности/контрола */
+export declare const inverseSurfaceTransparentSecondary = "var(--inverse-surface-transparent-secondary, #FFFFFF66)";
+/** Инвертированный основной прозрачный фон поверхности/контрола */
+export declare const inverseSurfaceTransparentPrimary = "var(--inverse-surface-transparent-primary, #FFFFFF99)";
 /** Основной фон */
 export declare const backgroundPrimary = "var(--background-primary, #060A0C)";
 /** Основной фон */
@@ -622,6 +670,10 @@ export declare const outlineSolidSecondary = "var(--outline-solid-secondary, #30
 export declare const outlineSolidSecondaryHover = "var(--outline-solid-secondary-hover, #394147FF)";
 /** Вторичный непрозрачный цвет обводки */
 export declare const outlineSolidSecondaryActive = "var(--outline-solid-secondary-active, #2B3136FF)";
+/** Основной прозрачный цвет обводки */
+export declare const outlineTransparentPrimaryHover = "var(--outline-transparent-primary-hover, #FFFFFF7A)";
+/** Основной прозрачный цвет обводки */
+export declare const outlineTransparentPrimaryActive = "var(--outline-transparent-primary-active, #FFFFFF52)";
 /** Бесцветная обводка */
 export declare const outlineClear = "var(--outline-clear, #FFFFFF00)";
 /** Бесцветная обводка */
@@ -652,6 +704,8 @@ export declare const outlineInfo = "var(--outline-info, #118CDF)";
 export declare const outlineInfoHover = "var(--outline-info-hover, #1798EEFF)";
 /** Цвет обводки информация */
 export declare const outlineInfoActive = "var(--outline-info-active, #1086D5FF)";
+/** Основной прозрачный цвет обводки */
+export declare const outlineTransparentPrimary = "var(--outline-transparent-primary, #FFFFFFCC)";
 /** Основной непрозрачный цвет обводки на темном фоне */
 export declare const onDarkOutlineSolidPrimary = "var(--on-dark-outline-solid-primary, #23292D)";
 /** Основной непрозрачный цвет обводки на темном фоне */
@@ -664,6 +718,10 @@ export declare const onDarkOutlineSolidSecondary = "var(--on-dark-outline-solid-
 export declare const onDarkOutlineSolidSecondaryHover = "var(--on-dark-outline-solid-secondary-hover, #394147FF)";
 /** Вторичный непрозрачный цвет обводки на темном фоне */
 export declare const onDarkOutlineSolidSecondaryActive = "var(--on-dark-outline-solid-secondary-active, #2B3136FF)";
+/** Основной прозрачный цвет обводки на темном фоне */
+export declare const onDarkOutlineTransparentPrimaryHover = "var(--on-dark-outline-transparent-primary-hover, #FFFFFF7A)";
+/** Основной прозрачный цвет обводки на темном фоне */
+export declare const onDarkOutlineTransparentPrimaryActive = "var(--on-dark-outline-transparent-primary-active, #FFFFFF52)";
 /** Бесцветная обводка на темном фоне */
 export declare const onDarkOutlineClear = "var(--on-dark-outline-clear, #FFFFFF00)";
 /** Бесцветная обводка на темном фоне */
@@ -694,6 +752,8 @@ export declare const onDarkOutlineInfo = "var(--on-dark-outline-info, #118CDF)";
 export declare const onDarkOutlineInfoHover = "var(--on-dark-outline-info-hover, #1798EEFF)";
 /** Цвет обводки информация на темном фоне */
 export declare const onDarkOutlineInfoActive = "var(--on-dark-outline-info-active, #1086D5FF)";
+/** Основной прозрачный цвет обводки на темном фоне */
+export declare const onDarkOutlineTransparentPrimary = "var(--on-dark-outline-transparent-primary, #FFFFFFCC)";
 /** Основной непрозрачный цвет обводки на светлом фоне */
 export declare const onLightOutlineSolidPrimary = "var(--on-light-outline-solid-primary, #D5DFE6)";
 /** Основной непрозрачный цвет обводки на светлом фоне */
@@ -706,6 +766,10 @@ export declare const onLightOutlineSolidSecondary = "var(--on-light-outline-soli
 export declare const onLightOutlineSolidSecondaryHover = "var(--on-light-outline-solid-secondary-hover, #B9C3CBFF)";
 /** Вторичный непрозрачный цвет обводки на светлом фоне */
 export declare const onLightOutlineSolidSecondaryActive = "var(--on-light-outline-solid-secondary-active, #A7B4BEFF)";
+/** Основной прозрачный цвет обводки на светлом фоне */
+export declare const onLightOutlineTransparentPrimaryHover = "var(--on-light-outline-transparent-primary-hover, #FFFFFF66)";
+/** Основной прозрачный цвет обводки на светлом фоне */
+export declare const onLightOutlineTransparentPrimaryActive = "var(--on-light-outline-transparent-primary-active, #FFFFFFFF)";
 /** Бесцветная обводка на светлом фоне */
 export declare const onLightOutlineClear = "var(--on-light-outline-clear, #FFFFFF00)";
 /** Бесцветная обводка на светлом фоне */
@@ -736,6 +800,8 @@ export declare const onLightOutlineInfo = "var(--on-light-outline-info, #0B7ECB)
 export declare const onLightOutlineInfoHover = "var(--on-light-outline-info-hover, #0C8ADFFF)";
 /** Цвет обводки информация на светлом фоне */
 export declare const onLightOutlineInfoActive = "var(--on-light-outline-info-active, #0A78C2FF)";
+/** Основной прозрачный цвет обводки на светлом фоне */
+export declare const onLightOutlineTransparentPrimary = "var(--on-light-outline-transparent-primary, #FFFFFFCC)";
 /** Инвертированный основной непрозрачный цвет обводки */
 export declare const inverseOutlineSolidPrimary = "var(--inverse-outline-solid-primary, #D5DFE6)";
 /** Инвертированный основной непрозрачный цвет обводки */
@@ -748,6 +814,10 @@ export declare const inverseOutlineSolidSecondary = "var(--inverse-outline-solid
 export declare const inverseOutlineSolidSecondaryHover = "var(--inverse-outline-solid-secondary-hover, #B9C3CBFF)";
 /** Инвертированный вторичный непрозрачный цвет обводки */
 export declare const inverseOutlineSolidSecondaryActive = "var(--inverse-outline-solid-secondary-active, #A7B4BEFF)";
+/** Инвертированный основной прозрачный цвет обводки */
+export declare const inverseOutlineTransparentPrimaryHover = "var(--inverse-outline-transparent-primary-hover, #FFFFFF66)";
+/** Инвертированный основной прозрачный цвет обводки */
+export declare const inverseOutlineTransparentPrimaryActive = "var(--inverse-outline-transparent-primary-active, #FFFFFFFF)";
 /** Инвертированная бесцветная обводка */
 export declare const inverseOutlineClear = "var(--inverse-outline-clear, #FFFFFF00)";
 /** Инвертированная бесцветная обводка */
@@ -778,6 +848,8 @@ export declare const inverseOutlineInfo = "var(--inverse-outline-info, #0B7ECB)"
 export declare const inverseOutlineInfoHover = "var(--inverse-outline-info-hover, #0C8ADFFF)";
 /** Инвертированный цвет обводки информация */
 export declare const inverseOutlineInfoActive = "var(--inverse-outline-info-active, #0A78C2FF)";
+/** Инвертированный основной прозрачный цвет обводки */
+export declare const inverseOutlineTransparentPrimary = "var(--inverse-outline-transparent-primary, #FFFFFFCC)";
 /** Желтый цвет для данных */
 export declare const dataYellow = "var(--data-yellow, #F3A912)";
 /** Желтый цвет для данных */