@shibui-ui/ui 1.21.0 → 1.23.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 (75) hide show
  1. package/dist/angular/directives.ts +14 -14
  2. package/dist/components/atoms/{glass-card → card/glass-card}/lib-glass-card.component.d.ts +1 -1
  3. package/dist/components/atoms/card/glass-card/lib-glass-card.component.d.ts.map +1 -0
  4. package/dist/components/atoms/{glass-card → card/glass-card}/lib-glass-card.html.d.ts +1 -6
  5. package/dist/components/atoms/card/glass-card/lib-glass-card.html.d.ts.map +1 -0
  6. package/dist/components/atoms/card/glass-card/lib-glass-card.stories.d.ts.map +1 -0
  7. package/dist/components/atoms/card/glass-card/lib-glass-card.types.d.ts +7 -0
  8. package/dist/components/atoms/card/glass-card/lib-glass-card.types.d.ts.map +1 -0
  9. package/dist/components/atoms/card/lib-card.component.d.ts +5 -3
  10. package/dist/components/atoms/card/lib-card.component.d.ts.map +1 -1
  11. package/dist/components/atoms/card/lib-card.stories.d.ts +2 -1
  12. package/dist/components/atoms/card/lib-card.stories.d.ts.map +1 -1
  13. package/dist/components/atoms/card/lib-card.types.d.ts +1 -1
  14. package/dist/components/atoms/card/lib-card.types.d.ts.map +1 -1
  15. package/dist/components/atoms/{spotlight-card → card/spotlight-card}/lib-spotlight-card.component.d.ts +1 -1
  16. package/dist/components/atoms/card/spotlight-card/lib-spotlight-card.component.d.ts.map +1 -0
  17. package/dist/components/atoms/{spotlight-card/lib-spotlight-card.component.html.d.ts → card/spotlight-card/lib-spotlight-card.html.d.ts} +2 -8
  18. package/dist/components/atoms/card/spotlight-card/lib-spotlight-card.html.d.ts.map +1 -0
  19. package/dist/components/atoms/card/spotlight-card/lib-spotlight-card.stories.d.ts.map +1 -0
  20. package/dist/components/atoms/card/spotlight-card/lib-spotlight-card.types.d.ts +8 -0
  21. package/dist/components/atoms/card/spotlight-card/lib-spotlight-card.types.d.ts.map +1 -0
  22. package/dist/custom-elements.json +207 -199
  23. package/dist/index.css +1 -1
  24. package/dist/index.d.ts +2 -2
  25. package/dist/index.d.ts.map +1 -1
  26. package/dist/index.js.map +1 -1
  27. package/dist/index10.js.map +1 -1
  28. package/dist/index196.js +1 -1
  29. package/dist/index20.js.map +1 -1
  30. package/dist/index207.js.map +1 -1
  31. package/dist/index228.js +1 -1
  32. package/dist/index235.js.map +1 -1
  33. package/dist/index25.js.map +1 -1
  34. package/dist/react/index.ts +3 -3
  35. package/dist/src/components/atoms/{glass-card → card/glass-card}/lib-glass-card.component.d.ts +1 -1
  36. package/dist/src/components/atoms/card/glass-card/lib-glass-card.component.d.ts.map +1 -0
  37. package/dist/src/components/atoms/{glass-card → card/glass-card}/lib-glass-card.html.d.ts +1 -6
  38. package/dist/src/components/atoms/card/glass-card/lib-glass-card.html.d.ts.map +1 -0
  39. package/dist/src/components/atoms/card/glass-card/lib-glass-card.stories.d.ts.map +1 -0
  40. package/dist/src/components/atoms/card/glass-card/lib-glass-card.types.d.ts +7 -0
  41. package/dist/src/components/atoms/card/glass-card/lib-glass-card.types.d.ts.map +1 -0
  42. package/dist/src/components/atoms/card/lib-card.component.d.ts +5 -3
  43. package/dist/src/components/atoms/card/lib-card.component.d.ts.map +1 -1
  44. package/dist/src/components/atoms/card/lib-card.stories.d.ts +2 -1
  45. package/dist/src/components/atoms/card/lib-card.stories.d.ts.map +1 -1
  46. package/dist/src/components/atoms/card/lib-card.types.d.ts +1 -1
  47. package/dist/src/components/atoms/card/lib-card.types.d.ts.map +1 -1
  48. package/dist/src/components/atoms/{spotlight-card → card/spotlight-card}/lib-spotlight-card.component.d.ts +1 -1
  49. package/dist/src/components/atoms/card/spotlight-card/lib-spotlight-card.component.d.ts.map +1 -0
  50. package/dist/src/components/atoms/{spotlight-card/lib-spotlight-card.component.html.d.ts → card/spotlight-card/lib-spotlight-card.html.d.ts} +2 -8
  51. package/dist/src/components/atoms/card/spotlight-card/lib-spotlight-card.html.d.ts.map +1 -0
  52. package/dist/src/components/atoms/card/spotlight-card/lib-spotlight-card.stories.d.ts.map +1 -0
  53. package/dist/src/components/atoms/card/spotlight-card/lib-spotlight-card.types.d.ts +8 -0
  54. package/dist/src/components/atoms/card/spotlight-card/lib-spotlight-card.types.d.ts.map +1 -0
  55. package/dist/src/index.d.ts +2 -2
  56. package/dist/src/index.d.ts.map +1 -1
  57. package/dist/svelte/shibui-elements.d.ts +8 -8
  58. package/dist/tokens.css +7 -336
  59. package/package.json +1 -1
  60. package/dist/components/atoms/glass-card/lib-glass-card.component.d.ts.map +0 -1
  61. package/dist/components/atoms/glass-card/lib-glass-card.html.d.ts.map +0 -1
  62. package/dist/components/atoms/glass-card/lib-glass-card.stories.d.ts.map +0 -1
  63. package/dist/components/atoms/spotlight-card/lib-spotlight-card.component.d.ts.map +0 -1
  64. package/dist/components/atoms/spotlight-card/lib-spotlight-card.component.html.d.ts.map +0 -1
  65. package/dist/components/atoms/spotlight-card/lib-spotlight-card.stories.d.ts.map +0 -1
  66. package/dist/src/components/atoms/glass-card/lib-glass-card.component.d.ts.map +0 -1
  67. package/dist/src/components/atoms/glass-card/lib-glass-card.html.d.ts.map +0 -1
  68. package/dist/src/components/atoms/glass-card/lib-glass-card.stories.d.ts.map +0 -1
  69. package/dist/src/components/atoms/spotlight-card/lib-spotlight-card.component.d.ts.map +0 -1
  70. package/dist/src/components/atoms/spotlight-card/lib-spotlight-card.component.html.d.ts.map +0 -1
  71. package/dist/src/components/atoms/spotlight-card/lib-spotlight-card.stories.d.ts.map +0 -1
  72. /package/dist/components/atoms/{glass-card → card/glass-card}/lib-glass-card.stories.d.ts +0 -0
  73. /package/dist/components/atoms/{spotlight-card → card/spotlight-card}/lib-spotlight-card.stories.d.ts +0 -0
  74. /package/dist/src/components/atoms/{glass-card → card/glass-card}/lib-glass-card.stories.d.ts +0 -0
  75. /package/dist/src/components/atoms/{spotlight-card → card/spotlight-card}/lib-spotlight-card.stories.d.ts +0 -0
