@oneli8/tokens 1.0.0-beta.2 → 1.0.0-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/README.md +75 -69
  2. package/dist/figma/variables.json +3682 -0
  3. package/dist/status/components.json +158 -0
  4. package/dist/tailwind/preset.mjs +335 -0
  5. package/dist/tailwind/theme.css +303 -0
  6. package/dist/tokens.css +597 -0
  7. package/dist/tokens.d.ts +391 -0
  8. package/dist/tokens.js +387 -0
  9. package/package.json +43 -17
  10. package/src/tokens.json +1936 -0
  11. package/build/css/tokens.css +0 -840
  12. package/build/figma/variables.json +0 -7472
  13. package/build/manifest.json +0 -22
  14. package/build/status/components.json +0 -235
  15. package/build/tailwind/preset.mjs +0 -257
  16. package/build/tailwind/theme.css +0 -124
  17. package/build/typescript/index.d.ts +0 -10
  18. package/build/typescript/index.js +0 -6876
  19. package/schema/component-status.schema.json +0 -32
  20. package/schema/token-file.schema.json +0 -31
  21. package/scripts/build.mjs +0 -191
  22. package/scripts/test.mjs +0 -96
  23. package/src/component.json +0 -262
  24. package/src/primitive.json +0 -211
  25. package/src/semantic.json +0 -1299
  26. package/src/themes.json +0 -823
  27. package/status/components.json +0 -16
