ui-primitives 4.2.0 → 5.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 (18) hide show
  1. package/icons/brand/logotype_sbp-full_m_color.svg +11 -0
  2. package/icons//321/201urrency/glyph_byn_m.svg +4 -0
  3. package/icons//321/201urrency/glyph_kzt_m.svg +3 -0
  4. package/package.json +1 -1
  5. package/styles/colors_bluetint.json +6 -86
  6. package/styles/colors_indigo.json +6 -86
  7. package/styles/v2/attributes_android.json +12 -0
  8. package/styles/v2/colors_addons.json +447 -0
  9. package/styles/v2/colors_bluetint.json +782 -0
  10. package/styles/v2/colors_indigo.json +782 -0
  11. package/styles/v2/colors_transparent.json +132 -0
  12. package/styles/v2/colors_x5.json +12 -0
  13. package/styles/v2/gradients.json +39 -0
  14. package/styles/v2/grid.json +15 -0
  15. package/styles/v2/shadows_indigo.json +392 -0
  16. package/styles/v2/typography_android.json +409 -0
  17. package/styles/v2/typography_ios.json +432 -0
  18. package/styles/v2/typography_web.json +380 -0
package/styles/v2/colors_transparent.json ADDED
@@ -0,0 +1,132 @@
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 ADDED
@@ -0,0 +1,12 @@
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 ADDED
@@ -0,0 +1,39 @@
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 ADDED
@@ -0,0 +1,15 @@
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 ADDED
@@ -0,0 +1,392 @@
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
+ }