ui-primitives 4.2.0 → 5.0.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 (15) hide show
  1. package/package.json +1 -1
  2. package/styles/colors_bluetint.json +6 -86
  3. package/styles/colors_indigo.json +6 -86
  4. package/styles/v2/attributes_android.json +12 -0
  5. package/styles/v2/colors_addons.json +447 -0
  6. package/styles/v2/colors_bluetint.json +782 -0
  7. package/styles/v2/colors_indigo.json +782 -0
  8. package/styles/v2/colors_transparent.json +132 -0
  9. package/styles/v2/colors_x5.json +12 -0
  10. package/styles/v2/gradients.json +39 -0
  11. package/styles/v2/grid.json +15 -0
  12. package/styles/v2/shadows_indigo.json +392 -0
  13. package/styles/v2/typography_android.json +409 -0
  14. package/styles/v2/typography_ios.json +432 -0
  15. package/styles/v2/typography_web.json +380 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ui-primitives",
3
- "version": "4.2.0",
3
+ "version": "5.0.0",
4
4
  "description": "UI primitives for sharing between platforms in Design System Team projects",
5
5
  "keywords": [
6
6
  "design",
package/styles/colors_bluetint.json CHANGED
@@ -244,22 +244,12 @@
244
244
  "hex": "#cb830f",
245
245
  "alias": "textColorAttention"
246
246
  },
247
- "dark_text_disabled": {
248
- "rgba": "rgba(42, 42, 44, 1)",
249
- "hex": "#2a2a2c",
250
- "alias": "textColorDisabled"
251
- },
252
247
  "dark_text_disabled_inverted": {
253
- "rgba": "rgba(220, 220, 221, 1)",
254
- "hex": "#dcdcdd",
255
- "alias": "textColorDisabledInverted"
256
- },
257
- "dark_text_disabled_inverted_transparent": {
258
248
  "rgba": "rgba(60, 60, 67, 0.18)",
259
249
  "hex": "#2e3c3c43",
260
250
  "alias": "textColorDisabledInverted"
261
251
  },
