@codenhub/styles 0.1.0 → 0.2.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 (51) hide show
  1. package/README.md +8 -69
  2. package/dist/aesthetics/chunky-tile.css +1 -1
  3. package/dist/aesthetics/index.css +1 -1
  4. package/dist/components.css +1 -1
  5. package/dist/index.css +1 -1
  6. package/dist/native.css +1 -1
  7. package/dist/theme.css +1 -1
  8. package/dist/tw/aesthetics/chunky-tile.css +20 -2
  9. package/dist/tw/box.css +45 -2
  10. package/dist/tw/components/button.css +38 -29
  11. package/dist/tw/components/feedback.css +58 -41
  12. package/dist/tw/components/form.css +139 -47
  13. package/dist/tw/components/index.css +16 -6
  14. package/dist/tw/components/loader.css +2 -16
  15. package/dist/tw/components/surface.css +122 -5
  16. package/dist/tw/components/tooltip.css +102 -91
  17. package/dist/tw/elevation.css +57 -14
  18. package/dist/tw/index.css +23 -5
  19. package/dist/tw/intent.css +36 -12
  20. package/dist/tw/native.css +4 -20
  21. package/dist/tw/reset.css +40 -32
  22. package/dist/tw/theme.css +46 -8
  23. package/dist/tw/utilities/content.css +104 -18
  24. package/dist/tw/utilities/index.css +1 -1
  25. package/dist/tw/utilities/layout.css +33 -0
  26. package/docs/accessibility.md +68 -48
  27. package/docs/changelog/0.1.0.md +37 -0
  28. package/docs/changelog/0.1.1.md +10 -0
  29. package/docs/changelog/0.2.0.md +41 -0
  30. package/docs/changelog/index.md +11 -0
  31. package/docs/concepts.md +21 -46
  32. package/docs/index.md +18 -45
  33. package/docs/integrating/astro.md +13 -7
  34. package/docs/integrating/index.md +25 -16
  35. package/docs/integrating/nextjs.md +31 -8
  36. package/docs/integrating/svelte.md +14 -8
  37. package/docs/integrating/tailwind.md +31 -15
  38. package/docs/integrating/vue.md +13 -7
  39. package/docs/setup.md +31 -32
  40. package/docs/usage/aesthetics.md +31 -107
  41. package/docs/usage/buttons.md +24 -36
  42. package/docs/usage/composing.md +31 -102
  43. package/docs/usage/content-and-layout.md +65 -83
  44. package/docs/usage/customizing.md +25 -90
  45. package/docs/usage/feedback.md +25 -56
  46. package/docs/usage/forms.md +48 -80
  47. package/docs/usage/index.md +9 -17
  48. package/docs/usage/theming.md +25 -81
  49. package/docs/usage/tooltips.md +55 -35
  50. package/llms-full.txt +1193 -1510
  51. package/package.json +121 -44
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@codenhub/styles",
3
- "version": "0.1.0",
3
+ "version": "0.2.0",
4
4
  "private": false,
5
5
  "description": "CSS-only Codenhub design tokens, base styles, and composable UI helper classes.",
6
6
  "homepage": "https://github.com/codenhub/codenhub/tree/main/packages/styles",
@@ -19,6 +19,9 @@
19
19
  "llms-full.txt"
20
20
  ],
21
21
  "type": "module",
