@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/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:host,:root{--
|
|
1
|
+
:host,:root{--color-washi-50: oklch(97.77% .003 68.35deg);--color-washi-100: oklch(94.29% .007 72.91deg);--color-washi-200: oklch(88.59% .008 72.93deg);--color-washi-300: oklch(81.39% .01 74.43deg);--color-washi-400: oklch(71.05% .013 74.74deg);--color-washi-500: oklch(59.45% .015 75.31deg);--color-washi-600: oklch(48.51% .014 76.22deg);--color-washi-700: oklch(37.66% .013 77.58deg);--color-washi-800: oklch(26.83% .012 79.82deg);--color-washi-900: oklch(17.39% .01 83.02deg);--color-washi-950: oklch(11.39% .009 84.7deg);--color-ink-0: oklch(11.39% .009 84.7deg / 0);--color-ink-10: oklch(11.39% .009 84.7deg / .06);--color-ink-20: oklch(11.39% .009 84.7deg / .12);--color-ink-40: oklch(11.39% .009 84.7deg / .25);--color-ink-60: oklch(11.39% .009 84.7deg / .5);--color-ink-80: oklch(11.39% .009 84.7deg / .75);--color-ink-100: oklch(11.39% .009 84.7deg / 1);--color-kaki-50: oklch(96.88% .012 55.48deg);--color-kaki-100: oklch(91.31% .038 65.52deg);--color-kaki-200: oklch(81.87% .076 60.59deg);--color-kaki-300: oklch(70.92% .125 52.88deg);--color-kaki-400: oklch(61.85% .149 48.72deg);--color-kaki-500: oklch(51.65% .134 46.13deg);--color-kaki-600: oklch(40.5% .108 44.59deg);--color-kaki-700: oklch(29.17% .08 44.25deg);--color-celadon-50: oklch(96.39% .007 172.9deg);--color-celadon-100: oklch(90.69% .021 169.15deg);--color-celadon-200: oklch(81.25% .039 171.18deg);--color-celadon-300: oklch(70.21% .057 167.31deg);--color-celadon-400: oklch(58.33% .068 171.21deg);--color-celadon-500: oklch(45.54% .059 173.23deg);--color-celadon-600: oklch(33.72% .046 173.86deg);--color-white: oklch(100% 0 0deg)}:host,:root{--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.75rem;--text-4xl: 3.75rem;--text-5xl: 5rem;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--lib-font-display: "Cormorant Garamond", serif;--lib-font-body: "Shippori Mincho", serif;--lib-font-mono: "DM Mono", monospace;--lib-font-family-base: var(--lib-font-body);--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.6;--leading-relaxed: 1.8;--leading-loose: 2.2;--tracking-tight: -.02em;--tracking-normal: 0em;--tracking-wide: .08em;--tracking-wider: .15em;--tracking-widest: .25em;--lib-tracking-elegant: .15em;--lib-font-size-base: 14px;--lib-text-transform: uppercase;--lib-border-width: 1.5px}:host,:root{--lib-spacing-unit: .25rem;--lib-space-xs: var(--lib-spacing-unit);--lib-space-sm: calc(var(--lib-spacing-unit) * 2);--lib-space-md: calc(var(--lib-spacing-unit) * 4);--lib-space-lg: calc(var(--lib-spacing-unit) * 6);--lib-space-xl: calc(var(--lib-spacing-unit) * 8);--lib-space-2xl: calc(var(--lib-spacing-unit) * 12);--lib-space-3xl: calc(var(--lib-spacing-unit) * 16);--z-base: 0;--z-raised: 10;--z-overlay: 100;--z-modal: 200;--z-toast: 300;--z-tooltip: 400;--radius-none: 0;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 16px;--radius-full: 9999px;--lib-radius-xs: 0px;--lib-radius-sm: 0px;--lib-radius-md: 1px;--lib-radius-lg: 2px}:host,:root{--duration-fast: .1s;--duration-base: .2s;--duration-slow: .35s;--duration-slower: .6s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: var(--duration-fast) var(--ease-default);--transition-base: var(--duration-base) var(--ease-default);--transition-slow: var(--duration-slow) var(--ease-default)}:host,:root{--color-error: oklch(36.16% .106 28.52deg);--color-warning: oklch(47.53% .088 77.58deg);--color-success: oklch(38.41% .063 147.16deg);--color-info: oklch(58.33% .068 171.21deg);--color-error-subtle: #FFF0EE;--color-error-border: #F5C4BC;--color-warning-subtle: #FDF8EE;--color-warning-border: #F5E0A0;--color-success-subtle: #EFF5F1;--color-success-border: #BDD8C5;--color-info-subtle: #EFF5F3;--color-info-border: #A8D0C4;--text-error: var(--color-error);--text-warning: var(--color-warning);--text-success: var(--color-success);--text-info: var(--color-info);--color-disabled-bg: var(--color-washi-100);--color-disabled-text: var(--color-washi-400);--color-disabled-border: var(--color-washi-200)}:host,:root{--lib-shibui-water: var(--color-celadon-500);--lib-shibui-kaki: var(--color-kaki-500);--lib-shibui-paper: var(--color-washi-100);--lib-shibui-ink: var(--color-ink-100);--lib-color-primary: var(--lib-shibui-water);--lib-color-bg: var(--lib-shibui-paper);--lib-color-text: var(--lib-shibui-ink);--bg-base: var(--color-washi-50);--bg-surface: var(--color-washi-100);--bg-elevated: var(--color-white);--bg-inverse: var(--color-washi-900);--bg-overlay: var(--color-ink-60);--text-primary: var(--color-washi-900);--text-secondary: var(--color-washi-600);--text-muted: var(--color-washi-400);--text-inverse: var(--color-washi-50);--text-accent: var(--color-kaki-500);--text-link: var(--color-celadon-500);--text-link-hover: var(--color-celadon-400);--border-subtle: var(--color-washi-200);--border-default: var(--color-washi-300);--border-strong: var(--color-washi-500);--border-focus: var(--color-celadon-400);--shadow-sm: 0 1px 2px var(--color-ink-10);--shadow-md: 0 2px 8px var(--color-ink-10), 0 1px 2px var(--color-ink-10);--shadow-lg: 0 8px 24px var(--color-ink-10), 0 2px 4px var(--color-ink-10);--shadow-xl: 0 20px 48px var(--color-ink-20);--lib-shadow-brutal: 4px 4px 0px 0px var(--lib-shibui-ink);--lib-shadow-glass: 0 8px 32px 0 oklch(25% .02 45deg / .2)}:host([data-theme="dark"]){--bg-base: var(--color-washi-950);--bg-surface: var(--color-washi-900);--bg-elevated: var(--color-washi-800);--bg-inverse: var(--color-washi-50);--bg-overlay: oklch(0% 0 0deg / .7);--text-primary: var(--color-washi-50);--text-secondary: var(--color-washi-400);--text-muted: var(--color-washi-600);--text-inverse: var(--color-washi-900);--text-accent: var(--color-kaki-300);--text-link: var(--color-celadon-300);--text-link-hover: var(--color-celadon-200);--border-subtle: var(--color-washi-800);--border-default: var(--color-washi-700);--border-strong: var(--color-washi-500);--shadow-sm: 0 1px 2px rgb(0 0 0 / .3);--shadow-md: 0 2px 8px rgb(0 0 0 / .3), 0 1px 2px rgb(0 0 0 / .2);--shadow-lg: 0 8px 24px rgb(0 0 0 / .4), 0 2px 4px rgb(0 0 0 / .2);--shadow-xl: 0 20px 48px rgb(0 0 0 / .5)}:host,:root{--lib-glass-blur-amount: 12px;--lib-glass-saturate-amount: 120%;--lib-glass-bg-opacity: .15;--lib-glass-border-opacity: .2;--lib-glass-shadow-opacity: .37;--lib-glass-shine-start: .35;--lib-glass-shine-end: .05;--lib-glass-blur-low: 4px;--lib-glass-blur-md: 12px;--lib-glass-blur-high: 25px;--lib-glass-opacity-low: .1;--lib-glass-opacity-md: .15;--lib-glass-opacity-high: .25;--lib-glass-bg: oklch(98% .01 60deg / var(--lib-glass-bg-opacity));--lib-glass-bg-water: oklch(55% .06 210deg / var(--lib-glass-bg-opacity));--lib-glass-bg-kaki: oklch(45% .05 45deg / var(--lib-glass-bg-opacity));--lib-glass-filter: blur(var(--lib-glass-blur-amount)) saturate(var(--lib-glass-saturate-amount));--lib-glass-border: 1px solid oklch(100% 0 0deg / var(--lib-glass-border-opacity));--lib-glass-shadow: 0 8px 32px oklch(0% 0 0deg / var(--lib-glass-shadow-opacity));--lib-glass-shadow-hover: 0 20px 45px oklch(0% 0 0deg / .5);--lib-glass-shine: linear-gradient( 135deg, oklch(100% 0 0deg / var(--lib-glass-shine-start)) 0%, oklch(100% 0 0deg / var(--lib-glass-shine-end)) 50%, oklch(100% 0 0deg / 0) 100% );--lib-glass-text: var(--lib-shibui-paper);--lib-glass-text-shadow: 0 1px 3px oklch(0% 0 0deg / .3);--lib-spotlight-opacity: .12;--lib-spotlight-feather: 60%;--lib-spotlight-x: 50%;--lib-spotlight-y: 50%;--lib-spotlight-transition: background .15s ease-out;--lib-spotlight-gradient: radial-gradient( circle at var(--lib-spotlight-x) var(--lib-spotlight-y), oklch(45% .05 45deg / var(--lib-spotlight-opacity)) 0%, oklch(45% .05 45deg / 0) var(--lib-spotlight-feather) );--lib-spotlight-gradient-water: radial-gradient( circle at var(--lib-spotlight-x) var(--lib-spotlight-y), oklch(55% .06 210deg / var(--lib-spotlight-opacity)) 0%, oklch(55% .06 210deg / 0) var(--lib-spotlight-feather) );--lib-spotlight-gradient-white: radial-gradient( circle at var(--lib-spotlight-x) var(--lib-spotlight-y), oklch(100% 0 0deg / .1) 0%, oklch(100% 0 0deg / 0) var(--lib-spotlight-feather) );--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");--lib-metal-texture-opacity: .03;--lib-kintsugi-border: linear-gradient( 135deg, oklch(45% .05 45deg / .6) 0%, oklch(45% .05 45deg / 0) 40%, oklch(45% .05 45deg / 0) 60%, oklch(45% .05 45deg / .3) 100% )}
|
package/dist/index.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ export * from './components/atoms/avatar/lib-avatar.component';
|
|
|
5
5
|
export * from './components/atoms/skeleton/lib-skeleton.component';
|
|
6
6
|
export * from './components/atoms/text-list/lib-text-list.component';
|
|
7
7
|
export * from './components/atoms/close-button/lib-close-button.component';
|
|
8
|
-
export * from './components/atoms/glass-card/lib-glass-card.component';
|
|
8
|
+
export * from './components/atoms/card/glass-card/lib-glass-card.component';
|
|
9
9
|
export * from './components/atoms/progress/lib-progress.component';
|
|
10
10
|
export * from './components/atoms/accordion-item/lib-accordion-item.component';
|
|
11
11
|
export * from './components/atoms/tooltip/lib-tooltip.component';
|
|
@@ -20,7 +20,7 @@ export * from './components/atoms/label/lib-label.component';
|
|
|
20
20
|
export * from './components/atoms/icon/lib-icon.component';
|
|
21
21
|
export * from './components/atoms/button/lib-button.component';
|
|
22
22
|
export * from './components/atoms/magnetic/lib-magnetic.component';
|
|
23
|
-
export * from './components/atoms/spotlight-card/lib-spotlight-card.component';
|
|
23
|
+
export * from './components/atoms/card/spotlight-card/lib-spotlight-card.component';
|
|
24
24
|
export * from './components/atoms/lib-counter/lib-counter.component';
|
|
25
25
|
export * from './components/atoms/divider/lib-divider.component';
|
|
26
26
|
export * from './components/atoms/spacer/lib-spacer.component';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAE7C,cAAc,0DAA0D,CAAC;AACzE,cAAc,wDAAwD,CAAC;AACvE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAE7C,cAAc,0DAA0D,CAAC;AACzE,cAAc,wDAAwD,CAAC;AACvE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,6DAA6D,CAAC;AAC5E,cAAc,oDAAoD,CAAC;AACnE,cAAc,gEAAgE,CAAC;AAC/E,cAAc,kDAAkD,CAAC;AACjE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kEAAkE,CAAC;AACjF,cAAc,8CAA8C,CAAC;AAC7D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,8DAA8D,CAAC;AAC7E,cAAc,4CAA4C,CAAC;AAC3D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,qEAAqE,CAAC;AACpF,cAAc,sDAAsD,CAAA;AACpE,cAAc,kDAAkD,CAAA;AAChE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4DAA4D,CAAC;AAC3E,cAAc,kEAAkE,CAAC;AACjF,cAAc,oDAAoD,CAAC;AACnE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,0CAA0C,CAAC;AACzD,cAAc,kDAAkD,CAAC;AACjE,cAAc,wDAAwD,CAAC;AACvE,cAAc,oEAAoE,CAAC;AACnF,cAAc,8DAA8D,CAAA;AAC5E,cAAc,0DAA0D,CAAA;AACxE,cAAc,wDAAwD,CAAA;AACtE,cAAc,8DAA8D,CAAA;AAC5E,cAAc,kDAAkD,CAAC;AACjE,cAAc,kEAAkE,CAAC;AACjF,cAAc,2DAA2D,CAAC;AAC1E,cAAc,4DAA4D,CAAC;AAC3E,cAAc,8CAA8C,CAAC;AAC7D,cAAc,0DAA0D,CAAC;AAGzE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,wDAAwD,CAAC;AACvE,cAAc,8DAA8D,CAAC;AAC7E,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kEAAkE,CAAC;AACjF,cAAc,0EAA0E,CAAC;AACzF,cAAc,kDAAkD,CAAC;AACjE,cAAc,gEAAgE,CAAC;AAC/E,cAAc,mEAAmE,CAAC;AAClF,cAAc,gEAAgE,CAAC;AAC/E,cAAc,4DAA4D,CAAC;AAC3E,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kDAAkD,CAAC;AACjE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,gEAAgE,CAAC;AAC/E,cAAc,kEAAkE,CAAC;AACjF,cAAc,oDAAoD,CAAC;AAEnE,cAAc,wDAAwD,CAAC;AAGvE,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,sDAAsD,CAAC;AACrE,cAAc,oDAAoD,CAAC;AACnE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,0DAA0D,CAAC;AACzE,cAAc,kEAAkE,CAAC;AACjF,cAAc,kEAAkE,CAAC;AACjF,cAAc,wEAAwE,CAAC;AACvF,cAAc,6DAA6D,CAAC;AAC5E,cAAc,wDAAwD,CAAC;AAEvE,cAAc,0FAA0F,CAAC;AACzG,cAAc,wDAAwD,CAAC;AACvE,cAAc,4DAA4D,CAAA;AAC1E,cAAc,oDAAoD,CAAC;AAGnE,cAAc,sEAAsE,CAAC;AACrF,cAAc,gEAAgE,CAAC;AAE/E,cAAc,kDAAkD,CAAC;AAEjE,cAAc,gBAAgB,CAAC"}
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import './styles/shared/tokens.css';\nexport * from './shared/icons/icon-registry';\n\nexport * from './components/atoms/copy-button/lib-copy-button.component';\nexport * from './components/atoms/status-dot/lib-status-dot.component';\nexport * from './components/atoms/avatar/lib-avatar.component';\nexport * from './components/atoms/skeleton/lib-skeleton.component';\nexport * from './components/atoms/text-list/lib-text-list.component';\nexport * from './components/atoms/close-button/lib-close-button.component';\nexport * from './components/atoms/glass-card/lib-glass-card.component';\nexport * from './components/atoms/progress/lib-progress.component';\nexport * from './components/atoms/accordion-item/lib-accordion-item.component';\nexport * from './components/atoms/tooltip/lib-tooltip.component';\nexport * from './components/atoms/step/lib-step.component';\nexport * from './components/atoms/rating/lib-rating.component';\nexport * from './components/atoms/progress-circle/lib-progress-circle.component';\nexport * from './components/atoms/badge/lib-badge.component';\nexport * from './components/atoms/switch/lib-switch.component';\nexport * from './components/atoms/select-option/lib-select-option.component';\nexport * from './components/atoms/card/lib-card.component';\nexport * from './components/atoms/label/lib-label.component';\nexport * from './components/atoms/icon/lib-icon.component';\nexport * from './components/atoms/button/lib-button.component';\nexport * from './components/atoms/magnetic/lib-magnetic.component';\nexport * from './components/atoms/spotlight-card/lib-spotlight-card.component';\nexport * from './components/atoms/lib-counter/lib-counter.component'\nexport * from './components/atoms/divider/lib-divider.component'\nexport * from './components/atoms/spacer/lib-spacer.component';\nexport * from './components/atoms/ripple/lib-ripple.component';\nexport * from './components/atoms/aspect-ratio/lib-aspect-ratio.component';\nexport * from './components/atoms/visually-hidden/lib-visually-hidden.component';\nexport * from './components/atoms/checkbox/lib-checkbox.component';\nexport * from './components/atoms/radio/lib-radio.component';\nexport * from './components/atoms/kbd/lib-kbd.component';\nexport * from './components/atoms/spinner/lib-spinner.component';\nexport * from './components/atoms/bento-item/lib-bento-item.component';\nexport * from './components/atoms/reading-progress/lib-reading-progress.component';\nexport * from './components/atoms/liquid-button/lib-liquid-button.component'\nexport * from './components/atoms/text-glitch/lib-text-glitch.component'\nexport * from './components/atoms/background/lib-background.component'\nexport * from './components/atoms/burger-button/lib-burger-button.component'\nexport * from './components/atoms/eyebrow/lib-eyebrow.component';\nexport * from './components/atoms/display-heading/lib-display-heading.component';\nexport * from './components/atoms/card/card-grid/lib-card-grid.component';\nexport * from './components/atoms/content-pillar/content-pillar.component';\nexport * from './components/atoms/quote/lib-quote.component';\nexport * from './components/atoms/color-scale/lib-color-scale.component';\n\n\nexport * from './components/molecules/breadcrumb/lib-breadcrumb.component';\nexport * from './components/molecules/select/lib-select.component';\nexport * from './components/molecules/lib-alert/lib-alert.component';\nexport * from './components/molecules/dropdown/lib-dropdown.component';\nexport * from './components/molecules/empty-state/lib-empty-state.component';\nexport * from './components/molecules/chip/lib-chip.component';\nexport * from './components/molecules/file-uploader/lib-file-uploader.component';\nexport * from './components/molecules/segmented-control/lib-segmented-control.component';\nexport * from './components/molecules/input/lib-input.component';\nexport * from './components/molecules/range-slider/lib-range-slider.component';\nexport * from './components/molecules/tree-select/lib-tree-select.component.html';\nexport * from './components/molecules/color-picker/lib-color-picker.component';\nexport * from './components/molecules/pagination/lib-pagination.component';\nexport * from './components/molecules/tabs/lib-tabs.component';\nexport * from './components/molecules/modal/lib-modal.component';\nexport * from './components/molecules/tree-select/lib-tree-node.component';\nexport * from './components/molecules/button-group/lib-button-group.component';\nexport * from './components/molecules/checkbox-card/lib-checkbox-card.component';\nexport * from './components/molecules/header/lib-header.component';\n\nexport * from './components/atoms/code-block/lib-code-block.component';\n\n\nexport * from './components/organisms/dialog/lib-dialog.component';\nexport * from './components/organisms/sidebar/lib-sidebar.component';\nexport * from './components/organisms/stepper/lib-stepper.component';\nexport * from './components/organisms/drawer/lib-drawer.component';\nexport * from './components/organisms/data-table/lib-data-table.component';\nexport * from './components/organisms/accordion/lib-accordion.component';\nexport * from './components/organisms/toast-manager/lib-toast-manager.component';\nexport * from './components/organisms/parallax-container/lib-parallax.component';\nexport * from './components/organisms/parallax-text/lib-parallax-text-stack.component';\nexport * from './components/organisms/timeline/lib-timeline-item.component';\nexport * from './components/organisms/timeline/lib-timeline.component';\n\nexport * from './components/organisms/horizontal-scroll-section/lib-horizontal-scroll-section.component';\nexport * from './components/organisms/carousel/lib-carousel.component';\nexport * from './components/organisms/bento-grid/lib-bento-grid.component'\nexport * from './components/organisms/footer/lib-footer.component';\n\n\nexport * from './components/organisms/cursor-follower/lib-cursor-follower.component';\nexport * from './components/organisms/stagger/lib-stagger-container.component';\n\nexport * from './components/molecules/lib-alert/lib-alert.types';\n\nexport * from './types/public';\n\nconsole.log('Library initialized');"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiGA,QAAQ,IAAI,qBAAqB;"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":["import './styles/shared/tokens.css';\nexport * from './shared/icons/icon-registry';\n\nexport * from './components/atoms/copy-button/lib-copy-button.component';\nexport * from './components/atoms/status-dot/lib-status-dot.component';\nexport * from './components/atoms/avatar/lib-avatar.component';\nexport * from './components/atoms/skeleton/lib-skeleton.component';\nexport * from './components/atoms/text-list/lib-text-list.component';\nexport * from './components/atoms/close-button/lib-close-button.component';\nexport * from './components/atoms/card/glass-card/lib-glass-card.component';\nexport * from './components/atoms/progress/lib-progress.component';\nexport * from './components/atoms/accordion-item/lib-accordion-item.component';\nexport * from './components/atoms/tooltip/lib-tooltip.component';\nexport * from './components/atoms/step/lib-step.component';\nexport * from './components/atoms/rating/lib-rating.component';\nexport * from './components/atoms/progress-circle/lib-progress-circle.component';\nexport * from './components/atoms/badge/lib-badge.component';\nexport * from './components/atoms/switch/lib-switch.component';\nexport * from './components/atoms/select-option/lib-select-option.component';\nexport * from './components/atoms/card/lib-card.component';\nexport * from './components/atoms/label/lib-label.component';\nexport * from './components/atoms/icon/lib-icon.component';\nexport * from './components/atoms/button/lib-button.component';\nexport * from './components/atoms/magnetic/lib-magnetic.component';\nexport * from './components/atoms/card/spotlight-card/lib-spotlight-card.component';\nexport * from './components/atoms/lib-counter/lib-counter.component'\nexport * from './components/atoms/divider/lib-divider.component'\nexport * from './components/atoms/spacer/lib-spacer.component';\nexport * from './components/atoms/ripple/lib-ripple.component';\nexport * from './components/atoms/aspect-ratio/lib-aspect-ratio.component';\nexport * from './components/atoms/visually-hidden/lib-visually-hidden.component';\nexport * from './components/atoms/checkbox/lib-checkbox.component';\nexport * from './components/atoms/radio/lib-radio.component';\nexport * from './components/atoms/kbd/lib-kbd.component';\nexport * from './components/atoms/spinner/lib-spinner.component';\nexport * from './components/atoms/bento-item/lib-bento-item.component';\nexport * from './components/atoms/reading-progress/lib-reading-progress.component';\nexport * from './components/atoms/liquid-button/lib-liquid-button.component'\nexport * from './components/atoms/text-glitch/lib-text-glitch.component'\nexport * from './components/atoms/background/lib-background.component'\nexport * from './components/atoms/burger-button/lib-burger-button.component'\nexport * from './components/atoms/eyebrow/lib-eyebrow.component';\nexport * from './components/atoms/display-heading/lib-display-heading.component';\nexport * from './components/atoms/card/card-grid/lib-card-grid.component';\nexport * from './components/atoms/content-pillar/content-pillar.component';\nexport * from './components/atoms/quote/lib-quote.component';\nexport * from './components/atoms/color-scale/lib-color-scale.component';\n\n\nexport * from './components/molecules/breadcrumb/lib-breadcrumb.component';\nexport * from './components/molecules/select/lib-select.component';\nexport * from './components/molecules/lib-alert/lib-alert.component';\nexport * from './components/molecules/dropdown/lib-dropdown.component';\nexport * from './components/molecules/empty-state/lib-empty-state.component';\nexport * from './components/molecules/chip/lib-chip.component';\nexport * from './components/molecules/file-uploader/lib-file-uploader.component';\nexport * from './components/molecules/segmented-control/lib-segmented-control.component';\nexport * from './components/molecules/input/lib-input.component';\nexport * from './components/molecules/range-slider/lib-range-slider.component';\nexport * from './components/molecules/tree-select/lib-tree-select.component.html';\nexport * from './components/molecules/color-picker/lib-color-picker.component';\nexport * from './components/molecules/pagination/lib-pagination.component';\nexport * from './components/molecules/tabs/lib-tabs.component';\nexport * from './components/molecules/modal/lib-modal.component';\nexport * from './components/molecules/tree-select/lib-tree-node.component';\nexport * from './components/molecules/button-group/lib-button-group.component';\nexport * from './components/molecules/checkbox-card/lib-checkbox-card.component';\nexport * from './components/molecules/header/lib-header.component';\n\nexport * from './components/atoms/code-block/lib-code-block.component';\n\n\nexport * from './components/organisms/dialog/lib-dialog.component';\nexport * from './components/organisms/sidebar/lib-sidebar.component';\nexport * from './components/organisms/stepper/lib-stepper.component';\nexport * from './components/organisms/drawer/lib-drawer.component';\nexport * from './components/organisms/data-table/lib-data-table.component';\nexport * from './components/organisms/accordion/lib-accordion.component';\nexport * from './components/organisms/toast-manager/lib-toast-manager.component';\nexport * from './components/organisms/parallax-container/lib-parallax.component';\nexport * from './components/organisms/parallax-text/lib-parallax-text-stack.component';\nexport * from './components/organisms/timeline/lib-timeline-item.component';\nexport * from './components/organisms/timeline/lib-timeline.component';\n\nexport * from './components/organisms/horizontal-scroll-section/lib-horizontal-scroll-section.component';\nexport * from './components/organisms/carousel/lib-carousel.component';\nexport * from './components/organisms/bento-grid/lib-bento-grid.component'\nexport * from './components/organisms/footer/lib-footer.component';\n\n\nexport * from './components/organisms/cursor-follower/lib-cursor-follower.component';\nexport * from './components/organisms/stagger/lib-stagger-container.component';\n\nexport * from './components/molecules/lib-alert/lib-alert.types';\n\nexport * from './types/public';\n\nconsole.log('Library initialized');"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiGA,QAAQ,IAAI,qBAAqB;"}
|
package/dist/index10.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index10.js","sources":["../src/components/atoms/glass-card/lib-glass-card.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport type { LibGlassVariant, LibGlassIntensity } from './lib-glass-card.
|
|
1
|
+
{"version":3,"file":"index10.js","sources":["../src/components/atoms/card/glass-card/lib-glass-card.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport type { LibGlassVariant, LibGlassIntensity } from './lib-glass-card.types';\nimport { glassCardTemplate } from './lib-glass-card.html';\nimport glassCss from './lib-glass-card.css?inline';\nimport sharedTokens from '../../../../styles/shared/tokens.css?inline';\n\n/**\n * @element lib-glass-card\n *\n * Contenedor con efecto glassmorphism (Efecto Agua).\n * Requiere un fondo oscuro en el elemento padre para que\n * el backdrop-filter sea visible.\n *\n * @slot - Contenido de la card (eyebrow, título, body, footer...).\n *\n * @example — uso básico\n * <lib-glass-card>\n * <h3>Paper Glass</h3>\n * <p>Variante neutra sobre fondo oscuro.</p>\n * </lib-glass-card>\n *\n * @example — variante water con intensidad alta\n * <lib-glass-card variant=\"water\" intensity=\"high\">...</lib-glass-card>\n *\n * @example — variante kaki\n * <lib-glass-card variant=\"kaki\">...</lib-glass-card>\n */\n@customElement('lib-glass-card')\nexport class LibGlassCard extends LitElement {\n static override styles = [\n css`${unsafeCSS(sharedTokens)}`,\n css`${unsafeCSS(glassCss)}`,\n ];\n\n /**\n * Tinte de color del cristal.\n * - paper : neutro paper al 15% (default)\n * - water : azul sereno oklch(55% 0.06 210)\n * - kaki : orgánico cálido oklch(45% 0.05 45)\n */\n @property({ type: String, reflect: true })\n variant: LibGlassVariant = 'paper';\n\n /**\n * Intensidad del efecto (blur + opacidad).\n * - low : blur 4px · opacity 0.10 — sutil\n * - md : blur 12px · opacity 0.15 — default\n * - high : blur 25px · opacity 0.25 — máximo\n */\n @property({ type: String, reflect: true })\n intensity: LibGlassIntensity = 'md';\n\n override render(): TemplateResult {\n return glassCardTemplate({\n variant: this.variant,\n intensity: this.intensity,\n });\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'lib-glass-card': LibGlassCard;\n }\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;AA6BO,IAAM,eAAN,cAA2B,WAAW;AAAA,EAAtC,cAAA;AAAA,UAAA,GAAA,SAAA;AAaL,SAAA,UAA2B;AAS3B,SAAA,YAA+B;AAAA,EAAA;AAAA,EAEtB,SAAyB;AAChC,WAAO,kBAAkB;AAAA,MACvB,SAAW,KAAK;AAAA,MAChB,WAAW,KAAK;AAAA,IAAA,CACjB;AAAA,EACH;AACF;AA9Ba,aACK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,QAAQ,CAAC;AAC3B;AASA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAZ9B,aAaX,WAAA,WAAA,CAAA;AASA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GArB9B,aAsBX,WAAA,aAAA,CAAA;AAtBW,eAAN,gBAAA;AAAA,EADN,cAAc,gBAAgB;AAAA,GAClB,YAAA;"}
|
package/dist/index196.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const sharedTokens = `:host,:root{--
|
|
1
|
+
const sharedTokens = `:host,:root{--color-washi-50: oklch(97.77% .003 68.35deg);--color-washi-100: oklch(94.29% .007 72.91deg);--color-washi-200: oklch(88.59% .008 72.93deg);--color-washi-300: oklch(81.39% .01 74.43deg);--color-washi-400: oklch(71.05% .013 74.74deg);--color-washi-500: oklch(59.45% .015 75.31deg);--color-washi-600: oklch(48.51% .014 76.22deg);--color-washi-700: oklch(37.66% .013 77.58deg);--color-washi-800: oklch(26.83% .012 79.82deg);--color-washi-900: oklch(17.39% .01 83.02deg);--color-washi-950: oklch(11.39% .009 84.7deg);--color-ink-0: oklch(11.39% .009 84.7deg / 0);--color-ink-10: oklch(11.39% .009 84.7deg / .06);--color-ink-20: oklch(11.39% .009 84.7deg / .12);--color-ink-40: oklch(11.39% .009 84.7deg / .25);--color-ink-60: oklch(11.39% .009 84.7deg / .5);--color-ink-80: oklch(11.39% .009 84.7deg / .75);--color-ink-100: oklch(11.39% .009 84.7deg / 1);--color-kaki-50: oklch(96.88% .012 55.48deg);--color-kaki-100: oklch(91.31% .038 65.52deg);--color-kaki-200: oklch(81.87% .076 60.59deg);--color-kaki-300: oklch(70.92% .125 52.88deg);--color-kaki-400: oklch(61.85% .149 48.72deg);--color-kaki-500: oklch(51.65% .134 46.13deg);--color-kaki-600: oklch(40.5% .108 44.59deg);--color-kaki-700: oklch(29.17% .08 44.25deg);--color-celadon-50: oklch(96.39% .007 172.9deg);--color-celadon-100: oklch(90.69% .021 169.15deg);--color-celadon-200: oklch(81.25% .039 171.18deg);--color-celadon-300: oklch(70.21% .057 167.31deg);--color-celadon-400: oklch(58.33% .068 171.21deg);--color-celadon-500: oklch(45.54% .059 173.23deg);--color-celadon-600: oklch(33.72% .046 173.86deg);--color-white: oklch(100% 0 0deg)}:host,:root{--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.75rem;--text-4xl: 3.75rem;--text-5xl: 5rem;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--lib-font-display: "Cormorant Garamond", serif;--lib-font-body: "Shippori Mincho", serif;--lib-font-mono: "DM Mono", monospace;--lib-font-family-base: var(--lib-font-body);--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.6;--leading-relaxed: 1.8;--leading-loose: 2.2;--tracking-tight: -.02em;--tracking-normal: 0em;--tracking-wide: .08em;--tracking-wider: .15em;--tracking-widest: .25em;--lib-tracking-elegant: .15em;--lib-font-size-base: 14px;--lib-text-transform: uppercase;--lib-border-width: 1.5px}:host,:root{--lib-spacing-unit: .25rem;--lib-space-xs: var(--lib-spacing-unit);--lib-space-sm: calc(var(--lib-spacing-unit) * 2);--lib-space-md: calc(var(--lib-spacing-unit) * 4);--lib-space-lg: calc(var(--lib-spacing-unit) * 6);--lib-space-xl: calc(var(--lib-spacing-unit) * 8);--lib-space-2xl: calc(var(--lib-spacing-unit) * 12);--lib-space-3xl: calc(var(--lib-spacing-unit) * 16);--z-base: 0;--z-raised: 10;--z-overlay: 100;--z-modal: 200;--z-toast: 300;--z-tooltip: 400;--radius-none: 0;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 16px;--radius-full: 9999px;--lib-radius-xs: 0px;--lib-radius-sm: 0px;--lib-radius-md: 1px;--lib-radius-lg: 2px}:host,:root{--duration-fast: .1s;--duration-base: .2s;--duration-slow: .35s;--duration-slower: .6s;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: var(--duration-fast) var(--ease-default);--transition-base: var(--duration-base) var(--ease-default);--transition-slow: var(--duration-slow) var(--ease-default)}:host,:root{--color-error: oklch(36.16% .106 28.52deg);--color-warning: oklch(47.53% .088 77.58deg);--color-success: oklch(38.41% .063 147.16deg);--color-info: oklch(58.33% .068 171.21deg);--color-error-subtle: #FFF0EE;--color-error-border: #F5C4BC;--color-warning-subtle: #FDF8EE;--color-warning-border: #F5E0A0;--color-success-subtle: #EFF5F1;--color-success-border: #BDD8C5;--color-info-subtle: #EFF5F3;--color-info-border: #A8D0C4;--text-error: var(--color-error);--text-warning: var(--color-warning);--text-success: var(--color-success);--text-info: var(--color-info);--color-disabled-bg: var(--color-washi-100);--color-disabled-text: var(--color-washi-400);--color-disabled-border: var(--color-washi-200)}:host,:root{--lib-shibui-water: var(--color-celadon-500);--lib-shibui-kaki: var(--color-kaki-500);--lib-shibui-paper: var(--color-washi-100);--lib-shibui-ink: var(--color-ink-100);--lib-color-primary: var(--lib-shibui-water);--lib-color-bg: var(--lib-shibui-paper);--lib-color-text: var(--lib-shibui-ink);--bg-base: var(--color-washi-50);--bg-surface: var(--color-washi-100);--bg-elevated: var(--color-white);--bg-inverse: var(--color-washi-900);--bg-overlay: var(--color-ink-60);--text-primary: var(--color-washi-900);--text-secondary: var(--color-washi-600);--text-muted: var(--color-washi-400);--text-inverse: var(--color-washi-50);--text-accent: var(--color-kaki-500);--text-link: var(--color-celadon-500);--text-link-hover: var(--color-celadon-400);--border-subtle: var(--color-washi-200);--border-default: var(--color-washi-300);--border-strong: var(--color-washi-500);--border-focus: var(--color-celadon-400);--shadow-sm: 0 1px 2px var(--color-ink-10);--shadow-md: 0 2px 8px var(--color-ink-10), 0 1px 2px var(--color-ink-10);--shadow-lg: 0 8px 24px var(--color-ink-10), 0 2px 4px var(--color-ink-10);--shadow-xl: 0 20px 48px var(--color-ink-20);--lib-shadow-brutal: 4px 4px 0px 0px var(--lib-shibui-ink);--lib-shadow-glass: 0 8px 32px 0 oklch(25% .02 45deg / .2)}:host([data-theme="dark"]){--bg-base: var(--color-washi-950);--bg-surface: var(--color-washi-900);--bg-elevated: var(--color-washi-800);--bg-inverse: var(--color-washi-50);--bg-overlay: oklch(0% 0 0deg / .7);--text-primary: var(--color-washi-50);--text-secondary: var(--color-washi-400);--text-muted: var(--color-washi-600);--text-inverse: var(--color-washi-900);--text-accent: var(--color-kaki-300);--text-link: var(--color-celadon-300);--text-link-hover: var(--color-celadon-200);--border-subtle: var(--color-washi-800);--border-default: var(--color-washi-700);--border-strong: var(--color-washi-500);--shadow-sm: 0 1px 2px rgb(0 0 0 / .3);--shadow-md: 0 2px 8px rgb(0 0 0 / .3), 0 1px 2px rgb(0 0 0 / .2);--shadow-lg: 0 8px 24px rgb(0 0 0 / .4), 0 2px 4px rgb(0 0 0 / .2);--shadow-xl: 0 20px 48px rgb(0 0 0 / .5)}:host,:root{--lib-glass-blur-amount: 12px;--lib-glass-saturate-amount: 120%;--lib-glass-bg-opacity: .15;--lib-glass-border-opacity: .2;--lib-glass-shadow-opacity: .37;--lib-glass-shine-start: .35;--lib-glass-shine-end: .05;--lib-glass-blur-low: 4px;--lib-glass-blur-md: 12px;--lib-glass-blur-high: 25px;--lib-glass-opacity-low: .1;--lib-glass-opacity-md: .15;--lib-glass-opacity-high: .25;--lib-glass-bg: oklch(98% .01 60deg / var(--lib-glass-bg-opacity));--lib-glass-bg-water: oklch(55% .06 210deg / var(--lib-glass-bg-opacity));--lib-glass-bg-kaki: oklch(45% .05 45deg / var(--lib-glass-bg-opacity));--lib-glass-filter: blur(var(--lib-glass-blur-amount)) saturate(var(--lib-glass-saturate-amount));--lib-glass-border: 1px solid oklch(100% 0 0deg / var(--lib-glass-border-opacity));--lib-glass-shadow: 0 8px 32px oklch(0% 0 0deg / var(--lib-glass-shadow-opacity));--lib-glass-shadow-hover: 0 20px 45px oklch(0% 0 0deg / .5);--lib-glass-shine: linear-gradient( 135deg, oklch(100% 0 0deg / var(--lib-glass-shine-start)) 0%, oklch(100% 0 0deg / var(--lib-glass-shine-end)) 50%, oklch(100% 0 0deg / 0) 100% );--lib-glass-text: var(--lib-shibui-paper);--lib-glass-text-shadow: 0 1px 3px oklch(0% 0 0deg / .3);--lib-spotlight-opacity: .12;--lib-spotlight-feather: 60%;--lib-spotlight-x: 50%;--lib-spotlight-y: 50%;--lib-spotlight-transition: background .15s ease-out;--lib-spotlight-gradient: radial-gradient( circle at var(--lib-spotlight-x) var(--lib-spotlight-y), oklch(45% .05 45deg / var(--lib-spotlight-opacity)) 0%, oklch(45% .05 45deg / 0) var(--lib-spotlight-feather) );--lib-spotlight-gradient-water: radial-gradient( circle at var(--lib-spotlight-x) var(--lib-spotlight-y), oklch(55% .06 210deg / var(--lib-spotlight-opacity)) 0%, oklch(55% .06 210deg / 0) var(--lib-spotlight-feather) );--lib-spotlight-gradient-white: radial-gradient( circle at var(--lib-spotlight-x) var(--lib-spotlight-y), oklch(100% 0 0deg / .1) 0%, oklch(100% 0 0deg / 0) var(--lib-spotlight-feather) );--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");--lib-metal-texture-opacity: .03;--lib-kintsugi-border: linear-gradient( 135deg, oklch(45% .05 45deg / .6) 0%, oklch(45% .05 45deg / 0) 40%, oklch(45% .05 45deg / 0) 60%, oklch(45% .05 45deg / .3) 100% )}`;
|
|
2
2
|
export {
|
|
3
3
|
sharedTokens as default
|
|
4
4
|
};
|
package/dist/index20.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index20.js","sources":["../src/components/atoms/card/lib-card.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport sharedTokens from \"../../../styles/shared/tokens.css?inline\";\nimport cardStyles from \"./lib-card.css?inline\";\nimport { cardTemplate } from \"./lib-card.html\";\
|
|
1
|
+
{"version":3,"file":"index20.js","sources":["../src/components/atoms/card/lib-card.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from \"lit\";\nimport { customElement, property } from \"lit/decorators.js\";\nimport sharedTokens from \"../../../styles/shared/tokens.css?inline\";\nimport cardStyles from \"./lib-card.css?inline\";\nimport { cardTemplate } from \"./lib-card.html\";\nimport type { LibCardVariant } from \"./lib-card.types\";\n\nexport type { LibCardVariant } from \"./lib-card.types\";\n\n/**\n * @element lib-card\n *\n * @attr {'default'|'inverse'|'accent'|'featured'|'kintsugi'|'glitch'|'celadon'|'washi'|'brutal'} variant\n * - default → superficie elevada neutra\n * - inverse → fondo washi-900 oscuro\n * - accent → borde izquierdo de color (`accent-color`)\n * - featured → fondo kaki degradado, título grande — pensado para 2 columnas en grid\n * - kintsugi → seam de oro animado en borde superior + hilo kintsugi-border en borde\n * - glitch → estética terminal CRT, scanlines, fuente mono\n * - celadon → acento verde-gris japonés para estados de éxito / énfasis secundario\n * - washi → paleta neutra cálida, superficie washi-50/100\n * - brutal → superficie clara, borde sólido ink, --lib-shadow-brutal; hover hunde el elemento en su sombra\n *\n * @attr {string} accent-color - Color del borde (solo variante `accent`).\n * @attr {string} kanji - Carácter kanji decorativo de fondo (ej: \"渋\", \"金\", \"間\").\n *\n * @attr {boolean} clickable - Si está presente, la card emite `ui-lib-card-click` al hacer clic\n * @slot tag - Etiqueta o metadata en el header.\n * @slot title - Título principal de la card.\n * @slot - Cuerpo de la card (default slot).\n * @slot footer - Acciones o información en el footer.\n * @fires ui-lib-card-click - { variant, kanji, originalEvent } — solo cuando `clickable` es true.\n */\n@customElement(\"lib-card\")\nexport class LibCard extends LitElement {\n static override styles = [\n css`\n ${unsafeCSS(sharedTokens)}\n `,\n css`\n ${unsafeCSS(cardStyles)}\n `,\n ];\n\n @property({ type: String, reflect: true })\n variant: LibCardVariant = \"default\";\n\n @property({ type: String, attribute: \"accent-color\" })\n accentColor: string | undefined = undefined;\n\n /** Carácter kanji decorativo mostrado como marca de agua en la esquina superior derecha */\n @property({ type: String })\n kanji = \"\";\n\n @property({ type: Boolean, reflect: true })\n clickable = false;\n\n override render(): TemplateResult {\n return cardTemplate({\n variant: this.variant,\n accentColor: this.accentColor,\n kanji: this.kanji,\n clickable: this.clickable,\n onClick: (e: MouseEvent) => this._onClick(e),\n });\n }\n\n _onClick(e: MouseEvent): void {\n if (!this.clickable) return;\n this.dispatchEvent(\n new CustomEvent(\"ui-lib-card-click\", {\n detail: { variant: this.variant, kanji: this.kanji, originalEvent: e },\n bubbles: true,\n composed: true,\n }),\n );\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n \"lib-card\": LibCard;\n }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;AAkCO,IAAM,UAAN,cAAsB,WAAW;AAAA,EAAjC,cAAA;AAAA,UAAA,GAAA,SAAA;AAWL,SAAA,UAA0B;AAG1B,SAAA,cAAkC;AAIlC,SAAA,QAAQ;AAGR,SAAA,YAAY;AAAA,EAAA;AAAA,EAEH,SAAyB;AAChC,WAAO,aAAa;AAAA,MAClB,SAAS,KAAK;AAAA,MACd,aAAa,KAAK;AAAA,MAClB,OAAO,KAAK;AAAA,MACZ,WAAW,KAAK;AAAA,MAChB,SAAS,CAAC,MAAkB,KAAK,SAAS,CAAC;AAAA,IAAA,CAC5C;AAAA,EACH;AAAA,EAEA,SAAS,GAAqB;AAC5B,QAAI,CAAC,KAAK,UAAW;AACrB,SAAK;AAAA,MACH,IAAI,YAAY,qBAAqB;AAAA,QACnC,QAAQ,EAAE,SAAS,KAAK,SAAS,OAAO,KAAK,OAAO,eAAe,EAAA;AAAA,QACnE,SAAS;AAAA,QACT,UAAU;AAAA,MAAA,CACX;AAAA,IAAA;AAAA,EAEL;AACF;AA3Ca,QACK,SAAS;AAAA,EACvB;AAAA,QACI,UAAU,YAAY,CAAC;AAAA;AAAA,EAE3B;AAAA,QACI,UAAU,UAAU,CAAC;AAAA;AAE3B;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAV9B,QAWX,WAAA,WAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,WAAW,gBAAgB;AAAA,GAb1C,QAcX,WAAA,eAAA,CAAA;AAIA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,OAAA,CAAQ;AAAA,GAjBf,QAkBX,WAAA,SAAA,CAAA;AAGA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GApB/B,QAqBX,WAAA,aAAA,CAAA;AArBW,UAAN,gBAAA;AAAA,EADN,cAAc,UAAU;AAAA,GACZ,OAAA;"}
|
package/dist/index207.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index207.js","sources":["../src/components/atoms/glass-card/lib-glass-card.html.ts"],"sourcesContent":["import { html, TemplateResult } from 'lit';\
|
|
1
|
+
{"version":3,"file":"index207.js","sources":["../src/components/atoms/card/glass-card/lib-glass-card.html.ts"],"sourcesContent":["import { html, TemplateResult } from 'lit';\nimport type { GlassCardTemplateProps } from './lib-glass-card.types';\n\n/**\n * Template del glass card.\n *\n * Estructura de capas (de abajo a arriba):\n * 1. .glass-card — backdrop-filter + background tintado\n * 2. ::before (CSS) — reflexión de luz (--lib-glass-shine)\n * 3. .glass-card__slot — slot del contenido, z-index: 1\n */\nexport function glassCardTemplate(_props: GlassCardTemplateProps): TemplateResult {\n return html`\n <div class=\"glass-card\">\n <div class=\"glass-card__slot\">\n <slot></slot>\n </div>\n </div>\n `;\n}"],"names":[],"mappings":";AAWO,SAAS,kBAAkB,QAAgD;AAChF,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOT;"}
|
package/dist/index228.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const cardStyles = '@layer tokens,reset,components;@layer reset{:host{display:block;container-type:inline-size}*,*:before,*:after{box-sizing:border-box}}@layer components{.card{display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border-subtle);padding:var(--lib-space-lg);height:100%;position:relative;overflow:hidden;transition:box-shadow var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out),border-color var(--duration-slow) var(--ease-out)}@media(hover:hover){.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-default)}}.card-kanji{position:absolute;top:.75rem;right:.75rem;font-family:var(--lib-font-display, "Cormorant Garamond", serif);font-size:5rem;font-weight:300;line-height:1;color:#0000000a;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0}:host([variant="inverse"]) .card-kanji,:host([variant="featured"]) .card-kanji,:host([variant="kintsugi"]) .card-kanji,:host([variant="glitch"]) .card-kanji,:host([variant="celadon"]) .card-kanji{color:#ffffff0a}:host([variant="kintsugi"]) .card-kanji{color:#b85a1e14}.card-header,.card-content,.card-footer{position:relative;z-index:1}.card-header{margin-bottom:var(--lib-space-md);display:flex;align-items:center;gap:var(--lib-space-sm);min-height:var(--lib-space-md)}::slotted([slot="tag"]){font-family:var(--lib-font-mono);font-size:10px;text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-muted)}.card-content{flex-grow:1;display:flex;flex-direction:column;gap:var(--lib-space-sm)}::slotted([slot="title"]){margin:0;font-family:var(--lib-font-display);font-size:var(--text-2xl);font-weight:var(--weight-light);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--text-secondary)}.card-body{font-family:var(--lib-font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-washi-500)}.card-footer{margin-top:var(--lib-space-lg);padding-top:var(--lib-space-md);border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;font-family:var(--lib-font-mono);font-size:10px;letter-spacing:var(--tracking-wider);color:var(--text-muted);min-height:var(--lib-space-lg)}::slotted([slot="footer"]){display:contents}:host([variant="inverse"]) .card{background:var(--color-washi-900);border-color:var(--color-washi-800)}:host([variant="inverse"]) ::slotted([slot="title"]){color:var(--color-washi-50)}:host([variant="inverse"]) .card-body{color:var(--color-washi-400)}:host([variant="inverse"]) .card-footer{border-top-color:var(--color-washi-800);color:var(--color-washi-600)}:host([variant="inverse"]) ::slotted([slot="tag"]){color:var(--color-washi-500)}:host([variant="accent"]) .card{border-left:3px solid var(--card-accent-color, var(--color-kaki-400));padding-left:calc(var(--lib-space-lg) - 3px)}:host([variant="featured"]) .card{background:linear-gradient(135deg,#b85a1e14,#b85a1e05);border-color:transparent;border-left:2px solid var(--color-kaki-500, #B85A1E)}:host([variant="featured"]) .card:before{display:none}:host([variant="featured"]) ::slotted([slot="tag"]){color:#b85a1e4d}:host([variant="featured"]) ::slotted([slot="title"]){font-size:var(--text-3xl);color:var(--color-kaki-400, #D97234);line-height:1.1}:host([variant="featured"]) .card-body{color:#faf7f44d;font-size:var(--text-base)}:host([variant="featured"]) .card-footer{border-top-color:#ffffff0f;color:#faf7f433;margin-top:var(--lib-space-xl)}@keyframes kintsugi-seam{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes kintsugi-gold{0%{background-position:-200% 0}to{background-position:200% 0}}:host([variant="kintsugi"]) .card{background:var(--color-washi-950, #120E0A);border-color
|
|
1
|
+
const cardStyles = '@layer tokens,reset,components;@layer reset{:host{display:block;container-type:inline-size}*,*:before,*:after{box-sizing:border-box}}@layer components{.card{display:flex;flex-direction:column;background:var(--bg-elevated);border:1px solid var(--border-subtle);padding:var(--lib-space-lg);height:100%;position:relative;overflow:hidden;transition:box-shadow var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out),border-color var(--duration-slow) var(--ease-out)}@media(hover:hover){.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--border-default)}}.card-kanji{position:absolute;top:.75rem;right:.75rem;font-family:var(--lib-font-display, "Cormorant Garamond", serif);font-size:5rem;font-weight:300;line-height:1;color:#0000000a;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0}:host([variant="inverse"]) .card-kanji,:host([variant="featured"]) .card-kanji,:host([variant="kintsugi"]) .card-kanji,:host([variant="glitch"]) .card-kanji,:host([variant="celadon"]) .card-kanji{color:#ffffff0a}:host([variant="kintsugi"]) .card-kanji{color:#b85a1e14}.card-header,.card-content,.card-footer{position:relative;z-index:1}.card-header{margin-bottom:var(--lib-space-md);display:flex;align-items:center;gap:var(--lib-space-sm);min-height:var(--lib-space-md)}::slotted([slot="tag"]){font-family:var(--lib-font-mono);font-size:10px;text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-muted)}.card-content{flex-grow:1;display:flex;flex-direction:column;gap:var(--lib-space-sm)}::slotted([slot="title"]){margin:0;font-family:var(--lib-font-display);font-size:var(--text-2xl);font-weight:var(--weight-light);line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--text-secondary)}.card-body{font-family:var(--lib-font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-washi-500)}.card-footer{margin-top:var(--lib-space-lg);padding-top:var(--lib-space-md);border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;align-items:center;font-family:var(--lib-font-mono);font-size:10px;letter-spacing:var(--tracking-wider);color:var(--text-muted);min-height:var(--lib-space-lg)}::slotted([slot="footer"]){display:contents}:host([variant="inverse"]) .card{background:var(--color-washi-900);border-color:var(--color-washi-800)}:host([variant="inverse"]) ::slotted([slot="title"]){color:var(--color-washi-50)}:host([variant="inverse"]) .card-body{color:var(--color-washi-400)}:host([variant="inverse"]) .card-footer{border-top-color:var(--color-washi-800);color:var(--color-washi-600)}:host([variant="inverse"]) ::slotted([slot="tag"]){color:var(--color-washi-500)}:host([variant="accent"]) .card{border-left:3px solid var(--card-accent-color, var(--color-kaki-400));padding-left:calc(var(--lib-space-lg) - 3px)}:host([variant="featured"]) .card{background:linear-gradient(135deg,#b85a1e14,#b85a1e05);border-color:transparent;border-left:2px solid var(--color-kaki-500, #B85A1E)}:host([variant="featured"]) .card:before{display:none}:host([variant="featured"]) ::slotted([slot="tag"]){color:#b85a1e4d}:host([variant="featured"]) ::slotted([slot="title"]){font-size:var(--text-3xl);color:var(--color-kaki-400, #D97234);line-height:1.1}:host([variant="featured"]) .card-body{color:#faf7f44d;font-size:var(--text-base)}:host([variant="featured"]) .card-footer{border-top-color:#ffffff0f;color:#faf7f433;margin-top:var(--lib-space-xl)}@keyframes kintsugi-seam{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes kintsugi-gold{0%{background-position:-200% 0}to{background-position:200% 0}}:host([variant="kintsugi"]) .card{background:var(--color-washi-950, #120E0A);border-color:transparent}:host([variant="kintsugi"]) .card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;padding:1px;background:var(--lib-kintsugi-border);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:0}:host([variant="kintsugi"]) .card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgb(184,90,30,.4) 15%,var(--color-kaki-400, #D97234) 35%,#F5D08A 50%,var(--color-kaki-400, #D97234) 65%,rgb(184,90,30,.4) 85%,transparent);background-size:200% 100%;animation:kintsugi-seam 5s linear infinite;pointer-events:none}:host([variant="kintsugi"]) ::slotted([slot="title"]){background:linear-gradient(90deg,var(--color-kaki-600, #8C4115),#F5D08A,var(--color-kaki-400, #D97234),#F5D08A,var(--color-kaki-600, #8C4115));background-size:200% 100%;animation:kintsugi-gold 4s linear infinite;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;color:transparent}:host([variant="kintsugi"]) ::slotted([slot="tag"]){color:#b85a1e59}:host([variant="kintsugi"]) .card-body{color:#faf7f440}:host([variant="kintsugi"]) .card-footer{border-top-color:#ffffff0f;color:#faf7f42e}@media(hover:hover){:host([variant="kintsugi"]) .card:hover{transform:none;box-shadow:0 0 32px #b85a1e1f;border-color:#b85a1e40}}@keyframes glitch-drift{0%,88%,to{transform:none;opacity:1}89%{transform:translate(-2px);opacity:.8}90%{transform:translate(2px);opacity:.9}91%{transform:none;opacity:1}}:host([variant="glitch"]) .card{background:var(--color-washi-950, #120E0A);border-color:#ffffff0f;animation:glitch-drift 7s steps(1) infinite}:host([variant="glitch"]) .card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-celadon-400, #4E9482);pointer-events:none}:host([variant="glitch"]) .card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgb(250,247,244,.012) 3px,rgb(250,247,244,.012) 4px);pointer-events:none;z-index:0}:host([variant="glitch"]) ::slotted([slot="tag"]){font-family:var(--lib-font-mono);color:var(--color-celadon-400, #4E9482);letter-spacing:.18em}:host([variant="glitch"]) ::slotted([slot="title"]){font-family:var(--lib-font-mono);font-size:var(--text-base);letter-spacing:.15em;text-transform:uppercase;color:var(--color-kaki-400, #D97234)}:host([variant="glitch"]) .card-body{font-family:var(--lib-font-mono);font-size:.65rem;letter-spacing:.08em;color:#faf7f433;line-height:1.9}:host([variant="glitch"]) .card-footer{border-top-color:#ffffff0f;color:#faf7f426}:host([variant="glitch"]) .card-kanji{color:#4e94820f}@media(hover:hover){:host([variant="glitch"]) .card:hover{transform:none;box-shadow:-2px 0 #d9723433,2px 0 #4e948226}}:host([variant="celadon"]) .card{background:var(--color-washi-950, #120E0A);border-color:#4e948226}:host([variant="celadon"]) .card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-celadon-400, #4E9482);pointer-events:none}:host([variant="celadon"]) ::slotted([slot="tag"]){color:#4e948280}:host([variant="celadon"]) ::slotted([slot="title"]){color:var(--color-celadon-400, #4E9482)}:host([variant="celadon"]) .card-body{color:#faf7f440}:host([variant="celadon"]) .card-footer{border-top-color:#ffffff0f;color:#faf7f42e}:host([variant="celadon"]) .card-kanji{color:#4e94820f}@media(hover:hover){:host([variant="celadon"]) .card:hover{transform:none;box-shadow:0 0 28px #4e94821a;border-color:#4e94824d}}:host([variant="washi"]) .card{background:var(--color-washi-50, #FAF7F4);border-color:var(--color-washi-200, #E5DDD3)}:host([variant="washi"]) .card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-washi-400, #B8A99A);pointer-events:none}:host([variant="washi"]) ::slotted([slot="tag"]){color:var(--color-washi-500, #9A8878)}:host([variant="washi"]) ::slotted([slot="title"]){color:var(--color-washi-800, #3D332A)}:host([variant="washi"]) .card-body{color:var(--color-washi-600, #7A6A5C)}:host([variant="washi"]) .card-footer{border-top-color:var(--color-washi-200, #E5DDD3);color:var(--color-washi-400, #B8A99A)}:host([variant="washi"]) .card-kanji{color:#0000000d}@media(hover:hover){:host([variant="washi"]) .card:hover{border-color:var(--color-washi-300, #D3C8BC);box-shadow:var(--shadow-md)}}:host([variant="brutal"]) .card{background:var(--color-washi-50);border:2px solid var(--color-ink-100);box-shadow:var(--lib-shadow-brutal);transition:transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}:host([variant="brutal"]) .card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--color-celadon-400);pointer-events:none}:host([variant="brutal"]) ::slotted([slot="tag"]){font-family:var(--lib-font-mono);color:var(--color-washi-500);letter-spacing:var(--tracking-widest)}:host([variant="brutal"]) ::slotted([slot="title"]){font-family:var(--lib-font-mono);font-size:var(--text-xl);font-weight:var(--weight-medium);letter-spacing:var(--tracking-tight);color:var(--color-ink-100);text-transform:uppercase}:host([variant="brutal"]) .card-body{font-family:var(--lib-font-mono);font-size:var(--text-xs);letter-spacing:.04em;line-height:var(--leading-relaxed);color:var(--color-washi-600)}:host([variant="brutal"]) .card-footer{border-top-color:var(--color-washi-300);color:var(--color-washi-500)}@media(hover:hover){:host([variant="brutal"]) .card:hover{transform:translate(4px,4px);box-shadow:none}}}';
|
|
2
2
|
export {
|
|
3
3
|
cardStyles as default
|
|
4
4
|
};
|
package/dist/index235.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index235.js","sources":["../src/components/atoms/spotlight-card/lib-spotlight-card.
|
|
1
|
+
{"version":3,"file":"index235.js","sources":["../src/components/atoms/card/spotlight-card/lib-spotlight-card.html.ts"],"sourcesContent":["import { html, TemplateResult } from 'lit';\nimport type { SpotlightCardTemplateProps } from './lib-spotlight-card.types';\n\n/**\n * Template del spotlight card.\n *\n * Arquitectura de capas (de abajo a arriba):\n * 1. .spotlight__layer — gradiente radial reactivo al cursor (z-index 1)\n * 2. ::after (CSS) — hilo kintsugi en el borde, solo si [kintsugi] (z-index 2)\n * 3. .spotlight__slot — contenido slotado (z-index 3)\n *\n * El gradiente del spotlight se actualiza vía CSS custom properties\n * --lib-spotlight-x / --lib-spotlight-y actualizadas en el mousemove handler.\n */\nexport function spotlightCardTemplate(props: SpotlightCardTemplateProps): TemplateResult {\n return html`\n <div\n class=\"spotlight\"\n @mousemove=${props.onMouseMove}\n @mouseleave=${props.onMouseLeave}\n >\n <div class=\"spotlight__layer\"></div>\n <div class=\"spotlight__slot\">\n <slot></slot>\n </div>\n </div>\n `;\n}"],"names":[],"mappings":";AAcO,SAAS,sBAAsB,OAAmD;AACvF,SAAO;AAAA;AAAA;AAAA,mBAGU,MAAM,WAAW;AAAA,oBAChB,MAAM,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQtC;"}
|
package/dist/index25.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index25.js","sources":["../src/components/atoms/spotlight-card/lib-spotlight-card.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport type { LibSpotlightVariant } from './lib-spotlight-card.
|
|
1
|
+
{"version":3,"file":"index25.js","sources":["../src/components/atoms/card/spotlight-card/lib-spotlight-card.component.ts"],"sourcesContent":["import { LitElement, css, unsafeCSS, TemplateResult } from 'lit';\nimport { customElement, property } from 'lit/decorators.js';\nimport type { LibSpotlightVariant } from './lib-spotlight-card.types';\nimport { spotlightCardTemplate } from './lib-spotlight-card.html';\nimport spotlightCss from './lib-spotlight-card.css?inline';\nimport sharedTokens from '../../../../styles/shared/tokens.css?inline';\n\n/**\n * @element lib-spotlight-card\n *\n * Contenedor con foco de luz reactivo al cursor (Kintsugi Digital).\n * El gradiente radial sigue al puntero actualizando\n * `--lib-spotlight-x` y `--lib-spotlight-y` en :host.\n *\n * Con `kintsugi` activo añade el hilo de oro en el borde\n * y cambia el fondo a un tono cálido oscuro.\n *\n * @slot - Contenido de la card.\n *\n * @example — spotlight kaki\n * <lib-spotlight-card>...</lib-spotlight-card>\n *\n * @example — spotlight water\n * <lib-spotlight-card spotlight=\"water\">...</lib-spotlight-card>\n *\n * @example — kintsugi border + spotlight kaki\n * <lib-spotlight-card kintsugi>...</lib-spotlight-card>\n */\n@customElement('lib-spotlight-card')\nexport class LibSpotlightCard extends LitElement {\n static override styles = [\n css`${unsafeCSS(sharedTokens)}`,\n css`${unsafeCSS(spotlightCss)}`,\n ];\n\n /**\n * Color del foco de luz.\n * - kaki : orgánico cálido — oklch(45% 0.05 45) [default]\n * - water : azul sereno — oklch(55% 0.06 210)\n * - white : neutro — oklch(100% 0 0)\n *\n * Nota: cuando `kintsugi` está activo el spotlight es siempre kaki.\n */\n @property({ type: String, reflect: true })\n spotlight: LibSpotlightVariant = 'kaki';\n\n /**\n * Activa el hilo de oro en el borde (--lib-kintsugi-border)\n * y cambia el fondo del contenedor a un tono cálido oscuro.\n */\n @property({ type: Boolean, reflect: true })\n kintsugi = false;\n\n override render(): TemplateResult {\n return spotlightCardTemplate({\n spotlight: this.spotlight,\n kintsugi: this.kintsugi,\n onMouseMove: this._handleMouseMove.bind(this),\n onMouseLeave: this._handleMouseLeave.bind(this),\n });\n }\n\n private _handleMouseMove(e: MouseEvent): void {\n const rect = (e.currentTarget as HTMLElement).getBoundingClientRect();\n const x = ((e.clientX - rect.left) / rect.width) * 100;\n const y = ((e.clientY - rect.top) / rect.height) * 100;\n\n // Actualiza las custom properties en :host\n // El radial-gradient del CSS las consume automáticamente\n this.style.setProperty('--lib-spotlight-x', `${x}%`);\n this.style.setProperty('--lib-spotlight-y', `${y}%`);\n }\n\n private _handleMouseLeave(): void {\n // Resetea al centro — la layer se oculta vía CSS opacity: 0\n this.style.setProperty('--lib-spotlight-x', '50%');\n this.style.setProperty('--lib-spotlight-y', '50%');\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'lib-spotlight-card': LibSpotlightCard;\n }\n}"],"names":[],"mappings":";;;;;;;;;;;;;;;AA6BO,IAAM,mBAAN,cAA+B,WAAW;AAAA,EAA1C,cAAA;AAAA,UAAA,GAAA,SAAA;AAeL,SAAA,YAAiC;AAOjC,SAAA,WAAW;AAAA,EAAA;AAAA,EAEF,SAAyB;AAChC,WAAO,sBAAsB;AAAA,MAC3B,WAAc,KAAK;AAAA,MACnB,UAAc,KAAK;AAAA,MACnB,aAAc,KAAK,iBAAiB,KAAK,IAAI;AAAA,MAC7C,cAAc,KAAK,kBAAkB,KAAK,IAAI;AAAA,IAAA,CAC/C;AAAA,EACH;AAAA,EAEQ,iBAAiB,GAAqB;AAC5C,UAAM,OAAQ,EAAE,cAA8B,sBAAA;AAC9C,UAAM,KAAM,EAAE,UAAU,KAAK,QAAQ,KAAK,QAAU;AACpD,UAAM,KAAM,EAAE,UAAU,KAAK,OAAQ,KAAK,SAAU;AAIpD,SAAK,MAAM,YAAY,qBAAqB,GAAG,CAAC,GAAG;AACnD,SAAK,MAAM,YAAY,qBAAqB,GAAG,CAAC,GAAG;AAAA,EACrD;AAAA,EAEQ,oBAA0B;AAEhC,SAAK,MAAM,YAAY,qBAAqB,KAAK;AACjD,SAAK,MAAM,YAAY,qBAAqB,KAAK;AAAA,EACnD;AACF;AAjDa,iBACK,SAAS;AAAA,EACvB,MAAM,UAAU,YAAY,CAAC;AAAA,EAC7B,MAAM,UAAU,YAAY,CAAC;AAC/B;AAWA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,QAAQ,SAAS,MAAM;AAAA,GAd9B,iBAeX,WAAA,aAAA,CAAA;AAOA,gBAAA;AAAA,EADC,SAAS,EAAE,MAAM,SAAS,SAAS,MAAM;AAAA,GArB/B,iBAsBX,WAAA,YAAA,CAAA;AAtBW,mBAAN,gBAAA;AAAA,EADN,cAAc,oBAAoB;AAAA,GACtB,gBAAA;"}
|
package/dist/react/index.ts
CHANGED
|
@@ -17,7 +17,6 @@ export * from './lib-copy-button';
|
|
|
17
17
|
export * from './lib-display-heading';
|
|
18
18
|
export * from './lib-divider';
|
|
19
19
|
export * from './lib-eyebrow';
|
|
20
|
-
export * from './lib-glass-card';
|
|
21
20
|
export * from './lib-icon';
|
|
22
21
|
export * from './lib-kbd';
|
|
23
22
|
export * from './lib-label';
|
|
@@ -35,7 +34,6 @@ export * from './lib-select-option';
|
|
|
35
34
|
export * from './lib-skeleton';
|
|
36
35
|
export * from './lib-spacer';
|
|
37
36
|
export * from './lib-spinner';
|
|
38
|
-
export * from './lib-spotlight-card';
|
|
39
37
|
export * from './lib-status-dot';
|
|
40
38
|
export * from './lib-step';
|
|
41
39
|
export * from './lib-switch';
|
|
@@ -81,4 +79,6 @@ export * from './lib-stepper';
|
|
|
81
79
|
export * from './lib-timeline-item';
|
|
82
80
|
export * from './lib-timeline';
|
|
83
81
|
export * from './lib-toast-manager';
|
|
84
|
-
export * from './lib-component-grid';
|
|
82
|
+
export * from './lib-component-grid';
|
|
83
|
+
export * from './lib-glass-card';
|
|
84
|
+
export * from './lib-spotlight-card';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lib-glass-card.component.d.ts","sourceRoot":"","sources":["../../../../../../src/components/atoms/card/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,wBAAwB,CAAC;AAKjF;;;;;;;;;;;;;;;;;;;;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,10 +1,5 @@
|
|
|
1
1
|
import { TemplateResult } from 'lit';
|
|
2
|
-
|
|
3
|
-
export type LibGlassIntensity = 'low' | 'md' | 'high';
|
|
4
|
-
export interface GlassCardTemplateProps {
|
|
5
|
-
variant: LibGlassVariant;
|
|
6
|
-
intensity: LibGlassIntensity;
|
|
7
|
-
}
|
|
2
|
+
import type { GlassCardTemplateProps } from './lib-glass-card.types';
|
|
8
3
|
/**
|
|
9
4
|
* Template del glass card.
|
|
10
5
|
*
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lib-glass-card.html.d.ts","sourceRoot":"","sources":["../../../../../../src/components/atoms/card/glass-card/lib-glass-card.html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAErE;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,sBAAsB,GAAG,cAAc,CAQhF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lib-glass-card.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/atoms/card/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"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export type LibGlassVariant = 'paper' | 'water' | 'kaki';
|
|
2
|
+
export type LibGlassIntensity = 'low' | 'md' | 'high';
|
|
3
|
+
export interface GlassCardTemplateProps {
|
|
4
|
+
variant: LibGlassVariant;
|
|
5
|
+
intensity: LibGlassIntensity;
|
|
6
|
+
}
|
|
7
|
+
//# sourceMappingURL=lib-glass-card.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lib-glass-card.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/atoms/card/glass-card/lib-glass-card.types.ts"],"names":[],"mappings":"AAAA,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"}
|
|
@@ -1,17 +1,19 @@
|
|
|
1
1
|
import { LitElement, TemplateResult } from "lit";
|
|
2
|
-
|
|
2
|
+
import type { LibCardVariant } from "./lib-card.types";
|
|
3
|
+
export type { LibCardVariant } from "./lib-card.types";
|
|
3
4
|
/**
|
|
4
5
|
* @element lib-card
|
|
5
6
|
*
|
|
6
|
-
* @attr {'default'|'inverse'|'accent'|'featured'|'kintsugi'|'glitch'|'celadon'|'washi'} variant
|
|
7
|
+
* @attr {'default'|'inverse'|'accent'|'featured'|'kintsugi'|'glitch'|'celadon'|'washi'|'brutal'} variant
|
|
7
8
|
* - default → superficie elevada neutra
|
|
8
9
|
* - inverse → fondo washi-900 oscuro
|
|
9
10
|
* - accent → borde izquierdo de color (`accent-color`)
|
|
10
11
|
* - featured → fondo kaki degradado, título grande — pensado para 2 columnas en grid
|
|
11
|
-
* - kintsugi → seam de oro animado en borde superior +
|
|
12
|
+
* - kintsugi → seam de oro animado en borde superior + hilo kintsugi-border en borde
|
|
12
13
|
* - glitch → estética terminal CRT, scanlines, fuente mono
|
|
13
14
|
* - celadon → acento verde-gris japonés para estados de éxito / énfasis secundario
|
|
14
15
|
* - washi → paleta neutra cálida, superficie washi-50/100
|
|
16
|
+
* - brutal → superficie clara, borde sólido ink, --lib-shadow-brutal; hover hunde el elemento en su sombra
|
|
15
17
|
*
|
|
16
18
|
* @attr {string} accent-color - Color del borde (solo variante `accent`).
|
|
17
19
|
* @attr {string} kanji - Carácter kanji decorativo de fondo (ej: "渋", "金", "間").
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lib-card.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/card/lib-card.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,cAAc,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"lib-card.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/card/lib-card.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,cAAc,EAAE,MAAM,KAAK,CAAC;AAKjE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD,YAAY,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAEvD;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACrC,OAAgB,MAAM,4BAOpB;IAGF,OAAO,EAAE,cAAc,CAAa;IAGpC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAa;IAE5C,2FAA2F;IAE3F,KAAK,SAAM;IAGX,SAAS,UAAS;IAET,MAAM,IAAI,cAAc;IAUjC,QAAQ,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;CAU9B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
|
|
@@ -3,7 +3,7 @@ import './lib-card.component';
|
|
|
3
3
|
import '../../atoms/button/lib-button.component';
|
|
4
4
|
import './card-grid/lib-card-grid.component';
|
|
5
5
|
type LibCardArgs = {
|
|
6
|
-
variant: 'default' | 'inverse' | 'accent' | 'featured' | 'kintsugi' | 'glitch' | 'celadon' | 'washi';
|
|
6
|
+
variant: 'default' | 'inverse' | 'accent' | 'featured' | 'kintsugi' | 'glitch' | 'celadon' | 'washi' | 'brutal';
|
|
7
7
|
accentColor: string;
|
|
8
8
|
kanji: string;
|
|
9
9
|
};
|
|
@@ -15,5 +15,6 @@ export declare const AllVariants: Story;
|
|
|
15
15
|
export declare const CustomAccent: Story;
|
|
16
16
|
export declare const KanjiWatermark: Story;
|
|
17
17
|
export declare const Featured: Story;
|
|
18
|
+
export declare const Brutal: Story;
|
|
18
19
|
export declare const Kintsugi: Story;
|
|
19
20
|
//# sourceMappingURL=lib-card.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lib-card.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/card/lib-card.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,sBAAsB,CAAC;AAC9B,OAAO,yCAAyC,CAAC;AACjD,OAAO,qCAAqC,CAAC;AAE7C,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"lib-card.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/card/lib-card.stories.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAC;AAEhE,OAAO,sBAAsB,CAAC;AAC9B,OAAO,yCAAyC,CAAC;AACjD,OAAO,qCAAqC,CAAC;AAE7C,KAAK,WAAW,GAAG;IACjB,OAAO,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,CAAC;IAChH,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,WAAW,CAgC3B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;AAGnC,eAAO,MAAM,UAAU,EAAE,KAMxB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAiGzB,CAAC;AAGF,eAAO,MAAM,YAAY,EAAE,KA+B1B,CAAC;AAGF,eAAO,MAAM,cAAc,EAAE,KAkD5B,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KA6BtB,CAAC;AAGF,eAAO,MAAM,MAAM,EAAE,KA6CpB,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KA6BtB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lib-card.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/card/lib-card.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"lib-card.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/card/lib-card.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GACtB,SAAS,GACT,SAAS,GACT,QAAQ,GACR,UAAU,GACV,UAAU,GACV,QAAQ,GACR,SAAS,GACT,OAAO,GACP,QAAQ,CAAC;AAEb,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;CACf"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lib-spotlight-card.component.d.ts","sourceRoot":"","sources":["../../../../../../src/components/atoms/card/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,4BAA4B,CAAC;AAKtE;;;;;;;;;;;;;;;;;;;;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,11 +1,5 @@
|
|
|
1
1
|
import { TemplateResult } from 'lit';
|
|
2
|
-
|
|
3
|
-
export interface SpotlightCardTemplateProps {
|
|
4
|
-
spotlight: LibSpotlightVariant;
|
|
5
|
-
kintsugi: boolean;
|
|
6
|
-
onMouseMove: (e: MouseEvent) => void;
|
|
7
|
-
onMouseLeave: () => void;
|
|
8
|
-
}
|
|
2
|
+
import type { SpotlightCardTemplateProps } from './lib-spotlight-card.types';
|
|
9
3
|
/**
|
|
10
4
|
* Template del spotlight card.
|
|
11
5
|
*
|
|
@@ -18,4 +12,4 @@ export interface SpotlightCardTemplateProps {
|
|
|
18
12
|
* --lib-spotlight-x / --lib-spotlight-y actualizadas en el mousemove handler.
|
|
19
13
|
*/
|
|
20
14
|
export declare function spotlightCardTemplate(props: SpotlightCardTemplateProps): TemplateResult;
|
|
21
|
-
//# sourceMappingURL=lib-spotlight-card.
|
|
15
|
+
//# sourceMappingURL=lib-spotlight-card.html.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lib-spotlight-card.html.d.ts","sourceRoot":"","sources":["../../../../../../src/components/atoms/card/spotlight-card/lib-spotlight-card.html.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,cAAc,EAAE,MAAM,KAAK,CAAC;AAC3C,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,4BAA4B,CAAC;AAE7E;;;;;;;;;;GAUG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,GAAG,cAAc,CAavF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lib-spotlight-card.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/components/atoms/card/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"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export type LibSpotlightVariant = 'kaki' | 'water' | 'white';
|
|
2
|
+
export interface SpotlightCardTemplateProps {
|
|
3
|
+
spotlight: LibSpotlightVariant;
|
|
4
|
+
kintsugi: boolean;
|
|
5
|
+
onMouseMove: (e: MouseEvent) => void;
|
|
6
|
+
onMouseLeave: () => void;
|
|
7
|
+
}
|
|
8
|
+
//# sourceMappingURL=lib-spotlight-card.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lib-spotlight-card.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/atoms/card/spotlight-card/lib-spotlight-card.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AAE7D,MAAM,WAAW,0BAA0B;IACzC,SAAS,EAAK,mBAAmB,CAAC;IAClC,QAAQ,EAAM,OAAO,CAAC;IACtB,WAAW,EAAG,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,YAAY,EAAE,MAAM,IAAI,CAAC;CAC1B"}
|
package/dist/src/index.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ export * from './components/atoms/avatar/lib-avatar.component';
|
|
|
6
6
|
export * from './components/atoms/skeleton/lib-skeleton.component';
|
|
7
7
|
export * from './components/atoms/text-list/lib-text-list.component';
|
|
8
8
|
export * from './components/atoms/close-button/lib-close-button.component';
|
|
9
|
-
export * from './components/atoms/glass-card/lib-glass-card.component';
|
|
9
|
+
export * from './components/atoms/card/glass-card/lib-glass-card.component';
|
|
10
10
|
export * from './components/atoms/progress/lib-progress.component';
|
|
11
11
|
export * from './components/atoms/accordion-item/lib-accordion-item.component';
|
|
12
12
|
export * from './components/atoms/tooltip/lib-tooltip.component';
|
|
@@ -21,7 +21,7 @@ export * from './components/atoms/label/lib-label.component';
|
|
|
21
21
|
export * from './components/atoms/icon/lib-icon.component';
|
|
22
22
|
export * from './components/atoms/button/lib-button.component';
|
|
23
23
|
export * from './components/atoms/magnetic/lib-magnetic.component';
|
|
24
|
-
export * from './components/atoms/spotlight-card/lib-spotlight-card.component';
|
|
24
|
+
export * from './components/atoms/card/spotlight-card/lib-spotlight-card.component';
|
|
25
25
|
export * from './components/atoms/lib-counter/lib-counter.component';
|
|
26
26
|
export * from './components/atoms/divider/lib-divider.component';
|
|
27
27
|
export * from './components/atoms/spacer/lib-spacer.component';
|
package/dist/src/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAE7C,cAAc,0DAA0D,CAAC;AACzE,cAAc,wDAAwD,CAAC;AACvE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAE7C,cAAc,0DAA0D,CAAC;AACzE,cAAc,wDAAwD,CAAC;AACvE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,6DAA6D,CAAC;AAC5E,cAAc,oDAAoD,CAAC;AACnE,cAAc,gEAAgE,CAAC;AAC/E,cAAc,kDAAkD,CAAC;AACjE,cAAc,4CAA4C,CAAC;AAC3D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kEAAkE,CAAC;AACjF,cAAc,8CAA8C,CAAC;AAC7D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,8DAA8D,CAAC;AAC7E,cAAc,4CAA4C,CAAC;AAC3D,cAAc,8CAA8C,CAAC;AAC7D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,oDAAoD,CAAC;AACnE,cAAc,qEAAqE,CAAC;AACpF,cAAc,sDAAsD,CAAA;AACpE,cAAc,kDAAkD,CAAA;AAChE,cAAc,gDAAgD,CAAC;AAC/D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4DAA4D,CAAC;AAC3E,cAAc,kEAAkE,CAAC;AACjF,cAAc,oDAAoD,CAAC;AACnE,cAAc,8CAA8C,CAAC;AAC7D,cAAc,0CAA0C,CAAC;AACzD,cAAc,kDAAkD,CAAC;AACjE,cAAc,wDAAwD,CAAC;AACvE,cAAc,oEAAoE,CAAC;AACnF,cAAc,8DAA8D,CAAA;AAC5E,cAAc,0DAA0D,CAAA;AACxE,cAAc,wDAAwD,CAAA;AACtE,cAAc,8DAA8D,CAAA;AAC5E,cAAc,kDAAkD,CAAC;AACjE,cAAc,kEAAkE,CAAC;AACjF,cAAc,2DAA2D,CAAC;AAC1E,cAAc,4DAA4D,CAAC;AAC3E,cAAc,8CAA8C,CAAC;AAC7D,cAAc,0DAA0D,CAAC;AAGzE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,wDAAwD,CAAC;AACvE,cAAc,8DAA8D,CAAC;AAC7E,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kEAAkE,CAAC;AACjF,cAAc,0EAA0E,CAAC;AACzF,cAAc,kDAAkD,CAAC;AACjE,cAAc,gEAAgE,CAAC;AAC/E,cAAc,mEAAmE,CAAC;AAClF,cAAc,gEAAgE,CAAC;AAC/E,cAAc,4DAA4D,CAAC;AAC3E,cAAc,gDAAgD,CAAC;AAC/D,cAAc,kDAAkD,CAAC;AACjE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,gEAAgE,CAAC;AAC/E,cAAc,kEAAkE,CAAC;AACjF,cAAc,oDAAoD,CAAC;AAEnE,cAAc,wDAAwD,CAAC;AAGvE,cAAc,oDAAoD,CAAC;AACnE,cAAc,sDAAsD,CAAC;AACrE,cAAc,sDAAsD,CAAC;AACrE,cAAc,oDAAoD,CAAC;AACnE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,0DAA0D,CAAC;AACzE,cAAc,kEAAkE,CAAC;AACjF,cAAc,kEAAkE,CAAC;AACjF,cAAc,wEAAwE,CAAC;AACvF,cAAc,6DAA6D,CAAC;AAC5E,cAAc,wDAAwD,CAAC;AAEvE,cAAc,0FAA0F,CAAC;AACzG,cAAc,wDAAwD,CAAC;AACvE,cAAc,4DAA4D,CAAA;AAC1E,cAAc,oDAAoD,CAAC;AAGnE,cAAc,sEAAsE,CAAC;AACrF,cAAc,gEAAgE,CAAC;AAE/E,cAAc,kDAAkD,CAAC;AAEjE,cAAc,gBAAgB,CAAC"}
|
|
@@ -76,10 +76,6 @@ declare global {
|
|
|
76
76
|
'lib-eyebrow': {
|
|
77
77
|
|
|
78
78
|
|
|
79
|
-
};
|
|
80
|
-
'lib-glass-card': {
|
|
81
|
-
|
|
82
|
-
|
|
83
79
|
};
|
|
84
80
|
'lib-icon': {
|
|
85
81
|
|
|
@@ -148,10 +144,6 @@ declare global {
|
|
|
148
144
|
'lib-spinner': {
|
|
149
145
|
|
|
150
146
|
|
|
151
|
-
};
|
|
152
|
-
'lib-spotlight-card': {
|
|
153
|
-
|
|
154
|
-
|
|
155
147
|
};
|
|
156
148
|
'lib-status-dot': {
|
|
157
149
|
|
|
@@ -358,6 +350,14 @@ declare global {
|
|
|
358
350
|
'lib-component-grid': {
|
|
359
351
|
|
|
360
352
|
|
|
353
|
+
};
|
|
354
|
+
'lib-glass-card': {
|
|
355
|
+
|
|
356
|
+
|
|
357
|
+
};
|
|
358
|
+
'lib-spotlight-card': {
|
|
359
|
+
|
|
360
|
+
|
|
361
361
|
};
|
|
362
362
|
|
|
363
363
|
}
|