ui-style-kit-css 1.0.0 → 1.0.4

package/CHANGELOG.md

@@ -2,6 +2,41 @@
 
 All notable changes to this project will be documented in this file.
 
+## [1.0.4] - 2026-05-26
+
+### Changed
+
+- Bumped package version to `1.0.4` for a clean npm republish after failed `1.0.2` / `1.0.3` attempts.
+- Synced release metadata in `package.json` and `package-lock.json` to `1.0.4`.
+
+## [1.0.3] - 2026-05-26
+
+### Fixed
+
+- Standardized changelog formatting and version notation for the latest patch release entry.
+- Replaced legacy demo image references with branded assets (`logo.png`, `assets/seo/social-card.png`).
+
+## [1.0.2] - 2026-05-25
+
+### Added
+
+- `.github/workflows/sync-package-version-with-main.yml` to keep pull request branch versions aligned with `main`.
+- `.github/workflows/release-version-alignment.yml` to enforce matching GitHub tag, `package.json`, changelog entry, and npm publish target version.
+
+### Changed
+
+- Bumped package version to `1.0.2`.
+- Upgraded `stylelint` from `^16.24.0` to `^17.12.0`.
+- Updated GitHub Actions in CI:
+  - `actions/checkout` from `v4` to `v6`
+  - `actions/setup-node` from `v4` to `v6`
+
+## [1.0.1] - 2026-05-25
+
+### Fixed
+
+- Patched release metadata and demo HTML (`package.json`, `index.html`) for package stability.
+
 ## [1.0.0] - 2026-05-24
 
 ### Added
@@ -14,8 +49,8 @@ All notable changes to this project will be documented in this file.
   - `site.webmanifest`
   - `browserconfig.xml`
   - `.nojekyll`
-  - `favicon.svg`
-  - `assets/seo/og-preview.svg`
+  - `logo.png`
+  - `assets/seo/social-card.png`
 - `llms.txt`
 - Professional repository scaffolding:
   - `CONTRIBUTING.md`

package/README.md

@@ -39,7 +39,16 @@ Extended documentation lives in [`wiki/`](wiki/):
 
 ```bash
 npm install
+npm run build
 npm run lint:css
+npm test
+```
+
+Run Playwright tests:
+
+```bash
+npm run test:e2e:install
+npm run test:e2e
 ```
 
 Auto-fix style issues:
