@fede.bebot/ui-library 0.1.3 → 0.1.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/index.css +79 -0
  2. package/dist/index.css.map +1 -0
  3. package/dist/index.d.mts +2 -1
  4. package/dist/index.d.ts +2 -1
  5. package/dist/index.js +25 -3
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +25 -3
  8. package/dist/index.mjs.map +1 -1
  9. package/package.json +9 -1
package/dist/index.css ADDED
@@ -0,0 +1,79 @@
1
+ /* src/styles/tokens.css */
2
+ :root {
3
+ --color-primary-500: #3b82f6;
4
+ --color-primary-600: #2563eb;
5
+ --color-secondary-500: #8b5cf6;
6
+ --color-secondary-600: #7c3aed;
7
+ --color-neutral-100: #f5f5f5;
8
+ --color-neutral-900: #171717;
9
+ --color-danger-500: #ef4444;
10
+ --color-success-500: #22c55e;
11
+ --font-family-base: "Inter", sans-serif;
12
+ --font-size-sm: 0.875rem;
13
+ --font-size-md: 1rem;
14
+ --font-size-lg: 1.125rem;
15
+ --font-weight-regular: 400;
16
+ --font-weight-medium: 500;
17
+ --font-weight-bold: 700;
18
+ --spacing-1: 0.25rem;
19
+ --spacing-2: 0.5rem;
20
+ --spacing-3: 0.75rem;
21
+ --spacing-4: 1rem;
22
+ --spacing-6: 1.5rem;
23
+ --spacing-8: 2rem;
24
+ --radius-sm: 0.25rem;
25
+ --radius-md: 0.5rem;
26
+ --radius-lg: 0.75rem;
27
+ --radius-full: 9999px;
28
+ --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
29
+ --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
30
+ }
31
+
32
+ /* src/styles/index.css */
33
+ *,
34
+ *::before,
35
+ *::after {
36
+ box-sizing: border-box;
37
+ margin: 0;
38
+ padding: 0;
39
+ }
40
+
41
+ /* src/components/buttonLink/ButtonLink.module.css */
42
+ .ButtonLink_button {
43
+ display: inline-block;
44
+ font-family: var(--font-family-base);
45
+ font-size: var(--font-size-md);
46
+ font-weight: var(--font-weight-medium);
47
+ padding: var(--spacing-2) var(--spacing-4);
48
+ border-radius: var(--radius-md);
49
+ cursor: pointer;
50
+ text-decoration: none;
51
+ transition: background-color 0.2s;
52
+ }
53
+ .ButtonLink_primary {
54
+ background-color: var(--color-primary-500);
55
+ color: white;
56
+ }
57
+ .ButtonLink_primary:hover {
58
+ background-color: var(--color-primary-600);
59
+ }
60
+ .ButtonLink_secondary {
61
+ background-color: var(--color-secondary-500);
62
+ color: white;
63
+ }
64
+ .ButtonLink_secondary:hover {
65
+ background-color: var(--color-secondary-600);
66
+ }
67
+ .ButtonLink_sm {
68
+ font-size: var(--font-size-sm);
69
+ padding: var(--spacing-1) var(--spacing-3);
70
+ }
71
+ .ButtonLink_md {
72
+ font-size: var(--font-size-md);
73
+ padding: var(--spacing-2) var(--spacing-4);
74
+ }
75
+ .ButtonLink_lg {
76
+ font-size: var(--font-size-lg);
77
+ padding: var(--spacing-3) var(--spacing-6);
78
+ }
79
+ /*# sourceMappingURL=index.css.map */
package/dist/index.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../src/styles/tokens.css","../src/styles/index.css","../src/components/buttonLink/ButtonLink.module.css"],"sourcesContent":[":root {\r\n /* Colores */\r\n --color-primary-500: #3b82f6;\r\n --color-primary-600: #2563eb;\r\n --color-secondary-500: #8b5cf6;\r\n --color-secondary-600: #7c3aed;\r\n --color-neutral-100: #f5f5f5;\r\n --color-neutral-900: #171717;\r\n --color-danger-500: #ef4444;\r\n --color-success-500: #22c55e;\r\n\r\n /* Tipografía */\r\n --font-family-base: \"Inter\", sans-serif;\r\n --font-size-sm: 0.875rem;\r\n --font-size-md: 1rem;\r\n --font-size-lg: 1.125rem;\r\n --font-weight-regular: 400;\r\n --font-weight-medium: 500;\r\n --font-weight-bold: 700;\r\n\r\n /* Spacing */\r\n --spacing-1: 0.25rem;\r\n --spacing-2: 0.5rem;\r\n --spacing-3: 0.75rem;\r\n --spacing-4: 1rem;\r\n --spacing-6: 1.5rem;\r\n --spacing-8: 2rem;\r\n\r\n /* Border radius */\r\n --radius-sm: 0.25rem;\r\n --radius-md: 0.5rem;\r\n --radius-lg: 0.75rem;\r\n --radius-full: 9999px;\r\n\r\n /* Shadows */\r\n --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);\r\n --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n}\r\n","@import \"./tokens.css\";\r\n\r\n*,\r\n*::before,\r\n*::after {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n",".button {\r\n display: inline-block;\r\n font-family: var(--font-family-base);\r\n font-size: var(--font-size-md);\r\n font-weight: var(--font-weight-medium);\r\n padding: var(--spacing-2) var(--spacing-4);\r\n border-radius: var(--radius-md);\r\n cursor: pointer;\r\n text-decoration: none;\r\n transition: background-color 0.2s;\r\n}\r\n\r\n.primary {\r\n background-color: var(--color-primary-500);\r\n color: white;\r\n}\r\n\r\n.primary:hover {\r\n background-color: var(--color-primary-600);\r\n}\r\n\r\n.secondary {\r\n background-color: var(--color-secondary-500);\r\n color: white;\r\n}\r\n\r\n.secondary:hover {\r\n background-color: var(--color-secondary-600);\r\n}\r\n\r\n.sm {\r\n font-size: var(--font-size-sm);\r\n padding: var(--spacing-1) var(--spacing-3);\r\n}\r\n\r\n.md {\r\n font-size: var(--font-size-md);\r\n padding: var(--spacing-2) var(--spacing-4);\r\n}\r\n\r\n.lg {\r\n font-size: var(--font-size-lg);\r\n padding: var(--spacing-3) var(--spacing-6);\r\n}\r\n"],"mappings":";AAAA;AAEE,uBAAqB;AACrB,uBAAqB;AACrB,yBAAuB;AACvB,yBAAuB;AACvB,uBAAqB;AACrB,uBAAqB;AACrB,sBAAoB;AACpB,uBAAqB;AAGrB,sBAAoB,OAAO,EAAE;AAC7B,kBAAgB;AAChB,kBAAgB;AAChB,kBAAgB;AAChB,yBAAuB;AACvB,wBAAsB;AACtB,sBAAoB;AAGpB,eAAa;AACb,eAAa;AACb,eAAa;AACb,eAAa;AACb,eAAa;AACb,eAAa;AAGb,eAAa;AACb,eAAa;AACb,eAAa;AACb,iBAAe;AAGf,eAAa,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACrC,eAAa,EAAE,IAAI,IAAI,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AACvC;;;ACnCA;AACA,CAAC;AACD,CAAC;AACC,cAAY;AACZ,UAAQ;AACR,WAAS;AACX;;;ACRA,CAACA;AACC,WAAS;AACT,eAAa,IAAI;AACjB,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,WAAS,IAAI,aAAa,IAAI;AAC9B,iBAAe,IAAI;AACnB,UAAQ;AACR,mBAAiB;AACjB,cAAY,iBAAiB;AAC/B;AAEA,CAACC;AACC,oBAAkB,IAAI;AACtB,SAAO;AACT;AAEA,CALCA,kBAKO;AACN,oBAAkB,IAAI;AACxB;AAEA,CAACC;AACC,oBAAkB,IAAI;AACtB,SAAO;AACT;AAEA,CALCA,oBAKS;AACR,oBAAkB,IAAI;AACxB;AAEA,CAACC;AACC,aAAW,IAAI;AACf,WAAS,IAAI,aAAa,IAAI;AAChC;AAEA,CAACC;AACC,aAAW,IAAI;AACf,WAAS,IAAI,aAAa,IAAI;AAChC;AAEA,CAACC;AACC,aAAW,IAAI;AACf,WAAS,IAAI,aAAa,IAAI;AAChC;","names":["button","primary","secondary","sm","md","lg"]}
package/dist/index.d.mts CHANGED
@@ -7,8 +7,9 @@ declare const Button: ({ variant, children, ...props }: ButtonProps) => react_js
7
7
 
8
8
  interface ButtonLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
9
9
  variant?: "primary" | "secondary";
10
+ size?: "sm" | "md" | "lg";
10
11
  href: string;
11
12
  }
