@taiga-ui/design-tokens 0.121.0 → 0.122.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 (7) hide show
  1. package/angular/desktop.less +6 -2
  2. package/angular/mobile.less +4 -0
  3. package/package.json +1 -1
  4. package/palette/dark.css +2 -0
  5. package/palette/light.css +4 -2
  6. package/palette/mobile/dark.css +2 -0
  7. package/palette/mobile/light.css +2 -0
package/angular/desktop.less CHANGED
@@ -223,7 +223,9 @@
223
223
  --tui-const-blue-alpha-64: #428BF9A3; // 64% opacity
224
224
  --tui-const-dark-blue-alpha-6: #244A7F0F; // 6% opacity
225
225
  --tui-const-dark-blue-alpha-8: #244A7F14; // 8% opacity
226
+ --tui-const-dark-blue-alpha-9: #244A7F17; // 9% opacity
226
227
  --tui-const-dark-blue-alpha-10: #244A7F1A; // 10% opacity
228
+ --tui-const-dark-blue-alpha-11: #244A7F1C; // 11% opacity
227
229
  --tui-const-dark-blue-alpha-12: #244A7F1F; // 12% opacity
228
230
  --tui-const-red-alpha-14: #F5222224; // 12% opacity
229
231
  --tui-const-red-alpha-24: #F522223D; // 24% opacity
@@ -498,8 +500,8 @@
498
500
  --tui-background-neutral-1-opaque: var(--tui-const-cool-gray-lighter-97); // Непрозрачные контейнеры кнопок закрытия и удаления элементов
499
501
  --tui-background-neutral-1-on-base: var(--tui-const-cool-gray-lighter-97); // Непрозрачные контейнеры с минимальным контрастом на фоне base, не имеющие тени в светлой теме
500
502
  --tui-background-neutral-1-on-elevation-1: var(--tui-const-cool-gray-lighter-97); // Непрозрачные контейнеры с минимальным контрастом на фоне elevation-1, не имеющие тени в светлой теме
501
- --tui-background-neutral-1-hover: var(--tui-const-dark-blue-alpha-8); // Только для веба. Cостояние элементов c фоном neutral-1 при наведении
502
- --tui-background-neutral-1-pressed: var(--tui-const-dark-blue-alpha-10); // Нажатое состояние элементов с фоном neutral-1
503
+ --tui-background-neutral-1-hover: var(--tui-const-dark-blue-alpha-9); // Только для веба. Cостояние элементов c фоном neutral-1 при наведении
504
+ --tui-background-neutral-1-pressed: var(--tui-const-dark-blue-alpha-11); // Нажатое состояние элементов с фоном neutral-1
503
505
  --tui-background-neutral-1-hover-on-light: var(--tui-const-black-alpha-6); // @Deprecated: коррекция названия на neutral-1-on-light-hover
504
506
  --tui-background-neutral-1-hover-on-dark: var(--tui-const-white-alpha-15); // @Deprecated: коррекция названия на neutral-1-on-dark-hover
505
507
  --tui-background-neutral-1-on-light-hover: var(--tui-const-black-alpha-6); // Состояние при наведении элементов с фоном neutral-1-on-light, не меняется при переключении темы
@@ -705,7 +707,9 @@
705
707
  --tui-const-blue-alpha-64: #428BF9A3; // 64% opacity
706
708
  --tui-const-dark-blue-alpha-6: #244A7F0F; // 6% opacity
707
709
  --tui-const-dark-blue-alpha-8: #244A7F14; // 8% opacity
710
+ --tui-const-dark-blue-alpha-9: #244A7F17; // 9% opacity
708
711
  --tui-const-dark-blue-alpha-10: #244A7F1A; // 10% opacity
712
+ --tui-const-dark-blue-alpha-11: #244A7F1C; // 11% opacity
709
713
  --tui-const-dark-blue-alpha-12: #244A7F1F; // 12% opacity
