ui-foundations 0.4.1 → 0.7.0

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 (61) hide show
  1. package/LICENSE +73 -0
  2. package/README.md +49 -13
  3. package/dist/core/index.css +1 -0
  4. package/dist/macros/ui.njk +94 -0
  5. package/dist/main.css +723 -138
  6. package/dist/react/accordion.js +36 -0
  7. package/dist/react/avatar.js +34 -0
  8. package/dist/react/button.js +1 -12
  9. package/dist/react/checkbox.js +3 -20
  10. package/dist/react/divider.js +31 -0
  11. package/dist/react/form.js +111 -0
  12. package/dist/react/icon.js +1 -12
  13. package/dist/react/index.js +7 -0
  14. package/dist/react/input.js +7 -0
  15. package/dist/react/radio.js +3 -20
  16. package/dist/react/switch.js +3 -20
  17. package/dist/react/tabs.js +72 -0
  18. package/dist/react/textarea.js +45 -0
  19. package/dist/react/tooltip.js +25 -0
  20. package/dist/react/warn-dev.js +15 -0
  21. package/dist/tokens/css/appearance-modes.tokens.mode-dark.css +12 -6
  22. package/dist/tokens/css/appearance-modes.tokens.mode-light.css +7 -1
  23. package/dist/tokens/css/components-ui.tokens.css +93 -73
  24. package/dist/tokens/css/core-primitives.tokens.css +72 -1
  25. package/dist/tokens/css/semantics-roles.tokens.css +1 -1
  26. package/dist/tokens/css/themes-brands.tokens.brand-a.css +11 -11
  27. package/dist/tokens/css/themes-brands.tokens.brand-b.css +1 -1
  28. package/dist/tokens/css/themes-brands.tokens.brand-c.css +22 -0
  29. package/dist/tokens/json/appearance-modes.tokens.mode-dark.json +24 -0
  30. package/dist/tokens/json/appearance-modes.tokens.mode-light.json +24 -0
  31. package/dist/tokens/json/components-ui.tokens.json +403 -269
  32. package/dist/tokens/json/core-primitives.tokens.json +302 -0
  33. package/dist/tokens/json/themes-brands.tokens.brand-a.json +10 -10
  34. package/dist/tokens/json/themes-brands.tokens.brand-b.json +10 -10
  35. package/dist/tokens/json/themes-brands.tokens.brand-c.json +81 -0
  36. package/dist/tokens/tokens.yaml +2138 -578
  37. package/dist/tokens/ts/appearance-modes.tokens.mode-dark.ts +12 -6
  38. package/dist/tokens/ts/appearance-modes.tokens.mode-light.ts +7 -1
  39. package/dist/tokens/ts/components-ui.tokens.ts +94 -74
  40. package/dist/tokens/ts/core-primitives.tokens.ts +73 -2
  41. package/dist/tokens/ts/semantics-roles.tokens.ts +1 -1
  42. package/dist/tokens/ts/themes-brands.tokens.brand-a.ts +11 -11
  43. package/dist/tokens/ts/themes-brands.tokens.brand-b.ts +1 -1
  44. package/dist/tokens/ts/themes-brands.tokens.brand-c.ts +32 -0
  45. package/dist/ui/index.css +7 -0
  46. package/dist/ui/patterns/accordion.css +81 -0
  47. package/dist/ui/patterns/avatar.css +57 -0
  48. package/dist/ui/patterns/button.css +3 -3
  49. package/dist/ui/patterns/checkbox.css +28 -28
  50. package/dist/ui/patterns/divider.css +25 -0
  51. package/dist/ui/patterns/form.css +112 -0
  52. package/dist/ui/patterns/input.css +12 -12
  53. package/dist/ui/patterns/label.css +1 -1
  54. package/dist/ui/patterns/tabs.css +71 -0
  55. package/dist/ui/patterns/textarea.css +50 -0
  56. package/dist/ui/patterns/tooltip.css +64 -0
  57. package/docs/agentic/README.md +1 -0
  58. package/docs/agentic/skills/component-accessibility-audit.md +132 -0
  59. package/docs/foundations/foundation-007-typography-selectors-and-specificity.md +1 -1
  60. package/package.json +15 -3
  61. package/dist/tokens/missing-tokens.json +0 -43
package/package.json CHANGED
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "name": "ui-foundations",
3
- "version": "0.4.1",
3
+ "version": "0.7.0",
4
4
  "description": "Token-first UI foundations with CSS, tokens, and React exports.",