@@ -48,6 +57,12 @@ Auto-fix style issues:
 npm run lint:css:fix
 ```
 
+Full release gate:
+
+```bash
+npm run verify
+```
+
 ## Demo SEO Files
 
 The demo page includes production SEO/social metadata plus supporting files for GitHub Pages:
@@ -58,8 +73,8 @@ The demo page includes production SEO/social metadata plus supporting files for
 - `site.webmanifest`
 - `browserconfig.xml`
 - `.nojekyll`
-- `favicon.svg`
-- `assets/seo/og-preview.svg`
+- `logo.png`
+- `assets/seo/social-card.png`
 
 ## Install
 
@@ -163,7 +178,7 @@ ui-style-kit-css/
   CODE_OF_CONDUCT.md
   LICENSE
   index.html
-  favicon.svg
+  logo.png
   llms.txt
   robots.txt
   sitemap.xml
@@ -171,7 +186,7 @@ ui-style-kit-css/
   browserconfig.xml
   assets/
     seo/
-      og-preview.svg
+      social-card.png
   .stylelintrc.json
   .stylelintignore
   .editorconfig

package/dist/ui-style-kit.css

@@ -1,14 +1,8 @@
-/*!
- * UI Style Kit CSS
- * All-in-one theme and UI style preset library build.
- * UI systems: Minimal SaaS, Bento, Maximalist, Bauhaus, Tactile, Neumorphism,
- * Retrofuturism, Brutalism, Cyberpunk, Y2K, Retro Glass.
- */
-
-
 /* =========================================================
-   Minimal SaaS
-   data-ui="minimal-saas" | class prefix: saas
+   UI Style Kit CSS
+   All-in-one library build.
+   UI systems: Minimal SaaS, Bento, Maximalist, Bauhaus, Tactile, Neumorphism,
+   Retrofuturism, Brutalism, Cyberpunk, Y2K, Retro Glass.
 ========================================================= */
 
 /* =========================================================
@@ -990,12 +984,6 @@
   [data-ui="minimal-saas"] a { color: #000 !important; text-decoration: underline; }
 }
 
-
-/* =========================================================
-   Bento UI
-   data-ui="bento" | class prefix: bento
-========================================================= */
-
 /* =========================================================
    UI Style Kit CSS — Bento UI Theme System
    Includes 10 color schemes, light/dark/contrast modes,
@@ -1976,12 +1964,6 @@
   [data-ui="bento"] a { color: #000 !important; text-decoration: underline; }
 }
 
-
-/* =========================================================
-   Maximalist / Playful
-   data-ui="maximalist" | class prefix: max
-========================================================= */
-
 /* =========================================================
    UI Style Kit CSS — Maximalist / Playful Theme System
    Includes 10 color schemes, light/dark/contrast modes,
@@ -2961,12 +2943,6 @@
   [data-ui="maximalist"] a { color: #000 !important; text-decoration: underline; }
 }
 
-
-/* =========================================================
-   Bauhaus / Swiss Modern
-   data-ui="bauhaus" | class prefix: bau
-========================================================= */
-
 /* =========================================================
    UI Style Kit CSS — Bauhaus / Swiss Modern Theme System
    Includes 10 color schemes, light/dark/contrast modes,
@@ -3946,12 +3922,6 @@
   [data-ui="bauhaus"] a { color: #000 !important; text-decoration: underline; }
 }
 
-
-/* =========================================================
-   Skeuomorphic / Tactile
-   data-ui="tactile" | class prefix: tactile
-========================================================= */
-
 /* =========================================================
    UI Style Kit CSS — Skeuomorphic / Tactile Theme System
    Includes 10 color schemes, light/dark/contrast modes,
@@ -4930,12 +4900,6 @@
   [data-ui="tactile"] a { color: #000 !important; text-decoration: underline; }
 }
 
-
-/* =========================================================
-   Neumorphism
-   data-ui="neumorphism" | class prefix: neo
-========================================================= */
-
 /* =========================================================
    UI Style Kit CSS — Neumorphism Theme System
    Includes 10 color schemes, light/dark/contrast modes,
@@ -5944,12 +5908,6 @@
   [data-ui="neumorphism"] a { color: #000 !important; text-decoration: underline; }
 }
 
-
-/* =========================================================
-   Retrofuturism
-   data-ui="retrofuturism" | class prefix: retro
-========================================================= */
-
 /* =========================================================
    UI Style Kit CSS — Retrofuturism Theme System
    Includes 10 color schemes, light/dark/contrast modes,
@@ -6966,12 +6924,6 @@
   [data-ui="retrofuturism"] a { color: #000 !important; text-decoration: underline; }
 }
 
-
-/* =========================================================
-   Brutalism
-   data-ui="brutalism" | class prefix: brutal
-========================================================= */
-
 /* =========================================================
    Brutalism Theme System
    Includes:
@@ -7884,12 +7836,6 @@
 [data-ui="brutalism"] :focus-visible { outline: 4px solid var(--brutal-focus); outline-offset: 3px; }
 @media (prefers-reduced-motion: reduce) { [data-ui="brutalism"] *, [data-ui="brutalism"] *::before, [data-ui="brutalism"] *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }
 
-
-/* =========================================================
-   Cyberpunk
-   data-ui="cyberpunk" | class prefix: cyber
-========================================================= */
-
 /* =========================================================
    Cyberpunk Theme System
    Includes:
@@ -8749,12 +8695,6 @@
 [data-ui="cyberpunk"] :focus-visible { outline: 3px solid var(--cyber-focus); outline-offset: 3px; } .cyber-button:focus-visible, .cyber-icon-button:focus-visible, .cyber-input:focus-visible, .cyber-nav-link:focus-visible { box-shadow: 0 0 0 3px rgb(var(--cyber-focus-rgb) / .28), 0 0 28px rgb(var(--cyber-focus-rgb) / .28); }
 @media (prefers-reduced-motion: reduce) { [data-ui="cyberpunk"] *, [data-ui="cyberpunk"] *::before, [data-ui="cyberpunk"] *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }
 
-
-/* =========================================================
-   Y2K
-   data-ui="y2k" | class prefix: y2k
-========================================================= */
-
 /* =========================================================
    Y2K Theme System
    Includes:
@@ -9595,12 +9535,6 @@
 [data-ui="y2k"] :focus-visible { outline: 3px solid var(--y2k-focus); outline-offset: 3px; }
 @media (prefers-reduced-motion: reduce) { [data-ui="y2k"] *, [data-ui="y2k"] *::before, [data-ui="y2k"] *::after { transition-duration: 1ms !important; animation-duration: 1ms !important; } }
 
-
-/* =========================================================
-   Retro Glass
-   data-ui="retro-glass" | class prefix: rg
-========================================================= */
-
 /* =========================================================
    Glassmorphism + Retrofuturism Hybrid Theme System
    Includes: