ui-primitives 35.12.0 → 35.13.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 +14 -0
  3. package/styles/colors_promo.json +224 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ui-primitives",
3
- "version": "35.12.0",
3
+ "version": "35.13.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
@@ -1000,6 +1000,13 @@
1000
1000
  "web": "--color-dark-overlay-default",
1001
1001
  "alias": "overlayColorDefault"
1002
1002
  },
1003
+ "dark_overlay_lighten_strong": {
1004
+ "rgba": "rgba(18, 18, 19, 0.88)",
1005
+ "hex": "#e0121213",
1006
+ "figma": "overlay/lighten-strong",
1007
+ "web": "--color-dark-overlay-lighten-strong",
1008
+ "alias": "overlayColorLightenStrong"
1009
+ },
1003
1010
  "dark_status_attention": {
1004
1011
  "rgba": "rgba(253, 161, 54, 1)",
1005
1012
  "hex": "#fda136",
@@ -2848,6 +2855,13 @@
2848
2855
  "web": "--color-light-overlay-default",
2849
2856
  "alias": "overlayColorDefault"
2850
2857
  },
2858
+ "light_overlay_lighten_strong": {
2859
+ "rgba": "rgba(255, 255, 255, 0.88)",
2860
+ "hex": "#e0ffffff",
2861
+ "figma": "overlay/lighten-strong",
2862
+ "web": "--color-light-overlay-lighten-strong",
2863
+ "alias": "overlayColorLightenStrong"
2864
+ },
2851
2865
  "light_status_attention": {
2852
2866
  "rgba": "rgba(250, 147, 19, 1)",
2853
2867
  "hex": "#fa9313",
package/styles/colors_promo.json CHANGED
@@ -237,6 +237,20 @@
237
237
  "web": "--color-dark-promo-pale-chardonnay",
238
238
  "alias": "promoPaleColorChardonnay"
239
239
  },
240
+ "dark_promo_pale_chardonnay_hover": {
241
+ "rgba": "rgba(252, 219, 181, 1)",
242
+ "hex": "#fcdbb5",
243
+ "figma": "promo-pale/chardonnay/hover",
244
+ "web": "--color-dark-promo-pale-chardonnay-hover",
245
+ "alias": "promoPaleColorChardonnayHover"
246
+ },
247
+ "dark_promo_pale_chardonnay_press": {
248
+ "rgba": "rgba(251, 212, 168, 1)",
249
+ "hex": "#fbd4a8",
250
+ "figma": "promo-pale/chardonnay/press",
251
+ "web": "--color-dark-promo-pale-chardonnay-press",
252
+ "alias": "promoPaleColorChardonnayPress"
253
+ },
240
254
  "dark_promo_pale_conclave": {
241
255
  "rgba": "rgba(214, 230, 255, 1)",
242
256
  "hex": "#d6e6ff",
@@ -244,6 +258,20 @@
244
258
  "web": "--color-dark-promo-pale-conclave",
245
259
  "alias": "promoPaleColorConclave"
246
260
  },
261
+ "dark_promo_pale_conclave_hover": {
262
+ "rgba": "rgba(199, 221, 252, 1)",
263
+ "hex": "#c7ddfc",
264
+ "figma": "promo-pale/conclave/hover",
265
+ "web": "--color-dark-promo-pale-conclave-hover",
266
+ "alias": "promoPaleColorConclaveHover"
267
+ },
268
+ "dark_promo_pale_conclave_press": {
269
+ "rgba": "rgba(192, 217, 253, 1)",
270
+ "hex": "#c0d9fd",
271
+ "figma": "promo-pale/conclave/press",
272
+ "web": "--color-dark-promo-pale-conclave-press",
273
+ "alias": "promoPaleColorConclavePress"
274
+ },
247
275
  "dark_promo_pale_lagoon": {
248
276
  "rgba": "rgba(197, 248, 250, 1)",
249
277
  "hex": "#c5f8fa",
@@ -251,6 +279,20 @@
251
279
  "web": "--color-dark-promo-pale-lagoon",
252
280
  "alias": "promoPaleColorLagoon"
253
281
  },