package/dist/tokens.css CHANGED
@@ -1,336 +1,7 @@
1
- :host, :root {
2
- /* ==========================================================
3
- COLORS — PRIMITIVE PALETTE
4
- ========================================================== */
5
-
6
- --text-xs: 0.6875rem; /* 11px */
7
- --text-sm: 0.8125rem; /* 13px */
8
- --text-base: 0.9375rem; /* 15px */
9
- --text-md: 1.0625rem; /* 17px */
10
- --text-lg: 1.25rem; /* 20px */
11
- --text-xl: 1.5rem; /* 24px */
12
- --text-2xl: 2rem; /* 32px */
13
- --text-3xl: 2.75rem; /* 44px */
14
- --text-4xl: 3.75rem; /* 60px */
15
- --text-5xl: 5rem; /* 80px */
16
-
17
- --weight-light: 300;
18
- --weight-regular: 400;
19
- --weight-medium: 500;
20
- --weight-semibold: 600;
21
-
22
-
23
- /* --- MAPEADO SEMÁNTICO (SHIBUI) --- */
24
- --lib-shibui-water: var(--color-celadon-500);
25
- --lib-shibui-kaki: var(--color-kaki-500);
26
- --lib-shibui-paper: var(--color-washi-100);
27
- --lib-shibui-ink: var(--color-ink-100);
28
-
29
- /* --- 1. ESCALA DE AIRE (Armonía de 4px) --- */
30
- --lib-spacing-unit: 0.25rem;
31
- --lib-space-xs: var(--lib-spacing-unit); /* 4px */
32
- --lib-space-sm: calc(var(--lib-spacing-unit) * 2); /* 8px */
33
- --lib-space-md: calc(
34
- var(--lib-spacing-unit) * 4
35
- ); /* 16px - El Estándar de Oro */
36
-
37
- --lib-space-lg: calc(var(--lib-spacing-unit) * 6); /* 24px */
38
- --lib-space-xl: calc(var(--lib-spacing-unit) * 8); /* 32px */
39
-
40
- /* --- 3. MAPEADO SEMÁNTICO BASE --- */
41
- --lib-color-primary: var(--lib-shibui-water);
42
- --lib-color-bg: var(--lib-shibui-paper);
43
- --lib-color-text: var(--lib-shibui-ink);
44
-
45
- /* --- 3. SOMBRAS (Elevación) --- */
46
- --shadow-sm: 0 1px 2px var(--color-ink-10);
47
- --shadow-md: 0 2px 8px var(--color-ink-10), 0 1px 2px var(--color-ink-10);
48
- --shadow-lg: 0 8px 24px var(--color-ink-10), 0 2px 4px var(--color-ink-10);
49
- --shadow-xl: 0 20px 48px var(--color-ink-20);
50
-
51
- /* --- 2. TIPOGRAFÍA (SHIBUI EDITORIAL) --- */
52
- --lib-font-display: "Cormorant Garamond", serif;
53
- --lib-font-body: "Shippori Mincho", serif;
54
- --lib-font-mono: "DM Mono", monospace;
55
-
56
- /* --- 4. TIPOGRAFÍA ELEGANTE --- */
57
- --lib-font-family-base: var(--lib-font-body);
58
-
59
- /* --- 3. LINE HEIGHTS (Legibilidad) --- */
60
- --leading-tight: 1.2;
61
- --leading-snug: 1.4;
62
- --leading-normal: 1.6;
63
- --leading-relaxed: 1.8;
64
- --leading-loose: 2.2;
65
-
66
- /* --- 4. ANIMACIONES (Movimiento) --- */
67
- --duration-fast: 100ms;
68
- --duration-base: 200ms;
69
- --duration-slow: 350ms;
70
- --duration-slower: 600ms;
71
-
72
- --ease-default: cubic-bezier(0.4, 0, 0.2, 1);
73
- --ease-in: cubic-bezier(0.4, 0, 1, 1);
74
- --ease-out: cubic-bezier(0, 0, 0.2, 1);
75
- --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
76
-
77
- /* --- 4. LETTER SPACING (Tracking Editorial) --- */
78
- --tracking-tight: -0.02em;
79
- --tracking-normal: 0em;
80
- --tracking-wide: 0.08em;
81
- --tracking-wider: 0.15em;
82
- --tracking-widest: 0.25em;
83
-
84
- /* --- 5. Z-INDEX (Profundidad) --- */
85
- --z-base: 0;
86
- --z-raised: 10;
87
- --z-overlay: 100;
88
- --z-modal: 200;
89
- --z-toast: 300;
90
- --z-tooltip: 400;
91
-
92
- /* --- 2. WASHI: Tonos de papel neutros --- */
93
- --color-washi-50: oklch(97.77% 0.003 68.35deg); /* #FAF7F4 */
94
- --color-washi-100: oklch(94.29% 0.007 72.91deg); /* #F2EDE6 */
95
- --color-washi-200: oklch(88.59% 0.008 72.93deg); /* #E5DDD3 */
96
- --color-washi-300: oklch(81.39% 0.01 74.43deg); /* #D3C8BC */
97
- --color-washi-400: oklch(71.05% 0.013 74.74deg); /* #B8A99A */
98
- --color-washi-500: oklch(59.45% 0.015 75.31deg); /* #9A8878 */
99
- --color-washi-600: oklch(48.51% 0.014 76.22deg); /* #7A6A5C */
100
- --color-washi-700: oklch(37.66% 0.013 77.58deg); /* #5C4E42 */
101
- --color-washi-800: oklch(26.83% 0.012 79.82deg); /* #3D332A */
102
- --color-washi-900: oklch(17.39% 0.01 83.02deg); /* #221C16 */
103
- --color-washi-950: oklch(11.39% 0.009 84.7deg); /* #120E0A */
104
-
105
- /* --- 3. INK: Transparencias de Sumi --- */
106
- --color-ink-0: oklch(11.39% 0.009 84.7deg / 0); /* #1A140E at 0% */
107
- --color-ink-10: oklch(11.39% 0.009 84.7deg / 0.06); /* #1A140E at 6% */
108
- --color-ink-20: oklch(11.39% 0.009 84.7deg / 0.12); /* #1A140E at 12% */
109
- --color-ink-40: oklch(11.39% 0.009 84.7deg / 0.25); /* #1A140E at 25% */
110
- --color-ink-60: oklch(11.39% 0.009 84.7deg / 0.5); /* #1A140E at 50% */
111
- --color-ink-80: oklch(11.39% 0.009 84.7deg / 0.75); /* #1A140E at 75% */
112
- --color-ink-100: oklch(11.39% 0.009 84.7deg / 1); /* #1A140E at 100% */
113
-
114
- /* --- 4. KAKI: Acento caqui/persimón --- */
115
- --color-kaki-50: oklch(96.88% 0.012 55.48deg); /* #FDF3EC */
116
- --color-kaki-100: oklch(91.31% 0.038 65.52deg); /* #FAE2CC */
117
- --color-kaki-200: oklch(81.87% 0.076 60.59deg); /* #F4C099 */
118
- --color-kaki-300: oklch(70.92% 0.125 52.88deg); /* #EB9660 */
119
- --color-kaki-400: oklch(61.85% 0.149 48.72deg); /* #D97234 */
120
- --color-kaki-500: oklch(51.65% 0.134 46.13deg); /* #B85A1E */
121
- --color-kaki-600: oklch(40.5% 0.108 44.59deg); /* #8C4115 */
122
- --color-kaki-700: oklch(29.17% 0.08 44.25deg); /* #602C0E */
123
-
124
- /* --- 5. CELADÓN: Acento jade --- */
125
- --color-celadon-50: oklch(96.39% 0.007 172.9deg); /* #EFF5F3 */
126
- --color-celadon-100: oklch(90.69% 0.021 169.15deg); /* #D3E8E1 */
127
- --color-celadon-200: oklch(81.25% 0.039 171.18deg); /* #A8D0C4 */
128
- --color-celadon-300: oklch(70.21% 0.057 167.31deg); /* #79B5A3 */
129
- --color-celadon-400: oklch(58.33% 0.068 171.21deg); /* #4E9482 */
130
- --color-celadon-500: oklch(45.54% 0.059 173.23deg); /* #357164 */
131
- --color-celadon-600: oklch(33.72% 0.046 173.86deg); /* #245249 */
132
-
133
- /* --- 6. STATE (Semántica de estados) --- */
134
- --color-error: oklch(36.16% 0.106 28.52deg); /* #8C2A1A */
135
- --color-warning: oklch(47.53% 0.088 77.58deg); /* #8C6A1A */
136
- --color-success: oklch(38.41% 0.063 147.16deg); /* #2A5C3A */
137
- --color-info: oklch(58.33% 0.068 171.21deg); /* #4E9482 (Coincide con Celadon-400) */
138
- --color-white: oklch(100% 0 0deg); /* #FFFFFF -> Blanco puro */
139
-
140
- /* Derivados de estado — fondos y bordes suaves */
141
- --color-error-subtle: #FFF0EE; /* fondo badge/alert error */
142
- --color-error-border: #F5C4BC; /* borde badge/alert error */
143
- --color-success-subtle: #EFF5F1; /* fondo badge/alert success */
144
- --color-success-border: #BDD8C5; /* borde badge/alert success */
145
-
146
- /* --- 7. BACKGROUNDS SEMÁNTICOS --- */
147
- --bg-base: var(--color-washi-50);
148
- --bg-surface: var(--color-washi-100);
149
- --bg-elevated: var(--color-white);
150
- --bg-inverse: var(--color-washi-900);
151
-
152
- /* --- 8. TEXTOS SEMÁNTICOS --- */
153
- --text-primary: var(--color-washi-900);
154
- --text-secondary: var(--color-washi-600);
155
- --text-muted: var(--color-washi-400);
156
- --text-inverse: var(--color-washi-50);
157
- --text-accent: var(--color-kaki-500);
158
-
159
-
160
- /* --- 9. BORDES SEMÁNTICOS --- */
161
- --border-subtle: var(--color-washi-200);
162
- --border-default: var(--color-washi-300);
163
- --border-strong: var(--color-washi-500);
164
-
165
-
166
- --lib-tracking-elegant: 0.15em;
167
- --lib-font-size-base: 14px;
168
- --lib-text-transform: uppercase;
169
- --lib-border-width: 1.5px;
170
-
171
- /* --- 11. GLASS SYSTEM (Efecto Enso) --- */
172
- --lib-glass-blur-amount: 12px;
173
- --lib-glass-saturate-amount: 120%;
174
- --lib-glass-bg-opacity: 0.15;
175
- --lib-glass-border-opacity: 0.20;
176
- --lib-glass-shadow-opacity: 0.37;
177
- --lib-glass-shine-start: 0.35;
178
- --lib-glass-shine-end: 0.05;
179
-
180
- /* -- Tokens compuestos Glass -- */
181
- /* Fondo base del cristal — usa paper al % configurado */
182
- --lib-glass-bg:
183
- oklch(98% 0.01 60deg / var(--lib-glass-bg-opacity));
184
-
185
- /* Fondo variante water (botón primary glass) */
186
- --lib-glass-bg-water:
187
- oklch(55% 0.06 210deg / var(--lib-glass-bg-opacity));
188
-
189
- /* Fondo variante kaki (botón accent glass) */
190
- --lib-glass-bg-kaki:
191
- oklch(45% 0.05 45deg / var(--lib-glass-bg-opacity));
192
-
193
- /* backdrop-filter completo listo para usar */
194
- --lib-glass-filter:
195
- blur(var(--lib-glass-blur-amount))
196
- saturate(var(--lib-glass-saturate-amount));
197
-
198
- /* Borde "casi imperceptible" */
199
- --lib-glass-border:
200
- 1px solid oklch(100% 0 0deg / var(--lib-glass-border-opacity));
201
-
202
- /* Sombra de profundidad */
203
- --lib-glass-shadow:
204
- 0 8px 32px oklch(0% 0 0deg / var(--lib-glass-shadow-opacity));
205
-
206
- /* Sombra hover (más pronunciada) */
207
- --lib-glass-shadow-hover:
208
- 0 20px 45px oklch(0% 0 0deg / 0.5);
209
-
210
- /* Gradiente de reflexión de luz — el ::before que da aspecto cristal */
211
- --lib-glass-shine:
212
- linear-gradient(
213
- 135deg,
214
- oklch(100% 0 0deg / var(--lib-glass-shine-start)) 0%,
215
- oklch(100% 0 0deg / var(--lib-glass-shine-end)) 50%,
216
- oklch(100% 0 0deg / 0) 100%
217
- );
218
-
219
- /* Texto sobre glass: siempre claro */
220
- --lib-glass-text: var(--lib-shibui-paper);
221
- --lib-glass-text-shadow: 0 1px 3px oklch(0% 0 0deg / 0.3);
222
-
223
- /* -- Intensidades Glass -- */
224
- /* Uso: sobreescribe --lib-glass-blur-amount y --lib-glass-bg-opacity
225
- en el componente según la intensidad deseada */
226
- --lib-glass-blur-low: 4px;
227
- --lib-glass-blur-md: 12px; /* default */
228
- --lib-glass-blur-high: 25px;
229
-
230
- --lib-glass-opacity-low: 0.10;
231
- --lib-glass-opacity-md: 0.15; /* default */
232
- --lib-glass-opacity-high: 0.25;
233
-
234
-
235
-
236
-
237
- /* -- Primitivos Spotlight -- */
238
-
239
- /* -- Primitivos Spotlight -- */
240
- --lib-spotlight-opacity: 0.12;
241
- --lib-spotlight-feather: 60%;
242
-
243
- /* Coordenadas — posición inicial centrada */
244
- --lib-spotlight-x: 50%;
245
- --lib-spotlight-y: 50%;
246
-
247
- /* Transición al mover cursor */
248
- --lib-spotlight-transition: background 0.15s ease-out;
249
-
250
-
251
- /* -- Tokens compuestos Spotlight -- */
252
- /* Variante kaki (acento orgánico, cálido) */
253
- --lib-spotlight-gradient:
254
- radial-gradient(
255
- circle at var(--lib-spotlight-x) var(--lib-spotlight-y),
256
- oklch(45% 0.05 45deg / var(--lib-spotlight-opacity)) 0%,
257
- oklch(45% 0.05 45deg / 0)
258
- var(--lib-spotlight-feather)
259
- );
260
-
261
- /* Variante water (azul sereno) */
262
- --lib-spotlight-gradient-water:
263
- radial-gradient(
264
- circle at var(--lib-spotlight-x) var(--lib-spotlight-y),
265
- oklch(55% 0.06 210deg / var(--lib-spotlight-opacity)) 0%,
266
- oklch(55% 0.06 210deg / 0)
267
- var(--lib-spotlight-feather)
268
- );
269
-
270
- /* Variante blanca (neutro, sobre fondos oscuros) */
271
- --lib-spotlight-gradient-white:
272
- radial-gradient(
273
- circle at var(--lib-spotlight-x) var(--lib-spotlight-y),
274
- oklch(100% 0 0deg / 0.10) 0%,
275
- oklch(100% 0 0deg / 0) var(--lib-spotlight-feather)
276
- );
277
-
278
-
279
- /* -- Textura de ruido (metal/seda) -- */
280
- /* Aplica como background-image adicional encima del spotlight */
281
- --lib-metal-texture: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
282
- --lib-metal-texture-opacity: 0.03;
283
-
284
- /* Brillo de borde kintsugi — hilo de oro en las grietas */
285
- --lib-kintsugi-border:
286
- linear-gradient(
287
- 135deg,
288
- oklch(45% 0.05 45deg / 0.6) 0%,
289
- oklch(45% 0.05 45deg / 0) 40%,
290
- oklch(45% 0.05 45deg / 0) 60%,
291
- oklch(45% 0.05 45deg / 0.3) 100%
292
- );
293
-
294
- /* --- ESCALA DE RADIOS ESTÁNDAR --- */
295
- --radius-none: 0;
296
- --radius-sm: 2px;
297
- --radius-md: 4px;
298
- --radius-lg: 8px;
299
- --radius-xl: 16px;
300
- --radius-full: 9999px;
301
-
302
- /* --- NUEVA ESCALA DE RADIOS BRUTALISTA --- */
303
- --lib-radius-xs: 0px; /* Antes 2px */
304
- --lib-radius-sm: 0px; /* Antes 4px */
305
- --lib-radius-md: 1px; /* Antes 8px - Casi recto */
306
- --lib-radius-lg: 2px; /* Antes 16px - El máximo permitido */
307
-
308
- /* --- SOMBRAS BRUTALISTAS (Hard Shadows) --- */
309
-
310
- /* Pasamos de sombras difuminadas a sombras sólidas y definidas */
311
- --lib-shadow-brutal: 4px 4px 0px 0px var(--lib-shibui-ink);
312
- --lib-shadow-glass: 0 8px 32px 0 oklch(25% 0.02 45deg / 0.2);
313
- }
314
-
315
- /* --- DARK MODE OVERRIDES --- */
316
- :host([data-theme="dark"]) {
317
- --bg-base: var(--color-washi-950);
318
- --bg-surface: var(--color-washi-900);
319
- --bg-elevated: var(--color-washi-800);
320
- --bg-inverse: var(--color-washi-50);
321
-
322
- --text-primary: var(--color-washi-50);
323
- --text-secondary: var(--color-washi-400);
324
- --text-muted: var(--color-washi-600);
325
- --text-inverse: var(--color-washi-900);
326
- --text-accent: var(--color-kaki-300);
327
-
328
- --border-subtle: var(--color-washi-800);
329
- --border-default: var(--color-washi-700);
330
- --border-strong: var(--color-washi-500);
331
-
332
- --shadow-sm: 0 1px 2px rgb(0 0 0 / 0.3);
333
- --shadow-md: 0 2px 8px rgb(0 0 0 / 0.3), 0 1px 2px rgb(0 0 0 / 0.2);
334
- --shadow-lg: 0 8px 24px rgb(0 0 0 / 0.4), 0 2px 4px rgb(0 0 0 / 0.2);
335
- --shadow-xl: 0 20px 48px rgb(0 0 0 / 0.5);
336
- }
1
+ @import './tokens/_palette.css';
2
+ @import './tokens/_typography.css';
3
+ @import './tokens/_spacing.css';
4
+ @import './tokens/_motion.css';
5
+ @import './tokens/_state.css';
6
+ @import './tokens/_semantic.css';
7
+ @import './tokens/_effects.css';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@shibui-ui/ui",
3
- "version": "1.21.0",
3
+ "version": "1.23.0",
4
4
  "private": false,
