ui-style-kit-css 1.0.0 → 1.0.4

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 (6) hide show
  1. package/CHANGELOG.md +37 -2
  2. package/README.md +19 -4
  3. package/dist/ui-style-kit.css +4 -70
  4. package/dist/ui-style-kit.min.css +1 -1
  5. package/index.html +17 -7
  6. package/package.json +16 -3
package/index.html CHANGED
@@ -48,9 +48,19 @@
48
48
  <link rel="alternate" href="https://foscat.github.io/ui-style-kit-css/" hreflang="x-default" />
49
49
  <link rel="license" href="https://github.com/Foscat/ui-style-kit-css/blob/main/LICENSE" />
50
50
  <link rel="manifest" href="site.webmanifest" />
51
- <link rel="stylesheet" href="dist/ui-style-kit.css" />
52
- <link rel="icon" href="favicon.svg" type="image/svg+xml" />
53
- <link rel="apple-touch-icon" href="favicon.svg" />
51
+ <link rel="stylesheet" href="styles/minimal-saas.css" />
52
+ <link rel="stylesheet" href="styles/bento.css" />
53
+ <link rel="stylesheet" href="styles/maximalist.css" />
54
+ <link rel="stylesheet" href="styles/bauhaus.css" />
55
+ <link rel="stylesheet" href="styles/tactile.css" />
56
+ <link rel="stylesheet" href="styles/neumorphism.css" />
57
+ <link rel="stylesheet" href="styles/retrofuturism.css" />
58
+ <link rel="stylesheet" href="styles/brutalism.css" />
59
+ <link rel="stylesheet" href="styles/cyberpunk.css" />
60
+ <link rel="stylesheet" href="styles/y2k.css" />
61
+ <link rel="stylesheet" href="styles/retro-glass.css" />
62
+ <link rel="icon" href="logo.png" type="image/png" sizes="1254x1254" />
63
+ <link rel="apple-touch-icon" href="logo.png" />
54
64
  <meta name="apple-mobile-web-app-capable" content="yes" />
55
65
  <meta name="apple-mobile-web-app-title" content="UI Style Kit CSS" />
56
66
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
@@ -68,9 +78,9 @@
68
78
  content="Try every UI Style Kit CSS visual system, switch shared themes and modes, and preview native element coverage."
69
79
  />
70
80
  <meta property="og:url" content="https://foscat.github.io/ui-style-kit-css/" />
71
- <meta property="og:image" content="https://foscat.github.io/ui-style-kit-css/assets/seo/og-preview.svg" />
72
- <meta property="og:image:secure_url" content="https://foscat.github.io/ui-style-kit-css/assets/seo/og-preview.svg" />
73
- <meta property="og:image:type" content="image/svg+xml" />
81
+ <meta property="og:image" content="https://foscat.github.io/ui-style-kit-css/assets/seo/social-card.png" />
82
+ <meta property="og:image:secure_url" content="https://foscat.github.io/ui-style-kit-css/assets/seo/social-card.png" />
83
+ <meta property="og:image:type" content="image/png" />
74
84
  <meta property="og:image:alt" content="UI Style Kit CSS social preview image" />
75
85
  <meta name="twitter:card" content="summary_large_image" />
76
86
  <meta name="twitter:title" content="UI Style Kit CSS Demo | 11 UI Systems, 10 Themes" />
@@ -78,7 +88,7 @@
78
88
  name="twitter:description"
79
89
  content="CSS-only UI style library demo with multi-style switching, shared themes, and accessibility-focused native HTML coverage."
80
90
  />
81
- <meta name="twitter:image" content="https://foscat.github.io/ui-style-kit-css/assets/seo/og-preview.svg" />
91
+ <meta name="twitter:image" content="https://foscat.github.io/ui-style-kit-css/assets/seo/social-card.png" />
82
92
  <meta name="twitter:image:alt" content="UI Style Kit CSS social preview image" />
83
93
  <script type="application/ld+json">
84
94
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ui-style-kit-css",
3
- "version": "1.0.0",
3
+ "version": "1.0.4",
4
4
  "description": "A CSS-only UI style and color theme kit with 11 visual systems, 10 shared color schemes, light/dark/contrast modes, and accessibility-focused native HTML coverage.",
5
5
  "style": "dist/ui-style-kit.css",
6
6
  "main": "dist/ui-style-kit.css",
@@ -33,9 +33,20 @@
33
33
  "retrofuturism"
34
34
  ],
35
35
  "scripts": {
36
+ "build": "node scripts/build-css.js",
36
37
  "lint": "npm run lint:css",
37
38
  "lint:css": "stylelint \"styles/**/*.css\"",
38
- "lint:css:fix": "stylelint \"styles/**/*.css\" --fix"
39
+ "lint:css:fix": "stylelint \"styles/**/*.css\" --fix",
40
+ "prepublishOnly": "npm run lint && npm run build && npm run test:unit",
41
+ "test": "npm run test:unit",
42
+ "test:ci": "npm run lint && npm run build && npm run test:unit && npm run test:e2e",
43
+ "test:e2e": "node scripts/playwright-cli.js test",
44
+ "test:e2e:headed": "node scripts/playwright-cli.js test --headed",
45
+ "test:e2e:install": "node scripts/playwright-cli.js install chromium",
46
+ "test:e2e:install:ci": "node scripts/playwright-cli.js install --with-deps chromium",
47
+ "test:e2e:ui": "node scripts/playwright-cli.js test --ui",
48
+ "test:unit": "node --test tests/package-integrity.test.js",
49
+ "verify": "npm run lint && npm run build && npm run test:unit && npm run test:e2e"
39
50
  },
40
51
  "license": "MIT",
41
52
  "engines": {
@@ -80,7 +91,9 @@
80
91
  },
81
92
  "homepage": "https://github.com/Foscat/ui-style-kit-css#readme",
82
93
  "devDependencies": {
83
- "stylelint": "^16.24.0"
94
+ "@playwright/test": "^1.54.0",
95
+ "lightningcss": "^1.30.2",
96
+ "stylelint": "^17.12.0"
84
97
  },
85
98
  "dependencies": {
86
99
  "ajv": "~8.20.0",