282
+ "dark_promo_pale_lagoon_hover": {
283
+ "rgba": "rgba(177, 242, 243, 1)",
284
+ "hex": "#b1f2f3",
285
+ "figma": "promo-pale/lagoon/hover",
286
+ "web": "--color-dark-promo-pale-lagoon-hover",
287
+ "alias": "promoPaleColorLagoonHover"
288
+ },
289
+ "dark_promo_pale_lagoon_press": {
290
+ "rgba": "rgba(170, 236, 238, 1)",
291
+ "hex": "#aaecee",
292
+ "figma": "promo-pale/lagoon/press",
293
+ "web": "--color-dark-promo-pale-lagoon-press",
294
+ "alias": "promoPaleColorLagoonPress"
295
+ },
254
296
  "dark_promo_pale_oasis": {
255
297
  "rgba": "rgba(235, 214, 255, 1)",
256
298
  "hex": "#ebd6ff",
@@ -258,6 +300,20 @@
258
300
  "web": "--color-dark-promo-pale-oasis",
259
301
  "alias": "promoPaleColorOasis"
260
302
  },
303
+ "dark_promo_pale_oasis_hover": {
304
+ "rgba": "rgba(229, 206, 254, 1)",
305
+ "hex": "#e5cefe",
306
+ "figma": "promo-pale/oasis/hover",
307
+ "web": "--color-dark-promo-pale-oasis-hover",
308
+ "alias": "promoPaleColorOasisHover"
309
+ },
310
+ "dark_promo_pale_oasis_press": {
311
+ "rgba": "rgba(225, 200, 252, 1)",
312
+ "hex": "#e1c8fc",
313
+ "figma": "promo-pale/oasis/press",
314
+ "web": "--color-dark-promo-pale-oasis-press",
315
+ "alias": "promoPaleColorOasisPress"
316
+ },
261
317
  "dark_promo_pale_pearl": {
262
318
  "rgba": "rgba(241, 244, 244, 1)",
263
319
  "hex": "#f1f4f4",
@@ -265,6 +321,20 @@
265
321
  "web": "--color-dark-promo-pale-pearl",
266
322
  "alias": "promoPaleColorPearl"
267
323
  },
324
+ "dark_promo_pale_pearl_hover": {
325
+ "rgba": "rgba(231, 234, 234, 1)",
326
+ "hex": "#e7eaea",
327
+ "figma": "promo-pale/pearl/hover",
328
+ "web": "--color-dark-promo-pale-pearl-hover",
329
+ "alias": "promoPaleColorPearlHover"
330
+ },
331
+ "dark_promo_pale_pearl_press": {
332
+ "rgba": "rgba(225, 228, 228, 1)",
333
+ "hex": "#e1e4e4",
334
+ "figma": "promo-pale/pearl/press",
335
+ "web": "--color-dark-promo-pale-pearl-press",
336
+ "alias": "promoPaleColorPearlPress"
337
+ },
268
338
  "dark_promo_pale_primrose": {
269
339
  "rgba": "rgba(234, 255, 179, 1)",
270
340
  "hex": "#eaffb3",
@@ -272,6 +342,20 @@
272
342
  "web": "--color-dark-promo-pale-primrose",
273
343
  "alias": "promoPaleColorPrimrose"
274
344
  },
