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/semantic.tokens.json DELETED
@@ -1,206 +0,0 @@
1
- {
2
- "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
3
- "Corner": {
4
- "Button Radius": {
5
- "$type": "dimension",
6
- "$value": {
7
- "value": 10000,
8
- "unit": "px"
9
- }
10
- },
11
- "Card Radius": {
12
- "$type": "dimension",
13
- "$value": {
14
- "value": 4,
15
- "unit": "px"
16
- }
17
- },
18
- "Form Radius": {
19
- "$type": "dimension",
20
- "$value": {
21
- "value": 4,
22
- "unit": "px"
23
- }
24
- },
25
- "Modal Radius": {
26
- "$type": "dimension",
27
- "$value": {
28
- "value": 8,
29
- "unit": "px"
30
- }
31
- }
32
- },
33
- "Typography": {
34
- "Code": {
35
- "$type": "fontFamily",
36
- "$value": "SFMono-Regular"
37
- },
38
- "Heading": {
39
- "Font Family": {
40
- "$type": "fontFamily",
41
- "$value": "Rokkitt"
42
- },
43
- "Font Weight": {
44
- "$type": "fontWeight",
45
- "$value": 700
46
- },
47
- "Font Size": {
48
- "xs": {
49
- "$type": "dimension",
50
- "$value": {
51
- "value": 12,
52
- "unit": "px"
53
- }
54
- },
55
- "sm": {
56
- "$type": "dimension",
57
- "$value": {
58
- "value": 14,
59
- "unit": "px"
60
- }
61
- },
62
- "md": {
63
- "$type": "dimension",
64
- "$value": {
65
- "value": 16,
66
- "unit": "px"
67
- }
68
- },
69
- "lg": {
70
- "$type": "dimension",
71
- "$value": {
72
- "value": 20,
73
- "unit": "px"
74
- }
75
- },
76
- "xl": {
77
- "$type": "dimension",
78
- "$value": {
79
- "value": 24,
80
- "unit": "px"
81
- }
82
- },
83
- "xxl": {
84
- "$type": "dimension",
85
- "$value": {
86
- "value": 32,
87
- "unit": "px"
88
- }
89
- },
90
- "xxxl": {
91
- "$type": "dimension",
92
- "$value": {
93
- "value": 40,
94
- "unit": "px"
95
- }
96
- }
97
- },
98
- "Line Height": {
99
- "xs": {
100
- "$type": "dimension",
101
- "$value": {
102
- "value": 16,
103
- "unit": "px"
104
- }
105
- },
106
- "sm": {
107
- "$type": "dimension",
108
- "$value": {
109
- "value": 20,
110
- "unit": "px"
111
- }
112
- },
113
- "md": {
114
- "$type": "dimension",
115
- "$value": {
116
- "value": 24,
117
- "unit": "px"
118
- }
119
- },
120
- "lg": {
121
- "$type": "dimension",
122
- "$value": {
123
- "value": 28,
124
- "unit": "px"
125
- }
126
- },
127
- "xl": {
128
- "$type": "dimension",
129
- "$value": {
130
- "value": 32,
131
- "unit": "px"
132
- }
133
- },
134
- "xxl": {
135
- "$type": "dimension",
136
- "$value": {
137
- "value": 44,
138
- "unit": "px"
139
- }
140
- },
141
- "xxxl": {
142
- "$type": "dimension",
143
- "$value": {
144
- "value": 56,
145
- "unit": "px"
146
- }
147
- }
148
- }
149
- },
150
- "Label": {
151
- "Font Family": {
152
- "$type": "fontFamily",
153
- "$value": "Rokkitt"
154
- },
155
- "Font Weight": {
156
- "$type": "fontWeight",
157
- "$value": 600
158
- },
159
- "Font Size": {
160
- "$type": "dimension",
161
- "$value": {
162
- "value": 16,
163
- "unit": "px"
164
- }
165
- },
166
- "Line Height": {
167
- "$type": "dimension",
168
- "$value": {
169
- "value": 24,
170
- "unit": "px"
171
- }
172
- },
173
- "Gap": {
174
- "$type": "dimension",
175
- "$value": {
176
- "value": 8,
177
- "unit": "px"
178
- }
179
- }
180
- },
181
- "Body": {
182
- "Font Family": {
183
- "$type": "fontFamily",
184
- "$value": "Inter"
185
- },
186
- "Font Weight": {
187
- "$type": "fontWeight",
188
- "$value": 400
189
- },
190
- "Font Size": {
191
- "$type": "dimension",
192
- "$value": {
193
- "value": 16,
194
- "unit": "px"
195
- }
196
- },
197
- "Line Height": {
198
- "$type": "dimension",
199
- "$value": {
200
- "value": 24,
201
- "unit": "px"
202
- }
203
- }
204
- }
205
- }
206
- }