@taiga-ui/design-tokens 0.218.0 → 0.220.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/angular/desktop.less +20 -10
- package/angular/mobile.less +16 -8
- package/package.json +1 -1
- package/palette/dark.css +10 -5
- package/palette/light.css +10 -5
- package/palette/mobile/dark.css +8 -4
- package/palette/mobile/light.css +8 -4
- package/palette/scss/dark.scss +10 -5
- package/palette/scss/light.scss +10 -5
- package/palette/scss/mobile/dark.scss +8 -4
- package/palette/scss/mobile/light.scss +8 -4
package/angular/desktop.less
CHANGED
|
@@ -79,16 +79,16 @@
|
|
|
79
79
|
--tui-background-accent-on-dark: var(--tui-const-white); // Контрастные контейнеры на темных фонах, не меняется при смене темы
|
|
80
80
|
--tui-background-accent-on-dark-hover: var(--tui-const-cool-gray-lighter-97); // Контрастные контейнеры при наведении на темных фонах, не меняется при смене темы.
|
|
81
81
|
--tui-background-accent-on-dark-pressed: var(--tui-const-cool-gray-lighter-93); // Контрастные контейнеры при нажатии на темных фонах, не меняется при смене темы.
|
|
82
|
-
--tui-background-button-close-on-light: var(--tui-const-black-alpha-40); //
|
|
82
|
+
--tui-background-button-close-on-light: var(--tui-const-black-alpha-40); // @Deprecated: Перенесен в component
|
|
83
83
|
--tui-background-button-close-on-dark: var(--tui-const-white-alpha-50); // @Deprecated: Заменен на overlay-glass-on-dark
|
|
84
84
|
--tui-background-badge-notification: var(--tui-const-red); // Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
85
85
|
--tui-background-toggle: var(--tui-const-cool-gray-alpha-12); // @Deprecated: Заменен на background.neutral-2
|
|
86
|
-
--tui-background-button-vertical: var(--tui-const-blue-alpha-8); //
|
|
87
|
-
--tui-background-button-vertical-hover: var(--tui-const-blue-alpha-12); //
|
|
88
|
-
--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-16); //
|
|
86
|
+
--tui-background-button-vertical: var(--tui-const-blue-alpha-8); // @Deprecated: Перенесен в component
|
|
87
|
+
--tui-background-button-vertical-hover: var(--tui-const-blue-alpha-12); // @Deprecated: Перенесен в component
|
|
88
|
+
--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-16); // @Deprecated: Перенесен в component
|
|
89
89
|
--tui-background-button-glass-on-dark: var(--tui-const-white-alpha-30); // @Deprecated: Заменен на overlay-glass-on-dark
|
|
90
90
|
--tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); // @Deprecated: Заменен на overlay-glass-on-light
|
|
91
|
-
--tui-background-progress-bar: var(--tui-const-cool-gray-alpha-6); //
|
|
91
|
+
--tui-background-progress-bar: var(--tui-const-cool-gray-alpha-6); // @Deprecated: Перенесен в группу component
|
|
92
92
|
--tui-background-tooltip: var(--tui-const-cool-gray-lighter-36); // @Deprecated: перенесли в группу component
|
|
93
93
|
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); // Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
94
94
|
--tui-background-overlay-glass: var(--tui-const-black-alpha-40); // Оверлей стеклянных поверхностей
|
|
@@ -190,7 +190,12 @@
|
|
|
190
190
|
--tui-chart-categorical-27: var(--tui-const-green-lighter-57);
|
|
191
191
|
--tui-component-tab-bar-background-ios: #F6F7F8CC; // Цвет фона для имитации системного таббара iOS
|
|
192
192
|
--tui-component-input-background-autofill: var(--tui-const-yellow-darker-88); // @Deprecated: Заменён на service.autofill-background
|
|
193
|
+
--tui-component-progress-bar: var(--tui-const-cool-gray-alpha-6); // Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
193
194
|
--tui-component-tooltip: var(--tui-const-cool-gray-lighter-36); // Фон для тултипов
|
|
195
|
+
--tui-component-button-close-on-light: var(--tui-const-black-alpha-40); // Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
196
|
+
--tui-component-button-vertical: var(--tui-const-blue-alpha-8); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
197
|
+
--tui-component-button-vertical-hover: var(--tui-const-blue-alpha-12); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
198
|
+
--tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-16); // Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
194
199
|
--tui-const-yellow: #FFDD2D; // N9
|
|
195
200
|
--tui-const-yellow-darker-88: #FFF5C2;
|
|
196
201
|
--tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
|
|
@@ -646,16 +651,16 @@
|
|
|
646
651
|
--tui-background-accent-on-dark: var(--tui-const-white); // Контрастные контейнеры на темных фонах, не меняется при смене темы
|
|
647
652
|
--tui-background-accent-on-dark-hover: var(--tui-const-cool-gray-lighter-97); // Контрастные контейнеры при наведении на темных фонах, не меняется при смене темы.
|
|
648
653
|
--tui-background-accent-on-dark-pressed: var(--tui-const-cool-gray-lighter-93); // Контрастные контейнеры при нажатии на темных фонах, не меняется при смене темы.
|
|
649
|
-
--tui-background-button-close-on-light: var(--tui-const-black-alpha-40); //
|
|
654
|
+
--tui-background-button-close-on-light: var(--tui-const-black-alpha-40); // @Deprecated: Перенесен в component
|
|
650
655
|
--tui-background-button-close-on-dark: var(--tui-const-white-alpha-50); // @Deprecated: Заменен на overlay-glass-on-dark
|
|
651
656
|
--tui-background-badge-notification: var(--tui-const-red); // Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
652
657
|
--tui-background-toggle: var(--tui-const-white-alpha-20); // @Deprecated: Заменен на background.neutral-2
|
|
653
|
-
--tui-background-button-vertical: var(--tui-const-blue-alpha-16); //
|
|
654
|
-
--tui-background-button-vertical-hover: var(--tui-const-blue-alpha-20); //
|
|
655
|
-
--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-24); //
|
|
658
|
+
--tui-background-button-vertical: var(--tui-const-blue-alpha-16); // @Deprecated: Перенесен в component
|
|
659
|
+
--tui-background-button-vertical-hover: var(--tui-const-blue-alpha-20); // @Deprecated: Перенесен в component
|
|
660
|
+
--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-24); // @Deprecated: Перенесен в component
|
|
656
661
|
--tui-background-button-glass-on-dark: var(--tui-const-white-alpha-30); // @Deprecated: Заменен на overlay-glass-on-dark
|
|
657
662
|
--tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); // @Deprecated: Заменен на overlay-glass-on-light
|
|
658
|
-
--tui-background-progress-bar: var(--tui-const-white-alpha-15); //
|
|
663
|
+
--tui-background-progress-bar: var(--tui-const-white-alpha-15); // @Deprecated: Перенесен в группу component
|
|
659
664
|
--tui-background-tooltip: var(--tui-const-white); // @Deprecated: перенесли в группу component
|
|
660
665
|
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); // Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
661
666
|
--tui-background-overlay-glass: var(--tui-const-white-alpha-30); // Оверлей стеклянных поверхностей
|
|
@@ -757,7 +762,12 @@
|
|
|
757
762
|
--tui-chart-categorical-27: var(--tui-const-green-lighter-57);
|
|
758
763
|
--tui-component-tab-bar-background-ios: #1A1A1DB3; // Цвет фона для имитации системного таббара iOS
|
|
759
764
|
--tui-component-input-background-autofill: var(--tui-const-yellow-darker-26); // @Deprecated: Заменён на service.autofill-background
|
|
765
|
+
--tui-component-progress-bar: var(--tui-const-white-alpha-15); // Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
760
766
|
--tui-component-tooltip: var(--tui-const-white); // Фон для тултипов
|
|
767
|
+
--tui-component-button-close-on-light: var(--tui-const-black-alpha-40); // Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
768
|
+
--tui-component-button-vertical: var(--tui-const-blue-alpha-16); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
769
|
+
--tui-component-button-vertical-hover: var(--tui-const-blue-alpha-20); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
770
|
+
--tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-24); // Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
761
771
|
--tui-const-yellow: #FFDD2D; // N9
|
|
762
772
|
--tui-const-yellow-darker-88: #FFF5C2;
|
|
763
773
|
--tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
|
package/angular/mobile.less
CHANGED
|
@@ -72,15 +72,15 @@
|
|
|
72
72
|
--tui-background-accent-on-light-pressed: var(--tui-const-black-lighter-16); // Контрастные контейнеры при нажатии на светлых фонах, не меняется при смене темы.
|
|
73
73
|
--tui-background-accent-on-dark: var(--tui-const-white); // Контрастные контейнеры на темных фонах, не меняется при смене темы
|
|
74
74
|
--tui-background-accent-on-dark-pressed: var(--tui-const-cool-gray-lighter-97); // Контрастные контейнеры при нажатии на темных фонах, не меняется при смене темы.
|
|
75
|
-
--tui-background-button-close-on-light: var(--tui-const-black-alpha-40); //
|
|
75
|
+
--tui-background-button-close-on-light: var(--tui-const-black-alpha-40); // @Deprecated: Перенесен в component
|
|
76
76
|
--tui-background-button-close-on-dark: var(--tui-const-white-alpha-50); // @Deprecated: Заменен на overlay-glass-on-dark
|
|
77
77
|
--tui-background-badge-notification: var(--tui-const-red); // Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
78
78
|
--tui-background-toggle: var(--tui-const-white-alpha-20); // @Deprecated: Заменен на background.neutral-2
|
|
79
|
-
--tui-background-button-vertical: var(--tui-const-blue-alpha-16); //
|
|
80
|
-
--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-24); //
|
|
79
|
+
--tui-background-button-vertical: var(--tui-const-blue-alpha-16); // @Deprecated: Перенесен в component
|
|
80
|
+
--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-24); // @Deprecated: Перенесен в component
|
|
81
81
|
--tui-background-button-glass-on-dark: var(--tui-const-white-alpha-30); // @Deprecated: Заменен на overlay-glass-on-dark
|
|
82
82
|
--tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); // @Deprecated: Заменен на overlay-glass-on-light
|
|
83
|
-
--tui-background-progress-bar: var(--tui-const-white-alpha-15); //
|
|
83
|
+
--tui-background-progress-bar: var(--tui-const-white-alpha-15); // @Deprecated: Перенесен в группу component
|
|
84
84
|
--tui-background-tooltip: var(--tui-const-cool-gray-lighter-51); // @Deprecated: перенесли в группу component
|
|
85
85
|
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); // Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
86
86
|
--tui-background-overlay-glass: var(--tui-const-white-alpha-30); // Оверлей стеклянных поверхностей
|
|
@@ -170,7 +170,11 @@
|
|
|
170
170
|
--tui-chart-categorical-26: var(--tui-const-sea-blue-lighter-66);
|
|
171
171
|
--tui-chart-categorical-27: var(--tui-const-green-lighter-57);
|
|
172
172
|
--tui-component-input-background-autofill: var(--tui-const-yellow-darker-26); // @Deprecated: Заменён на service.autofill-background
|
|
173
|
+
--tui-component-progress-bar: var(--tui-const-white-alpha-15); // Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
173
174
|
--tui-component-tooltip: var(--tui-const-cool-gray-lighter-51); // Фон для тултипов
|
|
175
|
+
--tui-component-button-close-on-light: var(--tui-const-black-alpha-40); // Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
176
|
+
--tui-component-button-vertical: var(--tui-const-blue-alpha-16); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
177
|
+
--tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-24); // Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
174
178
|
--tui-const-yellow: #FFDD2D; // N9
|
|
175
179
|
--tui-const-yellow-darker-88: #FFF5C2;
|
|
176
180
|
--tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
|
|
@@ -598,15 +602,15 @@
|
|
|
598
602
|
--tui-background-accent-on-light-pressed: var(--tui-const-black-lighter-16); // Контрастные контейнеры при нажатии на светлых фонах, не меняется при смене темы.
|
|
599
603
|
--tui-background-accent-on-dark: var(--tui-const-white); // Контрастные контейнеры на темных фонах, не меняется при смене темы
|
|
600
604
|
--tui-background-accent-on-dark-pressed: var(--tui-const-cool-gray-lighter-97); // Контрастные контейнеры при нажатии на темных фонах, не меняется при смене темы.
|
|
601
|
-
--tui-background-button-close-on-light: var(--tui-const-black-alpha-40); //
|
|
605
|
+
--tui-background-button-close-on-light: var(--tui-const-black-alpha-40); // @Deprecated: Перенесен в component
|
|
602
606
|
--tui-background-button-close-on-dark: var(--tui-const-white-alpha-50); // @Deprecated: Заменен на overlay-glass-on-dark
|
|
603
607
|
--tui-background-badge-notification: var(--tui-const-red); // Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
604
608
|
--tui-background-toggle: var(--tui-const-cool-gray-alpha-12); // @Deprecated: Заменен на background.neutral-2
|
|
605
|
-
--tui-background-button-vertical: var(--tui-const-blue-alpha-8); //
|
|
606
|
-
--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-16); //
|
|
609
|
+
--tui-background-button-vertical: var(--tui-const-blue-alpha-8); // @Deprecated: Перенесен в component
|
|
610
|
+
--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-16); // @Deprecated: Перенесен в component
|
|
607
611
|
--tui-background-button-glass-on-dark: var(--tui-const-white-alpha-30); // @Deprecated: Заменен на overlay-glass-on-dark
|
|
608
612
|
--tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); // @Deprecated: Заменен на overlay-glass-on-light
|
|
609
|
-
--tui-background-progress-bar: var(--tui-const-cool-gray-alpha-6); //
|
|
613
|
+
--tui-background-progress-bar: var(--tui-const-cool-gray-alpha-6); // @Deprecated: Перенесен в группу component
|
|
610
614
|
--tui-background-tooltip: var(--tui-const-cool-gray-lighter-36); // @Deprecated: перенесли в группу component
|
|
611
615
|
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); // Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
612
616
|
--tui-background-overlay-glass: var(--tui-const-black-alpha-40); // Оверлей стеклянных поверхностей
|
|
@@ -696,7 +700,11 @@
|
|
|
696
700
|
--tui-chart-categorical-26: var(--tui-const-sea-blue-lighter-66);
|
|
697
701
|
--tui-chart-categorical-27: var(--tui-const-green-lighter-57);
|
|
698
702
|
--tui-component-input-background-autofill: var(--tui-const-yellow-darker-88); // @Deprecated: Заменён на service.autofill-background
|
|
703
|
+
--tui-component-progress-bar: var(--tui-const-cool-gray-alpha-6); // Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
699
704
|
--tui-component-tooltip: var(--tui-const-cool-gray-lighter-36); // Фон для тултипов
|
|
705
|
+
--tui-component-button-close-on-light: var(--tui-const-black-alpha-40); // Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
706
|
+
--tui-component-button-vertical: var(--tui-const-blue-alpha-8); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
707
|
+
--tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-16); // Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
|
|
700
708
|
--tui-const-yellow: #FFDD2D; // N9
|
|
701
709
|
--tui-const-yellow-darker-88: #FFF5C2;
|
|
702
710
|
--tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
|
package/package.json
CHANGED
package/palette/dark.css
CHANGED
|
@@ -78,16 +78,16 @@
|
|
|
78
78
|
--tui-background-accent-on-dark: var(--tui-const-white); /* Контрастные контейнеры на темных фонах, не меняется при смене темы */
|
|
79
79
|
--tui-background-accent-on-dark-hover: var(--tui-const-cool-gray-lighter-97); /* Контрастные контейнеры при наведении на темных фонах, не меняется при смене темы. */
|
|
80
80
|
--tui-background-accent-on-dark-pressed: var(--tui-const-cool-gray-lighter-93); /* Контрастные контейнеры при нажатии на темных фонах, не меняется при смене темы. */
|
|
81
|
-
--tui-background-button-close-on-light: var(--tui-const-black-alpha-40); /*
|
|
81
|
+
--tui-background-button-close-on-light: var(--tui-const-black-alpha-40); /* @Deprecated: Перенесен в component */
|
|
82
82
|
--tui-background-button-close-on-dark: var(--tui-const-white-alpha-50); /* @Deprecated: Заменен на overlay-glass-on-dark */
|
|
83
83
|
--tui-background-badge-notification: var(--tui-const-red); /* Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
84
84
|
--tui-background-toggle: var(--tui-const-white-alpha-20); /* @Deprecated: Заменен на background.neutral-2 */
|
|
85
|
-
--tui-background-button-vertical: var(--tui-const-blue-alpha-16); /*
|
|
86
|
-
--tui-background-button-vertical-hover: var(--tui-const-blue-alpha-20); /*
|
|
87
|
-
--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-24); /*
|
|
85
|
+
--tui-background-button-vertical: var(--tui-const-blue-alpha-16); /* @Deprecated: Перенесен в component */
|
|
86
|
+
--tui-background-button-vertical-hover: var(--tui-const-blue-alpha-20); /* @Deprecated: Перенесен в component */
|
|
87
|
+
--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-24); /* @Deprecated: Перенесен в component */
|
|
88
88
|
--tui-background-button-glass-on-dark: var(--tui-const-white-alpha-30); /* @Deprecated: Заменен на overlay-glass-on-dark */
|
|
89
89
|
--tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); /* @Deprecated: Заменен на overlay-glass-on-light */
|
|
90
|
-
--tui-background-progress-bar: var(--tui-const-white-alpha-15); /*
|
|
90
|
+
--tui-background-progress-bar: var(--tui-const-white-alpha-15); /* @Deprecated: Перенесен в группу component */
|
|
91
91
|
--tui-background-tooltip: var(--tui-const-white); /* @Deprecated: перенесли в группу component */
|
|
92
92
|
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
93
93
|
--tui-background-overlay-glass: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей */
|
|
@@ -189,7 +189,12 @@
|
|
|
189
189
|
--tui-chart-categorical-27: var(--tui-const-green-lighter-57);
|
|
190
190
|
--tui-component-tab-bar-background-ios: #1A1A1DB3; /* Цвет фона для имитации системного таббара iOS */
|
|
191
191
|
--tui-component-input-background-autofill: var(--tui-const-yellow-darker-26); /* @Deprecated: Заменён на service.autofill-background */
|
|
192
|
+
--tui-component-progress-bar: var(--tui-const-white-alpha-15); /* Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
192
193
|
--tui-component-tooltip: var(--tui-const-white); /* Фон для тултипов */
|
|
194
|
+
--tui-component-button-close-on-light: var(--tui-const-black-alpha-40); /* Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
195
|
+
--tui-component-button-vertical: var(--tui-const-blue-alpha-16); /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
196
|
+
--tui-component-button-vertical-hover: var(--tui-const-blue-alpha-20); /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
197
|
+
--tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-24); /* Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
193
198
|
--tui-const-yellow: #FFDD2D; /* N9 */
|
|
194
199
|
--tui-const-yellow-darker-88: #FFF5C2;
|
|
195
200
|
--tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
|
package/palette/light.css
CHANGED
|
@@ -78,16 +78,16 @@
|
|
|
78
78
|
--tui-background-accent-on-dark: var(--tui-const-white); /* Контрастные контейнеры на темных фонах, не меняется при смене темы */
|
|
79
79
|
--tui-background-accent-on-dark-hover: var(--tui-const-cool-gray-lighter-97); /* Контрастные контейнеры при наведении на темных фонах, не меняется при смене темы. */
|
|
80
80
|
--tui-background-accent-on-dark-pressed: var(--tui-const-cool-gray-lighter-93); /* Контрастные контейнеры при нажатии на темных фонах, не меняется при смене темы. */
|
|
81
|
-
--tui-background-button-close-on-light: var(--tui-const-black-alpha-40); /*
|
|
81
|
+
--tui-background-button-close-on-light: var(--tui-const-black-alpha-40); /* @Deprecated: Перенесен в component */
|
|
82
82
|
--tui-background-button-close-on-dark: var(--tui-const-white-alpha-50); /* @Deprecated: Заменен на overlay-glass-on-dark */
|
|
83
83
|
--tui-background-badge-notification: var(--tui-const-red); /* Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
84
84
|
--tui-background-toggle: var(--tui-const-cool-gray-alpha-12); /* @Deprecated: Заменен на background.neutral-2 */
|
|
85
|
-
--tui-background-button-vertical: var(--tui-const-blue-alpha-8); /*
|
|
86
|
-
--tui-background-button-vertical-hover: var(--tui-const-blue-alpha-12); /*
|
|
87
|
-
--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-16); /*
|
|
85
|
+
--tui-background-button-vertical: var(--tui-const-blue-alpha-8); /* @Deprecated: Перенесен в component */
|
|
86
|
+
--tui-background-button-vertical-hover: var(--tui-const-blue-alpha-12); /* @Deprecated: Перенесен в component */
|
|
87
|
+
--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-16); /* @Deprecated: Перенесен в component */
|
|
88
88
|
--tui-background-button-glass-on-dark: var(--tui-const-white-alpha-30); /* @Deprecated: Заменен на overlay-glass-on-dark */
|
|
89
89
|
--tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); /* @Deprecated: Заменен на overlay-glass-on-light */
|
|
90
|
-
--tui-background-progress-bar: var(--tui-const-cool-gray-alpha-6); /*
|
|
90
|
+
--tui-background-progress-bar: var(--tui-const-cool-gray-alpha-6); /* @Deprecated: Перенесен в группу component */
|
|
91
91
|
--tui-background-tooltip: var(--tui-const-cool-gray-lighter-36); /* @Deprecated: перенесли в группу component */
|
|
92
92
|
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
93
93
|
--tui-background-overlay-glass: var(--tui-const-black-alpha-40); /* Оверлей стеклянных поверхностей */
|
|
@@ -189,7 +189,12 @@
|
|
|
189
189
|
--tui-chart-categorical-27: var(--tui-const-green-lighter-57);
|
|
190
190
|
--tui-component-tab-bar-background-ios: #F6F7F8CC; /* Цвет фона для имитации системного таббара iOS */
|
|
191
191
|
--tui-component-input-background-autofill: var(--tui-const-yellow-darker-88); /* @Deprecated: Заменён на service.autofill-background */
|
|
192
|
+
--tui-component-progress-bar: var(--tui-const-cool-gray-alpha-6); /* Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
192
193
|
--tui-component-tooltip: var(--tui-const-cool-gray-lighter-36); /* Фон для тултипов */
|
|
194
|
+
--tui-component-button-close-on-light: var(--tui-const-black-alpha-40); /* Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
195
|
+
--tui-component-button-vertical: var(--tui-const-blue-alpha-8); /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
196
|
+
--tui-component-button-vertical-hover: var(--tui-const-blue-alpha-12); /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
197
|
+
--tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-16); /* Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
193
198
|
--tui-const-yellow: #FFDD2D; /* N9 */
|
|
194
199
|
--tui-const-yellow-darker-88: #FFF5C2;
|
|
195
200
|
--tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
|
package/palette/mobile/dark.css
CHANGED
|
@@ -66,15 +66,15 @@
|
|
|
66
66
|
--tui-background-accent-on-light-pressed: var(--tui-const-black-lighter-16); /* Контрастные контейнеры при нажатии на светлых фонах, не меняется при смене темы. */
|
|
67
67
|
--tui-background-accent-on-dark: var(--tui-const-white); /* Контрастные контейнеры на темных фонах, не меняется при смене темы */
|
|
68
68
|
--tui-background-accent-on-dark-pressed: var(--tui-const-cool-gray-lighter-97); /* Контрастные контейнеры при нажатии на темных фонах, не меняется при смене темы. */
|
|
69
|
-
--tui-background-button-close-on-light: var(--tui-const-black-alpha-40); /*
|
|
69
|
+
--tui-background-button-close-on-light: var(--tui-const-black-alpha-40); /* @Deprecated: Перенесен в component */
|
|
70
70
|
--tui-background-button-close-on-dark: var(--tui-const-white-alpha-50); /* @Deprecated: Заменен на overlay-glass-on-dark */
|
|
71
71
|
--tui-background-badge-notification: var(--tui-const-red); /* Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
72
72
|
--tui-background-toggle: var(--tui-const-white-alpha-20); /* @Deprecated: Заменен на background.neutral-2 */
|
|
73
|
-
--tui-background-button-vertical: var(--tui-const-blue-alpha-16); /*
|
|
74
|
-
--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-24); /*
|
|
73
|
+
--tui-background-button-vertical: var(--tui-const-blue-alpha-16); /* @Deprecated: Перенесен в component */
|
|
74
|
+
--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-24); /* @Deprecated: Перенесен в component */
|
|
75
75
|
--tui-background-button-glass-on-dark: var(--tui-const-white-alpha-30); /* @Deprecated: Заменен на overlay-glass-on-dark */
|
|
76
76
|
--tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); /* @Deprecated: Заменен на overlay-glass-on-light */
|
|
77
|
-
--tui-background-progress-bar: var(--tui-const-white-alpha-15); /*
|
|
77
|
+
--tui-background-progress-bar: var(--tui-const-white-alpha-15); /* @Deprecated: Перенесен в группу component */
|
|
78
78
|
--tui-background-tooltip: var(--tui-const-cool-gray-lighter-51); /* @Deprecated: перенесли в группу component */
|
|
79
79
|
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
80
80
|
--tui-background-overlay-glass: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей */
|
|
@@ -164,7 +164,11 @@
|
|
|
164
164
|
--tui-chart-categorical-26: var(--tui-const-sea-blue-lighter-66);
|
|
165
165
|
--tui-chart-categorical-27: var(--tui-const-green-lighter-57);
|
|
166
166
|
--tui-component-input-background-autofill: var(--tui-const-yellow-darker-26); /* @Deprecated: Заменён на service.autofill-background */
|
|
167
|
+
--tui-component-progress-bar: var(--tui-const-white-alpha-15); /* Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
167
168
|
--tui-component-tooltip: var(--tui-const-cool-gray-lighter-51); /* Фон для тултипов */
|
|
169
|
+
--tui-component-button-close-on-light: var(--tui-const-black-alpha-40); /* Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
170
|
+
--tui-component-button-vertical: var(--tui-const-blue-alpha-16); /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
171
|
+
--tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-24); /* Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
168
172
|
--tui-const-yellow: #FFDD2D; /* N9 */
|
|
169
173
|
--tui-const-yellow-darker-88: #FFF5C2;
|
|
170
174
|
--tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
|
package/palette/mobile/light.css
CHANGED
|
@@ -66,15 +66,15 @@
|
|
|
66
66
|
--tui-background-accent-on-light-pressed: var(--tui-const-black-lighter-16); /* Контрастные контейнеры при нажатии на светлых фонах, не меняется при смене темы. */
|
|
67
67
|
--tui-background-accent-on-dark: var(--tui-const-white); /* Контрастные контейнеры на темных фонах, не меняется при смене темы */
|
|
68
68
|
--tui-background-accent-on-dark-pressed: var(--tui-const-cool-gray-lighter-97); /* Контрастные контейнеры при нажатии на темных фонах, не меняется при смене темы. */
|
|
69
|
-
--tui-background-button-close-on-light: var(--tui-const-black-alpha-40); /*
|
|
69
|
+
--tui-background-button-close-on-light: var(--tui-const-black-alpha-40); /* @Deprecated: Перенесен в component */
|
|
70
70
|
--tui-background-button-close-on-dark: var(--tui-const-white-alpha-50); /* @Deprecated: Заменен на overlay-glass-on-dark */
|
|
71
71
|
--tui-background-badge-notification: var(--tui-const-red); /* Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
72
72
|
--tui-background-toggle: var(--tui-const-cool-gray-alpha-12); /* @Deprecated: Заменен на background.neutral-2 */
|
|
73
|
-
--tui-background-button-vertical: var(--tui-const-blue-alpha-8); /*
|
|
74
|
-
--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-16); /*
|
|
73
|
+
--tui-background-button-vertical: var(--tui-const-blue-alpha-8); /* @Deprecated: Перенесен в component */
|
|
74
|
+
--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-16); /* @Deprecated: Перенесен в component */
|
|
75
75
|
--tui-background-button-glass-on-dark: var(--tui-const-white-alpha-30); /* @Deprecated: Заменен на overlay-glass-on-dark */
|
|
76
76
|
--tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); /* @Deprecated: Заменен на overlay-glass-on-light */
|
|
77
|
-
--tui-background-progress-bar: var(--tui-const-cool-gray-alpha-6); /*
|
|
77
|
+
--tui-background-progress-bar: var(--tui-const-cool-gray-alpha-6); /* @Deprecated: Перенесен в группу component */
|
|
78
78
|
--tui-background-tooltip: var(--tui-const-cool-gray-lighter-36); /* @Deprecated: перенесли в группу component */
|
|
79
79
|
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
80
80
|
--tui-background-overlay-glass: var(--tui-const-black-alpha-40); /* Оверлей стеклянных поверхностей */
|
|
@@ -164,7 +164,11 @@
|
|
|
164
164
|
--tui-chart-categorical-26: var(--tui-const-sea-blue-lighter-66);
|
|
165
165
|
--tui-chart-categorical-27: var(--tui-const-green-lighter-57);
|
|
166
166
|
--tui-component-input-background-autofill: var(--tui-const-yellow-darker-88); /* @Deprecated: Заменён на service.autofill-background */
|
|
167
|
+
--tui-component-progress-bar: var(--tui-const-cool-gray-alpha-6); /* Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
167
168
|
--tui-component-tooltip: var(--tui-const-cool-gray-lighter-36); /* Фон для тултипов */
|
|
169
|
+
--tui-component-button-close-on-light: var(--tui-const-black-alpha-40); /* Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
170
|
+
--tui-component-button-vertical: var(--tui-const-blue-alpha-8); /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
171
|
+
--tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-16); /* Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
168
172
|
--tui-const-yellow: #FFDD2D; /* N9 */
|
|
169
173
|
--tui-const-yellow-darker-88: #FFF5C2;
|
|
170
174
|
--tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
|
package/palette/scss/dark.scss
CHANGED
|
@@ -78,16 +78,16 @@
|
|
|
78
78
|
--tui-background-accent-on-dark: var(--tui-const-white); /* Контрастные контейнеры на темных фонах, не меняется при смене темы */
|
|
79
79
|
--tui-background-accent-on-dark-hover: var(--tui-const-cool-gray-lighter-97); /* Контрастные контейнеры при наведении на темных фонах, не меняется при смене темы. */
|
|
80
80
|
--tui-background-accent-on-dark-pressed: var(--tui-const-cool-gray-lighter-93); /* Контрастные контейнеры при нажатии на темных фонах, не меняется при смене темы. */
|
|
81
|
-
--tui-background-button-close-on-light: var(--tui-const-black-alpha-40); /*
|
|
81
|
+
--tui-background-button-close-on-light: var(--tui-const-black-alpha-40); /* @Deprecated: Перенесен в component */
|
|
82
82
|
--tui-background-button-close-on-dark: var(--tui-const-white-alpha-50); /* @Deprecated: Заменен на overlay-glass-on-dark */
|
|
83
83
|
--tui-background-badge-notification: var(--tui-const-red); /* Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
84
84
|
--tui-background-toggle: var(--tui-const-white-alpha-20); /* @Deprecated: Заменен на background.neutral-2 */
|
|
85
|
-
--tui-background-button-vertical: var(--tui-const-blue-alpha-16); /*
|
|
86
|
-
--tui-background-button-vertical-hover: var(--tui-const-blue-alpha-20); /*
|
|
87
|
-
--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-24); /*
|
|
85
|
+
--tui-background-button-vertical: var(--tui-const-blue-alpha-16); /* @Deprecated: Перенесен в component */
|
|
86
|
+
--tui-background-button-vertical-hover: var(--tui-const-blue-alpha-20); /* @Deprecated: Перенесен в component */
|
|
87
|
+
--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-24); /* @Deprecated: Перенесен в component */
|
|
88
88
|
--tui-background-button-glass-on-dark: var(--tui-const-white-alpha-30); /* @Deprecated: Заменен на overlay-glass-on-dark */
|
|
89
89
|
--tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); /* @Deprecated: Заменен на overlay-glass-on-light */
|
|
90
|
-
--tui-background-progress-bar: var(--tui-const-white-alpha-15); /*
|
|
90
|
+
--tui-background-progress-bar: var(--tui-const-white-alpha-15); /* @Deprecated: Перенесен в группу component */
|
|
91
91
|
--tui-background-tooltip: var(--tui-const-white); /* @Deprecated: перенесли в группу component */
|
|
92
92
|
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
93
93
|
--tui-background-overlay-glass: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей */
|
|
@@ -189,7 +189,12 @@
|
|
|
189
189
|
--tui-chart-categorical-27: var(--tui-const-green-lighter-57);
|
|
190
190
|
--tui-component-tab-bar-background-ios: #1A1A1DB3; /* Цвет фона для имитации системного таббара iOS */
|
|
191
191
|
--tui-component-input-background-autofill: var(--tui-const-yellow-darker-26); /* @Deprecated: Заменён на service.autofill-background */
|
|
192
|
+
--tui-component-progress-bar: var(--tui-const-white-alpha-15); /* Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
192
193
|
--tui-component-tooltip: var(--tui-const-white); /* Фон для тултипов */
|
|
194
|
+
--tui-component-button-close-on-light: var(--tui-const-black-alpha-40); /* Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
195
|
+
--tui-component-button-vertical: var(--tui-const-blue-alpha-16); /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
196
|
+
--tui-component-button-vertical-hover: var(--tui-const-blue-alpha-20); /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
197
|
+
--tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-24); /* Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
193
198
|
--tui-const-yellow: #FFDD2D; /* N9 */
|
|
194
199
|
--tui-const-yellow-darker-88: #FFF5C2;
|
|
195
200
|
--tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
|
package/palette/scss/light.scss
CHANGED
|
@@ -78,16 +78,16 @@
|
|
|
78
78
|
--tui-background-accent-on-dark: var(--tui-const-white); /* Контрастные контейнеры на темных фонах, не меняется при смене темы */
|
|
79
79
|
--tui-background-accent-on-dark-hover: var(--tui-const-cool-gray-lighter-97); /* Контрастные контейнеры при наведении на темных фонах, не меняется при смене темы. */
|
|
80
80
|
--tui-background-accent-on-dark-pressed: var(--tui-const-cool-gray-lighter-93); /* Контрастные контейнеры при нажатии на темных фонах, не меняется при смене темы. */
|
|
81
|
-
--tui-background-button-close-on-light: var(--tui-const-black-alpha-40); /*
|
|
81
|
+
--tui-background-button-close-on-light: var(--tui-const-black-alpha-40); /* @Deprecated: Перенесен в component */
|
|
82
82
|
--tui-background-button-close-on-dark: var(--tui-const-white-alpha-50); /* @Deprecated: Заменен на overlay-glass-on-dark */
|
|
83
83
|
--tui-background-badge-notification: var(--tui-const-red); /* Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
84
84
|
--tui-background-toggle: var(--tui-const-cool-gray-alpha-12); /* @Deprecated: Заменен на background.neutral-2 */
|
|
85
|
-
--tui-background-button-vertical: var(--tui-const-blue-alpha-8); /*
|
|
86
|
-
--tui-background-button-vertical-hover: var(--tui-const-blue-alpha-12); /*
|
|
87
|
-
--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-16); /*
|
|
85
|
+
--tui-background-button-vertical: var(--tui-const-blue-alpha-8); /* @Deprecated: Перенесен в component */
|
|
86
|
+
--tui-background-button-vertical-hover: var(--tui-const-blue-alpha-12); /* @Deprecated: Перенесен в component */
|
|
87
|
+
--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-16); /* @Deprecated: Перенесен в component */
|
|
88
88
|
--tui-background-button-glass-on-dark: var(--tui-const-white-alpha-30); /* @Deprecated: Заменен на overlay-glass-on-dark */
|
|
89
89
|
--tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); /* @Deprecated: Заменен на overlay-glass-on-light */
|
|
90
|
-
--tui-background-progress-bar: var(--tui-const-cool-gray-alpha-6); /*
|
|
90
|
+
--tui-background-progress-bar: var(--tui-const-cool-gray-alpha-6); /* @Deprecated: Перенесен в группу component */
|
|
91
91
|
--tui-background-tooltip: var(--tui-const-cool-gray-lighter-36); /* @Deprecated: перенесли в группу component */
|
|
92
92
|
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
93
93
|
--tui-background-overlay-glass: var(--tui-const-black-alpha-40); /* Оверлей стеклянных поверхностей */
|
|
@@ -189,7 +189,12 @@
|
|
|
189
189
|
--tui-chart-categorical-27: var(--tui-const-green-lighter-57);
|
|
190
190
|
--tui-component-tab-bar-background-ios: #F6F7F8CC; /* Цвет фона для имитации системного таббара iOS */
|
|
191
191
|
--tui-component-input-background-autofill: var(--tui-const-yellow-darker-88); /* @Deprecated: Заменён на service.autofill-background */
|
|
192
|
+
--tui-component-progress-bar: var(--tui-const-cool-gray-alpha-6); /* Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
192
193
|
--tui-component-tooltip: var(--tui-const-cool-gray-lighter-36); /* Фон для тултипов */
|
|
194
|
+
--tui-component-button-close-on-light: var(--tui-const-black-alpha-40); /* Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
195
|
+
--tui-component-button-vertical: var(--tui-const-blue-alpha-8); /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
196
|
+
--tui-component-button-vertical-hover: var(--tui-const-blue-alpha-12); /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
197
|
+
--tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-16); /* Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
193
198
|
--tui-const-yellow: #FFDD2D; /* N9 */
|
|
194
199
|
--tui-const-yellow-darker-88: #FFF5C2;
|
|
195
200
|
--tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
|
|
@@ -66,15 +66,15 @@
|
|
|
66
66
|
--tui-background-accent-on-light-pressed: var(--tui-const-black-lighter-16); /* Контрастные контейнеры при нажатии на светлых фонах, не меняется при смене темы. */
|
|
67
67
|
--tui-background-accent-on-dark: var(--tui-const-white); /* Контрастные контейнеры на темных фонах, не меняется при смене темы */
|
|
68
68
|
--tui-background-accent-on-dark-pressed: var(--tui-const-cool-gray-lighter-97); /* Контрастные контейнеры при нажатии на темных фонах, не меняется при смене темы. */
|
|
69
|
-
--tui-background-button-close-on-light: var(--tui-const-black-alpha-40); /*
|
|
69
|
+
--tui-background-button-close-on-light: var(--tui-const-black-alpha-40); /* @Deprecated: Перенесен в component */
|
|
70
70
|
--tui-background-button-close-on-dark: var(--tui-const-white-alpha-50); /* @Deprecated: Заменен на overlay-glass-on-dark */
|
|
71
71
|
--tui-background-badge-notification: var(--tui-const-red); /* Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
72
72
|
--tui-background-toggle: var(--tui-const-white-alpha-20); /* @Deprecated: Заменен на background.neutral-2 */
|
|
73
|
-
--tui-background-button-vertical: var(--tui-const-blue-alpha-16); /*
|
|
74
|
-
--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-24); /*
|
|
73
|
+
--tui-background-button-vertical: var(--tui-const-blue-alpha-16); /* @Deprecated: Перенесен в component */
|
|
74
|
+
--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-24); /* @Deprecated: Перенесен в component */
|
|
75
75
|
--tui-background-button-glass-on-dark: var(--tui-const-white-alpha-30); /* @Deprecated: Заменен на overlay-glass-on-dark */
|
|
76
76
|
--tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); /* @Deprecated: Заменен на overlay-glass-on-light */
|
|
77
|
-
--tui-background-progress-bar: var(--tui-const-white-alpha-15); /*
|
|
77
|
+
--tui-background-progress-bar: var(--tui-const-white-alpha-15); /* @Deprecated: Перенесен в группу component */
|
|
78
78
|
--tui-background-tooltip: var(--tui-const-cool-gray-lighter-51); /* @Deprecated: перенесли в группу component */
|
|
79
79
|
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
80
80
|
--tui-background-overlay-glass: var(--tui-const-white-alpha-30); /* Оверлей стеклянных поверхностей */
|
|
@@ -164,7 +164,11 @@
|
|
|
164
164
|
--tui-chart-categorical-26: var(--tui-const-sea-blue-lighter-66);
|
|
165
165
|
--tui-chart-categorical-27: var(--tui-const-green-lighter-57);
|
|
166
166
|
--tui-component-input-background-autofill: var(--tui-const-yellow-darker-26); /* @Deprecated: Заменён на service.autofill-background */
|
|
167
|
+
--tui-component-progress-bar: var(--tui-const-white-alpha-15); /* Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
167
168
|
--tui-component-tooltip: var(--tui-const-cool-gray-lighter-51); /* Фон для тултипов */
|
|
169
|
+
--tui-component-button-close-on-light: var(--tui-const-black-alpha-40); /* Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
170
|
+
--tui-component-button-vertical: var(--tui-const-blue-alpha-16); /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
171
|
+
--tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-24); /* Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
168
172
|
--tui-const-yellow: #FFDD2D; /* N9 */
|
|
169
173
|
--tui-const-yellow-darker-88: #FFF5C2;
|
|
170
174
|
--tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
|
|
@@ -66,15 +66,15 @@
|
|
|
66
66
|
--tui-background-accent-on-light-pressed: var(--tui-const-black-lighter-16); /* Контрастные контейнеры при нажатии на светлых фонах, не меняется при смене темы. */
|
|
67
67
|
--tui-background-accent-on-dark: var(--tui-const-white); /* Контрастные контейнеры на темных фонах, не меняется при смене темы */
|
|
68
68
|
--tui-background-accent-on-dark-pressed: var(--tui-const-cool-gray-lighter-97); /* Контрастные контейнеры при нажатии на темных фонах, не меняется при смене темы. */
|
|
69
|
-
--tui-background-button-close-on-light: var(--tui-const-black-alpha-40); /*
|
|
69
|
+
--tui-background-button-close-on-light: var(--tui-const-black-alpha-40); /* @Deprecated: Перенесен в component */
|
|
70
70
|
--tui-background-button-close-on-dark: var(--tui-const-white-alpha-50); /* @Deprecated: Заменен на overlay-glass-on-dark */
|
|
71
71
|
--tui-background-badge-notification: var(--tui-const-red); /* Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
72
72
|
--tui-background-toggle: var(--tui-const-cool-gray-alpha-12); /* @Deprecated: Заменен на background.neutral-2 */
|
|
73
|
-
--tui-background-button-vertical: var(--tui-const-blue-alpha-8); /*
|
|
74
|
-
--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-16); /*
|
|
73
|
+
--tui-background-button-vertical: var(--tui-const-blue-alpha-8); /* @Deprecated: Перенесен в component */
|
|
74
|
+
--tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-16); /* @Deprecated: Перенесен в component */
|
|
75
75
|
--tui-background-button-glass-on-dark: var(--tui-const-white-alpha-30); /* @Deprecated: Заменен на overlay-glass-on-dark */
|
|
76
76
|
--tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); /* @Deprecated: Заменен на overlay-glass-on-light */
|
|
77
|
-
--tui-background-progress-bar: var(--tui-const-cool-gray-alpha-6); /*
|
|
77
|
+
--tui-background-progress-bar: var(--tui-const-cool-gray-alpha-6); /* @Deprecated: Перенесен в группу component */
|
|
78
78
|
--tui-background-tooltip: var(--tui-const-cool-gray-lighter-36); /* @Deprecated: перенесли в группу component */
|
|
79
79
|
--tui-background-thumbnail-card-badge: var(--tui-const-black-alpha-12); /* Прозрачный контейнер бейджа на миниатюре карты. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
80
80
|
--tui-background-overlay-glass: var(--tui-const-black-alpha-40); /* Оверлей стеклянных поверхностей */
|
|
@@ -164,7 +164,11 @@
|
|
|
164
164
|
--tui-chart-categorical-26: var(--tui-const-sea-blue-lighter-66);
|
|
165
165
|
--tui-chart-categorical-27: var(--tui-const-green-lighter-57);
|
|
166
166
|
--tui-component-input-background-autofill: var(--tui-const-yellow-darker-88); /* @Deprecated: Заменён на service.autofill-background */
|
|
167
|
+
--tui-component-progress-bar: var(--tui-const-cool-gray-alpha-6); /* Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
167
168
|
--tui-component-tooltip: var(--tui-const-cool-gray-lighter-36); /* Фон для тултипов */
|
|
169
|
+
--tui-component-button-close-on-light: var(--tui-const-black-alpha-40); /* Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
170
|
+
--tui-component-button-vertical: var(--tui-const-blue-alpha-8); /* Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
171
|
+
--tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-16); /* Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0. */
|
|
168
172
|
--tui-const-yellow: #FFDD2D; /* N9 */
|
|
169
173
|
--tui-const-yellow-darker-88: #FFF5C2;
|
|
170
174
|
--tui-const-yellow-darker-60: #FFCD33; /* N9 pressed, hsL=60 */
|