ui-primitives 13.5.0 → 13.6.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 (3) hide show
  1. package/package.json +1 -1
  2. package/styles/colors_bluetint.json +160 -0
  3. package/styles/colors_indigo.json +160 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ui-primitives",
3
- "version": "13.5.0",
3
+ "version": "13.6.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
@@ -919,21 +919,61 @@
919
919
  "hex": "#fda136",
920
920
  "alias": "statusColorAttention"
921
921
  },
922
+ "dark_status_attention_hover": {
923
+ "rgba": "rgba(253, 178, 77, 1)",
924
+ "hex": "#fdb24d",
925
+ "alias": "statusColorAttentionHover"
926
+ },
922
927
  "dark_status_attention_inverted": {
923
928
  "rgba": "rgba(250, 147, 19, 1)",
924
929
  "hex": "#fa9313",
925
930
  "alias": "statusColorAttentionInverted"
926
931
  },
932
+ "dark_status_attention_inverted_hover": {
933
+ "rgba": "rgba(241, 141, 11, 1)",
934
+ "hex": "#f18d0b",
935
+ "alias": "statusColorAttentionInvertedHover"
936
+ },
937
+ "dark_status_attention_inverted_press": {
938
+ "rgba": "rgba(234, 131, 19, 1)",
939
+ "hex": "#ea8313",
940
+ "alias": "statusColorAttentionInvertedPress"
941
+ },
942
+ "dark_status_attention_press": {
943
+ "rgba": "rgba(255, 191, 112, 1)",
944
+ "hex": "#ffbf70",
945
+ "alias": "statusColorAttentionPress"
946
+ },
927
947
  "dark_status_info": {
928
948
  "rgba": "rgba(49, 147, 252, 1)",
929
949
  "hex": "#3193fc",
930
950
  "alias": "statusColorInfo"
931
951
  },
952
+ "dark_status_info_hover": {
953
+ "rgba": "rgba(74, 157, 252, 1)",
954
+ "hex": "#4a9dfc",
955
+ "alias": "statusColorInfoHover"
956
+ },
932
957
  "dark_status_info_inverted": {
933
958
  "rgba": "rgba(34, 136, 250, 1)",
934
959
  "hex": "#2288fa",
935
960
  "alias": "statusColorInfoInverted"
936
961
  },
962
+ "dark_status_info_inverted_hover": {
963
+ "rgba": "rgba(42, 119, 239, 1)",
964
+ "hex": "#2a77ef",
965
+ "alias": "statusColorInfoInvertedHover"
966
+ },
967
+ "dark_status_info_inverted_press": {
968
+ "rgba": "rgba(44, 100, 212, 1)",
969
+ "hex": "#2c64d4",
970
+ "alias": "statusColorInfoInvertedPress"
971
+ },
972
+ "dark_status_info_press": {
973
+ "rgba": "rgba(99, 170, 253, 1)",
974
+ "hex": "#63aafd",
975
+ "alias": "statusColorInfoPress"
976
+ },
937
977
  "dark_status_muted_alt_attention": {
938
978
  "rgba": "rgba(67, 46, 31, 1)",
939
979
  "hex": "#432e1f",
@@ -1179,21 +1219,61 @@
1179
1219
  "hex": "#ff5431",
1180
1220
  "alias": "statusColorNegative"
1181
1221
  },
1222
+ "dark_status_negative_hover": {
1223
+ "rgba": "rgba(255, 117, 84, 1)",
1224
+ "hex": "#ff7554",
1225
+ "alias": "statusColorNegativeHover"
1226
+ },
1182
1227
  "dark_status_negative_inverted": {
1183
1228
  "rgba": "rgba(255, 84, 49, 1)",
1184
1229
  "hex": "#ff5431",
1185
1230
  "alias": "statusColorNegativeInverted"
1186
1231
  },
