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

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 (39) hide show
  1. package/AGENTS.md +12 -0
  2. package/FONTS-LICENSE.txt +113 -0
  3. package/PRINCIPLES.md +48 -0
  4. package/ai-context.json +53 -0
  5. package/build/css/tokens.css +846 -0
  6. package/build/figma/variables.json +7535 -0
  7. package/build/manifest.json +22 -0
  8. package/build/status/components.json +235 -0
  9. package/build/tailwind/preset.mjs +258 -0
  10. package/build/tailwind/theme.css +125 -0
  11. package/build/typescript/index.d.ts +10 -0
  12. package/build/typescript/index.js +6933 -0
  13. package/fonts/ar-one-sans-latin-ext.woff2 +0 -0
  14. package/fonts/ar-one-sans-latin.woff2 +0 -0
  15. package/fonts/ar-one-sans-vietnamese.woff2 +0 -0
  16. package/fonts/syne-greek.woff2 +0 -0
  17. package/fonts/syne-latin-ext.woff2 +0 -0
  18. package/fonts/syne-latin.woff2 +0 -0
  19. package/fonts.css +63 -0
  20. package/overrides.example.css +53 -0
  21. package/package.json +30 -16
  22. package/schema/component-status.schema.json +32 -0
  23. package/schema/token-file.schema.json +31 -0
  24. package/scripts/build.mjs +246 -0
  25. package/scripts/test.mjs +96 -0
  26. package/src/component.json +1011 -0
  27. package/src/figma-code-syntax.txt +551 -0
  28. package/src/primitive.json +1105 -0
  29. package/src/semantic.json +1998 -0
  30. package/src/themes.json +823 -0
  31. package/status/components.json +16 -0
  32. package/dist/figma/variables.json +0 -3682
  33. package/dist/status/components.json +0 -158
  34. package/dist/tailwind/preset.mjs +0 -335
  35. package/dist/tailwind/theme.css +0 -303
  36. package/dist/tokens.css +0 -597
  37. package/dist/tokens.d.ts +0 -391
  38. package/dist/tokens.js +0 -387
  39. package/src/tokens.json +0 -1936
