ui-style-kit-css 2.2.0 → 2.4.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 (122) hide show
  1. package/CHANGELOG.md +77 -1
  2. package/CONTRIBUTING.md +8 -1
  3. package/README.md +171 -53
  4. package/STYLE-MAP.md +28 -5
  5. package/dist/assets/bauhaus-barlow-OFL.txt +93 -0
  6. package/dist/assets/bauhaus-barlow-semibold.ttf +0 -0
  7. package/dist/assets/bauhaus-barlow.ttf +0 -0
  8. package/dist/assets/bauhaus-condensed-OFL.txt +93 -0
  9. package/dist/assets/bauhaus-condensed-bold.ttf +0 -0
  10. package/dist/assets/bauhaus-condensed-extrabold.ttf +0 -0
  11. package/dist/assets/bento-manrope-OFL.txt +93 -0
  12. package/dist/assets/bento-manrope.ttf +0 -0
  13. package/dist/assets/clay-grain.png +0 -0
  14. package/dist/assets/clay-rounded-OFL.txt +93 -0
  15. package/dist/assets/clay-rounded.ttf +0 -0
  16. package/dist/assets/neo-noir-corner-dark.png +0 -0
  17. package/dist/assets/neo-noir-corner-light.png +0 -0
  18. package/dist/assets/neo-noir-texture-dark.png +0 -0
  19. package/dist/assets/neo-noir-texture-light.png +0 -0
  20. package/dist/assets/organic-display-OFL.txt +93 -0
  21. package/dist/assets/organic-display.ttf +0 -0
  22. package/dist/assets/organic-icons-LICENSE.txt +21 -0
  23. package/dist/assets/organic-sans-OFL.txt +93 -0
  24. package/dist/assets/organic-sans.ttf +0 -0
  25. package/dist/ui-style-kit.css +55604 -6525
  26. package/dist/ui-style-kit.min.css +2 -2
  27. package/dist/ui-style-kit.visual.css +55443 -6942
  28. package/dist/ui-style-kit.visual.min.css +2 -2
  29. package/dist/ui-style-kit.with-bridge.css +55646 -6551
  30. package/dist/ui-style-kit.with-bridge.min.css +2 -2
  31. package/dist/visual/art-deco.css +7318 -0
  32. package/dist/visual/bauhaus.css +2 -2961
  33. package/dist/visual/bento.css +2 -2980
  34. package/dist/visual/brutalism.css +2679 -352
  35. package/dist/visual/clay.css +5 -0
  36. package/dist/visual/cyberpunk.css +4482 -781
  37. package/dist/visual/data-terminal.css +6182 -0
  38. package/dist/visual/editorial-luxe.css +6450 -0
  39. package/dist/visual/industrial-utility.css +7259 -0
  40. package/dist/visual/maximalist.css +4080 -1025
  41. package/dist/visual/minimal-saas.css +3305 -888
  42. package/dist/visual/neo-noir.css +5 -0
  43. package/dist/visual/neumorphism.css +3582 -975
  44. package/dist/visual/organic-modern.css +5 -0
  45. package/dist/visual/paper-editorial.css +7074 -0
  46. package/dist/visual/retro-glass.css +4426 -760
  47. package/dist/visual/retrofuturism.css +3676 -875
  48. package/dist/visual/tactile.css +4568 -1036
  49. package/dist/visual/technical-blueprint.css +6713 -0
  50. package/dist/visual/y2k.css +3672 -753
  51. package/docs/ART-DECO.md +80 -0
  52. package/docs/BAUHAUS.md +152 -0
  53. package/docs/BENTO.md +121 -0
  54. package/docs/CLAY.md +127 -0
  55. package/docs/DEMO-SHOWCASE.md +65 -0
  56. package/docs/ECOSYSTEM.md +9 -5
  57. package/docs/EDITORIAL-LUX.md +75 -0
  58. package/docs/INDUSTRIAL-UTILITY.md +131 -0
  59. package/docs/NATIVE-ELEMENTS.md +23 -17
  60. package/docs/NEO-NOIR.md +94 -0
  61. package/docs/ORGANIC-MODERN.md +91 -0
  62. package/docs/PAPER-EDITORIAL.md +63 -0
  63. package/docs/PUBLISHING.md +36 -11
  64. package/docs/RELEASE-2.4.0.md +88 -0
  65. package/docs/RETRO-GLASS.md +105 -0
  66. package/docs/STYLE-GUIDE.md +68 -13
  67. package/docs/TACTILE.md +38 -0
  68. package/docs/TECHNICAL-BLUEPRINT.md +60 -0
  69. package/docs/TOKENS.md +90 -4
  70. package/docs/superpowers/plans/2026-08-29-preset-identity-system-refinement.md +649 -0
  71. package/docs/superpowers/plans/2026-09-04-library-wide-theme-fallback-and-fidelity.md +331 -0
  72. package/docs/superpowers/specs/2026-08-29-preset-identity-system-refinement-design.md +212 -0
  73. package/docs/superpowers/specs/2026-09-04-library-wide-theme-fallback-and-fidelity-design.md +113 -0
  74. package/manifest.json +769 -20
  75. package/package.json +79 -14
  76. package/styles/art-deco.css +2068 -0
  77. package/styles/assets/bauhaus-barlow-OFL.txt +93 -0
  78. package/styles/assets/bauhaus-barlow-semibold.ttf +0 -0
  79. package/styles/assets/bauhaus-barlow.ttf +0 -0
  80. package/styles/assets/bauhaus-condensed-OFL.txt +93 -0
  81. package/styles/assets/bauhaus-condensed-bold.ttf +0 -0
  82. package/styles/assets/bauhaus-condensed-extrabold.ttf +0 -0
  83. package/styles/assets/bento-manrope-OFL.txt +93 -0
  84. package/styles/assets/bento-manrope.ttf +0 -0
  85. package/styles/assets/clay-grain.png +0 -0
  86. package/styles/assets/clay-rounded-OFL.txt +93 -0
  87. package/styles/assets/clay-rounded.ttf +0 -0
  88. package/styles/assets/neo-noir-corner-dark.png +0 -0
  89. package/styles/assets/neo-noir-corner-light.png +0 -0
  90. package/styles/assets/neo-noir-texture-dark.png +0 -0
  91. package/styles/assets/neo-noir-texture-light.png +0 -0
  92. package/styles/assets/organic-display-OFL.txt +93 -0
  93. package/styles/assets/organic-display.ttf +0 -0
  94. package/styles/assets/organic-icons-LICENSE.txt +21 -0
  95. package/styles/assets/organic-sans-OFL.txt +93 -0
  96. package/styles/assets/organic-sans.ttf +0 -0
  97. package/styles/bauhaus.css +1092 -87
  98. package/styles/bento.css +1413 -86
  99. package/styles/brutalism.css +493 -10
  100. package/styles/clay.css +1927 -0
  101. package/styles/compat-layout.css +1 -2
  102. package/styles/components.css +698 -33
  103. package/styles/content-overflow.css +434 -9
  104. package/styles/cyberpunk.css +2082 -46
  105. package/styles/data-terminal.css +1795 -0
  106. package/styles/editorial-luxe.css +1251 -0
  107. package/styles/industrial-utility.css +2449 -0
  108. package/styles/interactive-surface-bridge.css +40 -24
  109. package/styles/interactive-surface-theme.css +31 -13
  110. package/styles/maximalist.css +1410 -94
  111. package/styles/minimal-saas.css +675 -73
  112. package/styles/native-elements.css +396 -168
  113. package/styles/neo-noir.css +1332 -0
  114. package/styles/neumorphism.css +1155 -52
  115. package/styles/organic-modern.css +1353 -0
  116. package/styles/paper-editorial.css +1724 -0
  117. package/styles/retro-glass.css +870 -42
  118. package/styles/retrofuturism.css +1173 -55
  119. package/styles/tactile.css +2018 -84
  120. package/styles/technical-blueprint.css +1337 -0
  121. package/styles/theme-colors.css +796 -5
  122. package/styles/y2k.css +1182 -40
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ui-style-kit-css",
3
- "version": "2.2.0",
3
+ "version": "2.4.0",
4
4
  "description": "CSS theme and UI style preset library for accessible websites, dashboards, admin interfaces, and client-facing pages.",
