@taiga-ui/design-tokens 0.219.0 → 0.221.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.
Files changed (16) hide show
  1. package/angular/desktop.less +25 -11
  2. package/angular/mobile.less +20 -8
  3. package/esm2022/icons.mjs +5 -1
  4. package/fesm2022/taiga-ui-design-tokens.mjs +4 -0
  5. package/fesm2022/taiga-ui-design-tokens.mjs.map +1 -1
  6. package/icons.d.ts +1 -1
  7. package/package.json +1 -1
  8. package/palette/dark.css +12 -5
  9. package/palette/light.css +12 -5
  10. package/palette/mobile/dark.css +10 -4
  11. package/palette/mobile/light.css +10 -4
  12. package/palette/scss/dark.scss +12 -5
  13. package/palette/scss/light.scss +12 -5
  14. package/palette/scss/mobile/dark.scss +10 -4
  15. package/palette/scss/mobile/light.scss +10 -4
  16. package/palette/shadow.css +1 -1
package/angular/desktop.less CHANGED
@@ -79,13 +79,13 @@
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); // Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
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
- --tui-background-badge-notification: var(--tui-const-red); // Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
84
+ --tui-background-badge-notification: var(--tui-const-red); // @Deprecated: Перенесен в группу component
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); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
87
- --tui-background-button-vertical-hover: var(--tui-const-blue-alpha-12); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
88
- --tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-16); // Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
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
91
  --tui-background-progress-bar: var(--tui-const-cool-gray-alpha-6); // @Deprecated: Перенесен в группу component
@@ -192,6 +192,11 @@
192
192
  --tui-component-input-background-autofill: var(--tui-const-yellow-darker-88); // @Deprecated: Заменён на service.autofill-background
193
193
  --tui-component-progress-bar: var(--tui-const-cool-gray-alpha-6); // Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
194
194
  --tui-component-tooltip: var(--tui-const-cool-gray-lighter-36); // Фон для тултипов
195
+ --tui-component-badge-notification: var(--tui-const-red); // Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
196
+ --tui-component-button-close-on-light: var(--tui-const-black-alpha-40); // Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
197
+ --tui-component-button-vertical: var(--tui-const-blue-alpha-8); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
198
+ --tui-component-button-vertical-hover: var(--tui-const-blue-alpha-12); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
199
+ --tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-16); // Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
195
200
  --tui-const-yellow: #FFDD2D; // N9
196
201
  --tui-const-yellow-darker-88: #FFF5C2;
197
202
  --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
@@ -332,6 +337,8 @@
332
337
  --tui-const-black-alpha-24: #0000003D; // 24% opacity
333
338
  --tui-const-black-alpha-21: #00000036; // 21% opacity
334
339
  --tui-const-black-alpha-18: #0000002E; // 18% opacity
340
+ --tui-const-black-alpha-16: #00000029; // 16% opacity
341
+ --tui-const-black-alpha-14: #00000024; // 14% opacity
335
342
  --tui-const-black-alpha-12: #0000001F; // 12% opacity
336
343
  --tui-const-black-alpha-10: #0000001A; // 10% opacity
337
344
  --tui-const-black-alpha-7: #00000012; // 7% opacity
@@ -564,7 +571,7 @@
564
571
  --tui-shadow-small-hover: 0px 14px 42px 0px rgba(0, 0, 0, 0.12);
565
572
  --tui-shadow-medium: 0px 6px 34px 0px rgba(0, 0, 0, 0.12); // Тень для карточек и других больших объектов, например тултипов
566
573
  --tui-shadow-medium-hover: 0px 18px 60px 0px rgba(0, 0, 0, 0.18);
567
- --tui-shadow-popup: 0px 20px 50px 0px rgba(0, 0, 0, 0.21); // Тень для карточек, всплывающих поверх контента: например попап-онбординг
574
+ --tui-shadow-popup: 0px 8px 28px 0px rgba(0, 0, 0, 0.16); // Тень для карточек, всплывающих поверх контента: например попап-онбординг
568
575
  }
569
576
 
