ui-primitives 6.38.0 → 7.2.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 (23) hide show
  1. package/icons/corp/corp_houses-percent_m.svg +6 -4
  2. package/icons/glyph/glyph_tie_m.svg +4 -0
  3. package/package.json +1 -1
  4. package/styles/colors_addons.json +211 -33
  5. package/styles/colors_bluetint.json +77 -35
  6. package/styles/colors_indigo.json +84 -36
  7. package/styles/colors_transparent.json +1 -1
  8. package/styles/colors_x5.json +4 -2
  9. package/styles/typography_android.json +56 -56
  10. package/styles/typography_ios.json +55 -55
  11. package/styles/typography_web.json +3 -159
  12. package/styles/v2/attributes_android.json +0 -12
  13. package/styles/v2/colors_addons.json +0 -621
  14. package/styles/v2/colors_bluetint.json +0 -780
  15. package/styles/v2/colors_indigo.json +0 -784
  16. package/styles/v2/colors_transparent.json +0 -132
  17. package/styles/v2/colors_x5.json +0 -12
  18. package/styles/v2/gradients.json +0 -39
  19. package/styles/v2/grid.json +0 -15
  20. package/styles/v2/shadows_indigo.json +0 -392
  21. package/styles/v2/typography_android.json +0 -409
  22. package/styles/v2/typography_ios.json +0 -432
  23. package/styles/v2/typography_web.json +0 -380
