@taiga-ui/design-tokens 0.220.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 +9 -3
  2. package/angular/mobile.less +8 -2
  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 +4 -1
  9. package/palette/light.css +4 -1
  10. package/palette/mobile/dark.css +4 -1
  11. package/palette/mobile/light.css +4 -1
  12. package/palette/scss/dark.scss +4 -1
  13. package/palette/scss/light.scss +4 -1
  14. package/palette/scss/mobile/dark.scss +4 -1
  15. package/palette/scss/mobile/light.scss +4 -1
  16. package/palette/shadow.css +1 -1
package/angular/desktop.less CHANGED
@@ -81,7 +81,7 @@
81
81
  --tui-background-accent-on-dark-pressed: var(--tui-const-cool-gray-lighter-93); // Контрастные контейнеры при нажатии на темных фонах, не меняется при смене темы.
82
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
86
  --tui-background-button-vertical: var(--tui-const-blue-alpha-8); // @Deprecated: Перенесен в component
87
87
  --tui-background-button-vertical-hover: var(--tui-const-blue-alpha-12); // @Deprecated: Перенесен в component
@@ -192,6 +192,7 @@
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.
195
196
  --tui-component-button-close-on-light: var(--tui-const-black-alpha-40); // Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
196
197
  --tui-component-button-vertical: var(--tui-const-blue-alpha-8); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
197
198
  --tui-component-button-vertical-hover: var(--tui-const-blue-alpha-12); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
@@ -336,6 +337,8 @@
336
337
  --tui-const-black-alpha-24: #0000003D; // 24% opacity
337
338
  --tui-const-black-alpha-21: #00000036; // 21% opacity
338
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
339
342
  --tui-const-black-alpha-12: #0000001F; // 12% opacity
340
343
  --tui-const-black-alpha-10: #0000001A; // 10% opacity
341
344
  --tui-const-black-alpha-7: #00000012; // 7% opacity
@@ -568,7 +571,7 @@
568
571
  --tui-shadow-small-hover: 0px 14px 42px 0px rgba(0, 0, 0, 0.12);
569
572
  --tui-shadow-medium: 0px 6px 34px 0px rgba(0, 0, 0, 0.12); // Тень для карточек и других больших объектов, например тултипов
570
573
  --tui-shadow-medium-hover: 0px 18px 60px 0px rgba(0, 0, 0, 0.18);
571
- --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); // Тень для карточек, всплывающих поверх контента: например попап-онбординг
572
575
  }
573
576
 
574
577
  [tuiTheme='dark'] {
@@ -653,7 +656,7 @@
653
656
  --tui-background-accent-on-dark-pressed: var(--tui-const-cool-gray-lighter-93); // Контрастные контейнеры при нажатии на темных фонах, не меняется при смене темы.
654
657
  --tui-background-button-close-on-light: var(--tui-const-black-alpha-40); // @Deprecated: Перенесен в component
655
658
  --tui-background-button-close-on-dark: var(--tui-const-white-alpha-50); // @Deprecated: Заменен на overlay-glass-on-dark
656
- --tui-background-badge-notification: var(--tui-const-red); // Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
659
+ --tui-background-badge-notification: var(--tui-const-red); // @Deprecated: Перенесен в группу component
657
660
  --tui-background-toggle: var(--tui-const-white-alpha-20); // @Deprecated: Заменен на background.neutral-2
658
661
  --tui-background-button-vertical: var(--tui-const-blue-alpha-16); // @Deprecated: Перенесен в component
659
662
  --tui-background-button-vertical-hover: var(--tui-const-blue-alpha-20); // @Deprecated: Перенесен в component
@@ -764,6 +767,7 @@
764
767
  --tui-component-input-background-autofill: var(--tui-const-yellow-darker-26); // @Deprecated: Заменён на service.autofill-background
765
768
  --tui-component-progress-bar: var(--tui-const-white-alpha-15); // Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
766
769
  --tui-component-tooltip: var(--tui-const-white); // Фон для тултипов
770
+ --tui-component-badge-notification: var(--tui-const-red); // Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
767
771
  --tui-component-button-close-on-light: var(--tui-const-black-alpha-40); // Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
768
772
  --tui-component-button-vertical: var(--tui-const-blue-alpha-16); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
769
773
  --tui-component-button-vertical-hover: var(--tui-const-blue-alpha-20); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
@@ -908,6 +912,8 @@
908
912
  --tui-const-black-alpha-24: #0000003D; // 24% opacity
909
913
  --tui-const-black-alpha-21: #00000036; // 21% opacity
910
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
911
917
  --tui-const-black-alpha-12: #0000001F; // 12% opacity
912
918
  --tui-const-black-alpha-10: #0000001A; // 10% opacity
913
919
  --tui-const-black-alpha-7: #00000012; // 7% opacity
package/angular/mobile.less CHANGED
@@ -74,7 +74,7 @@
74
74
  --tui-background-accent-on-dark-pressed: var(--tui-const-cool-gray-lighter-97); // Контрастные контейнеры при нажатии на темных фонах, не меняется при смене темы.
75
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
79
  --tui-background-button-vertical: var(--tui-const-blue-alpha-16); // @Deprecated: Перенесен в component
80
80
  --tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-24); // @Deprecated: Перенесен в component