710
714
  --tui-const-red-alpha-14: #F5222224; // 12% opacity
711
715
  --tui-const-red-alpha-24: #F522223D; // 24% opacity
package/angular/mobile.less CHANGED
@@ -207,7 +207,9 @@
207
207
  --tui-const-blue-alpha-64: #428BF9A3; // 64% opacity
208
208
  --tui-const-dark-blue-alpha-6: #244A7F0F; // 6% opacity
209
209
  --tui-const-dark-blue-alpha-8: #244A7F14; // 8% opacity
210
+ --tui-const-dark-blue-alpha-9: #244A7F17; // 9% opacity
210
211
  --tui-const-dark-blue-alpha-10: #244A7F1A; // 10% opacity
212
+ --tui-const-dark-blue-alpha-11: #244A7F1C; // 11% opacity
211
213
  --tui-const-dark-blue-alpha-12: #244A7F1F; // 12% opacity
212
214
  --tui-const-red-alpha-14: #F5222224; // 12% opacity
213
215
  --tui-const-red-alpha-24: #F522223D; // 24% opacity
@@ -660,7 +662,9 @@
660
662
  --tui-const-blue-alpha-64: #428BF9A3; // 64% opacity
661
663
  --tui-const-dark-blue-alpha-6: #244A7F0F; // 6% opacity
662
664
  --tui-const-dark-blue-alpha-8: #244A7F14; // 8% opacity
665
+ --tui-const-dark-blue-alpha-9: #244A7F17; // 9% opacity
663
666
  --tui-const-dark-blue-alpha-10: #244A7F1A; // 10% opacity
667
+ --tui-const-dark-blue-alpha-11: #244A7F1C; // 11% opacity
664
668
  --tui-const-dark-blue-alpha-12: #244A7F1F; // 12% opacity
665
669
  --tui-const-red-alpha-14: #F5222224; // 12% opacity
666
670
  --tui-const-red-alpha-24: #F522223D; // 24% opacity
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.121.0",
3
+ "version": "0.122.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",
package/palette/dark.css CHANGED
@@ -223,7 +223,9 @@
223
223
  --tui-const-blue-alpha-64: #428BF9A3; /* 64% opacity */
224
224
  --tui-const-dark-blue-alpha-6: #244A7F0F; /* 6% opacity */
225
225
  --tui-const-dark-blue-alpha-8: #244A7F14; /* 8% opacity */
226
+ --tui-const-dark-blue-alpha-9: #244A7F17; /* 9% opacity */
226
227
  --tui-const-dark-blue-alpha-10: #244A7F1A; /* 10% opacity */
228
+ --tui-const-dark-blue-alpha-11: #244A7F1C; /* 11% opacity */
227
229
  --tui-const-dark-blue-alpha-12: #244A7F1F; /* 12% opacity */
228
230
  --tui-const-red-alpha-14: #F5222224; /* 12% opacity */
229
231
  --tui-const-red-alpha-24: #F522223D; /* 24% opacity */
package/palette/light.css CHANGED
@@ -16,8 +16,8 @@
16
16
  --tui-background-neutral-1-opaque: var(--tui-const-cool-gray-lighter-97); /* Непрозрачные контейнеры кнопок закрытия и удаления элементов */
17
17
  --tui-background-neutral-1-on-base: var(--tui-const-cool-gray-lighter-97); /* Непрозрачные контейнеры с минимальным контрастом на фоне base, не имеющие тени в светлой теме */
18
18
  --tui-background-neutral-1-on-elevation-1: var(--tui-const-cool-gray-lighter-97); /* Непрозрачные контейнеры с минимальным контрастом на фоне elevation-1, не имеющие тени в светлой теме */