1232
+ "dark_status_negative_inverted_hover": {
1233
+ "rgba": "rgba(236, 46, 20, 1)",
1234
+ "hex": "#ec2e14",
1235
+ "alias": "statusColorNegativeInvertedHover"
1236
+ },
1237
+ "dark_status_negative_inverted_press": {
1238
+ "rgba": "rgba(199, 37, 28, 1)",
1239
+ "hex": "#c7251c",
1240
+ "alias": "statusColorNegativeInvertedPress"
1241
+ },
1242
+ "dark_status_negative_press": {
1243
+ "rgba": "rgba(255, 141, 115, 1)",
1244
+ "hex": "#ff8d73",
1245
+ "alias": "statusColorNegativePress"
1246
+ },
1187
1247
  "dark_status_positive": {
1188
1248
  "rgba": "rgba(23, 208, 85, 1)",
1189
1249
  "hex": "#17d055",
1190
1250
  "alias": "statusColorPositive"
1191
1251
  },
1252
+ "dark_status_positive_hover": {
1253
+ "rgba": "rgba(34, 224, 104, 1)",
1254
+ "hex": "#22e068",
1255
+ "alias": "statusColorPositiveHover"
1256
+ },
1192
1257
  "dark_status_positive_inverted": {
1193
1258
  "rgba": "rgba(12, 196, 77, 1)",
1194
1259
  "hex": "#0cc44d",
1195
1260
  "alias": "statusColorPositiveInverted"
1196
1261
  },
1262
+ "dark_status_positive_inverted_hover": {
1263
+ "rgba": "rgba(4, 181, 69, 1)",
1264
+ "hex": "#04b545",
1265
+ "alias": "statusColorPositiveInvertedHover"
1266
+ },
1267
+ "dark_status_positive_inverted_press": {
1268
+ "rgba": "rgba(1, 165, 61, 1)",
1269
+ "hex": "#01a53d",
1270
+ "alias": "statusColorPositiveInvertedPress"
1271
+ },
1272
+ "dark_status_positive_press": {
1273
+ "rgba": "rgba(74, 231, 119, 1)",
1274
+ "hex": "#4ae777",
1275
+ "alias": "statusColorPositivePress"
1276
+ },
1197
1277
  "dark_text_accent": {
1198
1278
  "rgba": "rgba(239, 49, 36, 1)",
1199
1279
  "hex": "#ef3124",
@@ -2379,21 +2459,61 @@
2379
2459
  "hex": "#fa9313",
2380
2460
  "alias": "statusColorAttention"
2381
2461
  },
2462
+ "light_status_attention_hover": {
2463
+ "rgba": "rgba(241, 141, 11, 1)",
2464
+ "hex": "#f18d0b",
2465
+ "alias": "statusColorAttentionHover"
2466
+ },
2382
2467
  "light_status_attention_inverted": {
2383
2468
  "rgba": "rgba(253, 161, 54, 1)",
2384
2469
  "hex": "#fda136",
2385
2470
  "alias": "statusColorAttentionInverted"
2386
2471
  },
2472
+ "light_status_attention_inverted_hover": {
2473
+ "rgba": "rgba(253, 178, 77, 1)",
2474
+ "hex": "#fdb24d",
2475
+ "alias": "statusColorAttentionInvertedHover"
2476
+ },
2477
+ "light_status_attention_inverted_press": {
2478
+ "rgba": "rgba(255, 191, 112, 1)",
2479
+ "hex": "#ffbf70",
2480
+ "alias": "statusColorAttentionInvertedPress"
2481
+ },
2482
+ "light_status_attention_press": {
2483
+ "rgba": "rgba(234, 131, 19, 1)",
2484
+ "hex": "#ea8313",
2485
+ "alias": "statusColorAttentionPress"
2486
+ },
2387
2487
  "light_status_info": {
2388
2488
  "rgba": "rgba(34, 136, 250, 1)",
2389
2489
  "hex": "#2288fa",
2390
2490
  "alias": "statusColorInfo"
2391
2491
  },
2492
+ "light_status_info_hover": {
2493
+ "rgba": "rgba(42, 119, 239, 1)",
2494
+ "hex": "#2a77ef",
2495
+ "alias": "statusColorInfoHover"
2496
+ },
2392
2497
  "light_status_info_inverted": {
2393
2498
  "rgba": "rgba(49, 147, 252, 1)",
2394
2499
  "hex": "#3193fc",
2395
2500
  "alias": "statusColorInfoInverted"
2396
2501
  },