262
- "dark_text_disabled_transparent": {
252
+ "dark_text_disabled": {
263
253
  "rgba": "rgba(235, 235, 245, 0.18)",
264
254
  "hex": "#2eebebf5",
265
255
  "alias": "textColorDisabled"
@@ -289,42 +279,22 @@
289
279
  "hex": "#000000",
290
280
  "alias": "textColorPrimaryInverted"
291
281
  },
292
- "dark_text_secondary": {
293
- "rgba": "rgba(141, 141, 147, 1)",
294
- "hex": "#8d8d93",
295
- "alias": "textColorSecondary"
296
- },
297
282
  "dark_text_secondary_inverted": {
298
- "rgba": "rgba(138, 138, 142, 1)",
299
- "hex": "#8a8a8e",
300
- "alias": "textColorSecondaryInverted"
301
- },
302
- "dark_text_secondary_inverted_transparent": {
303
283
  "rgba": "rgba(60, 60, 67, 0.6)",
304
284
  "hex": "#993c3c43",
305
285
  "alias": "textColorSecondaryInverted"
306
286
  },
307
- "dark_text_secondary_transparent": {
287
+ "dark_text_secondary": {
308
288
  "rgba": "rgba(235, 235, 245, 0.6)",
309
289
  "hex": "#99ebebf5",
310
290
  "alias": "textColorSecondary"
311
291
  },
312
- "dark_text_tertiary": {
313
- "rgba": "rgba(70, 70, 73, 1)",
314
- "hex": "#464649",
315
- "alias": "textColorTertiary"
316
- },
317
292
  "dark_text_tertiary_inverted": {
318
- "rgba": "rgba(197, 197, 199, 1)",
319
- "hex": "#c5c5c7",
320
- "alias": "textColorTertiaryInverted"
321
- },
322
- "dark_text_tertiary_inverted_transparent": {
323
293
  "rgba": "rgba(60, 60, 67, 0.3)",
324
294
  "hex": "#4d3c3c43",
325
295
  "alias": "textColorTertiaryInverted"
326
296
  },
327
- "dark_text_tertiary_transparent": {
297
+ "dark_text_tertiary": {
328
298
  "rgba": "rgba(235, 235, 245, 0.3)",
329
299
  "hex": "#4debebf5",
330
300
  "alias": "textColorTertiary"
@@ -574,22 +544,12 @@
574
544
  "hex": "#cb830f",
575
545
  "alias": "textColorAttention"
576
546
  },
577
- "light_text_disabled": {
578
- "rgba": "rgba(220, 220, 221, 1)",
579
- "hex": "#dcdcdd",
580
- "alias": "textColorDisabled"
581
- },
582
547
  "light_text_disabled_inverted": {
583
- "rgba": "rgba(42, 42, 44, 1)",
584
- "hex": "#2a2a2c",
585
- "alias": "textColorDisabledInverted"
586
- },
587
- "light_text_disabled_inverted_transparent": {
588
548
  "rgba": "rgba(235, 235, 245, 0.18)",
589
549
  "hex": "#2eebebf5",
590
550
  "alias": "textColorDisabledInverted"
591
551
  },
592
- "light_text_disabled_transparent": {
552
+ "light_text_disabled": {
593
553
  "rgba": "rgba(60, 60, 67, 0.18)",
594
554
  "hex": "#2e3c3c43",
595
555
  "alias": "textColorDisabled"
@@ -619,42 +579,22 @@
619
579
  "hex": "#ffffff",
620
580
  "alias": "textColorPrimaryInverted"
621
581
  },
622
- "light_text_secondary": {
623
- "rgba": "rgba(138, 138, 142, 1)",
624
- "hex": "#8a8a8e",
625
- "alias": "textColorSecondary"
626
- },
627
582
  "light_text_secondary_inverted": {
628
- "rgba": "rgba(141, 141, 147, 1)",
629
- "hex": "#8d8d93",
630
- "alias": "textColorSecondaryInverted"
631
- },
632
- "light_text_secondary_inverted_transparent": {
633
583
  "rgba": "rgba(235, 235, 245, 0.6)",
634
584
  "hex": "#99ebebf5",
635
585
  "alias": "textColorSecondaryInverted"
636
586
  },
637
- "light_text_secondary_transparent": {
587
+ "light_text_secondary": {
638
588
  "rgba": "rgba(60, 60, 67, 0.6)",
639
589
  "hex": "#993c3c43",
640
590
  "alias": "textColorSecondary"
641
591
  },
642
- "light_text_tertiary": {
643
- "rgba": "rgba(197, 197, 199, 1)",
644
- "hex": "#c5c5c7",
645
- "alias": "textColorTertiary"
646
- },
647
592
  "light_text_tertiary_inverted": {
648
- "rgba": "rgba(70, 70, 73, 1)",
649
- "hex": "#464649",
650
- "alias": "textColorTertiaryInverted"
651
- },
652
- "light_text_tertiary_inverted_transparent": {
653
593
  "rgba": "rgba(235, 235, 245, 0.3)",
654
594
  "hex": "#4debebf5",
655
595
  "alias": "textColorTertiaryInverted"
656
596
  },
657
- "light_text_tertiary_transparent": {
597
+ "light_text_tertiary": {
658
598
  "rgba": "rgba(60, 60, 67, 0.3)",
659
599
  "hex": "#4d3c3c43",
660
600
  "alias": "textColorTertiary"
@@ -740,41 +680,21 @@
740
680
  "alias": "staticTextColorPrimaryLight"
741
681
  },
742
682
  "static_text_secondary_dark": {
743
- "rgba": "rgba(138, 138, 142, 1)",
744
- "hex": "#8a8a8e",
745
- "alias": "staticTextColorSecondaryDark"
746
- },
747
- "static_text_secondary_dark_transparent": {
748
683
  "rgba": "rgba(60, 60, 67, 0.6)",
749
684
  "hex": "#993c3c43",
750
685
  "alias": "staticTextColorSecondaryDark"
751
686
  },
752
687
  "static_text_secondary_light": {
753
- "rgba": "rgba(141, 141, 147, 1)",
754
- "hex": "#8d8d93",
755
- "alias": "staticTextColorSecondaryLight"
756
- },
757
- "static_text_secondary_light_transparent": {
758
688
  "rgba": "rgba(235, 235, 245, 0.6)",
759
689
  "hex": "#99ebebf5",
760
690
  "alias": "staticTextColorSecondaryLightTransparent"
761
691
  },
762
692
  "static_text_tertiary_dark": {
763
- "rgba": "rgba(197, 197, 199, 1)",
764
- "hex": "#c5c5c7",
765
- "alias": "staticTextColorTertiaryDark"
766
- },
767
- "static_text_tertiary_dark_transparent": {
768
693
  "rgba": "rgba(60, 60, 67, 0.3)",
769
694
  "hex": "#4d3c3c43",
770
695
  "alias": "staticTextColorTertiaryDark"
771
696
  },
772
697
  "static_text_tertiary_light": {
773
- "rgba": "rgba(70, 70, 73, 1)",
774
- "hex": "#464649",
775
- "alias": "staticTextColorTertiaryLight"
776
- },
777
- "static_text_tertiary_light_transparent": {
778
698
  "rgba": "rgba(235, 235, 245, 0.3)",
779
699
  "hex": "#4debebf5",
780
700
  "alias": "staticTextColorTertiaryLightTransparent"
package/styles/colors_indigo.json CHANGED
@@ -244,22 +244,12 @@
244
244
  "hex": "#de6a00",
245
245
  "alias": "textColorAttention"
246
246
  },
247
- "dark_text_disabled": {
248
- "rgba": "rgba(72, 87, 103, 1)",
249
- "hex": "#485767",
250
- "alias": "textColorDisabled"
251
- },
252
247
  "dark_text_disabled_inverted": {
253
- "rgba": "rgba(219, 222, 225, 1)",
254
- "hex": "#dbdee1",
255
- "alias": "textColorDisabledInverted"
256
- },
257
- "dark_text_disabled_inverted_transparent": {
258
248
  "rgba": "rgba(11, 31, 53, 0.15)",
259
249
  "hex": "#260b1f35",
260
250
  "alias": "textColorDisabledInverted"
261
251
  },
262
- "dark_text_disabled_transparent": {
252
+ "dark_text_disabled": {
263
253
  "rgba": "rgba(255, 255, 255, 0.25)",
264
254
  "hex": "#40ffffff",
265
255
  "alias": "textColorDisabled"
@@ -289,42 +279,22 @@
289
279
  "hex": "#0b1f35",
290
280
  "alias": "textColorPrimaryInverted"
291
281
  },
292
- "dark_text_secondary": {
293
- "rgba": "rgba(182, 188, 195, 1)",
294
- "hex": "#b6bcc3",
295
- "alias": "textColorSecondary"
296
- },
297
282
  "dark_text_secondary_inverted": {
298
- "rgba": "rgba(84, 98, 114, 1)",
299
- "hex": "#546272",
300
- "alias": "textColorSecondaryInverted"
301
- },
302
- "dark_text_secondary_inverted_transparent": {
303
283
  "rgba": "rgba(11, 31, 53, 0.7)",
304
284
  "hex": "#b30b1f35",
305
285
  "alias": "textColorSecondaryInverted"
306
286
  },
307
- "dark_text_secondary_transparent": {
287
+ "dark_text_secondary": {
308
288
  "rgba": "rgba(255, 255, 255, 0.7)",
309
289
  "hex": "#b3ffffff",
310
290
  "alias": "textColorSecondary"
311
291
  },
312
- "dark_text_tertiary": {
313
- "rgba": "rgba(109, 121, 134, 1)",
314
- "hex": "#6d7986",
315
- "alias": "textColorTertiary"
316
- },
317
292
  "dark_text_tertiary_inverted": {
318
- "rgba": "rgba(182, 188, 195, 1)",
319
- "hex": "#b6bcc3",
320
- "alias": "textColorTertiaryInverted"
321
- },
322
- "dark_text_tertiary_inverted_transparent": {
323
293
  "rgba": "rgba(11, 31, 53, 0.3)",
324
294
  "hex": "#4d0b1f35",
325
295
  "alias": "textColorTertiaryInverted"
326
296
  },
327
- "dark_text_tertiary_transparent": {
297
+ "dark_text_tertiary": {
328
298
  "rgba": "rgba(255, 255, 255, 0.4)",
329
299
  "hex": "#66ffffff",
330
300
  "alias": "textColorTertiary"
@@ -574,22 +544,12 @@
574
544
  "hex": "#de6a00",
575
545
  "alias": "textColorAttention"
576
546
  },
577
- "light_text_disabled": {
578
- "rgba": "rgba(219, 222, 225, 1)",
579
- "hex": "#dbdee1",
580
- "alias": "textColorDisabled"
581
- },
582
547
  "light_text_disabled_inverted": {
583
- "rgba": "rgba(72, 87, 103, 1)",
584
- "hex": "#485767",
585
- "alias": "textColorDisabledInverted"
586
- },
587
- "light_text_disabled_inverted_transparent": {
588
548
  "rgba": "rgba(255, 255, 255, 0.25)",
589
549
  "hex": "#40ffffff",
590
550
  "alias": "textColorDisabledInverted"
591
551
  },
592
- "light_text_disabled_transparent": {
552
+ "light_text_disabled": {
593
553
  "rgba": "rgba(11, 31, 53, 0.15)",
594
554
  "hex": "#260b1f35",
595
555
  "alias": "textColorDisabled"
@@ -619,42 +579,22 @@
619
579
  "hex": "#ffffff",
620
580
  "alias": "textColorPrimaryInverted"
621
581
  },
622
- "light_text_secondary": {
623
- "rgba": "rgba(84, 98, 114, 1)",
624
- "hex": "#546272",
625
- "alias": "textColorSecondary"
626
- },
627
582
  "light_text_secondary_inverted": {
628
- "rgba": "rgba(182, 188, 195, 1)",
629
- "hex": "#b6bcc3",
630
- "alias": "textColorSecondaryInverted"
631
- },
632
- "light_text_secondary_inverted_transparent": {
633
583
  "rgba": "rgba(255, 255, 255, 0.7)",
634
584
  "hex": "#b3ffffff",
635
585
  "alias": "textColorSecondaryInverted"
636
586
  },
637
- "light_text_secondary_transparent": {
587
+ "light_text_secondary": {
638
588
  "rgba": "rgba(11, 31, 53, 0.7)",
639
589
  "hex": "#b30b1f35",
640
590
  "alias": "textColorSecondary"
641
591
  },
642
- "light_text_tertiary": {
643
- "rgba": "rgba(182, 188, 195, 1)",
644
- "hex": "#b6bcc3",
645
- "alias": "textColorTertiary"
646
- },
647
592
  "light_text_tertiary_inverted": {
648
- "rgba": "rgba(109, 121, 134, 1)",
649
- "hex": "#6d7986",
650
- "alias": "textColorTertiaryInverted"
651
- },
652
- "light_text_tertiary_inverted_transparent": {
653
593
  "rgba": "rgba(255, 255, 255, 0.4)",
654
594
  "hex": "#66ffffff",
655
595
  "alias": "textColorTertiaryInverted"
656
596
  },
657
- "light_text_tertiary_transparent": {
597
+ "light_text_tertiary": {
658
598
  "rgba": "rgba(11, 31, 53, 0.3)",
659
599
  "hex": "#4d0b1f35",
660
600
  "alias": "textColorTertiary"
@@ -740,41 +680,21 @@
740
680
  "alias": "staticTextColorPrimaryLight"
741
681
  },
742
682
  "static_text_secondary_dark": {
743
- "rgba": "rgba(109, 121, 134, 1)",
744
- "hex": "#6d7986",
745
- "alias": "staticTextColorSecondaryDark"
746
- },
747
- "static_text_secondary_dark_transparent": {
748
683
  "rgba": "rgba(11, 31, 53, 0.6)",
749
684
  "hex": "#990b1f35",
750
685
  "alias": "staticTextColorSecondaryDark"
751
686
  },
752
687
  "static_text_secondary_light": {
753
- "rgba": "rgba(182, 188, 195, 1)",
754
- "hex": "#b6bcc3",
755
- "alias": "staticTextColorSecondaryLight"
756
- },
757
- "static_text_secondary_light_transparent": {
758
688
  "rgba": "rgba(255, 255, 255, 0.7)",
759
689
  "hex": "#b3ffffff",
760
690
  "alias": "staticTextColorSecondaryLight"
761
691
  },
762
692
  "static_text_tertiary_dark": {
763
- "rgba": "rgba(182, 188, 195, 1)",
764
- "hex": "#b6bcc3",
765
- "alias": "staticTextColorTertiaryDark"
766
- },
767
- "static_text_tertiary_dark_transparent": {
768
693
  "rgba": "rgba(11, 31, 53, 0.3)",
769
694
  "hex": "#4d0b1f35",
770
695
  "alias": "staticTextColorTertiaryDark"
771
696
  },
772
697
  "static_text_tertiary_light": {
773
- "rgba": "rgba(109, 121, 134, 1)",
774
- "hex": "#6d7986",
775
- "alias": "staticTextColorTertiaryLight"
776
- },
777
- "static_text_tertiary_light_transparent": {
778
698
  "rgba": "rgba(255, 255, 255, 0.4)",
779
699
  "hex": "#66ffffff",
780
700
  "alias": "staticTextColorTertiaryLight"
package/styles/v2/attributes_android.json ADDED
@@ -0,0 +1,12 @@
1
+ {
2
+ "common": {
3
+ "colorPrimary": "?backgroundColorAccent",
4
+ "colorControlNormal": "?graphicColorSecondary",
5
+ "colorControlActivated": "?graphicColorSecondary",
6
+ "colorControlHighlight": "?graphicColorSecondary",
7
+ "android:textColor": "?textColorPrimary",
8
+ "android:textColorLink": "?textColorLink",
9
+ "android:ambientShadowAlpha": 0.04,
10
+ "android:spotShadowAlpha": 0.12
11
+ }
12
+ }