@airframeui/tokens 0.0.1

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 (8) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +49 -0
  3. package/dist/index.d.ts +13 -0
  4. package/dist/index.js +1 -0
  5. package/dist/tokens.css +721 -0
  6. package/dist/tokens.js +357 -0
  7. package/dist/tokens.json +357 -0
  8. package/package.json +37 -0
package/dist/tokens.js ADDED
@@ -0,0 +1,357 @@
1
+ export const tokens = {
2
+ "meta": {
3
+ "version": "0.0.1",
4
+ "generatedAt": "2026-08-09T19:45:50.701Z"
5
+ },
6
+ "primitives": {
7
+ "base-primary": "#1f3fe0",
8
+ "base-secondary": "#dbe1f4",
9
+ "base-tertiary": "#111827",
10
+ "base-success": "#22c55e",
11
+ "base-warning": "#fbbf24",
12
+ "base-danger": "#dc2626",
13
+ "base-info": "#38bdf8",
14
+ "base-white": "#ffffff",
15
+ "base-black": "#000000",
16
+ "base-neutral-50": "#f8fafc",
17
+ "base-neutral-100": "#f1f5f9",
18
+ "base-neutral-200": "#e2e8f0",
19
+ "base-neutral-300": "#cbd5e1",
20
+ "base-neutral-400": "#94a3b8",
21
+ "base-neutral-500": "#64748b",
22
+ "base-neutral-600": "#475569",
23
+ "base-neutral-700": "#334155",
24
+ "base-neutral-800": "#1f2937",
25
+ "base-neutral-900": "#111827",
26
+ "base-font-sans": "ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial,\n 'Apple Color Emoji', 'Segoe UI Emoji'",
27
+ "base-font-mono": "ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',\n monospace"
28
+ },
29
+ "breakpoints": {
30
+ "xs": "360px",
31
+ "sm": "640px",
32
+ "md": "768px",
33
+ "lg": "1024px",
34
+ "xl": "1280px",
35
+ "2xl": "1536px"
36
+ },
37
+ "knobs": {
38
+ "hover-mix": "12%",
39
+ "active-mix": "18%",
40
+ "soft-mix": "12%",
41
+ "hard-mix": "45%",
42
+ "border-mix": "22%"
43
+ },
44
+ "semantic": {
45
+ "space-0": "0px",
46
+ "space-1": "4px",
47
+ "space-2": "8px",
48
+ "space-3": "12px",
49
+ "space-4": "16px",
50
+ "space-5": "24px",
51
+ "space-6": "32px",
52
+ "space-7": "40px",
53
+ "space-8": "48px",
54
+ "radius-0": "0px",
55
+ "radius-sm": "6px",
56
+ "radius-md": "10px",
57
+ "radius-lg": "16px",
58
+ "radius-xl": "24px",
59
+ "radius-full": "9999px",
60
+ "font-primary": "var(--af-base-font-sans)",
61
+ "font-mono": "var(--af-base-font-mono)",
62
+ "text-xs": "0.75rem",
63
+ "text-sm": "0.875rem",
64
+ "text-md": "1rem",
65
+ "text-lg": "1.1875rem",
66
+ "text-xl": "1.5rem",
67
+ "text-2xl": "2rem",
68
+ "text-3xl": "2.5rem",
69
+ "text-4xl": "3.5rem",
70
+ "text-5xl": "4.5rem",
71
+ "leading-tight": "1.15",
72
+ "leading-normal": "1.55",
73
+ "leading-loose": "1.75",
74
+ "weight-regular": "400",
75
+ "weight-medium": "500",
76
+ "weight-semibold": "600",
77
+ "weight-bold": "700",
78
+ "weight-extrabold": "800",
79
+ "shadow-sm": "0 1px 2px rgba(0, 0, 0, 0.06)",
80
+ "shadow-md": "0 6px 16px rgba(0, 0, 0, 0.1)",
81
+ "shadow-lg": "0 16px 40px rgba(0, 0, 0, 0.14)",
82
+ "z-base": "0",
83
+ "z-dropdown": "1000",
84
+ "z-sticky": "1100",
85
+ "z-overlay": "1200",
86
+ "z-modal": "1300",
87
+ "z-toast": "1400",
88
+ "duration-fast": "120ms",
89
+ "duration-md": "200ms",
90
+ "duration-slow": "320ms",
91
+ "animation-duration-fast": "200ms",
92
+ "animation-duration-md": "400ms",
93
+ "animation-duration-slow": "600ms",
94
+ "animation-duration-slower": "1500ms",
95
+ "ease-standard": "cubic-bezier(0.2, 0, 0.2, 1)",
96
+ "ease-emphasized": "cubic-bezier(0.2, 0, 0, 1)",
97
+ "ease-in": "cubic-bezier(0.4, 0, 1, 1)",
98
+ "ease-out": "cubic-bezier(0, 0, 0.2, 1)",
99
+ "ease-in-out": "cubic-bezier(0.4, 0, 0.2, 1)",
100
+ "ease-linear": "linear",
101
+ "border-width": "2px",
102
+ "hit-size": "2.75rem",
103
+ "layout-gap": "var(--af-space-4)",
104
+ "container-padding-x": "var(--af-space-4)",
105
+ "container-max-w": "90em",
106
+ "container-max-w-xs": "25rem",
107
+ "container-max-w-sm": "40rem",
108
+ "container-max-w-md": "48rem",
109
+ "container-max-w-lg": "64rem",
110
+ "container-max-w-xl": "80rem",
111
+ "container-max-w-2xl": "96rem",
112
+ "font-body": "var(--af-base-font-sans)",
113
+ "font-heading": "var(--af-font-primary)",
114
+ "font-code": "var(--af-base-font-mono)",
115
+ "text-body-size": "var(--af-text-md)",
116
+ "text-body-leading": "var(--af-leading-normal)",
117
+ "text-heading-leading": "var(--af-leading-tight)",
118
+ "text-heading-weight": "var(--af-weight-semibold)",
119
+ "type-display-size": "var(--af-text-5xl)",
120
+ "type-display-weight": "var(--af-weight-bold)",
121
+ "type-display-leading": "var(--af-leading-tight)",
122
+ "type-h1-size": "var(--af-text-3xl)",
123
+ "type-h2-size": "var(--af-text-2xl)",
124
+ "type-h3-size": "var(--af-text-xl)",
125
+ "type-h4-size": "var(--af-text-lg)",
126
+ "type-h5-size": "var(--af-text-md)",
127
+ "type-h6-size": "var(--af-text-sm)",
128
+ "type-body-size": "var(--af-text-md)",
129
+ "type-caption-size": "var(--af-text-sm)",
130
+ "type-h1-weight": "var(--af-weight-semibold)",
131
+ "type-h2-weight": "var(--af-weight-semibold)",
132
+ "type-h3-weight": "var(--af-weight-semibold)",
133
+ "type-h4-weight": "var(--af-weight-semibold)",
134
+ "type-h5-weight": "var(--af-weight-semibold)",
135
+ "type-h6-weight": "var(--af-weight-semibold)",
136
+ "type-body-weight": "var(--af-weight-regular)",
137
+ "type-caption-weight": "var(--af-weight-regular)",
138
+ "type-h1-leading": "var(--af-leading-tight)",
139
+ "type-h2-leading": "var(--af-leading-tight)",
140
+ "type-h3-leading": "var(--af-leading-tight)",
141
+ "type-h4-leading": "var(--af-leading-normal)",
142
+ "type-h5-leading": "var(--af-leading-normal)",
143
+ "type-h6-leading": "var(--af-leading-normal)",
144
+ "type-body-leading": "var(--af-leading-normal)",
145
+ "type-caption-leading": "var(--af-leading-normal)",
146
+ "type-h1-tracking": "-0.02em",
147
+ "type-h2-tracking": "-0.01em",
148
+ "type-h3-tracking": "0em",
149
+ "type-h4-tracking": "0em",
150
+ "type-h5-tracking": "0em",
151
+ "type-h6-tracking": "0em",
152
+ "choice-size": "1.5rem",
153
+ "switch-height": "var(--af-choice-size)",
154
+ "switch-width-ratio": "0.8",
155
+ "color-focus": "var(--af-color-primary)",
156
+ "color-primary": "var(--af-base-primary)",
157
+ "color-secondary": "var(--af-base-secondary)",
158
+ "color-tertiary": "var(--af-base-tertiary)",
159
+ "color-danger": "var(--af-base-danger)",
160
+ "color-success": "var(--af-base-success)",
161
+ "color-warning": "var(--af-base-warning)",
162
+ "color-info": "var(--af-base-info)",
163
+ "color-on-primary": "var(\n --af-color-on-primary--hc-light,\n var(--af-color-on-primary--dark, var(--af-base-white))\n )",
164
+ "color-on-secondary": "var(\n --af-color-on-secondary--hc-light,\n var(--af-color-on-secondary--dark, var(--af-base-neutral-900))\n )",
165
+ "color-on-tertiary": "var(\n --af-color-on-tertiary--hc-light,\n var(--af-color-on-tertiary--dark, var(--af-base-white))\n )",
166
+ "color-on-danger": "var(\n --af-color-on-danger--hc-light,\n var(--af-color-on-danger--dark, var(--af-base-white))\n )",
167
+ "color-on-success": "var(\n --af-color-on-success--hc-light,\n var(--af-color-on-success--dark, var(--af-base-neutral-900))\n )",
168
+ "color-on-warning": "var(\n --af-color-on-warning--hc-light,\n var(--af-color-on-warning--dark, var(--af-base-neutral-900))\n )",
169
+ "color-on-info": "var(\n --af-color-on-info--hc-light,\n var(--af-color-on-info--dark, var(--af-base-white))\n )",
170
+ "color-action": "var(--af-color-primary)",
171
+ "color-on-action": "var(--af-color-on-primary)",
172
+ "color-primary-hover": "color-mix(\n in srgb,\n var(--af-color-primary),\n black var(--af-hover-mix)\n )",
173
+ "color-primary-active": "color-mix(\n in srgb,\n var(--af-color-primary),\n black var(--af-active-mix)\n )",
174
+ "color-primary-soft": "color-mix(\n in srgb,\n var(--af-color-primary),\n var(--af-color-surface-primary) calc(100% - var(--af-soft-mix))\n )",
175
+ "color-primary-hard": "color-mix(in srgb, var(--af-color-primary), black var(--af-hard-mix))",
176
+ "color-action-hover": "color-mix(in srgb, var(--af-color-action), black var(--af-hover-mix))",
177
+ "color-action-active": "color-mix(\n in srgb,\n var(--af-color-action),\n black var(--af-active-mix)\n )",
178
+ "color-action-soft": "color-mix(\n in srgb,\n var(--af-color-action),\n var(--af-color-surface-primary) calc(100% - var(--af-soft-mix))\n )",
179
+ "color-action-hard": "color-mix(in srgb, var(--af-color-action), black var(--af-hard-mix))",
180
+ "color-secondary-hover": "color-mix(\n in srgb,\n var(--af-color-secondary),\n black var(--af-hover-mix)\n )",
181
+ "color-secondary-active": "color-mix(\n in srgb,\n var(--af-color-secondary),\n black var(--af-active-mix)\n )",
182
+ "color-secondary-soft": "color-mix(\n in srgb,\n var(--af-color-secondary),\n var(--af-color-surface-primary) calc(100% - var(--af-soft-mix))\n )",
183
+ "color-secondary-hard": "color-mix(\n in srgb,\n var(--af-color-secondary),\n black var(--af-hard-mix)\n )",
184
+ "color-tertiary-hover": "color-mix(\n in srgb,\n var(--af-color-tertiary),\n black var(--af-hover-mix)\n )",
185
+ "color-tertiary-active": "color-mix(\n in srgb,\n var(--af-color-tertiary),\n black var(--af-active-mix)\n )",
186
+ "color-tertiary-soft": "color-mix(\n in srgb,\n var(--af-color-tertiary),\n var(--af-color-surface-primary) calc(100% - var(--af-soft-mix))\n )",
187
+ "color-tertiary-hard": "color-mix(\n in srgb,\n var(--af-color-tertiary),\n black var(--af-hard-mix)\n )",
188
+ "color-success-hover": "color-mix(\n in srgb,\n var(--af-color-success),\n black var(--af-hover-mix)\n )",
189
+ "color-success-active": "color-mix(\n in srgb,\n var(--af-color-success),\n black var(--af-active-mix)\n )",
190
+ "color-success-soft": "color-mix(\n in srgb,\n var(--af-color-success),\n var(--af-color-surface-primary) calc(100% - var(--af-soft-mix))\n )",
191
+ "color-success-hard": "color-mix(in srgb, var(--af-color-success), black var(--af-hard-mix))",
192
+ "color-warning-hover": "color-mix(\n in srgb,\n var(--af-color-warning),\n black var(--af-hover-mix)\n )",
193
+ "color-warning-active": "color-mix(\n in srgb,\n var(--af-color-warning),\n black var(--af-active-mix)\n )",
194
+ "color-warning-soft": "color-mix(\n in srgb,\n var(--af-color-warning),\n var(--af-color-surface-primary) calc(100% - var(--af-soft-mix))\n )",
195
+ "color-warning-hard": "color-mix(in srgb, var(--af-color-warning), black var(--af-hard-mix))",
196
+ "color-danger-hover": "color-mix(in srgb, var(--af-color-danger), black var(--af-hover-mix))",
197
+ "color-danger-active": "color-mix(\n in srgb,\n var(--af-color-danger),\n black var(--af-active-mix)\n )",
198
+ "color-danger-soft": "color-mix(\n in srgb,\n var(--af-color-danger),\n var(--af-color-surface-primary) calc(100% - var(--af-soft-mix))\n )",
199
+ "color-danger-hard": "color-mix(in srgb, var(--af-color-danger), black var(--af-hard-mix))",
200
+ "color-info-hover": "color-mix(in srgb, var(--af-color-info), black var(--af-hover-mix))",
201
+ "color-info-active": "color-mix(in srgb, var(--af-color-info), black var(--af-active-mix))",
202
+ "color-info-soft": "color-mix(\n in srgb,\n var(--af-color-info),\n var(--af-color-surface-primary) calc(100% - var(--af-soft-mix))\n )",
203
+ "color-info-hard": "color-mix(in srgb, var(--af-color-info), black var(--af-hard-mix))",
204
+ "color-background": "var(\n --af-color-background--hc-light,\n var(--af-color-background--dark, var(--af-base-white))\n )",
205
+ "color-surface-primary": "var(\n --af-color-surface-primary--hc-light,\n var(--af-color-surface-primary--dark, var(--af-base-white))\n )",
206
+ "color-surface-secondary": "var(\n --af-color-surface-secondary--hc-light,\n var(--af-color-surface-secondary--dark, var(--af-base-neutral-50))\n )",
207
+ "color-surface-tertiary": "var(\n --af-color-surface-tertiary--hc-light,\n var(--af-color-surface-tertiary--dark, var(--af-base-neutral-100))\n )",
208
+ "color-surface-inverse-primary": "var(\n --af-color-surface-inverse-primary--hc-light,\n var(--af-color-surface-inverse-primary--dark, var(--af-base-neutral-900))\n )",
209
+ "color-surface-inverse-secondary": "var(\n --af-color-surface-inverse-secondary--hc-light,\n var(--af-color-surface-inverse-secondary--dark, var(--af-base-neutral-800))\n )",
210
+ "color-surface-inverse-tertiary": "var(\n --af-color-surface-inverse-tertiary--hc-light,\n var(--af-color-surface-inverse-tertiary--dark, var(--af-base-neutral-700))\n )",
211
+ "color-text": "var(\n --af-color-text--hc-light,\n var(--af-color-text--dark, var(--af-base-neutral-900))\n )",
212
+ "color-text-muted": "var(\n --af-color-text-muted--hc-light,\n var(--af-color-text-muted--dark, var(--af-base-neutral-700))\n )",
213
+ "color-text-inverse": "var(\n --af-color-text-inverse--hc-light,\n var(--af-color-text-inverse--dark, var(--af-base-white))\n )",
214
+ "color-border": "var(\n --af-color-border--hc-light,\n var(--af-color-border--dark, var(--af-base-neutral-200))\n )",
215
+ "color-border-strong": "var(\n --af-color-border-strong--hc-light,\n var(--af-color-border-strong--dark, var(--af-base-neutral-300))\n )"
216
+ },
217
+ "components": {
218
+ "control-min-height": "auto",
219
+ "control-radius": "var(--af-radius-xl)",
220
+ "control-padding-y": "var(--af-space-2)",
221
+ "control-padding-x": "var(--af-space-3)",
222
+ "control-border": "var(--af-color-border)",
223
+ "link-primary": "var(--af-color-primary)",
224
+ "link-hover-primary": "var(--af-color-primary-hover)",
225
+ "btn-min-height": "var(--af-control-min-height)",
226
+ "btn-radius": "var(--af-radius-full)",
227
+ "btn-padding-y": "var(--af-control-padding-y)",
228
+ "btn-padding-x": "var(--af-space-4)",
229
+ "btn-gap": "var(--af-space-2)",
230
+ "btn-icon-size": "1.25em",
231
+ "btn-font-weight": "var(--af-weight-medium)",
232
+ "btn-border-width": "var(--af-border-width)",
233
+ "btn-default-bg": "var(--af-color-primary)",
234
+ "btn-default-color": "var(--af-color-on-primary)",
235
+ "btn-default-hover": "var(--af-color-primary-hover)",
236
+ "btn-default-active": "var(--af-color-primary-active)",
237
+ "btn-secondary-bg": "var(--af-color-secondary)",
238
+ "btn-secondary-color": "var(--af-color-on-secondary)",
239
+ "btn-secondary-hover": "color-mix(in srgb, var(--af-btn-secondary-bg), black 4%)",
240
+ "btn-secondary-active": "color-mix(in srgb, var(--af-btn-secondary-bg), black 8%)",
241
+ "btn-outline-color": "var(--af-color-primary)",
242
+ "btn-outline-border": "var(--af-color-primary)",
243
+ "btn-outline-hover": "var(--af-btn-outline-border)",
244
+ "btn-outline-active": "color-mix(\n in srgb,\n var(--af-color-primary),\n var(--af-color-surface-primary) 84%\n )",
245
+ "input-min-height": "var(--af-control-min-height)",
246
+ "input-radius": "var(--af-control-radius)",
247
+ "input-padding-y": "var(--af-control-padding-y)",
248
+ "input-padding-x": "var(--af-control-padding-x)",
249
+ "input-font-size": "var(--af-text-md)",
250
+ "input-leading": "var(--af-leading-normal)",
251
+ "input-placeholder-color": "var(--af-color-text-muted)",
252
+ "card-radius": "var(--af-radius-lg)",
253
+ "card-padding": "var(--af-space-4)",
254
+ "card-shadow": "var(--af-shadow-sm)",
255
+ "card-shadow-hover": "var(--af-shadow-md)",
256
+ "focus-ring-color": "var(--af-color-focus)",
257
+ "focus-ring-width": "2px",
258
+ "focus-ring-offset": "2px"
259
+ },
260
+ "themes": {
261
+ "light": {
262
+ "primitives": {},
263
+ "semantic": {
264
+ "color-background": "var(\n --af-color-background--hc-light,\n var(--af-color-background--dark, var(--af-base-white))\n )",
265
+ "color-surface-primary": "var(\n --af-color-surface-primary--hc-light,\n var(--af-color-surface-primary--dark, var(--af-base-white))\n )",
266
+ "color-surface-secondary": "var(\n --af-color-surface-secondary--hc-light,\n var(--af-color-surface-secondary--dark, var(--af-base-neutral-50))\n )",
267
+ "color-surface-tertiary": "var(\n --af-color-surface-tertiary--hc-light,\n var(--af-color-surface-tertiary--dark, var(--af-base-neutral-100))\n )",
268
+ "color-surface-inverse-primary": "var(\n --af-color-surface-inverse-primary--hc-light,\n var(--af-color-surface-inverse-primary--dark, var(--af-base-neutral-900))\n )",
269
+ "color-surface-inverse-secondary": "var(\n --af-color-surface-inverse-secondary--hc-light,\n var(--af-color-surface-inverse-secondary--dark, var(--af-base-neutral-800))\n )",
270
+ "color-surface-inverse-tertiary": "var(\n --af-color-surface-inverse-tertiary--hc-light,\n var(--af-color-surface-inverse-tertiary--dark, var(--af-base-neutral-700))\n )",
271
+ "color-text": "var(\n --af-color-text--hc-light,\n var(--af-color-text--dark, var(--af-base-neutral-900))\n )",
272
+ "color-text-muted": "var(\n --af-color-text-muted--hc-light,\n var(--af-color-text-muted--dark, var(--af-base-neutral-700))\n )",
273
+ "color-text-inverse": "var(\n --af-color-text-inverse--hc-light,\n var(--af-color-text-inverse--dark, var(--af-base-white))\n )",
274
+ "color-border": "var(\n --af-color-border--hc-light,\n var(--af-color-border--dark, var(--af-base-neutral-200))\n )",
275
+ "color-border-strong": "var(\n --af-color-border-strong--hc-light,\n var(--af-color-border-strong--dark, var(--af-base-neutral-300))\n )"
276
+ }
277
+ },
278
+ "dark": {
279
+ "primitives": {},
280
+ "semantic": {
281
+ "color-background--dark": "var(--af-color-background--hc-dark, var(--af-base-neutral-900))",
282
+ "color-surface-primary--dark": "var(\n --af-color-surface-primary--hc-dark,\n var(--af-base-neutral-800)\n )",
283
+ "color-surface-secondary--dark": "var(\n --af-color-surface-secondary--hc-dark,\n var(--af-base-neutral-700)\n )",
284
+ "color-surface-tertiary--dark": "var(\n --af-color-surface-tertiary--hc-dark,\n var(--af-base-neutral-600)\n )",
285
+ "color-surface-inverse-primary--dark": "var(\n --af-color-surface-inverse-primary--hc-dark,\n var(--af-base-white)\n )",
286
+ "color-surface-inverse-secondary--dark": "var(\n --af-color-surface-inverse-secondary--hc-dark,\n var(--af-base-neutral-50)\n )",
287
+ "color-surface-inverse-tertiary--dark": "var(\n --af-color-surface-inverse-tertiary--hc-dark,\n var(--af-base-neutral-100)\n )",
288
+ "color-text--dark": "var(--af-color-text--hc-dark, var(--af-base-neutral-50))",
289
+ "color-text-muted--dark": "var(--af-color-text-muted--hc-dark, var(--af-base-neutral-300))",
290
+ "color-text-inverse--dark": "var(\n --af-color-text-inverse--hc-dark,\n var(--af-base-neutral-900)\n )",
291
+ "color-border--dark": "var(--af-color-border--hc-dark, var(--af-base-neutral-600))",
292
+ "color-border-strong--dark": "var(\n --af-color-border-strong--hc-dark,\n var(--af-base-neutral-500)\n )",
293
+ "color-on-success--dark": "var(--af-color-on-success--hc-dark, var(--af-base-white))",
294
+ "color-action--dark": "#yourcolor",
295
+ "color-on-action--dark": "#fff"
296
+ }
297
+ },
298
+ "high-contrast-light": {
299
+ "primitives": {
300
+ "base-primary": "var(--af-base-primary--hc-light, var(--af-base-primary))",
301
+ "base-secondary": "var(--af-base-secondary--hc-light, var(--af-base-secondary))",
302
+ "base-tertiary": "var(--af-base-tertiary--hc-light, var(--af-base-tertiary))",
303
+ "base-success": "var(--af-base-success--hc-light, var(--af-base-success))",
304
+ "base-warning": "var(--af-base-warning--hc-light, var(--af-base-warning))",
305
+ "base-danger": "var(--af-base-danger--hc-light, var(--af-base-danger))",
306
+ "base-info": "var(--af-base-info--hc-light, var(--af-base-info))"
307
+ },
308
+ "semantic": {
309
+ "color-background--hc-light": "var(--af-base-white)",
310
+ "color-surface-primary--hc-light": "var(--af-base-white)",
311
+ "color-surface-secondary--hc-light": "#f5f5f5",
312
+ "color-surface-tertiary--hc-light": "#e6e6e6",
313
+ "color-surface-inverse-primary--hc-light": "var(--af-base-black)",
314
+ "color-surface-inverse-secondary--hc-light": "#1a1a1a",
315
+ "color-surface-inverse-tertiary--hc-light": "#333333",
316
+ "color-text--hc-light": "var(--af-base-black)",
317
+ "color-text-muted--hc-light": "#333333",
318
+ "color-text-inverse--hc-light": "var(--af-base-white)",
319
+ "color-border--hc-light": "var(--af-base-black)",
320
+ "color-border-strong--hc-light": "var(--af-base-black)",
321
+ "color-on-secondary--hc-light": "var(--af-base-black)",
322
+ "color-on-warning--hc-light": "var(--af-base-black)"
323
+ }
324
+ },
325
+ "high-contrast-dark": {
326
+ "primitives": {
327
+ "base-primary": "var(--af-base-primary--hc-dark, var(--af-base-primary))",
328
+ "base-secondary": "var(--af-base-secondary--hc-dark, var(--af-base-secondary))",
329
+ "base-tertiary": "var(--af-base-tertiary--hc-dark, var(--af-base-tertiary))",
330
+ "base-success": "var(--af-base-success--hc-dark, var(--af-base-success))",
331
+ "base-warning": "var(--af-base-warning--hc-dark, var(--af-base-warning))",
332
+ "base-danger": "var(--af-base-danger--hc-dark, var(--af-base-danger))",
333
+ "base-info": "var(--af-base-info--hc-dark, var(--af-base-info))"
334
+ },
335
+ "semantic": {
336
+ "color-background--hc-dark": "var(--af-base-black)",
337
+ "color-surface-primary--hc-dark": "#1a1a1a",
338
+ "color-surface-secondary--hc-dark": "#2a2a2a",
339
+ "color-surface-tertiary--hc-dark": "#333333",
340
+ "color-surface-inverse-primary--hc-dark": "var(--af-base-white)",
341
+ "color-surface-inverse-secondary--hc-dark": "#f5f5f5",
342
+ "color-surface-inverse-tertiary--hc-dark": "#e6e6e6",
343
+ "color-text--hc-dark": "var(--af-base-white)",
344
+ "color-text-muted--hc-dark": "#cccccc",
345
+ "color-text-inverse--hc-dark": "var(--af-base-black)",
346
+ "color-border--hc-dark": "var(--af-base-white)",
347
+ "color-border-strong--hc-dark": "var(--af-base-white)",
348
+ "color-on-primary--hc-dark": "var(--af-base-black)",
349
+ "color-on-secondary--hc-dark": "var(--af-base-black)",
350
+ "color-on-danger--hc-dark": "var(--af-base-black)",
351
+ "color-on-success--hc-dark": "var(--af-base-black)",
352
+ "color-on-warning--hc-dark": "var(--af-base-black)",
353
+ "color-on-info--hc-dark": "var(--af-base-black)"
354
+ }
355
+ }
356
+ }
357
+ };