@compsych-ui-components/shared 4.0.13 → 4.0.14
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/package.json +1 -1
- package/src/tokens/index.d.ts +2 -1
- package/src/tokens/index.js +16 -1
- package/src/tokens/index.js.map +1 -1
- package/src/tokens/ref-tokens.d.ts +198 -0
- package/src/tokens/ref-tokens.js +211 -0
- package/src/tokens/ref-tokens.js.map +1 -0
- package/src/tokens/refs.css +201 -201
- package/src/tokens/sys-tokens.d.ts +221 -0
- package/src/tokens/sys-tokens.js +234 -0
- package/src/tokens/sys-tokens.js.map +1 -0
- package/src/tokens/sys.css +224 -224
- package/src/tokens/themes/absence-resources.css +221 -221
- package/src/tokens/themes/brand-b.css +258 -258
- package/src/tokens/themes/brand-c.css +258 -258
- package/src/tokens/themes/compsych.css +258 -258
- package/src/tokens/themes/crc.css +221 -221
- package/src/tokens/themes/gro.css +221 -221
package/src/tokens/refs.css
CHANGED
|
@@ -1,201 +1,201 @@
|
|
|
1
|
-
/* ============================================================
|
|
2
|
-
Reference tokens — primitive design values
|
|
3
|
-
These are the raw palette; prefer sys.css tokens in components.
|
|
4
|
-
============================================================ */
|
|
5
|
-
:root {
|
|
6
|
-
--color-primary-core-primary-0: #000000;
|
|
7
|
-
--color-primary-core-primary-10: #050a24;
|
|
8
|
-
--color-primary-core-primary-20: #070f36;
|
|
9
|
-
--color-primary-core-primary-30: #061545;
|
|
10
|
-
--color-primary-core-primary-40: #062e6f;
|
|
11
|
-
--color-primary-core-primary-50: #075cba;
|
|
12
|
-
--color-primary-core-primary-60: #4285f4;
|
|
13
|
-
--color-primary-core-primary-70: #82b1ff;
|
|
14
|
-
--color-primary-core-primary-80: #b9dcff;
|
|
15
|
-
--color-primary-core-primary-90: #e3f2fd;
|
|
16
|
-
--color-primary-core-primary-95: #f5f9ff;
|
|
17
|
-
--color-primary-core-primary-100: #ffffff;
|
|
18
|
-
--color-secondary-core-secondary-0: #000000;
|
|
19
|
-
--color-secondary-core-secondary-10: #3a2304;
|
|
20
|
-
--color-secondary-core-secondary-20: #694007;
|
|
21
|
-
--color-secondary-core-secondary-30: #995e0a;
|
|
22
|
-
--color-secondary-core-secondary-40: #d67d00;
|
|
23
|
-
--color-secondary-core-secondary-50: #f09719;
|
|
24
|
-
--color-secondary-core-secondary-60: #f3ac49;
|
|
25
|
-
--color-secondary-core-secondary-70: #f6c279;
|
|
26
|
-
--color-secondary-core-secondary-80: #f9d8a9;
|
|
27
|
-
--color-secondary-core-secondary-90: #fdeed9;
|
|
28
|
-
--color-secondary-core-secondary-95: #fff2e5;
|
|
29
|
-
--color-secondary-core-secondary-100: #ffffff;
|
|
30
|
-
--color-blue-core-blue-0: #000000;
|
|
31
|
-
--color-blue-core-blue-10: #020412;
|
|
32
|
-
--color-blue-core-blue-20: #162755;
|
|
33
|
-
--color-blue-core-blue-30: #1c3e8c;
|
|
34
|
-
--color-blue-core-blue-40: #1a56db;
|
|
35
|
-
--color-blue-core-blue-50: #226cee;
|
|
36
|
-
--color-blue-core-blue-60: #388af9;
|
|
37
|
-
--color-blue-core-blue-70: #5eadfc;
|
|
38
|
-
--color-blue-core-blue-80: #badcff;
|
|
39
|
-
--color-blue-core-blue-90: #daecff;
|
|
40
|
-
--color-blue-core-blue-95: #e3f1ff;
|
|
41
|
-
--color-blue-core-blue-100: #ffffff;
|
|
42
|
-
--color-neutral-core-neutral-0: #000000;
|
|
43
|
-
--color-neutral-core-neutral-10: #1b1d22;
|
|
44
|
-
--color-neutral-core-neutral-20: #363b44;
|
|
45
|
-
--color-neutral-core-neutral-30: #3d444f;
|
|
46
|
-
--color-neutral-core-neutral-40: #474f5d;
|
|
47
|
-
--color-neutral-core-neutral-50: #565f6c;
|
|
48
|
-
--color-neutral-core-neutral-60: #6c798b;
|
|
49
|
-
--color-neutral-core-neutral-70: #8a96a6;
|
|
50
|
-
--color-neutral-core-neutral-80: #b3bbc6;
|
|
51
|
-
--color-neutral-core-neutral-90: #d7dbe0;
|
|
52
|
-
--color-neutral-core-neutral-92: #e6e8ea;
|
|
53
|
-
--color-neutral-core-neutral-94: #eceeef;
|
|
54
|
-
--color-neutral-core-neutral-96: #ebecf0;
|
|
55
|
-
--color-neutral-core-neutral-98: #f3f4f6;
|
|
56
|
-
--color-neutral-core-neutral-99: #f9fafb;
|
|
57
|
-
--color-neutral-core-neutral-100: #ffffff;
|
|
58
|
-
--color-neutral-variant-core-neutral-variant-0: #000000;
|
|
59
|
-
--color-neutral-variant-core-neutral-variant-10: #0e0f10;
|
|
60
|
-
--color-neutral-variant-core-neutral-variant-20: #1c1e21;
|
|
61
|
-
--color-neutral-variant-core-neutral-variant-30: #3b3e45;
|
|
62
|
-
--color-neutral-variant-core-neutral-variant-40: #575c66;
|
|
63
|
-
--color-neutral-variant-core-neutral-variant-50: #969ba5;
|
|
64
|
-
--color-neutral-variant-core-neutral-variant-60: #aaaeb6;
|
|
65
|
-
--color-neutral-variant-core-neutral-variant-70: #c0c3c9;
|
|
66
|
-
--color-neutral-variant-core-neutral-variant-80: #d6d8dc;
|
|
67
|
-
--color-neutral-variant-core-neutral-variant-90: #e9eaec;
|
|
68
|
-
--color-neutral-variant-core-neutral-variant-95: #f4f5f6;
|
|
69
|
-
--color-neutral-variant-neutral-variant-100: #ffffff;
|
|
70
|
-
--color-orange-core-orange-0: #000000;
|
|
71
|
-
--color-orange-core-orange-10: #3a2304;
|
|
72
|
-
--color-orange-core-orange-20: #694007;
|
|
73
|
-
--color-orange-core-orange-30: #995e0a;
|
|
74
|
-
--color-orange-core-orange-40: #d67d00;
|
|
75
|
-
--color-orange-core-orange-50: #f09719;
|
|
76
|
-
--color-orange-core-orange-60: #f3ac49;
|
|
77
|
-
--color-orange-core-orange-70: #f6c279;
|
|
78
|
-
--color-orange-core-orange-80: #f9d8a9;
|
|
79
|
-
--color-orange-core-orange-90: #fdeed9;
|
|
80
|
-
--color-orange-core-orange-95: #fff2e5;
|
|
81
|
-
--color-orange-core-orange-100: #ffffff;
|
|
82
|
-
--color-yellow-core-yellow-0: #000000;
|
|
83
|
-
--color-yellow-core-yellow-10: #382c00;
|
|
84
|
-
--color-yellow-core-yellow-20: #6b5400;
|
|
85
|
-
--color-yellow-core-yellow-30: #a38000;
|
|
86
|
-
--color-yellow-core-yellow-40: #d6a800;
|
|
87
|
-
--color-yellow-core-yellow-50: #ffca0e;
|
|
88
|
-
--color-yellow-core-yellow-60: #ffd53d;
|
|
89
|
-
--color-yellow-core-yellow-70: #ffe070;
|
|
90
|
-
--color-yellow-core-yellow-80: #ffea9e;
|
|
91
|
-
--color-yellow-core-yellow-90: #fff5d1;
|
|
92
|
-
--color-yellow-core-yellow-95: #fff9e5;
|
|
93
|
-
--color-yellow-core-yellow-100: #ffffff;
|
|
94
|
-
--color-red-core-red-0: #000000;
|
|
95
|
-
--color-red-core-red-10: #2b0808;
|
|
96
|
-
--color-red-core-red-20: #570f0f;
|
|
97
|
-
--color-red-core-red-30: #821717;
|
|
98
|
-
--color-red-core-red-40: #ad1f1f;
|
|
99
|
-
--color-red-core-red-50: #d82727;
|
|
100
|
-
--color-red-core-red-60: #e05252;
|
|
101
|
-
--color-red-core-red-70: #e87e7e;
|
|
102
|
-
--color-red-core-red-80: #f0a8a8;
|
|
103
|
-
--color-red-core-red-90: #f7d4d4;
|
|
104
|
-
--color-red-core-red-95: #fbe9e9;
|
|
105
|
-
--color-red-core-red-100: #ffffff;
|
|
106
|
-
--color-green-core-green-0: #000000;
|
|
107
|
-
--color-green-core-green-10: #030c09;
|
|
108
|
-
--color-green-core-green-20: #0a241b;
|
|
109
|
-
--color-green-core-green-30: #164c3b;
|
|
110
|
-
--color-green-core-green-40: #1c5f48;
|
|
111
|
-
--color-green-core-green-50: #278647;
|
|
112
|
-
--color-green-core-green-60: #3ea35f;
|
|
113
|
-
--color-green-core-green-70: #55be78;
|
|
114
|
-
--color-green-core-green-80: #7acd95;
|
|
115
|
-
--color-green-core-green-90: #9fdbb3;
|
|
116
|
-
--color-green-core-green-95: #c4e9d0;
|
|
117
|
-
--color-green-core-green-100: #ffffff;
|
|
118
|
-
--color-opacity-neutral-core-white-10: rgba(255, 255, 255, 0.1);
|
|
119
|
-
--color-opacity-neutral-core-white-20: rgba(255, 255, 255, 0.2);
|
|
120
|
-
--color-opacity-neutral-core-white-30: rgba(255, 255, 255, 0.3);
|
|
121
|
-
--color-opacity-neutral-core-white-40: rgba(255, 255, 255, 0.4);
|
|
122
|
-
--color-opacity-neutral-core-white-50: rgba(255, 255, 255, 0.5);
|
|
123
|
-
--color-opacity-neutral-core-white-80: rgba(255, 255, 255, 0.8);
|
|
124
|
-
--color-opacity-neutral-core-black-10: rgba(0, 0, 0, 0.1);
|
|
125
|
-
--color-opacity-neutral-core-black-20: rgba(0, 0, 0, 0.2);
|
|
126
|
-
--color-opacity-neutral-core-black-30: rgba(0, 0, 0, 0.3);
|
|
127
|
-
--color-opacity-neutral-core-black-40: rgba(0, 0, 0, 0.4);
|
|
128
|
-
--color-opacity-neutral-core-black-50: rgba(0, 0, 0, 0.5);
|
|
129
|
-
--color-opacity-neutral-core-black-80: rgba(0, 0, 0, 0.8);
|
|
130
|
-
--color-opacity-primary-core-primary-08: rgba(7, 92, 186, 0.08);
|
|
131
|
-
--color-opacity-primary-core-primary-20: rgba(7, 92, 186, 0.2);
|
|
132
|
-
--color-opacity-secondary-core-secondary-08: rgba(214, 125, 0, 0.08);
|
|
133
|
-
--color-opacity-secondary-core-secondary-20: rgba(214, 125, 0, 0.2);
|
|
134
|
-
--typography-font-core-display: google sans;
|
|
135
|
-
--typography-font-core-headline: google sans;
|
|
136
|
-
--typography-font-core-title: google sans;
|
|
137
|
-
--typography-font-core-body: google sans;
|
|
138
|
-
--typography-font-core-label: google sans;
|
|
139
|
-
--typography-size-core-xs: 0.75rem;
|
|
140
|
-
--typography-size-core-sm: 0.875rem;
|
|
141
|
-
--typography-size-core-base: 1rem;
|
|
142
|
-
--typography-size-core-lg: 1.25rem;
|
|
143
|
-
--typography-size-core-xl: 1.5rem;
|
|
144
|
-
--typography-size-core-2xl: 1.75rem;
|
|
145
|
-
--typography-size-core-3xl: 2rem;
|
|
146
|
-
--typography-size-core-4xl: 2.5rem;
|
|
147
|
-
--typography-size-core-5xl: 3rem;
|
|
148
|
-
--typography-size-core-6xl: 4rem;
|
|
149
|
-
--typography-size-core-7xl: 4.5rem;
|
|
150
|
-
--typography-size-core-8xl: 5rem;
|
|
151
|
-
--typography-weight-core-regular: regular;
|
|
152
|
-
--typography-weight-core-medium: medium;
|
|
153
|
-
--typography-weight-core-semibold: semibold;
|
|
154
|
-
--typography-weight-core-bold: bold;
|
|
155
|
-
--dimension-spacing-core-neg-spacing-600: -1.5rem;
|
|
156
|
-
--dimension-spacing-core-neg-spacing-400: -1rem;
|
|
157
|
-
--dimension-spacing-core-neg-spacing-200: -0.5rem;
|
|
158
|
-
--dimension-spacing-core-neg-spacing-100: -0.25rem;
|
|
159
|
-
--dimension-spacing-core-spacing-0: 0;
|
|
160
|
-
--dimension-spacing-core-spacing-025: 0.0625rem;
|
|
161
|
-
--dimension-spacing-core-spacing-050: 0.125rem;
|
|
162
|
-
--dimension-spacing-core-spacing-100: 0.25rem;
|
|
163
|
-
--dimension-spacing-core-spacing-150: 0.375rem;
|
|
164
|
-
--dimension-spacing-core-spacing-200: 0.5rem;
|
|
165
|
-
--dimension-spacing-core-spacing-300: 0.75rem;
|
|
166
|
-
--dimension-spacing-core-spacing-400: 1rem;
|
|
167
|
-
--dimension-spacing-core-spacing-500: 1.25rem;
|
|
168
|
-
--dimension-spacing-core-spacing-600: 1.5rem;
|
|
169
|
-
--dimension-spacing-core-spacing-800: 2rem;
|
|
170
|
-
--dimension-spacing-core-spacing-1000: 2.5rem;
|
|
171
|
-
--dimension-spacing-core-spacing-1200: 3rem;
|
|
172
|
-
--dimension-spacing-core-spacing-1600: 4rem;
|
|
173
|
-
--dimension-spacing-core-spacing-1800: 4.5rem;
|
|
174
|
-
--dimension-spacing-core-spacing-2000: 5rem;
|
|
175
|
-
--dimension-border-width-core-stroke-thin: 0.0625rem;
|
|
176
|
-
--dimension-border-width-core-stroke-medium: 0.09375rem;
|
|
177
|
-
--dimension-border-width-core-stroke-thick: 0.125rem;
|
|
178
|
-
--dimension-border-width-core-stroke-heavier: 0.1875rem;
|
|
179
|
-
--dimension-border-width-core-stroke-bold: 0.25rem;
|
|
180
|
-
--dimension-radius-core-radius-none: 0;
|
|
181
|
-
--dimension-radius-core-radius-xs: 0.25rem;
|
|
182
|
-
--dimension-radius-core-radius-sm: 0.5rem;
|
|
183
|
-
--dimension-radius-core-radius-md: 0.75rem;
|
|
184
|
-
--dimension-radius-core-radius-lg: 1rem;
|
|
185
|
-
--dimension-radius-core-radius-lg-increased: 1.25rem;
|
|
186
|
-
--dimension-radius-core-radius-xl: 1.5rem;
|
|
187
|
-
--dimension-radius-core-radius-xl-increased: 2rem;
|
|
188
|
-
--dimension-radius-core-radius-full: 62.4375rem;
|
|
189
|
-
--iconography-core-size-xxs: 0.75rem;
|
|
190
|
-
--iconography-core-size-xs: 1rem;
|
|
191
|
-
--iconography-core-size-sm: 1.25rem;
|
|
192
|
-
--iconography-core-size-md: 1.5rem;
|
|
193
|
-
--iconography-core-size-lg: 2rem;
|
|
194
|
-
--iconography-core-size-xl: 3rem;
|
|
195
|
-
--state-layers-core-hover: 0.5rem;
|
|
196
|
-
--state-layers-core-focused: 0.75rem;
|
|
197
|
-
--state-layers-core-pressed: 0.625rem;
|
|
198
|
-
--state-layers-core-disabled-container: 3rem;
|
|
199
|
-
--state-layers-core-disabled-content: 4rem;
|
|
200
|
-
--state-layers-core-scrim: 0.625rem;
|
|
201
|
-
}
|
|
1
|
+
/* ============================================================
|
|
2
|
+
Reference tokens — primitive design values
|
|
3
|
+
These are the raw palette; prefer sys.css tokens in components.
|
|
4
|
+
============================================================ */
|
|
5
|
+
:root {
|
|
6
|
+
--color-primary-core-primary-0: #000000;
|
|
7
|
+
--color-primary-core-primary-10: #050a24;
|
|
8
|
+
--color-primary-core-primary-20: #070f36;
|
|
9
|
+
--color-primary-core-primary-30: #061545;
|
|
10
|
+
--color-primary-core-primary-40: #062e6f;
|
|
11
|
+
--color-primary-core-primary-50: #075cba;
|
|
12
|
+
--color-primary-core-primary-60: #4285f4;
|
|
13
|
+
--color-primary-core-primary-70: #82b1ff;
|
|
14
|
+
--color-primary-core-primary-80: #b9dcff;
|
|
15
|
+
--color-primary-core-primary-90: #e3f2fd;
|
|
16
|
+
--color-primary-core-primary-95: #f5f9ff;
|
|
17
|
+
--color-primary-core-primary-100: #ffffff;
|
|
18
|
+
--color-secondary-core-secondary-0: #000000;
|
|
19
|
+
--color-secondary-core-secondary-10: #3a2304;
|
|
20
|
+
--color-secondary-core-secondary-20: #694007;
|
|
21
|
+
--color-secondary-core-secondary-30: #995e0a;
|
|
22
|
+
--color-secondary-core-secondary-40: #d67d00;
|
|
23
|
+
--color-secondary-core-secondary-50: #f09719;
|
|
24
|
+
--color-secondary-core-secondary-60: #f3ac49;
|
|
25
|
+
--color-secondary-core-secondary-70: #f6c279;
|
|
26
|
+
--color-secondary-core-secondary-80: #f9d8a9;
|
|
27
|
+
--color-secondary-core-secondary-90: #fdeed9;
|
|
28
|
+
--color-secondary-core-secondary-95: #fff2e5;
|
|
29
|
+
--color-secondary-core-secondary-100: #ffffff;
|
|
30
|
+
--color-blue-core-blue-0: #000000;
|
|
31
|
+
--color-blue-core-blue-10: #020412;
|
|
32
|
+
--color-blue-core-blue-20: #162755;
|
|
33
|
+
--color-blue-core-blue-30: #1c3e8c;
|
|
34
|
+
--color-blue-core-blue-40: #1a56db;
|
|
35
|
+
--color-blue-core-blue-50: #226cee;
|
|
36
|
+
--color-blue-core-blue-60: #388af9;
|
|
37
|
+
--color-blue-core-blue-70: #5eadfc;
|
|
38
|
+
--color-blue-core-blue-80: #badcff;
|
|
39
|
+
--color-blue-core-blue-90: #daecff;
|
|
40
|
+
--color-blue-core-blue-95: #e3f1ff;
|
|
41
|
+
--color-blue-core-blue-100: #ffffff;
|
|
42
|
+
--color-neutral-core-neutral-0: #000000;
|
|
43
|
+
--color-neutral-core-neutral-10: #1b1d22;
|
|
44
|
+
--color-neutral-core-neutral-20: #363b44;
|
|
45
|
+
--color-neutral-core-neutral-30: #3d444f;
|
|
46
|
+
--color-neutral-core-neutral-40: #474f5d;
|
|
47
|
+
--color-neutral-core-neutral-50: #565f6c;
|
|
48
|
+
--color-neutral-core-neutral-60: #6c798b;
|
|
49
|
+
--color-neutral-core-neutral-70: #8a96a6;
|
|
50
|
+
--color-neutral-core-neutral-80: #b3bbc6;
|
|
51
|
+
--color-neutral-core-neutral-90: #d7dbe0;
|
|
52
|
+
--color-neutral-core-neutral-92: #e6e8ea;
|
|
53
|
+
--color-neutral-core-neutral-94: #eceeef;
|
|
54
|
+
--color-neutral-core-neutral-96: #ebecf0;
|
|
55
|
+
--color-neutral-core-neutral-98: #f3f4f6;
|
|
56
|
+
--color-neutral-core-neutral-99: #f9fafb;
|
|
57
|
+
--color-neutral-core-neutral-100: #ffffff;
|
|
58
|
+
--color-neutral-variant-core-neutral-variant-0: #000000;
|
|
59
|
+
--color-neutral-variant-core-neutral-variant-10: #0e0f10;
|
|
60
|
+
--color-neutral-variant-core-neutral-variant-20: #1c1e21;
|
|
61
|
+
--color-neutral-variant-core-neutral-variant-30: #3b3e45;
|
|
62
|
+
--color-neutral-variant-core-neutral-variant-40: #575c66;
|
|
63
|
+
--color-neutral-variant-core-neutral-variant-50: #969ba5;
|
|
64
|
+
--color-neutral-variant-core-neutral-variant-60: #aaaeb6;
|
|
65
|
+
--color-neutral-variant-core-neutral-variant-70: #c0c3c9;
|
|
66
|
+
--color-neutral-variant-core-neutral-variant-80: #d6d8dc;
|
|
67
|
+
--color-neutral-variant-core-neutral-variant-90: #e9eaec;
|
|
68
|
+
--color-neutral-variant-core-neutral-variant-95: #f4f5f6;
|
|
69
|
+
--color-neutral-variant-neutral-variant-100: #ffffff;
|
|
70
|
+
--color-orange-core-orange-0: #000000;
|
|
71
|
+
--color-orange-core-orange-10: #3a2304;
|
|
72
|
+
--color-orange-core-orange-20: #694007;
|
|
73
|
+
--color-orange-core-orange-30: #995e0a;
|
|
74
|
+
--color-orange-core-orange-40: #d67d00;
|
|
75
|
+
--color-orange-core-orange-50: #f09719;
|
|
76
|
+
--color-orange-core-orange-60: #f3ac49;
|
|
77
|
+
--color-orange-core-orange-70: #f6c279;
|
|
78
|
+
--color-orange-core-orange-80: #f9d8a9;
|
|
79
|
+
--color-orange-core-orange-90: #fdeed9;
|
|
80
|
+
--color-orange-core-orange-95: #fff2e5;
|
|
81
|
+
--color-orange-core-orange-100: #ffffff;
|
|
82
|
+
--color-yellow-core-yellow-0: #000000;
|
|
83
|
+
--color-yellow-core-yellow-10: #382c00;
|
|
84
|
+
--color-yellow-core-yellow-20: #6b5400;
|
|
85
|
+
--color-yellow-core-yellow-30: #a38000;
|
|
86
|
+
--color-yellow-core-yellow-40: #d6a800;
|
|
87
|
+
--color-yellow-core-yellow-50: #ffca0e;
|
|
88
|
+
--color-yellow-core-yellow-60: #ffd53d;
|
|
89
|
+
--color-yellow-core-yellow-70: #ffe070;
|
|
90
|
+
--color-yellow-core-yellow-80: #ffea9e;
|
|
91
|
+
--color-yellow-core-yellow-90: #fff5d1;
|
|
92
|
+
--color-yellow-core-yellow-95: #fff9e5;
|
|
93
|
+
--color-yellow-core-yellow-100: #ffffff;
|
|
94
|
+
--color-red-core-red-0: #000000;
|
|
95
|
+
--color-red-core-red-10: #2b0808;
|
|
96
|
+
--color-red-core-red-20: #570f0f;
|
|
97
|
+
--color-red-core-red-30: #821717;
|
|
98
|
+
--color-red-core-red-40: #ad1f1f;
|
|
99
|
+
--color-red-core-red-50: #d82727;
|
|
100
|
+
--color-red-core-red-60: #e05252;
|
|
101
|
+
--color-red-core-red-70: #e87e7e;
|
|
102
|
+
--color-red-core-red-80: #f0a8a8;
|
|
103
|
+
--color-red-core-red-90: #f7d4d4;
|
|
104
|
+
--color-red-core-red-95: #fbe9e9;
|
|
105
|
+
--color-red-core-red-100: #ffffff;
|
|
106
|
+
--color-green-core-green-0: #000000;
|
|
107
|
+
--color-green-core-green-10: #030c09;
|
|
108
|
+
--color-green-core-green-20: #0a241b;
|
|
109
|
+
--color-green-core-green-30: #164c3b;
|
|
110
|
+
--color-green-core-green-40: #1c5f48;
|
|
111
|
+
--color-green-core-green-50: #278647;
|
|
112
|
+
--color-green-core-green-60: #3ea35f;
|
|
113
|
+
--color-green-core-green-70: #55be78;
|
|
114
|
+
--color-green-core-green-80: #7acd95;
|
|
115
|
+
--color-green-core-green-90: #9fdbb3;
|
|
116
|
+
--color-green-core-green-95: #c4e9d0;
|
|
117
|
+
--color-green-core-green-100: #ffffff;
|
|
118
|
+
--color-opacity-neutral-core-white-10: rgba(255, 255, 255, 0.1);
|
|
119
|
+
--color-opacity-neutral-core-white-20: rgba(255, 255, 255, 0.2);
|
|
120
|
+
--color-opacity-neutral-core-white-30: rgba(255, 255, 255, 0.3);
|
|
121
|
+
--color-opacity-neutral-core-white-40: rgba(255, 255, 255, 0.4);
|
|
122
|
+
--color-opacity-neutral-core-white-50: rgba(255, 255, 255, 0.5);
|
|
123
|
+
--color-opacity-neutral-core-white-80: rgba(255, 255, 255, 0.8);
|
|
124
|
+
--color-opacity-neutral-core-black-10: rgba(0, 0, 0, 0.1);
|
|
125
|
+
--color-opacity-neutral-core-black-20: rgba(0, 0, 0, 0.2);
|
|
126
|
+
--color-opacity-neutral-core-black-30: rgba(0, 0, 0, 0.3);
|
|
127
|
+
--color-opacity-neutral-core-black-40: rgba(0, 0, 0, 0.4);
|
|
128
|
+
--color-opacity-neutral-core-black-50: rgba(0, 0, 0, 0.5);
|
|
129
|
+
--color-opacity-neutral-core-black-80: rgba(0, 0, 0, 0.8);
|
|
130
|
+
--color-opacity-primary-core-primary-08: rgba(7, 92, 186, 0.08);
|
|
131
|
+
--color-opacity-primary-core-primary-20: rgba(7, 92, 186, 0.2);
|
|
132
|
+
--color-opacity-secondary-core-secondary-08: rgba(214, 125, 0, 0.08);
|
|
133
|
+
--color-opacity-secondary-core-secondary-20: rgba(214, 125, 0, 0.2);
|
|
134
|
+
--typography-font-core-display: google sans;
|
|
135
|
+
--typography-font-core-headline: google sans;
|
|
136
|
+
--typography-font-core-title: google sans;
|
|
137
|
+
--typography-font-core-body: google sans;
|
|
138
|
+
--typography-font-core-label: google sans;
|
|
139
|
+
--typography-size-core-xs: 0.75rem;
|
|
140
|
+
--typography-size-core-sm: 0.875rem;
|
|
141
|
+
--typography-size-core-base: 1rem;
|
|
142
|
+
--typography-size-core-lg: 1.25rem;
|
|
143
|
+
--typography-size-core-xl: 1.5rem;
|
|
144
|
+
--typography-size-core-2xl: 1.75rem;
|
|
145
|
+
--typography-size-core-3xl: 2rem;
|
|
146
|
+
--typography-size-core-4xl: 2.5rem;
|
|
147
|
+
--typography-size-core-5xl: 3rem;
|
|
148
|
+
--typography-size-core-6xl: 4rem;
|
|
149
|
+
--typography-size-core-7xl: 4.5rem;
|
|
150
|
+
--typography-size-core-8xl: 5rem;
|
|
151
|
+
--typography-weight-core-regular: regular;
|
|
152
|
+
--typography-weight-core-medium: medium;
|
|
153
|
+
--typography-weight-core-semibold: semibold;
|
|
154
|
+
--typography-weight-core-bold: bold;
|
|
155
|
+
--dimension-spacing-core-neg-spacing-600: -1.5rem;
|
|
156
|
+
--dimension-spacing-core-neg-spacing-400: -1rem;
|
|
157
|
+
--dimension-spacing-core-neg-spacing-200: -0.5rem;
|
|
158
|
+
--dimension-spacing-core-neg-spacing-100: -0.25rem;
|
|
159
|
+
--dimension-spacing-core-spacing-0: 0;
|
|
160
|
+
--dimension-spacing-core-spacing-025: 0.0625rem;
|
|
161
|
+
--dimension-spacing-core-spacing-050: 0.125rem;
|
|
162
|
+
--dimension-spacing-core-spacing-100: 0.25rem;
|
|
163
|
+
--dimension-spacing-core-spacing-150: 0.375rem;
|
|
164
|
+
--dimension-spacing-core-spacing-200: 0.5rem;
|
|
165
|
+
--dimension-spacing-core-spacing-300: 0.75rem;
|
|
166
|
+
--dimension-spacing-core-spacing-400: 1rem;
|
|
167
|
+
--dimension-spacing-core-spacing-500: 1.25rem;
|
|
168
|
+
--dimension-spacing-core-spacing-600: 1.5rem;
|
|
169
|
+
--dimension-spacing-core-spacing-800: 2rem;
|
|
170
|
+
--dimension-spacing-core-spacing-1000: 2.5rem;
|
|
171
|
+
--dimension-spacing-core-spacing-1200: 3rem;
|
|
172
|
+
--dimension-spacing-core-spacing-1600: 4rem;
|
|
173
|
+
--dimension-spacing-core-spacing-1800: 4.5rem;
|
|
174
|
+
--dimension-spacing-core-spacing-2000: 5rem;
|
|
175
|
+
--dimension-border-width-core-stroke-thin: 0.0625rem;
|
|
176
|
+
--dimension-border-width-core-stroke-medium: 0.09375rem;
|
|
177
|
+
--dimension-border-width-core-stroke-thick: 0.125rem;
|
|
178
|
+
--dimension-border-width-core-stroke-heavier: 0.1875rem;
|
|
179
|
+
--dimension-border-width-core-stroke-bold: 0.25rem;
|
|
180
|
+
--dimension-radius-core-radius-none: 0;
|
|
181
|
+
--dimension-radius-core-radius-xs: 0.25rem;
|
|
182
|
+
--dimension-radius-core-radius-sm: 0.5rem;
|
|
183
|
+
--dimension-radius-core-radius-md: 0.75rem;
|
|
184
|
+
--dimension-radius-core-radius-lg: 1rem;
|
|
185
|
+
--dimension-radius-core-radius-lg-increased: 1.25rem;
|
|
186
|
+
--dimension-radius-core-radius-xl: 1.5rem;
|
|
187
|
+
--dimension-radius-core-radius-xl-increased: 2rem;
|
|
188
|
+
--dimension-radius-core-radius-full: 62.4375rem;
|
|
189
|
+
--iconography-core-size-xxs: 0.75rem;
|
|
190
|
+
--iconography-core-size-xs: 1rem;
|
|
191
|
+
--iconography-core-size-sm: 1.25rem;
|
|
192
|
+
--iconography-core-size-md: 1.5rem;
|
|
193
|
+
--iconography-core-size-lg: 2rem;
|
|
194
|
+
--iconography-core-size-xl: 3rem;
|
|
195
|
+
--state-layers-core-hover: 0.5rem;
|
|
196
|
+
--state-layers-core-focused: 0.75rem;
|
|
197
|
+
--state-layers-core-pressed: 0.625rem;
|
|
198
|
+
--state-layers-core-disabled-container: 3rem;
|
|
199
|
+
--state-layers-core-disabled-content: 4rem;
|
|
200
|
+
--state-layers-core-scrim: 0.625rem;
|
|
201
|
+
}
|
|
@@ -0,0 +1,221 @@
|
|
|
1
|
+
export declare const sysTokens: {
|
|
2
|
+
readonly colorRolesAccentPrimarySysPrimary: "var(--color-roles-accent-primary-sys-primary)";
|
|
3
|
+
readonly colorRolesAccentPrimarySysOnPrimary: "var(--color-roles-accent-primary-sys-on-primary)";
|
|
4
|
+
readonly colorRolesAccentPrimarySysPrimaryContainer: "var(--color-roles-accent-primary-sys-primary-container)";
|
|
5
|
+
readonly colorRolesAccentPrimarySysOnPrimaryContainer: "var(--color-roles-accent-primary-sys-on-primary-container)";
|
|
6
|
+
readonly colorRolesAccentPrimarySysOnPrimaryContainerVariant: "var(--color-roles-accent-primary-sys-on-primary-container-variant)";
|
|
7
|
+
readonly colorRolesAccentSecondarySysSecondary: "var(--color-roles-accent-secondary-sys-secondary)";
|
|
8
|
+
readonly colorRolesAccentSecondarySysOnSecondary: "var(--color-roles-accent-secondary-sys-on-secondary)";
|
|
9
|
+
readonly colorRolesAccentSecondarySysSecondaryContainer: "var(--color-roles-accent-secondary-sys-secondary-container)";
|
|
10
|
+
readonly colorRolesAccentSecondarySysOnSecondaryContainer: "var(--color-roles-accent-secondary-sys-on-secondary-container)";
|
|
11
|
+
readonly colorRolesErrorSysError: "var(--color-roles-error-sys-error)";
|
|
12
|
+
readonly colorRolesErrorSysOnError: "var(--color-roles-error-sys-on-error)";
|
|
13
|
+
readonly colorRolesErrorSysErrorContainer: "var(--color-roles-error-sys-error-container)";
|
|
14
|
+
readonly colorRolesErrorSysOnErrorContainer: "var(--color-roles-error-sys-on-error-container)";
|
|
15
|
+
readonly colorRolesSurfaceSurfaceSysSurface: "var(--color-roles-surface-surface-sys-surface)";
|
|
16
|
+
readonly colorRolesSurfaceSurfaceSysOnSurface: "var(--color-roles-surface-surface-sys-on-surface)";
|
|
17
|
+
readonly colorRolesSurfaceSurfaceSysOnSurfaceVariant: "var(--color-roles-surface-surface-sys-on-surface-variant)";
|
|
18
|
+
readonly colorRolesSurfaceSurfaceContainerSysSurfaceContainerLowest: "var(--color-roles-surface-surface-container-sys-surface-container-lowest)";
|
|
19
|
+
readonly colorRolesSurfaceSurfaceContainerSysSurfaceContainerLow: "var(--color-roles-surface-surface-container-sys-surface-container-low)";
|
|
20
|
+
readonly colorRolesSurfaceSurfaceContainerSysSurfaceContainer: "var(--color-roles-surface-surface-container-sys-surface-container)";
|
|
21
|
+
readonly colorRolesSurfaceSurfaceContainerSysSurfaceContainerHigh: "var(--color-roles-surface-surface-container-sys-surface-container-high)";
|
|
22
|
+
readonly colorRolesSurfaceSurfaceContainerSysSurfaceContainerHighest: "var(--color-roles-surface-surface-container-sys-surface-container-highest)";
|
|
23
|
+
readonly colorRolesSurfaceInverseSysInverseSurface: "var(--color-roles-surface-inverse-sys-inverse-surface)";
|
|
24
|
+
readonly colorRolesSurfaceInverseSysInverseOnSurface: "var(--color-roles-surface-inverse-sys-inverse-on-surface)";
|
|
25
|
+
readonly colorRolesSurfaceInverseSysInversePrimary: "var(--color-roles-surface-inverse-sys-inverse-primary)";
|
|
26
|
+
readonly colorRolesOutlineSysOutline: "var(--color-roles-outline-sys-outline)";
|
|
27
|
+
readonly colorRolesOutlineSysOutlineVariant: "var(--color-roles-outline-sys-outline-variant)";
|
|
28
|
+
readonly colorRolesOutlineSysOutlineFixed: "var(--color-roles-outline-sys-outline-fixed)";
|
|
29
|
+
readonly colorRolesOutlineSysOutlineInverse: "var(--color-roles-outline-sys-outline-inverse)";
|
|
30
|
+
readonly colorRolesCustomSuccessSysSuccess: "var(--color-roles-custom-success-sys-success)";
|
|
31
|
+
readonly colorRolesCustomSuccessSysOnSuccess: "var(--color-roles-custom-success-sys-on-success)";
|
|
32
|
+
readonly colorRolesCustomSuccessSysSuccessContainer: "var(--color-roles-custom-success-sys-success-container)";
|
|
33
|
+
readonly colorRolesCustomSuccessSysOnSuccessContainer: "var(--color-roles-custom-success-sys-on-success-container)";
|
|
34
|
+
readonly colorRolesCustomWarningSysWarning: "var(--color-roles-custom-warning-sys-warning)";
|
|
35
|
+
readonly colorRolesCustomWarningSysOnWarning: "var(--color-roles-custom-warning-sys-on-warning)";
|
|
36
|
+
readonly colorRolesCustomWarningSysWarningContainer: "var(--color-roles-custom-warning-sys-warning-container)";
|
|
37
|
+
readonly colorRolesCustomWarningSysOnWarningContainer: "var(--color-roles-custom-warning-sys-on-warning-container)";
|
|
38
|
+
readonly colorRolesCustomInfoSysInfo: "var(--color-roles-custom-info-sys-info)";
|
|
39
|
+
readonly colorRolesCustomInfoSysOnInfo: "var(--color-roles-custom-info-sys-on-info)";
|
|
40
|
+
readonly colorRolesCustomInfoSysInfoContainer: "var(--color-roles-custom-info-sys-info-container)";
|
|
41
|
+
readonly colorRolesCustomInfoSysOnInfoContainer: "var(--color-roles-custom-info-sys-on-info-container)";
|
|
42
|
+
readonly colorRolesAddOnPrimaryFixedSysPrimaryFixed: "var(--color-roles-add-on-primary-fixed-sys-primary-fixed)";
|
|
43
|
+
readonly colorRolesAddOnPrimaryFixedSysPrimaryFixedDim: "var(--color-roles-add-on-primary-fixed-sys-primary-fixed-dim)";
|
|
44
|
+
readonly colorRolesAddOnPrimaryFixedSysOnPrimaryFixed: "var(--color-roles-add-on-primary-fixed-sys-on-primary-fixed)";
|
|
45
|
+
readonly colorRolesAddOnPrimaryFixedSysOnPrimaryFixedVariant: "var(--color-roles-add-on-primary-fixed-sys-on-primary-fixed-variant)";
|
|
46
|
+
readonly colorRolesAddOnSecondaryFixedSysSecondaryFixed: "var(--color-roles-add-on-secondary-fixed-sys-secondary-fixed)";
|
|
47
|
+
readonly colorRolesAddOnSecondaryFixedSysSecondaryFixedDim: "var(--color-roles-add-on-secondary-fixed-sys-secondary-fixed-dim)";
|
|
48
|
+
readonly colorRolesAddOnSecondaryFixedSysOnSecondaryFixed: "var(--color-roles-add-on-secondary-fixed-sys-on-secondary-fixed)";
|
|
49
|
+
readonly colorRolesAddOnSecondaryFixedSysOnSecondaryFixedVariant: "var(--color-roles-add-on-secondary-fixed-sys-on-secondary-fixed-variant)";
|
|
50
|
+
readonly colorRolesAddOnSurfacesSysSurfaceDim: "var(--color-roles-add-on-surfaces-sys-surface-dim)";
|
|
51
|
+
readonly colorRolesAddOnSurfacesSysSurfaceBright: "var(--color-roles-add-on-surfaces-sys-surface-bright)";
|
|
52
|
+
readonly colorRolesTransparentNeutralSysWhite10: "var(--color-roles-transparent-neutral-sys-white-10)";
|
|
53
|
+
readonly colorRolesTransparentNeutralSysWhite20: "var(--color-roles-transparent-neutral-sys-white-20)";
|
|
54
|
+
readonly colorRolesTransparentNeutralSysWhite30: "var(--color-roles-transparent-neutral-sys-white-30)";
|
|
55
|
+
readonly colorRolesTransparentNeutralSysWhite40: "var(--color-roles-transparent-neutral-sys-white-40)";
|
|
56
|
+
readonly colorRolesTransparentNeutralSysWhite50: "var(--color-roles-transparent-neutral-sys-white-50)";
|
|
57
|
+
readonly colorRolesTransparentNeutralSysWhite80: "var(--color-roles-transparent-neutral-sys-white-80)";
|
|
58
|
+
readonly colorRolesTransparentNeutralSysBlack10: "var(--color-roles-transparent-neutral-sys-black-10)";
|
|
59
|
+
readonly colorRolesTransparentNeutralSysBlack20: "var(--color-roles-transparent-neutral-sys-black-20)";
|
|
60
|
+
readonly colorRolesTransparentNeutralSysBlack30: "var(--color-roles-transparent-neutral-sys-black-30)";
|
|
61
|
+
readonly colorRolesTransparentNeutralSysBlack40: "var(--color-roles-transparent-neutral-sys-black-40)";
|
|
62
|
+
readonly colorRolesTransparentNeutralSysBlack50: "var(--color-roles-transparent-neutral-sys-black-50)";
|
|
63
|
+
readonly colorRolesTransparentNeutralSysBlack80: "var(--color-roles-transparent-neutral-sys-black-80)";
|
|
64
|
+
readonly colorRolesTransparentPrimarySysPrimary08: "var(--color-roles-transparent-primary-sys-primary-08)";
|
|
65
|
+
readonly colorRolesTransparentPrimarySysPrimary20: "var(--color-roles-transparent-primary-sys-primary-20)";
|
|
66
|
+
readonly colorRolesTransparentSecondarySysSecondary08: "var(--color-roles-transparent-secondary-sys-secondary-08)";
|
|
67
|
+
readonly colorRolesTransparentSecondarySysSecondary20: "var(--color-roles-transparent-secondary-sys-secondary-20)";
|
|
68
|
+
readonly colorRolesChartSysChartColor1: "var(--color-roles-chart-sys-chart-color-1)";
|
|
69
|
+
readonly colorRolesChartSysChartColor2: "var(--color-roles-chart-sys-chart-color-2)";
|
|
70
|
+
readonly colorRolesChartSysChartColor3: "var(--color-roles-chart-sys-chart-color-3)";
|
|
71
|
+
readonly colorRolesChartSysChartColor4: "var(--color-roles-chart-sys-chart-color-4)";
|
|
72
|
+
readonly colorRolesChartSysChartColor5: "var(--color-roles-chart-sys-chart-color-5)";
|
|
73
|
+
readonly colorRolesChartSysChartColor6: "var(--color-roles-chart-sys-chart-color-6)";
|
|
74
|
+
readonly colorRolesChartSysChartColor7: "var(--color-roles-chart-sys-chart-color-7)";
|
|
75
|
+
readonly colorRolesChartSysChartColor8: "var(--color-roles-chart-sys-chart-color-8)";
|
|
76
|
+
readonly colorRolesChartSysChartInactive: "var(--color-roles-chart-sys-chart-inactive)";
|
|
77
|
+
readonly typeScaleDisplayLargeSysFontFamily: "var(--type-scale-display-large-sys-font-family)";
|
|
78
|
+
readonly typeScaleDisplayLargeSysFontWeight: "var(--type-scale-display-large-sys-font-weight)";
|
|
79
|
+
readonly typeScaleDisplayLargeSysFontSize: "var(--type-scale-display-large-sys-font-size)";
|
|
80
|
+
readonly typeScaleDisplayLargeSysLineHeight: "var(--type-scale-display-large-sys-line-height)";
|
|
81
|
+
readonly typeScaleDisplayLargeSysTracking: "var(--type-scale-display-large-sys-tracking)";
|
|
82
|
+
readonly typeScaleDisplayLargeSysFontWeightEmphasized: "var(--type-scale-display-large-sys-font-weight-emphasized)";
|
|
83
|
+
readonly typeScaleDisplayMediumSysFontFamily: "var(--type-scale-display-medium-sys-font-family)";
|
|
84
|
+
readonly typeScaleDisplayMediumSysFontWeight: "var(--type-scale-display-medium-sys-font-weight)";
|
|
85
|
+
readonly typeScaleDisplayMediumSysFontSize: "var(--type-scale-display-medium-sys-font-size)";
|
|
86
|
+
readonly typeScaleDisplayMediumSysLineHeight: "var(--type-scale-display-medium-sys-line-height)";
|
|
87
|
+
readonly typeScaleDisplayMediumSysTracking: "var(--type-scale-display-medium-sys-tracking)";
|
|
88
|
+
readonly typeScaleDisplayMediumSysFontWeightEmphasized: "var(--type-scale-display-medium-sys-font-weight-emphasized)";
|
|
89
|
+
readonly typeScaleDisplaySmallSysFontFamily: "var(--type-scale-display-small-sys-font-family)";
|
|
90
|
+
readonly typeScaleDisplaySmallSysFontWeight: "var(--type-scale-display-small-sys-font-weight)";
|
|
91
|
+
readonly typeScaleDisplaySmallSysFontSize: "var(--type-scale-display-small-sys-font-size)";
|
|
92
|
+
readonly typeScaleDisplaySmallSysLineHeight: "var(--type-scale-display-small-sys-line-height)";
|
|
93
|
+
readonly typeScaleDisplaySmallSysTracking: "var(--type-scale-display-small-sys-tracking)";
|
|
94
|
+
readonly typeScaleDisplaySmallSysFontWeightEmphasized: "var(--type-scale-display-small-sys-font-weight-emphasized)";
|
|
95
|
+
readonly typeScaleHeadlineLargeSysFontFamily: "var(--type-scale-headline-large-sys-font-family)";
|
|
96
|
+
readonly typeScaleHeadlineLargeSysFontWeight: "var(--type-scale-headline-large-sys-font-weight)";
|
|
97
|
+
readonly typeScaleHeadlineLargeSysFontSize: "var(--type-scale-headline-large-sys-font-size)";
|
|
98
|
+
readonly typeScaleHeadlineLargeSysLineHeight: "var(--type-scale-headline-large-sys-line-height)";
|
|
99
|
+
readonly typeScaleHeadlineLargeSysTracking: "var(--type-scale-headline-large-sys-tracking)";
|
|
100
|
+
readonly typeScaleHeadlineLargeSysFontWeightEmphasized: "var(--type-scale-headline-large-sys-font-weight-emphasized)";
|
|
101
|
+
readonly typeScaleHeadlineMediumSysFontFamily: "var(--type-scale-headline-medium-sys-font-family)";
|
|
102
|
+
readonly typeScaleHeadlineMediumSysFontWeight: "var(--type-scale-headline-medium-sys-font-weight)";
|
|
103
|
+
readonly typeScaleHeadlineMediumSysFontSize: "var(--type-scale-headline-medium-sys-font-size)";
|
|
104
|
+
readonly typeScaleHeadlineMediumSysLineHeight: "var(--type-scale-headline-medium-sys-line-height)";
|
|
105
|
+
readonly typeScaleHeadlineMediumSysTracking: "var(--type-scale-headline-medium-sys-tracking)";
|
|
106
|
+
readonly typeScaleHeadlineMediumSysFontWeightEmphasized: "var(--type-scale-headline-medium-sys-font-weight-emphasized)";
|
|
107
|
+
readonly typeScaleHeadlineSmallSysFontFamily: "var(--type-scale-headline-small-sys-font-family)";
|
|
108
|
+
readonly typeScaleHeadlineSmallSysFontWeight: "var(--type-scale-headline-small-sys-font-weight)";
|
|
109
|
+
readonly typeScaleHeadlineSmallSysFontSize: "var(--type-scale-headline-small-sys-font-size)";
|
|
110
|
+
readonly typeScaleHeadlineSmallSysLineHeight: "var(--type-scale-headline-small-sys-line-height)";
|
|
111
|
+
readonly typeScaleHeadlineSmallSysTracking: "var(--type-scale-headline-small-sys-tracking)";
|
|
112
|
+
readonly typeScaleHeadlineSmallSysFontWeightEmphasized: "var(--type-scale-headline-small-sys-font-weight-emphasized)";
|
|
113
|
+
readonly typeScaleTitleLargeSysFontFamily: "var(--type-scale-title-large-sys-font-family)";
|
|
114
|
+
readonly typeScaleTitleLargeSysFontWeight: "var(--type-scale-title-large-sys-font-weight)";
|
|
115
|
+
readonly typeScaleTitleLargeSysFontSize: "var(--type-scale-title-large-sys-font-size)";
|
|
116
|
+
readonly typeScaleTitleLargeSysLineHeight: "var(--type-scale-title-large-sys-line-height)";
|
|
117
|
+
readonly typeScaleTitleLargeSysTracking: "var(--type-scale-title-large-sys-tracking)";
|
|
118
|
+
readonly typeScaleTitleLargeSysFontWeightEmphasized: "var(--type-scale-title-large-sys-font-weight-emphasized)";
|
|
119
|
+
readonly typeScaleTitleMediumSysFontFamily: "var(--type-scale-title-medium-sys-font-family)";
|
|
120
|
+
readonly typeScaleTitleMediumSysFontWeight: "var(--type-scale-title-medium-sys-font-weight)";
|
|
121
|
+
readonly typeScaleTitleMediumSysFontSize: "var(--type-scale-title-medium-sys-font-size)";
|
|
122
|
+
readonly typeScaleTitleMediumSysLineHeight: "var(--type-scale-title-medium-sys-line-height)";
|
|
123
|
+
readonly typeScaleTitleMediumSysTracking: "var(--type-scale-title-medium-sys-tracking)";
|
|
124
|
+
readonly typeScaleTitleMediumSysFontWeightEmphasized: "var(--type-scale-title-medium-sys-font-weight-emphasized)";
|
|
125
|
+
readonly typeScaleTitleSmallSysFontFamily: "var(--type-scale-title-small-sys-font-family)";
|
|
126
|
+
readonly typeScaleTitleSmallSysFontWeight: "var(--type-scale-title-small-sys-font-weight)";
|
|
127
|
+
readonly typeScaleTitleSmallSysFontSize: "var(--type-scale-title-small-sys-font-size)";
|
|
128
|
+
readonly typeScaleTitleSmallSysLineHeight: "var(--type-scale-title-small-sys-line-height)";
|
|
129
|
+
readonly typeScaleTitleSmallSysTracking: "var(--type-scale-title-small-sys-tracking)";
|
|
130
|
+
readonly typeScaleTitleSmallSysFontWeightEmphasized: "var(--type-scale-title-small-sys-font-weight-emphasized)";
|
|
131
|
+
readonly typeScaleBodyLargeSysFontFamily: "var(--type-scale-body-large-sys-font-family)";
|
|
132
|
+
readonly typeScaleBodyLargeSysFontWeight: "var(--type-scale-body-large-sys-font-weight)";
|
|
133
|
+
readonly typeScaleBodyLargeSysFontSize: "var(--type-scale-body-large-sys-font-size)";
|
|
134
|
+
readonly typeScaleBodyLargeSysLineHeight: "var(--type-scale-body-large-sys-line-height)";
|
|
135
|
+
readonly typeScaleBodyLargeSysTracking: "var(--type-scale-body-large-sys-tracking)";
|
|
136
|
+
readonly typeScaleBodyLargeSysFontWeightEmphasized: "var(--type-scale-body-large-sys-font-weight-emphasized)";
|
|
137
|
+
readonly typeScaleBodyMediumSysFontFamily: "var(--type-scale-body-medium-sys-font-family)";
|
|
138
|
+
readonly typeScaleBodyMediumSysFontWeight: "var(--type-scale-body-medium-sys-font-weight)";
|
|
139
|
+
readonly typeScaleBodyMediumSysFontSize: "var(--type-scale-body-medium-sys-font-size)";
|
|
140
|
+
readonly typeScaleBodyMediumSysLineHeight: "var(--type-scale-body-medium-sys-line-height)";
|
|
141
|
+
readonly typeScaleBodyMediumSysTracking: "var(--type-scale-body-medium-sys-tracking)";
|
|
142
|
+
readonly typeScaleBodyMediumSysFontWeightEmphasized: "var(--type-scale-body-medium-sys-font-weight-emphasized)";
|
|
143
|
+
readonly typeScaleBodySmallSysFontFamily: "var(--type-scale-body-small-sys-font-family)";
|
|
144
|
+
readonly typeScaleBodySmallSysFontWeight: "var(--type-scale-body-small-sys-font-weight)";
|
|
145
|
+
readonly typeScaleBodySmallSysFontSize: "var(--type-scale-body-small-sys-font-size)";
|
|
146
|
+
readonly typeScaleBodySmallSysLineHeight: "var(--type-scale-body-small-sys-line-height)";
|
|
147
|
+
readonly typeScaleBodySmallSysTracking: "var(--type-scale-body-small-sys-tracking)";
|
|
148
|
+
readonly typeScaleBodySmallSysFontWeightEmphasized: "var(--type-scale-body-small-sys-font-weight-emphasized)";
|
|
149
|
+
readonly typeScaleLabelLargeSysFontFamily: "var(--type-scale-label-large-sys-font-family)";
|
|
150
|
+
readonly typeScaleLabelLargeSysFontWeight: "var(--type-scale-label-large-sys-font-weight)";
|
|
151
|
+
readonly typeScaleLabelLargeSysFontSize: "var(--type-scale-label-large-sys-font-size)";
|
|
152
|
+
readonly typeScaleLabelLargeSysLineHeight: "var(--type-scale-label-large-sys-line-height)";
|
|
153
|
+
readonly typeScaleLabelLargeSysTracking: "var(--type-scale-label-large-sys-tracking)";
|
|
154
|
+
readonly typeScaleLabelLargeSysFontWeightEmphasized: "var(--type-scale-label-large-sys-font-weight-emphasized)";
|
|
155
|
+
readonly typeScaleLabelMediumSysFontFamily: "var(--type-scale-label-medium-sys-font-family)";
|
|
156
|
+
readonly typeScaleLabelMediumSysFontWeight: "var(--type-scale-label-medium-sys-font-weight)";
|
|
157
|
+
readonly typeScaleLabelMediumSysFontSize: "var(--type-scale-label-medium-sys-font-size)";
|
|
158
|
+
readonly typeScaleLabelMediumSysLineHeight: "var(--type-scale-label-medium-sys-line-height)";
|
|
159
|
+
readonly typeScaleLabelMediumSysTracking: "var(--type-scale-label-medium-sys-tracking)";
|
|
160
|
+
readonly typeScaleLabelMediumSysFontWeightEmphasized: "var(--type-scale-label-medium-sys-font-weight-emphasized)";
|
|
161
|
+
readonly typeScaleLabelSmallSysFontFamily: "var(--type-scale-label-small-sys-font-family)";
|
|
162
|
+
readonly typeScaleLabelSmallSysFontWeight: "var(--type-scale-label-small-sys-font-weight)";
|
|
163
|
+
readonly typeScaleLabelSmallSysFontSize: "var(--type-scale-label-small-sys-font-size)";
|
|
164
|
+
readonly typeScaleLabelSmallSysLineHeight: "var(--type-scale-label-small-sys-line-height)";
|
|
165
|
+
readonly typeScaleLabelSmallSysTracking: "var(--type-scale-label-small-sys-tracking)";
|
|
166
|
+
readonly typeScaleLabelSmallSysFontWeightEmphasized: "var(--type-scale-label-small-sys-font-weight-emphasized)";
|
|
167
|
+
readonly dimensionsSpacingMarginSysMarginNone: "var(--dimensions-spacing-margin-sys-margin-none)";
|
|
168
|
+
readonly dimensionsSpacingMarginSysMarginSm: "var(--dimensions-spacing-margin-sys-margin-sm)";
|
|
169
|
+
readonly dimensionsSpacingMarginSysMarginMd: "var(--dimensions-spacing-margin-sys-margin-md)";
|
|
170
|
+
readonly dimensionsSpacingMarginSysMarginLg: "var(--dimensions-spacing-margin-sys-margin-lg)";
|
|
171
|
+
readonly dimensionsSpacingMarginSysMarginXl: "var(--dimensions-spacing-margin-sys-margin-xl)";
|
|
172
|
+
readonly dimensionsSpacingMarginSysMargin2xl: "var(--dimensions-spacing-margin-sys-margin-2xl)";
|
|
173
|
+
readonly dimensionsSpacingSpacerSysSpacerXs: "var(--dimensions-spacing-spacer-sys-spacer-xs)";
|
|
174
|
+
readonly dimensionsSpacingSpacerSysSpacerSm: "var(--dimensions-spacing-spacer-sys-spacer-sm)";
|
|
175
|
+
readonly dimensionsSpacingSpacerSysSpacerMd: "var(--dimensions-spacing-spacer-sys-spacer-md)";
|
|
176
|
+
readonly dimensionsSpacingSpacerSysSpacerLg: "var(--dimensions-spacing-spacer-sys-spacer-lg)";
|
|
177
|
+
readonly dimensionsSpacingPaddingSysNegPadding24: "var(--dimensions-spacing-padding-sys-neg-padding-24)";
|
|
178
|
+
readonly dimensionsSpacingPaddingSysNegPadding16: "var(--dimensions-spacing-padding-sys-neg-padding-16)";
|
|
179
|
+
readonly dimensionsSpacingPaddingSysPadding0: "var(--dimensions-spacing-padding-sys-padding-0)";
|
|
180
|
+
readonly dimensionsSpacingPaddingSysPadding2: "var(--dimensions-spacing-padding-sys-padding-2)";
|
|
181
|
+
readonly dimensionsSpacingPaddingSysPadding4: "var(--dimensions-spacing-padding-sys-padding-4)";
|
|
182
|
+
readonly dimensionsSpacingPaddingSysPadding6: "var(--dimensions-spacing-padding-sys-padding-6)";
|
|
183
|
+
readonly dimensionsSpacingPaddingSysPadding8: "var(--dimensions-spacing-padding-sys-padding-8)";
|
|
184
|
+
readonly dimensionsSpacingPaddingSysPadding12: "var(--dimensions-spacing-padding-sys-padding-12)";
|
|
185
|
+
readonly dimensionsSpacingPaddingSysPadding16: "var(--dimensions-spacing-padding-sys-padding-16)";
|
|
186
|
+
readonly dimensionsSpacingPaddingSysPadding20: "var(--dimensions-spacing-padding-sys-padding-20)";
|
|
187
|
+
readonly dimensionsSpacingPaddingSysPadding24: "var(--dimensions-spacing-padding-sys-padding-24)";
|
|
188
|
+
readonly dimensionsSpacingPaddingSysPadding32: "var(--dimensions-spacing-padding-sys-padding-32)";
|
|
189
|
+
readonly dimensionsSpacingPaddingSysPadding40: "var(--dimensions-spacing-padding-sys-padding-40)";
|
|
190
|
+
readonly dimensionsSpacingPaddingSysPadding48: "var(--dimensions-spacing-padding-sys-padding-48)";
|
|
191
|
+
readonly dimensionsSpacingPaddingSysPadding64: "var(--dimensions-spacing-padding-sys-padding-64)";
|
|
192
|
+
readonly dimensionsSpacingPaddingSysPadding72: "var(--dimensions-spacing-padding-sys-padding-72)";
|
|
193
|
+
readonly dimensionsSpacingPaddingSysPadding80: "var(--dimensions-spacing-padding-sys-padding-80)";
|
|
194
|
+
readonly dimensionsBorderRadiusSysRadiusNone: "var(--dimensions-border-radius-sys-radius-none)";
|
|
195
|
+
readonly dimensionsBorderRadiusSysRadiusXs: "var(--dimensions-border-radius-sys-radius-xs)";
|
|
196
|
+
readonly dimensionsBorderRadiusSysRadiusSm: "var(--dimensions-border-radius-sys-radius-sm)";
|
|
197
|
+
readonly dimensionsBorderRadiusSysRadiusMd: "var(--dimensions-border-radius-sys-radius-md)";
|
|
198
|
+
readonly dimensionsBorderRadiusSysRadiusLg: "var(--dimensions-border-radius-sys-radius-lg)";
|
|
199
|
+
readonly dimensionsBorderRadiusSysRadiusLgIncreased: "var(--dimensions-border-radius-sys-radius-lg-increased)";
|
|
200
|
+
readonly dimensionsBorderRadiusSysRadiusXl: "var(--dimensions-border-radius-sys-radius-xl)";
|
|
201
|
+
readonly dimensionsBorderRadiusSysRadiusXlIncreased: "var(--dimensions-border-radius-sys-radius-xl-increased)";
|
|
202
|
+
readonly dimensionsBorderRadiusSysRadiusFull: "var(--dimensions-border-radius-sys-radius-full)";
|
|
203
|
+
readonly dimensionsBorderWidthSysStrokeThin: "var(--dimensions-border-width-sys-stroke-thin)";
|
|
204
|
+
readonly dimensionsBorderWidthSysStrokeMedium: "var(--dimensions-border-width-sys-stroke-medium)";
|
|
205
|
+
readonly dimensionsBorderWidthSysStrokeThick: "var(--dimensions-border-width-sys-stroke-thick)";
|
|
206
|
+
readonly dimensionsBorderWidthSysStrokeHeavier: "var(--dimensions-border-width-sys-stroke-heavier)";
|
|
207
|
+
readonly dimensionsBorderWidthSysStrokeBold: "var(--dimensions-border-width-sys-stroke-bold)";
|
|
208
|
+
readonly iconographySysSizeXxs: "var(--iconography-sys-size-xxs)";
|
|
209
|
+
readonly iconographySysSizeXs: "var(--iconography-sys-size-xs)";
|
|
210
|
+
readonly iconographySysSizeSm: "var(--iconography-sys-size-sm)";
|
|
211
|
+
readonly iconographySysSizeMd: "var(--iconography-sys-size-md)";
|
|
212
|
+
readonly iconographySysSizeLg: "var(--iconography-sys-size-lg)";
|
|
213
|
+
readonly iconographySysSizeXl: "var(--iconography-sys-size-xl)";
|
|
214
|
+
readonly stateLayerSysHover: "var(--state-layer-sys-hover)";
|
|
215
|
+
readonly stateLayerSysFocused: "var(--state-layer-sys-focused)";
|
|
216
|
+
readonly stateLayerSysPressed: "var(--state-layer-sys-pressed)";
|
|
217
|
+
readonly stateLayerSysDisabledContainer: "var(--state-layer-sys-disabled-container)";
|
|
218
|
+
readonly stateLayerSysDisabledContent: "var(--state-layer-sys-disabled-content)";
|
|
219
|
+
readonly stateLayerSysScrim: "var(--state-layer-sys-scrim)";
|
|
220
|
+
};
|
|
221
|
+
export type SysTokensKey = keyof typeof sysTokens;
|