@taiga-ui/design-tokens 0.187.0 → 0.188.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 +7 -3
  2. package/angular/mobile.less +4 -0
  3. package/package.json +1 -1
  4. package/palette/dark.css +5 -3
  5. package/palette/light.css +2 -0
  6. package/palette/mobile/dark.css +2 -0
  7. package/palette/mobile/light.css +2 -0
package/angular/desktop.less CHANGED
@@ -207,6 +207,7 @@
207
207
  --tui-const-green-lighter-42: #00D635; // hsL=42
208
208
  --tui-const-green: #00B92D; // N11
209
209
  --tui-const-green-darker-34: #00A328; // hsL=34
210
+ --tui-const-green-darker-28: #038C24; // hsL=28
210
211
  --tui-const-green-darker-21: #115B24; // hsL=21
211
212
  --tui-const-green-darker-18: #144823;
212
213
  --tui-const-green-alpha-16: #00B92D29; // 16% opacity
@@ -251,6 +252,7 @@
251
252
  --tui-const-red-lighter-65: #FF4D4D; // hsL=65
252
253
  --tui-const-red-lighter-70: #FF6666; // hsL=70
253
254
  --tui-const-red: #F52222; // N10
255
+ --tui-const-red-darker-47: #CD2324; // hsL=47
254
256
  --tui-const-red-darker-32: #9C0707; // hsL=32
255
257
  --tui-const-red-darker-29: #731F20; // hsL=29
256
258
  --tui-const-red-darker-23: #591E20; // hsL=23
@@ -760,6 +762,7 @@
760
762
  --tui-const-green-lighter-42: #00D635; // hsL=42
761
763
  --tui-const-green: #00B92D; // N11
762
764
  --tui-const-green-darker-34: #00A328; // hsL=34
765
+ --tui-const-green-darker-28: #038C24; // hsL=28
763
766
  --tui-const-green-darker-21: #115B24; // hsL=21
764
767
  --tui-const-green-darker-18: #144823;
765
768
  --tui-const-green-alpha-16: #00B92D29; // 16% opacity
@@ -804,6 +807,7 @@
804
807
  --tui-const-red-lighter-65: #FF4D4D; // hsL=65
805
808
  --tui-const-red-lighter-70: #FF6666; // hsL=70
806
809
  --tui-const-red: #F52222; // N10
810
+ --tui-const-red-darker-47: #CD2324; // hsL=47
807
811
  --tui-const-red-darker-32: #9C0707; // hsL=32
808
812
  --tui-const-red-darker-29: #731F20; // hsL=29
809
813
  --tui-const-red-darker-23: #591E20; // hsL=23
@@ -1031,10 +1035,10 @@
1031
1035
  --tui-status-neutral-pale: var(--tui-const-white-alpha-15); // Фоновый контейнер нейтральных статусных блоков
1032
1036
  --tui-status-neutral-pale-hover: var(--tui-const-white-alpha-25); // Фоновый контейнер нейтральных статусных блоков при наведении
1033
1037
  --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); // Фоновый контейнер нейтральных статусных блоков при нажатии
1034
- --tui-status-positive: var(--tui-const-green); // Акцентный цвет для позитивных блоков
1038
+ --tui-status-positive: var(--tui-const-green-darker-28); // Акцентный цвет для позитивных блоков
1035
1039
  --tui-status-warning: var(--tui-const-yellow-darker-60); // Акцентный цвет для предупреждающих блоков
1036
- --tui-status-negative: var(--tui-const-red); // Акцентный цвет для негативных блоков
1037
- --tui-status-info: var(--tui-const-blue); // Акцентный цвет для информационных блоков
1040
+ --tui-status-negative: var(--tui-const-red-darker-47); // Акцентный цвет для негативных блоков
1041
+ --tui-status-info: var(--tui-const-blue-darker-46); // Акцентный цвет для информационных блоков
1038
1042
  --tui-support-support-01: #00BEE0; // @Deprecated: Замена на семантические цвета
1039
1043
  --tui-support-support-02: #9887F1; // @Deprecated: Замена на семантические цвета
1040
1044
  --tui-support-support-03: #F94D4D; // @Deprecated: Замена на семантические цвета
package/angular/mobile.less CHANGED
@@ -190,6 +190,7 @@
190
190
  --tui-const-green-lighter-42: #00D635; // hsL=42
191
191
  --tui-const-green: #00B92D; // N11