package/dist/tokens.js DELETED
@@ -1,387 +0,0 @@
1
- /* GENERATED from packages/tokens/src/tokens.json — do not edit. */
2
- export const tokens = {
3
- "color-blue-120": "#9bb3ff",
4
- "color-blue-240": "#6e8fef",
5
- "color-blue-360": "#4d6dd1",
6
- "color-blue-480": "#3854ae",
7
- "color-blue-600": "#2c438b",
8
- "color-blue-720": "#23366f",
9
- "color-blue-840": "#1a2a59",
10
- "color-blue-930": "#101b3a",
11
- "color-blue-030": "#f2f5ff",
12
- "color-blue-060": "#e2e9ff",
13
- "color-blue-090": "#c4d2ff",
14
- "color-cyan-120": "#75d3dd",
15
- "color-cyan-240": "#3ab7c5",
16
- "color-cyan-360": "#2096a7",
17
- "color-cyan-480": "#187789",
18
- "color-cyan-600": "#175f70",
19
- "color-cyan-720": "#174d5b",
20
- "color-cyan-840": "#163f4b",
21
- "color-cyan-930": "#0a252d",
22
- "color-cyan-030": "#effbfc",
23
- "color-cyan-060": "#d5f4f6",
24
- "color-cyan-090": "#aae7ec",
25
- "color-green-120": "#8cd2aa",
26
- "color-green-240": "#58b982",
27
- "color-green-360": "#349a65",
28
- "color-green-480": "#267b50",
29
- "color-green-600": "#216240",
30
- "color-green-720": "#1d4f35",
31
- "color-green-840": "#193f2c",
32
- "color-green-930": "#0c2418",
33
- "color-green-030": "#f1faf5",
34
- "color-green-060": "#dcf3e5",
35
- "color-green-090": "#bce6ce",
36
- "color-yellow-120": "#ffd13d",
37
- "color-yellow-240": "#f0b90b",
38
- "color-yellow-360": "#ce9500",
39
- "color-yellow-480": "#a76f00",
40
- "color-yellow-600": "#825100",
41
- "color-yellow-720": "#613b09",
42
- "color-yellow-840": "#4b2f0d",
43
- "color-yellow-930": "#2b1a08",
44
- "color-yellow-030": "#fff9e8",
45
- "color-yellow-060": "#fff0be",
46
- "color-yellow-090": "#ffe27d",
47
- "color-orange-120": "#ffa54d",
48
- "color-orange-240": "#f47b20",
49
- "color-orange-360": "#d95c0b",
50
- "color-orange-480": "#b74406",
51
- "color-orange-600": "#913408",
52
- "color-orange-720": "#70290d",
53
- "color-orange-840": "#57230f",
54
- "color-orange-930": "#321207",
55
- "color-orange-030": "#fff5ea",
56
- "color-orange-060": "#ffe7cb",
57
- "color-orange-090": "#ffc98f",
58
- "color-pink-120": "#ff94c4",
59
- "color-pink-240": "#f45a9d",
60
- "color-pink-360": "#d9367e",
61
- "color-pink-480": "#b62364",
62
- "color-pink-600": "#931d51",
63
- "color-pink-720": "#771a43",
64
- "color-pink-840": "#62183a",
65
- "color-pink-930": "#3b0920",
66
- "color-pink-030": "#fff1f8",
67
- "color-pink-060": "#ffe1f0",
68
- "color-pink-090": "#ffc3e0",
69
- "color-violet-120": "#c5a4ff",
70
- "color-violet-240": "#a574f2",
71
- "color-violet-360": "#864fd6",
72
- "color-violet-480": "#6c37b2",
73
- "color-violet-600": "#572d8e",
74
- "color-violet-720": "#472671",
75
- "color-violet-840": "#3a225b",
76
- "color-violet-930": "#241238",
77
- "color-violet-030": "#f8f4ff",
78
- "color-violet-060": "#efe6ff",
79
- "color-violet-090": "#dfcdff",
80
- "color-red-120": "#f99a92",
81
- "color-red-240": "#ed6a61",
82
- "color-red-360": "#d6473f",
83
- "color-red-480": "#b6332e",
84
- "color-red-600": "#922824",
85
- "color-red-720": "#772421",
86
- "color-red-840": "#64231f",
87
- "color-red-930": "#380f0d",
88
- "color-red-030": "#fff2f1",
89
- "color-red-060": "#ffe2e0",
90
- "color-red-090": "#ffc8c4",
91
- "color-neutral-120": "#d2c8b6",
92
- "color-neutral-240": "#b0a593",
93
- "color-neutral-360": "#897f70",
94
- "color-neutral-480": "#665e53",
95
- "color-neutral-600": "#4a443d",
96
- "color-neutral-720": "#302d29",
97
- "color-neutral-840": "#20201e",
98
- "color-neutral-930": "#151817",
99
- "color-neutral-030": "#fcfaf3",
100
- "color-neutral-060": "#f5f1e6",
101
- "color-neutral-090": "#e7e0d1",
102
- "color-primary-120": "#9bb3ff",
103
- "color-primary-240": "#6e8fef",
104
- "color-primary-360": "#4d6dd1",
105
- "color-primary-480": "#3854ae",
106
- "color-primary-600": "#2c438b",
107
- "color-primary-720": "#23366f",
108
- "color-primary-840": "#1a2a59",
109
- "color-primary-930": "#101b3a",
110
- "color-primary-030": "#f2f5ff",
111
- "color-primary-060": "#e2e9ff",
112
- "color-primary-090": "#c4d2ff",
113
- "color-background-canvas": "#fcfaf3",
114
- "color-background-subtle": "#f5f1e6",
115
- "color-background-inverse": "#101b3a",
116
- "color-surface-default": "#fcfaf3",
117
- "color-surface-raised": "#fcfaf3",
118
- "color-surface-sunken": "#f5f1e6",
119
- "color-surface-selected": "#d5f4f6",
120
- "color-surface-disabled": "#e7e0d1",
121
- "color-text-primary": "#151817",
122
- "color-text-secondary": "#302d29",
123
- "color-text-muted": "#4a443d",
124
- "color-text-disabled": "#665e53",
125
- "color-text-inverse": "#fcfaf3",
126
- "color-text-link": "#2c438b",
127
- "color-icon-primary": "#151817",
128
- "color-icon-secondary": "#665e53",
129
- "color-icon-muted": "#897f70",
130
- "color-icon-disabled": "#b0a593",
131
- "color-icon-inverse": "#fcfaf3",
132
- "color-border-subtle": "#e7e0d1",
133
- "color-border-default": "#897f70",
134
- "color-border-strong": "#665e53",
135
- "color-border-disabled": "#665e53",
136
- "color-focus-inner": "#f2f5ff",
137
- "color-focus-outer": "#101b3a",
138
- "color-actionprimary-default": "#2c438b",
139
- "color-actionprimary-hover": "#23366f",
140
- "color-actionprimary-pressed": "#1a2a59",
141
- "color-actionprimary-content": "#fcfaf3",
142
- "color-actionprimary-disabled": "#e7e0d1",
143
- "color-actionprimary-disabledcontent": "#665e53",
144
- "color-actionsecondary-surfacedefault": "#00000000",
145
- "color-actionsecondary-surfacehover": "#f2f5ff",
146
- "color-actionsecondary-surfacepressed": "#e2e9ff",
147
- "color-actionsecondary-surfacedisabled": "#00000000",
148
- "color-actionsecondary-contentdefault": "#2c438b",
149
- "color-actionsecondary-contenthover": "#23366f",
150
- "color-actionsecondary-contentpressed": "#1a2a59",
151
- "color-actionsecondary-contentdisabled": "#665e53",
152
- "color-actionquiet-surfacedefault": "#00000000",
153
- "color-actionquiet-surfacehover": "#f2f5ff",
154
- "color-actionquiet-surfacepressed": "#e2e9ff",
155
- "color-actionquiet-surfacedisabled": "#00000000",
156
- "color-actionquiet-contentdefault": "#2c438b",
157
- "color-actionquiet-contenthover": "#23366f",
158
- "color-actionquiet-contentpressed": "#1a2a59",
159
- "color-actionquiet-contentdisabled": "#665e53",
160
- "color-actiondestructive-default": "#922824",
161
- "color-actiondestructive-hover": "#772421",
162
- "color-actiondestructive-pressed": "#64231f",
163
- "color-actiondestructive-content": "#fcfaf3",
164
- "color-actiondestructive-disabled": "#e7e0d1",
165
- "color-actiondestructive-disabledcontent": "#665e53",
166
- "color-feedbackinformative-surface": "#174d5b",
167
- "color-feedbackinformative-content": "#fcfaf3",
168
- "color-feedbackinformative-inlinecontent": "#2c438b",
169
- "color-feedbackpositive-surface": "#216240",
170
- "color-feedbackpositive-content": "#fcfaf3",
171
- "color-feedbackpositive-inlinecontent": "#216240",
172
- "color-feedbackcaution-surface": "#ffe27d",
173
- "color-feedbackcaution-content": "#20201e",
174
- "color-feedbackcaution-inlinecontent": "#825100",
175
- "color-feedbackcritical-surface": "#922824",
176
- "color-feedbackcritical-content": "#fcfaf3",
177
- "color-feedbackcritical-inlinecontent": "#b6332e",
178
- "color-selection-surface": "#e2e9ff",
179
- "color-selection-content": "#1a2a59",
180
- "color-control-thumb": "#1a2a59",
181
- "material-gem-color-cutedge-outerhigh": "#f5f1e6ed",
182
- "material-gem-color-cutedge-outermid": "#9bb3ff7a",
183
- "material-gem-color-cutedge-outerlow": "#f5f1e608",
184
- "material-gem-color-cutedge-outeraccent": "#2096a75c",
185
- "material-gem-color-cutedge-high": "#f5f1e6b8",
186
- "material-gem-color-cutedge-mid": "#e2e9ff5c",
187
- "material-gem-color-cutedge-low": "#f5f1e608",
188
- "material-gem-color-cutedge-shadow": "#101b3a29",
189
- "material-gem-color-quiet-environmentalface": "#fcfaf37a",
190
- "material-gem-color-quiet-stabilizedface": "#f5f1e6b8",
191
- "material-gem-color-quiet-opaqueequivalent": "#fcfaf3",
192
- "material-gem-color-innerthincut-face": "#f5f1e6b8",
193
- "material-gem-color-innerthincut-high": "#f5f1e68a",
194
- "material-gem-color-innerthincut-mid": "#9bb3ff2e",
195
- "material-gem-color-innerthincut-low": "#f5f1e608",
196
- "material-gem-color-facet-cool": "#2c438b2e",
197
- "material-gem-color-facet-warm": "#f47b201f",
198
- "material-gem-color-family-emerald-environmentalface": "#0c24187a",
199
- "material-gem-color-family-emerald-stabilizedface": "#0c241845",
200
- "material-gem-color-family-emerald-edge": "#58b982a8",
201
- "material-gem-color-family-emerald-innerhigh": "#bce6ce5c",
202
- "material-gem-color-family-emerald-innermid": "#58b9822e",
203
- "material-gem-color-family-emerald-innerlow": "#bce6ce08",
204
- "material-gem-color-family-emerald-opaqueequivalent": "#0c2418",
205
- "material-gem-color-family-ruby-environmentalface": "#380f0d7a",
206
- "material-gem-color-family-ruby-stabilizedface": "#380f0d45",
207
- "material-gem-color-family-ruby-edge": "#ed6a61a8",
208
- "material-gem-color-family-ruby-innerhigh": "#ffc8c45c",
209
- "material-gem-color-family-ruby-innermid": "#ed6a612e",
210
- "material-gem-color-family-ruby-innerlow": "#ffc8c408",
211
- "material-gem-color-family-ruby-opaqueequivalent": "#380f0d",
212
- "material-gem-color-family-sapphire-environmentalface": "#101b3a7a",
213
- "material-gem-color-family-sapphire-stabilizedface": "#101b3a4d",
214
- "material-gem-color-family-sapphire-edge": "#6e8fefa8",
215
- "material-gem-color-family-sapphire-innerhigh": "#e2e9ff63",
216
- "material-gem-color-family-sapphire-innermid": "#6e8fef2e",
217
- "material-gem-color-family-sapphire-innerlow": "#e2e9ff08",
218
- "material-gem-color-family-sapphire-opaqueequivalent": "#101b3a",
219
- "material-gem-color-family-amethyst-environmentalface": "#2412387a",
220
- "material-gem-color-family-amethyst-stabilizedface": "#24123845",
221
- "material-gem-color-family-amethyst-edge": "#a574f2a8",
222
- "material-gem-color-family-amethyst-innerhigh": "#dfcdff5c",
223
- "material-gem-color-family-amethyst-innermid": "#a574f22e",
224
- "material-gem-color-family-amethyst-innerlow": "#dfcdff08",
225
- "material-gem-color-family-amethyst-opaqueequivalent": "#241238",
226
- "material-control-gem--primary-start": "#3854ae",
227
- "material-control-gem--primary-mid": "#2c438b",
228
- "material-control-gem--primary-end": "#23366f",
229
- "material-control-gem--primary-hover-start": "#2c438b",
230
- "material-control-gem--primary-hover-mid": "#23366f",
231
- "material-control-gem--primary-hover-end": "#1a2a59",
232
- "material-control-gem--primary-loading-start": "#23366f",
233
- "material-control-gem--primary-loading-mid": "#1a2a59",
234
- "material-control-gem--primary-loading-end": "#101b3a",
235
- "material-control-gem--primary-content": "#fcfaf3",
236
- "material-control-gem--secondary-high": "#fcfaf338",
237
- "material-control-gem--secondary-mid": "#fcfaf30d",
238
- "material-control-gem--secondary-low": "#fcfaf31f",
239
- "material-control-gem--secondary-hover-high": "#fcfaf34d",
240
- "material-control-gem--secondary-hover-mid": "#fcfaf317",
241
- "material-control-gem--secondary-hover-low": "#fcfaf32e",
242
- "material-control-gem--secondary-loading-high": "#fcfaf363",
243
- "material-control-gem--secondary-loading-mid": "#fcfaf31f",
244
- "material-control-gem--secondary-loading-low": "#fcfaf33d",
245
- "material-control-gem--secondary-content": "#fcfaf3",
246
- "material-control-gem--rim-default": "#fcfaf33d",
247
- "material-control-gem--rim-specular": "#fcfaf38a",
248
- "material-control-gem--rim-hover": "#fcfaf35c",
249
- "material-control-gem--blur": "12px",
250
- "material-control-gem--stop-1": "14.639%",
251
- "material-control-gem--stop-2": "48.586%",
252
- "material-control-gem--stop-3": "85.361%",
253
- "dimension-scale-108": "108px",
254
- "dimension-scale-000": "0px",
255
- "dimension-scale-003": "3px",
256
- "dimension-scale-006": "6px",
257
- "dimension-scale-009": "9px",
258
- "dimension-scale-012": "12px",
259
- "dimension-scale-015": "15px",
260
- "dimension-scale-018": "18px",
261
- "dimension-scale-024": "24px",
262
- "dimension-scale-030": "30px",
263
- "dimension-scale-036": "36px",
264
- "dimension-scale-042": "42px",
265
- "dimension-scale-048": "48px",
266
- "dimension-scale-060": "60px",
267
- "dimension-scale-072": "72px",
268
- "dimension-scale-084": "84px",
269
- "dimension-scale-096": "96px",
270
- "shape-radius-none": "0px",
271
- "shape-radius-subtle": "3px",
272
- "shape-radius-compact": "6px",
273
- "shape-radius-medium": "9px",
274
- "shape-radius-standard": "12px",
275
- "shape-radius-comfortable": "18px",
276
- "shape-radius-container": "24px",
277
- "shape-radius-display": "36px",
278
- "shape-radius-full": "999px",
279
- "font-family-display": "\"Syne\", ui-sans-serif, system-ui, sans-serif",
280
- "font-family-functional": "\"AR One Sans\", ui-sans-serif, system-ui, sans-serif",
281
- "font-size-012": "12px",
282
- "font-size-016": "16px",
283
- "font-size-021": "21px",
284
- "font-size-030": "30px",
285
- "font-size-039": "39px",
286
- "font-size-051": "51px",
287
- "font-size-066": "66px",
288
- "font-line-018": "18px",
289
- "font-line-024": "24px",
290
- "font-line-030": "30px",
291
- "font-line-039": "39px",
292
- "font-line-048": "48px",
293
- "font-line-060": "60px",
294
- "font-line-072": "72px",
295
- "font-weight-regular": "450",
296
- "font-weight-semibold": "600",
297
- "font-weight-bold": "690",
298
- "font-variation-functional": "\"ARRR\" 10",
299
- "border-width-standard": "2px",
300
- "spacing-stack-grouped": "18px",
301
- "spacing-stack-related": "12px",
302
- "spacing-inset-standard": "18px",
303
- "elevation-flat": "none",
304
- "elevation-raised": "0 3px 6px 0 rgba(22,63,75,0.12)",
305
- "elevation-floating": "0 3px 6px 0 rgba(22,63,75,0.12), 0 6px 18px -3px rgba(22,63,75,0.18)",
306
- "elevation-overlay": "0 6px 12px 0 rgba(22,63,75,0.18), 0 12px 36px -6px rgba(22,63,75,0.24)",
307
- "elevation-blocking": "0 12px 24px 0 rgba(22,63,75,0.24), 0 24px 72px -12px rgba(22,63,75,0.36)",
308
- "icon-source-size": "24px",
309
- "icon-source-stroke": "1.8",
310
- "icon-size-108": "108px",
311
- "icon-size-009": "9px",
312
- "icon-size-012": "12px",
313
- "icon-size-018": "18px",
314
- "icon-size-024": "24px",
315
- "icon-size-030": "30px",
316
- "icon-size-036": "36px",
317
- "icon-size-048": "48px",
318
- "icon-size-060": "60px",
319
- "icon-size-072": "72px",
320
- "icon-size-096": "96px",
321
- "component-choice-chip-terminal": "12px",
322
- "component-choice-chip-height-standard": "36px",
323
- "component-choice-chip-target-standard": "48px",
324
- "component-choice-chip-rail-inset-standard": "12px",
325
- "component-button-gap-compact": "6px",
326
- "component-button-gap-comfortable": "9px",
327
- "component-button-paddinginline-compact": "12px",
328
- "component-button-paddinginline-standard": "15px",
329
- "component-button-paddinginline-comfortable": "18px",
330
- "component-button-paddinginline-large": "24px",
331
- "component-button-height-compact": "36px",
332
- "component-button-height-standard": "42px",
333
- "component-button-height-comfortable": "48px",
334
- "component-button-height-large": "60px",
335
- "component-button-radius-compact": "6px",
336
- "component-button-radius-standard": "9px",
337
- "component-button-radius-comfortable": "12px",
338
- "component-button-radius-large": "12px",
339
- "component-button-secondaryboundary": "2px",
340
- "component-icon-stroke": "1.8",
341
- "component-iconbutton-box-compact": "36px",
342
- "component-iconbutton-box-standard": "42px",
343
- "component-iconbutton-box-comfortable": "48px",
344
- "component-iconbutton-box-large": "60px",
345
- "component-iconbutton-target-compact": "48px",
346
- "component-iconbutton-target-standard": "48px",
347
- "component-iconbutton-target-comfortable": "48px",
348
- "component-iconbutton-target-large": "60px",
349
- "component-iconbutton-radius-compact": "9px",
350
- "component-iconbutton-radius-standard": "12px",
351
- "component-iconbutton-radius-comfortable": "12px",
352
- "component-iconbutton-radius-large": "18px",
353
- "component-iconbutton-artwork-compact": "18px",
354
- "component-iconbutton-artwork-standard": "18px",
355
- "component-iconbutton-artwork-comfortable": "24px",
356
- "component-iconbutton-artwork-large": "24px",
357
- "component-iconbutton-pressedscrim": "rgba(0,0,0,0.24)",
358
- "component-checkbox-radius-compact": "3px",
359
- "component-checkbox-radius-comfortable": "6px",
360
- "component-checkbox-boundary": "1.8px",
361
- "component-radio-boundary": "1.8px",
362
- "component-radio-dot-compact": "9px",
363
- "component-radio-dot-comfortable": "12px",
364
- "component-switch-trackwidth-compact": "36px",
365
- "component-switch-trackwidth-comfortable": "48px",
366
- "component-switch-trackheight-compact": "18px",
367
- "component-switch-trackheight-comfortable": "24px",
368
- "component-switch-thumb-compact": "12px",
369
- "component-switch-thumb-comfortable": "18px",
370
- "component-switch-inset": "3px",
371
- "component-choice-optical-stroke": "1.8px",
372
- "component-choice-mixed-bar-width": "9px",
373
- "component-choice-mixed-bar-height": "1.8px",
374
- "component-choice-gap-compact": "6px",
375
- "component-choice-gap-standard": "9px",
376
- "component-choice-rowminimum": "48px",
377
- "component-selectionoption-inset-standard": "12px",
378
- "component-selectionoption-inset-large": "15px",
379
- "component-selectionoption-minimum-standard": "48px",
380
- "component-selectionoption-minimum-large": "60px",
381
- "focus-ring-innerwidth": "3px",
382
- "focus-ring-outerwidth": "3px",
383
- "size-icon-small": "18px",
384
- "size-icon-standard": "24px",
385
- "size-icon-micro": "9px",
386
- "size-icon-compact": "12px"
387
- };