ui-primitives 6.6.0 → 6.9.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 (6) hide show
  1. package/icons/glyph/glyph_receipt-line-compact_m.svg +5 -0
  2. package/icons/rocky/rocky_arrow-up_m.svg +3 -0
  3. package/icons/rocky/rocky_card_m.svg +4 -0
  4. package/package.json +1 -1
  5. package/styles/v2/colors_bluetint.json +13 -93
  6. package/styles/v2/colors_indigo.json +13 -93
package/icons/glyph/glyph_receipt-line-compact_m.svg ADDED
@@ -0,0 +1,5 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" fill="none"/>
2
+ <path d="M9.5 8.5H13V10.5H9.5V8.5Z" fill="#000000"/>
3
+ <path d="M14.5 11.5H9.5V13.5H14.5V11.5Z" fill="#000000"/>
4
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M11.475 19.525L11.4525 19.5066C10.6417 18.8432 10.1918 18.475 9.3 18.475C8.50977 18.475 7.99479 18.8879 7.29367 19.45L7.2 19.525C7.125 19.6 6.9 19.75 6.375 19.75C5.925 19.75 5.625 19.375 5.625 19V6.25C5.625 4.975 6.6 4 7.875 4H16.125C17.4 4 18.375 4.975 18.375 6.25V19C18.375 19.375 18 19.75 17.625 19.75H17.55C17.1 19.75 16.95 19.6 16.875 19.525C16.125 18.85 15.6 18.475 14.775 18.475C13.9848 18.475 13.4698 18.8879 12.7687 19.45L12.675 19.525C12.3 19.825 11.85 19.825 11.475 19.525ZM7.625 16.839V6.25C7.625 6.13562 7.66318 6.084 7.68609 6.06109C7.709 6.03818 7.76062 6 7.875 6H16.125C16.2394 6 16.291 6.03818 16.3139 6.06109C16.3368 6.084 16.375 6.13562 16.375 6.25V16.7839C15.9146 16.5955 15.3881 16.475 14.775 16.475C13.6006 16.475 12.7111 16.9805 12.0782 17.4464C11.4068 16.9459 10.5526 16.475 9.3 16.475C8.65811 16.475 8.10131 16.626 7.625 16.839ZM18.2912 18.1127L18.2921 18.1136L18.2892 18.1108L18.2871 18.1086C18.289 18.1105 18.2912 18.1127 18.2912 18.1127Z" fill="#000000"/>
5
+ </svg>
package/icons/rocky/rocky_arrow-up_m.svg ADDED
@@ -0,0 +1,3 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" fill="none"/>
2
+ <path d="M23 11L12.0003 0L1 11L7.00004 11L6.99995 22H17V11L23 11Z" fill="#000000"/>
3
+ </svg>
package/icons/rocky/rocky_card_m.svg ADDED
@@ -0,0 +1,4 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><rect width="24" height="24" fill="none"/>
2
+ <path d="M3.5 5C2.67157 5 2 5.67157 2 6.5V14H22V6.5C22 5.67157 21.3284 5 20.5 5H3.5Z" fill="#000000"/>
3
+ <path d="M22 16H2V18.5C2 19.3284 2.67157 20 3.5 20H20.5C21.3284 20 22 19.3284 22 18.5V16Z" fill="#000000"/>
4
+ </svg>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ui-primitives",
3
- "version": "6.6.0",
3
+ "version": "6.9.0",
4
4
  "description": "UI primitives for sharing between platforms in Design System Team projects",
5
5
  "keywords": [
6
6
  "design",
package/styles/v2/colors_bluetint.json CHANGED
@@ -245,25 +245,15 @@
245
245
  "alias": "textColorAttention"
246
246
  },
247
247
  "dark_text_disabled": {
248
- "rgba": "rgba(42, 42, 44, 1)",
249
- "hex": "#2a2a2c",
248
+ "rgba": "rgba(235, 235, 245, 0.18)",
249
+ "hex": "#2eebebf5",
250
250
  "alias": "textColorDisabled"
251
251
  },
252
252
  "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
253
  "rgba": "rgba(60, 60, 67, 0.18)",
259
254
  "hex": "#2e3c3c43",
260
255
  "alias": "textColorDisabledInverted"
261
256
  },
262
- "dark_text_disabled_transparent": {
263
- "rgba": "rgba(235, 235, 245, 0.18)",
264
- "hex": "#2eebebf5",
265
- "alias": "textColorDisabled"
266
- },
267
257
  "dark_text_link": {
268
258
  "rgba": "rgba(0, 114, 239, 1)",
269
259
  "hex": "#0072ef",
@@ -290,45 +280,25 @@
290
280
  "alias": "textColorPrimaryInverted"
291
281
  },
292
282
  "dark_text_secondary": {
293
- "rgba": "rgba(141, 141, 147, 1)",
294
- "hex": "#8d8d93",
283
+ "rgba": "rgba(235, 235, 245, 0.6)",
284
+ "hex": "#99ebebf5",
295
285
  "alias": "textColorSecondary"
296
286
  },
