ui-foundations 0.1.2 → 0.3.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 (43) hide show
  1. package/README.md +64 -30
  2. package/dist/core/index.css +7 -7
  3. package/dist/main.css +462 -289
  4. package/dist/react/index.js +1 -0
  5. package/dist/react/switch.js +45 -0
  6. package/dist/tokens/css/{color.dark.tokens.css → appearance-(modes).tokens.mode-dark.css} +2 -2
  7. package/dist/tokens/css/{color.light.tokens.css → appearance-(modes).tokens.mode-light.css} +3 -3
  8. package/dist/tokens/css/{component.tokens.css → components-(ui).tokens.css} +70 -54
  9. package/dist/tokens/css/{primitives.tokens.css → core-(primitives).tokens.css} +21 -21
  10. package/dist/tokens/css/{semantic.tokens.css → semantics-(roles).tokens.css} +7 -6
  11. package/dist/tokens/css/{brand-a.tokens.css → themes-(brands).tokens.brand-a.css} +11 -11
  12. package/dist/tokens/css/{brand-b.tokens.css → themes-(brands).tokens.brand-b.css} +10 -10
  13. package/dist/tokens/json/appearance-(modes).tokens.mode-dark.json +182 -0
  14. package/dist/tokens/json/appearance-(modes).tokens.mode-light.json +182 -0
  15. package/dist/tokens/json/components-(ui).tokens.json +739 -0
  16. package/dist/tokens/json/{primitives.tokens.json → core-(primitives).tokens.json} +766 -772
  17. package/dist/tokens/json/semantics-(roles).tokens.json +203 -0
  18. package/dist/tokens/json/themes-(brands).tokens.brand-a.json +115 -0
  19. package/dist/tokens/json/themes-(brands).tokens.brand-b.json +115 -0
  20. package/dist/tokens/tokens.yaml +1068 -847
  21. package/dist/tokens/ts/{color.dark.tokens.ts → appearance-(modes).tokens.mode-dark.ts} +3 -3
  22. package/dist/tokens/ts/{color.light.tokens.ts → appearance-(modes).tokens.mode-light.ts} +4 -4
  23. package/dist/tokens/ts/{component.tokens.ts → components-(ui).tokens.ts} +71 -55
  24. package/dist/tokens/ts/{primitives.tokens.ts → core-(primitives).tokens.ts} +22 -22
  25. package/dist/tokens/ts/{semantic.tokens.ts → semantics-(roles).tokens.ts} +7 -6
  26. package/dist/tokens/ts/{brand-a.tokens.ts → themes-(brands).tokens.brand-a.ts} +13 -13
  27. package/dist/tokens/ts/{brand-b.tokens.ts → themes-(brands).tokens.brand-b.ts} +12 -12
  28. package/dist/ui/index.css +1 -0
  29. package/dist/ui/patterns/button.css +1 -0
  30. package/dist/ui/patterns/switch.css +155 -0
  31. package/docs/agentic/skills/README.md +51 -0
  32. package/docs/agentic/skills/design-ops-specialist/SKILL.md +28 -14
  33. package/docs/agentic/skills/design-system-architect/SKILL.md +106 -0
  34. package/docs/agentic/team-ai-playbook.md +10 -0
  35. package/docs/foundations/foundation-011-branching-and-release-governance.md +42 -0
  36. package/docs/foundations/foundation-012-minimal-markup-and-composition.md +42 -0
  37. package/package.json +20 -11
  38. package/dist/tokens/json/brand-a.tokens.json +0 -192
  39. package/dist/tokens/json/brand-b.tokens.json +0 -192
  40. package/dist/tokens/json/color.dark.tokens.json +0 -364
  41. package/dist/tokens/json/color.light.tokens.json +0 -364
  42. package/dist/tokens/json/component.tokens.json +0 -1101
  43. package/dist/tokens/json/semantic.tokens.json +0 -206