570
577
  [tuiTheme='dark'] {
@@ -647,13 +654,13 @@
647
654
  --tui-background-accent-on-dark: var(--tui-const-white); // Контрастные контейнеры на темных фонах, не меняется при смене темы
648
655
  --tui-background-accent-on-dark-hover: var(--tui-const-cool-gray-lighter-97); // Контрастные контейнеры при наведении на темных фонах, не меняется при смене темы.
649
656
  --tui-background-accent-on-dark-pressed: var(--tui-const-cool-gray-lighter-93); // Контрастные контейнеры при нажатии на темных фонах, не меняется при смене темы.
650
- --tui-background-button-close-on-light: var(--tui-const-black-alpha-40); // Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
657
+ --tui-background-button-close-on-light: var(--tui-const-black-alpha-40); // @Deprecated: Перенесен в component
651
658
  --tui-background-button-close-on-dark: var(--tui-const-white-alpha-50); // @Deprecated: Заменен на overlay-glass-on-dark
652
- --tui-background-badge-notification: var(--tui-const-red); // Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
659
+ --tui-background-badge-notification: var(--tui-const-red); // @Deprecated: Перенесен в группу component
653
660
  --tui-background-toggle: var(--tui-const-white-alpha-20); // @Deprecated: Заменен на background.neutral-2
654
- --tui-background-button-vertical: var(--tui-const-blue-alpha-16); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
655
- --tui-background-button-vertical-hover: var(--tui-const-blue-alpha-20); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
656
- --tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-24); // Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
661
+ --tui-background-button-vertical: var(--tui-const-blue-alpha-16); // @Deprecated: Перенесен в component
662
+ --tui-background-button-vertical-hover: var(--tui-const-blue-alpha-20); // @Deprecated: Перенесен в component
663
+ --tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-24); // @Deprecated: Перенесен в component
657
664
  --tui-background-button-glass-on-dark: var(--tui-const-white-alpha-30); // @Deprecated: Заменен на overlay-glass-on-dark
658
665
  --tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); // @Deprecated: Заменен на overlay-glass-on-light
659
666
  --tui-background-progress-bar: var(--tui-const-white-alpha-15); // @Deprecated: Перенесен в группу component
@@ -760,6 +767,11 @@
760
767
  --tui-component-input-background-autofill: var(--tui-const-yellow-darker-26); // @Deprecated: Заменён на service.autofill-background
761
768
  --tui-component-progress-bar: var(--tui-const-white-alpha-15); // Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
762
769
  --tui-component-tooltip: var(--tui-const-white); // Фон для тултипов
770
+ --tui-component-badge-notification: var(--tui-const-red); // Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
771
+ --tui-component-button-close-on-light: var(--tui-const-black-alpha-40); // Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
772
+ --tui-component-button-vertical: var(--tui-const-blue-alpha-16); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
773
+ --tui-component-button-vertical-hover: var(--tui-const-blue-alpha-20); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
774
+ --tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-24); // Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
763
775
  --tui-const-yellow: #FFDD2D; // N9
764
776
  --tui-const-yellow-darker-88: #FFF5C2;
765
777
  --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
@@ -900,6 +912,8 @@
900
912
  --tui-const-black-alpha-24: #0000003D; // 24% opacity
901
913
  --tui-const-black-alpha-21: #00000036; // 21% opacity
902
914
  --tui-const-black-alpha-18: #0000002E; // 18% opacity
915
+ --tui-const-black-alpha-16: #00000029; // 16% opacity
916
+ --tui-const-black-alpha-14: #00000024; // 14% opacity
903
917
  --tui-const-black-alpha-12: #0000001F; // 12% opacity
904
918
  --tui-const-black-alpha-10: #0000001A; // 10% opacity
905
919
  --tui-const-black-alpha-7: #00000012; // 7% opacity
package/angular/mobile.less CHANGED
@@ -72,12 +72,12 @@
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); // Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
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
- --tui-background-badge-notification: var(--tui-const-red); // Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
77
+ --tui-background-badge-notification: var(--tui-const-red); // @Deprecated: Перенесен в группу component
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); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
80
- --tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-24); // Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
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
83
  --tui-background-progress-bar: var(--tui-const-white-alpha-15); // @Deprecated: Перенесен в группу component
@@ -172,6 +172,10 @@
172
172
  --tui-component-input-background-autofill: var(--tui-const-yellow-darker-26); // @Deprecated: Заменён на service.autofill-background
173
173
  --tui-component-progress-bar: var(--tui-const-white-alpha-15); // Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
174
174
  --tui-component-tooltip: var(--tui-const-cool-gray-lighter-51); // Фон для тултипов
175
+ --tui-component-badge-notification: var(--tui-const-red); // Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
176
+ --tui-component-button-close-on-light: var(--tui-const-black-alpha-40); // Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
177
+ --tui-component-button-vertical: var(--tui-const-blue-alpha-16); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
178
+ --tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-24); // Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
175
179
  --tui-const-yellow: #FFDD2D; // N9