2502
+ "light_status_info_inverted_hover": {
2503
+ "rgba": "rgba(74, 157, 252, 1)",
2504
+ "hex": "#4a9dfc",
2505
+ "alias": "statusColorInfoInvertedHover"
2506
+ },
2507
+ "light_status_info_inverted_press": {
2508
+ "rgba": "rgba(99, 170, 253, 1)",
2509
+ "hex": "#63aafd",
2510
+ "alias": "statusColorInfoInvertedPress"
2511
+ },
2512
+ "light_status_info_press": {
2513
+ "rgba": "rgba(44, 100, 212, 1)",
2514
+ "hex": "#2c64d4",
2515
+ "alias": "statusColorInfoPress"
2516
+ },
2397
2517
  "light_status_muted_alt_attention": {
2398
2518
  "rgba": "rgba(255, 227, 188, 1)",
2399
2519
  "hex": "#ffe3bc",
@@ -2639,21 +2759,61 @@
2639
2759
  "hex": "#ff5431",
2640
2760
  "alias": "statusColorNegative"
2641
2761
  },
2762
+ "light_status_negative_hover": {
2763
+ "rgba": "rgba(236, 46, 20, 1)",
2764
+ "hex": "#ec2e14",
2765
+ "alias": "statusColorNegativeHover"
2766
+ },
2642
2767
  "light_status_negative_inverted": {
2643
2768
  "rgba": "rgba(255, 84, 49, 1)",
2644
2769
  "hex": "#ff5431",
2645
2770
  "alias": "statusColorNegativeInverted"
2646
2771
  },
2772
+ "light_status_negative_inverted_hover": {
2773
+ "rgba": "rgba(255, 117, 84, 1)",
2774
+ "hex": "#ff7554",
2775
+ "alias": "statusColorNegativeInvertedHover"
2776
+ },
2777
+ "light_status_negative_inverted_press": {
2778
+ "rgba": "rgba(255, 141, 115, 1)",
2779
+ "hex": "#ff8d73",
2780
+ "alias": "statusColorNegativeInvertedPress"
2781
+ },
2782
+ "light_status_negative_press": {
2783
+ "rgba": "rgba(199, 37, 28, 1)",
2784
+ "hex": "#c7251c",
2785
+ "alias": "statusColorNegativePress"
2786
+ },
2647
2787
  "light_status_positive": {
2648
2788
  "rgba": "rgba(12, 196, 77, 1)",
2649
2789
  "hex": "#0cc44d",
2650
2790
  "alias": "statusColorPositive"
2651
2791
  },
2792
+ "light_status_positive_hover": {
2793
+ "rgba": "rgba(4, 181, 69, 1)",
2794
+ "hex": "#04b545",
2795
+ "alias": "statusColorPositiveHover"
2796
+ },
2652
2797
  "light_status_positive_inverted": {
2653
2798
  "rgba": "rgba(23, 208, 85, 1)",
2654
2799
  "hex": "#17d055",
2655
2800
  "alias": "statusColorPositiveInverted"
2656
2801
  },
2802
+ "light_status_positive_inverted_hover": {
2803
+ "rgba": "rgba(34, 224, 104, 1)",
2804
+ "hex": "#22e068",
2805
+ "alias": "statusColorPositiveInvertedHover"
2806
+ },
2807
+ "light_status_positive_inverted_press": {
2808
+ "rgba": "rgba(74, 231, 119, 1)",
2809
+ "hex": "#4ae777",
2810
+ "alias": "statusColorPositiveInvertedPress"
2811
+ },
2812
+ "light_status_positive_press": {
2813
+ "rgba": "rgba(1, 165, 61, 1)",
2814
+ "hex": "#01a53d",
2815
+ "alias": "statusColorPositivePress"
2816
+ },
2657
2817
  "light_text_accent": {
2658
2818
  "rgba": "rgba(239, 49, 36, 1)",
2659
2819
  "hex": "#ef3124",
package/styles/colors_indigo.json CHANGED
@@ -914,21 +914,61 @@
914
914
  "hex": "#fda136",
915
915
  "alias": "statusColorAttention"
916
916
  },