345
+ "dark_promo_pale_primrose_hover": {
346
+ "rgba": "rgba(224, 247, 162, 1)",
347
+ "hex": "#e0f7a2",
348
+ "figma": "promo-pale/primrose/hover",
349
+ "web": "--color-dark-promo-pale-primrose-hover",
350
+ "alias": "promoPaleColorPrimroseHover"
351
+ },
352
+ "dark_promo_pale_primrose_press": {
353
+ "rgba": "rgba(219, 241, 154, 1)",
354
+ "hex": "#dbf19a",
355
+ "figma": "promo-pale/primrose/press",
356
+ "web": "--color-dark-promo-pale-primrose-press",
357
+ "alias": "promoPaleColorPrimrosePress"
358
+ },
275
359
  "dark_promo_pale_seafoam": {
276
360
  "rgba": "rgba(214, 255, 231, 1)",
277
361
  "hex": "#d6ffe7",
@@ -279,6 +363,20 @@
279
363
  "web": "--color-dark-promo-pale-seafoam",
280
364
  "alias": "promoPaleColorSeafoam"
281
365
  },
366
+ "dark_promo_pale_seafoam_hover": {
367
+ "rgba": "rgba(195, 251, 218, 1)",
368
+ "hex": "#c3fbda",
369
+ "figma": "promo-pale/seafoam/hover",
370
+ "web": "--color-dark-promo-pale-seafoam-hover",
371
+ "alias": "promoPaleColorSeafoamHover"
372
+ },
373
+ "dark_promo_pale_seafoam_press": {
374
+ "rgba": "rgba(186, 246, 210, 1)",
375
+ "hex": "#baf6d2",
376
+ "figma": "promo-pale/seafoam/press",
377
+ "web": "--color-dark-promo-pale-seafoam-press",
378
+ "alias": "promoPaleColorSeafoamPress"
379
+ },
282
380
  "dark_promo_pale_tomato": {
283
381
  "rgba": "rgba(255, 219, 216, 1)",
284
382
  "hex": "#ffdbd8",
@@ -286,6 +384,20 @@
286
384
  "web": "--color-dark-promo-pale-tomato",
287
385
  "alias": "promoPaleColorTomato"
288
386
  },
387
+ "dark_promo_pale_tomato_hover": {
388
+ "rgba": "rgba(254, 208, 205, 1)",
389
+ "hex": "#fed0cd",
390
+ "figma": "promo-pale/tomato/hover",
391
+ "web": "--color-dark-promo-pale-tomato-hover",
392
+ "alias": "promoPaleColorTomatoHover"
393
+ },
394
+ "dark_promo_pale_tomato_press": {
395
+ "rgba": "rgba(253, 200, 197, 1)",
396
+ "hex": "#fdc8c5",
397
+ "figma": "promo-pale/tomato/press",
398
+ "web": "--color-dark-promo-pale-tomato-press",
399
+ "alias": "promoPaleColorTomatoPress"
400
+ },
289
401
  "dark_promo_peach": {
290
402
  "rgba": "rgba(255, 203, 179, 1)",
291
403
  "hex": "#ffcbb3",
@@ -902,6 +1014,20 @@
902
1014
  "web": "--color-light-promo-pale-chardonnay",
903
1015
  "alias": "promoPaleColorChardonnay"
904
1016
  },
1017
+ "light_promo_pale_chardonnay_hover": {
1018
+ "rgba": "rgba(252, 219, 181, 1)",
1019
+ "hex": "#fcdbb5",
1020
+ "figma": "promo-pale/chardonnay/hover",
1021
+ "web": "--color-light-promo-pale-chardonnay-hover",
1022
+ "alias": "promoPaleColorChardonnayHover"
1023
+ },
1024
+ "light_promo_pale_chardonnay_press": {
1025
+ "rgba": "rgba(251, 212, 168, 1)",
1026
+ "hex": "#fbd4a8",
1027
+ "figma": "promo-pale/chardonnay/press",
1028
+ "web": "--color-light-promo-pale-chardonnay-press",
1029
+ "alias": "promoPaleColorChardonnayPress"
1030
+ },
905
1031
  "light_promo_pale_conclave": {
906
1032
  "rgba": "rgba(214, 230, 255, 1)",
907
1033
  "hex": "#d6e6ff",
@@ -909,6 +1035,20 @@
909
1035
  "web": "--color-light-promo-pale-conclave",
910
1036
  "alias": "promoPaleColorConclave"
911
1037
  },