192
192
  --tui-const-green-darker-34: #00A328; // hsL=34
193
+ --tui-const-green-darker-28: #038C24; // hsL=28
193
194
  --tui-const-green-darker-21: #115B24; // hsL=21
194
195
  --tui-const-green-darker-18: #144823;
195
196
  --tui-const-green-alpha-16: #00B92D29; // 16% opacity
@@ -234,6 +235,7 @@
234
235
  --tui-const-red-lighter-65: #FF4D4D; // hsL=65
235
236
  --tui-const-red-lighter-70: #FF6666; // hsL=70
236
237
  --tui-const-red: #F52222; // N10
238
+ --tui-const-red-darker-47: #CD2324; // hsL=47
237
239
  --tui-const-red-darker-32: #9C0707; // hsL=32
238
240
  --tui-const-red-darker-29: #731F20; // hsL=29
239
241
  --tui-const-red-darker-23: #591E20; // hsL=23
@@ -706,6 +708,7 @@
706
708
  --tui-const-green-lighter-42: #00D635; // hsL=42
707
709
  --tui-const-green: #00B92D; // N11
708
710
  --tui-const-green-darker-34: #00A328; // hsL=34
711
+ --tui-const-green-darker-28: #038C24; // hsL=28
709
712
  --tui-const-green-darker-21: #115B24; // hsL=21
710
713
  --tui-const-green-darker-18: #144823;
711
714
  --tui-const-green-alpha-16: #00B92D29; // 16% opacity
@@ -750,6 +753,7 @@
750
753
  --tui-const-red-lighter-65: #FF4D4D; // hsL=65
751
754
  --tui-const-red-lighter-70: #FF6666; // hsL=70
752
755
  --tui-const-red: #F52222; // N10
756
+ --tui-const-red-darker-47: #CD2324; // hsL=47
753
757
  --tui-const-red-darker-32: #9C0707; // hsL=32
754
758
  --tui-const-red-darker-29: #731F20; // hsL=29
755
759
  --tui-const-red-darker-23: #591E20; // hsL=23
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@taiga-ui/design-tokens",
3
- "version": "0.187.0",
3
+ "version": "0.188.0",
4
4
  "description": "Taiga UI palette",