917
+ "dark_status_attention_hover": {
918
+ "rgba": "rgba(253, 178, 77, 1)",
919
+ "hex": "#fdb24d",
920
+ "alias": "statusColorAttentionHover"
921
+ },
917
922
  "dark_status_attention_inverted": {
918
923
  "rgba": "rgba(250, 147, 19, 1)",
919
924
  "hex": "#fa9313",
920
925
  "alias": "statusColorAttentionInverted"
921
926
  },
927
+ "dark_status_attention_inverted_hover": {
928
+ "rgba": "rgba(241, 141, 11, 1)",
929
+ "hex": "#f18d0b",
930
+ "alias": "statusColorAttentionInvertedHover"
931
+ },
932
+ "dark_status_attention_inverted_press": {
933
+ "rgba": "rgba(234, 131, 19, 1)",
934
+ "hex": "#ea8313",
935
+ "alias": "statusColorAttentionInvertedPress"
936
+ },
937
+ "dark_status_attention_press": {
938
+ "rgba": "rgba(255, 191, 112, 1)",
939
+ "hex": "#ffbf70",
940
+ "alias": "statusColorAttentionPress"
941
+ },
922
942
  "dark_status_info": {
923
943
  "rgba": "rgba(49, 147, 252, 1)",
924
944
  "hex": "#3193fc",
925
945
  "alias": "statusColorInfo"
926
946
  },
947
+ "dark_status_info_hover": {
948
+ "rgba": "rgba(74, 157, 252, 1)",
949
+ "hex": "#4a9dfc",
950
+ "alias": "statusColorInfoHover"
951
+ },
927
952
  "dark_status_info_inverted": {
928
953
  "rgba": "rgba(34, 136, 250, 1)",
929
954
  "hex": "#2288fa",
930
955
  "alias": "statusColorInfoInverted"
931
956
  },
957
+ "dark_status_info_inverted_hover": {
958
+ "rgba": "rgba(42, 119, 239, 1)",
959
+ "hex": "#2a77ef",
960
+ "alias": "statusColorInfoInvertedHover"
961
+ },
962
+ "dark_status_info_inverted_press": {
963
+ "rgba": "rgba(44, 100, 212, 1)",
964
+ "hex": "#2c64d4",
965
+ "alias": "statusColorInfoInvertedPress"
966
+ },
967
+ "dark_status_info_press": {
968
+ "rgba": "rgba(99, 170, 253, 1)",
969
+ "hex": "#63aafd",
970
+ "alias": "statusColorInfoPress"
971
+ },
932
972
  "dark_status_muted_alt_attention": {
933
973
  "rgba": "rgba(67, 46, 31, 1)",
934
974
  "hex": "#432e1f",
@@ -1174,21 +1214,61 @@
1174
1214
  "hex": "#ff5431",
1175
1215
  "alias": "statusColorNegative"
1176
1216
  },
1217
+ "dark_status_negative_hover": {
1218
+ "rgba": "rgba(255, 117, 84, 1)",
1219
+ "hex": "#ff7554",
1220
+ "alias": "statusColorNegativeHover"
1221
+ },
1177
1222
  "dark_status_negative_inverted": {
1178
1223
  "rgba": "rgba(255, 84, 49, 1)",
1179
1224
  "hex": "#ff5431",
1180
1225
  "alias": "statusColorNegativeInverted"
1181
1226
  },