5
5
  "style": "dist/ui-style-kit.css",
6
6
  "main": "dist/ui-style-kit.css",
@@ -141,7 +141,52 @@
141
141
  "./with-bridge.css": "./dist/ui-style-kit.with-bridge.css",
142
142
  "./dist/ui-style-kit.with-bridge.css": "./dist/ui-style-kit.with-bridge.css",
143
143
  "./dist/ui-style-kit.with-bridge.min.css": "./dist/ui-style-kit.with-bridge.min.css",
144
- "./manifest.json": "./manifest.json"
144
+ "./manifest.json": "./manifest.json",
145
+ "./visual/editorial-luxe.css": "./dist/visual/editorial-luxe.css",
146
+ "./styles/editorial-luxe": "./styles/editorial-luxe.css",
147
+ "./styles/editorial-luxe.css": "./styles/editorial-luxe.css",
148
+ "./editorial-luxe": "./styles/editorial-luxe.css",
149
+ "./editorial-luxe.css": "./styles/editorial-luxe.css",
150
+ "./visual/organic-modern.css": "./dist/visual/organic-modern.css",
151
+ "./styles/organic-modern": "./styles/organic-modern.css",
152
+ "./styles/organic-modern.css": "./styles/organic-modern.css",
153
+ "./organic-modern": "./styles/organic-modern.css",
154
+ "./organic-modern.css": "./styles/organic-modern.css",
155
+ "./visual/industrial-utility.css": "./dist/visual/industrial-utility.css",
156
+ "./styles/industrial-utility": "./styles/industrial-utility.css",
157
+ "./styles/industrial-utility.css": "./styles/industrial-utility.css",
158
+ "./industrial-utility": "./styles/industrial-utility.css",
159
+ "./industrial-utility.css": "./styles/industrial-utility.css",
160
+ "./visual/technical-blueprint.css": "./dist/visual/technical-blueprint.css",
161
+ "./styles/technical-blueprint": "./styles/technical-blueprint.css",
162
+ "./styles/technical-blueprint.css": "./styles/technical-blueprint.css",
163
+ "./technical-blueprint": "./styles/technical-blueprint.css",
164
+ "./technical-blueprint.css": "./styles/technical-blueprint.css",
165
+ "./visual/art-deco.css": "./dist/visual/art-deco.css",
166
+ "./styles/art-deco": "./styles/art-deco.css",
167
+ "./styles/art-deco.css": "./styles/art-deco.css",
168
+ "./art-deco": "./styles/art-deco.css",
169
+ "./art-deco.css": "./styles/art-deco.css",
170
+ "./visual/clay.css": "./dist/visual/clay.css",
171
+ "./styles/clay": "./styles/clay.css",
172
+ "./styles/clay.css": "./styles/clay.css",
173
+ "./clay": "./styles/clay.css",
174
+ "./clay.css": "./styles/clay.css",
175
+ "./visual/data-terminal.css": "./dist/visual/data-terminal.css",
176
+ "./styles/data-terminal": "./styles/data-terminal.css",
177
+ "./styles/data-terminal.css": "./styles/data-terminal.css",
178
+ "./data-terminal": "./styles/data-terminal.css",
179
+ "./data-terminal.css": "./styles/data-terminal.css",
180
+ "./visual/paper-editorial.css": "./dist/visual/paper-editorial.css",
181
+ "./styles/paper-editorial": "./styles/paper-editorial.css",
182
+ "./styles/paper-editorial.css": "./styles/paper-editorial.css",
183
+ "./paper-editorial": "./styles/paper-editorial.css",
184
+ "./paper-editorial.css": "./styles/paper-editorial.css",
185
+ "./visual/neo-noir.css": "./dist/visual/neo-noir.css",
186
+ "./styles/neo-noir": "./styles/neo-noir.css",
187
+ "./styles/neo-noir.css": "./styles/neo-noir.css",
188
+ "./neo-noir": "./styles/neo-noir.css",
189
+ "./neo-noir.css": "./styles/neo-noir.css"
145
190
  },