package/styles/v2/colors_transparent.json DELETED
@@ -1,132 +0,0 @@
1
- {
2
- "dynamic_nulled": {
3
- "rgba": "rgba(0, 0, 0, 0)",
4
- "hex": "#00000000",
5
- "alias": "transparentColorNulled"
6
- },
7
- "dynamic_primary_dark": {
8
- "rgba": "rgba(0, 0, 0, 0.8)",
9
- "hex": "#cc000000",
10
- "alias": "transparentColorPrimaryDark"
11
- },
12
- "dynamic_primary_light": {
13
- "rgba": "rgba(255, 255, 255, 0.8)",
14
- "hex": "#ccffffff",
15
- "alias": "transparentColorPrimaryLight"
16
- },
17
- "dynamic_quaternary_dark": {
18
- "rgba": "rgba(0, 0, 0, 0.32)",
19
- "hex": "#52000000",
20
- "alias": "transparentColorQuaternaryDark"
21
- },
22
- "dynamic_quaternary_light": {
23
- "rgba": "rgba(255, 255, 255, 0.32)",
24
- "hex": "#52ffffff",
25
- "alias": "transparentColorQuaternaryLight"
26
- },
27
- "dynamic_quinary_dark": {
28
- "rgba": "rgba(0, 0, 0, 0.16)",
29
- "hex": "#29000000",
30
- "alias": "transparentColorQuinaryDark"
31
- },
32
- "dynamic_quinary_light": {
33
- "rgba": "rgba(255, 255, 255, 0.16)",
34
- "hex": "#29ffffff",
35
- "alias": "transparentColorQuinaryLight"
36
- },
37
- "dynamic_secondary_dark": {
38
- "rgba": "rgba(0, 0, 0, 0.64)",
39
- "hex": "#a3000000",
40
- "alias": "transparentColorSecondaryDark"
41
- },
42
- "dynamic_secondary_light": {
43
- "rgba": "rgba(255, 255, 255, 0.64)",
44
- "hex": "#a3ffffff",
45
- "alias": "transparentColorSecondaryLight"
46
- },
47
- "dynamic_senary_dark": {
48
- "rgba": "rgba(0, 0, 0, 0.12)",
49
- "hex": "#1f000000",
50
- "alias": "transparentColorSenaryDark"
51
- },
52
- "dynamic_senary_light": {
53
- "rgba": "rgba(255, 255, 255, 0.12)",
54
- "hex": "#1fffffff",
55
- "alias": "transparentColorSenaryLight"
56
- },
57
- "dynamic_tertiary_dark": {
58
- "rgba": "rgba(0, 0, 0, 0.48)",
59
- "hex": "#7a000000",
60
- "alias": "transparentColorTertiaryDark"
61
- },
62
- "dynamic_tertiary_light": {
63
- "rgba": "rgba(255, 255, 255, 0.48)",
64
- "hex": "#7affffff",
65
- "alias": "transparentColorTertiaryLight"
66
- },
67
- "static_nulled": {
68
- "rgba": "rgba(0, 0, 0, 0)",
69
- "hex": "#00000000",
70
- "alias": "staticTransparentColorNulled"
71
- },
72
- "static_primary_dark": {
73
- "rgba": "rgba(0, 0, 0, 0.8)",
74
- "hex": "#cc000000",
75
- "alias": "staticTransparentColorPrimaryDark"
76
- },
77
- "static_primary_light": {
78
- "rgba": "rgba(255, 255, 255, 0.8)",
79
- "hex": "#ccffffff",
80
- "alias": "staticTransparentColorPrimaryLight"
81
- },
82
- "static_quaternary_dark": {
83
- "rgba": "rgba(0, 0, 0, 0.32)",
84
- "hex": "#52000000",
85
- "alias": "staticTransparentColorQuaternaryDark"
86
- },
87
- "static_quaternary_light": {
88
- "rgba": "rgba(255, 255, 255, 0.32)",
89
- "hex": "#52ffffff",
90
- "alias": "staticTransparentColorQuaternaryLight"
91
- },
92
- "static_quinary_dark": {
93
- "rgba": "rgba(0, 0, 0, 0.16)",
94
- "hex": "#29000000",
95
- "alias": "staticTransparentColorQuinaryDark"
96
- },
97
- "static_quinary_light": {
98
- "rgba": "rgba(255, 255, 255, 0.16)",
99
- "hex": "#29ffffff",
100
- "alias": "staticTransparentColorQuinaryLight"
101
- },
102
- "static_secondary_dark": {
103
- "rgba": "rgba(0, 0, 0, 0.64)",
104
- "hex": "#a3000000",
105
- "alias": "staticTransparentColorSecondaryDark"
106
- },
107
- "static_secondary_light": {
108
- "rgba": "rgba(255, 255, 255, 0.64)",
109
- "hex": "#a3ffffff",
110
- "alias": "staticTransparentColorSecondaryLight"
111
- },
112
- "static_senary_dark": {
113
- "rgba": "rgba(0, 0, 0, 0.12)",
114
- "hex": "#1f000000",
115
- "alias": "staticTransparentColorSenaryDark"
116
- },
117
- "static_senary_light": {
118
- "rgba": "rgba(255, 255, 255, 0.12)",
119
- "hex": "#1fffffff",
120
- "alias": "staticTransparentColorSenaryLight"
121
- },
122
- "static_tertiary_dark": {
123
- "rgba": "rgba(0, 0, 0, 0.48)",
124
- "hex": "#7a000000",
125
- "alias": "staticTransparentColorTertiaryDark"
126
- },
127
- "static_tertiary_light": {
128
- "rgba": "rgba(255, 255, 255, 0.48)",
129
- "hex": "#7affffff",
130
- "alias": "staticTransparentColorTertiaryLight"
131
- }
132
- }
package/styles/v2/colors_x5.json DELETED
@@ -1,12 +0,0 @@
1
- {
2
- "static_brand_primary": {
3
- "rgba": "rgba(95, 175, 45, 1)",
4
- "hex": "#5faf2d",
5
- "alias": "staticBrandColorPrimary"
6
- },
7
- "static_brand_secondary": {
8
- "rgba": "rgba(0, 175, 255, 1)",
9
- "hex": "#00afff",
10
- "alias": "staticBrandColorSecondary"
11
- }
12
- }
package/styles/v2/gradients.json DELETED
@@ -1,39 +0,0 @@
1
- {
2
- "static_bg_priority_pass": {
3
- "angle": {
4
- "web": 135,
5
- "android": 315
6
- },
7
- "handlePositions": [
8
- {
9
- "x": 0,
10
- "y": 0
11
- },
12
- {
13
- "x": 1,
14
- "y": 1
15
- },
16
- {
17
- "x": 0,
18
- "y": 0
19
- }
20
- ],
21
- "stops": [
22
- {
23
- "color": {
24
- "rgba": "rgba(35, 34, 32, 1)",
25
- "hex": "#232220"
26
- },
27
- "position": 0
28
- },
29
- {
30
- "color": {
31
- "rgba": "rgba(75, 74, 70, 1)",
32
- "hex": "#4B4A46"
33
- },
34
- "position": 1
35
- }
36
- ],
37
- "alias": "staticBackgroundGradientPriorityPass"
38
- }
39
- }
package/styles/v2/grid.json DELETED
@@ -1,15 +0,0 @@
1
- {
2
- "gap_2xs": 4,
3
- "gap_xs": 8,
4
- "gap_s": 12,
5
- "gap_m": 16,
6
- "gap_l": 20,
7
- "gap_xl": 24,
8
- "gap_2xl": 32,
9
- "gap_3xl": 40,
10
- "gap_4xl": 48,
11
- "gap_5xl": 64,
12
- "gap_6xl": 72,
13
- "gap_7xl": 96,
14
- "gap_8xl": 128
15
- }
package/styles/v2/shadows_indigo.json DELETED
@@ -1,392 +0,0 @@
1
- {
2
- "xs": [
3
- {
4
- "offset_x": 0,
5
- "offset_y": 0,
6
- "blur_radius": 4,
7
- "rgba": "rgba(11, 31, 53, 0.02)",
8
- "hex": "#050b1f35"
9
- },
10
- {
11
- "offset_x": 0,
12
- "offset_y": 2,
13
- "blur_radius": 4,
14
- "rgba": "rgba(11, 31, 53, 0.04)",
15
- "hex": "#0a0b1f35"
16
- }
17
- ],
18
- "s": [
19
- {
20
- "offset_x": 0,
21
- "offset_y": 0,
22
- "blur_radius": 8,
23
- "rgba": "rgba(11, 31, 53, 0.04)",
24
- "hex": "#0a0b1f35"
25
- },
26
- {
27
- "offset_x": 0,
28
- "offset_y": 4,
29
- "blur_radius": 8,
30
- "rgba": "rgba(11, 31, 53, 0.08)",
31
- "hex": "#140b1f35"
32
- }
33
- ],
34
- "m": [
35
- {
36
- "offset_x": 0,
37
- "offset_y": 0,
38
- "blur_radius": 16,
39
- "rgba": "rgba(11, 31, 53, 0.08)",
40
- "hex": "#140b1f35"
41
- },
42
- {
43
- "offset_x": 0,
44
- "offset_y": 8,
45
- "blur_radius": 16,
46
- "rgba": "rgba(11, 31, 53, 0.16)",
47
- "hex": "#290b1f35"
48
- }
49
- ],
50
- "l": [
51
- {
52
- "offset_x": 0,
53
- "offset_y": 0,
54
- "blur_radius": 24,
55
- "rgba": "rgba(11, 31, 53, 0.12)",
56
- "hex": "#1f0b1f35"
57
- },
58
- {
59
- "offset_x": 0,
60
- "offset_y": 12,
61
- "blur_radius": 24,
62
- "rgba": "rgba(11, 31, 53, 0.24)",
63
- "hex": "#3d0b1f35"
64
- }
65
- ],
66
- "xl": [
67
- {
68
- "offset_x": 0,
69
- "offset_y": 0,
70
- "blur_radius": 32,
71
- "rgba": "rgba(11, 31, 53, 0.16)",
72
- "hex": "#290b1f35"
73
- },
74
- {
75
- "offset_x": 0,
76
- "offset_y": 16,
77
- "blur_radius": 32,
78
- "rgba": "rgba(11, 31, 53, 0.32)",
79
- "hex": "#3d0b1f35"
80
- }
81
- ],
82
- "xs_hard": [
83
- {
84
- "offset_x": 0,
85
- "offset_y": 0,
86
- "blur_radius": 4,
87
- "rgba": "rgba(11, 31, 53, 0.02)",
88
- "hex": "#050b1f35"
89
- },
90
- {
91
- "offset_x": 0,
92
- "offset_y": 2,
93
- "blur_radius": 4,
94
- "rgba": "rgba(11, 31, 53, 0.04)",
95
- "hex": "#0a0b1f35"
96
- },
97
- {
98
- "offset_x": 0,
99
- "offset_y": 2,
100
- "blur_radius": 4,
101
- "rgba": "rgba(11, 31, 53, 0.16)",
102
- "hex": "#290b1f35"
103
- }
104
- ],
105
- "s_hard": [
106
- {
107
- "offset_x": 0,
108
- "offset_y": 0,
109
- "blur_radius": 8,
110
- "rgba": "rgba(11, 31, 53, 0.04)",
111
- "hex": "#0a0b1f35"
112
- },
113
- {
114
- "offset_x": 0,
115
- "offset_y": 4,
116
- "blur_radius": 8,
117
- "rgba": "rgba(11, 31, 53, 0.08)",
118
- "hex": "#140b1f35"
119
- },
120
- {
121
- "offset_x": 0,
122
- "offset_y": 4,
123
- "blur_radius": 8,
124
- "rgba": "rgba(11, 31, 53, 0.16)",
125
- "hex": "#290b1f35"
126
- }
127
- ],
128
- "m_hard": [
129
- {
130
- "offset_x": 0,
131
- "offset_y": 0,
132
- "blur_radius": 16,
133
- "rgba": "rgba(11, 31, 53, 0.08)",
134
- "hex": "#140b1f35"
135
- },
136
- {
137
- "offset_x": 0,
138
- "offset_y": 8,
139
- "blur_radius": 16,
140
- "rgba": "rgba(11, 31, 53, 0.16)",
141
- "hex": "#290b1f35"
142
- },
143
- {
144
- "offset_x": 0,
145
- "offset_y": 8,
146
- "blur_radius": 16,
147
- "rgba": "rgba(11, 31, 53, 0.16)",
148
- "hex": "#290b1f35"
149
- }
150
- ],
151
- "l_hard": [
152
- {
153
- "offset_x": 0,
154
- "offset_y": 0,
155
- "blur_radius": 24,
156
- "rgba": "rgba(11, 31, 53, 0.12)",
157
- "hex": "#1f0b1f35"
158
- },
159
- {
160
- "offset_x": 0,
161
- "offset_y": 12,
162
- "blur_radius": 24,
163
- "rgba": "rgba(11, 31, 53, 0.24)",
164
- "hex": "#3d0b1f35"
165
- },
166
- {
167
- "offset_x": 0,
168
- "offset_y": 12,
169
- "blur_radius": 24,
170
- "rgba": "rgba(11, 31, 53, 0.16)",
171
- "hex": "#290b1f35"
172
- }
173
- ],
174
- "xl_hard": [
175
- {
176
- "offset_x": 0,
177
- "offset_y": 0,
178
- "blur_radius": 32,
179
- "rgba": "rgba(11, 31, 53, 0.16)",
180
- "hex": "#290b1f35"
181
- },
182
- {
183
- "offset_x": 0,
184
- "offset_y": 16,
185
- "blur_radius": 32,
186
- "rgba": "rgba(11, 31, 53, 0.32)",
187
- "hex": "#3d0b1f35"
188
- },
189
- {
190
- "offset_x": 0,
191
- "offset_y": 16,
192
- "blur_radius": 32,
193
- "rgba": "rgba(11, 31, 53, 0.16)",
194
- "hex": "#290b1f35"
195
- }
196
- ],
197
- "xs_up": [
198
- {
199
- "offset_x": 0,
200
- "offset_y": 0,
201
- "blur_radius": 4,
202
- "rgba": "rgba(11, 31, 53, 0.02)",
203
- "hex": "#050b1f35"
204
- },
205
- {
206
- "offset_x": 0,
207
- "offset_y": -2,
208
- "blur_radius": 4,
209
- "rgba": "rgba(11, 31, 53, 0.04)",
210
- "hex": "#0a0b1f35"
211
- }
212
- ],
213
- "s_up": [
214
- {
215
- "offset_x": 0,
216
- "offset_y": 0,
217
- "blur_radius": 8,
218
- "rgba": "rgba(11, 31, 53, 0.04)",
219
- "hex": "#0a0b1f35"
220
- },
221
- {
222
- "offset_x": 0,
223
- "offset_y": -4,
224
- "blur_radius": 8,
225
- "rgba": "rgba(11, 31, 53, 0.08)",
226
- "hex": "#140b1f35"
227
- }
228
- ],
229
- "m_up": [
230
- {
231
- "offset_x": 0,
232
- "offset_y": 0,
233
- "blur_radius": 16,
234
- "rgba": "rgba(11, 31, 53, 0.08)",
235
- "hex": "#140b1f35"
236
- },
237
- {
238
- "offset_x": 0,
239
- "offset_y": -8,
240
- "blur_radius": 16,
241
- "rgba": "rgba(11, 31, 53, 0.16)",
242
- "hex": "#290b1f35"
243
- }
244
- ],
245
- "l_up": [
246
- {
247
- "offset_x": 0,
248
- "offset_y": 0,
249
- "blur_radius": 24,
250
- "rgba": "rgba(11, 31, 53, 0.12)",
251
- "hex": "#1f0b1f35"
252
- },
253
- {
254
- "offset_x": 0,
255
- "offset_y": -12,
256
- "blur_radius": 24,
257
- "rgba": "rgba(11, 31, 53, 0.24)",
258
- "hex": "#3d0b1f35"
259
- }
260
- ],
261
- "xl_up": [
262
- {
263
- "offset_x": 0,
264
- "offset_y": 0,
265
- "blur_radius": 32,
266
- "rgba": "rgba(11, 31, 53, 0.16)",
267
- "hex": "#290b1f35"
268
- },
269
- {
270
- "offset_x": 0,
271
- "offset_y": -16,
272
- "blur_radius": 32,
273
- "rgba": "rgba(11, 31, 53, 0.32)",
274
- "hex": "#3d0b1f35"
275
- }
276
- ],
277
- "xs_hard_up": [
278
- {
279
- "offset_x": 0,
280
- "offset_y": 0,
281
- "blur_radius": 4,
282
- "rgba": "rgba(11, 31, 53, 0.02)",
283
- "hex": "#050b1f35"
284
- },
285
- {
286
- "offset_x": 0,
287
- "offset_y": -2,
288
- "blur_radius": 4,
289
- "rgba": "rgba(11, 31, 53, 0.04)",
290
- "hex": "#0a0b1f35"
291
- },
292
- {
293
- "offset_x": 0,
294
- "offset_y": -2,
295
- "blur_radius": 4,
296
- "rgba": "rgba(11, 31, 53, 0.16)",
297
- "hex": "#290b1f35"
298
- }
299
- ],
300
- "s_hard_up": [
301
- {
302
- "offset_x": 0,
303
- "offset_y": 0,
304
- "blur_radius": 8,
305
- "rgba": "rgba(11, 31, 53, 0.04)",
306
- "hex": "#0a0b1f35"
307
- },
308
- {
309
- "offset_x": 0,
310
- "offset_y": -4,
311
- "blur_radius": 8,
312
- "rgba": "rgba(11, 31, 53, 0.08)",
313
- "hex": "#140b1f35"
314
- },
315
- {
316
- "offset_x": 0,
317
- "offset_y": -4,
318
- "blur_radius": 8,
319
- "rgba": "rgba(11, 31, 53, 0.16)",
320
- "hex": "#290b1f35"
321
- }
322
- ],
323
- "m_hard_up": [
324
- {
325
- "offset_x": 0,
326
- "offset_y": 0,
327
- "blur_radius": 16,
328
- "rgba": "rgba(11, 31, 53, 0.08)",
329
- "hex": "#140b1f35"
330
- },
331
- {
332
- "offset_x": 0,
333
- "offset_y": -8,
334
- "blur_radius": 16,
335
- "rgba": "rgba(11, 31, 53, 0.16)",
336
- "hex": "#290b1f35"
337
- },
338
- {
339
- "offset_x": 0,
340
- "offset_y": -8,
341
- "blur_radius": 16,
342
- "rgba": "rgba(11, 31, 53, 0.16)",
343
- "hex": "#290b1f35"
344
- }
345
- ],
346
- "l_hard_up": [
347
- {
348
- "offset_x": 0,
349
- "offset_y": 0,
350
- "blur_radius": 24,
351
- "rgba": "rgba(11, 31, 53, 0.12)",
352
- "hex": "#1f0b1f35"
353
- },
354
- {
355
- "offset_x": 0,
356
- "offset_y": -12,
357
- "blur_radius": 24,
358
- "rgba": "rgba(11, 31, 53, 0.24)",
359
- "hex": "#3d0b1f35"
360
- },
361
- {
362
- "offset_x": 0,
363
- "offset_y": -12,
364
- "blur_radius": 24,
365
- "rgba": "rgba(11, 31, 53, 0.16)",
366
- "hex": "#290b1f35"
367
- }
368
- ],
369
- "xl_hard_up": [
370
- {
371
- "offset_x": 0,
372
- "offset_y": 0,
373
- "blur_radius": 32,
374
- "rgba": "rgba(11, 31, 53, 0.16)",
375
- "hex": "#290b1f35"
376
- },
377
- {
378
- "offset_x": 0,
379
- "offset_y": -16,
380
- "blur_radius": 32,
381
- "rgba": "rgba(11, 31, 53, 0.32)",
382
- "hex": "#3d0b1f35"
383
- },
384
- {
385
- "offset_x": 0,
386
- "offset_y": -16,
387
- "blur_radius": 32,
388
- "rgba": "rgba(11, 31, 53, 0.16)",
389
- "hex": "#290b1f35"
390
- }
391
- ]
392
- }