package/dist/tokens/json/color.light.tokens.json DELETED
@@ -1,364 +0,0 @@
1
- {
2
- "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
3
- "Color": {
4
- "Focus": {
5
- "$type": "color",
6
- "$value": {
7
- "colorSpace": "srgb",
8
- "components": [
9
- 0.5921568870544434,
10
- 0.27843138575553894,
11
- 1
12
- ],
13
- "alpha": 1,
14
- "hex": "#9747FF"
15
- }
16
- },
17
- "Text": {
18
- "Default": {
19
- "$type": "color",
20
- "$value": {
21
- "colorSpace": "srgb",
22
- "components": [
23
- 0.20000000298023224,
24
- 0.20000000298023224,
25
- 0.20000000298023224
26
- ],
27
- "alpha": 1,
28
- "hex": "#333333"
29
- }
30
- },
31
- "Inverse": {
32
- "$type": "color",
33
- "$value": {
34
- "colorSpace": "srgb",
35
- "components": [
36
- 1,
37
- 1,
38
- 1
39
- ],
40
- "alpha": 1,
41
- "hex": "#FFFFFF"
42
- }
43
- },
44
- "Disabled": {
45
- "$type": "color",
46
- "$value": {
47
- "colorSpace": "srgb",
48
- "components": [
49
- 0.4000000059604645,
50
- 0.4000000059604645,
51
- 0.4000000059604645
52
- ],
53
- "alpha": 1,
54
- "hex": "#666666"
55
- }
56
- },
57
- "Brand": {
58
- "$type": "color",
59
- "$value": {
60
- "colorSpace": "srgb",
61
- "components": [
62
- 0.5921568870544434,
63
- 0.27843138575553894,
64
- 1
65
- ],
66
- "alpha": 1,
67
- "hex": "#9747FF"
68
- }
69
- },
70
- "Subtle": {
71
- "$type": "color",
72
- "$value": {
73
- "colorSpace": "srgb",
74
- "components": [
75
- 0.501960813999176,
76
- 0.501960813999176,
77
- 0.501960813999176
78
- ],
79
- "alpha": 1,
80
- "hex": "#808080"
81
- }
82
- },
83
- "Strong": {
84
- "$type": "color",
85
- "$value": {
86
- "colorSpace": "srgb",
87
- "components": [
88
- 0,
89
- 0,
90
- 0
91
- ],
92
- "alpha": 1,
93
- "hex": "#000000"
94
- }
95
- },
96
- "Danger": {
97
- "$type": "color",
98
- "$value": {
99
- "colorSpace": "srgb",
100
- "components": [
101
- 1,
102
- 0,
103
- 0
104
- ],
105
- "alpha": 1,
106
- "hex": "#FF0000"
107
- }
108
- },
109
- "Success": {
110
- "$type": "color",
111
- "$value": {
112
- "colorSpace": "srgb",
113
- "components": [
114
- 0.07450980693101883,
115
- 0.6823529601097107,
116
- 0.3607843220233917
117
- ],
118
- "alpha": 1,
119
- "hex": "#13AE5C"
120
- }
121
- }
122
- },
123
- "Fill": {
124
- "Surface": {
125
- "$type": "color",
126
- "$value": {
127
- "colorSpace": "srgb",
128
- "components": [
129
- 1,
130
- 1,
131
- 1
132
- ],
133
- "alpha": 1,
134
- "hex": "#FFFFFF"
135
- }
136
- },
137
- "Disabled": {
138
- "$type": "color",
139
- "$value": {
140
- "colorSpace": "srgb",
141
- "components": [
142
- 0.7019608020782471,
143
- 0.7019608020782471,
144
- 0.7019608020782471
145
- ],
146
- "alpha": 1,
147
- "hex": "#B3B3B3"
148
- }
149
- },
150
- "Hover": {
151
- "$type": "color",
152
- "$value": {
153
- "colorSpace": "srgb",
154
- "components": [
155
- 0,
156
- 0,
157
- 0
158
- ],
159
- "alpha": 0.5,
160
- "hex": "#000000"
161
- }
162
- },
163
- "Brand": {
164
- "$type": "color",
165
- "$value": {
166
- "colorSpace": "srgb",
167
- "components": [
168
- 0.5921568870544434,
169
- 0.27843138575553894,
170
- 1
171
- ],
172
- "alpha": 1,
173
- "hex": "#9747FF"
174
- }
175
- },
176
- "Subtle": {
177
- "$type": "color",
178
- "$value": {
179
- "colorSpace": "srgb",
180
- "components": [
181
- 0.800000011920929,
182
- 0.800000011920929,
183
- 0.800000011920929
184
- ],
185
- "alpha": 1,
186
- "hex": "#CCCCCC"
187
- }
188
- },
189
- "Active": {
190
- "$type": "color",
191
- "$value": {
192
- "colorSpace": "srgb",
193
- "components": [
194
- 0.43921568989753723,
195
- 0.7960784435272217,
196
- 0.95686274766922
197
- ],
198
- "alpha": 1,
199
- "hex": "#70CBF4"
200
- }
201
- },
202
- "Danger": {
203
- "$type": "color",
204
- "$value": {
205
- "colorSpace": "srgb",
206
- "components": [
207
- 1,
208
- 0,
209
- 0
210
- ],
211
- "alpha": 1,
212
- "hex": "#FF0000"
213
- }
214
- },
215
- "Success": {
216
- "$type": "color",
217
- "$value": {
218
- "colorSpace": "srgb",
219
- "components": [
220
- 0.07450980693101883,
221
- 0.6823529601097107,
222
- 0.3607843220233917
223
- ],
224
- "alpha": 1,
225
- "hex": "#13AE5C"
226
- }
227
- }
228
- },
229
- "Border": {
230
- "Default": {
231
- "$type": "color",
232
- "$value": {
233
- "colorSpace": "srgb",
234
- "components": [
235
- 0.20000000298023224,
236
- 0.20000000298023224,
237
- 0.20000000298023224
238
- ],
239
- "alpha": 1,
240
- "hex": "#333333"
241
- }
242
- },
243
- "Subtle": {
244
- "$type": "color",
245
- "$value": {
246
- "colorSpace": "srgb",
247
- "components": [
248
- 0.501960813999176,
249
- 0.501960813999176,
250
- 0.501960813999176
251
- ],
252
- "alpha": 1,
253
- "hex": "#808080"
254
- }
255
- },
256
- "Strong": {
257
- "$type": "color",
258
- "$value": {
259
- "colorSpace": "srgb",
260
- "components": [
261
- 0,
262
- 0,
263
- 0
264
- ],
265
- "alpha": 1,
266
- "hex": "#000000"
267
- }
268
- },
269
- "Brand": {
270
- "$type": "color",
271
- "$value": {
272
- "colorSpace": "srgb",
273
- "components": [
274
- 0.5921568870544434,
275
- 0.27843138575553894,
276
- 1
277
- ],
278
- "alpha": 1,
279
- "hex": "#9747FF"
280
- }
281
- },
282
- "Disabled": {
283
- "$type": "color",
284
- "$value": {
285
- "colorSpace": "srgb",
286
- "components": [
287
- 0.501960813999176,
288
- 0.501960813999176,
289
- 0.501960813999176
290
- ],
291
- "alpha": 1,
292
- "hex": "#808080"
293
- }
294
- },
295
- "Danger": {
296
- "$type": "color",
297
- "$value": {
298
- "colorSpace": "srgb",
299
- "components": [
300
- 1,
301
- 0,
302
- 0
303
- ],
304
- "alpha": 1,
305
- "hex": "#FF0000"
306
- }
307
- }
308
- },
309
- "Overlay": {
310
- "Backdrop": {
311
- "$type": "color",
312
- "$value": {
313
- "colorSpace": "srgb",
314
- "components": [
315
- 0,
316
- 0,
317
- 0
318
- ],
319
- "alpha": 0.4000000059604645,
320
- "hex": "#000000"
321
- }
322
- },
323
- "Hover": {
324
- "$type": "color",
325
- "$value": {
326
- "colorSpace": "srgb",
327
- "components": [
328
- 0,
329
- 0,
330
- 0
331
- ],
332
- "alpha": 0.20000000298023224,
333
- "hex": "#000000"
334
- }
335
- },
336
- "Active": {
337
- "$type": "color",
338
- "$value": {
339
- "colorSpace": "srgb",
340
- "components": [
341
- 0,
342
- 0,
343
- 0
344
- ],
345
- "alpha": 0.4000000059604645,
346
- "hex": "#000000"
347
- }
348
- },
349
- "Selected": {
350
- "$type": "color",
351
- "$value": {
352
- "colorSpace": "srgb",
353
- "components": [
354
- 0,
355
- 0,
356
- 0
357
- ],
358
- "alpha": 0.6000000238418579,
359
- "hex": "#000000"
360
- }
361
- }
362
- }
363
- }
364
- }