@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.
- package/dist/angular/directives.ts +14 -14
- package/dist/components/atoms/{glass-card → card/glass-card}/lib-glass-card.component.d.ts +1 -1
- package/dist/components/atoms/card/glass-card/lib-glass-card.component.d.ts.map +1 -0
- package/dist/components/atoms/{glass-card → card/glass-card}/lib-glass-card.html.d.ts +1 -6
- package/dist/components/atoms/card/glass-card/lib-glass-card.html.d.ts.map +1 -0
- package/dist/components/atoms/card/glass-card/lib-glass-card.stories.d.ts.map +1 -0
- package/dist/components/atoms/card/glass-card/lib-glass-card.types.d.ts +7 -0
- package/dist/components/atoms/card/glass-card/lib-glass-card.types.d.ts.map +1 -0
- package/dist/components/atoms/card/lib-card.component.d.ts +5 -3
- package/dist/components/atoms/card/lib-card.component.d.ts.map +1 -1
- package/dist/components/atoms/card/lib-card.stories.d.ts +2 -1
- package/dist/components/atoms/card/lib-card.stories.d.ts.map +1 -1
- package/dist/components/atoms/card/lib-card.types.d.ts +1 -1
- package/dist/components/atoms/card/lib-card.types.d.ts.map +1 -1
- package/dist/components/atoms/{spotlight-card → card/spotlight-card}/lib-spotlight-card.component.d.ts +1 -1
- package/dist/components/atoms/card/spotlight-card/lib-spotlight-card.component.d.ts.map +1 -0
- package/dist/components/atoms/{spotlight-card/lib-spotlight-card.component.html.d.ts → card/spotlight-card/lib-spotlight-card.html.d.ts} +2 -8
- package/dist/components/atoms/card/spotlight-card/lib-spotlight-card.html.d.ts.map +1 -0
- package/dist/components/atoms/card/spotlight-card/lib-spotlight-card.stories.d.ts.map +1 -0
- package/dist/components/atoms/card/spotlight-card/lib-spotlight-card.types.d.ts +8 -0
- package/dist/components/atoms/card/spotlight-card/lib-spotlight-card.types.d.ts.map +1 -0
- package/dist/custom-elements.json +207 -199
- package/dist/index.css +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/index10.js.map +1 -1
- package/dist/index196.js +1 -1
- package/dist/index20.js.map +1 -1
- package/dist/index207.js.map +1 -1
- package/dist/index228.js +1 -1
- package/dist/index235.js.map +1 -1
- package/dist/index25.js.map +1 -1
- package/dist/react/index.ts +3 -3
- package/dist/src/components/atoms/{glass-card → card/glass-card}/lib-glass-card.component.d.ts +1 -1
- package/dist/src/components/atoms/card/glass-card/lib-glass-card.component.d.ts.map +1 -0
- package/dist/src/components/atoms/{glass-card → card/glass-card}/lib-glass-card.html.d.ts +1 -6
- package/dist/src/components/atoms/card/glass-card/lib-glass-card.html.d.ts.map +1 -0
- package/dist/src/components/atoms/card/glass-card/lib-glass-card.stories.d.ts.map +1 -0
- package/dist/src/components/atoms/card/glass-card/lib-glass-card.types.d.ts +7 -0
- package/dist/src/components/atoms/card/glass-card/lib-glass-card.types.d.ts.map +1 -0
- package/dist/src/components/atoms/card/lib-card.component.d.ts +5 -3
- package/dist/src/components/atoms/card/lib-card.component.d.ts.map +1 -1
- package/dist/src/components/atoms/card/lib-card.stories.d.ts +2 -1
- package/dist/src/components/atoms/card/lib-card.stories.d.ts.map +1 -1
- package/dist/src/components/atoms/card/lib-card.types.d.ts +1 -1
- package/dist/src/components/atoms/card/lib-card.types.d.ts.map +1 -1
- package/dist/src/components/atoms/{spotlight-card → card/spotlight-card}/lib-spotlight-card.component.d.ts +1 -1
- package/dist/src/components/atoms/card/spotlight-card/lib-spotlight-card.component.d.ts.map +1 -0
- 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
- package/dist/src/components/atoms/card/spotlight-card/lib-spotlight-card.html.d.ts.map +1 -0
- package/dist/src/components/atoms/card/spotlight-card/lib-spotlight-card.stories.d.ts.map +1 -0
- package/dist/src/components/atoms/card/spotlight-card/lib-spotlight-card.types.d.ts +8 -0
- package/dist/src/components/atoms/card/spotlight-card/lib-spotlight-card.types.d.ts.map +1 -0
- package/dist/src/index.d.ts +2 -2
- package/dist/src/index.d.ts.map +1 -1
- package/dist/svelte/shibui-elements.d.ts +8 -8
- package/dist/tokens.css +7 -336
- package/package.json +1 -1
- package/dist/components/atoms/glass-card/lib-glass-card.component.d.ts.map +0 -1
- package/dist/components/atoms/glass-card/lib-glass-card.html.d.ts.map +0 -1
- package/dist/components/atoms/glass-card/lib-glass-card.stories.d.ts.map +0 -1
- package/dist/components/atoms/spotlight-card/lib-spotlight-card.component.d.ts.map +0 -1
- package/dist/components/atoms/spotlight-card/lib-spotlight-card.component.html.d.ts.map +0 -1
- package/dist/components/atoms/spotlight-card/lib-spotlight-card.stories.d.ts.map +0 -1
- package/dist/src/components/atoms/glass-card/lib-glass-card.component.d.ts.map +0 -1
- package/dist/src/components/atoms/glass-card/lib-glass-card.html.d.ts.map +0 -1
- package/dist/src/components/atoms/glass-card/lib-glass-card.stories.d.ts.map +0 -1
- package/dist/src/components/atoms/spotlight-card/lib-spotlight-card.component.d.ts.map +0 -1
- package/dist/src/components/atoms/spotlight-card/lib-spotlight-card.component.html.d.ts.map +0 -1
- package/dist/src/components/atoms/spotlight-card/lib-spotlight-card.stories.d.ts.map +0 -1
- /package/dist/components/atoms/{glass-card → card/glass-card}/lib-glass-card.stories.d.ts +0 -0
- /package/dist/components/atoms/{spotlight-card → card/spotlight-card}/lib-spotlight-card.stories.d.ts +0 -0
- /package/dist/src/components/atoms/{glass-card → card/glass-card}/lib-glass-card.stories.d.ts +0 -0
- /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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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 +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"}
|
|
File without changes
|
|
File without changes
|
/package/dist/src/components/atoms/{glass-card → card/glass-card}/lib-glass-card.stories.d.ts
RENAMED
|
File without changes
|
|
File without changes
|