ui-foundations 0.3.1 → 0.4.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 (69) hide show
  1. package/README.md +179 -36
  2. package/dist/assets/icons/checkmark.svg +1 -0
  3. package/dist/core/index.css +7 -7
  4. package/dist/macros/ui.njk +142 -0
  5. package/dist/main.css +465 -173
  6. package/dist/react/badge.js +41 -0
  7. package/dist/react/button.js +15 -6
  8. package/dist/react/checkbox.js +30 -0
  9. package/dist/react/icon.js +19 -1
  10. package/dist/react/index.js +2 -0
  11. package/dist/react/label.js +1 -1
  12. package/dist/react/radio.js +62 -0
  13. package/dist/react/switch.js +18 -0
  14. package/dist/tokens/css/{appearance-(modes).tokens.mode-dark.css → appearance-modes.tokens.mode-dark.css} +1 -1
  15. package/dist/tokens/css/{appearance-(modes).tokens.mode-light.css → appearance-modes.tokens.mode-light.css} +1 -1
  16. package/dist/tokens/css/{components-(ui).tokens.css → components-ui.tokens.css} +46 -3
  17. package/dist/tokens/css/{core-(primitives).tokens.css → core-primitives.tokens.css} +61 -19
  18. package/dist/tokens/css/{semantics-(roles).tokens.css → semantics-roles.tokens.css} +1 -1
  19. package/dist/tokens/css/themes-brands.tokens.brand-a.css +22 -0
  20. package/dist/tokens/css/{themes-(brands).tokens.brand-b.css → themes-brands.tokens.brand-b.css} +9 -9
  21. package/dist/tokens/json/appearance-modes.tokens.mode-dark.json +121 -0
  22. package/dist/tokens/json/appearance-modes.tokens.mode-light.json +121 -0
  23. package/dist/tokens/json/components-ui.tokens.json +715 -0
  24. package/dist/tokens/json/{core-(primitives).tokens.json → core-primitives.tokens.json} +227 -413
  25. package/dist/tokens/json/semantics-roles.tokens.json +141 -0
  26. package/dist/tokens/json/themes-brands.tokens.brand-a.json +81 -0
  27. package/dist/tokens/json/themes-brands.tokens.brand-b.json +81 -0
  28. package/dist/tokens/missing-tokens.json +43 -0
  29. package/dist/tokens/tokens.yaml +1254 -149
  30. package/dist/tokens/ts/{appearance-(modes).tokens.mode-dark.ts → appearance-modes.tokens.mode-dark.ts} +1 -1
  31. package/dist/tokens/ts/{appearance-(modes).tokens.mode-light.ts → appearance-modes.tokens.mode-light.ts} +1 -1
  32. package/dist/tokens/ts/{components-(ui).tokens.ts → components-ui.tokens.ts} +47 -4
  33. package/dist/tokens/ts/{core-(primitives).tokens.ts → core-primitives.tokens.ts} +62 -20
  34. package/dist/tokens/ts/{semantics-(roles).tokens.ts → semantics-roles.tokens.ts} +1 -1
  35. package/dist/tokens/ts/{themes-(brands).tokens.brand-a.ts → themes-brands.tokens.brand-a.ts} +9 -9
  36. package/dist/tokens/ts/{themes-(brands).tokens.brand-b.ts → themes-brands.tokens.brand-b.ts} +9 -9
  37. package/dist/ui/index.css +2 -0
  38. package/dist/ui/patterns/badge.css +49 -0
  39. package/dist/ui/patterns/checkbox.css +71 -22
  40. package/dist/ui/patterns/radio.css +109 -0
  41. package/docs/README.md +38 -0
  42. package/docs/agentic/README.md +34 -0
  43. package/docs/agentic/assistant-behavior-rules.md +48 -0
  44. package/docs/agentic/skills/ux-writing-coach.md +116 -0
  45. package/docs/foundations/README.md +31 -0
  46. package/docs/foundations/foundation-001-token-layering.md +6 -0
  47. package/docs/foundations/foundation-002-naming-and-grouping.md +6 -0
  48. package/docs/foundations/foundation-003-color-semantics-and-status.md +6 -0
  49. package/docs/foundations/foundation-004-typography-scale-and-line-height.md +6 -0
  50. package/docs/foundations/foundation-005-responsive-breakpoints-and-containers.md +6 -0
  51. package/docs/foundations/foundation-006-z-index-layering.md +6 -0
  52. package/docs/foundations/foundation-007-typography-selectors-and-specificity.md +6 -0
  53. package/docs/foundations/foundation-008-mode-activation-and-consumer-control.md +6 -0
  54. package/docs/foundations/foundation-009-component-boundaries-and-utility.md +6 -0
  55. package/docs/foundations/foundation-010-implementation-and-pipeline-workflow.md +6 -0
  56. package/docs/foundations/foundation-011-branching-and-release-governance.md +6 -0
  57. package/docs/foundations/foundation-012-minimal-markup-and-composition.md +6 -0
  58. package/package.json +16 -14
  59. package/dist/tokens/css/themes-(brands).tokens.brand-a.css +0 -22
  60. package/dist/tokens/json/appearance-(modes).tokens.mode-dark.json +0 -182
  61. package/dist/tokens/json/appearance-(modes).tokens.mode-light.json +0 -182
  62. package/dist/tokens/json/components-(ui).tokens.json +0 -739
  63. package/dist/tokens/json/semantics-(roles).tokens.json +0 -203
  64. package/dist/tokens/json/themes-(brands).tokens.brand-a.json +0 -115
  65. package/dist/tokens/json/themes-(brands).tokens.brand-b.json +0 -115
  66. package/docs/agentic/skills/README.md +0 -51
  67. package/docs/agentic/skills/design-ops-specialist/SKILL.md +0 -60
  68. package/docs/agentic/skills/design-system-architect/SKILL.md +0 -106
  69. package/docs/agentic/team-ai-playbook.md +0 -226