12
- declare const ButtonLink: ({ variant, href, children, ...props }: ButtonLinkProps) => react_jsx_runtime.JSX.Element;
13
+ declare const ButtonLink: ({ variant, size, href, children, className, ...props }: ButtonLinkProps) => react_jsx_runtime.JSX.Element;
13
14
 
14
15
  export { Button, ButtonLink, type ButtonLinkProps, type ButtonProps };
package/dist/index.d.ts CHANGED
@@ -7,8 +7,9 @@ declare const Button: ({ variant, children, ...props }: ButtonProps) => react_js
7
7
 
8
8
  interface ButtonLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
9
9
  variant?: "primary" | "secondary";
10
+ size?: "sm" | "md" | "lg";
10
11
  href: string;
11
12
  }
12
- declare const ButtonLink: ({ variant, href, children, ...props }: ButtonLinkProps) => react_jsx_runtime.JSX.Element;
13
+ declare const ButtonLink: ({ variant, size, href, children, className, ...props }: ButtonLinkProps) => react_jsx_runtime.JSX.Element;
13
14
 
14
15
  export { Button, ButtonLink, type ButtonLinkProps, type ButtonProps };
package/dist/index.js CHANGED
@@ -67,19 +67,41 @@ var Button = (_a) => {
67
67
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", __spreadProps(__spreadValues({ "data-variant": variant }, props), { children }));
68
68
  };
