@dialpad/dialtone-tokens 1.7.0 → 1.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.
- package/dist/android/java/tokens.kt +44 -1
- package/dist/android/res/values/colors.xml +1 -1
- package/dist/android/res/values/dimens.xml +44 -1
- package/dist/css/variables.css +44 -1
- package/dist/doc.json +1580 -650
- package/dist/ios/tokens.swift +44 -1
- package/dist/less/variables.less +44 -1
- package/dist/tokens.json +43 -0
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
3
|
// Do not edit directly
|
|
4
|
-
// Generated on
|
|
4
|
+
// Generated on Fri, 14 Apr 2023 23:54:34 GMT
|
|
5
5
|
|
|
6
6
|
|
|
7
7
|
|
|
@@ -325,13 +325,33 @@ object DialtoneTokens {
|
|
|
325
325
|
val dtShadowSmall0Y = 2.dp
|
|
326
326
|
val dtSize0 = 0.dp
|
|
327
327
|
val dtSize100 = 1.dp
|
|
328
|
+
val dtSize100Negative = -1.dp
|
|
328
329
|
val dtSize200 = 2.dp
|
|
330
|
+
val dtSize200Negative = -2.dp
|
|
329
331
|
val dtSize300 = 4.dp
|
|
332
|
+
val dtSize300Negative = -4.dp
|
|
333
|
+
val dtSize350 = 6.dp
|
|
334
|
+
val dtSize350Negative = -6.dp
|
|
330
335
|
val dtSize400 = 8.dp
|
|
336
|
+
val dtSize400Negative = -8.dp
|
|
337
|
+
val dtSize450 = 12.dp
|
|
338
|
+
val dtSize450Negative = -12.dp
|
|
339
|
+
val dtSize50 = 0.5.dp
|
|
331
340
|
val dtSize500 = 16.dp
|
|
341
|
+
val dtSize500Negative = -16.dp
|
|
342
|
+
val dtSize50Negative = -0.5.dp
|
|
343
|
+
val dtSize550 = 24.dp
|
|
344
|
+
val dtSize550Negative = -24.dp
|
|
332
345
|
val dtSize600 = 32.dp
|
|
346
|
+
val dtSize600Negative = -32.dp
|
|
347
|
+
val dtSize650 = 48.dp
|
|
348
|
+
val dtSize650Negative = -48.dp
|
|
333
349
|
val dtSize700 = 64.dp
|
|
350
|
+
val dtSize700Negative = -64.dp
|
|
351
|
+
val dtSize750 = 96.dp
|
|
352
|
+
val dtSize750Negative = -96.dp
|
|
334
353
|
val dtSize800 = 128.dp
|
|
354
|
+
val dtSize800Negative = -128.dp
|
|
335
355
|
val dtSizeBase = 8.dp
|
|
336
356
|
val dtSizeBorder0 = 0.dp
|
|
337
357
|
val dtSizeBorder100 = 1.dp
|
|
@@ -339,6 +359,7 @@ object DialtoneTokens {
|
|
|
339
359
|
val dtSizeBorder200 = 2.dp
|
|
340
360
|
val dtSizeBorder300 = 4.dp
|
|
341
361
|
val dtSizeBorder400 = 8.dp
|
|
362
|
+
val dtSizeBorder50 = 0.5.dp
|
|
342
363
|
val dtSizeBorderFocus = 3.dp
|
|
343
364
|
val dtSizeRadius0 = 0.dp
|
|
344
365
|
val dtSizeRadius100 = 1.dp
|
|
@@ -347,15 +368,37 @@ object DialtoneTokens {
|
|
|
347
368
|
val dtSizeRadius400 = 8.dp
|
|
348
369
|
val dtSizeRadius500 = 16.dp
|
|
349
370
|
val dtSizeRadius600 = 32.dp
|
|
371
|
+
val dtSizeRadiusCircle = 50.dp
|
|
372
|
+
val dtSizeRadiusPill = 100.dp
|
|
350
373
|
val dtSpace0 = 0.dp
|
|
351
374
|
val dtSpace100 = 1.dp
|
|
375
|
+
val dtSpace100Negative = -1.dp
|
|
352
376
|
val dtSpace200 = 2.dp
|
|
377
|
+
val dtSpace200Negative = -2.dp
|
|
353
378
|
val dtSpace300 = 4.dp
|
|
379
|
+
val dtSpace300Negative = -4.dp
|
|
380
|
+
val dtSpace350 = 6.dp
|
|
381
|
+
val dtSpace350Negative = -6.dp
|
|
354
382
|
val dtSpace400 = 8.dp
|
|
383
|
+
val dtSpace400Negative = -8.dp
|
|
384
|
+
val dtSpace450 = 12.dp
|
|
385
|
+
val dtSpace450Negative = -12.dp
|
|
386
|
+
val dtSpace50 = 0.5.dp
|
|
355
387
|
val dtSpace500 = 16.dp
|
|
388
|
+
val dtSpace500Negative = -16.dp
|
|
389
|
+
val dtSpace50Negative = -0.5.dp
|
|
390
|
+
val dtSpace550 = 24.dp
|
|
391
|
+
val dtSpace550Negative = -24.dp
|
|
356
392
|
val dtSpace600 = 32.dp
|
|
393
|
+
val dtSpace600Negative = -32.dp
|
|
394
|
+
val dtSpace650 = 48.dp
|
|
395
|
+
val dtSpace650Negative = -48.dp
|
|
357
396
|
val dtSpace700 = 64.dp
|
|
397
|
+
val dtSpace700Negative = -64.dp
|
|
398
|
+
val dtSpace750 = 96.dp
|
|
399
|
+
val dtSpace750Negative = -96.dp
|
|
358
400
|
val dtSpace800 = 128.dp
|
|
401
|
+
val dtSpace800Negative = -128.dp
|
|
359
402
|
val dtSpaceBase = 8.dp
|
|
360
403
|
val dtThemeMentionColorBackground = Color(0xff7c52ff)
|
|
361
404
|
val dtThemeMentionColorForeground = Color(0xffffffff)
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on
|
|
5
|
+
Generated on Fri, 14 Apr 2023 23:54:34 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
8
|
<dimen name="dt_typography_body_small_font_size">12px</dimen>
|
|
@@ -33,21 +33,42 @@
|
|
|
33
33
|
<dimen name="dt_typography_code_small_font_size">12px</dimen>
|
|
34
34
|
<dimen name="dt_typography_code_base_font_size">15px</dimen>
|
|
35
35
|
<dimen name="dt_size_0">0.00dp</dimen>
|
|
36
|
+
<dimen name="dt_size_50">8.00dp</dimen>
|
|
36
37
|
<dimen name="dt_size_100">16.00dp</dimen>
|
|
37
38
|
<dimen name="dt_size_200">32.00dp</dimen>
|
|
38
39
|
<dimen name="dt_size_300">64.00dp</dimen>
|
|
40
|
+
<dimen name="dt_size_350">96.00dp</dimen>
|
|
39
41
|
<dimen name="dt_size_400">128.00dp</dimen>
|
|
42
|
+
<dimen name="dt_size_450">192.00dp</dimen>
|
|
40
43
|
<dimen name="dt_size_500">256.00dp</dimen>
|
|
44
|
+
<dimen name="dt_size_550">384.00dp</dimen>
|
|
41
45
|
<dimen name="dt_size_600">512.00dp</dimen>
|
|
46
|
+
<dimen name="dt_size_650">768.00dp</dimen>
|
|
42
47
|
<dimen name="dt_size_700">1024.00dp</dimen>
|
|
48
|
+
<dimen name="dt_size_750">1536.00dp</dimen>
|
|
43
49
|
<dimen name="dt_size_800">2048.00dp</dimen>
|
|
44
50
|
<dimen name="dt_size_border_0">0.00dp</dimen>
|
|
51
|
+
<dimen name="dt_size_border_50">8.00dp</dimen>
|
|
45
52
|
<dimen name="dt_size_border_100">16.00dp</dimen>
|
|
46
53
|
<dimen name="dt_size_border_150">24.00dp</dimen>
|
|
47
54
|
<dimen name="dt_size_border_200">32.00dp</dimen>
|
|
48
55
|
<dimen name="dt_size_border_300">64.00dp</dimen>
|
|
49
56
|
<dimen name="dt_size_border_400">128.00dp</dimen>
|
|
50
57
|
<dimen name="dt_size_border_focus">48.00dp</dimen>
|
|
58
|
+
<dimen name="dt_size_50_negative">-8.00dp</dimen>
|
|
59
|
+
<dimen name="dt_size_100_negative">-16.00dp</dimen>
|
|
60
|
+
<dimen name="dt_size_200_negative">-32.00dp</dimen>
|
|
61
|
+
<dimen name="dt_size_300_negative">-64.00dp</dimen>
|
|
62
|
+
<dimen name="dt_size_350_negative">-96.00dp</dimen>
|
|
63
|
+
<dimen name="dt_size_400_negative">-128.00dp</dimen>
|
|
64
|
+
<dimen name="dt_size_450_negative">-192.00dp</dimen>
|
|
65
|
+
<dimen name="dt_size_500_negative">-256.00dp</dimen>
|
|
66
|
+
<dimen name="dt_size_550_negative">-384.00dp</dimen>
|
|
67
|
+
<dimen name="dt_size_600_negative">-512.00dp</dimen>
|
|
68
|
+
<dimen name="dt_size_650_negative">-768.00dp</dimen>
|
|
69
|
+
<dimen name="dt_size_700_negative">-1024.00dp</dimen>
|
|
70
|
+
<dimen name="dt_size_750_negative">-1536.00dp</dimen>
|
|
71
|
+
<dimen name="dt_size_800_negative">-2048.00dp</dimen>
|
|
51
72
|
<dimen name="dt_size_base">128.00dp</dimen>
|
|
52
73
|
<dimen name="dt_size_radius_0">0.00dp</dimen>
|
|
53
74
|
<dimen name="dt_size_radius_100">16.00dp</dimen>
|
|
@@ -56,6 +77,8 @@
|
|
|
56
77
|
<dimen name="dt_size_radius_400">128.00dp</dimen>
|
|
57
78
|
<dimen name="dt_size_radius_500">256.00dp</dimen>
|
|
58
79
|
<dimen name="dt_size_radius_600">512.00dp</dimen>
|
|
80
|
+
<dimen name="dt_size_radius_pill">1600.00dp</dimen>
|
|
81
|
+
<dimen name="dt_size_radius_circle">800.00dp</dimen>
|
|
59
82
|
<dimen name="dt_inputs_size_border_default">1.5px</dimen>
|
|
60
83
|
<dimen name="dt_inputs_size_border_status">2px</dimen>
|
|
61
84
|
<dimen name="dt_inputs_size_radius_xs">4px</dimen>
|
|
@@ -75,14 +98,34 @@
|
|
|
75
98
|
<dimen name="dt_font_size_500">38px</dimen>
|
|
76
99
|
<dimen name="dt_font_size_root">10px</dimen>
|
|
77
100
|
<dimen name="dt_space_0">0px</dimen>
|
|
101
|
+
<dimen name="dt_space_50">0.5px</dimen>
|
|
78
102
|
<dimen name="dt_space_100">1px</dimen>
|
|
79
103
|
<dimen name="dt_space_200">2px</dimen>
|
|
80
104
|
<dimen name="dt_space_300">4px</dimen>
|
|
105
|
+
<dimen name="dt_space_350">6px</dimen>
|
|
81
106
|
<dimen name="dt_space_400">8px</dimen>
|
|
107
|
+
<dimen name="dt_space_450">12px</dimen>
|
|
82
108
|
<dimen name="dt_space_500">16px</dimen>
|
|
109
|
+
<dimen name="dt_space_550">24px</dimen>
|
|
83
110
|
<dimen name="dt_space_600">32px</dimen>
|
|
111
|
+
<dimen name="dt_space_650">48px</dimen>
|
|
84
112
|
<dimen name="dt_space_700">64px</dimen>
|
|
113
|
+
<dimen name="dt_space_750">96px</dimen>
|
|
85
114
|
<dimen name="dt_space_800">128px</dimen>
|
|
115
|
+
<dimen name="dt_space_50_negative">-0.5px</dimen>
|
|
116
|
+
<dimen name="dt_space_100_negative">-1px</dimen>
|
|
117
|
+
<dimen name="dt_space_200_negative">-2px</dimen>
|
|
118
|
+
<dimen name="dt_space_300_negative">-4px</dimen>
|
|
119
|
+
<dimen name="dt_space_350_negative">-6px</dimen>
|
|
120
|
+
<dimen name="dt_space_400_negative">-8px</dimen>
|
|
121
|
+
<dimen name="dt_space_450_negative">-12px</dimen>
|
|
122
|
+
<dimen name="dt_space_500_negative">-16px</dimen>
|
|
123
|
+
<dimen name="dt_space_550_negative">-24px</dimen>
|
|
124
|
+
<dimen name="dt_space_600_negative">-32px</dimen>
|
|
125
|
+
<dimen name="dt_space_650_negative">-48px</dimen>
|
|
126
|
+
<dimen name="dt_space_700_negative">-64px</dimen>
|
|
127
|
+
<dimen name="dt_space_750_negative">-96px</dimen>
|
|
128
|
+
<dimen name="dt_space_800_negative">-128px</dimen>
|
|
86
129
|
<dimen name="dt_space_base">8px</dimen>
|
|
87
130
|
|
|
88
131
|
</resources>
|
package/dist/css/variables.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Fri, 14 Apr 2023 23:54:34 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -303,21 +303,42 @@
|
|
|
303
303
|
--dt-typography-code-base-font-size: 1.5rem;
|
|
304
304
|
--dt-typography-code-base-text-case: none;
|
|
305
305
|
--dt-size-0: 0rem;
|
|
306
|
+
--dt-size-50: 0.05rem;
|
|
306
307
|
--dt-size-100: 0.1rem;
|
|
307
308
|
--dt-size-200: 0.2rem;
|
|
308
309
|
--dt-size-300: 0.4rem;
|
|
310
|
+
--dt-size-350: 0.6rem;
|
|
309
311
|
--dt-size-400: 0.8rem;
|
|
312
|
+
--dt-size-450: 1.2rem;
|
|
310
313
|
--dt-size-500: 1.6rem;
|
|
314
|
+
--dt-size-550: 2.4rem;
|
|
311
315
|
--dt-size-600: 3.2rem;
|
|
316
|
+
--dt-size-650: 4.8rem;
|
|
312
317
|
--dt-size-700: 6.4rem;
|
|
318
|
+
--dt-size-750: 9.6rem;
|
|
313
319
|
--dt-size-800: 12.8rem;
|
|
314
320
|
--dt-size-border-0: 0rem;
|
|
321
|
+
--dt-size-border-50: 0.05rem;
|
|
315
322
|
--dt-size-border-100: 0.1rem;
|
|
316
323
|
--dt-size-border-150: 0.15rem;
|
|
317
324
|
--dt-size-border-200: 0.2rem;
|
|
318
325
|
--dt-size-border-300: 0.4rem;
|
|
319
326
|
--dt-size-border-400: 0.8rem;
|
|
320
327
|
--dt-size-border-focus: 0.3rem;
|
|
328
|
+
--dt-size-50-negative: -0.05rem;
|
|
329
|
+
--dt-size-100-negative: -0.1rem;
|
|
330
|
+
--dt-size-200-negative: -0.2rem;
|
|
331
|
+
--dt-size-300-negative: -0.4rem;
|
|
332
|
+
--dt-size-350-negative: -0.6rem;
|
|
333
|
+
--dt-size-400-negative: -0.8rem;
|
|
334
|
+
--dt-size-450-negative: -1.2rem;
|
|
335
|
+
--dt-size-500-negative: -1.6rem;
|
|
336
|
+
--dt-size-550-negative: -2.4rem;
|
|
337
|
+
--dt-size-600-negative: -3.2rem;
|
|
338
|
+
--dt-size-650-negative: -4.8rem;
|
|
339
|
+
--dt-size-700-negative: -6.4rem;
|
|
340
|
+
--dt-size-750-negative: -9.6rem;
|
|
341
|
+
--dt-size-800-negative: -12.8rem;
|
|
321
342
|
--dt-size-base: 0.8rem;
|
|
322
343
|
--dt-size-radius-0: 0rem;
|
|
323
344
|
--dt-size-radius-100: 0.1rem;
|
|
@@ -326,6 +347,8 @@
|
|
|
326
347
|
--dt-size-radius-400: 0.8rem;
|
|
327
348
|
--dt-size-radius-500: 1.6rem;
|
|
328
349
|
--dt-size-radius-600: 3.2rem;
|
|
350
|
+
--dt-size-radius-pill: 10rem;
|
|
351
|
+
--dt-size-radius-circle: 5rem;
|
|
329
352
|
--dt-inputs-size-border-default: 0.15rem;
|
|
330
353
|
--dt-inputs-size-border-status: 0.2rem;
|
|
331
354
|
--dt-inputs-size-radius-xs: 0.4rem;
|
|
@@ -448,14 +471,34 @@
|
|
|
448
471
|
--dt-font-text-case-capitalize: capitalize;
|
|
449
472
|
--dt-font-text-case-none: none;
|
|
450
473
|
--dt-space-0: 0px;
|
|
474
|
+
--dt-space-50: 0.5px;
|
|
451
475
|
--dt-space-100: 1px;
|
|
452
476
|
--dt-space-200: 2px;
|
|
453
477
|
--dt-space-300: 4px;
|
|
478
|
+
--dt-space-350: 6px;
|
|
454
479
|
--dt-space-400: 8px;
|
|
480
|
+
--dt-space-450: 12px;
|
|
455
481
|
--dt-space-500: 16px;
|
|
482
|
+
--dt-space-550: 24px;
|
|
456
483
|
--dt-space-600: 32px;
|
|
484
|
+
--dt-space-650: 48px;
|
|
457
485
|
--dt-space-700: 64px;
|
|
486
|
+
--dt-space-750: 96px;
|
|
458
487
|
--dt-space-800: 128px;
|
|
488
|
+
--dt-space-50-negative: -0.5px;
|
|
489
|
+
--dt-space-100-negative: -1px;
|
|
490
|
+
--dt-space-200-negative: -2px;
|
|
491
|
+
--dt-space-300-negative: -4px;
|
|
492
|
+
--dt-space-350-negative: -6px;
|
|
493
|
+
--dt-space-400-negative: -8px;
|
|
494
|
+
--dt-space-450-negative: -12px;
|
|
495
|
+
--dt-space-500-negative: -16px;
|
|
496
|
+
--dt-space-550-negative: -24px;
|
|
497
|
+
--dt-space-600-negative: -32px;
|
|
498
|
+
--dt-space-650-negative: -48px;
|
|
499
|
+
--dt-space-700-negative: -64px;
|
|
500
|
+
--dt-space-750-negative: -96px;
|
|
501
|
+
--dt-space-800-negative: -128px;
|
|
459
502
|
--dt-space-base: 8px;
|
|
460
503
|
--dt-shadow-small-0-x: 0;
|
|
461
504
|
--dt-shadow-small-0-y: 0.2rem;
|