@compsych-ui-components/shared 4.0.13 → 4.0.18

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.
@@ -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
+ --core-primary-0: #000000;
7
+ --core-primary-10: #050a24;
8
+ --core-primary-20: #070f36;
9
+ --core-primary-30: #061545;
10
+ --core-primary-40: #062e6f;
11
+ --core-primary-50: #075cba;
12
+ --core-primary-60: #4285f4;
13
+ --core-primary-70: #82b1ff;
14
+ --core-primary-80: #b9dcff;
15
+ --core-primary-90: #e3f2fd;
16
+ --core-primary-95: #f5f9ff;
17
+ --core-primary-100: #ffffff;
18
+ --core-secondary-0: #000000;
19
+ --core-secondary-10: #3a2304;
20
+ --core-secondary-20: #694007;
21
+ --core-secondary-30: #995e0a;
22
+ --core-secondary-40: #d67d00;
23
+ --core-secondary-50: #f09719;
24
+ --core-secondary-60: #f3ac49;
25
+ --core-secondary-70: #f6c279;
26
+ --core-secondary-80: #f9d8a9;
27
+ --core-secondary-90: #fdeed9;
28
+ --core-secondary-95: #fff2e5;
29
+ --core-secondary-100: #ffffff;
30
+ --core-blue-0: #000000;
31
+ --core-blue-10: #020412;
32
+ --core-blue-20: #162755;
33
+ --core-blue-30: #1c3e8c;
34
+ --core-blue-40: #1a56db;
35
+ --core-blue-50: #226cee;
36
+ --core-blue-60: #388af9;
37
+ --core-blue-70: #5eadfc;
38
+ --core-blue-80: #badcff;
39
+ --core-blue-90: #daecff;
40
+ --core-blue-95: #e3f1ff;
41
+ --core-blue-100: #ffffff;
42
+ --core-neutral-0: #000000;
43
+ --core-neutral-10: #1b1d22;
44
+ --core-neutral-20: #363b44;
45
+ --core-neutral-30: #3d444f;
46
+ --core-neutral-40: #474f5d;
47
+ --core-neutral-50: #565f6c;
48
+ --core-neutral-60: #6c798b;
49
+ --core-neutral-70: #8a96a6;
50
+ --core-neutral-80: #b3bbc6;
51
+ --core-neutral-90: #d7dbe0;
52
+ --core-neutral-92: #e6e8ea;
53
+ --core-neutral-94: #eceeef;
54
+ --core-neutral-96: #ebecf0;
55
+ --core-neutral-98: #f3f4f6;
56
+ --core-neutral-99: #f9fafb;
57
+ --core-neutral-100: #ffffff;
58
+ --core-neutral-variant-0: #000000;
59
+ --core-neutral-variant-10: #0e0f10;
60
+ --core-neutral-variant-20: #1c1e21;
61
+ --core-neutral-variant-30: #3b3e45;
62
+ --core-neutral-variant-40: #575c66;
63
+ --core-neutral-variant-50: #969ba5;
64
+ --core-neutral-variant-60: #aaaeb6;
65
+ --core-neutral-variant-70: #c0c3c9;
66
+ --core-neutral-variant-80: #d6d8dc;
67
+ --core-neutral-variant-90: #e9eaec;
68
+ --core-neutral-variant-95: #f4f5f6;
69
+ --neutral-variant-100: #ffffff;
70
+ --core-orange-0: #000000;
71
+ --core-orange-10: #3a2304;
72
+ --core-orange-20: #694007;
73
+ --core-orange-30: #995e0a;
74
+ --core-orange-40: #d67d00;
75
+ --core-orange-50: #f09719;
76
+ --core-orange-60: #f3ac49;
77
+ --core-orange-70: #f6c279;
78
+ --core-orange-80: #f9d8a9;
79
+ --core-orange-90: #fdeed9;
80
+ --core-orange-95: #fff2e5;
81
+ --core-orange-100: #ffffff;
82
+ --core-yellow-0: #000000;
83
+ --core-yellow-10: #382c00;
84
+ --core-yellow-20: #6b5400;
85
+ --core-yellow-30: #a38000;
86
+ --core-yellow-40: #d6a800;
87
+ --core-yellow-50: #ffca0e;
88
+ --core-yellow-60: #ffd53d;
89
+ --core-yellow-70: #ffe070;
90
+ --core-yellow-80: #ffea9e;
91
+ --core-yellow-90: #fff5d1;
92
+ --core-yellow-95: #fff9e5;
93
+ --core-yellow-100: #ffffff;
94
+ --core-red-0: #000000;
95
+ --core-red-10: #2b0808;
96
+ --core-red-20: #570f0f;
97
+ --core-red-30: #821717;
98
+ --core-red-40: #ad1f1f;
99
+ --core-red-50: #d82727;
100
+ --core-red-60: #e05252;
101
+ --core-red-70: #e87e7e;
102
+ --core-red-80: #f0a8a8;
103
+ --core-red-90: #f7d4d4;
104
+ --core-red-95: #fbe9e9;
105
+ --core-red-100: #ffffff;
106
+ --core-green-0: #000000;
107
+ --core-green-10: #030c09;
108
+ --core-green-20: #0a241b;
109
+ --core-green-30: #164c3b;
110
+ --core-green-40: #1c5f48;
111
+ --core-green-50: #278647;
112
+ --core-green-60: #3ea35f;
113
+ --core-green-70: #55be78;
114
+ --core-green-80: #7acd95;
115
+ --core-green-90: #9fdbb3;
116
+ --core-green-95: #c4e9d0;
117
+ --core-green-100: #ffffff;
118
+ --neutral-core-white-10: rgba(255, 255, 255, 0.1);
119
+ --neutral-core-white-20: rgba(255, 255, 255, 0.2);
120
+ --neutral-core-white-30: rgba(255, 255, 255, 0.3);
121
+ --neutral-core-white-40: rgba(255, 255, 255, 0.4);
122
+ --neutral-core-white-50: rgba(255, 255, 255, 0.5);
123
+ --neutral-core-white-80: rgba(255, 255, 255, 0.8);
124
+ --neutral-core-black-10: rgba(0, 0, 0, 0.1);
125
+ --neutral-core-black-20: rgba(0, 0, 0, 0.2);
126
+ --neutral-core-black-30: rgba(0, 0, 0, 0.3);
127
+ --neutral-core-black-40: rgba(0, 0, 0, 0.4);
128
+ --neutral-core-black-50: rgba(0, 0, 0, 0.5);
129
+ --neutral-core-black-80: rgba(0, 0, 0, 0.8);
130
+ --primary-core-primary-08: rgba(7, 92, 186, 0.08);
131
+ --primary-core-primary-20: rgba(7, 92, 186, 0.2);
132
+ --secondary-core-secondary-08: rgba(214, 125, 0, 0.08);
133
+ --secondary-core-secondary-20: rgba(214, 125, 0, 0.2);
134
+ --core-display: google sans;
135
+ --core-headline: google sans;
136
+ --core-title: google sans;
137
+ --core-body: google sans;
138
+ --core-label: google sans;
139
+ --core-xs: 0.75rem;
140
+ --core-sm: 0.875rem;
141
+ --core-base: 1rem;
142
+ --core-lg: 1.25rem;
143
+ --core-xl: 1.5rem;
144
+ --core-2xl: 1.75rem;
145
+ --core-3xl: 2rem;
146
+ --core-4xl: 2.5rem;
147
+ --core-5xl: 3rem;
148
+ --core-6xl: 4rem;
149
+ --core-7xl: 4.5rem;
150
+ --core-8xl: 5rem;
151
+ --core-regular: regular;
152
+ --core-medium: medium;
153
+ --core-semibold: semibold;
154
+ --core-bold: bold;
155
+ --core-neg-spacing-600: -1.5rem;
156
+ --core-neg-spacing-400: -1rem;
157
+ --core-neg-spacing-200: -0.5rem;
158
+ --core-neg-spacing-100: -0.25rem;
159
+ --core-spacing-0: 0;
160
+ --core-spacing-025: 0.0625rem;
161
+ --core-spacing-050: 0.125rem;
162
+ --core-spacing-100: 0.25rem;
163
+ --core-spacing-150: 0.375rem;
164
+ --core-spacing-200: 0.5rem;
165
+ --core-spacing-300: 0.75rem;
166
+ --core-spacing-400: 1rem;
167
+ --core-spacing-500: 1.25rem;
168
+ --core-spacing-600: 1.5rem;
169
+ --core-spacing-800: 2rem;
170
+ --core-spacing-1000: 2.5rem;
171
+ --core-spacing-1200: 3rem;
172
+ --core-spacing-1600: 4rem;
173
+ --core-spacing-1800: 4.5rem;
174
+ --core-spacing-2000: 5rem;
175
+ --core-stroke-thin: 0.0625rem;
176
+ --core-stroke-medium: 0.09375rem;
177
+ --core-stroke-thick: 0.125rem;
178
+ --core-stroke-heavier: 0.1875rem;
179
+ --core-stroke-bold: 0.25rem;
180
+ --core-radius-none: 0;
181
+ --core-radius-xs: 0.25rem;
182
+ --core-radius-sm: 0.5rem;
183
+ --core-radius-md: 0.75rem;
184
+ --core-radius-lg: 1rem;
185
+ --core-radius-lg-increased: 1.25rem;
186
+ --core-radius-xl: 1.5rem;
187
+ --core-radius-xl-increased: 2rem;
188
+ --core-radius-full: 62.4375rem;
189
+ --core-size-xxs: 0.75rem;
190
+ --core-size-xs: 1rem;
191
+ --core-size-sm: 1.25rem;
192
+ --core-size-md: 1.5rem;
193
+ --core-size-lg: 2rem;
194
+ --core-size-xl: 3rem;
195
+ --core-hover: 0.5rem;
196
+ --core-focused: 0.75rem;
197
+ --core-pressed: 0.625rem;
198
+ --core-disabled-container: 3rem;
199
+ --core-disabled-content: 4rem;
200
+ --core-scrim: 0.625rem;
201
+ }
@@ -0,0 +1,137 @@
1
+ export declare const sysTokens: {
2
+ readonly primarySysPrimary: "var(--primary-sys-primary)";
3
+ readonly primarySysOnPrimary: "var(--primary-sys-on-primary)";
4
+ readonly primarySysPrimaryContainer: "var(--primary-sys-primary-container)";
5
+ readonly primarySysOnPrimaryContainer: "var(--primary-sys-on-primary-container)";
6
+ readonly primarySysOnPrimaryContainerVariant: "var(--primary-sys-on-primary-container-variant)";
7
+ readonly secondarySysSecondary: "var(--secondary-sys-secondary)";
8
+ readonly secondarySysOnSecondary: "var(--secondary-sys-on-secondary)";
9
+ readonly secondarySysSecondaryContainer: "var(--secondary-sys-secondary-container)";
10
+ readonly secondarySysOnSecondaryContainer: "var(--secondary-sys-on-secondary-container)";
11
+ readonly sysError: "var(--sys-error)";
12
+ readonly sysOnError: "var(--sys-on-error)";
13
+ readonly sysErrorContainer: "var(--sys-error-container)";
14
+ readonly sysOnErrorContainer: "var(--sys-on-error-container)";
15
+ readonly surfaceSysSurface: "var(--surface-sys-surface)";
16
+ readonly surfaceSysOnSurface: "var(--surface-sys-on-surface)";
17
+ readonly surfaceSysOnSurfaceVariant: "var(--surface-sys-on-surface-variant)";
18
+ readonly surfaceContainerSysSurfaceContainerLowest: "var(--surface-container-sys-surface-container-lowest)";
19
+ readonly surfaceContainerSysSurfaceContainerLow: "var(--surface-container-sys-surface-container-low)";
20
+ readonly surfaceContainerSysSurfaceContainer: "var(--surface-container-sys-surface-container)";
21
+ readonly surfaceContainerSysSurfaceContainerHigh: "var(--surface-container-sys-surface-container-high)";
22
+ readonly surfaceContainerSysSurfaceContainerHighest: "var(--surface-container-sys-surface-container-highest)";
23
+ readonly inverseSysInverseSurface: "var(--inverse-sys-inverse-surface)";
24
+ readonly inverseSysInverseOnSurface: "var(--inverse-sys-inverse-on-surface)";
25
+ readonly inverseSysInversePrimary: "var(--inverse-sys-inverse-primary)";
26
+ readonly sysOutline: "var(--sys-outline)";
27
+ readonly sysOutlineVariant: "var(--sys-outline-variant)";
28
+ readonly sysOutlineFixed: "var(--sys-outline-fixed)";
29
+ readonly sysOutlineInverse: "var(--sys-outline-inverse)";
30
+ readonly successSysSuccess: "var(--success-sys-success)";
31
+ readonly successSysOnSuccess: "var(--success-sys-on-success)";
32
+ readonly successSysSuccessContainer: "var(--success-sys-success-container)";
33
+ readonly successSysOnSuccessContainer: "var(--success-sys-on-success-container)";
34
+ readonly warningSysWarning: "var(--warning-sys-warning)";
35
+ readonly warningSysOnWarning: "var(--warning-sys-on-warning)";
36
+ readonly warningSysWarningContainer: "var(--warning-sys-warning-container)";
37
+ readonly warningSysOnWarningContainer: "var(--warning-sys-on-warning-container)";
38
+ readonly infoSysInfo: "var(--info-sys-info)";
39
+ readonly infoSysOnInfo: "var(--info-sys-on-info)";
40
+ readonly infoSysInfoContainer: "var(--info-sys-info-container)";
41
+ readonly infoSysOnInfoContainer: "var(--info-sys-on-info-container)";
42
+ readonly primaryFixedSysPrimaryFixed: "var(--primary-fixed-sys-primary-fixed)";
43
+ readonly primaryFixedSysPrimaryFixedDim: "var(--primary-fixed-sys-primary-fixed-dim)";
44
+ readonly primaryFixedSysOnPrimaryFixed: "var(--primary-fixed-sys-on-primary-fixed)";
45
+ readonly primaryFixedSysOnPrimaryFixedVariant: "var(--primary-fixed-sys-on-primary-fixed-variant)";
46
+ readonly secondaryFixedSysSecondaryFixed: "var(--secondary-fixed-sys-secondary-fixed)";
47
+ readonly secondaryFixedSysSecondaryFixedDim: "var(--secondary-fixed-sys-secondary-fixed-dim)";
48
+ readonly secondaryFixedSysOnSecondaryFixed: "var(--secondary-fixed-sys-on-secondary-fixed)";
49
+ readonly secondaryFixedSysOnSecondaryFixedVariant: "var(--secondary-fixed-sys-on-secondary-fixed-variant)";
50
+ readonly surfacesSysSurfaceDim: "var(--surfaces-sys-surface-dim)";
51
+ readonly surfacesSysSurfaceBright: "var(--surfaces-sys-surface-bright)";
52
+ readonly neutralSysWhite10: "var(--neutral-sys-white-10)";
53
+ readonly neutralSysWhite20: "var(--neutral-sys-white-20)";
54
+ readonly neutralSysWhite30: "var(--neutral-sys-white-30)";
55
+ readonly neutralSysWhite40: "var(--neutral-sys-white-40)";
56
+ readonly neutralSysWhite50: "var(--neutral-sys-white-50)";
57
+ readonly neutralSysWhite80: "var(--neutral-sys-white-80)";
58
+ readonly neutralSysBlack10: "var(--neutral-sys-black-10)";
59
+ readonly neutralSysBlack20: "var(--neutral-sys-black-20)";
60
+ readonly neutralSysBlack30: "var(--neutral-sys-black-30)";
61
+ readonly neutralSysBlack40: "var(--neutral-sys-black-40)";
62
+ readonly neutralSysBlack50: "var(--neutral-sys-black-50)";
63
+ readonly neutralSysBlack80: "var(--neutral-sys-black-80)";
64
+ readonly primarySysPrimary08: "var(--primary-sys-primary-08)";
65
+ readonly primarySysPrimary20: "var(--primary-sys-primary-20)";
66
+ readonly secondarySysSecondary08: "var(--secondary-sys-secondary-08)";
67
+ readonly secondarySysSecondary20: "var(--secondary-sys-secondary-20)";
68
+ readonly sysChartColor1: "var(--sys-chart-color-1)";
69
+ readonly sysChartColor2: "var(--sys-chart-color-2)";
70
+ readonly sysChartColor3: "var(--sys-chart-color-3)";
71
+ readonly sysChartColor4: "var(--sys-chart-color-4)";
72
+ readonly sysChartColor5: "var(--sys-chart-color-5)";
73
+ readonly sysChartColor6: "var(--sys-chart-color-6)";
74
+ readonly sysChartColor7: "var(--sys-chart-color-7)";
75
+ readonly sysChartColor8: "var(--sys-chart-color-8)";
76
+ readonly sysChartInactive: "var(--sys-chart-inactive)";
77
+ readonly sysFontFamily: "var(--sys-font-family)";
78
+ readonly sysFontWeight: "var(--sys-font-weight)";
79
+ readonly sysFontSize: "var(--sys-font-size)";
80
+ readonly sysLineHeight: "var(--sys-line-height)";
81
+ readonly sysTracking: "var(--sys-tracking)";
82
+ readonly sysFontWeightEmphasized: "var(--sys-font-weight-emphasized)";
83
+ readonly marginSysMarginNone: "var(--margin-sys-margin-none)";
84
+ readonly marginSysMarginSm: "var(--margin-sys-margin-sm)";
85
+ readonly marginSysMarginMd: "var(--margin-sys-margin-md)";
86
+ readonly marginSysMarginLg: "var(--margin-sys-margin-lg)";
87
+ readonly marginSysMarginXl: "var(--margin-sys-margin-xl)";
88
+ readonly marginSysMargin2xl: "var(--margin-sys-margin-2xl)";
89
+ readonly spacerSysSpacerXs: "var(--spacer-sys-spacer-xs)";
90
+ readonly spacerSysSpacerSm: "var(--spacer-sys-spacer-sm)";
91
+ readonly spacerSysSpacerMd: "var(--spacer-sys-spacer-md)";
92
+ readonly spacerSysSpacerLg: "var(--spacer-sys-spacer-lg)";
93
+ readonly paddingSysNegPadding24: "var(--padding-sys-neg-padding-24)";
94
+ readonly paddingSysNegPadding16: "var(--padding-sys-neg-padding-16)";
95
+ readonly paddingSysPadding0: "var(--padding-sys-padding-0)";
96
+ readonly paddingSysPadding2: "var(--padding-sys-padding-2)";
97
+ readonly paddingSysPadding4: "var(--padding-sys-padding-4)";
98
+ readonly paddingSysPadding6: "var(--padding-sys-padding-6)";
99
+ readonly paddingSysPadding8: "var(--padding-sys-padding-8)";
100
+ readonly paddingSysPadding12: "var(--padding-sys-padding-12)";
101
+ readonly paddingSysPadding16: "var(--padding-sys-padding-16)";
102
+ readonly paddingSysPadding20: "var(--padding-sys-padding-20)";
103
+ readonly paddingSysPadding24: "var(--padding-sys-padding-24)";
104
+ readonly paddingSysPadding32: "var(--padding-sys-padding-32)";
105
+ readonly paddingSysPadding40: "var(--padding-sys-padding-40)";
106
+ readonly paddingSysPadding48: "var(--padding-sys-padding-48)";
107
+ readonly paddingSysPadding64: "var(--padding-sys-padding-64)";
108
+ readonly paddingSysPadding72: "var(--padding-sys-padding-72)";
109
+ readonly paddingSysPadding80: "var(--padding-sys-padding-80)";
110
+ readonly sysRadiusNone: "var(--sys-radius-none)";
111
+ readonly sysRadiusXs: "var(--sys-radius-xs)";
112
+ readonly sysRadiusSm: "var(--sys-radius-sm)";
113
+ readonly sysRadiusMd: "var(--sys-radius-md)";
114
+ readonly sysRadiusLg: "var(--sys-radius-lg)";
115
+ readonly sysRadiusLgIncreased: "var(--sys-radius-lg-increased)";
116
+ readonly sysRadiusXl: "var(--sys-radius-xl)";
117
+ readonly sysRadiusXlIncreased: "var(--sys-radius-xl-increased)";
118
+ readonly sysRadiusFull: "var(--sys-radius-full)";
119
+ readonly sysStrokeThin: "var(--sys-stroke-thin)";
120
+ readonly sysStrokeMedium: "var(--sys-stroke-medium)";
121
+ readonly sysStrokeThick: "var(--sys-stroke-thick)";
122
+ readonly sysStrokeHeavier: "var(--sys-stroke-heavier)";
123
+ readonly sysStrokeBold: "var(--sys-stroke-bold)";
124
+ readonly sysSizeXxs: "var(--sys-size-xxs)";
125
+ readonly sysSizeXs: "var(--sys-size-xs)";
126
+ readonly sysSizeSm: "var(--sys-size-sm)";
127
+ readonly sysSizeMd: "var(--sys-size-md)";
128
+ readonly sysSizeLg: "var(--sys-size-lg)";
129
+ readonly sysSizeXl: "var(--sys-size-xl)";
130
+ readonly sysHover: "var(--sys-hover)";
131
+ readonly sysFocused: "var(--sys-focused)";
132
+ readonly sysPressed: "var(--sys-pressed)";
133
+ readonly sysDisabledContainer: "var(--sys-disabled-container)";
134
+ readonly sysDisabledContent: "var(--sys-disabled-content)";
135
+ readonly sysScrim: "var(--sys-scrim)";
136
+ };
137
+ export type SysTokensKey = keyof typeof sysTokens;