69
69
 
70
+ // src/components/buttonLink/ButtonLink.module.css
71
+ var ButtonLink_default = {
72
+ button: "ButtonLink_button",
73
+ primary: "ButtonLink_primary",
74
+ secondary: "ButtonLink_secondary",
75
+ sm: "ButtonLink_sm",
76
+ md: "ButtonLink_md",
77
+ lg: "ButtonLink_lg"
78
+ };
79
+
70
80
  // src/components/buttonLink/ButtonLink.tsx
71
81
  var import_jsx_runtime2 = require("react/jsx-runtime");
72
82
  var ButtonLink = (_a) => {
73
83
  var _b = _a, {
74
84
  variant = "primary",
85
+ size = "md",
75
86
  href,
76
- children
87
+ children,
88
+ className
77
89
  } = _b, props = __objRest(_b, [
78
90
  "variant",
91
+ "size",
79
92
  "href",
80
- "children"
93
+ "children",
94
+ "className"
81
95
  ]);
82
- return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("a", __spreadProps(__spreadValues({ href, "data-variant": variant }, props), { children }));
96
+ return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
97
+ "a",
98
+ __spreadProps(__spreadValues({
99
+ href,
100
+ className: `${ButtonLink_default.button} ${ButtonLink_default[variant]} ${ButtonLink_default[size]} ${className != null ? className : ""}`
101
+ }, props), {
102
+ children
103
+ })
104
+ );
83
105
  };
84
106
  // Annotate the CommonJS export names for ESM import in node:
