ui-style-kit-css 2.0.2 → 2.0.3

package/docs/PUBLISHING.md

@@ -9,13 +9,15 @@ npm run pack:dry-run
 
 `npm run check` rebuilds dist CSS, runs stylelint, executes package, class API, shared theme-color, and vendor-prefix unit checks, validates core text/link contrast pairs and filled component `on-*` contrast pairs, and confirms package metadata. `npm run pack:dry-run` shows the exact files that would publish.
 
+The npm artifact is library-focused: `dist/`, `styles/`, docs, and metadata. Demo pages, favicon source assets, and social preview images remain checked in for GitHub Pages but are excluded from the tarball to keep package installs small.
+
 ## Publish
 
 ```bash
 npm publish
 ```
 
-For GitHub releases, create or dispatch a release for the matching package tag, such as `v2.0.2`. The release workflows verify that `package.json`, `package-lock.json`, `CHANGELOG.md`, and generated dist banners are aligned before publishing.
+For GitHub releases, create or dispatch a release for the matching package tag, such as `v2.0.3`. The release workflows verify that `package.json`, `package-lock.json`, `CHANGELOG.md`, and generated dist banners are aligned before publishing.
 
 ## Versioning
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-style-kit-css",
-  "version": "2.0.2",
+  "version": "2.0.3",
   "description": "CSS theme and UI style preset library for accessible websites, dashboards, admin interfaces, and client-facing pages.",
   "style": "dist/ui-style-kit.css",
   "main": "dist/ui-style-kit.css",
@@ -9,7 +9,6 @@
   "files": [
     "dist",
     "styles",
-    "demo",
     "docs",
     "README.md",
     "LICENSE",
@@ -140,7 +139,7 @@
   },
   "scripts": {
     "build": "node scripts/build.mjs",
-    "lint": "stylelint \"styles/**/*.css\"",
+    "lint": "stylelint \"styles/**/*.css\" \"demo/**/*.css\"",
     "check:contrast": "node scripts/check-contrast.mjs",
     "check:package": "node scripts/check-package.mjs",
     "test": "npm run test:unit",

package/demo/assets/README.md

@@ -1,23 +0,0 @@
-# UI Style Kit CSS favicon pack
-
-Generated for the UI Style Kit CSS demo site.
-
-## Install
-
-1. Keep this folder at `demo/assets/` for the checked-in demo site.
-2. Paste the contents of `favicon-head-snippet.html` into a demo document that also has an `assets/` folder beside it.
-3. If copying the pack into another public root, update the snippet paths to match that app's deployed base path.
-
-## Included files
-
-- `favicon.ico` with 16, 32, and 48 px embedded sizes
-- `favicon.svg` scalable gradient icon
-- PNG favicons: 16, 32, 48, 64, 96, 128, 256 px
-- `apple-touch-icon.png` at 180 px
-- `android-chrome-192x192.png` and `android-chrome-512x512.png`
-- `mstile-150x150.png` and `browserconfig.xml`
-- `safari-pinned-tab.svg`
-- `site.webmanifest`
-
-Theme color: `#070b24`
-Accent color: `#6e56ff`

package/demo/assets/browserconfig.xml

@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<browserconfig>
-  <msapplication>
-    <tile>
-      <square150x150logo src="mstile-150x150.png"/>
-      <TileColor>#070b24</TileColor>
-    </tile>
-  </msapplication>
-</browserconfig>

package/demo/assets/favicon-head-snippet.html

@@ -1,11 +0,0 @@
-<!-- UI Style Kit CSS favicon pack -->
-<link rel="icon" href="assets/favicon.ico" sizes="any">
-<link rel="icon" type="image/svg+xml" href="assets/favicon.svg">
-<link rel="icon" type="image/png" sizes="16x16" href="assets/favicon-16x16.png">
-<link rel="icon" type="image/png" sizes="32x32" href="assets/favicon-32x32.png">
-<link rel="apple-touch-icon" sizes="180x180" href="assets/apple-touch-icon.png">
-<link rel="manifest" href="assets/site.webmanifest">
-<link rel="mask-icon" href="assets/safari-pinned-tab.svg" color="#6e56ff">
-<meta name="msapplication-TileColor" content="#070b24">
-<meta name="msapplication-config" content="assets/browserconfig.xml">
-<meta name="theme-color" content="#070b24">

package/demo/assets/favicon.svg

@@ -1,26 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024" role="img" aria-labelledby="title desc">
-  <title id="title">UI Style Kit CSS favicon</title>
-  <desc id="desc">Layered gradient rounded-square icon with a white U.</desc>
-  <defs>
-    <linearGradient id="g1" x1="12%" y1="86%" x2="88%" y2="14%">
-      <stop offset="0%" stop-color="#ff8a4c"/>
-      <stop offset="37%" stop-color="#8b5cff"/>
-      <stop offset="72%" stop-color="#5f6cff"/>
-      <stop offset="100%" stop-color="#22d8d1"/>
-    </linearGradient>
-    <linearGradient id="g2" x1="0%" y1="100%" x2="100%" y2="0%">
-      <stop offset="0%" stop-color="#ff7b55"/>
-      <stop offset="45%" stop-color="#9b5cff"/>
-      <stop offset="100%" stop-color="#22cfff"/>
-    </linearGradient>
-    <filter id="shadow" x="-20%" y="-20%" width="140%" height="150%">
-      <feDropShadow dx="18" dy="28" stdDeviation="22" flood-color="#03071f" flood-opacity="0.38"/>
-    </filter>
-  </defs>
-  <g filter="url(#shadow)">
-    <rect x="132" y="226" width="610" height="610" rx="126" transform="rotate(-7 437 531)" fill="url(#g1)" opacity="0.82"/>
-    <rect x="184" y="158" width="650" height="650" rx="130" transform="rotate(-4 509 483)" fill="url(#g2)" opacity="0.92"/>
-    <rect x="196" y="104" width="660" height="660" rx="136" transform="rotate(-4 526 434)" fill="url(#g1)"/>
-  </g>
-  <text x="512" y="668" text-anchor="middle" font-family="Inter, Arial, Helvetica, sans-serif" font-size="560" font-weight="900" fill="#ffffff">U</text>
-</svg>

package/demo/assets/safari-pinned-tab.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
-  <path fill="#000000" d="M200 160H360V510C360 610 410 650 512 650C614 650 664 610 664 510V160H824V525C824 700 700 800 512 800C324 800 200 700 200 525Z"/>
-</svg>

package/demo/assets/site.webmanifest

@@ -1,25 +0,0 @@
-{
-  "name": "UI Style Kit CSS Demo",
-  "short_name": "UI Style Kit",
-  "description": "Demo site for the UI Style Kit CSS library.",
-  "id": "../",
-  "start_url": "../",
-  "scope": "../",
-  "icons": [
-    {
-      "src": "android-chrome-192x192.png",
-      "sizes": "192x192",
-      "type": "image/png",
-      "purpose": "any maskable"
-    },
-    {
-      "src": "android-chrome-512x512.png",
-      "sizes": "512x512",
-      "type": "image/png",
-      "purpose": "any maskable"
-    }
-  ],
-  "theme_color": "#070b24",
-  "background_color": "#070b24",
-  "display": "standalone"
-}