176
180
  --tui-const-yellow-darker-88: #FFF5C2;
177
181
  --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
@@ -312,6 +316,8 @@
312
316
  --tui-const-black-alpha-24: #0000003D; // 24% opacity
313
317
  --tui-const-black-alpha-21: #00000036; // 21% opacity
314
318
  --tui-const-black-alpha-18: #0000002E; // 18% opacity
319
+ --tui-const-black-alpha-16: #00000029; // 16% opacity
320
+ --tui-const-black-alpha-14: #00000024; // 14% opacity
315
321
  --tui-const-black-alpha-12: #0000001F; // 12% opacity
316
322
  --tui-const-black-alpha-10: #0000001A; // 10% opacity
317
323
  --tui-const-black-alpha-7: #00000012; // 7% opacity
@@ -599,12 +605,12 @@
599
605
  --tui-background-accent-on-light-pressed: var(--tui-const-black-lighter-16); // Контрастные контейнеры при нажатии на светлых фонах, не меняется при смене темы.
600
606
  --tui-background-accent-on-dark: var(--tui-const-white); // Контрастные контейнеры на темных фонах, не меняется при смене темы
601
607
  --tui-background-accent-on-dark-pressed: var(--tui-const-cool-gray-lighter-97); // Контрастные контейнеры при нажатии на темных фонах, не меняется при смене темы.
602
- --tui-background-button-close-on-light: var(--tui-const-black-alpha-40); // Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
608
+ --tui-background-button-close-on-light: var(--tui-const-black-alpha-40); // @Deprecated: Перенесен в component
603
609
  --tui-background-button-close-on-dark: var(--tui-const-white-alpha-50); // @Deprecated: Заменен на overlay-glass-on-dark
604
- --tui-background-badge-notification: var(--tui-const-red); // Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
610
+ --tui-background-badge-notification: var(--tui-const-red); // @Deprecated: Перенесен в группу component
605
611
  --tui-background-toggle: var(--tui-const-cool-gray-alpha-12); // @Deprecated: Заменен на background.neutral-2
606
- --tui-background-button-vertical: var(--tui-const-blue-alpha-8); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
607
- --tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-16); // Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
612
+ --tui-background-button-vertical: var(--tui-const-blue-alpha-8); // @Deprecated: Перенесен в component
613
+ --tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-16); // @Deprecated: Перенесен в component
608
614
  --tui-background-button-glass-on-dark: var(--tui-const-white-alpha-30); // @Deprecated: Заменен на overlay-glass-on-dark
609
615
  --tui-background-button-glass-on-light: var(--tui-const-black-alpha-40); // @Deprecated: Заменен на overlay-glass-on-light
610
616
  --tui-background-progress-bar: var(--tui-const-cool-gray-alpha-6); // @Deprecated: Перенесен в группу component
@@ -699,6 +705,10 @@
699
705
  --tui-component-input-background-autofill: var(--tui-const-yellow-darker-88); // @Deprecated: Заменён на service.autofill-background
700
706
  --tui-component-progress-bar: var(--tui-const-cool-gray-alpha-6); // Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
701
707
  --tui-component-tooltip: var(--tui-const-cool-gray-lighter-36); // Фон для тултипов
708
+ --tui-component-badge-notification: var(--tui-const-red); // Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
709
+ --tui-component-button-close-on-light: var(--tui-const-black-alpha-40); // Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
710
+ --tui-component-button-vertical: var(--tui-const-blue-alpha-8); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
711
+ --tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-16); // Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
702
712
  --tui-const-yellow: #FFDD2D; // N9
703
713
  --tui-const-yellow-darker-88: #FFF5C2;
704
714
  --tui-const-yellow-darker-60: #FFCD33; // N9 pressed, hsL=60
@@ -839,6 +849,8 @@
839
849
  --tui-const-black-alpha-24: #0000003D; // 24% opacity
840
850
  --tui-const-black-alpha-21: #00000036; // 21% opacity
841
851
  --tui-const-black-alpha-18: #0000002E; // 18% opacity
852
+ --tui-const-black-alpha-16: #00000029; // 16% opacity
853
+ --tui-const-black-alpha-14: #00000024; // 14% opacity
842
854
  --tui-const-black-alpha-12: #0000001F; // 12% opacity
843
855
  --tui-const-black-alpha-10: #0000001A; // 10% opacity
844
856
  --tui-const-black-alpha-7: #00000012; // 7% opacity