5
5
  "repository": {
6
6
  "type": "git",
@@ -1 +0,0 @@
1
- {"version":3,"file":"lib-glass-card.component.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/glass-card/lib-glass-card.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,cAAc,EAAE,MAAM,KAAK,CAAC;AAEjE,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAKhF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,4BAGpB;IAEF;;;;;OAKG;IAEH,OAAO,EAAE,eAAe,CAAW;IAEnC;;;;;OAKG;IAEH,SAAS,EAAE,iBAAiB,CAAQ;IAE3B,MAAM,IAAI,cAAc;CAMlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"lib-glass-card.html.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/glass-card/lib-glass-card.html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAE3C,MAAM,MAAM,eAAe,GAAK,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAC3D,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,IAAI,GAAG,MAAM,CAAC;AAEtD,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAI,eAAe,CAAC;IAC3B,SAAS,EAAE,iBAAiB,CAAC;CAC9B;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,sBAAsB,GAAG,cAAc,CAQhF"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"lib-glass-card.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/glass-card/lib-glass-card.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE/D,KAAK,qBAAqB,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,WAAW,CAAC,CAAC;AAoCzE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,qBAAqB,CA0BrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC;AAG7C,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAczB,CAAC;AAGF,eAAO,MAAM,MAAM,EAAE,KAapB,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KA6B1B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAqC9B,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"lib-spotlight-card.component.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/spotlight-card/lib-spotlight-card.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,cAAc,EAAE,MAAM,KAAK,CAAC;AAEjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAK/E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,4BAGpB;IAEF;;;;;;;OAOG;IAEH,SAAS,EAAE,mBAAmB,CAAU;IAExC;;;OAGG;IAEH,QAAQ,UAAS;IAER,MAAM,IAAI,cAAc;IASjC,OAAO,CAAC,gBAAgB;IAWxB,OAAO,CAAC,iBAAiB;CAK1B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"lib-spotlight-card.component.html.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/spotlight-card/lib-spotlight-card.component.html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAE3C,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAE7D,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAO,mBAAmB,CAAC;IACpC,QAAQ,EAAQ,OAAO,CAAC;IACxB,WAAW,EAAK,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,YAAY,EAAI,MAAM,IAAI,CAAC;CAC5B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,GAAG,cAAc,CAavF"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"lib-spotlight-card.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/spotlight-card/lib-spotlight-card.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,KAAK,yBAAyB,GAAG,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC;AA2BlF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,yBAAyB,CAiCzC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,yBAAyB,CAAC,CAAC;AAGjD,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KA8B/B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KA4B7B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KA2BhC,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"lib-glass-card.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/glass-card/lib-glass-card.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,cAAc,EAAE,MAAM,KAAK,CAAC;AAEjE,OAAO,KAAK,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAKhF;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C,OAAgB,MAAM,4BAGpB;IAEF;;;;;OAKG;IAEH,OAAO,EAAE,eAAe,CAAW;IAEnC;;;;;OAKG;IAEH,SAAS,EAAE,iBAAiB,CAAQ;IAE3B,MAAM,IAAI,cAAc;CAMlC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,YAAY,CAAC;KAChC;CACF"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"lib-glass-card.html.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/glass-card/lib-glass-card.html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAE3C,MAAM,MAAM,eAAe,GAAK,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAC3D,MAAM,MAAM,iBAAiB,GAAG,KAAK,GAAG,IAAI,GAAG,MAAM,CAAC;AAEtD,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAI,eAAe,CAAC;IAC3B,SAAS,EAAE,iBAAiB,CAAC;CAC9B;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,sBAAsB,GAAG,cAAc,CAQhF"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"lib-glass-card.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/glass-card/lib-glass-card.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,4BAA4B,CAAC;AACpC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAE/D,KAAK,qBAAqB,GAAG,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,WAAW,CAAC,CAAC;AAoCzE,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,qBAAqB,CA0BrC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC;AAG7C,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAetB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAczB,CAAC;AAGF,eAAO,MAAM,MAAM,EAAE,KAapB,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KA6B1B,CAAC;AAGF,eAAO,MAAM,gBAAgB,EAAE,KAqC9B,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"lib-spotlight-card.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/spotlight-card/lib-spotlight-card.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,cAAc,EAAE,MAAM,KAAK,CAAC;AAEjE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAK/E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBACa,gBAAiB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,4BAGpB;IAEF;;;;;;;OAOG;IAEH,SAAS,EAAE,mBAAmB,CAAU;IAExC;;;OAGG;IAEH,QAAQ,UAAS;IAER,MAAM,IAAI,cAAc;IASjC,OAAO,CAAC,gBAAgB;IAWxB,OAAO,CAAC,iBAAiB;CAK1B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,gBAAgB,CAAC;KACxC;CACF"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"lib-spotlight-card.component.html.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/spotlight-card/lib-spotlight-card.component.html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAE3C,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAE7D,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAO,mBAAmB,CAAC;IACpC,QAAQ,EAAQ,OAAO,CAAC;IACxB,WAAW,EAAK,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACxC,YAAY,EAAI,MAAM,IAAI,CAAC;CAC5B;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,GAAG,cAAc,CAavF"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"lib-spotlight-card.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/spotlight-card/lib-spotlight-card.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,gCAAgC,CAAC;AACxC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,KAAK,yBAAyB,GAAG,IAAI,CAAC,gBAAgB,EAAE,WAAW,GAAG,UAAU,CAAC,CAAC;AA2BlF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,yBAAyB,CAiCzC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,yBAAyB,CAAC,CAAC;AAGjD,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KA8B/B,CAAC;AAGF,eAAO,MAAM,eAAe,EAAE,KA4B7B,CAAC;AAGF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAGF,eAAO,MAAM,kBAAkB,EAAE,KA2BhC,CAAC"}