@dialpad/dialtone-tokens 1.6.5 → 1.7.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 +192 -61
- package/dist/android/res/values/colors.xml +177 -19
- package/dist/android/res/values/dimens.xml +42 -38
- package/dist/css/variables.css +192 -65
- package/dist/doc.json +4576 -2290
- package/dist/ios/tokens.swift +192 -61
- package/dist/less/variables.less +192 -65
- package/dist/tokens.json +193 -66
- package/package.json +4 -4
|
@@ -2,30 +2,36 @@
|
|
|
2
2
|
|
|
3
3
|
<!--
|
|
4
4
|
Do not edit directly
|
|
5
|
-
Generated on
|
|
5
|
+
Generated on Wed, 12 Apr 2023 00:40:07 GMT
|
|
6
6
|
-->
|
|
7
7
|
<resources>
|
|
8
|
-
<dimen name="
|
|
9
|
-
<dimen name="
|
|
10
|
-
<dimen name="
|
|
11
|
-
<dimen name="
|
|
12
|
-
<dimen name="
|
|
13
|
-
<dimen name="
|
|
14
|
-
<dimen name="
|
|
15
|
-
<dimen name="
|
|
16
|
-
<dimen name="
|
|
17
|
-
<dimen name="
|
|
18
|
-
<dimen name="
|
|
19
|
-
<dimen name="
|
|
20
|
-
<dimen name="
|
|
21
|
-
<dimen name="
|
|
22
|
-
<dimen name="
|
|
23
|
-
<dimen name="
|
|
24
|
-
<dimen name="
|
|
25
|
-
<dimen name="
|
|
26
|
-
<dimen name="
|
|
27
|
-
<dimen name="
|
|
28
|
-
<dimen name="
|
|
8
|
+
<dimen name="dt_typography_body_small_font_size">12px</dimen>
|
|
9
|
+
<dimen name="dt_typography_body_base_font_size">15px</dimen>
|
|
10
|
+
<dimen name="dt_typography_body_compact_small_font_size">12px</dimen>
|
|
11
|
+
<dimen name="dt_typography_body_compact_base_font_size">15px</dimen>
|
|
12
|
+
<dimen name="dt_typography_headline_eyebrow_font_size">12px</dimen>
|
|
13
|
+
<dimen name="dt_typography_headline_small_font_size">12px</dimen>
|
|
14
|
+
<dimen name="dt_typography_headline_medium_font_size">15px</dimen>
|
|
15
|
+
<dimen name="dt_typography_headline_large_font_size">19px</dimen>
|
|
16
|
+
<dimen name="dt_typography_headline_extra_large_font_size">27px</dimen>
|
|
17
|
+
<dimen name="dt_typography_headline_extra_extra_large_font_size">38px</dimen>
|
|
18
|
+
<dimen name="dt_typography_headline_soft_small_font_size">12px</dimen>
|
|
19
|
+
<dimen name="dt_typography_headline_compact_small_font_size">12px</dimen>
|
|
20
|
+
<dimen name="dt_typography_headline_compact_medium_font_size">15px</dimen>
|
|
21
|
+
<dimen name="dt_typography_headline_compact_large_font_size">19px</dimen>
|
|
22
|
+
<dimen name="dt_typography_headline_compact_soft_small_font_size">12px</dimen>
|
|
23
|
+
<dimen name="dt_typography_label_small_font_size">12px</dimen>
|
|
24
|
+
<dimen name="dt_typography_label_base_font_size">15px</dimen>
|
|
25
|
+
<dimen name="dt_typography_label_compact_small_font_size">12px</dimen>
|
|
26
|
+
<dimen name="dt_typography_label_compact_base_font_size">15px</dimen>
|
|
27
|
+
<dimen name="dt_typography_label_compact_plain_small_font_size">12px</dimen>
|
|
28
|
+
<dimen name="dt_typography_label_compact_plain_base_font_size">15px</dimen>
|
|
29
|
+
<dimen name="dt_typography_label_plain_small_font_size">12px</dimen>
|
|
30
|
+
<dimen name="dt_typography_label_plain_base_font_size">15px</dimen>
|
|
31
|
+
<dimen name="dt_typography_helper_small_font_size">12px</dimen>
|
|
32
|
+
<dimen name="dt_typography_helper_base_font_size">15px</dimen>
|
|
33
|
+
<dimen name="dt_typography_code_small_font_size">12px</dimen>
|
|
34
|
+
<dimen name="dt_typography_code_base_font_size">15px</dimen>
|
|
29
35
|
<dimen name="dt_size_0">0.00dp</dimen>
|
|
30
36
|
<dimen name="dt_size_100">16.00dp</dimen>
|
|
31
37
|
<dimen name="dt_size_200">32.00dp</dimen>
|
|
@@ -35,27 +41,13 @@
|
|
|
35
41
|
<dimen name="dt_size_600">512.00dp</dimen>
|
|
36
42
|
<dimen name="dt_size_700">1024.00dp</dimen>
|
|
37
43
|
<dimen name="dt_size_800">2048.00dp</dimen>
|
|
38
|
-
<dimen name="dt_size_icon_100">192.00sp</dimen>
|
|
39
|
-
<dimen name="dt_size_icon_200">224.00sp</dimen>
|
|
40
|
-
<dimen name="dt_size_icon_300">288.00sp</dimen>
|
|
41
|
-
<dimen name="dt_size_icon_400">320.00sp</dimen>
|
|
42
|
-
<dimen name="dt_size_icon_500">384.00sp</dimen>
|
|
43
|
-
<dimen name="dt_size_icon_600">512.00sp</dimen>
|
|
44
|
-
<dimen name="dt_size_icon_700">608.00sp</dimen>
|
|
45
|
-
<dimen name="dt_size_icon_800">768.00sp</dimen>
|
|
46
44
|
<dimen name="dt_size_border_0">0.00dp</dimen>
|
|
47
45
|
<dimen name="dt_size_border_100">16.00dp</dimen>
|
|
46
|
+
<dimen name="dt_size_border_150">24.00dp</dimen>
|
|
48
47
|
<dimen name="dt_size_border_200">32.00dp</dimen>
|
|
49
48
|
<dimen name="dt_size_border_300">64.00dp</dimen>
|
|
50
49
|
<dimen name="dt_size_border_400">128.00dp</dimen>
|
|
51
|
-
<dimen name="
|
|
52
|
-
<dimen name="dt_size_border_icon_200">20.00dp</dimen>
|
|
53
|
-
<dimen name="dt_size_border_icon_300">24.00dp</dimen>
|
|
54
|
-
<dimen name="dt_size_border_icon_400">28.00dp</dimen>
|
|
55
|
-
<dimen name="dt_size_border_icon_500">28.00dp</dimen>
|
|
56
|
-
<dimen name="dt_size_border_icon_600">40.00dp</dimen>
|
|
57
|
-
<dimen name="dt_size_border_icon_700">44.00dp</dimen>
|
|
58
|
-
<dimen name="dt_size_border_icon_800">56.00dp</dimen>
|
|
50
|
+
<dimen name="dt_size_border_focus">48.00dp</dimen>
|
|
59
51
|
<dimen name="dt_size_base">128.00dp</dimen>
|
|
60
52
|
<dimen name="dt_size_radius_0">0.00dp</dimen>
|
|
61
53
|
<dimen name="dt_size_radius_100">16.00dp</dimen>
|
|
@@ -64,6 +56,18 @@
|
|
|
64
56
|
<dimen name="dt_size_radius_400">128.00dp</dimen>
|
|
65
57
|
<dimen name="dt_size_radius_500">256.00dp</dimen>
|
|
66
58
|
<dimen name="dt_size_radius_600">512.00dp</dimen>
|
|
59
|
+
<dimen name="dt_inputs_size_border_default">1.5px</dimen>
|
|
60
|
+
<dimen name="dt_inputs_size_border_status">2px</dimen>
|
|
61
|
+
<dimen name="dt_inputs_size_radius_xs">4px</dimen>
|
|
62
|
+
<dimen name="dt_inputs_size_radius_sm">8px</dimen>
|
|
63
|
+
<dimen name="dt_inputs_size_radius_md">8px</dimen>
|
|
64
|
+
<dimen name="dt_inputs_size_radius_lg">12px</dimen>
|
|
65
|
+
<dimen name="dt_inputs_size_radius_xl">16px</dimen>
|
|
66
|
+
<dimen name="dt_inputs_font_size_xs">12px</dimen>
|
|
67
|
+
<dimen name="dt_inputs_font_size_sm">12px</dimen>
|
|
68
|
+
<dimen name="dt_inputs_font_size_md">15px</dimen>
|
|
69
|
+
<dimen name="dt_inputs_font_size_lg">19px</dimen>
|
|
70
|
+
<dimen name="dt_inputs_font_size_xl">27px</dimen>
|
|
67
71
|
<dimen name="dt_font_size_100">12px</dimen>
|
|
68
72
|
<dimen name="dt_font_size_200">15px</dimen>
|
|
69
73
|
<dimen name="dt_font_size_300">19px</dimen>
|
package/dist/css/variables.css
CHANGED
|
@@ -1,57 +1,68 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 12 Apr 2023 00:40:06 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
7
|
-
--dt-
|
|
8
|
-
--dt-
|
|
9
|
-
--dt-
|
|
10
|
-
--dt-
|
|
11
|
-
--dt-
|
|
12
|
-
--dt-
|
|
13
|
-
--dt-
|
|
14
|
-
--dt-
|
|
15
|
-
--dt-
|
|
16
|
-
--dt-
|
|
17
|
-
--dt-
|
|
18
|
-
--dt-
|
|
19
|
-
--dt-
|
|
20
|
-
--dt-
|
|
21
|
-
--dt-
|
|
22
|
-
--dt-
|
|
23
|
-
--dt-
|
|
24
|
-
--dt-
|
|
25
|
-
--dt-
|
|
26
|
-
--dt-
|
|
27
|
-
--dt-
|
|
28
|
-
--dt-
|
|
29
|
-
--dt-
|
|
30
|
-
--dt-
|
|
31
|
-
--dt-
|
|
32
|
-
--dt-
|
|
33
|
-
--dt-
|
|
34
|
-
--dt-
|
|
35
|
-
--dt-
|
|
36
|
-
--dt-
|
|
37
|
-
--dt-
|
|
38
|
-
--dt-
|
|
39
|
-
--dt-
|
|
40
|
-
--dt-
|
|
41
|
-
--dt-
|
|
42
|
-
--dt-
|
|
43
|
-
--dt-color-
|
|
44
|
-
--dt-color-
|
|
45
|
-
--dt-color-
|
|
46
|
-
--dt-color-
|
|
47
|
-
--dt-color-
|
|
48
|
-
--dt-color-
|
|
49
|
-
--dt-color-
|
|
50
|
-
--dt-color-
|
|
51
|
-
--dt-color-
|
|
52
|
-
--dt-color-
|
|
53
|
-
--dt-color-
|
|
54
|
-
--dt-color-
|
|
7
|
+
--dt-color-foreground-primary: #000000;
|
|
8
|
+
--dt-color-foreground-secondary: #3a3a3a;
|
|
9
|
+
--dt-color-foreground-tertiary: #555555;
|
|
10
|
+
--dt-color-foreground-muted: rgba(34, 34, 34, 0.5);
|
|
11
|
+
--dt-color-foreground-placeholder: #808080;
|
|
12
|
+
--dt-color-foreground-disabled: #808080;
|
|
13
|
+
--dt-color-foreground-critical: #ec0e0e;
|
|
14
|
+
--dt-color-foreground-critical-strong: #b70b0b;
|
|
15
|
+
--dt-color-foreground-success: #1aa340;
|
|
16
|
+
--dt-color-foreground-success-strong: #124620;
|
|
17
|
+
--dt-color-foreground-warning: #815008;
|
|
18
|
+
--dt-color-foreground-primary-inverted: #ffffff;
|
|
19
|
+
--dt-color-foreground-secondary-inverted: #e9e9e9;
|
|
20
|
+
--dt-color-foreground-tertiary-inverted: #d2d2d2;
|
|
21
|
+
--dt-color-foreground-muted-inverted: rgba(233, 233, 233, 0.6);
|
|
22
|
+
--dt-color-foreground-placeholder-inverted: #808080;
|
|
23
|
+
--dt-color-foreground-disabled-inverted: #808080;
|
|
24
|
+
--dt-color-foreground-critical-inverted: #ff8585;
|
|
25
|
+
--dt-color-foreground-critical-strong-inverted: #ffa4a4;
|
|
26
|
+
--dt-color-foreground-success-inverted: #b0ffa3;
|
|
27
|
+
--dt-color-foreground-success-strong-inverted: #d3ffcd;
|
|
28
|
+
--dt-color-foreground-warning-inverted: #fff4cc;
|
|
29
|
+
--dt-color-link-primary: #7c52ff;
|
|
30
|
+
--dt-color-link-critical: #ec0e0e;
|
|
31
|
+
--dt-color-link-success: #1aa340;
|
|
32
|
+
--dt-color-link-warning: #815008;
|
|
33
|
+
--dt-color-link-muted: rgba(34, 34, 34, 0.5);
|
|
34
|
+
--dt-color-link-disabled: #808080;
|
|
35
|
+
--dt-color-link-primary-inverted: #ab7eff;
|
|
36
|
+
--dt-color-link-critical-inverted: #ff8585;
|
|
37
|
+
--dt-color-link-success-inverted: #b0ffa3;
|
|
38
|
+
--dt-color-link-warning-inverted: #fff4cc;
|
|
39
|
+
--dt-color-link-muted-inverted: rgba(233, 233, 233, 0.6);
|
|
40
|
+
--dt-color-link-disabled-inverted: #808080;
|
|
41
|
+
--dt-color-link-primary-hover: #3a1d95;
|
|
42
|
+
--dt-color-link-critical-hover: #b70b0b;
|
|
43
|
+
--dt-color-link-success-hover: #124620;
|
|
44
|
+
--dt-color-link-warning-hover: #555555;
|
|
45
|
+
--dt-color-link-muted-hover: #000000;
|
|
46
|
+
--dt-color-link-disabled-hover: #808080;
|
|
47
|
+
--dt-color-link-primary-inverted-hover: #dac7ff;
|
|
48
|
+
--dt-color-link-critical-inverted-hover: #ffa4a4;
|
|
49
|
+
--dt-color-link-success-inverted-hover: #d3ffcd;
|
|
50
|
+
--dt-color-link-warning-inverted-hover: #f9f9f9;
|
|
51
|
+
--dt-color-link-muted-inverted-hover: #f9f9f9;
|
|
52
|
+
--dt-color-link-disabled-inverted-hover: #808080;
|
|
53
|
+
--dt-color-surface-secondary-opaque: rgba(0, 0, 0, 0.02);
|
|
54
|
+
--dt-color-surface-moderate-opaque: rgba(0, 0, 0, 0.09);
|
|
55
|
+
--dt-color-surface-bold-opaque: rgba(0, 0, 0, 0.18);
|
|
56
|
+
--dt-color-surface-strong-opaque: rgba(0, 0, 0, 0.67);
|
|
57
|
+
--dt-color-surface-contrast-opaque: rgba(0, 0, 0, 0.87);
|
|
58
|
+
--dt-color-surface-critical-opaque: rgba(236, 14, 14, 0.11);
|
|
59
|
+
--dt-color-surface-critical-subtle-opaque: rgba(236, 14, 14, 0.05);
|
|
60
|
+
--dt-color-surface-warning-opaque: rgba(255, 219, 128, 0.38);
|
|
61
|
+
--dt-color-surface-warning-subtle-opaque: rgba(255, 219, 128, 0.18);
|
|
62
|
+
--dt-color-surface-success-opaque: rgba(26, 163, 65, 0.08);
|
|
63
|
+
--dt-color-surface-success-subtle-opaque: rgba(26, 163, 65, 0.03);
|
|
64
|
+
--dt-color-surface-info-opaque: rgba(23, 105, 198, 0.09);
|
|
65
|
+
--dt-color-surface-info-subtle-opaque: rgba(23, 105, 198, 0.04);
|
|
55
66
|
--dt-color-surface-primary: #ffffff;
|
|
56
67
|
--dt-color-surface-secondary: #f9f9f9;
|
|
57
68
|
--dt-color-surface-moderate: #e9e9e9;
|
|
@@ -59,11 +70,55 @@
|
|
|
59
70
|
--dt-color-surface-strong: #555555;
|
|
60
71
|
--dt-color-surface-contrast: #222222;
|
|
61
72
|
--dt-color-surface-critical: #ffe5e6;
|
|
73
|
+
--dt-color-surface-critical-subtle: #fff2f3;
|
|
74
|
+
--dt-color-surface-critical-strong: #b70b0b;
|
|
62
75
|
--dt-color-surface-warning: #fff4cc;
|
|
76
|
+
--dt-color-surface-warning-subtle: #fffae5;
|
|
77
|
+
--dt-color-surface-warning-strong: #ffdb80;
|
|
63
78
|
--dt-color-surface-success: #edf9eb;
|
|
79
|
+
--dt-color-surface-success-subtle: #f8fdf7;
|
|
80
|
+
--dt-color-surface-success-strong: #1aa340;
|
|
64
81
|
--dt-color-surface-info: #eaf2fa;
|
|
82
|
+
--dt-color-surface-info-subtle: #f5f9fd;
|
|
83
|
+
--dt-color-surface-info-strong: #1768c6;
|
|
84
|
+
--dt-color-border-subtle: rgba(0, 0, 0, 0.1);
|
|
85
|
+
--dt-color-border-default: rgba(0, 0, 0, 0.18);
|
|
86
|
+
--dt-color-border-moderate: rgba(0, 0, 0, 0.34);
|
|
87
|
+
--dt-color-border-bold: rgba(0, 0, 0, 0.5);
|
|
88
|
+
--dt-color-border-subtle-inverted: rgba(255, 255, 255, 0.14);
|
|
89
|
+
--dt-color-border-default-inverted: rgba(255, 255, 255, 0.22);
|
|
90
|
+
--dt-color-border-moderate-inverted: rgba(255, 255, 255, 0.38);
|
|
91
|
+
--dt-color-border-bold-inverted: rgba(255, 255, 255, 0.5);
|
|
92
|
+
--dt-color-border-focus: #51a0fe;
|
|
93
|
+
--dt-color-border-critical: #ec0e0e;
|
|
94
|
+
--dt-color-border-success: #1aa340;
|
|
95
|
+
--dt-color-border-warning: #d28f2b;
|
|
96
|
+
--dt-color-border-brand: #7c52ff;
|
|
97
|
+
--dt-color-border-ai: #000000;
|
|
98
|
+
--dt-color-border-accent: #f9008e;
|
|
99
|
+
--dt-color-border-critical-subtle: #ff8585;
|
|
100
|
+
--dt-color-border-critical-strong: #b70b0b;
|
|
101
|
+
--dt-color-border-success-subtle: #b0ffa3;
|
|
102
|
+
--dt-color-border-success-strong: #124620;
|
|
103
|
+
--dt-color-border-warning-subtle: #ffdb80;
|
|
104
|
+
--dt-color-border-warning-strong: #674006;
|
|
105
|
+
--dt-color-border-brand-subtle: #dac7ff;
|
|
106
|
+
--dt-color-border-brand-strong: #3a1d95;
|
|
107
|
+
--dt-color-border-critical-inverted: #ff8585;
|
|
108
|
+
--dt-color-border-success-inverted: #b0ffa3;
|
|
109
|
+
--dt-color-border-warning-inverted: #ffdb80;
|
|
110
|
+
--dt-color-border-brand-inverted: #7c52ff;
|
|
111
|
+
--dt-color-border-critical-subtle-inverted: #b70b0b;
|
|
112
|
+
--dt-color-border-critical-strong-inverted: #ffe5e6;
|
|
113
|
+
--dt-color-border-success-subtle-inverted: #1aa340;
|
|
114
|
+
--dt-color-border-success-strong-inverted: #edf9eb;
|
|
115
|
+
--dt-color-border-warning-subtle-inverted: #d28f2b;
|
|
116
|
+
--dt-color-border-warning-strong-inverted: #fff4cc;
|
|
117
|
+
--dt-color-border-brand-subtle-inverted: #3a1d95;
|
|
118
|
+
--dt-color-border-brand-strong-inverted: #dac7ff;
|
|
65
119
|
--dt-color-neutral-white: #ffffff;
|
|
66
120
|
--dt-color-neutral-black: #000000;
|
|
121
|
+
--dt-color-neutral-transparent: rgba(0, 0, 0, 0);
|
|
67
122
|
--dt-color-black-100: #f9f9f9;
|
|
68
123
|
--dt-color-black-200: #e9e9e9;
|
|
69
124
|
--dt-color-black-300: #d2d2d2;
|
|
@@ -110,6 +165,8 @@
|
|
|
110
165
|
--dt-color-tan-400: #3f3d3c;
|
|
111
166
|
--dt-color-tan-500: #121212;
|
|
112
167
|
--dt-color-gradient-magenta-purple: #000000;
|
|
168
|
+
--dt-color-brand-purple: #7c52ff;
|
|
169
|
+
--dt-color-brand-magenta: #f9008e;
|
|
113
170
|
--dt-typography-body-small-font-family: -apple-system,BlinkMacSystemFont,"SF Pro","Segoe UI Adjusted","Segoe UI",SFMono,"Helvetica Neue",Cantarell,Ubuntu,Roboto,Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
|
|
114
171
|
--dt-typography-body-small-font-weight: 400;
|
|
115
172
|
--dt-typography-body-small-line-height: 140%;
|
|
@@ -254,27 +311,13 @@
|
|
|
254
311
|
--dt-size-600: 3.2rem;
|
|
255
312
|
--dt-size-700: 6.4rem;
|
|
256
313
|
--dt-size-800: 12.8rem;
|
|
257
|
-
--dt-size-icon-100: 1.2rem;
|
|
258
|
-
--dt-size-icon-200: 1.4rem;
|
|
259
|
-
--dt-size-icon-300: 1.8rem;
|
|
260
|
-
--dt-size-icon-400: 2rem;
|
|
261
|
-
--dt-size-icon-500: 2.4rem;
|
|
262
|
-
--dt-size-icon-600: 3.2rem;
|
|
263
|
-
--dt-size-icon-700: 3.8rem;
|
|
264
|
-
--dt-size-icon-800: 4.8rem;
|
|
265
314
|
--dt-size-border-0: 0rem;
|
|
266
315
|
--dt-size-border-100: 0.1rem;
|
|
316
|
+
--dt-size-border-150: 0.15rem;
|
|
267
317
|
--dt-size-border-200: 0.2rem;
|
|
268
318
|
--dt-size-border-300: 0.4rem;
|
|
269
319
|
--dt-size-border-400: 0.8rem;
|
|
270
|
-
--dt-size-border-
|
|
271
|
-
--dt-size-border-icon-200: 0.125rem;
|
|
272
|
-
--dt-size-border-icon-300: 0.15rem;
|
|
273
|
-
--dt-size-border-icon-400: 0.175rem;
|
|
274
|
-
--dt-size-border-icon-500: 0.175rem;
|
|
275
|
-
--dt-size-border-icon-600: 0.25rem;
|
|
276
|
-
--dt-size-border-icon-700: 0.275rem;
|
|
277
|
-
--dt-size-border-icon-800: 0.35rem;
|
|
320
|
+
--dt-size-border-focus: 0.3rem;
|
|
278
321
|
--dt-size-base: 0.8rem;
|
|
279
322
|
--dt-size-radius-0: 0rem;
|
|
280
323
|
--dt-size-radius-100: 0.1rem;
|
|
@@ -283,6 +326,90 @@
|
|
|
283
326
|
--dt-size-radius-400: 0.8rem;
|
|
284
327
|
--dt-size-radius-500: 1.6rem;
|
|
285
328
|
--dt-size-radius-600: 3.2rem;
|
|
329
|
+
--dt-inputs-size-border-default: 0.15rem;
|
|
330
|
+
--dt-inputs-size-border-status: 0.2rem;
|
|
331
|
+
--dt-inputs-size-radius-xs: 0.4rem;
|
|
332
|
+
--dt-inputs-size-radius-sm: 0.8rem;
|
|
333
|
+
--dt-inputs-size-radius-md: 0.8rem;
|
|
334
|
+
--dt-inputs-size-radius-lg: 1.2rem;
|
|
335
|
+
--dt-inputs-size-radius-xl: 1.6rem;
|
|
336
|
+
--dt-inputs-line-height-default: 120%;
|
|
337
|
+
--dt-inputs-font-size-xs: 1.2rem;
|
|
338
|
+
--dt-inputs-font-size-sm: 1.2rem;
|
|
339
|
+
--dt-inputs-font-size-md: 1.5rem;
|
|
340
|
+
--dt-inputs-font-size-lg: 1.9rem;
|
|
341
|
+
--dt-inputs-font-size-xl: 2.7rem;
|
|
342
|
+
--dt-inputs-color-foreground-default: #3A3A3A;
|
|
343
|
+
--dt-inputs-color-foreground-placeholder: #808080;
|
|
344
|
+
--dt-inputs-color-foreground-disabled: #808080;
|
|
345
|
+
--dt-inputs-color-border-default: #0000001a;
|
|
346
|
+
--dt-inputs-color-border-focus: #51A0FE;
|
|
347
|
+
--dt-inputs-color-border-critical: #EC0E0E;
|
|
348
|
+
--dt-inputs-color-border-success: #1AA340;
|
|
349
|
+
--dt-inputs-color-border-warning: #D28F2B;
|
|
350
|
+
--dt-inputs-color-border-disabled: transparent;
|
|
351
|
+
--dt-inputs-color-background-default: #00000008;
|
|
352
|
+
--dt-inputs-color-background-focus: #00000003;
|
|
353
|
+
--dt-inputs-color-background-disabled: #0000001f;
|
|
354
|
+
--dt-action-color-foreground-base-default: #7C52FF;
|
|
355
|
+
--dt-action-color-foreground-base-hover: #551FFF;
|
|
356
|
+
--dt-action-color-foreground-base-active: #551FFF;
|
|
357
|
+
--dt-action-color-foreground-base-primary-default: #ffffff;
|
|
358
|
+
--dt-action-color-foreground-critical-default: #EC0E0E;
|
|
359
|
+
--dt-action-color-foreground-critical-hover: #D90D0D;
|
|
360
|
+
--dt-action-color-foreground-critical-active: #D90D0D;
|
|
361
|
+
--dt-action-color-foreground-critical-primary-default: #ffffff;
|
|
362
|
+
--dt-action-color-foreground-inverted-default: #ffffff;
|
|
363
|
+
--dt-action-color-foreground-inverted-hover: #ffffff;
|
|
364
|
+
--dt-action-color-foreground-inverted-active: #ffffff;
|
|
365
|
+
--dt-action-color-foreground-inverted-primary-default: #7C52FF;
|
|
366
|
+
--dt-action-color-foreground-inverted-primary-hover: #3A1D95;
|
|
367
|
+
--dt-action-color-foreground-inverted-primary-active: #3A1D95;
|
|
368
|
+
--dt-action-color-foreground-muted-default: #3A3A3A;
|
|
369
|
+
--dt-action-color-foreground-muted-hover: #3A3A3A;
|
|
370
|
+
--dt-action-color-foreground-muted-active: #3A3A3A;
|
|
371
|
+
--dt-action-color-foreground-disabled-default: #808080;
|
|
372
|
+
--dt-action-color-background-base-default: transparent;
|
|
373
|
+
--dt-action-color-background-base-hover: #7c52ff0a;
|
|
374
|
+
--dt-action-color-background-base-active: #7c52ff24;
|
|
375
|
+
--dt-action-color-background-base-primary-default: #7C52FF;
|
|
376
|
+
--dt-action-color-background-base-primary-hover: #6533FF;
|
|
377
|
+
--dt-action-color-background-base-primary-active: #4D14FF;
|
|
378
|
+
--dt-action-color-background-critical-default: transparent;
|
|
379
|
+
--dt-action-color-background-critical-hover: #ec0e0e08;
|
|
380
|
+
--dt-action-color-background-critical-active: #ec0e0e17;
|
|
381
|
+
--dt-action-color-background-critical-primary-default: #EC0E0E;
|
|
382
|
+
--dt-action-color-background-critical-primary-hover: #D90D0D;
|
|
383
|
+
--dt-action-color-background-critical-primary-active: #C50C0C;
|
|
384
|
+
--dt-action-color-background-inverted-default: transparent;
|
|
385
|
+
--dt-action-color-background-inverted-hover: #ffffff26;
|
|
386
|
+
--dt-action-color-background-inverted-active: #ffffff4d;
|
|
387
|
+
--dt-action-color-background-inverted-primary-default: #ffffff;
|
|
388
|
+
--dt-action-color-background-inverted-primary-hover: #F5F0FF;
|
|
389
|
+
--dt-action-color-background-inverted-primary-active: #E1D1FF;
|
|
390
|
+
--dt-action-color-background-muted-default: transparent;
|
|
391
|
+
--dt-action-color-background-muted-hover: #2222220d;
|
|
392
|
+
--dt-action-color-background-muted-active: #2222221a;
|
|
393
|
+
--dt-action-color-background-disabled-default: #D2D2D2;
|
|
394
|
+
--dt-action-color-border-base-outlined-default: #7C52FF;
|
|
395
|
+
--dt-action-color-border-critical-outlined-default: #EC0E0E;
|
|
396
|
+
--dt-action-color-border-inverted-outlined-default: #F9F9F9;
|
|
397
|
+
--dt-action-color-border-muted-outlined-default: #555555;
|
|
398
|
+
--dt-theme-sidebar-color-foreground: #000000;
|
|
399
|
+
--dt-theme-sidebar-color-background: #F9F9F9;
|
|
400
|
+
--dt-theme-sidebar-icon-color-foreground: #3A3A3A;
|
|
401
|
+
--dt-theme-sidebar-status-color-foreground: #555555;
|
|
402
|
+
--dt-theme-sidebar-row-color-background: transparent;
|
|
403
|
+
--dt-theme-sidebar-row-color-background-hover: #0000001a;
|
|
404
|
+
--dt-theme-sidebar-row-color-background-active: #D2D2D2;
|
|
405
|
+
--dt-theme-sidebar-selected-row-color-foreground: #000000;
|
|
406
|
+
--dt-theme-sidebar-selected-row-color-background: #E9E9E9;
|
|
407
|
+
--dt-theme-presence-color-background-available: #1AA340;
|
|
408
|
+
--dt-theme-presence-color-background-busy-unavailable: #EC0E0E;
|
|
409
|
+
--dt-theme-presence-color-background-busy: #F6AB3C;
|
|
410
|
+
--dt-theme-presence-color-background-offline: #ffffff;
|
|
411
|
+
--dt-theme-mention-color-foreground: #ffffff;
|
|
412
|
+
--dt-theme-mention-color-background: #7C52FF;
|
|
286
413
|
--dt-opacity-0: 0;
|
|
287
414
|
--dt-opacity-100: 0.05;
|
|
288
415
|
--dt-opacity-200: 0.1;
|