22
+ "sideEffects": [
23
+ "**/*.css"
24
+ ],
22
25
  "exports": {
23
26
  ".": {
24
27
  "style": "./dist/index.css",
@@ -60,55 +63,106 @@
60
63
  "import": "./dist/aesthetics/chunky-tile.css",
61
64
  "default": "./dist/aesthetics/chunky-tile.css"
62
65
  },
63
- "./tw": "./dist/tw/index.css",
64
- "./tw/theme": "./dist/tw/theme.css",
65
- "./tw/components": "./dist/tw/components/index.css",
66
- "./tw/surface": "./dist/tw/components/surface.css",
67
- "./tw/button": "./dist/tw/components/button.css",
68
- "./tw/form": "./dist/tw/components/form.css",
69
- "./tw/feedback": "./dist/tw/components/feedback.css",
70
- "./tw/loader": "./dist/tw/components/loader.css",
71
- "./tw/tooltip": "./dist/tw/components/tooltip.css",
72
- "./tw/reset": "./dist/tw/reset.css",
73
- "./tw/native": "./dist/tw/native.css",
74
- "./tw/typography": "./dist/tw/typography.css",
75
- "./tw/utilities": "./dist/tw/utilities/index.css",
76
- "./tw/aesthetics": "./dist/tw/aesthetics/index.css",
77
- "./tw/aesthetics/neobrutalism": "./dist/tw/aesthetics/neobrutalism.css",
78
- "./tw/aesthetics/glass": "./dist/tw/aesthetics/glass.css",
79
- "./tw/aesthetics/pixel": "./dist/tw/aesthetics/pixel.css",
80
- "./tw/aesthetics/chunky-tile": "./dist/tw/aesthetics/chunky-tile.css",
66
+ "./tw": {
67
+ "style": "./dist/tw/index.css",
68
+ "import": "./dist/tw/index.css",
69
+ "default": "./dist/tw/index.css"
70
+ },
71
+ "./tw/theme": {
72
+ "style": "./dist/tw/theme.css",
73
+ "import": "./dist/tw/theme.css",
74
+ "default": "./dist/tw/theme.css"
75
+ },
76
+ "./tw/components": {
77
+ "style": "./dist/tw/components/index.css",
78
+ "import": "./dist/tw/components/index.css",
79
+ "default": "./dist/tw/components/index.css"
80
+ },
81
+ "./tw/surface": {
82
+ "style": "./dist/tw/components/surface.css",
83
+ "import": "./dist/tw/components/surface.css",
84
+ "default": "./dist/tw/components/surface.css"
85
+ },
86
+ "./tw/button": {
87
+ "style": "./dist/tw/components/button.css",
88
+ "import": "./dist/tw/components/button.css",
89
+ "default": "./dist/tw/components/button.css"
90
+ },
91
+ "./tw/form": {
92
+ "style": "./dist/tw/components/form.css",
93
+ "import": "./dist/tw/components/form.css",
94
+ "default": "./dist/tw/components/form.css"
95
+ },
96
+ "./tw/feedback": {
97
+ "style": "./dist/tw/components/feedback.css",
98
+ "import": "./dist/tw/components/feedback.css",
99
+ "default": "./dist/tw/components/feedback.css"
100
+ },
101
+ "./tw/loader": {
102
+ "style": "./dist/tw/components/loader.css",
103
+ "import": "./dist/tw/components/loader.css",
104
+ "default": "./dist/tw/components/loader.css"
105
+ },
106
+ "./tw/tooltip": {
107
+ "style": "./dist/tw/components/tooltip.css",
108
+ "import": "./dist/tw/components/tooltip.css",
109
+ "default": "./dist/tw/components/tooltip.css"
110
+ },
111
+ "./tw/reset": {
112
+ "style": "./dist/tw/reset.css",
113
+ "import": "./dist/tw/reset.css",
114
+ "default": "./dist/tw/reset.css"
115
+ },
116
+ "./tw/native": {
117
+ "style": "./dist/tw/native.css",
118
+ "import": "./dist/tw/native.css",
119
+ "default": "./dist/tw/native.css"
120
+ },
121
+ "./tw/typography": {
122
+ "style": "./dist/tw/typography.css",
123
+ "import": "./dist/tw/typography.css",
124
+ "default": "./dist/tw/typography.css"
125
+ },
126
+ "./tw/utilities": {
127
+ "style": "./dist/tw/utilities/index.css",
128
+ "import": "./dist/tw/utilities/index.css",
129
+ "default": "./dist/tw/utilities/index.css"
130
+ },
131
+ "./tw/aesthetics": {
132
+ "style": "./dist/tw/aesthetics/index.css",
133
+ "import": "./dist/tw/aesthetics/index.css",
134
+ "default": "./dist/tw/aesthetics/index.css"
135
+ },
136
+ "./tw/aesthetics/neobrutalism": {
137
+ "style": "./dist/tw/aesthetics/neobrutalism.css",
138
+ "import": "./dist/tw/aesthetics/neobrutalism.css",
139
+ "default": "./dist/tw/aesthetics/neobrutalism.css"
140
+ },
141
+ "./tw/aesthetics/glass": {
142
+ "style": "./dist/tw/aesthetics/glass.css",
143
+ "import": "./dist/tw/aesthetics/glass.css",
144
+ "default": "./dist/tw/aesthetics/glass.css"
145
+ },
146
+ "./tw/aesthetics/pixel": {
147
+ "style": "./dist/tw/aesthetics/pixel.css",
148
+ "import": "./dist/tw/aesthetics/pixel.css",
149
+ "default": "./dist/tw/aesthetics/pixel.css"
150
+ },
151
+ "./tw/aesthetics/chunky-tile": {
152
+ "style": "./dist/tw/aesthetics/chunky-tile.css",
153
+ "import": "./dist/tw/aesthetics/chunky-tile.css",
154
+ "default": "./dist/tw/aesthetics/chunky-tile.css"
155
+ },
81
156
  "./native": {
82
157
  "style": "./dist/native.css",
83
158
  "import": "./dist/native.css",
84
159
  "default": "./dist/native.css"
85
- }
160
+ },
161
+ "./package.json": "./package.json"
86
162
  },