297
287
  "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
288
  "rgba": "rgba(60, 60, 67, 0.6)",
304
289
  "hex": "#993c3c43",
305
290
  "alias": "textColorSecondaryInverted"
306
291
  },
307
- "dark_text_secondary_transparent": {
308
- "rgba": "rgba(235, 235, 245, 0.6)",
309
- "hex": "#99ebebf5",
310
- "alias": "textColorSecondary"
311
- },
312
292
  "dark_text_tertiary": {
313
- "rgba": "rgba(70, 70, 73, 1)",
314
- "hex": "#464649",
293
+ "rgba": "rgba(235, 235, 245, 0.3)",
294
+ "hex": "#4debebf5",
315
295
  "alias": "textColorTertiary"
316
296
  },
317
297
  "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
298
  "rgba": "rgba(60, 60, 67, 0.3)",
324
299
  "hex": "#4d3c3c43",
325
300
  "alias": "textColorTertiaryInverted"
326
301
  },
327
- "dark_text_tertiary_transparent": {
328
- "rgba": "rgba(235, 235, 245, 0.3)",
329
- "hex": "#4debebf5",
330
- "alias": "textColorTertiary"
331
- },
332
302
  "light_bg_accent": {
333
303
  "rgba": "rgba(239, 49, 36, 1)",
334
304
  "hex": "#ef3124",
@@ -575,25 +545,15 @@
575
545
  "alias": "textColorAttention"
576
546
  },
577
547
  "light_text_disabled": {
578
- "rgba": "rgba(220, 220, 221, 1)",
579
- "hex": "#dcdcdd",
548
+ "rgba": "rgba(60, 60, 67, 0.18)",
549
+ "hex": "#2e3c3c43",
580
550
  "alias": "textColorDisabled"
581
551
  },
582
552
  "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
553
  "rgba": "rgba(235, 235, 245, 0.18)",
589
554
  "hex": "#2eebebf5",
590
555
  "alias": "textColorDisabledInverted"
591
556
  },
592
- "light_text_disabled_transparent": {
593
- "rgba": "rgba(60, 60, 67, 0.18)",
594
- "hex": "#2e3c3c43",
595
- "alias": "textColorDisabled"
596
- },
597
557
  "light_text_link": {
598
558
  "rgba": "rgba(0, 114, 239, 1)",
599
559
  "hex": "#0072ef",
@@ -620,45 +580,25 @@
620
580
  "alias": "textColorPrimaryInverted"
621
581
  },
622
582
  "light_text_secondary": {
623
- "rgba": "rgba(138, 138, 142, 1)",
624
- "hex": "#8a8a8e",
583
+ "rgba": "rgba(60, 60, 67, 0.6)",
584
+ "hex": "#993c3c43",
625
585
  "alias": "textColorSecondary"
626
586
  },
627
587
  "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
588
  "rgba": "rgba(235, 235, 245, 0.6)",
634
589
  "hex": "#99ebebf5",
635
590
  "alias": "textColorSecondaryInverted"
636
591
  },
637
- "light_text_secondary_transparent": {
638
- "rgba": "rgba(60, 60, 67, 0.6)",
639
- "hex": "#993c3c43",
640
- "alias": "textColorSecondary"
641
- },
642
592
  "light_text_tertiary": {
643
- "rgba": "rgba(197, 197, 199, 1)",
644
- "hex": "#c5c5c7",
593
+ "rgba": "rgba(60, 60, 67, 0.3)",
594
+ "hex": "#4d3c3c43",
645
595
  "alias": "textColorTertiary"
646
596
  },
647
597
  "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
598
  "rgba": "rgba(235, 235, 245, 0.3)",
654
599
  "hex": "#4debebf5",
655
600
  "alias": "textColorTertiaryInverted"
656
601
  },
657
- "light_text_tertiary_transparent": {
658
- "rgba": "rgba(60, 60, 67, 0.3)",
659
- "hex": "#4d3c3c43",
660
- "alias": "textColorTertiary"
661
- },
662
602
  "static_bg_accent": {
663
603
  "rgba": "rgba(239, 49, 36, 1)",
664
604
  "hex": "#ef3124",
@@ -740,43 +680,23 @@
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": "staticTextColorSecondaryLight"
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": "staticTextColorTertiaryLight"
781
701
  }
782
- }
702
+ }
package/styles/v2/colors_indigo.json CHANGED
@@ -245,25 +245,15 @@
245
245
  "alias": "textColorAttention"
246
246
  },
247
247
  "dark_text_disabled": {
248
- "rgba": "rgba(72, 87, 103, 1)",
249
- "hex": "#485767",
248
+ "rgba": "rgba(255, 255, 255, 0.25)",
249
+ "hex": "#40ffffff",
250
250
  "alias": "textColorDisabled"
251
251
  },
252
252
  "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
253
  "rgba": "rgba(11, 31, 53, 0.15)",
259
254
  "hex": "#260b1f35",
260
255
  "alias": "textColorDisabledInverted"
261
256
  },