1038
+ "light_promo_pale_conclave_hover": {
1039
+ "rgba": "rgba(199, 221, 252, 1)",
1040
+ "hex": "#c7ddfc",
1041
+ "figma": "promo-pale/conclave/hover",
1042
+ "web": "--color-light-promo-pale-conclave-hover",
1043
+ "alias": "promoPaleColorConclaveHover"
1044
+ },
1045
+ "light_promo_pale_conclave_press": {
1046
+ "rgba": "rgba(192, 217, 253, 1)",
1047
+ "hex": "#c0d9fd",
1048
+ "figma": "promo-pale/conclave/press",
1049
+ "web": "--color-light-promo-pale-conclave-press",
1050
+ "alias": "promoPaleColorConclavePress"
1051
+ },
912
1052
  "light_promo_pale_lagoon": {
913
1053
  "rgba": "rgba(197, 248, 250, 1)",
914
1054
  "hex": "#c5f8fa",
@@ -916,6 +1056,20 @@
916
1056
  "web": "--color-light-promo-pale-lagoon",
917
1057
  "alias": "promoPaleColorLagoon"
918
1058
  },
1059
+ "light_promo_pale_lagoon_hover": {
1060
+ "rgba": "rgba(177, 242, 243, 1)",
1061
+ "hex": "#b1f2f3",
1062
+ "figma": "promo-pale/lagoon/hover",
1063
+ "web": "--color-light-promo-pale-lagoon-hover",
1064
+ "alias": "promoPaleColorLagoonHover"
1065
+ },
1066
+ "light_promo_pale_lagoon_press": {
1067
+ "rgba": "rgba(170, 236, 238, 1)",
1068
+ "hex": "#aaecee",
1069
+ "figma": "promo-pale/lagoon/press",
1070
+ "web": "--color-light-promo-pale-lagoon-press",
1071
+ "alias": "promoPaleColorLagoonPress"
1072
+ },
919
1073
  "light_promo_pale_oasis": {
920
1074
  "rgba": "rgba(235, 214, 255, 1)",
921
1075
  "hex": "#ebd6ff",
@@ -923,6 +1077,20 @@
923
1077
  "web": "--color-light-promo-pale-oasis",
924
1078
  "alias": "promoPaleColorOasis"
925
1079
  },
1080
+ "light_promo_pale_oasis_hover": {
1081
+ "rgba": "rgba(229, 206, 254, 1)",
1082
+ "hex": "#e5cefe",
1083
+ "figma": "promo-pale/oasis/hover",
1084
+ "web": "--color-light-promo-pale-oasis-hover",
1085
+ "alias": "promoPaleColorOasisHover"
1086
+ },
1087
+ "light_promo_pale_oasis_press": {
1088
+ "rgba": "rgba(225, 200, 252, 1)",
1089
+ "hex": "#e1c8fc",
1090
+ "figma": "promo-pale/oasis/press",
1091
+ "web": "--color-light-promo-pale-oasis-press",
1092
+ "alias": "promoPaleColorOasisPress"
1093
+ },
926
1094
  "light_promo_pale_pearl": {
927
1095
  "rgba": "rgba(241, 244, 244, 1)",
928
1096
  "hex": "#f1f4f4",
@@ -930,6 +1098,20 @@
930
1098
  "web": "--color-light-promo-pale-pearl",
931
1099
  "alias": "promoPaleColorPearl"
932
1100
  },