19
- --tui-background-neutral-1-hover: var(--tui-const-dark-blue-alpha-8); /* Только для веба. Cостояние элементов c фоном neutral-1 при наведении */
20
- --tui-background-neutral-1-pressed: var(--tui-const-dark-blue-alpha-10); /* Нажатое состояние элементов с фоном neutral-1 */
19
+ --tui-background-neutral-1-hover: var(--tui-const-dark-blue-alpha-9); /* Только для веба. Cостояние элементов c фоном neutral-1 при наведении */
20
+ --tui-background-neutral-1-pressed: var(--tui-const-dark-blue-alpha-11); /* Нажатое состояние элементов с фоном neutral-1 */
21
21
  --tui-background-neutral-1-hover-on-light: var(--tui-const-black-alpha-6); /* @Deprecated: коррекция названия на neutral-1-on-light-hover */
22
22
  --tui-background-neutral-1-hover-on-dark: var(--tui-const-white-alpha-15); /* @Deprecated: коррекция названия на neutral-1-on-dark-hover */
23
23
  --tui-background-neutral-1-on-light-hover: var(--tui-const-black-alpha-6); /* Состояние при наведении элементов с фоном neutral-1-on-light, не меняется при переключении темы */
@@ -223,7 +223,9 @@
223
223
  --tui-const-blue-alpha-64: #428BF9A3; /* 64% opacity */
224
224
  --tui-const-dark-blue-alpha-6: #244A7F0F; /* 6% opacity */
225
225
  --tui-const-dark-blue-alpha-8: #244A7F14; /* 8% opacity */
226
+ --tui-const-dark-blue-alpha-9: #244A7F17; /* 9% opacity */
226
227
  --tui-const-dark-blue-alpha-10: #244A7F1A; /* 10% opacity */
228
+ --tui-const-dark-blue-alpha-11: #244A7F1C; /* 11% opacity */
227
229
  --tui-const-dark-blue-alpha-12: #244A7F1F; /* 12% opacity */
228
230
  --tui-const-red-alpha-14: #F5222224; /* 12% opacity */
229
231
  --tui-const-red-alpha-24: #F522223D; /* 24% opacity */
package/palette/mobile/dark.css CHANGED
@@ -201,7 +201,9 @@
201
201
  --tui-const-blue-alpha-64: #428BF9A3; /* 64% opacity */
202
202
  --tui-const-dark-blue-alpha-6: #244A7F0F; /* 6% opacity */
203
203
  --tui-const-dark-blue-alpha-8: #244A7F14; /* 8% opacity */
204
+ --tui-const-dark-blue-alpha-9: #244A7F17; /* 9% opacity */
204
205
  --tui-const-dark-blue-alpha-10: #244A7F1A; /* 10% opacity */
206
+ --tui-const-dark-blue-alpha-11: #244A7F1C; /* 11% opacity */
205
207
  --tui-const-dark-blue-alpha-12: #244A7F1F; /* 12% opacity */
206
208
  --tui-const-red-alpha-14: #F5222224; /* 12% opacity */
207
209
  --tui-const-red-alpha-24: #F522223D; /* 24% opacity */
package/palette/mobile/light.css CHANGED
@@ -201,7 +201,9 @@
201
201
  --tui-const-blue-alpha-64: #428BF9A3; /* 64% opacity */
202
202
  --tui-const-dark-blue-alpha-6: #244A7F0F; /* 6% opacity */
203
203
  --tui-const-dark-blue-alpha-8: #244A7F14; /* 8% opacity */
204
+ --tui-const-dark-blue-alpha-9: #244A7F17; /* 9% opacity */
204
205
  --tui-const-dark-blue-alpha-10: #244A7F1A; /* 10% opacity */
206
+ --tui-const-dark-blue-alpha-11: #244A7F1C; /* 11% opacity */
205
207
  --tui-const-dark-blue-alpha-12: #244A7F1F; /* 12% opacity */
206
208
  --tui-const-red-alpha-14: #F5222224; /* 12% opacity */
207
209
  --tui-const-red-alpha-24: #F522223D; /* 24% opacity */