262
- "dark_text_disabled_transparent": {
263
- "rgba": "rgba(255, 255, 255, 0.25)",
264
- "hex": "#40ffffff",
265
- "alias": "textColorDisabled"
266
- },
267
257
  "dark_text_link": {
268
258
  "rgba": "rgba(0, 122, 255, 1)",
269
259
  "hex": "#007aff",
@@ -290,45 +280,25 @@
290
280
  "alias": "textColorPrimaryInverted"
291
281
  },
292
282
  "dark_text_secondary": {
293
- "rgba": "rgba(182, 188, 195, 1)",
294
- "hex": "#b6bcc3",
283
+ "rgba": "rgba(255, 255, 255, 0.7)",
284
+ "hex": "#b3ffffff",
295
285
  "alias": "textColorSecondary"
296
286
  },
297
287
  "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
288
  "rgba": "rgba(11, 31, 53, 0.7)",
304
289
  "hex": "#b30b1f35",
305
290
  "alias": "textColorSecondaryInverted"
306
291
  },
307
- "dark_text_secondary_transparent": {
308
- "rgba": "rgba(255, 255, 255, 0.7)",
309
- "hex": "#b3ffffff",
310
- "alias": "textColorSecondary"
311
- },
312
292
  "dark_text_tertiary": {
313
- "rgba": "rgba(109, 121, 134, 1)",
314
- "hex": "#6d7986",
293
+ "rgba": "rgba(255, 255, 255, 0.4)",
294
+ "hex": "#66ffffff",
315
295
  "alias": "textColorTertiary"
316
296
  },
317
297
  "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
298
  "rgba": "rgba(11, 31, 53, 0.3)",
324
299
  "hex": "#4d0b1f35",
325
300
  "alias": "textColorTertiaryInverted"
326
301
  },
327
- "dark_text_tertiary_transparent": {
328
- "rgba": "rgba(255, 255, 255, 0.4)",
329
- "hex": "#66ffffff",
330
- "alias": "textColorTertiary"
331
- },
332
302
  "light_bg_accent": {
333
303
  "rgba": "rgba(239, 49, 36, 1)",
334
304
  "hex": "#ef3124",
@@ -575,25 +545,15 @@
575
545
  "alias": "textColorAttention"
576
546
  },
577
547
  "light_text_disabled": {
578
- "rgba": "rgba(219, 222, 225, 1)",
579
- "hex": "#dbdee1",
548
+ "rgba": "rgba(11, 31, 53, 0.15)",
549
+ "hex": "#260b1f35",
580
550
  "alias": "textColorDisabled"
581
551
  },
582
552
  "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
553
  "rgba": "rgba(255, 255, 255, 0.25)",
589
554
  "hex": "#40ffffff",
590
555
  "alias": "textColorDisabledInverted"
591
556
  },
592
- "light_text_disabled_transparent": {
593
- "rgba": "rgba(11, 31, 53, 0.15)",
594
- "hex": "#260b1f35",
595
- "alias": "textColorDisabled"
596
- },
597
557
  "light_text_link": {
598
558
  "rgba": "rgba(0, 122, 255, 1)",
599
559
  "hex": "#007aff",
@@ -620,45 +580,25 @@
620
580
  "alias": "textColorPrimaryInverted"
621
581
  },
622
582
  "light_text_secondary": {
623
- "rgba": "rgba(84, 98, 114, 1)",
624
- "hex": "#546272",
583
+ "rgba": "rgba(11, 31, 53, 0.7)",
584
+ "hex": "#b30b1f35",
625
585
  "alias": "textColorSecondary"
626
586
  },
627
587
  "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
588
  "rgba": "rgba(255, 255, 255, 0.7)",
634
589
  "hex": "#b3ffffff",
635
590
  "alias": "textColorSecondaryInverted"
636
591
  },
637
- "light_text_secondary_transparent": {
638
- "rgba": "rgba(11, 31, 53, 0.7)",
639
- "hex": "#b30b1f35",
640
- "alias": "textColorSecondary"
641
- },
642
592
  "light_text_tertiary": {
643
- "rgba": "rgba(182, 188, 195, 1)",
644
- "hex": "#b6bcc3",
593
+ "rgba": "rgba(11, 31, 53, 0.3)",
594
+ "hex": "#4d0b1f35",
645
595
  "alias": "textColorTertiary"
646
596
  },
647
597
  "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
598
  "rgba": "rgba(255, 255, 255, 0.4)",
654
599
  "hex": "#66ffffff",
655
600
  "alias": "textColorTertiaryInverted"
656
601
  },
657
- "light_text_tertiary_transparent": {
658
- "rgba": "rgba(11, 31, 53, 0.3)",
659
- "hex": "#4d0b1f35",
660
- "alias": "textColorTertiary"
661
- },
662
602
  "static_bg_accent": {
663
603
  "rgba": "rgba(239, 49, 36, 1)",
664
604
  "hex": "#ef3124",
@@ -740,43 +680,23 @@
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"
781
701
  }
782
- }
702
+ }