@danielcruzcode/ui-core 0.1.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/README.md +171 -0
- package/dist/commerce/ProductCard/ProductCard.css.d.ts +23 -0
- package/dist/commerce/ProductCard/ProductCard.css.d.ts.map +1 -0
- package/dist/commerce/ProductCard/ProductCard.d.ts +30 -0
- package/dist/commerce/ProductCard/ProductCard.d.ts.map +1 -0
- package/dist/commerce/ProductCard/index.d.ts +3 -0
- package/dist/commerce/ProductCard/index.d.ts.map +1 -0
- package/dist/commerce/ProductShelf/ProductShelf.css.d.ts +3 -0
- package/dist/commerce/ProductShelf/ProductShelf.css.d.ts.map +1 -0
- package/dist/commerce/ProductShelf/ProductShelf.d.ts +22 -0
- package/dist/commerce/ProductShelf/ProductShelf.d.ts.map +1 -0
- package/dist/commerce/ProductShelf/index.d.ts +3 -0
- package/dist/commerce/ProductShelf/index.d.ts.map +1 -0
- package/dist/components/Card/Card.css.d.ts +30 -0
- package/dist/components/Card/Card.css.d.ts.map +1 -0
- package/dist/components/Card/Card.d.ts +13 -0
- package/dist/components/Card/Card.d.ts.map +1 -0
- package/dist/components/Card/index.d.ts +3 -0
- package/dist/components/Card/index.d.ts.map +1 -0
- package/dist/components/Carousel/Carousel.css.d.ts +8 -0
- package/dist/components/Carousel/Carousel.css.d.ts.map +1 -0
- package/dist/components/Carousel/Carousel.d.ts +23 -0
- package/dist/components/Carousel/Carousel.d.ts.map +1 -0
- package/dist/components/Carousel/Carousel.js +35 -0
- package/dist/components/Carousel/Carousel.js.map +1 -0
- package/dist/components/Carousel/index.d.ts +3 -0
- package/dist/components/Carousel/index.d.ts.map +1 -0
- package/dist/components/Carousel/index.js +2 -0
- package/dist/components/Carousel/index.js.map +1 -0
- package/dist/index.cjs.js +1 -0
- package/dist/index.cjs10.js +1 -0
- package/dist/index.cjs11.js +1 -0
- package/dist/index.cjs12.js +1 -0
- package/dist/index.cjs13.js +1 -0
- package/dist/index.cjs14.js +1 -0
- package/dist/index.cjs15.js +1 -0
- package/dist/index.cjs16.js +1 -0
- package/dist/index.cjs17.js +1 -0
- package/dist/index.cjs18.js +1 -0
- package/dist/index.cjs19.js +1 -0
- package/dist/index.cjs2.js +1 -0
- package/dist/index.cjs20.js +1 -0
- package/dist/index.cjs21.js +1 -0
- package/dist/index.cjs22.js +1 -0
- package/dist/index.cjs23.js +1 -0
- package/dist/index.cjs24.js +1 -0
- package/dist/index.cjs25.js +1 -0
- package/dist/index.cjs27.js +1 -0
- package/dist/index.cjs28.js +1 -0
- package/dist/index.cjs29.js +1 -0
- package/dist/index.cjs3.js +1 -0
- package/dist/index.cjs30.js +1 -0
- package/dist/index.cjs31.js +1 -0
- package/dist/index.cjs34.js +1 -0
- package/dist/index.cjs4.js +1 -0
- package/dist/index.cjs42.js +1 -0
- package/dist/index.cjs43.js +1 -0
- package/dist/index.cjs44.js +1 -0
- package/dist/index.cjs49.js +1 -0
- package/dist/index.cjs5.js +1 -0
- package/dist/index.cjs50.js +1 -0
- package/dist/index.cjs51.js +1 -0
- package/dist/index.cjs52.js +1 -0
- package/dist/index.cjs6.js +1 -0
- package/dist/index.cjs7.js +1 -0
- package/dist/index.cjs8.js +1 -0
- package/dist/index.cjs9.js +1 -0
- package/dist/index.d.ts +25 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.esm.js +26 -0
- package/dist/index.esm10.js +54 -0
- package/dist/index.esm11.js +52 -0
- package/dist/index.esm12.js +25 -0
- package/dist/index.esm13.js +28 -0
- package/dist/index.esm14.js +8 -0
- package/dist/index.esm15.js +7 -0
- package/dist/index.esm16.js +8 -0
- package/dist/index.esm17.js +12 -0
- package/dist/index.esm18.js +11 -0
- package/dist/index.esm19.js +15 -0
- package/dist/index.esm2.js +8 -0
- package/dist/index.esm20.js +12 -0
- package/dist/index.esm21.js +136 -0
- package/dist/index.esm22.js +226 -0
- package/dist/index.esm23.js +130 -0
- package/dist/index.esm24.js +247 -0
- package/dist/index.esm25.js +11 -0
- package/dist/index.esm27.js +7 -0
- package/dist/index.esm28.js +26 -0
- package/dist/index.esm29.js +7 -0
- package/dist/index.esm3.js +49 -0
- package/dist/index.esm30.js +5 -0
- package/dist/index.esm31.js +1 -0
- package/dist/index.esm34.js +88 -0
- package/dist/index.esm4.js +35 -0
- package/dist/index.esm42.js +2028 -0
- package/dist/index.esm43.js +60 -0
- package/dist/index.esm44.js +191 -0
- package/dist/index.esm49.js +12 -0
- package/dist/index.esm5.js +100 -0
- package/dist/index.esm50.js +182 -0
- package/dist/index.esm51.js +6 -0
- package/dist/index.esm52.js +134 -0
- package/dist/index.esm6.js +61 -0
- package/dist/index.esm7.js +8 -0
- package/dist/index.esm8.js +58 -0
- package/dist/index.esm9.js +169 -0
- package/dist/layout/Container/Container.css.d.ts +20 -0
- package/dist/layout/Container/Container.css.d.ts.map +1 -0
- package/dist/layout/Container/Container.d.ts +8 -0
- package/dist/layout/Container/Container.d.ts.map +1 -0
- package/dist/layout/Container/index.d.ts +3 -0
- package/dist/layout/Container/index.d.ts.map +1 -0
- package/dist/layout/Stack/Stack.css.d.ts +2 -0
- package/dist/layout/Stack/Stack.css.d.ts.map +1 -0
- package/dist/layout/Stack/Stack.d.ts +10 -0
- package/dist/layout/Stack/Stack.d.ts.map +1 -0
- package/dist/layout/Stack/index.d.ts +3 -0
- package/dist/layout/Stack/index.d.ts.map +1 -0
- package/dist/primitives/Badge/Badge.css.d.ts +37 -0
- package/dist/primitives/Badge/Badge.css.d.ts.map +1 -0
- package/dist/primitives/Badge/Badge.d.ts +8 -0
- package/dist/primitives/Badge/Badge.d.ts.map +1 -0
- package/dist/primitives/Badge/index.d.ts +3 -0
- package/dist/primitives/Badge/index.d.ts.map +1 -0
- package/dist/primitives/Button/Button.css.d.ts +60 -0
- package/dist/primitives/Button/Button.css.d.ts.map +1 -0
- package/dist/primitives/Button/Button.d.ts +16 -0
- package/dist/primitives/Button/Button.d.ts.map +1 -0
- package/dist/primitives/Button/index.d.ts +3 -0
- package/dist/primitives/Button/index.d.ts.map +1 -0
- package/dist/primitives/Checkbox/Checkbox.css.d.ts +9 -0
- package/dist/primitives/Checkbox/Checkbox.css.d.ts.map +1 -0
- package/dist/primitives/Checkbox/Checkbox.d.ts +11 -0
- package/dist/primitives/Checkbox/Checkbox.d.ts.map +1 -0
- package/dist/primitives/Checkbox/index.d.ts +3 -0
- package/dist/primitives/Checkbox/index.d.ts.map +1 -0
- package/dist/primitives/Input/Input.css.d.ts +11 -0
- package/dist/primitives/Input/Input.css.d.ts.map +1 -0
- package/dist/primitives/Input/Input.d.ts +18 -0
- package/dist/primitives/Input/Input.d.ts.map +1 -0
- package/dist/primitives/Input/index.d.ts +3 -0
- package/dist/primitives/Input/index.d.ts.map +1 -0
- package/dist/primitives/Select/Select.css.d.ts +8 -0
- package/dist/primitives/Select/Select.css.d.ts.map +1 -0
- package/dist/primitives/Select/Select.d.ts +18 -0
- package/dist/primitives/Select/Select.d.ts.map +1 -0
- package/dist/primitives/Select/index.d.ts +3 -0
- package/dist/primitives/Select/index.d.ts.map +1 -0
- package/dist/primitives/Tag/Tag.css.d.ts +16 -0
- package/dist/primitives/Tag/Tag.css.d.ts.map +1 -0
- package/dist/primitives/Tag/Tag.d.ts +7 -0
- package/dist/primitives/Tag/Tag.d.ts.map +1 -0
- package/dist/primitives/Tag/index.d.ts +3 -0
- package/dist/primitives/Tag/index.d.ts.map +1 -0
- package/dist/styles.css +1 -0
- package/dist/styles.d.ts +1 -0
- package/dist/styles.d.ts.map +1 -0
- package/package.json +61 -0
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export interface SelectOption {
|
|
2
|
+
value: string;
|
|
3
|
+
label: string;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export interface SelectProps {
|
|
7
|
+
options: SelectOption[];
|
|
8
|
+
value?: string;
|
|
9
|
+
onChange?: (value: string) => void;
|
|
10
|
+
label?: string;
|
|
11
|
+
placeholder?: string;
|
|
12
|
+
error?: string;
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
name?: string;
|
|
15
|
+
id?: string;
|
|
16
|
+
}
|
|
17
|
+
export declare function Select({ options, value, onChange, label, placeholder, error, disabled, name, id: idProp, }: SelectProps): import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
//# sourceMappingURL=Select.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/primitives/Select/Select.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAO,EACP,KAAK,EACL,QAAQ,EACR,KAAK,EACL,WAAW,EACX,KAAK,EACL,QAAgB,EAChB,IAAI,EACJ,EAAE,EAAE,MAAM,GACX,EAAE,WAAW,2CAuDb"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export declare const tagRecipe: import('@vanilla-extract/recipes').RuntimeFn<{
|
|
2
|
+
variant: {
|
|
3
|
+
default: {
|
|
4
|
+
backgroundColor: `var(--${string})`;
|
|
5
|
+
color: `var(--${string})`;
|
|
6
|
+
border: `1px solid var(--${string})`;
|
|
7
|
+
};
|
|
8
|
+
brand: {
|
|
9
|
+
backgroundColor: `var(--${string})`;
|
|
10
|
+
color: `var(--${string})`;
|
|
11
|
+
border: `1px solid var(--${string})`;
|
|
12
|
+
};
|
|
13
|
+
};
|
|
14
|
+
}>;
|
|
15
|
+
export declare const removeButton: string;
|
|
16
|
+
//# sourceMappingURL=Tag.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tag.css.d.ts","sourceRoot":"","sources":["../../../src/primitives/Tag/Tag.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,SAAS;;;;;;;;;;;;;EA6BpB,CAAA;AAEF,eAAO,MAAM,YAAY,QAkBvB,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/primitives/Tag/Tag.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC/B;AAED,wBAAgB,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAmB,EAAE,EAAE,QAAQ,2CAuBrE"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/primitives/Tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC5B,YAAY,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC"}
|
package/dist/styles.css
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--_12wje750: #FFFFFF;--_12wje751: #F5F5F5;--_12wje752: #D1D1D1;--_12wje753: #D1D1D1;--_12wje754: #0A8920;--_12wje755: #1A1A1A;--_12wje756: #4A4A4A;--_12wje757: #D1D1D1;--_12wje758: #0A8920;--_12wje759: #077319;--_12wje75a: #E8F5EA;--_12wje75b: #0A8920;--_12wje75c: #E8F5EA;--_12wje75d: #F9AB00;--_12wje75e: #FEF7E0;--_12wje75f: #E31837;--_12wje75g: #FDECEA;--_12wje75h: 8px;--_12wje75i: 16px;--_12wje75j: 24px;--_12wje75k: 32px;--_12wje75l: 4px;--_12wje75m: 8px;--_12wje75n: 12px;--_12wje75o: 9999px;--_12wje75p: "DM Sans", sans-serif;--_12wje75q: "Bebas Neue", sans-serif;--_12wje75r: 0 1px 2px 0 rgba(0,0,0,.08);--_12wje75s: 0 4px 8px 0 rgba(0,0,0,.12);--_12wje75t: 0 8px 24px 0 rgba(0,0,0,.16);--_12wje75u: .1s ease;--_12wje75v: .2s ease}._4h81sx0{--_12wje750: #FFFFFF;--_12wje751: #F5F5F5;--_12wje752: #D1D1D1;--_12wje753: #D1D1D1;--_12wje754: #0A8920;--_12wje755: #1A1A1A;--_12wje756: #4A4A4A;--_12wje757: #D1D1D1;--_12wje758: #0A8920;--_12wje759: #077319;--_12wje75a: #E8F5EA;--_12wje75b: #0A8920;--_12wje75c: #E8F5EA;--_12wje75d: #F9AB00;--_12wje75e: #FEF7E0;--_12wje75f: #E31837;--_12wje75g: #FDECEA;--_12wje75h: 8px;--_12wje75i: 16px;--_12wje75j: 24px;--_12wje75k: 32px;--_12wje75l: 4px;--_12wje75m: 8px;--_12wje75n: 12px;--_12wje75o: 9999px;--_12wje75p: "DM Sans", sans-serif;--_12wje75q: "Bebas Neue", sans-serif;--_12wje75r: 0 1px 2px 0 rgba(0,0,0,.08);--_12wje75s: 0 4px 8px 0 rgba(0,0,0,.12);--_12wje75t: 0 8px 24px 0 rgba(0,0,0,.16);--_12wje75u: .1s ease;--_12wje75v: .2s ease}._4h81sx1{--_12wje750: #1A1A1A;--_12wje751: #2A2A2A;--_12wje752: #3A3A3A;--_12wje753: #3A3A3A;--_12wje754: #0A8920;--_12wje755: #FFFFFF;--_12wje756: #D1D1D1;--_12wje757: #4A4A4A;--_12wje758: #0A8920;--_12wje759: #077319;--_12wje75a: #0A3A10;--_12wje75b: #0A8920;--_12wje75c: #0A3A10;--_12wje75d: #F9AB00;--_12wje75e: #2B2300;--_12wje75f: #E31837;--_12wje75g: #3D0A12;--_12wje75h: 8px;--_12wje75i: 16px;--_12wje75j: 24px;--_12wje75k: 32px;--_12wje75l: 4px;--_12wje75m: 8px;--_12wje75n: 12px;--_12wje75o: 9999px;--_12wje75p: "DM Sans", sans-serif;--_12wje75q: "Bebas Neue", sans-serif;--_12wje75r: 0 1px 2px 0 rgba(0,0,0,.32);--_12wje75s: 0 4px 8px 0 rgba(0,0,0,.4);--_12wje75t: 0 8px 24px 0 rgba(0,0,0,.48);--_12wje75u: .1s ease;--_12wje75v: .2s ease}.rxfwcs0{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--_12wje75o);font-family:var(--_12wje75p);font-weight:600;line-height:1;white-space:nowrap}.rxfwcs1{background-color:var(--_12wje75a);color:var(--_12wje758)}.rxfwcs2{background-color:var(--_12wje75c);color:var(--_12wje75b)}.rxfwcs3{background-color:var(--_12wje75e);color:var(--_12wje75d)}.rxfwcs4{background-color:var(--_12wje75g);color:var(--_12wje75f)}.rxfwcs5{background-color:var(--_12wje751);color:var(--_12wje756)}.rxfwcs6{font-size:11px;padding-block:2px;padding-inline:6px}.rxfwcs7{font-size:13px;padding-block:4px;padding-inline:var(--_12wje75h)}._12rozn90{display:inline-flex;align-items:center;justify-content:center;gap:var(--_12wje75h);border:none;border-radius:var(--_12wje75m);font-family:var(--_12wje75p);font-weight:600;cursor:pointer;transition:background-color var(--_12wje75u),opacity var(--_12wje75u),box-shadow var(--_12wje75u);text-decoration:none;white-space:nowrap;position:relative}._12rozn90:disabled{cursor:not-allowed;opacity:.5}._12rozn90:focus-visible{outline:2px solid var(--_12wje754);outline-offset:2px}._12rozn91{background-color:var(--_12wje758);color:#fff}._12rozn91 :hover:not(:disabled){background-color:var(--_12wje759)}._12rozn91 :active:not(:disabled){background-color:var(--_12wje759);box-shadow:var(--_12wje75r)}._12rozn92{background-color:transparent;color:var(--_12wje758);border:1.5px solid var(--_12wje758)}._12rozn92 :hover:not(:disabled){background-color:var(--_12wje75a)}._12rozn93{background-color:transparent;color:var(--_12wje755)}._12rozn93 :hover:not(:disabled){background-color:var(--_12wje751)}._12rozn94{background-color:var(--_12wje75f);color:#fff}._12rozn94 :hover:not(:disabled){opacity:.9}._12rozn95{height:32px;padding-inline:var(--_12wje75h);font-size:13px}._12rozn96{height:40px;padding-inline:var(--_12wje75i);font-size:15px}._12rozn97{height:48px;padding-inline:var(--_12wje75j);font-size:17px}._12rozn98{width:100%}.uk9byt0{display:flex;flex-direction:column;background-color:var(--_12wje750);border-radius:var(--_12wje75m);border:1px solid var(--_12wje753);overflow:hidden;position:relative;transition:box-shadow var(--_12wje75v),transform var(--_12wje75v);max-width:15rem;height:27rem}.uk9byt1{cursor:pointer}.uk9byt1:hover{box-shadow:var(--_12wje75r);transform:translateY(-2px)}.uk9byt2{padding:0}.uk9byt3{padding:var(--_12wje75h)}.uk9byt4{padding:var(--_12wje75i)}.uk9byt5{padding:var(--_12wje75j)}.uk9byt6{width:100%;overflow:hidden}.uk9byt7{padding:var(--_12wje75h) var(--_12wje75i)}.uk9byt8{padding:0 var(--_12wje75i);flex:1}.uk9byt9{padding:var(--_12wje75i);border-top:1px solid var(--_12wje753);margin-top:auto}._1tx42e50{position:relative;width:100%}._1tx42e51{position:absolute;top:50%;transform:translateY(-50%);z-index:10;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--_12wje75o);border:1px solid var(--_12wje753);background-color:var(--_12wje750);color:var(--_12wje755);cursor:pointer;box-shadow:var(--_12wje75r);transition:box-shadow var(--_12wje75u)}._1tx42e51:hover{box-shadow:var(--_12wje75s)}._1tx42e51:focus-visible{outline:2px solid var(--_12wje754);outline-offset:2px}._1tx42e51:disabled{opacity:.4;cursor:not-allowed}._1tx42e52{left:var(--_12wje75h)}._1tx42e53{right:var(--_12wje75h)}._1tx42e54{display:flex;justify-content:center;gap:var(--_12wje75h);margin-top:var(--_12wje75h)}._1tx42e55{width:8px;height:8px;border-radius:var(--_12wje75o);background-color:var(--_12wje753);border:none;cursor:pointer;padding:0;transition:background-color var(--_12wje75u),width var(--_12wje75u)}._1tx42e55:focus-visible{outline:2px solid var(--_12wje754);outline-offset:2px}._1tx42e56{background-color:var(--_12wje758);width:20px}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-horizontal>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}.swiper-css-mode.swiper-vertical>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._104k35i0{display:inline-flex;align-items:center;gap:var(--_12wje75h);cursor:pointer;font-family:var(--_12wje75p);-webkit-user-select:none;user-select:none}._104k35i1{cursor:not-allowed;opacity:.5}._104k35i2{position:absolute;opacity:0;width:0;height:0;margin:0}._104k35i3{width:18px;height:18px;border-radius:var(--_12wje75l);border:1.5px solid var(--_12wje753);background-color:var(--_12wje750);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color var(--_12wje75u),border-color var(--_12wje75u)}._104k35i4,._104k35i5{background-color:var(--_12wje758);border-color:var(--_12wje758)}input:focus-visible+* ._104k35i6{outline:2px solid var(--_12wje754);outline-offset:2px}._104k35i7{font-size:15px;color:var(--_12wje755)}._19yozed0{width:100%;margin-inline:auto;padding-inline:var(--_12wje75i)}._19yozed1{max-width:640px}._19yozed2{max-width:768px}._19yozed3{max-width:1024px}._19yozed4{max-width:1280px}._19yozed5{max-width:100%}@media screen and (min-width: 640px){._19yozed0{padding-inline:var(--_12wje75j)}}@media screen and (min-width: 1024px){._19yozed0{padding-inline:var(--_12wje75k)}}.wt8vlo0{display:flex;flex-direction:column;gap:4px;font-family:var(--_12wje75p)}.wt8vlo1{font-size:13px;font-weight:500;color:var(--_12wje755)}.wt8vlo2{color:var(--_12wje75f);margin-left:2px}.wt8vlo3{display:flex;align-items:center;gap:var(--_12wje75h);border-radius:var(--_12wje75m);border:1.5px solid var(--_12wje753);background-color:var(--_12wje750);padding-inline:var(--_12wje75h);transition:border-color var(--_12wje75u)}.wt8vlo3:focus-within{border-color:var(--_12wje754);box-shadow:0 0 0 3px var(--_12wje75a)}.wt8vlo4{border-color:var(--_12wje75f)}.wt8vlo4:focus-within{border-color:var(--_12wje75f);box-shadow:0 0 0 3px var(--_12wje75g)}.wt8vlo5{background-color:var(--_12wje751);cursor:not-allowed;opacity:.6}.wt8vlo6{flex:1;border:none;outline:none;background:transparent;font-family:var(--_12wje75p);font-size:15px;color:var(--_12wje755);height:40px}.wt8vlo6::placeholder{color:var(--_12wje756)}.wt8vlo6:disabled{cursor:not-allowed}.wt8vlo7{display:flex;align-items:center;color:var(--_12wje756);flex-shrink:0}.wt8vlo8{font-size:12px;color:var(--_12wje756)}.wt8vlo9{font-size:12px;color:var(--_12wje75f)}@keyframes w40enx0{0%{background-position:-200% 0}to{background-position:200% 0}}.w40enx1{display:flex;flex-direction:column;height:100%}.w40enx2{position:relative;width:100%;padding-top:100%;overflow:hidden;background-color:var(--_12wje751)}.w40enx3{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--_12wje75v)}*:hover>.w40enx3{transform:scale(1.04)}.w40enx4{position:absolute;top:var(--_12wje75h);left:var(--_12wje75h);display:flex;flex-direction:column;gap:4px}.w40enx5{position:absolute;top:var(--_12wje75h);right:var(--_12wje75h);width:32px;height:32px;border-radius:var(--_12wje75o);border:1px solid var(--_12wje753);background-color:var(--_12wje750);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--_12wje756);transition:color var(--_12wje75u),border-color var(--_12wje75u)}.w40enx5:hover{color:var(--_12wje75f);border-color:var(--_12wje75f)}.w40enx5:focus-visible{outline:2px solid var(--_12wje754);outline-offset:2px}.w40enx6{display:flex;flex-direction:column;gap:4px;padding:var(--_12wje75h);flex:1}.w40enx7{font-family:var(--_12wje75p);font-size:14px;font-weight:500;color:var(--_12wje755);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;margin:0;line-clamp:2;height:2.5rem}.w40enx8{font-family:var(--_12wje75p);font-size:12px;color:var(--_12wje756);margin:0}.w40enx9{display:flex;align-items:center;gap:4px}.w40enxa{font-family:var(--_12wje75p);font-size:12px;color:var(--_12wje756)}.w40enxb{display:flex;align-items:baseline;gap:var(--_12wje75h);flex-wrap:wrap;margin-top:auto}.w40enxc{font-family:var(--_12wje75p);font-size:18px;font-weight:700;color:var(--_12wje755)}.w40enxd{font-family:var(--_12wje75p);font-size:13px;color:var(--_12wje756);text-decoration:line-through}.w40enxe{font-family:var(--_12wje75p);font-size:12px;color:var(--_12wje756)}.w40enxf{display:flex;flex-direction:column;gap:var(--_12wje75h);padding:0 var(--_12wje75h) var(--_12wje75h)}.w40enxg{background:none;border:none;cursor:pointer;font-family:var(--_12wje75p);font-size:13px;color:var(--_12wje758);padding:0;text-align:center}.w40enxg:hover{text-decoration:underline}.w40enxg:focus-visible{outline:2px solid var(--_12wje754);outline-offset:2px}.w40enxh{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#ffffffb3;display:flex;align-items:center;justify-content:center}.w40enxi{font-family:var(--_12wje75p);font-size:13px;font-weight:600;color:var(--_12wje756)}.w40enxj{border-radius:var(--_12wje75m);background:linear-gradient(90deg,var(--_12wje751) 25%,var(--_12wje752) 50%,var(--_12wje751) 75%);background-size:200% 100%;animation-name:w40enx0;animation-duration:1.5s;animation-iteration-count:infinite;animation-timing-function:ease-in-out}.w40enxk{width:100%;padding-top:100%}.w40enxl{height:14px;border-radius:var(--_12wje75l)}.w40enxm{height:40px;border-radius:var(--_12wje75m)}._1uy0wep0{display:flex;flex-direction:column;gap:var(--_12wje75i)}._1uy0wep1{font-family:var(--_12wje75q);font-size:24px;color:var(--_12wje755);margin:0;letter-spacing:.02em}._7acib40{display:flex;flex-direction:column;gap:4px;font-family:var(--_12wje75p)}._7acib41{font-size:13px;font-weight:500;color:var(--_12wje755)}._7acib42{position:relative;display:flex;align-items:center}._7acib43{width:100%;height:40px;padding-inline-start:var(--_12wje75h);padding-inline-end:36px;border-radius:var(--_12wje75m);border:1.5px solid var(--_12wje753);background-color:var(--_12wje750);font-family:var(--_12wje75p);font-size:15px;color:var(--_12wje755);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;transition:border-color var(--_12wje75u)}._7acib43:focus{outline:none;border-color:var(--_12wje754);box-shadow:0 0 0 3px var(--_12wje75a)}._7acib43:disabled{background-color:var(--_12wje751);cursor:not-allowed;opacity:.6}._7acib44{border-color:var(--_12wje75f)}._7acib44:focus{border-color:var(--_12wje75f);box-shadow:0 0 0 3px var(--_12wje75g)}._7acib45{position:absolute;right:var(--_12wje75h);pointer-events:none;color:var(--_12wje756);display:flex;align-items:center}._7acib46{font-size:12px;color:var(--_12wje75f)}._15r2pp40{display:flex;flex-direction:column}._13mmpdy0{display:inline-flex;align-items:center;gap:4px;border-radius:var(--_12wje75o);font-family:var(--_12wje75p);font-size:13px;font-weight:500;padding-block:4px;padding-inline:var(--_12wje75h)}._13mmpdy1{background-color:var(--_12wje751);color:var(--_12wje755);border:1px solid var(--_12wje753)}._13mmpdy2{background-color:var(--_12wje75a);color:var(--_12wje758);border:1px solid var(--_12wje758)}._13mmpdy3{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:inherit;opacity:.7;border-radius:var(--_12wje75o)}._13mmpdy3:hover{opacity:1}._13mmpdy3:focus-visible{outline:2px solid var(--_12wje754);outline-offset:1px}
|
package/dist/styles.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AACA,OAAO,YAAY,CAAC;AACpB,OAAO,uBAAuB,CAAC"}
|
package/package.json
ADDED
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@danielcruzcode/ui-core",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"publishConfig": {
|
|
5
|
+
"access": "public"
|
|
6
|
+
},
|
|
7
|
+
"description": "Jumbo Colombia Design System — React component library",
|
|
8
|
+
"main": "dist/index.cjs.js",
|
|
9
|
+
"module": "dist/index.esm.js",
|
|
10
|
+
"types": "dist/index.d.ts",
|
|
11
|
+
"exports": {
|
|
12
|
+
".": {
|
|
13
|
+
"import": "./dist/index.esm.js",
|
|
14
|
+
"require": "./dist/index.cjs.js",
|
|
15
|
+
"types": "./dist/index.d.ts"
|
|
16
|
+
},
|
|
17
|
+
"./styles": {
|
|
18
|
+
"import": "./dist/styles.css",
|
|
19
|
+
"require": "./dist/styles.css",
|
|
20
|
+
"types": "./dist/styles.d.ts"
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
"typesVersions": {
|
|
24
|
+
"*": {
|
|
25
|
+
"styles": [
|
|
26
|
+
"./dist/styles.d.ts"
|
|
27
|
+
]
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
"files": [
|
|
31
|
+
"dist"
|
|
32
|
+
],
|
|
33
|
+
"sideEffects": [
|
|
34
|
+
"dist/styles.css"
|
|
35
|
+
],
|
|
36
|
+
"peerDependencies": {
|
|
37
|
+
"react": ">=18",
|
|
38
|
+
"react-dom": ">=18"
|
|
39
|
+
},
|
|
40
|
+
"devDependencies": {
|
|
41
|
+
"@types/react": "^18.3.18",
|
|
42
|
+
"@types/react-dom": "^18.3.5",
|
|
43
|
+
"@vanilla-extract/vite-plugin": "^4.0.19",
|
|
44
|
+
"@vitejs/plugin-react": "^4.3.4",
|
|
45
|
+
"typescript": "^5.7.3",
|
|
46
|
+
"vite": "^5.4.19",
|
|
47
|
+
"vite-plugin-dts": "^4.5.0"
|
|
48
|
+
},
|
|
49
|
+
"dependencies": {
|
|
50
|
+
"@danielcruzcode/design-tokens": "^0.1.0",
|
|
51
|
+
"@vanilla-extract/css": "^1.16.1",
|
|
52
|
+
"@vanilla-extract/recipes": "^0.5.5",
|
|
53
|
+
"swiper": "^12.1.2"
|
|
54
|
+
},
|
|
55
|
+
"scripts": {
|
|
56
|
+
"build": "vite build && tsc --build",
|
|
57
|
+
"postbuild": "yalc push --private",
|
|
58
|
+
"typecheck": "tsc --noEmit",
|
|
59
|
+
"clean": "rm -rf dist"
|
|
60
|
+
}
|
|
61
|
+
}
|