package/dist/tailwind/theme.css ADDED
@@ -0,0 +1,303 @@
1
+ /* GENERATED Tailwind v4 theme bridge — do not edit. */
2
+ @theme {
3
+ --color-ol8-blue-120: var(--ol8-color-blue-120);
4
+ --color-ol8-blue-240: var(--ol8-color-blue-240);
5
+ --color-ol8-blue-360: var(--ol8-color-blue-360);
6
+ --color-ol8-blue-480: var(--ol8-color-blue-480);
7
+ --color-ol8-blue-600: var(--ol8-color-blue-600);
8
+ --color-ol8-blue-720: var(--ol8-color-blue-720);
9
+ --color-ol8-blue-840: var(--ol8-color-blue-840);
10
+ --color-ol8-blue-930: var(--ol8-color-blue-930);
11
+ --color-ol8-blue-030: var(--ol8-color-blue-030);
12
+ --color-ol8-blue-060: var(--ol8-color-blue-060);
13
+ --color-ol8-blue-090: var(--ol8-color-blue-090);
14
+ --color-ol8-cyan-120: var(--ol8-color-cyan-120);
15
+ --color-ol8-cyan-240: var(--ol8-color-cyan-240);
16
+ --color-ol8-cyan-360: var(--ol8-color-cyan-360);
17
+ --color-ol8-cyan-480: var(--ol8-color-cyan-480);
18
+ --color-ol8-cyan-600: var(--ol8-color-cyan-600);
19
+ --color-ol8-cyan-720: var(--ol8-color-cyan-720);
20
+ --color-ol8-cyan-840: var(--ol8-color-cyan-840);
21
+ --color-ol8-cyan-930: var(--ol8-color-cyan-930);
22
+ --color-ol8-cyan-030: var(--ol8-color-cyan-030);
23
+ --color-ol8-cyan-060: var(--ol8-color-cyan-060);
24
+ --color-ol8-cyan-090: var(--ol8-color-cyan-090);
25
+ --color-ol8-green-120: var(--ol8-color-green-120);
26
+ --color-ol8-green-240: var(--ol8-color-green-240);
27
+ --color-ol8-green-360: var(--ol8-color-green-360);
28
+ --color-ol8-green-480: var(--ol8-color-green-480);
29
+ --color-ol8-green-600: var(--ol8-color-green-600);
30
+ --color-ol8-green-720: var(--ol8-color-green-720);
31
+ --color-ol8-green-840: var(--ol8-color-green-840);
32
+ --color-ol8-green-930: var(--ol8-color-green-930);
33
+ --color-ol8-green-030: var(--ol8-color-green-030);
34
+ --color-ol8-green-060: var(--ol8-color-green-060);
35
+ --color-ol8-green-090: var(--ol8-color-green-090);
36
+ --color-ol8-yellow-120: var(--ol8-color-yellow-120);
37
+ --color-ol8-yellow-240: var(--ol8-color-yellow-240);
38
+ --color-ol8-yellow-360: var(--ol8-color-yellow-360);
39
+ --color-ol8-yellow-480: var(--ol8-color-yellow-480);
40
+ --color-ol8-yellow-600: var(--ol8-color-yellow-600);
41
+ --color-ol8-yellow-720: var(--ol8-color-yellow-720);
42
+ --color-ol8-yellow-840: var(--ol8-color-yellow-840);
43
+ --color-ol8-yellow-930: var(--ol8-color-yellow-930);
44
+ --color-ol8-yellow-030: var(--ol8-color-yellow-030);
45
+ --color-ol8-yellow-060: var(--ol8-color-yellow-060);
46
+ --color-ol8-yellow-090: var(--ol8-color-yellow-090);
47
+ --color-ol8-orange-120: var(--ol8-color-orange-120);
48
+ --color-ol8-orange-240: var(--ol8-color-orange-240);
49
+ --color-ol8-orange-360: var(--ol8-color-orange-360);
50
+ --color-ol8-orange-480: var(--ol8-color-orange-480);
51
+ --color-ol8-orange-600: var(--ol8-color-orange-600);
52
+ --color-ol8-orange-720: var(--ol8-color-orange-720);
53
+ --color-ol8-orange-840: var(--ol8-color-orange-840);
54
+ --color-ol8-orange-930: var(--ol8-color-orange-930);
55
+ --color-ol8-orange-030: var(--ol8-color-orange-030);
56
+ --color-ol8-orange-060: var(--ol8-color-orange-060);
57
+ --color-ol8-orange-090: var(--ol8-color-orange-090);
58
+ --color-ol8-pink-120: var(--ol8-color-pink-120);
59
+ --color-ol8-pink-240: var(--ol8-color-pink-240);
60
+ --color-ol8-pink-360: var(--ol8-color-pink-360);
61
+ --color-ol8-pink-480: var(--ol8-color-pink-480);
62
+ --color-ol8-pink-600: var(--ol8-color-pink-600);
63
+ --color-ol8-pink-720: var(--ol8-color-pink-720);
64
+ --color-ol8-pink-840: var(--ol8-color-pink-840);
65
+ --color-ol8-pink-930: var(--ol8-color-pink-930);
66
+ --color-ol8-pink-030: var(--ol8-color-pink-030);
67
+ --color-ol8-pink-060: var(--ol8-color-pink-060);
68
+ --color-ol8-pink-090: var(--ol8-color-pink-090);
69
+ --color-ol8-violet-120: var(--ol8-color-violet-120);
70
+ --color-ol8-violet-240: var(--ol8-color-violet-240);
71
+ --color-ol8-violet-360: var(--ol8-color-violet-360);
72
+ --color-ol8-violet-480: var(--ol8-color-violet-480);
73
+ --color-ol8-violet-600: var(--ol8-color-violet-600);
74
+ --color-ol8-violet-720: var(--ol8-color-violet-720);
75
+ --color-ol8-violet-840: var(--ol8-color-violet-840);
76
+ --color-ol8-violet-930: var(--ol8-color-violet-930);
77
+ --color-ol8-violet-030: var(--ol8-color-violet-030);
78
+ --color-ol8-violet-060: var(--ol8-color-violet-060);
79
+ --color-ol8-violet-090: var(--ol8-color-violet-090);
80
+ --color-ol8-red-120: var(--ol8-color-red-120);
81
+ --color-ol8-red-240: var(--ol8-color-red-240);
82
+ --color-ol8-red-360: var(--ol8-color-red-360);
83
+ --color-ol8-red-480: var(--ol8-color-red-480);
84
+ --color-ol8-red-600: var(--ol8-color-red-600);
85
+ --color-ol8-red-720: var(--ol8-color-red-720);
86
+ --color-ol8-red-840: var(--ol8-color-red-840);
87
+ --color-ol8-red-930: var(--ol8-color-red-930);
88
+ --color-ol8-red-030: var(--ol8-color-red-030);
89
+ --color-ol8-red-060: var(--ol8-color-red-060);
90
+ --color-ol8-red-090: var(--ol8-color-red-090);
91
+ --color-ol8-neutral-120: var(--ol8-color-neutral-120);
92
+ --color-ol8-neutral-240: var(--ol8-color-neutral-240);
93
+ --color-ol8-neutral-360: var(--ol8-color-neutral-360);
94
+ --color-ol8-neutral-480: var(--ol8-color-neutral-480);
95
+ --color-ol8-neutral-600: var(--ol8-color-neutral-600);
96
+ --color-ol8-neutral-720: var(--ol8-color-neutral-720);
97
+ --color-ol8-neutral-840: var(--ol8-color-neutral-840);
98
+ --color-ol8-neutral-930: var(--ol8-color-neutral-930);
99
+ --color-ol8-neutral-030: var(--ol8-color-neutral-030);
100
+ --color-ol8-neutral-060: var(--ol8-color-neutral-060);
101
+ --color-ol8-neutral-090: var(--ol8-color-neutral-090);
102
+ --color-ol8-primary-120: var(--ol8-color-primary-120);
103
+ --color-ol8-primary-240: var(--ol8-color-primary-240);
104
+ --color-ol8-primary-360: var(--ol8-color-primary-360);
105
+ --color-ol8-primary-480: var(--ol8-color-primary-480);
106
+ --color-ol8-primary-600: var(--ol8-color-primary-600);
107
+ --color-ol8-primary-720: var(--ol8-color-primary-720);
108
+ --color-ol8-primary-840: var(--ol8-color-primary-840);
109
+ --color-ol8-primary-930: var(--ol8-color-primary-930);
110
+ --color-ol8-primary-030: var(--ol8-color-primary-030);
111
+ --color-ol8-primary-060: var(--ol8-color-primary-060);
112
+ --color-ol8-primary-090: var(--ol8-color-primary-090);
113
+ --color-ol8-background-canvas: var(--ol8-color-background-canvas);
114
+ --color-ol8-background-subtle: var(--ol8-color-background-subtle);
115
+ --color-ol8-background-inverse: var(--ol8-color-background-inverse);
116
+ --color-ol8-surface-default: var(--ol8-color-surface-default);
117
+ --color-ol8-surface-raised: var(--ol8-color-surface-raised);
118
+ --color-ol8-surface-sunken: var(--ol8-color-surface-sunken);
119
+ --color-ol8-surface-selected: var(--ol8-color-surface-selected);
120
+ --color-ol8-surface-disabled: var(--ol8-color-surface-disabled);
121
+ --color-ol8-text-primary: var(--ol8-color-text-primary);
122
+ --color-ol8-text-secondary: var(--ol8-color-text-secondary);
123
+ --color-ol8-text-muted: var(--ol8-color-text-muted);
124
+ --color-ol8-text-disabled: var(--ol8-color-text-disabled);
125
+ --color-ol8-text-inverse: var(--ol8-color-text-inverse);
126
+ --color-ol8-text-link: var(--ol8-color-text-link);
127
+ --color-ol8-icon-primary: var(--ol8-color-icon-primary);
128
+ --color-ol8-icon-secondary: var(--ol8-color-icon-secondary);
129
+ --color-ol8-icon-muted: var(--ol8-color-icon-muted);
130
+ --color-ol8-icon-disabled: var(--ol8-color-icon-disabled);
131
+ --color-ol8-icon-inverse: var(--ol8-color-icon-inverse);
132
+ --color-ol8-border-subtle: var(--ol8-color-border-subtle);
133
+ --color-ol8-border-default: var(--ol8-color-border-default);
134
+ --color-ol8-border-strong: var(--ol8-color-border-strong);
135
+ --color-ol8-border-disabled: var(--ol8-color-border-disabled);
136
+ --color-ol8-focus-inner: var(--ol8-color-focus-inner);
137
+ --color-ol8-focus-outer: var(--ol8-color-focus-outer);
138
+ --color-ol8-actionprimary-default: var(--ol8-color-actionprimary-default);
139
+ --color-ol8-actionprimary-hover: var(--ol8-color-actionprimary-hover);
140
+ --color-ol8-actionprimary-pressed: var(--ol8-color-actionprimary-pressed);
141
+ --color-ol8-actionprimary-content: var(--ol8-color-actionprimary-content);
142
+ --color-ol8-actionprimary-disabled: var(--ol8-color-actionprimary-disabled);
143
+ --color-ol8-actionprimary-disabledcontent: var(--ol8-color-actionprimary-disabledcontent);
144
+ --color-ol8-actionsecondary-surfacedefault: var(--ol8-color-actionsecondary-surfacedefault);
145
+ --color-ol8-actionsecondary-surfacehover: var(--ol8-color-actionsecondary-surfacehover);
146
+ --color-ol8-actionsecondary-surfacepressed: var(--ol8-color-actionsecondary-surfacepressed);
147
+ --color-ol8-actionsecondary-surfacedisabled: var(--ol8-color-actionsecondary-surfacedisabled);
148
+ --color-ol8-actionsecondary-contentdefault: var(--ol8-color-actionsecondary-contentdefault);
149
+ --color-ol8-actionsecondary-contenthover: var(--ol8-color-actionsecondary-contenthover);
150
+ --color-ol8-actionsecondary-contentpressed: var(--ol8-color-actionsecondary-contentpressed);
151
+ --color-ol8-actionsecondary-contentdisabled: var(--ol8-color-actionsecondary-contentdisabled);
152
+ --color-ol8-actionquiet-surfacedefault: var(--ol8-color-actionquiet-surfacedefault);
153
+ --color-ol8-actionquiet-surfacehover: var(--ol8-color-actionquiet-surfacehover);
154
+ --color-ol8-actionquiet-surfacepressed: var(--ol8-color-actionquiet-surfacepressed);
155
+ --color-ol8-actionquiet-surfacedisabled: var(--ol8-color-actionquiet-surfacedisabled);
156
+ --color-ol8-actionquiet-contentdefault: var(--ol8-color-actionquiet-contentdefault);
157
+ --color-ol8-actionquiet-contenthover: var(--ol8-color-actionquiet-contenthover);
158
+ --color-ol8-actionquiet-contentpressed: var(--ol8-color-actionquiet-contentpressed);
159
+ --color-ol8-actionquiet-contentdisabled: var(--ol8-color-actionquiet-contentdisabled);
160
+ --color-ol8-actiondestructive-default: var(--ol8-color-actiondestructive-default);
161
+ --color-ol8-actiondestructive-hover: var(--ol8-color-actiondestructive-hover);
162
+ --color-ol8-actiondestructive-pressed: var(--ol8-color-actiondestructive-pressed);
163
+ --color-ol8-actiondestructive-content: var(--ol8-color-actiondestructive-content);
164
+ --color-ol8-actiondestructive-disabled: var(--ol8-color-actiondestructive-disabled);
165
+ --color-ol8-actiondestructive-disabledcontent: var(--ol8-color-actiondestructive-disabledcontent);
166
+ --color-ol8-feedbackinformative-surface: var(--ol8-color-feedbackinformative-surface);
167
+ --color-ol8-feedbackinformative-content: var(--ol8-color-feedbackinformative-content);
168
+ --color-ol8-feedbackinformative-inlinecontent: var(--ol8-color-feedbackinformative-inlinecontent);
169
+ --color-ol8-feedbackpositive-surface: var(--ol8-color-feedbackpositive-surface);
170
+ --color-ol8-feedbackpositive-content: var(--ol8-color-feedbackpositive-content);
171
+ --color-ol8-feedbackpositive-inlinecontent: var(--ol8-color-feedbackpositive-inlinecontent);
172
+ --color-ol8-feedbackcaution-surface: var(--ol8-color-feedbackcaution-surface);
173
+ --color-ol8-feedbackcaution-content: var(--ol8-color-feedbackcaution-content);
174
+ --color-ol8-feedbackcaution-inlinecontent: var(--ol8-color-feedbackcaution-inlinecontent);
175
+ --color-ol8-feedbackcritical-surface: var(--ol8-color-feedbackcritical-surface);
176
+ --color-ol8-feedbackcritical-content: var(--ol8-color-feedbackcritical-content);
177
+ --color-ol8-feedbackcritical-inlinecontent: var(--ol8-color-feedbackcritical-inlinecontent);
178
+ --color-ol8-selection-surface: var(--ol8-color-selection-surface);
179
+ --color-ol8-selection-content: var(--ol8-color-selection-content);
180
+ --color-ol8-control-thumb: var(--ol8-color-control-thumb);
181
+ --color-ol8-gem-color-cutedge-outerhigh: var(--ol8-material-gem-color-cutedge-outerhigh);
182
+ --color-ol8-gem-color-cutedge-outermid: var(--ol8-material-gem-color-cutedge-outermid);
183
+ --color-ol8-gem-color-cutedge-outerlow: var(--ol8-material-gem-color-cutedge-outerlow);
184
+ --color-ol8-gem-color-cutedge-outeraccent: var(--ol8-material-gem-color-cutedge-outeraccent);
185
+ --color-ol8-gem-color-cutedge-high: var(--ol8-material-gem-color-cutedge-high);
186
+ --color-ol8-gem-color-cutedge-mid: var(--ol8-material-gem-color-cutedge-mid);
187
+ --color-ol8-gem-color-cutedge-low: var(--ol8-material-gem-color-cutedge-low);
188
+ --color-ol8-gem-color-cutedge-shadow: var(--ol8-material-gem-color-cutedge-shadow);
189
+ --color-ol8-gem-color-quiet-environmentalface: var(--ol8-material-gem-color-quiet-environmentalface);
190
+ --color-ol8-gem-color-quiet-stabilizedface: var(--ol8-material-gem-color-quiet-stabilizedface);
191
+ --color-ol8-gem-color-quiet-opaqueequivalent: var(--ol8-material-gem-color-quiet-opaqueequivalent);
192
+ --color-ol8-gem-color-innerthincut-face: var(--ol8-material-gem-color-innerthincut-face);
193
+ --color-ol8-gem-color-innerthincut-high: var(--ol8-material-gem-color-innerthincut-high);
194
+ --color-ol8-gem-color-innerthincut-mid: var(--ol8-material-gem-color-innerthincut-mid);
195
+ --color-ol8-gem-color-innerthincut-low: var(--ol8-material-gem-color-innerthincut-low);
196
+ --color-ol8-gem-color-facet-cool: var(--ol8-material-gem-color-facet-cool);
197
+ --color-ol8-gem-color-facet-warm: var(--ol8-material-gem-color-facet-warm);
198
+ --color-ol8-gem-color-family-emerald-environmentalface: var(--ol8-material-gem-color-family-emerald-environmentalface);
199
+ --color-ol8-gem-color-family-emerald-stabilizedface: var(--ol8-material-gem-color-family-emerald-stabilizedface);
200
+ --color-ol8-gem-color-family-emerald-edge: var(--ol8-material-gem-color-family-emerald-edge);
201
+ --color-ol8-gem-color-family-emerald-innerhigh: var(--ol8-material-gem-color-family-emerald-innerhigh);
202
+ --color-ol8-gem-color-family-emerald-innermid: var(--ol8-material-gem-color-family-emerald-innermid);
203
+ --color-ol8-gem-color-family-emerald-innerlow: var(--ol8-material-gem-color-family-emerald-innerlow);
204
+ --color-ol8-gem-color-family-emerald-opaqueequivalent: var(--ol8-material-gem-color-family-emerald-opaqueequivalent);
205
+ --color-ol8-gem-color-family-ruby-environmentalface: var(--ol8-material-gem-color-family-ruby-environmentalface);
206
+ --color-ol8-gem-color-family-ruby-stabilizedface: var(--ol8-material-gem-color-family-ruby-stabilizedface);
207
+ --color-ol8-gem-color-family-ruby-edge: var(--ol8-material-gem-color-family-ruby-edge);
208
+ --color-ol8-gem-color-family-ruby-innerhigh: var(--ol8-material-gem-color-family-ruby-innerhigh);
209
+ --color-ol8-gem-color-family-ruby-innermid: var(--ol8-material-gem-color-family-ruby-innermid);
210
+ --color-ol8-gem-color-family-ruby-innerlow: var(--ol8-material-gem-color-family-ruby-innerlow);
211
+ --color-ol8-gem-color-family-ruby-opaqueequivalent: var(--ol8-material-gem-color-family-ruby-opaqueequivalent);
212
+ --color-ol8-gem-color-family-sapphire-environmentalface: var(--ol8-material-gem-color-family-sapphire-environmentalface);
213
+ --color-ol8-gem-color-family-sapphire-stabilizedface: var(--ol8-material-gem-color-family-sapphire-stabilizedface);
214
+ --color-ol8-gem-color-family-sapphire-edge: var(--ol8-material-gem-color-family-sapphire-edge);
215
+ --color-ol8-gem-color-family-sapphire-innerhigh: var(--ol8-material-gem-color-family-sapphire-innerhigh);
216
+ --color-ol8-gem-color-family-sapphire-innermid: var(--ol8-material-gem-color-family-sapphire-innermid);
217
+ --color-ol8-gem-color-family-sapphire-innerlow: var(--ol8-material-gem-color-family-sapphire-innerlow);
218
+ --color-ol8-gem-color-family-sapphire-opaqueequivalent: var(--ol8-material-gem-color-family-sapphire-opaqueequivalent);
219
+ --color-ol8-gem-color-family-amethyst-environmentalface: var(--ol8-material-gem-color-family-amethyst-environmentalface);
220
+ --color-ol8-gem-color-family-amethyst-stabilizedface: var(--ol8-material-gem-color-family-amethyst-stabilizedface);
221
+ --color-ol8-gem-color-family-amethyst-edge: var(--ol8-material-gem-color-family-amethyst-edge);
222
+ --color-ol8-gem-color-family-amethyst-innerhigh: var(--ol8-material-gem-color-family-amethyst-innerhigh);
223
+ --color-ol8-gem-color-family-amethyst-innermid: var(--ol8-material-gem-color-family-amethyst-innermid);
224
+ --color-ol8-gem-color-family-amethyst-innerlow: var(--ol8-material-gem-color-family-amethyst-innerlow);
225
+ --color-ol8-gem-color-family-amethyst-opaqueequivalent: var(--ol8-material-gem-color-family-amethyst-opaqueequivalent);
226
+ --color-ol8-control-gem--primary-start: var(--ol8-material-control-gem--primary-start);
227
+ --color-ol8-control-gem--primary-mid: var(--ol8-material-control-gem--primary-mid);
228
+ --color-ol8-control-gem--primary-end: var(--ol8-material-control-gem--primary-end);
229
+ --color-ol8-control-gem--primary-hover-start: var(--ol8-material-control-gem--primary-hover-start);
230
+ --color-ol8-control-gem--primary-hover-mid: var(--ol8-material-control-gem--primary-hover-mid);
231
+ --color-ol8-control-gem--primary-hover-end: var(--ol8-material-control-gem--primary-hover-end);
232
+ --color-ol8-control-gem--primary-loading-start: var(--ol8-material-control-gem--primary-loading-start);
233
+ --color-ol8-control-gem--primary-loading-mid: var(--ol8-material-control-gem--primary-loading-mid);
234
+ --color-ol8-control-gem--primary-loading-end: var(--ol8-material-control-gem--primary-loading-end);
235
+ --color-ol8-control-gem--primary-content: var(--ol8-material-control-gem--primary-content);
236
+ --color-ol8-control-gem--secondary-high: var(--ol8-material-control-gem--secondary-high);
237
+ --color-ol8-control-gem--secondary-mid: var(--ol8-material-control-gem--secondary-mid);
238
+ --color-ol8-control-gem--secondary-low: var(--ol8-material-control-gem--secondary-low);
239
+ --color-ol8-control-gem--secondary-hover-high: var(--ol8-material-control-gem--secondary-hover-high);
240
+ --color-ol8-control-gem--secondary-hover-mid: var(--ol8-material-control-gem--secondary-hover-mid);
241
+ --color-ol8-control-gem--secondary-hover-low: var(--ol8-material-control-gem--secondary-hover-low);
242
+ --color-ol8-control-gem--secondary-loading-high: var(--ol8-material-control-gem--secondary-loading-high);
243
+ --color-ol8-control-gem--secondary-loading-mid: var(--ol8-material-control-gem--secondary-loading-mid);
244
+ --color-ol8-control-gem--secondary-loading-low: var(--ol8-material-control-gem--secondary-loading-low);
245
+ --color-ol8-control-gem--secondary-content: var(--ol8-material-control-gem--secondary-content);
246
+ --color-ol8-control-gem--rim-default: var(--ol8-material-control-gem--rim-default);
247
+ --color-ol8-control-gem--rim-specular: var(--ol8-material-control-gem--rim-specular);
248
+ --color-ol8-control-gem--rim-hover: var(--ol8-material-control-gem--rim-hover);
249
+ --color-ol8-control-gem--blur: var(--ol8-material-control-gem--blur);
250
+ --color-ol8-control-gem--stop-1: var(--ol8-material-control-gem--stop-1);
251
+ --color-ol8-control-gem--stop-2: var(--ol8-material-control-gem--stop-2);
252
+ --color-ol8-control-gem--stop-3: var(--ol8-material-control-gem--stop-3);
253
+ --spacing-ol8-108: var(--ol8-dimension-scale-108);
254
+ --spacing-ol8-000: var(--ol8-dimension-scale-000);
255
+ --spacing-ol8-003: var(--ol8-dimension-scale-003);
256
+ --spacing-ol8-006: var(--ol8-dimension-scale-006);
257
+ --spacing-ol8-009: var(--ol8-dimension-scale-009);
258
+ --spacing-ol8-012: var(--ol8-dimension-scale-012);
259
+ --spacing-ol8-015: var(--ol8-dimension-scale-015);
260
+ --spacing-ol8-018: var(--ol8-dimension-scale-018);
261
+ --spacing-ol8-024: var(--ol8-dimension-scale-024);
262
+ --spacing-ol8-030: var(--ol8-dimension-scale-030);
263
+ --spacing-ol8-036: var(--ol8-dimension-scale-036);
264
+ --spacing-ol8-042: var(--ol8-dimension-scale-042);
265
+ --spacing-ol8-048: var(--ol8-dimension-scale-048);
266
+ --spacing-ol8-060: var(--ol8-dimension-scale-060);
267
+ --spacing-ol8-072: var(--ol8-dimension-scale-072);
268
+ --spacing-ol8-084: var(--ol8-dimension-scale-084);
269
+ --spacing-ol8-096: var(--ol8-dimension-scale-096);
270
+ --spacing-ol8-stack-grouped: var(--ol8-spacing-stack-grouped);
271
+ --spacing-ol8-stack-related: var(--ol8-spacing-stack-related);
272
+ --spacing-ol8-inset-standard: var(--ol8-spacing-inset-standard);
273
+ --spacing-ol8-small: var(--ol8-size-icon-small);
274
+ --spacing-ol8-standard: var(--ol8-size-icon-standard);
275
+ --spacing-ol8-micro: var(--ol8-size-icon-micro);
276
+ --spacing-ol8-compact: var(--ol8-size-icon-compact);
277
+ --radius-ol8-none: var(--ol8-shape-radius-none);
278
+ --radius-ol8-subtle: var(--ol8-shape-radius-subtle);
279
+ --radius-ol8-compact: var(--ol8-shape-radius-compact);
280
+ --radius-ol8-medium: var(--ol8-shape-radius-medium);
281
+ --radius-ol8-standard: var(--ol8-shape-radius-standard);
282
+ --radius-ol8-comfortable: var(--ol8-shape-radius-comfortable);
283
+ --radius-ol8-container: var(--ol8-shape-radius-container);
284
+ --radius-ol8-display: var(--ol8-shape-radius-display);
285
+ --radius-ol8-full: var(--ol8-shape-radius-full);
286
+ --font-ol8-display: var(--ol8-font-family-display);
287
+ --font-ol8-functional: var(--ol8-font-family-functional);
288
+ --text-ol8-012: var(--ol8-font-size-012);
289
+ --text-ol8-016: var(--ol8-font-size-016);
290
+ --text-ol8-021: var(--ol8-font-size-021);
291
+ --text-ol8-030: var(--ol8-font-size-030);
292
+ --text-ol8-039: var(--ol8-font-size-039);
293
+ --text-ol8-051: var(--ol8-font-size-051);
294
+ --text-ol8-066: var(--ol8-font-size-066);
295
+ --font-weight-ol8-regular: var(--ol8-font-weight-regular);
296
+ --font-weight-ol8-semibold: var(--ol8-font-weight-semibold);
297
+ --font-weight-ol8-bold: var(--ol8-font-weight-bold);
298
+ --shadow-ol8-flat: var(--ol8-elevation-flat);
299
+ --shadow-ol8-raised: var(--ol8-elevation-raised);
300
+ --shadow-ol8-floating: var(--ol8-elevation-floating);
301
+ --shadow-ol8-overlay: var(--ol8-elevation-overlay);
302
+ --shadow-ol8-blocking: var(--ol8-elevation-blocking);
303
+ }