@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/status/components.json ADDED
@@ -0,0 +1,158 @@
1
+ {
2
+ "version": "1.0.0-beta.3",
3
+ "generated": true,
4
+ "note": "Status records describe development maturity, not public-beta certification.",
5
+ "pending": {
6
+ "Select and Combobox": {
7
+ "page": "1034:12628",
8
+ "remaining": {
9
+ "02 Selection Popup (organism)": "574:534, 6 variants — Width Content|Anchor|Wide x Size Standard|Large",
10
+ "03 Select Trigger": "583:338, 24 variants — Size x Appearance Outline|Filled x Condition",
11
+ "04 Choice Chip Foundation": "612:657 — Soft Hexagon 636:847 and Neutral 983:6552",
12
+ "05 Mobbin-informed Compositions": "603:281 (documentation)",
13
+ "06 Canonical Public Owners": "875:1399 (documentation)"
14
+ }
15
+ }
16
+ },
17
+ "components": [
18
+ {
19
+ "name": "ol8-icon",
20
+ "tier": "atom",
21
+ "status": "Candidate",
22
+ "designerApproved": true,
23
+ "implementationCertified": false,
24
+ "package": "@oneli8/core",
25
+ "implementationPath": "packages/core/src/atoms/icon/icon.js",
26
+ "stylesPath": "packages/core/src/atoms/icon/icon.css",
27
+ "figmaNodes": [],
28
+ "knownEvidence": []
29
+ },
30
+ {
31
+ "name": "ol8-btn",
32
+ "tier": "molecule",
33
+ "status": "Candidate",
34
+ "designerApproved": true,
35
+ "implementationCertified": false,
36
+ "package": "@oneli8/core",
37
+ "implementationPath": "packages/core/src/molecules/button/button.js",
38
+ "stylesPath": "packages/core/src/molecules/button/button.css",
39
+ "figmaNodes": [
40
+ "15:823",
41
+ "15:824",
42
+ "15:825",
43
+ "15:826"
44
+ ],
45
+ "knownEvidence": [
46
+ "method",
47
+ "heights",
48
+ "widths",
49
+ "focusRing"
50
+ ]
51
+ },
52
+ {
53
+ "name": "ol8-icon-btn",
54
+ "tier": "molecule",
55
+ "status": "Candidate",
56
+ "designerApproved": true,
57
+ "implementationCertified": false,
58
+ "package": "@oneli8/core",
59
+ "implementationPath": "packages/core/src/molecules/icon-button/icon-button.js",
60
+ "stylesPath": "packages/core/src/molecules/icon-button/icon-button.css",
61
+ "figmaNodes": [
62
+ "86:2",
63
+ "87:26",
64
+ "88:50",
65
+ "89:74",
66
+ "94:98",
67
+ "94:309",
68
+ "94:406",
69
+ "94:503"
70
+ ],
71
+ "knownEvidence": [
72
+ "geometry",
73
+ "circle",
74
+ "iconContrast"
75
+ ]
76
+ },
77
+ {
78
+ "name": "ol8-selection",
79
+ "tier": "atom",
80
+ "status": "Candidate",
81
+ "designerApproved": true,
82
+ "implementationCertified": false,
83
+ "package": "@oneli8/core",
84
+ "implementationPath": "packages/core/src/atoms/selection-indicator/selection-indicator.js",
85
+ "stylesPath": "packages/core/src/atoms/selection-indicator/selection-indicator.css",
86
+ "figmaNodes": [
87
+ "365:2417",
88
+ "366:2371",
89
+ "824:1304"
90
+ ],
91
+ "knownEvidence": [
92
+ "geometry",
93
+ "mixedBar",
94
+ "contrast"
95
+ ]
96
+ },
97
+ {
98
+ "name": "ol8-choice",
99
+ "tier": "molecule",
100
+ "status": "Candidate",
101
+ "designerApproved": true,
102
+ "implementationCertified": false,
103
+ "package": "@oneli8/core",
104
+ "implementationPath": "packages/core/src/molecules/choice-item/choice-item.js",
105
+ "stylesPath": "packages/core/src/molecules/choice-item/choice-item.css",
106
+ "figmaNodes": [
107
+ "252:301",
108
+ "331:1309",
109
+ "825:1591"
110
+ ],
111
+ "knownEvidence": [
112
+ "rowHeight",
113
+ "geometry",
114
+ "semantics"
115
+ ]
116
+ },
117
+ {
118
+ "name": "ol8-choice-group",
119
+ "tier": "organism",
120
+ "status": "Candidate",
121
+ "designerApproved": true,
122
+ "implementationCertified": false,
123
+ "package": "@oneli8/core",
124
+ "implementationPath": "packages/core/src/organisms/choice-group/choice-group.js",
125
+ "stylesPath": "packages/core/src/organisms/choice-group/choice-group.css",
126
+ "figmaNodes": [
127
+ "273:603",
128
+ "859:5180"
129
+ ],
130
+ "knownEvidence": [
131
+ "aggregate",
132
+ "mixedResolution",
133
+ "childToParent",
134
+ "semantics",
135
+ "notExercised"
136
+ ]
137
+ },
138
+ {
139
+ "name": "ol8-option",
140
+ "tier": "molecule",
141
+ "status": "Candidate",
142
+ "designerApproved": true,
143
+ "implementationCertified": false,
144
+ "package": "@oneli8/core",
145
+ "implementationPath": "packages/core/src/molecules/selection-option/selection-option.js",
146
+ "stylesPath": "packages/core/src/molecules/selection-option/selection-option.css",
147
+ "figmaNodes": [
148
+ "01 · Atomic Selection Building Blocks (570:123)"
149
+ ],
150
+ "knownEvidence": [
151
+ "geometry",
152
+ "trailingSlot",
153
+ "accessibleName",
154
+ "activedescendant"
155
+ ]
156
+ }
157
+ ]
158
+ }
package/dist/tailwind/preset.mjs ADDED
@@ -0,0 +1,335 @@
1
+ // GENERATED by @oneli8/tokens — do not edit.
2
+ export default {
3
+ "theme": {
4
+ "extend": {
5
+ "colors": {
6
+ "ol8": {
7
+ "blue-120": "var(--ol8-color-blue-120)",
8
+ "blue-240": "var(--ol8-color-blue-240)",
9
+ "blue-360": "var(--ol8-color-blue-360)",
10
+ "blue-480": "var(--ol8-color-blue-480)",
11
+ "blue-600": "var(--ol8-color-blue-600)",
12
+ "blue-720": "var(--ol8-color-blue-720)",
13
+ "blue-840": "var(--ol8-color-blue-840)",
14
+ "blue-930": "var(--ol8-color-blue-930)",
15
+ "blue-030": "var(--ol8-color-blue-030)",
16
+ "blue-060": "var(--ol8-color-blue-060)",
17
+ "blue-090": "var(--ol8-color-blue-090)",
18
+ "cyan-120": "var(--ol8-color-cyan-120)",
19
+ "cyan-240": "var(--ol8-color-cyan-240)",
20
+ "cyan-360": "var(--ol8-color-cyan-360)",
21
+ "cyan-480": "var(--ol8-color-cyan-480)",
22
+ "cyan-600": "var(--ol8-color-cyan-600)",
23
+ "cyan-720": "var(--ol8-color-cyan-720)",
24
+ "cyan-840": "var(--ol8-color-cyan-840)",
25
+ "cyan-930": "var(--ol8-color-cyan-930)",
26
+ "cyan-030": "var(--ol8-color-cyan-030)",
27
+ "cyan-060": "var(--ol8-color-cyan-060)",
28
+ "cyan-090": "var(--ol8-color-cyan-090)",
29
+ "green-120": "var(--ol8-color-green-120)",
30
+ "green-240": "var(--ol8-color-green-240)",
31
+ "green-360": "var(--ol8-color-green-360)",
32
+ "green-480": "var(--ol8-color-green-480)",
33
+ "green-600": "var(--ol8-color-green-600)",
34
+ "green-720": "var(--ol8-color-green-720)",
35
+ "green-840": "var(--ol8-color-green-840)",
36
+ "green-930": "var(--ol8-color-green-930)",
37
+ "green-030": "var(--ol8-color-green-030)",
38
+ "green-060": "var(--ol8-color-green-060)",
39
+ "green-090": "var(--ol8-color-green-090)",
40
+ "yellow-120": "var(--ol8-color-yellow-120)",
41
+ "yellow-240": "var(--ol8-color-yellow-240)",
42
+ "yellow-360": "var(--ol8-color-yellow-360)",
43
+ "yellow-480": "var(--ol8-color-yellow-480)",
44
+ "yellow-600": "var(--ol8-color-yellow-600)",
45
+ "yellow-720": "var(--ol8-color-yellow-720)",
46
+ "yellow-840": "var(--ol8-color-yellow-840)",
47
+ "yellow-930": "var(--ol8-color-yellow-930)",
48
+ "yellow-030": "var(--ol8-color-yellow-030)",
49
+ "yellow-060": "var(--ol8-color-yellow-060)",
50
+ "yellow-090": "var(--ol8-color-yellow-090)",
51
+ "orange-120": "var(--ol8-color-orange-120)",
52
+ "orange-240": "var(--ol8-color-orange-240)",
53
+ "orange-360": "var(--ol8-color-orange-360)",
54
+ "orange-480": "var(--ol8-color-orange-480)",
55
+ "orange-600": "var(--ol8-color-orange-600)",
56
+ "orange-720": "var(--ol8-color-orange-720)",
57
+ "orange-840": "var(--ol8-color-orange-840)",
58
+ "orange-930": "var(--ol8-color-orange-930)",
59
+ "orange-030": "var(--ol8-color-orange-030)",
60
+ "orange-060": "var(--ol8-color-orange-060)",
61
+ "orange-090": "var(--ol8-color-orange-090)",
62
+ "pink-120": "var(--ol8-color-pink-120)",
63
+ "pink-240": "var(--ol8-color-pink-240)",
64
+ "pink-360": "var(--ol8-color-pink-360)",
65
+ "pink-480": "var(--ol8-color-pink-480)",
66
+ "pink-600": "var(--ol8-color-pink-600)",
67
+ "pink-720": "var(--ol8-color-pink-720)",
68
+ "pink-840": "var(--ol8-color-pink-840)",
69
+ "pink-930": "var(--ol8-color-pink-930)",
70
+ "pink-030": "var(--ol8-color-pink-030)",
71
+ "pink-060": "var(--ol8-color-pink-060)",
72
+ "pink-090": "var(--ol8-color-pink-090)",
73
+ "violet-120": "var(--ol8-color-violet-120)",
74
+ "violet-240": "var(--ol8-color-violet-240)",
75
+ "violet-360": "var(--ol8-color-violet-360)",
76
+ "violet-480": "var(--ol8-color-violet-480)",
77
+ "violet-600": "var(--ol8-color-violet-600)",
78
+ "violet-720": "var(--ol8-color-violet-720)",
79
+ "violet-840": "var(--ol8-color-violet-840)",
80
+ "violet-930": "var(--ol8-color-violet-930)",
81
+ "violet-030": "var(--ol8-color-violet-030)",
82
+ "violet-060": "var(--ol8-color-violet-060)",
83
+ "violet-090": "var(--ol8-color-violet-090)",
84
+ "red-120": "var(--ol8-color-red-120)",
85
+ "red-240": "var(--ol8-color-red-240)",
86
+ "red-360": "var(--ol8-color-red-360)",
87
+ "red-480": "var(--ol8-color-red-480)",
88
+ "red-600": "var(--ol8-color-red-600)",
89
+ "red-720": "var(--ol8-color-red-720)",
90
+ "red-840": "var(--ol8-color-red-840)",
91
+ "red-930": "var(--ol8-color-red-930)",
92
+ "red-030": "var(--ol8-color-red-030)",
93
+ "red-060": "var(--ol8-color-red-060)",
94
+ "red-090": "var(--ol8-color-red-090)",
95
+ "neutral-120": "var(--ol8-color-neutral-120)",
96
+ "neutral-240": "var(--ol8-color-neutral-240)",
97
+ "neutral-360": "var(--ol8-color-neutral-360)",
98
+ "neutral-480": "var(--ol8-color-neutral-480)",
99
+ "neutral-600": "var(--ol8-color-neutral-600)",
100
+ "neutral-720": "var(--ol8-color-neutral-720)",
101
+ "neutral-840": "var(--ol8-color-neutral-840)",
102
+ "neutral-930": "var(--ol8-color-neutral-930)",
103
+ "neutral-030": "var(--ol8-color-neutral-030)",
104
+ "neutral-060": "var(--ol8-color-neutral-060)",
105
+ "neutral-090": "var(--ol8-color-neutral-090)",
106
+ "primary-120": "var(--ol8-color-primary-120)",
107
+ "primary-240": "var(--ol8-color-primary-240)",
108
+ "primary-360": "var(--ol8-color-primary-360)",
109
+ "primary-480": "var(--ol8-color-primary-480)",
110
+ "primary-600": "var(--ol8-color-primary-600)",
111
+ "primary-720": "var(--ol8-color-primary-720)",
112
+ "primary-840": "var(--ol8-color-primary-840)",
113
+ "primary-930": "var(--ol8-color-primary-930)",
114
+ "primary-030": "var(--ol8-color-primary-030)",
115
+ "primary-060": "var(--ol8-color-primary-060)",
116
+ "primary-090": "var(--ol8-color-primary-090)",
117
+ "background-canvas": "var(--ol8-color-background-canvas)",
118
+ "background-subtle": "var(--ol8-color-background-subtle)",
119
+ "background-inverse": "var(--ol8-color-background-inverse)",
120
+ "surface-default": "var(--ol8-color-surface-default)",
121
+ "surface-raised": "var(--ol8-color-surface-raised)",
122
+ "surface-sunken": "var(--ol8-color-surface-sunken)",
123
+ "surface-selected": "var(--ol8-color-surface-selected)",
124
+ "surface-disabled": "var(--ol8-color-surface-disabled)",
125
+ "text-primary": "var(--ol8-color-text-primary)",
126
+ "text-secondary": "var(--ol8-color-text-secondary)",
127
+ "text-muted": "var(--ol8-color-text-muted)",
128
+ "text-disabled": "var(--ol8-color-text-disabled)",
129
+ "text-inverse": "var(--ol8-color-text-inverse)",
130
+ "text-link": "var(--ol8-color-text-link)",
131
+ "icon-primary": "var(--ol8-color-icon-primary)",
132
+ "icon-secondary": "var(--ol8-color-icon-secondary)",
133
+ "icon-muted": "var(--ol8-color-icon-muted)",
134
+ "icon-disabled": "var(--ol8-color-icon-disabled)",
135
+ "icon-inverse": "var(--ol8-color-icon-inverse)",
136
+ "border-subtle": "var(--ol8-color-border-subtle)",
137
+ "border-default": "var(--ol8-color-border-default)",
138
+ "border-strong": "var(--ol8-color-border-strong)",
139
+ "border-disabled": "var(--ol8-color-border-disabled)",
140
+ "focus-inner": "var(--ol8-color-focus-inner)",
141
+ "focus-outer": "var(--ol8-color-focus-outer)",
142
+ "actionprimary-default": "var(--ol8-color-actionprimary-default)",
143
+ "actionprimary-hover": "var(--ol8-color-actionprimary-hover)",
144
+ "actionprimary-pressed": "var(--ol8-color-actionprimary-pressed)",
145
+ "actionprimary-content": "var(--ol8-color-actionprimary-content)",
146
+ "actionprimary-disabled": "var(--ol8-color-actionprimary-disabled)",
147
+ "actionprimary-disabledcontent": "var(--ol8-color-actionprimary-disabledcontent)",
148
+ "actionsecondary-surfacedefault": "var(--ol8-color-actionsecondary-surfacedefault)",
149
+ "actionsecondary-surfacehover": "var(--ol8-color-actionsecondary-surfacehover)",
150
+ "actionsecondary-surfacepressed": "var(--ol8-color-actionsecondary-surfacepressed)",
151
+ "actionsecondary-surfacedisabled": "var(--ol8-color-actionsecondary-surfacedisabled)",
152
+ "actionsecondary-contentdefault": "var(--ol8-color-actionsecondary-contentdefault)",
153
+ "actionsecondary-contenthover": "var(--ol8-color-actionsecondary-contenthover)",
154
+ "actionsecondary-contentpressed": "var(--ol8-color-actionsecondary-contentpressed)",
155
+ "actionsecondary-contentdisabled": "var(--ol8-color-actionsecondary-contentdisabled)",
156
+ "actionquiet-surfacedefault": "var(--ol8-color-actionquiet-surfacedefault)",
157
+ "actionquiet-surfacehover": "var(--ol8-color-actionquiet-surfacehover)",
158
+ "actionquiet-surfacepressed": "var(--ol8-color-actionquiet-surfacepressed)",
159
+ "actionquiet-surfacedisabled": "var(--ol8-color-actionquiet-surfacedisabled)",
160
+ "actionquiet-contentdefault": "var(--ol8-color-actionquiet-contentdefault)",
161
+ "actionquiet-contenthover": "var(--ol8-color-actionquiet-contenthover)",
162
+ "actionquiet-contentpressed": "var(--ol8-color-actionquiet-contentpressed)",
163
+ "actionquiet-contentdisabled": "var(--ol8-color-actionquiet-contentdisabled)",
164
+ "actiondestructive-default": "var(--ol8-color-actiondestructive-default)",
165
+ "actiondestructive-hover": "var(--ol8-color-actiondestructive-hover)",
166
+ "actiondestructive-pressed": "var(--ol8-color-actiondestructive-pressed)",
167
+ "actiondestructive-content": "var(--ol8-color-actiondestructive-content)",
168
+ "actiondestructive-disabled": "var(--ol8-color-actiondestructive-disabled)",
169
+ "actiondestructive-disabledcontent": "var(--ol8-color-actiondestructive-disabledcontent)",
170
+ "feedbackinformative-surface": "var(--ol8-color-feedbackinformative-surface)",
171
+ "feedbackinformative-content": "var(--ol8-color-feedbackinformative-content)",
172
+ "feedbackinformative-inlinecontent": "var(--ol8-color-feedbackinformative-inlinecontent)",
173
+ "feedbackpositive-surface": "var(--ol8-color-feedbackpositive-surface)",
174
+ "feedbackpositive-content": "var(--ol8-color-feedbackpositive-content)",
175
+ "feedbackpositive-inlinecontent": "var(--ol8-color-feedbackpositive-inlinecontent)",
176
+ "feedbackcaution-surface": "var(--ol8-color-feedbackcaution-surface)",
177
+ "feedbackcaution-content": "var(--ol8-color-feedbackcaution-content)",
178
+ "feedbackcaution-inlinecontent": "var(--ol8-color-feedbackcaution-inlinecontent)",
179
+ "feedbackcritical-surface": "var(--ol8-color-feedbackcritical-surface)",
180
+ "feedbackcritical-content": "var(--ol8-color-feedbackcritical-content)",
181
+ "feedbackcritical-inlinecontent": "var(--ol8-color-feedbackcritical-inlinecontent)",
182
+ "selection-surface": "var(--ol8-color-selection-surface)",
183
+ "selection-content": "var(--ol8-color-selection-content)",
184
+ "control-thumb": "var(--ol8-color-control-thumb)",
185
+ "gem-color-cutedge-outerhigh": "var(--ol8-material-gem-color-cutedge-outerhigh)",
186
+ "gem-color-cutedge-outermid": "var(--ol8-material-gem-color-cutedge-outermid)",
187
+ "gem-color-cutedge-outerlow": "var(--ol8-material-gem-color-cutedge-outerlow)",
188
+ "gem-color-cutedge-outeraccent": "var(--ol8-material-gem-color-cutedge-outeraccent)",
189
+ "gem-color-cutedge-high": "var(--ol8-material-gem-color-cutedge-high)",
190
+ "gem-color-cutedge-mid": "var(--ol8-material-gem-color-cutedge-mid)",
191
+ "gem-color-cutedge-low": "var(--ol8-material-gem-color-cutedge-low)",
192
+ "gem-color-cutedge-shadow": "var(--ol8-material-gem-color-cutedge-shadow)",
193
+ "gem-color-quiet-environmentalface": "var(--ol8-material-gem-color-quiet-environmentalface)",
194
+ "gem-color-quiet-stabilizedface": "var(--ol8-material-gem-color-quiet-stabilizedface)",
195
+ "gem-color-quiet-opaqueequivalent": "var(--ol8-material-gem-color-quiet-opaqueequivalent)",
196
+ "gem-color-innerthincut-face": "var(--ol8-material-gem-color-innerthincut-face)",
197
+ "gem-color-innerthincut-high": "var(--ol8-material-gem-color-innerthincut-high)",
198
+ "gem-color-innerthincut-mid": "var(--ol8-material-gem-color-innerthincut-mid)",
199
+ "gem-color-innerthincut-low": "var(--ol8-material-gem-color-innerthincut-low)",
200
+ "gem-color-facet-cool": "var(--ol8-material-gem-color-facet-cool)",
201
+ "gem-color-facet-warm": "var(--ol8-material-gem-color-facet-warm)",
202
+ "gem-color-family-emerald-environmentalface": "var(--ol8-material-gem-color-family-emerald-environmentalface)",
203
+ "gem-color-family-emerald-stabilizedface": "var(--ol8-material-gem-color-family-emerald-stabilizedface)",
204
+ "gem-color-family-emerald-edge": "var(--ol8-material-gem-color-family-emerald-edge)",
205
+ "gem-color-family-emerald-innerhigh": "var(--ol8-material-gem-color-family-emerald-innerhigh)",
206
+ "gem-color-family-emerald-innermid": "var(--ol8-material-gem-color-family-emerald-innermid)",
207
+ "gem-color-family-emerald-innerlow": "var(--ol8-material-gem-color-family-emerald-innerlow)",
208
+ "gem-color-family-emerald-opaqueequivalent": "var(--ol8-material-gem-color-family-emerald-opaqueequivalent)",
209
+ "gem-color-family-ruby-environmentalface": "var(--ol8-material-gem-color-family-ruby-environmentalface)",
210
+ "gem-color-family-ruby-stabilizedface": "var(--ol8-material-gem-color-family-ruby-stabilizedface)",
211
+ "gem-color-family-ruby-edge": "var(--ol8-material-gem-color-family-ruby-edge)",
212
+ "gem-color-family-ruby-innerhigh": "var(--ol8-material-gem-color-family-ruby-innerhigh)",
213
+ "gem-color-family-ruby-innermid": "var(--ol8-material-gem-color-family-ruby-innermid)",
214
+ "gem-color-family-ruby-innerlow": "var(--ol8-material-gem-color-family-ruby-innerlow)",
215
+ "gem-color-family-ruby-opaqueequivalent": "var(--ol8-material-gem-color-family-ruby-opaqueequivalent)",
216
+ "gem-color-family-sapphire-environmentalface": "var(--ol8-material-gem-color-family-sapphire-environmentalface)",
217
+ "gem-color-family-sapphire-stabilizedface": "var(--ol8-material-gem-color-family-sapphire-stabilizedface)",
218
+ "gem-color-family-sapphire-edge": "var(--ol8-material-gem-color-family-sapphire-edge)",
219
+ "gem-color-family-sapphire-innerhigh": "var(--ol8-material-gem-color-family-sapphire-innerhigh)",
220
+ "gem-color-family-sapphire-innermid": "var(--ol8-material-gem-color-family-sapphire-innermid)",
221
+ "gem-color-family-sapphire-innerlow": "var(--ol8-material-gem-color-family-sapphire-innerlow)",
222
+ "gem-color-family-sapphire-opaqueequivalent": "var(--ol8-material-gem-color-family-sapphire-opaqueequivalent)",
223
+ "gem-color-family-amethyst-environmentalface": "var(--ol8-material-gem-color-family-amethyst-environmentalface)",
224
+ "gem-color-family-amethyst-stabilizedface": "var(--ol8-material-gem-color-family-amethyst-stabilizedface)",
225
+ "gem-color-family-amethyst-edge": "var(--ol8-material-gem-color-family-amethyst-edge)",
226
+ "gem-color-family-amethyst-innerhigh": "var(--ol8-material-gem-color-family-amethyst-innerhigh)",
227
+ "gem-color-family-amethyst-innermid": "var(--ol8-material-gem-color-family-amethyst-innermid)",
228
+ "gem-color-family-amethyst-innerlow": "var(--ol8-material-gem-color-family-amethyst-innerlow)",
229
+ "gem-color-family-amethyst-opaqueequivalent": "var(--ol8-material-gem-color-family-amethyst-opaqueequivalent)",
230
+ "control-gem--primary-start": "var(--ol8-material-control-gem--primary-start)",
231
+ "control-gem--primary-mid": "var(--ol8-material-control-gem--primary-mid)",
232
+ "control-gem--primary-end": "var(--ol8-material-control-gem--primary-end)",
233
+ "control-gem--primary-hover-start": "var(--ol8-material-control-gem--primary-hover-start)",
234
+ "control-gem--primary-hover-mid": "var(--ol8-material-control-gem--primary-hover-mid)",
235
+ "control-gem--primary-hover-end": "var(--ol8-material-control-gem--primary-hover-end)",
236
+ "control-gem--primary-loading-start": "var(--ol8-material-control-gem--primary-loading-start)",
237
+ "control-gem--primary-loading-mid": "var(--ol8-material-control-gem--primary-loading-mid)",
238
+ "control-gem--primary-loading-end": "var(--ol8-material-control-gem--primary-loading-end)",
239
+ "control-gem--primary-content": "var(--ol8-material-control-gem--primary-content)",
240
+ "control-gem--secondary-high": "var(--ol8-material-control-gem--secondary-high)",
241
+ "control-gem--secondary-mid": "var(--ol8-material-control-gem--secondary-mid)",
242
+ "control-gem--secondary-low": "var(--ol8-material-control-gem--secondary-low)",
243
+ "control-gem--secondary-hover-high": "var(--ol8-material-control-gem--secondary-hover-high)",
244
+ "control-gem--secondary-hover-mid": "var(--ol8-material-control-gem--secondary-hover-mid)",
245
+ "control-gem--secondary-hover-low": "var(--ol8-material-control-gem--secondary-hover-low)",
246
+ "control-gem--secondary-loading-high": "var(--ol8-material-control-gem--secondary-loading-high)",
247
+ "control-gem--secondary-loading-mid": "var(--ol8-material-control-gem--secondary-loading-mid)",
248
+ "control-gem--secondary-loading-low": "var(--ol8-material-control-gem--secondary-loading-low)",
249
+ "control-gem--secondary-content": "var(--ol8-material-control-gem--secondary-content)",
250
+ "control-gem--rim-default": "var(--ol8-material-control-gem--rim-default)",
251
+ "control-gem--rim-specular": "var(--ol8-material-control-gem--rim-specular)",
252
+ "control-gem--rim-hover": "var(--ol8-material-control-gem--rim-hover)",
253
+ "control-gem--blur": "var(--ol8-material-control-gem--blur)",
254
+ "control-gem--stop-1": "var(--ol8-material-control-gem--stop-1)",
255
+ "control-gem--stop-2": "var(--ol8-material-control-gem--stop-2)",
256
+ "control-gem--stop-3": "var(--ol8-material-control-gem--stop-3)"
257
+ }
258
+ },
259
+ "spacing": {
260
+ "ol8-108": "var(--ol8-dimension-scale-108)",
261
+ "ol8-000": "var(--ol8-dimension-scale-000)",
262
+ "ol8-003": "var(--ol8-dimension-scale-003)",
263
+ "ol8-006": "var(--ol8-dimension-scale-006)",
264
+ "ol8-009": "var(--ol8-dimension-scale-009)",
265
+ "ol8-012": "var(--ol8-dimension-scale-012)",
266
+ "ol8-015": "var(--ol8-dimension-scale-015)",
267
+ "ol8-018": "var(--ol8-dimension-scale-018)",
268
+ "ol8-024": "var(--ol8-dimension-scale-024)",
269
+ "ol8-030": "var(--ol8-dimension-scale-030)",
270
+ "ol8-036": "var(--ol8-dimension-scale-036)",
271
+ "ol8-042": "var(--ol8-dimension-scale-042)",
272
+ "ol8-048": "var(--ol8-dimension-scale-048)",
273
+ "ol8-060": "var(--ol8-dimension-scale-060)",
274
+ "ol8-072": "var(--ol8-dimension-scale-072)",
275
+ "ol8-084": "var(--ol8-dimension-scale-084)",
276
+ "ol8-096": "var(--ol8-dimension-scale-096)",
277
+ "ol8-stack-grouped": "var(--ol8-spacing-stack-grouped)",
278
+ "ol8-stack-related": "var(--ol8-spacing-stack-related)",
279
+ "ol8-inset-standard": "var(--ol8-spacing-inset-standard)",
280
+ "ol8-small": "var(--ol8-size-icon-small)",
281
+ "ol8-standard": "var(--ol8-size-icon-standard)",
282
+ "ol8-micro": "var(--ol8-size-icon-micro)",
283
+ "ol8-compact": "var(--ol8-size-icon-compact)"
284
+ },
285
+ "borderRadius": {
286
+ "ol8-none": "var(--ol8-shape-radius-none)",
287
+ "ol8-subtle": "var(--ol8-shape-radius-subtle)",
288
+ "ol8-compact": "var(--ol8-shape-radius-compact)",
289
+ "ol8-medium": "var(--ol8-shape-radius-medium)",
290
+ "ol8-standard": "var(--ol8-shape-radius-standard)",
291
+ "ol8-comfortable": "var(--ol8-shape-radius-comfortable)",
292
+ "ol8-container": "var(--ol8-shape-radius-container)",
293
+ "ol8-display": "var(--ol8-shape-radius-display)",
294
+ "ol8-full": "var(--ol8-shape-radius-full)"
295
+ },
296
+ "fontFamily": {
297
+ "ol8-display": "var(--ol8-font-family-display)",
298
+ "ol8-functional": "var(--ol8-font-family-functional)"
299
+ },
300
+ "fontSize": {
301
+ "ol8-012": "var(--ol8-font-size-012)",
302
+ "ol8-016": "var(--ol8-font-size-016)",
303
+ "ol8-021": "var(--ol8-font-size-021)",
304
+ "ol8-030": "var(--ol8-font-size-030)",
305
+ "ol8-039": "var(--ol8-font-size-039)",
306
+ "ol8-051": "var(--ol8-font-size-051)",
307
+ "ol8-066": "var(--ol8-font-size-066)"
308
+ },
309
+ "lineHeight": {
310
+ "ol8-018": "var(--ol8-font-line-018)",
311
+ "ol8-024": "var(--ol8-font-line-024)",
312
+ "ol8-030": "var(--ol8-font-line-030)",
313
+ "ol8-039": "var(--ol8-font-line-039)",
314
+ "ol8-048": "var(--ol8-font-line-048)",
315
+ "ol8-060": "var(--ol8-font-line-060)",
316
+ "ol8-072": "var(--ol8-font-line-072)"
317
+ },
318
+ "fontWeight": {
319
+ "ol8-regular": "var(--ol8-font-weight-regular)",
320
+ "ol8-semibold": "var(--ol8-font-weight-semibold)",
321
+ "ol8-bold": "var(--ol8-font-weight-bold)"
322
+ },
323
+ "boxShadow": {
324
+ "ol8-flat": "var(--ol8-elevation-flat)",
325
+ "ol8-raised": "var(--ol8-elevation-raised)",
326
+ "ol8-floating": "var(--ol8-elevation-floating)",
327
+ "ol8-overlay": "var(--ol8-elevation-overlay)",
328
+ "ol8-blocking": "var(--ol8-elevation-blocking)"
329
+ },
330
+ "borderWidth": {
331
+ "ol8-standard": "var(--ol8-border-width-standard)"
332
+ }
333
+ }
334
+ }
335
+ };