@@ -172,6 +172,7 @@
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.
175
176
  --tui-component-button-close-on-light: var(--tui-const-black-alpha-40); // Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
176
177
  --tui-component-button-vertical: var(--tui-const-blue-alpha-16); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
177
178
  --tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-24); // Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
@@ -315,6 +316,8 @@
315
316
  --tui-const-black-alpha-24: #0000003D; // 24% opacity
316
317
  --tui-const-black-alpha-21: #00000036; // 21% opacity
317
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
318
321
  --tui-const-black-alpha-12: #0000001F; // 12% opacity
319
322
  --tui-const-black-alpha-10: #0000001A; // 10% opacity
320
323
  --tui-const-black-alpha-7: #00000012; // 7% opacity
@@ -604,7 +607,7 @@
604
607
  --tui-background-accent-on-dark-pressed: var(--tui-const-cool-gray-lighter-97); // Контрастные контейнеры при нажатии на темных фонах, не меняется при смене темы.
605
608
  --tui-background-button-close-on-light: var(--tui-const-black-alpha-40); // @Deprecated: Перенесен в component
606
609
  --tui-background-button-close-on-dark: var(--tui-const-white-alpha-50); // @Deprecated: Заменен на overlay-glass-on-dark
607
- --tui-background-badge-notification: var(--tui-const-red); // Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
610
+ --tui-background-badge-notification: var(--tui-const-red); // @Deprecated: Перенесен в группу component
608
611
  --tui-background-toggle: var(--tui-const-cool-gray-alpha-12); // @Deprecated: Заменен на background.neutral-2
609
612
  --tui-background-button-vertical: var(--tui-const-blue-alpha-8); // @Deprecated: Перенесен в component
610
613
  --tui-background-button-vertical-pressed: var(--tui-const-blue-alpha-16); // @Deprecated: Перенесен в component
@@ -702,6 +705,7 @@
702
705
  --tui-component-input-background-autofill: var(--tui-const-yellow-darker-88); // @Deprecated: Заменён на service.autofill-background
703
706
  --tui-component-progress-bar: var(--tui-const-cool-gray-alpha-6); // Пустая полоска прогресс-баров. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
704
707
  --tui-component-tooltip: var(--tui-const-cool-gray-lighter-36); // Фон для тултипов
708
+ --tui-component-badge-notification: var(--tui-const-red); // Контейнеры нотификационных бейджей. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
705
709
  --tui-component-button-close-on-light: var(--tui-const-black-alpha-40); // Фон кнопки закрытия на светлом фоне. не меняется при переключении темы. бывший цвет neutral-3-on-light. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
706
710
  --tui-component-button-vertical: var(--tui-const-blue-alpha-8); // Фон tui-button [vertical]. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
707
711
  --tui-component-button-vertical-pressed: var(--tui-const-blue-alpha-16); // Фон tui-button [vertical] при нажатии и наведении. Временный компонентный токен, существует пока не зарелизятся токены 2.0.
@@ -845,6 +849,8 @@
845
849
  --tui-const-black-alpha-24: #0000003D; // 24% opacity
846
850
  --tui-const-black-alpha-21: #00000036; // 21% opacity
847
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
848
854
  --tui-const-black-alpha-12: #0000001F; // 12% opacity
849
855
  --tui-const-black-alpha-10: #0000001A; // 10% opacity
850
856
  --tui-const-black-alpha-7: #00000012; // 7% opacity