87
163
  "publishConfig": {
88
164
  "access": "public"
89
165
  },
90
- "devDependencies": {
91
- "@playwright/test": "^1.61.1",
92
- "@tailwindcss/cli": "^4.3.2",
93
- "@types/node": "^26.1.0",
94
- "tailwindcss": "^4.3.2",
95
- "typescript": "^6.0.3",
96
- "vitest": "^4.1.10"
97
- },
98
- "peerDependencies": {
99
- "tailwindcss": ">=4.0.0"
100
- },
101
- "peerDependenciesMeta": {
102
- "tailwindcss": {
103
- "optional": true
104
- }
105
- },
106
- "codenhub": {
107
- "docs": {
108
- "label": "StyleKit",
109
- "status": "active"
110
- }
111
- },
112
166
  "scripts": {
113
167
  "clean": "node -e \"fs.rmSync('dist', { recursive: true, force: true })\"",
114
168
  "dev": "pnpm --filter=@codenhub/styles-dev dev",
@@ -117,7 +171,8 @@
117
171
  "build": "pnpm clean && pnpm build:styles && pnpm build:aesthetics && pnpm build:tw",
118
172
  "build:styles": "tailwindcss -i ./src/index.css -o ./dist/index.css --minify && tailwindcss -i ./src/theme.css -o ./dist/theme.css --minify && tailwindcss -i ./src/components/index.css -o ./dist/components.css --minify && tailwindcss -i ./src/native.css -o ./dist/native.css --minify",
119
173
  "build:aesthetics": "tailwindcss -i ./src/aesthetics/index.css -o ./dist/aesthetics/index.css --minify && tailwindcss -i ./src/aesthetics/neobrutalism.css -o ./dist/aesthetics/neobrutalism.css --minify && tailwindcss -i ./src/aesthetics/glass.css -o ./dist/aesthetics/glass.css --minify && tailwindcss -i ./src/aesthetics/pixel.css -o ./dist/aesthetics/pixel.css --minify && tailwindcss -i ./src/aesthetics/chunky-tile.css -o ./dist/aesthetics/chunky-tile.css --minify",
120
- "build:tw": "node -e \"import('node:fs').then(fs => fs.cpSync('src', 'dist/tw', { recursive: true }))\"",
174
+ "build:tw": "node scripts/build-tw.mjs",
175
+ "prepublishOnly": "pnpm build && pnpm typecheck && pnpm test",
121
176
  "status:npm": "npm view @codenhub/styles version dist-tags time --json && npm dist-tag ls @codenhub/styles && npm access get status @codenhub/styles",
122
177
  "status:pack": "npm pack --dry-run --ignore-scripts",
123
178
  "test": "vitest run",
@@ -126,5 +181,27 @@
126
181
  "test:coverage": "pnpm test",
127
182
  "test:watch": "vitest --watch",
128
183
  "typecheck": "tsc -b"
184
+ },
185
+ "devDependencies": {
186
+ "@playwright/test": "catalog:",
187
+ "@tailwindcss/cli": "catalog:",
188
+ "@types/node": "catalog:",
189
+ "tailwindcss": "catalog:",
190
+ "typescript": "catalog:",
191
+ "vitest": "catalog:"
192
+ },
193
+ "peerDependencies": {
194
+ "tailwindcss": ">=4.0.0"
195
+ },
196
+ "peerDependenciesMeta": {
197
+ "tailwindcss": {
198
+ "optional": true
199
+ }
200
+ },
201
+ "codenhub": {
202
+ "docs": {
203
+ "label": "StyleKit",
204
+ "status": "active"
205
+ }
129
206
  }
130
- }
207
+ }