eidotter 0.26.0 → 0.27.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 (12) hide show
  1. package/README.md +2 -1
  2. package/dist/components/Skeleton/components/Skeleton.d.ts +21 -0
  3. package/dist/components/Skeleton/components/index.d.ts +2 -0
  4. package/dist/components/Skeleton/index.d.ts +2 -0
  5. package/dist/eidotter.css +1 -1
  6. package/dist/index.d.ts +3 -1
  7. package/dist/index.es.js +1635 -1495
  8. package/dist/index.umd.js +4 -4
  9. package/guidelines/components.md +805 -768
  10. package/package.json +4 -4
  11. package/src/styles/tokens.css +4 -4
  12. package/tailwind.preset.cjs +2 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "eidotter",
3
- "version": "0.26.0",
3
+ "version": "0.27.0",
4
4
  "type": "module",
5
5
  "description": "A DOS Themed Design System",
6
6
  "main": "./dist/index.umd.js",
@@ -64,7 +64,7 @@
64
64
  ],
65
65
  "scripts": {
66
66
  "dev": "vite",
67
- "build": "vite build && tsc -p tsconfig.build.json && npm run build-icons",
67
+ "build": "vite build && node scripts/flatten-css-layers.mjs && tsc -p tsconfig.build.json && npm run build-icons",
68
68
  "build-icons": "node scripts/icons/build-barrels.mjs && tsc -p tsconfig.icons.json",
69
69
  "fetch-icons": "node scripts/icons/fetch-svgs.mjs",
70
70
  "generate-icons": "node scripts/icons/build-tsx.mjs && node scripts/icons/build-barrels.mjs",
@@ -120,7 +120,7 @@
120
120
  "devDependencies": {
121
121
  "@eslint/js": "^10.0.1",
122
122
  "@figma/plugin-typings": "^1.107.0-beta.2",
123
- "@figma/rest-api-spec": "^0.38.0",
123
+ "@figma/rest-api-spec": "^0.40.0",
124
124
  "@storybook/addon-a11y": "^10.2.7",
125
125
  "@storybook/addon-designs": "^11.1.2",
126
126
  "@storybook/addon-docs": "^10.2.7",
@@ -140,7 +140,7 @@
140
140
  "@types/react-dom": "^19.0.0",
141
141
  "@vitejs/plugin-react": "^6.0.2",
142
142
  "axe-playwright": "^2.2.2",
143
- "chromatic": "^16.2.0",
143
+ "chromatic": "^17.4.0",
144
144
  "cross-env": "^10.1.0",
145
145
  "dotenv": "^17.3.1",
146
146
  "eslint": "^10.0.3",
package/src/styles/tokens.css CHANGED
@@ -65,7 +65,7 @@
65
65
  --typography-line-height-display-lg: 3.75rem; /** 60px */
66
66
  --typography-line-height-display-xl: 4.5rem; /** 72px */
67
67
  --typography-line-height-display-2xl: 5.625rem; /** 90px */
68
- --spacing-0: 0;
68
+ --spacing-0: 0px;
69
69
  --spacing-1: 4px;
70
70
  --spacing-2: 8px;
71
71
  --spacing-3: 12px;
@@ -76,7 +76,7 @@
76
76
  --spacing-10: 40px;
77
77
  --spacing-12: 48px;
78
78
  --spacing-16: 64px;
79
- --border-radius-none: 0;
79
+ --border-radius-none: 0px;
80
80
  --border-radius-sm: 2px;
81
81
  --border-radius-base: 4px;
82
82
  --border-width-thin: 1px;
@@ -146,13 +146,13 @@
146
146
  --effects-bloom-outer: rgba(255, 176, 0, 0.05); /** Outer phosphor bloom layer (faint glow) */
147
147
  --effects-bloom-center: rgba(255, 176, 0, 0.03); /** Center phosphor bloom highlight */
148
148
  --effects-crt-background: #060300; /** Dark warm-black for CRT screen (not pure black) */
149
- --dimension-placeholder: 0; /** Placeholder so the file is non-empty and parses. Remove when actual T3 tokens land. */
149
+ --dimension-placeholder: 0px; /** Placeholder so the file is non-empty and parses. Remove when actual T3 tokens land. */
150
150
  --effect-phosphor-intensity: 1; /** Overall phosphor brightness multiplier (0–1). Web: --retro-intensity CSS var; Apple: SwiftUI colorEffect shader uniform / Metal float. */
151
151
  --effect-phosphor-persistence: 200ms; /** How long a glow lingers after change (50–800ms). Web: animation duration on glow fade; Apple: SwiftUI .easeOut animation duration or SKShader trailing uniform. Phase 0i Niels-derived (time-based segmentation). */
152
152
  --effect-phosphor-glow-radius: 40px; /** Tight phosphor glow around lit pixels (8–120px). Web: box-shadow inset blur; Apple: SwiftUI .shadow(radius:) or CIBloom input radius. Note: Apple/web don't use identical units — see Phase 0i unit-conversion note. */
153
153
  --effect-phosphor-bloom-radius: 80px; /** Soft phosphor halation extending outward (20–200px). Web: outer box-shadow inset blur; Apple: CIBloom larger pass. */
154
154
  --effect-phosphor-bloom-intensity: 0.5; /** Phosphor halation visibility (0–1). Web: bloom layer opacity; Apple: CIBloom input intensity. */
155
- --effect-phosphor-focus-blur: 0; /** Slight defocus from imperfect electron beam convergence (0–4px). Default 0 = perfectly focused. Phase 0i Niels-derived (oscilloscope FOCUS knob). Web: backdrop filter blur; Apple: CIGaussianBlur input radius. */
155
+ --effect-phosphor-focus-blur: 0px; /** Slight defocus from imperfect electron beam convergence (0–4px). Default 0 = perfectly focused. Phase 0i Niels-derived (oscilloscope FOCUS knob). Web: backdrop filter blur; Apple: CIGaussianBlur input radius. */
156
156
  --effect-scanline-intensity: 0.6; /** Scanline visibility (0–1). Web: scanline overlay opacity; Apple: SwiftUI shader UV-based dark-stripe modulation. */
157
157
  --effect-scanline-line-pitch: 4px; /** Distance between scanlines (2–8px). Web: gradient repeat distance; Apple: shader UV period. */
158
158
  --effect-scanline-scroll-period: 9000ms; /** Scanline drift cycle (2000–30000ms; 0 to disable). Web: animation duration; Apple: shader time-uniform multiplier. */
package/tailwind.preset.cjs CHANGED
@@ -127,6 +127,7 @@ const preset = {
127
127
  "dos-bold": "400"
128
128
  },
129
129
  "spacing": {
130
+ "dos-0": "0px",
130
131
  "dos-1": "4px",
131
132
  "dos-2": "8px",
132
133
  "dos-3": "12px",
@@ -139,6 +140,7 @@ const preset = {
139
140
  "dos-16": "64px"
140
141
  },
141
142
  "borderRadius": {
143
+ "dos-none": "0px",
142
144
  "dos-sm": "2px",
143
145
  "dos-base": "4px"
144
146
  },