package/dist/tokens/json/appearance-modes.tokens.mode-light.json ADDED
@@ -0,0 +1,121 @@
1
+ {
2
+ "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
3
+ "Color": {
4
+ "Text": {
5
+ "Default": {
6
+ "$type": "color",
7
+ "$value": "{Color.Neutral.800}"
8
+ },
9
+ "Inverse": {
10
+ "$type": "color",
11
+ "$value": "{Color.Neutral.000}"
12
+ },
13
+ "Disabled": {
14
+ "$type": "color",
15
+ "$value": "{Color.Neutral.600}"
16
+ },
17
+ "Brand": {
18
+ "$type": "color",
19
+ "$value": "{Brand.Color.Primary}"
20
+ },
21
+ "Subtle": {
22
+ "$type": "color",
23
+ "$value": "{Brand.Color.Subtle}"
24
+ },
25
+ "Strong": {
26
+ "$type": "color",
27
+ "$value": "{Color.Neutral.1000}"
28
+ },
29
+ "Danger": {
30
+ "$type": "color",
31
+ "$value": "{Brand.Color.Functional.Danger}"
32
+ },
33
+ "Success": {
34
+ "$type": "color",
35
+ "$value": "{Brand.Color.Functional.Success}"
36
+ }
37
+ },
38
+ "Fill": {
39
+ "Surface": {
40
+ "$type": "color",
41
+ "$value": "{Color.Neutral.000}"
42
+ },
43
+ "Disabled": {
44
+ "$type": "color",
45
+ "$value": "{Color.Neutral.300}"
46
+ },
47
+ "Hover": {
48
+ "$type": "color",
49
+ "$value": "{Color.Neutral.Alpha.500}"
50
+ },
51
+ "Brand": {
52
+ "$type": "color",
53
+ "$value": "{Brand.Color.Primary}"
54
+ },
55
+ "Subtle": {
56
+ "$type": "color",
57
+ "$value": "{Brand.Color.Subtle Light}"
58
+ },
59
+ "Active": {
60
+ "$type": "color",
61
+ "$value": "{Brand.Color.Accent}"
62
+ },
63
+ "Danger": {
64
+ "$type": "color",
65
+ "$value": "{Brand.Color.Functional.Danger}"
66
+ },
67
+ "Success": {
68
+ "$type": "color",
69
+ "$value": "{Brand.Color.Functional.Success}"
70
+ }
71
+ },
72
+ "Border": {
73
+ "Default": {
74
+ "$type": "color",
75
+ "$value": "{Color.Neutral.800}"
76
+ },
77
+ "Subtle": {
78
+ "$type": "color",
79
+ "$value": "{Brand.Color.Subtle}"
80
+ },
81
+ "Strong": {
82
+ "$type": "color",
83
+ "$value": "{Color.Neutral.1000}"
84
+ },
85
+ "Brand": {
86
+ "$type": "color",
87
+ "$value": "{Brand.Color.Primary}"
88
+ },
89
+ "Disabled": {
90
+ "$type": "color",
91
+ "$value": "{Color.Neutral.500}"
92
+ },
93
+ "Danger": {
94
+ "$type": "color",
95
+ "$value": "#ff0000"
96
+ }
97
+ },
98
+ "Overlay": {
99
+ "Backdrop": {
100
+ "$type": "color",
101
+ "$value": "{Color.Neutral.Alpha.400}"
102
+ },
103
+ "Hover": {
104
+ "$type": "color",
105
+ "$value": "{Color.Neutral.Alpha.200}"
106
+ },
107
+ "Active": {
108
+ "$type": "color",
109
+ "$value": "{Color.Neutral.Alpha.400}"
110
+ },
111
+ "Selected": {
112
+ "$type": "color",
113
+ "$value": "{Color.Neutral.Alpha.600}"
114
+ }
115
+ },
116
+ "Focus": {
117
+ "$type": "color",
118
+ "$value": "{Brand.Color.Primary}"
119
+ }
120
+ }
121
+ }