ui-style-kit-css 1.2.1 → 2.0.1
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.
- package/CHANGELOG.md +38 -119
- package/CONTRIBUTING.md +25 -0
- package/README.md +206 -150
- package/SECURITY.md +18 -0
- package/STYLE-MAP.md +60 -0
- package/demo/index.html +1124 -0
- package/dist/ui-style-kit.css +3077 -8115
- package/dist/ui-style-kit.min.css +1 -7
- package/dist/ui-style-kit.with-bridge.css +5861 -0
- package/dist/ui-style-kit.with-bridge.min.css +1 -0
- package/docs/PUBLISHING.md +28 -0
- package/docs/STYLE-GUIDE.md +30 -0
- package/docs/TOKENS.md +276 -0
- package/package.json +90 -128
- package/styles/bauhaus.css +145 -702
- package/styles/bento.css +145 -701
- package/styles/brutalism.css +156 -640
- package/styles/cyberpunk.css +149 -639
- package/styles/interactive-surface-bridge.css +147 -311
- package/styles/maximalist.css +146 -702
- package/styles/minimal-saas.css +141 -701
- package/styles/native-elements.css +374 -0
- package/styles/neumorphism.css +147 -702
- package/styles/retro-glass.css +152 -642
- package/styles/retrofuturism.css +147 -702
- package/styles/tactile.css +145 -701
- package/styles/theme-colors.css +787 -0
- package/styles/y2k.css +143 -636
- package/CODE_OF_CONDUCT.md +0 -64
- package/index.html +0 -234
package/SECURITY.md
ADDED
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
# Security Policy
|
|
2
|
+
|
|
3
|
+
UI Style Kit CSS is a CSS-only package. It does not execute client-side JavaScript and does not collect or transmit data.
|
|
4
|
+
|
|
5
|
+
Report potential vulnerabilities privately via GitHub Security Advisories (Security tab → Report a vulnerability), or through the preferred private contact channel once configured.
|
|
6
|
+
|
|
7
|
+
## Scope
|
|
8
|
+
|
|
9
|
+
In scope:
|
|
10
|
+
|
|
11
|
+
- Supply-chain/package integrity concerns
|
|
12
|
+
- Malicious or unexpected files in published package contents
|
|
13
|
+
- Unsafe generated demo code
|
|
14
|
+
|
|
15
|
+
Out of scope:
|
|
16
|
+
|
|
17
|
+
- Accessibility bugs that do not create a security issue
|
|
18
|
+
- Visual rendering inconsistencies across browsers
|
package/STYLE-MAP.md
ADDED
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
# UI Style Kit CSS Style Map
|
|
2
|
+
|
|
3
|
+
## UI systems
|
|
4
|
+
|
|
5
|
+
Color schemes are defined once in `styles/theme-colors.css`. Native HTML fallback selectors are defined once in `styles/native-elements.css`. Each UI system file imports both shared layers, aliases `--usk-*` RGB roles back to its prefix, and maps `--usk-native-*` tokens into the preset's visual identity.
|
|
6
|
+
|
|
7
|
+
| UI style | `data-ui` | Prefix | File |
|
|
8
|
+
|---|---:|---:|---|
|
|
9
|
+
| Minimal SaaS | `minimal-saas` | `saas` | `styles/minimal-saas.css` |
|
|
10
|
+
| Bento UI | `bento` | `bento` | `styles/bento.css` |
|
|
11
|
+
| Maximalist / Playful | `maximalist` | `max` | `styles/maximalist.css` |
|
|
12
|
+
| Bauhaus / Swiss Modern | `bauhaus` | `bau` | `styles/bauhaus.css` |
|
|
13
|
+
| Skeuomorphic / Tactile | `tactile` | `tactile` | `styles/tactile.css` |
|
|
14
|
+
| Neumorphism | `neumorphism` | `neo` | `styles/neumorphism.css` |
|
|
15
|
+
| Retrofuturism | `retrofuturism` | `retro` | `styles/retrofuturism.css` |
|
|
16
|
+
| Brutalism | `brutalism` | `brutal` | `styles/brutalism.css` |
|
|
17
|
+
| Cyberpunk | `cyberpunk` | `cyber` | `styles/cyberpunk.css` |
|
|
18
|
+
| Y2K | `y2k` | `y2k` | `styles/y2k.css` |
|
|
19
|
+
| Retro Glass | `retro-glass` | `rg` | `styles/retro-glass.css` |
|
|
20
|
+
|
|
21
|
+
## Shared color file
|
|
22
|
+
|
|
23
|
+
| Purpose | Import |
|
|
24
|
+
|---|---|
|
|
25
|
+
| Shared color schemes and mode palettes | `styles/theme-colors.css` |
|
|
26
|
+
|
|
27
|
+
## Shared native layer
|
|
28
|
+
|
|
29
|
+
| Purpose | Import |
|
|
30
|
+
|---|---|
|
|
31
|
+
| Shared native HTML element fallback selectors | `styles/native-elements.css` |
|
|
32
|
+
|
|
33
|
+
Native selectors stay generic under `[data-ui][data-theme][data-mode]`. Presets only provide token mappings such as `--usk-native-surface`, `--usk-native-radius`, and `--usk-native-shadow`, which avoids repeating the same fieldset, table, dialog, details, form, and semantic-element rules in every UI file.
|
|
34
|
+
|
|
35
|
+
## Bridge bundle
|
|
36
|
+
|
|
37
|
+
| Purpose | Import |
|
|
38
|
+
|---|---|
|
|
39
|
+
| Interactive Surface bridge tokens and state levels | `styles/interactive-surface-bridge.css` |
|
|
40
|
+
|
|
41
|
+
The bridge inherits from shared `--usk-*` color roles, then applies `.interactive-surface`, `data-surface-variant`, and `data-surface-level` hooks without duplicating theme or UI preset maps.
|
|
42
|
+
|
|
43
|
+
## Themes
|
|
44
|
+
|
|
45
|
+
- `midnight-gold`
|
|
46
|
+
- `ocean-steel`
|
|
47
|
+
- `forest-moss`
|
|
48
|
+
- `sunset-ember`
|
|
49
|
+
- `royal-plum`
|
|
50
|
+
- `graphite-cyan`
|
|
51
|
+
- `desert-sage`
|
|
52
|
+
- `rose-quartz`
|
|
53
|
+
- `cyber-lime`
|
|
54
|
+
- `arctic-indigo`
|
|
55
|
+
|
|
56
|
+
## Modes
|
|
57
|
+
|
|
58
|
+
- `light`
|
|
59
|
+
- `dark`
|
|
60
|
+
- `contrast`
|