5
5
  "keywords": [
6
6
  "angular",
package/palette/dark.css CHANGED
@@ -206,6 +206,7 @@
206
206
  --tui-const-green-lighter-42: #00D635; /* hsL=42 */
207
207
  --tui-const-green: #00B92D; /* N11 */
208
208
  --tui-const-green-darker-34: #00A328; /* hsL=34 */
209
+ --tui-const-green-darker-28: #038C24; /* hsL=28 */
209
210
  --tui-const-green-darker-21: #115B24; /* hsL=21 */
210
211
  --tui-const-green-darker-18: #144823;
211
212
  --tui-const-green-alpha-16: #00B92D29; /* 16% opacity */
@@ -250,6 +251,7 @@
250
251
  --tui-const-red-lighter-65: #FF4D4D; /* hsL=65 */
251
252
  --tui-const-red-lighter-70: #FF6666; /* hsL=70 */
252
253
  --tui-const-red: #F52222; /* N10 */
254
+ --tui-const-red-darker-47: #CD2324; /* hsL=47 */
253
255
  --tui-const-red-darker-32: #9C0707; /* hsL=32 */
254
256
  --tui-const-red-darker-29: #731F20; /* hsL=29 */
255
257
  --tui-const-red-darker-23: #591E20; /* hsL=23 */
@@ -477,10 +479,10 @@
477
479
  --tui-status-neutral-pale: var(--tui-const-white-alpha-15); /* Фоновый контейнер нейтральных статусных блоков */
478
480
  --tui-status-neutral-pale-hover: var(--tui-const-white-alpha-25); /* Фоновый контейнер нейтральных статусных блоков при наведении */
479
481
  --tui-status-neutral-pale-pressed: var(--tui-const-white-alpha-30); /* Фоновый контейнер нейтральных статусных блоков при нажатии */
480
- --tui-status-positive: var(--tui-const-green); /* Акцентный цвет для позитивных блоков */
482
+ --tui-status-positive: var(--tui-const-green-darker-28); /* Акцентный цвет для позитивных блоков */
481
483
  --tui-status-warning: var(--tui-const-yellow-darker-60); /* Акцентный цвет для предупреждающих блоков */
482
- --tui-status-negative: var(--tui-const-red); /* Акцентный цвет для негативных блоков */
483
- --tui-status-info: var(--tui-const-blue); /* Акцентный цвет для информационных блоков */
484
+ --tui-status-negative: var(--tui-const-red-darker-47); /* Акцентный цвет для негативных блоков */
485
+ --tui-status-info: var(--tui-const-blue-darker-46); /* Акцентный цвет для информационных блоков */
484
486
  --tui-support-support-01: #00BEE0; /* @Deprecated: Замена на семантические цвета */
485
487
  --tui-support-support-02: #9887F1; /* @Deprecated: Замена на семантические цвета */
486
488
  --tui-support-support-03: #F94D4D; /* @Deprecated: Замена на семантические цвета */
package/palette/light.css CHANGED
@@ -206,6 +206,7 @@
206
206
  --tui-const-green-lighter-42: #00D635; /* hsL=42 */
207
207
  --tui-const-green: #00B92D; /* N11 */
208
208
  --tui-const-green-darker-34: #00A328; /* hsL=34 */
209
+ --tui-const-green-darker-28: #038C24; /* hsL=28 */
209
210
  --tui-const-green-darker-21: #115B24; /* hsL=21 */
210
211
  --tui-const-green-darker-18: #144823;
211
212
  --tui-const-green-alpha-16: #00B92D29; /* 16% opacity */
@@ -250,6 +251,7 @@
250
251
  --tui-const-red-lighter-65: #FF4D4D; /* hsL=65 */
251
252
  --tui-const-red-lighter-70: #FF6666; /* hsL=70 */
252
253
  --tui-const-red: #F52222; /* N10 */
254
+ --tui-const-red-darker-47: #CD2324; /* hsL=47 */
253
255
  --tui-const-red-darker-32: #9C0707; /* hsL=32 */
254
256
  --tui-const-red-darker-29: #731F20; /* hsL=29 */
255
257
  --tui-const-red-darker-23: #591E20; /* hsL=23 */
package/palette/mobile/dark.css CHANGED
@@ -184,6 +184,7 @@
184
184
  --tui-const-green-lighter-42: #00D635; /* hsL=42 */
185
185
  --tui-const-green: #00B92D; /* N11 */
186
186
  --tui-const-green-darker-34: #00A328; /* hsL=34 */
187
+ --tui-const-green-darker-28: #038C24; /* hsL=28 */
187
188
  --tui-const-green-darker-21: #115B24; /* hsL=21 */
188
189
  --tui-const-green-darker-18: #144823;
189
190
  --tui-const-green-alpha-16: #00B92D29; /* 16% opacity */
@@ -228,6 +229,7 @@
228
229
  --tui-const-red-lighter-65: #FF4D4D; /* hsL=65 */
229
230
  --tui-const-red-lighter-70: #FF6666; /* hsL=70 */
230
231
  --tui-const-red: #F52222; /* N10 */
232
+ --tui-const-red-darker-47: #CD2324; /* hsL=47 */
231
233
  --tui-const-red-darker-32: #9C0707; /* hsL=32 */
232
234
  --tui-const-red-darker-29: #731F20; /* hsL=29 */
233
235
  --tui-const-red-darker-23: #591E20; /* hsL=23 */
package/palette/mobile/light.css CHANGED
@@ -184,6 +184,7 @@
184
184
  --tui-const-green-lighter-42: #00D635; /* hsL=42 */
185
185
  --tui-const-green: #00B92D; /* N11 */
186
186
  --tui-const-green-darker-34: #00A328; /* hsL=34 */
187
+ --tui-const-green-darker-28: #038C24; /* hsL=28 */
187
188
  --tui-const-green-darker-21: #115B24; /* hsL=21 */
188
189
  --tui-const-green-darker-18: #144823;
189
190
  --tui-const-green-alpha-16: #00B92D29; /* 16% opacity */
@@ -228,6 +229,7 @@
228
229
  --tui-const-red-lighter-65: #FF4D4D; /* hsL=65 */
229
230
  --tui-const-red-lighter-70: #FF6666; /* hsL=70 */
230
231
  --tui-const-red: #F52222; /* N10 */
232
+ --tui-const-red-darker-47: #CD2324; /* hsL=47 */
231
233
  --tui-const-red-darker-32: #9C0707; /* hsL=32 */
232
234
  --tui-const-red-darker-29: #731F20; /* hsL=29 */
233
235
  --tui-const-red-darker-23: #591E20; /* hsL=23 */