85
107
  0 && (module.exports = {
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/index.ts","../src/components/Button/Button.tsx","../src/components/buttonLink/ButtonLink.tsx"],"sourcesContent":["export { Button } from \"./components/Button/Button\";\r\nexport type { ButtonProps } from \"./components/Button/Button\";\r\n\r\nexport { ButtonLink } from \"./components/buttonLink/ButtonLink\";\r\nexport type { ButtonLinkProps } from \"./components/buttonLink/ButtonLink\";\r\n","export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n variant?: \"primary\" | \"secondary\";\r\n}\r\n\r\nexport const Button = ({\r\n variant = \"primary\",\r\n children,\r\n ...props\r\n}: ButtonProps) => {\r\n return (\r\n <button data-variant={variant} {...props}>\r\n {children}\r\n </button>\r\n );\r\n};\r\n","export interface ButtonLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n variant?: \"primary\" | \"secondary\";\r\n href: string;\r\n}\r\n\r\nexport const ButtonLink = ({\r\n variant = \"primary\",\r\n href,\r\n children,\r\n ...props\r\n}: ButtonLinkProps) => {\r\n return (\r\n <a href={href} data-variant={variant} {...props}>\r\n {children}\r\n </a>\r\n );\r\n};\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACUI;AANG,IAAM,SAAS,CAAC,OAIJ;AAJI,eACrB;AAAA,cAAU;AAAA,IACV;AAAA,EANF,IAIuB,IAGlB,kBAHkB,IAGlB;AAAA,IAFH;AAAA,IACA;AAAA;AAGA,SACE,4CAAC,yCAAO,gBAAc,WAAa,QAAlC,EACE,WACH;AAEJ;;;ACFI,IAAAA,sBAAA;AAPG,IAAM,aAAa,CAAC,OAKJ;AALI,eACzB;AAAA,cAAU;AAAA,IACV;AAAA,IACA;AAAA,EARF,IAK2B,IAItB,kBAJsB,IAItB;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACE,6CAAC,oCAAE,MAAY,gBAAc,WAAa,QAAzC,EACE,WACH;AAEJ;","names":["import_jsx_runtime"]}
1
+ {"version":3,"sources":["../src/index.ts","../src/components/Button/Button.tsx","../src/components/buttonLink/ButtonLink.module.css","../src/components/buttonLink/ButtonLink.tsx"],"sourcesContent":["import \"./styles/index.css\";\r\n\r\nexport { Button } from \"./components/Button/Button\";\r\nexport type { ButtonProps } from \"./components/Button/Button\";\r\n\r\nexport { ButtonLink } from \"./components/buttonLink/ButtonLink\";\r\nexport type { ButtonLinkProps } from \"./components/buttonLink/ButtonLink\";\r\n","export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n variant?: \"primary\" | \"secondary\";\r\n}\r\n\r\nexport const Button = ({\r\n variant = \"primary\",\r\n children,\r\n ...props\r\n}: ButtonProps) => {\r\n return (\r\n <button data-variant={variant} {...props}>\r\n {children}\r\n </button>\r\n );\r\n};\r\n",".button {\r\n display: inline-block;\r\n font-family: var(--font-family-base);\r\n font-size: var(--font-size-md);\r\n font-weight: var(--font-weight-medium);\r\n padding: var(--spacing-2) var(--spacing-4);\r\n border-radius: var(--radius-md);\r\n cursor: pointer;\r\n text-decoration: none;\r\n transition: background-color 0.2s;\r\n}\r\n\r\n.primary {\r\n background-color: var(--color-primary-500);\r\n color: white;\r\n}\r\n\r\n.primary:hover {\r\n background-color: var(--color-primary-600);\r\n}\r\n\r\n.secondary {\r\n background-color: var(--color-secondary-500);\r\n color: white;\r\n}\r\n\r\n.secondary:hover {\r\n background-color: var(--color-secondary-600);\r\n}\r\n\r\n.sm {\r\n font-size: var(--font-size-sm);\r\n padding: var(--spacing-1) var(--spacing-3);\r\n}\r\n\r\n.md {\r\n font-size: var(--font-size-md);\r\n padding: var(--spacing-2) var(--spacing-4);\r\n}\r\n\r\n.lg {\r\n font-size: var(--font-size-lg);\r\n padding: var(--spacing-3) var(--spacing-6);\r\n}\r\n","import styles from \"./ButtonLink.module.css\";\r\n\r\nexport interface ButtonLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n variant?: \"primary\" | \"secondary\";\r\n size?: \"sm\" | \"md\" | \"lg\";\r\n href: string;\r\n}\r\n\r\nexport const ButtonLink = ({\r\n variant = \"primary\",\r\n size = \"md\",\r\n href,\r\n children,\r\n className,\r\n ...props\r\n}: ButtonLinkProps) => {\r\n return (\r\n <a\r\n href={href}\r\n className={`${styles.button} ${styles[variant]} ${styles[size]} ${className ?? \"\"}`}\r\n {...props}\r\n >\r\n {children}\r\n </a>\r\n );\r\n};\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACUI;AANG,IAAM,SAAS,CAAC,OAIJ;AAJI,eACrB;AAAA,cAAU;AAAA,IACV;AAAA,EANF,IAIuB,IAGlB,kBAHkB,IAGlB;AAAA,IAFH;AAAA,IACA;AAAA;AAGA,SACE,4CAAC,yCAAO,gBAAc,WAAa,QAAlC,EACE,WACH;AAEJ;;;ACdA;AAAA,EAAC,QAAAA;AAAA,EAYA,SAAAC;AAAA,EASA,WAAAC;AAAA,EASA,IAAAC;AAAA,EAKA,IAAAC;AAAA,EAKA,IAAAC;AAAA;;;ACvBG,IAAAC,sBAAA;AATG,IAAM,aAAa,CAAC,OAOJ;AAPI,eACzB;AAAA,cAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EAbF,IAQ2B,IAMtB,kBANsB,IAMtB;AAAA,IALH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,mBAAO,MAAM,IAAI,mBAAO,OAAO,CAAC,IAAI,mBAAO,IAAI,CAAC,IAAI,gCAAa,EAAE;AAAA,OAC7E,QAHL;AAAA,MAKE;AAAA;AAAA,EACH;AAEJ;","names":["button","primary","secondary","sm","md","lg","import_jsx_runtime"]}
package/dist/index.mjs CHANGED
@@ -43,19 +43,41 @@ var Button = (_a) => {
43
43
  return /* @__PURE__ */ jsx("button", __spreadProps(__spreadValues({ "data-variant": variant }, props), { children }));
44
44
  };
45
45
 
46
+ // src/components/buttonLink/ButtonLink.module.css
47
+ var ButtonLink_default = {
48
+ button: "ButtonLink_button",
49
+ primary: "ButtonLink_primary",
50
+ secondary: "ButtonLink_secondary",
51
+ sm: "ButtonLink_sm",
52
+ md: "ButtonLink_md",
53
+ lg: "ButtonLink_lg"
54
+ };
55
+
46
56
  // src/components/buttonLink/ButtonLink.tsx
47
57
  import { jsx as jsx2 } from "react/jsx-runtime";
48
58
  var ButtonLink = (_a) => {
49
59
  var _b = _a, {
50
60
  variant = "primary",
61
+ size = "md",
51
62
  href,
52
- children
63
+ children,
64
+ className
53
65
  } = _b, props = __objRest(_b, [
54
66
  "variant",
67
+ "size",
55
68
  "href",
56
- "children"
69
+ "children",
70
+ "className"
57
71
  ]);
58
- return /* @__PURE__ */ jsx2("a", __spreadProps(__spreadValues({ href, "data-variant": variant }, props), { children }));
72
+ return /* @__PURE__ */ jsx2(
73
+ "a",
74
+ __spreadProps(__spreadValues({
75
+ href,
76
+ className: `${ButtonLink_default.button} ${ButtonLink_default[variant]} ${ButtonLink_default[size]} ${className != null ? className : ""}`
77
+ }, props), {
78
+ children
79
+ })
80
+ );
59
81
  };
60
82
  export {
61
83
  Button,
package/dist/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../src/components/Button/Button.tsx","../src/components/buttonLink/ButtonLink.tsx"],"sourcesContent":["export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n variant?: \"primary\" | \"secondary\";\r\n}\r\n\r\nexport const Button = ({\r\n variant = \"primary\",\r\n children,\r\n ...props\r\n}: ButtonProps) => {\r\n return (\r\n <button data-variant={variant} {...props}>\r\n {children}\r\n </button>\r\n );\r\n};\r\n","export interface ButtonLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n variant?: \"primary\" | \"secondary\";\r\n href: string;\r\n}\r\n\r\nexport const ButtonLink = ({\r\n variant = \"primary\",\r\n href,\r\n children,\r\n ...props\r\n}: ButtonLinkProps) => {\r\n return (\r\n <a href={href} data-variant={variant} {...props}>\r\n {children}\r\n </a>\r\n );\r\n};\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUI;AANG,IAAM,SAAS,CAAC,OAIJ;AAJI,eACrB;AAAA,cAAU;AAAA,IACV;AAAA,EANF,IAIuB,IAGlB,kBAHkB,IAGlB;AAAA,IAFH;AAAA,IACA;AAAA;AAGA,SACE,oBAAC,yCAAO,gBAAc,WAAa,QAAlC,EACE,WACH;AAEJ;;;ACFI,gBAAAA,YAAA;AAPG,IAAM,aAAa,CAAC,OAKJ;AALI,eACzB;AAAA,cAAU;AAAA,IACV;AAAA,IACA;AAAA,EARF,IAK2B,IAItB,kBAJsB,IAItB;AAAA,IAHH;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACE,gBAAAA,KAAC,oCAAE,MAAY,gBAAc,WAAa,QAAzC,EACE,WACH;AAEJ;","names":["jsx"]}
1
+ {"version":3,"sources":["../src/components/Button/Button.tsx","../src/components/buttonLink/ButtonLink.module.css","../src/components/buttonLink/ButtonLink.tsx"],"sourcesContent":["export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\r\n variant?: \"primary\" | \"secondary\";\r\n}\r\n\r\nexport const Button = ({\r\n variant = \"primary\",\r\n children,\r\n ...props\r\n}: ButtonProps) => {\r\n return (\r\n <button data-variant={variant} {...props}>\r\n {children}\r\n </button>\r\n );\r\n};\r\n",".button {\r\n display: inline-block;\r\n font-family: var(--font-family-base);\r\n font-size: var(--font-size-md);\r\n font-weight: var(--font-weight-medium);\r\n padding: var(--spacing-2) var(--spacing-4);\r\n border-radius: var(--radius-md);\r\n cursor: pointer;\r\n text-decoration: none;\r\n transition: background-color 0.2s;\r\n}\r\n\r\n.primary {\r\n background-color: var(--color-primary-500);\r\n color: white;\r\n}\r\n\r\n.primary:hover {\r\n background-color: var(--color-primary-600);\r\n}\r\n\r\n.secondary {\r\n background-color: var(--color-secondary-500);\r\n color: white;\r\n}\r\n\r\n.secondary:hover {\r\n background-color: var(--color-secondary-600);\r\n}\r\n\r\n.sm {\r\n font-size: var(--font-size-sm);\r\n padding: var(--spacing-1) var(--spacing-3);\r\n}\r\n\r\n.md {\r\n font-size: var(--font-size-md);\r\n padding: var(--spacing-2) var(--spacing-4);\r\n}\r\n\r\n.lg {\r\n font-size: var(--font-size-lg);\r\n padding: var(--spacing-3) var(--spacing-6);\r\n}\r\n","import styles from \"./ButtonLink.module.css\";\r\n\r\nexport interface ButtonLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n variant?: \"primary\" | \"secondary\";\r\n size?: \"sm\" | \"md\" | \"lg\";\r\n href: string;\r\n}\r\n\r\nexport const ButtonLink = ({\r\n variant = \"primary\",\r\n size = \"md\",\r\n href,\r\n children,\r\n className,\r\n ...props\r\n}: ButtonLinkProps) => {\r\n return (\r\n <a\r\n href={href}\r\n className={`${styles.button} ${styles[variant]} ${styles[size]} ${className ?? \"\"}`}\r\n {...props}\r\n >\r\n {children}\r\n </a>\r\n );\r\n};\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUI;AANG,IAAM,SAAS,CAAC,OAIJ;AAJI,eACrB;AAAA,cAAU;AAAA,IACV;AAAA,EANF,IAIuB,IAGlB,kBAHkB,IAGlB;AAAA,IAFH;AAAA,IACA;AAAA;AAGA,SACE,oBAAC,yCAAO,gBAAc,WAAa,QAAlC,EACE,WACH;AAEJ;;;ACdA;AAAA,EAAC,QAAAA;AAAA,EAYA,SAAAC;AAAA,EASA,WAAAC;AAAA,EASA,IAAAC;AAAA,EAKA,IAAAC;AAAA,EAKA,IAAAC;AAAA;;;ACvBG,gBAAAC,YAAA;AATG,IAAM,aAAa,CAAC,OAOJ;AAPI,eACzB;AAAA,cAAU;AAAA,IACV,OAAO;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,EAbF,IAQ2B,IAMtB,kBANsB,IAMtB;AAAA,IALH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACE,gBAAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,WAAW,GAAG,mBAAO,MAAM,IAAI,mBAAO,OAAO,CAAC,IAAI,mBAAO,IAAI,CAAC,IAAI,gCAAa,EAAE;AAAA,OAC7E,QAHL;AAAA,MAKE;AAAA;AAAA,EACH;AAEJ;","names":["button","primary","secondary","sm","md","lg","jsx"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fede.bebot/ui-library",
3
- "version": "0.1.3",
3
+ "version": "0.1.4",
4
4
  "main": "./dist/index.js",
5
5
  "module": "./dist/index.mjs",
6
6
  "types": "./dist/index.d.ts",
@@ -21,5 +21,13 @@
21
21
  "peerDependencies": {
22
22
  "react": ">=18",
23
23
  "react-dom": ">=18"
24
+ },
25
+ "devDependencies": {
26
+ "@types/react": "^19.2.14",
27
+ "@types/react-dom": "^19.2.3",
28
+ "postcss": "^8.5.6",
29
+ "postcss-modules": "^6.0.1",
30
+ "tsup": "^8.5.1",
31
+ "typescript": "^5.9.3"
24
32
  }
25
33
  }