1227
+ "dark_status_negative_inverted_hover": {
1228
+ "rgba": "rgba(236, 46, 20, 1)",
1229
+ "hex": "#ec2e14",
1230
+ "alias": "statusColorNegativeInvertedHover"
1231
+ },
1232
+ "dark_status_negative_inverted_press": {
1233
+ "rgba": "rgba(199, 37, 28, 1)",
1234
+ "hex": "#c7251c",
1235
+ "alias": "statusColorNegativeInvertedPress"
1236
+ },
1237
+ "dark_status_negative_press": {
1238
+ "rgba": "rgba(255, 141, 115, 1)",
1239
+ "hex": "#ff8d73",
1240
+ "alias": "statusColorNegativePress"
1241
+ },
1182
1242
  "dark_status_positive": {
1183
1243
  "rgba": "rgba(23, 208, 85, 1)",
1184
1244
  "hex": "#17d055",
1185
1245
  "alias": "statusColorPositive"
1186
1246
  },
1247
+ "dark_status_positive_hover": {
1248
+ "rgba": "rgba(34, 224, 104, 1)",
1249
+ "hex": "#22e068",
1250
+ "alias": "statusColorPositiveHover"
1251
+ },
1187
1252
  "dark_status_positive_inverted": {
1188
1253
  "rgba": "rgba(12, 196, 77, 1)",
1189
1254
  "hex": "#0cc44d",
1190
1255
  "alias": "statusColorPositiveInverted"
1191
1256
  },
1257
+ "dark_status_positive_inverted_hover": {
1258
+ "rgba": "rgba(4, 181, 69, 1)",
1259
+ "hex": "#04b545",
1260
+ "alias": "statusColorPositiveInvertedHover"
1261
+ },
1262
+ "dark_status_positive_inverted_press": {
1263
+ "rgba": "rgba(1, 165, 61, 1)",
1264
+ "hex": "#01a53d",
1265
+ "alias": "statusColorPositiveInvertedPress"
1266
+ },
1267
+ "dark_status_positive_press": {
1268
+ "rgba": "rgba(74, 231, 119, 1)",
1269
+ "hex": "#4ae777",
1270
+ "alias": "statusColorPositivePress"
1271
+ },
1192
1272
  "dark_text_accent": {
1193
1273
  "rgba": "rgba(239, 49, 36, 1)",
1194
1274
  "hex": "#ef3124",
@@ -2369,21 +2449,61 @@
2369
2449
  "hex": "#fa9313",
2370
2450
  "alias": "statusColorAttention"
2371
2451
  },
2452
+ "light_status_attention_hover": {
2453
+ "rgba": "rgba(241, 141, 11, 1)",
2454
+ "hex": "#f18d0b",
2455
+ "alias": "statusColorAttentionHover"
2456
+ },
2372
2457
  "light_status_attention_inverted": {
2373
2458
  "rgba": "rgba(253, 161, 54, 1)",
2374
2459
  "hex": "#fda136",
2375
2460
  "alias": "statusColorAttentionInverted"
2376
2461
  },
2462
+ "light_status_attention_inverted_hover": {
2463
+ "rgba": "rgba(253, 178, 77, 1)",
2464
+ "hex": "#fdb24d",
2465
+ "alias": "statusColorAttentionInvertedHover"
2466
+ },
2467
+ "light_status_attention_inverted_press": {
2468
+ "rgba": "rgba(255, 191, 112, 1)",
2469
+ "hex": "#ffbf70",
2470
+ "alias": "statusColorAttentionInvertedPress"
2471
+ },
2472
+ "light_status_attention_press": {
2473
+ "rgba": "rgba(234, 131, 19, 1)",
2474
+ "hex": "#ea8313",
2475
+ "alias": "statusColorAttentionPress"
2476
+ },
2377
2477
  "light_status_info": {
2378
2478
  "rgba": "rgba(34, 136, 250, 1)",
2379
2479
  "hex": "#2288fa",
2380
2480
  "alias": "statusColorInfo"
2381
2481
  },
2482
+ "light_status_info_hover": {
2483
+ "rgba": "rgba(42, 119, 239, 1)",
2484
+ "hex": "#2a77ef",
2485
+ "alias": "statusColorInfoHover"
2486
+ },
2382
2487
  "light_status_info_inverted": {
2383
2488
  "rgba": "rgba(49, 147, 252, 1)",
2384
2489
  "hex": "#3193fc",
2385
2490
  "alias": "statusColorInfoInverted"
2386
2491
  },