146
191
  "repository": {
147
192
  "type": "git",
@@ -154,48 +199,68 @@
154
199
  "engines": {
155
200
  "node": ">=20"
156
201
  },
202
+ "browserslist": [
203
+ "last 2 Chrome major versions",
204
+ "last 2 Edge major versions",
205
+ "last 2 Firefox major versions",
206
+ "Safari >= 16",
207
+ "iOS >= 16",
208
+ "not dead"
209
+ ],
157
210
  "type": "module",
158
211
  "devDependencies": {
159
212
  "@axe-core/playwright": "4.12.1",
160
213
  "@playwright/test": "~1.61.1",
214
+ "browserslist": "4.28.8",
161
215
  "css-tree": "3.2.1",
162
216
  "lightningcss": "1.33.0",
163
217
  "pixelmatch": "7.2.0",
164
218
  "pngjs": "7.0.0",
165
- "stylelint": "~17.14.0"
219
+ "stylelint": "~17.14.1"
166
220
  },
167
221
  "overrides": {
168
- "fast-uri": "3.1.5",
222
+ "fast-uri": "3.1.6",
169
223
  "js-yaml": "4.3.1",
170
- "nanoid": "3.3.17",
224
+ "nanoid": "3.3.18",
171
225
  "postcss": "8.5.23"
172
226
  },
173
227
  "scripts": {
228
+ "generate:content-overflow": "node scripts/generate-content-overflow.mjs",
229
+ "generate:components": "node scripts/generate-expanded-components.mjs",
174
230
  "build": "node scripts/build.mjs",
175
231
  "lint": "stylelint \"styles/**/*.css\" \"demo/**/*.css\"",
176
232
  "check:contrast": "node scripts/check-contrast.mjs",
177
233
  "check:ownership": "node scripts/check-css-ownership.mjs",
234
+ "check:compat": "node scripts/check-browser-compatibility.mjs",
178
235
  "check:package": "node scripts/check-package.mjs",
179
236
  "test": "npm run test:unit",
180
237
  "test:unit": "node --test tests/*.test.js",
181
- "test:e2e": "playwright test --config playwright.config.js",
182
- "test:axe": "playwright test --config playwright.config.js tests/e2e/accessibility.spec.js",
183
- "test:matrix": "playwright test --config playwright.matrix.config.js",
184
- "test:e2e:install:ci": "playwright install --with-deps chromium firefox webkit",
238
+ "test:e2e": "playwright test --config playwright.release.config.js",
239
+ "test:e2e:full": "playwright test --config playwright.config.js",
240
+ "test:axe": "playwright test --config playwright.release.config.js tests/e2e/accessibility.spec.js",
241
+ "test:axe:full": "playwright test --config playwright.config.js tests/e2e/accessibility.spec.js",
242
+ "test:matrix": "node scripts/run-ui-matrix.mjs blocks",
243
+ "test:matrix:block": "node scripts/run-ui-matrix.mjs block",
244
+ "test:matrix:case": "node scripts/run-ui-matrix.mjs case",
245
+ "test:matrix:range": "node scripts/run-ui-matrix.mjs range",
246
+ "test:matrix:raw": "playwright test --config playwright.matrix.config.js",
247
+ "test:e2e:install:ci": "playwright install --with-deps chromium",
248
+ "test:e2e:install:ci:full": "playwright install --with-deps chromium firefox webkit",
185
249
  "check:ecosystem:current": "node scripts/check-ecosystem-packs.mjs --matrix current",
186
250
  "check:ecosystem:minimum": "node scripts/check-ecosystem-packs.mjs --matrix minimum --skip-docs",
187
251
  "check:ecosystem:packs": "npm run check:ecosystem:current && npm run check:ecosystem:minimum",
188
252
  "test:ecosystem:clean-install": "node --test tests/clean-install-ecosystem-contract.integration.mjs",
189
- "release:preflight": "npm run build && node scripts/release-preflight.mjs --layout-repo ../Layout-Style-CSS --interactive-repo ../Interactive-Surface-CSS --layout-docs-repo ../Layout-Style-CSS --interactive-docs-repo ../Interactive-Surface-CSS",
190
- "check": "npm run build && npm run lint && npm run test:unit && npm run check:contrast && npm run check:ownership && npm run check:package",
191
- "pack:dry-run": "npm pack --dry-run",
253
+ "release:preflight": "npm run build && node scripts/release-preflight.mjs --layout-repo ../Layout-Style-CSS --interactive-spec interactive-surface-css@1.7.0 --layout-docs-repo ../Layout-Style-CSS",
254
+ "check": "npm run build && npm run lint && npm run test:unit && npm run check:contrast && npm run check:compat && npm run check:ownership && npm run check:package",
255
+ "pack:dry-run": "npm pack --dry-run --ignore-scripts",
192
256
  "prepack": "npm run check",
193
- "release:verify": "npm run check && npm run test:e2e && npm run test:axe && npm run test:visual && npm run test:matrix && npm run release:preflight -- --candidate-package ui-style-kit-css && npm audit --audit-level=moderate && npm run pack:dry-run",
257
+ "release:verify": "npm run check && npm run test:e2e && npm run release:preflight -- --candidate-package ui-style-kit-css --skip-clean-install && npm audit --audit-level=moderate && npm run pack:dry-run",
258
+ "release:verify:full": "npm run check && npm run test:e2e:full && npm run test:axe:full && npm run test:visual:full && npm run test:matrix && npm run release:preflight -- --candidate-package ui-style-kit-css && npm audit --audit-level=moderate && npm run pack:dry-run",
194
259
  "prepublishOnly": "npm run release:verify",
195
260
  "release:patch": "npm version patch && npm publish",
196
261
  "release:minor": "npm version minor && npm publish",
197
262
  "release:major": "npm version major && npm publish",
198
- "test:visual": "playwright test --config playwright.config.mjs tests/demo-visual.spec.mjs"
263
+ "test:visual:full": "playwright test --config playwright.config.mjs tests/demo-visual.spec.mjs"
199
264
  },
200
265
  "author": "Kyle Foster",
201
266
  "publishConfig": {