5
- "license": "MIT",
5
+ "license": "PolyForm-Noncommercial-1.0.0",
6
6
  "repository": {
7
7
  "type": "git",
8
8
  "url": "git@ssh.source.tui:Thomas.Bielich/ui-foundations.git"
@@ -24,15 +24,26 @@
24
24
  "./core.css": "./dist/core/index.css",
25
25
  "./ui.css": "./dist/ui/index.css",
26
26
  "./react": "./dist/react/index.js",
27
+ "./react/accordion": "./dist/react/accordion.js",
28
+ "./react/avatar": "./dist/react/avatar.js",
29
+ "./react/badge": "./dist/react/badge.js",
27
30
  "./react/button": "./dist/react/button.js",
31
+ "./react/checkbox": "./dist/react/checkbox.js",
32
+ "./react/divider": "./dist/react/divider.js",
28
33
  "./react/icon": "./dist/react/icon.js",
29
34
  "./react/input": "./dist/react/input.js",
30
35
  "./react/label": "./dist/react/label.js",
36
+ "./react/radio": "./dist/react/radio.js",
37
+ "./react/switch": "./dist/react/switch.js",
38
+ "./react/tabs": "./dist/react/tabs.js",
39
+ "./react/textarea": "./dist/react/textarea.js",
40
+ "./react/tooltip": "./dist/react/tooltip.js",
31
41
  "./assets/*": "./dist/assets/*",
32
42
  "./tokens/core.css": "./dist/tokens/css/core-primitives.tokens.css",
33
43
  "./tokens/primitives.css": "./dist/tokens/css/core-primitives.tokens.css",
34
44
  "./tokens/brand-a.css": "./dist/tokens/css/themes-brands.tokens.brand-a.css",
35
45
  "./tokens/brand-b.css": "./dist/tokens/css/themes-brands.tokens.brand-b.css",
46
+ "./tokens/brand-c.css": "./dist/tokens/css/themes-brands.tokens.brand-c.css",
36
47
  "./tokens/color.css": "./dist/tokens/css/appearance-modes.tokens.mode-light.css",
37
48
  "./tokens/color-light.css": "./dist/tokens/css/appearance-modes.tokens.mode-light.css",
38
49
  "./tokens/color-dark.css": "./dist/tokens/css/appearance-modes.tokens.mode-dark.css",
@@ -52,6 +63,7 @@
52
63
  "rules:validate": "node scripts/validate-rule-pipeline.mjs",
53
64
  "tokens:generate": "node scripts/extract-tokens.js",
54
65
  "tokens:validate": "node scripts/validate-tokens.mjs",
66
+ "tokens:usage": "node scripts/validate-token-usage.mjs",
55
67
  "dtcg:validate": "node scripts/validate-dtcg.mjs",
56
68
  "tokens:build": "npm run tokens:generate",
57
69
  "build:css": "node scripts/build-css.mjs",
@@ -66,7 +78,7 @@
66
78
  "release:publish": "npm publish",
67
79
  "docs:build": "eleventy",
68
80
  "docs:site": "npm run build:all && npm run docs:build",
69
- "ci:check": "npm run lint && npm run test:unit && npm run build:all && npm run smoke:check && npm run tokens:validate && npm run dtcg:validate && npm run assets:check && npm run rules:validate && npm run docs:build",
81
+ "ci:check": "npm run lint && npm run test:unit && npm run build:all && npm run smoke:check && npm run tokens:validate && npm run tokens:usage && npm run dtcg:validate && npm run assets:check && npm run rules:validate && npm run docs:build",
70
82
  "docs:dev": "npm run build:all && eleventy --serve"
71
83
  },
72
84
  "devDependencies": {
package/dist/tokens/missing-tokens.json DELETED
@@ -1,43 +0,0 @@
1
- {
2
- "generated": "2026-04-19T14:37:39.153Z",
3
- "description": "Missing alias targets — these tokens are referenced but do not exist in any Figma export. Create them in Figma or add temporary mocks.",
4
- "missing": [
5
- {
6
- "ref": "Size/Spacing/50",
7
- "referencedBy": [
8
- "Form/Slider/Track Height",
9
- "Form/Slider/Track Height"
10
- ],
11
- "suggestedMock": {
12
- "type": "number",
13
- "value": 2,
14
- "unit": "px",
15
- "note": "Core: spacing 50 — add to Core (Primitives)"
16
- }
17
- },
18
- {
19
- "ref": "Color/Fill/Muted",
20
- "referencedBy": [
21
- "Form/Slider/Track Color",
22
- "Form/Slider/Track Color"
23
- ],
24
- "suggestedMock": {
25
- "type": "color",
26
- "value": "#e5e5e5",
27
- "note": "Semantic: muted fill — add to Appearance (Modes)"
28
- }
29
- },
30
- {
31
- "ref": "Color/Border/Focus",
32
- "referencedBy": [
33
- "Form/Slider/Focus Ring Color",
34
- "Form/Slider/Focus Ring Color"
35
- ],
36
- "suggestedMock": {
37
- "type": "color",
38
- "value": "#3b82f6",
39
- "note": "Semantic: focus border — add to Appearance (Modes)"
40
- }
41
- }
42
- ]
43
- }