1101
+ "light_promo_pale_pearl_hover": {
1102
+ "rgba": "rgba(231, 234, 234, 1)",
1103
+ "hex": "#e7eaea",
1104
+ "figma": "promo-pale/pearl/hover",
1105
+ "web": "--color-light-promo-pale-pearl-hover",
1106
+ "alias": "promoPaleColorPearlHover"
1107
+ },
1108
+ "light_promo_pale_pearl_press": {
1109
+ "rgba": "rgba(225, 228, 228, 1)",
1110
+ "hex": "#e1e4e4",
1111
+ "figma": "promo-pale/pearl/press",
1112
+ "web": "--color-light-promo-pale-pearl-press",
1113
+ "alias": "promoPaleColorPearlPress"
1114
+ },
933
1115
  "light_promo_pale_primrose": {
934
1116
  "rgba": "rgba(234, 255, 179, 1)",
935
1117
  "hex": "#eaffb3",
@@ -937,6 +1119,20 @@
937
1119
  "web": "--color-light-promo-pale-primrose",
938
1120
  "alias": "promoPaleColorPrimrose"
939
1121
  },
1122
+ "light_promo_pale_primrose_hover": {
1123
+ "rgba": "rgba(224, 247, 162, 1)",
1124
+ "hex": "#e0f7a2",
1125
+ "figma": "promo-pale/primrose/hover",
1126
+ "web": "--color-light-promo-pale-primrose-hover",
1127
+ "alias": "promoPaleColorPrimroseHover"
1128
+ },
1129
+ "light_promo_pale_primrose_press": {
1130
+ "rgba": "rgba(219, 241, 154, 1)",
1131
+ "hex": "#dbf19a",
1132
+ "figma": "promo-pale/primrose/press",
1133
+ "web": "--color-light-promo-pale-primrose-press",
1134
+ "alias": "promoPaleColorPrimrosePress"
1135
+ },
940
1136
  "light_promo_pale_seafoam": {
941
1137
  "rgba": "rgba(214, 255, 231, 1)",
942
1138
  "hex": "#d6ffe7",
@@ -944,6 +1140,20 @@
944
1140
  "web": "--color-light-promo-pale-seafoam",
945
1141
  "alias": "promoPaleColorSeafoam"
946
1142
  },
1143
+ "light_promo_pale_seafoam_hover": {
1144
+ "rgba": "rgba(195, 251, 218, 1)",
1145
+ "hex": "#c3fbda",
1146
+ "figma": "promo-pale/seafoam/hover",
1147
+ "web": "--color-light-promo-pale-seafoam-hover",
1148
+ "alias": "promoPaleColorSeafoamHover"
1149
+ },
1150
+ "light_promo_pale_seafoam_press": {
1151
+ "rgba": "rgba(186, 246, 210, 1)",
1152
+ "hex": "#baf6d2",
1153
+ "figma": "promo-pale/seafoam/press",
1154
+ "web": "--color-light-promo-pale-seafoam-press",
1155
+ "alias": "promoPaleColorSeafoamPress"
1156
+ },
947
1157
  "light_promo_pale_tomato": {
948
1158
  "rgba": "rgba(255, 219, 216, 1)",
949
1159
  "hex": "#ffdbd8",
@@ -951,6 +1161,20 @@
951
1161
  "web": "--color-light-promo-pale-tomato",
952
1162
  "alias": "promoPaleColorTomato"
953
1163
  },
1164
+ "light_promo_pale_tomato_hover": {
1165
+ "rgba": "rgba(254, 208, 205, 1)",
1166
+ "hex": "#fed0cd",
1167
+ "figma": "promo-pale/tomato/hover",
1168
+ "web": "--color-light-promo-pale-tomato-hover",
1169
+ "alias": "promoPaleColorTomatoHover"
1170
+ },
1171
+ "light_promo_pale_tomato_press": {
1172
+ "rgba": "rgba(253, 200, 197, 1)",
1173
+ "hex": "#fdc8c5",
1174
+ "figma": "promo-pale/tomato/press",
1175
+ "web": "--color-light-promo-pale-tomato-press",
1176
+ "alias": "promoPaleColorTomatoPress"
1177
+ },
954
1178
  "light_promo_peach": {
955
1179
  "rgba": "rgba(255, 203, 179, 1)",
956
1180
  "hex": "#ffcbb3",