2492
+ "light_status_info_inverted_hover": {
2493
+ "rgba": "rgba(74, 157, 252, 1)",
2494
+ "hex": "#4a9dfc",
2495
+ "alias": "statusColorInfoInvertedHover"
2496
+ },
2497
+ "light_status_info_inverted_press": {
2498
+ "rgba": "rgba(99, 170, 253, 1)",
2499
+ "hex": "#63aafd",
2500
+ "alias": "statusColorInfoInvertedPress"
2501
+ },
2502
+ "light_status_info_press": {
2503
+ "rgba": "rgba(44, 100, 212, 1)",
2504
+ "hex": "#2c64d4",
2505
+ "alias": "statusColorInfoPress"
2506
+ },
2387
2507
  "light_status_muted_alt_attention": {
2388
2508
  "rgba": "rgba(255, 227, 188, 1)",
2389
2509
  "hex": "#ffe3bc",
@@ -2629,21 +2749,61 @@
2629
2749
  "hex": "#ff5431",
2630
2750
  "alias": "statusColorNegative"
2631
2751
  },
2752
+ "light_status_negative_hover": {
2753
+ "rgba": "rgba(236, 46, 20, 1)",
2754
+ "hex": "#ec2e14",
2755
+ "alias": "statusColorNegativeHover"
2756
+ },
2632
2757
  "light_status_negative_inverted": {
2633
2758
  "rgba": "rgba(255, 84, 49, 1)",
2634
2759
  "hex": "#ff5431",
2635
2760
  "alias": "statusColorNegativeInverted"
2636
2761
  },
2762
+ "light_status_negative_inverted_hover": {
2763
+ "rgba": "rgba(255, 117, 84, 1)",
2764
+ "hex": "#ff7554",
2765
+ "alias": "statusColorNegativeInvertedHover"
2766
+ },
2767
+ "light_status_negative_inverted_press": {
2768
+ "rgba": "rgba(255, 141, 115, 1)",
2769
+ "hex": "#ff8d73",
2770
+ "alias": "statusColorNegativeInvertedPress"
2771
+ },
2772
+ "light_status_negative_press": {
2773
+ "rgba": "rgba(199, 37, 28, 1)",
2774
+ "hex": "#c7251c",
2775
+ "alias": "statusColorNegativePress"
2776
+ },
2637
2777
  "light_status_positive": {
2638
2778
  "rgba": "rgba(12, 196, 77, 1)",
2639
2779
  "hex": "#0cc44d",
2640
2780
  "alias": "statusColorPositive"
2641
2781
  },
2782
+ "light_status_positive_hover": {
2783
+ "rgba": "rgba(4, 181, 69, 1)",
2784
+ "hex": "#04b545",
2785
+ "alias": "statusColorPositiveHover"
2786
+ },
2642
2787
  "light_status_positive_inverted": {
2643
2788
  "rgba": "rgba(23, 208, 85, 1)",
2644
2789
  "hex": "#17d055",
2645
2790
  "alias": "statusColorPositiveInverted"
2646
2791
  },
2792
+ "light_status_positive_inverted_hover": {
2793
+ "rgba": "rgba(34, 224, 104, 1)",
2794
+ "hex": "#22e068",
2795
+ "alias": "statusColorPositiveInvertedHover"
2796
+ },
2797
+ "light_status_positive_inverted_press": {
2798
+ "rgba": "rgba(74, 231, 119, 1)",
2799
+ "hex": "#4ae777",
2800
+ "alias": "statusColorPositiveInvertedPress"
2801
+ },
2802
+ "light_status_positive_press": {
2803
+ "rgba": "rgba(1, 165, 61, 1)",
2804
+ "hex": "#01a53d",
2805
+ "alias": "statusColorPositivePress"
2806
+ },
2647
2807
  "light_text_accent": {
2648
2808
  "rgba": "rgba(239, 49, 36, 1)",
2649
2809
  "hex": "#ef3124",