@av-digital/components 0.3.0 → 0.3.1

package/dist/index.css

@@ -1 +1 @@
-._btn_fk6mx_1{display:flex;align-items:center;justify-content:center;font-weight:500;font-family:inherit;border:none;cursor:pointer;line-height:1;white-space:nowrap;transition:background-color .2s ease;padding:0 var(--root-avdig-pad-md);height:var(--root-avdig-height-md);font-size:var(--root-avdig-font-size-md)}._btn_fk6mx_1[data-variant=primary]{background:var(--root-avdig-button-primary-background);color:var(--root-avdig-button-primary-text-color);border-radius:8%}._btn_fk6mx_1[data-variant=secondary]{background:0;border:2px solid var(--root-avdig-button-secondary-background);color:var(--root-avdig-button-secondary-background);border-radius:8%}._btn_fk6mx_1[data-size=sm]{padding:0 var(--root-avdig-pad-sm);height:var(--root-avdig-height-sm);font-size:var(--root-avdig-font-size-sm)}._btn_fk6mx_1[data-size=md]{padding:0 var(--root-avdig-pad-md);height:var(--root-avdig-height-md);font-size:var(--root-avdig-font-size-md)}._btn_fk6mx_1[data-size=lg]{padding:0 var(--root-avdig-pad-lg);height:var(--root-avdig-height-lg);font-size:var(--root-avdig-font-size-lg)}@keyframes _rotation_ii4q7_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._spinner_ii4q7_9{width:48px;height:48px;border:5px solid #dbdbdb;border-bottom-color:#000;border-radius:50%;display:inline-block;box-sizing:border-box;animation:_rotation_ii4q7_1 1s linear infinite}._spinner_ii4q7_9[data-variant=primary]{border-bottom-color:var(--root-avdig-spinner-primary-color)}._spinner_ii4q7_9[data-variant=secondary]{border:5px solid transparent;border-bottom-color:var(--root-avdig-spinner-secondary-color)}._spinner_ii4q7_9[data-size=sm]{width:var(--root-avdig-spinner-width-sm);height:var(--root-avdig-spinner-width-sm)}._spinner_ii4q7_9[data-size=md],._spinner_ii4q7_9[data-size=lg]{width:var(--root-avdig-spinner-width-md);height:var(--root-avdig-spinner-width-md)}._dropdown_gpeyp_1{position:relative;display:flex;flex-direction:column;border-radius:.375rem;cursor:pointer;padding:0 var(--root-avdig-pad-md);height:var(--root-avdig-height-md);font-size:var(--root-avdig-font-size-md)}._dropdown_gpeyp_1[data-variant=primary]{background:var(--root-avdig-dropdown-primary-background);color:var(--root-avdig-dropdown-primary-text-color);width:var(--root-avdig-dropdown-primary-width)}._dropdown_gpeyp_1[data-variant=secondary]{background:var(--root-avdig-dropdown-secondary-background);color:var(--root-avdig-dropdown-secondary-text-color);width:var(--root-avdig-dropdown-secondary-width)}._dropdown_gpeyp_1[data-size=sm]{padding:0 var(--root-avdig-pad-sm);height:var(--root-avdig-height-sm);font-size:var(--root-avdig-font-size-sm)}._dropdown_gpeyp_1[data-size=lg]{padding:0 var(--root-avdig-pad-lg);height:var(--root-avdig-height-lg);font-size:var(--root-avdig-font-size-lg)}._dropdown_gpeyp_1 ._dropdown__title_gpeyp_31{display:flex;align-items:center;justify-content:space-between;height:100%;width:100%}._dropdown_gpeyp_1 ._dropdown__content_gpeyp_38{position:absolute;top:100%;left:0;display:none;flex-direction:column;width:100%;background:var(--root-avdig-dropdown-content-bg, white);box-shadow:0 2px 8px #0000001a;border-radius:.375rem;padding:.5rem 0;z-index:10}._dropdown_gpeyp_1:hover ._dropdown__content_gpeyp_38{display:flex}._dropdown_gpeyp_1 ._dropdown__item_gpeyp_54{padding:.5rem 1rem;text-decoration:none;color:inherit;transition:background-color .2s ease}._dropdown_gpeyp_1 ._dropdown__item_gpeyp_54:hover{background-color:#ececec;color:#000}._card_1ms24_1{padding:16px;border-radius:12px;background:#fff;box-shadow:0 4px 12px #00000014}
+._btn_fk6mx_1{display:flex;align-items:center;justify-content:center;font-weight:500;font-family:inherit;border:none;cursor:pointer;line-height:1;white-space:nowrap;transition:background-color .2s ease;padding:0 var(--root-avdig-pad-md);height:var(--root-avdig-height-md);font-size:var(--root-avdig-font-size-md)}._btn_fk6mx_1[data-variant=primary]{background:var(--root-avdig-button-primary-background);color:var(--root-avdig-button-primary-text-color);border-radius:8%}._btn_fk6mx_1[data-variant=secondary]{background:0;border:2px solid var(--root-avdig-button-secondary-background);color:var(--root-avdig-button-secondary-background);border-radius:8%}._btn_fk6mx_1[data-size=sm]{padding:0 var(--root-avdig-pad-sm);height:var(--root-avdig-height-sm);font-size:var(--root-avdig-font-size-sm)}._btn_fk6mx_1[data-size=md]{padding:0 var(--root-avdig-pad-md);height:var(--root-avdig-height-md);font-size:var(--root-avdig-font-size-md)}._btn_fk6mx_1[data-size=lg]{padding:0 var(--root-avdig-pad-lg);height:var(--root-avdig-height-lg);font-size:var(--root-avdig-font-size-lg)}@keyframes _rotation_ii4q7_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._spinner_ii4q7_9{width:48px;height:48px;border:5px solid #dbdbdb;border-bottom-color:#000;border-radius:50%;display:inline-block;box-sizing:border-box;animation:_rotation_ii4q7_1 1s linear infinite}._spinner_ii4q7_9[data-variant=primary]{border-bottom-color:var(--root-avdig-spinner-primary-color)}._spinner_ii4q7_9[data-variant=secondary]{border:5px solid transparent;border-bottom-color:var(--root-avdig-spinner-secondary-color)}._spinner_ii4q7_9[data-size=sm]{width:var(--root-avdig-spinner-width-sm);height:var(--root-avdig-spinner-width-sm)}._spinner_ii4q7_9[data-size=md],._spinner_ii4q7_9[data-size=lg]{width:var(--root-avdig-spinner-width-md);height:var(--root-avdig-spinner-width-md)}._dropdown_gpeyp_1{position:relative;display:flex;flex-direction:column;border-radius:.375rem;cursor:pointer;padding:0 var(--root-avdig-pad-md);height:var(--root-avdig-height-md);font-size:var(--root-avdig-font-size-md)}._dropdown_gpeyp_1[data-variant=primary]{background:var(--root-avdig-dropdown-primary-background);color:var(--root-avdig-dropdown-primary-text-color);width:var(--root-avdig-dropdown-primary-width)}._dropdown_gpeyp_1[data-variant=secondary]{background:var(--root-avdig-dropdown-secondary-background);color:var(--root-avdig-dropdown-secondary-text-color);width:var(--root-avdig-dropdown-secondary-width)}._dropdown_gpeyp_1[data-size=sm]{padding:0 var(--root-avdig-pad-sm);height:var(--root-avdig-height-sm);font-size:var(--root-avdig-font-size-sm)}._dropdown_gpeyp_1[data-size=lg]{padding:0 var(--root-avdig-pad-lg);height:var(--root-avdig-height-lg);font-size:var(--root-avdig-font-size-lg)}._dropdown_gpeyp_1 ._dropdown__title_gpeyp_31{display:flex;align-items:center;justify-content:space-between;height:100%;width:100%}._dropdown_gpeyp_1 ._dropdown__content_gpeyp_38{position:absolute;top:100%;left:0;display:none;flex-direction:column;width:100%;background:var(--root-avdig-dropdown-content-bg, white);box-shadow:0 2px 8px #0000001a;border-radius:.375rem;padding:.5rem 0;z-index:10}._dropdown_gpeyp_1:hover ._dropdown__content_gpeyp_38{display:flex}._dropdown_gpeyp_1 ._dropdown__item_gpeyp_54{padding:.5rem 1rem;text-decoration:none;color:inherit;transition:background-color .2s ease}._dropdown_gpeyp_1 ._dropdown__item_gpeyp_54:hover{background-color:#ececec;color:#000}._card_1ms24_1{padding:16px;border-radius:12px;background:#fff;box-shadow:0 4px 12px #00000014}._Input_5dn48_1{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--root-avdig-input-border);background-color:var(--root-avdig-input-bg);font-size:var(--root-avdig-font-size-sm);color:var(--root-avdig-input-text);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}._Input_5dn48_1:focus{outline:none;border-color:var(--root-avdig-input-focus);box-shadow:0 0 0 2px var(--root-avdig-input-focus-ring)}._Input_5dn48_1[data-variant=primary]{background:#fff}._Input_5dn48_1[data-variant=secondary]{background:var(--root-avdig-input-filled-bg);border:1px solid transparent}._Input_5dn48_1[data-variant=secondary]:focus{border-color:var(--root-avdig-input-focus)}._Input_5dn48_1[data-variant=ghost]{border:none;background:transparent;border-bottom:1px solid var(--root-avdig-input-border);border-radius:0}._Input_5dn48_1[data-size=sm]{padding:6px 10px;font-size:var(--root-avdig-font-size-xs)}._Input_5dn48_1[data-size=md]{padding:8px 12px}._Input_5dn48_1[data-size=lg]{padding:12px 16px;font-size:var(--root-avdig-font-size-md)}

package/dist/index.d.ts

@@ -2,4 +2,5 @@ export * from './lib/Button';
 export * from './lib/Spinner';
 export * from './lib/Dropdown';
 export * from './lib/Card';
+export * from './lib/Input';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA"}

package/dist/index.js

@@ -1,46 +1,49 @@
 import { jsx as t, jsxs as l, Fragment as v } from "react/jsx-runtime";
-const h = "_btn_fk6mx_1", y = {
-  btn: h
-}, j = ({ children: n, className: a, variant: d, size: e, ...r }) => /* @__PURE__ */ t("button", { "data-variant": d || "primary", "data-size": e, className: `${y.btn} ${a}`, ...r, children: n }), N = "_spinner_ii4q7_9", V = {
-  spinner: N
-}, k = ({ variant: n, size: a }) => /* @__PURE__ */ t("div", { "data-variant": n || "primary", "data-size": a, className: V.spinner }), $ = "_dropdown_gpeyp_1", f = "_dropdown__title_gpeyp_31", u = "_dropdown__content_gpeyp_38", b = "_dropdown__item_gpeyp_54", o = {
-  dropdown: $,
-  dropdown__title: f,
-  dropdown__content: u,
-  dropdown__item: b
-}, q = ({
-  children: n,
-  variant: a,
-  action1: d,
-  action2: e,
-  action3: r,
-  action4: s,
+const y = "_btn_fk6mx_1", u = {
+  btn: y
+}, k = ({ children: a, className: n, variant: e, size: o, ...s }) => /* @__PURE__ */ t("button", { "data-variant": e || "primary", "data-size": o, className: `${u.btn} ${n}`, ...s, children: a }), V = "_spinner_ii4q7_9", h = {
+  spinner: V
+}, q = ({ variant: a, size: n }) => /* @__PURE__ */ t("div", { "data-variant": a || "primary", "data-size": n, className: h.spinner }), N = "_dropdown_gpeyp_1", $ = "_dropdown__title_gpeyp_31", f = "_dropdown__content_gpeyp_38", z = "_dropdown__item_gpeyp_54", d = {
+  dropdown: N,
+  dropdown__title: $,
+  dropdown__content: f,
+  dropdown__item: z
+}, B = ({
+  children: a,
+  variant: n,
+  action1: e,
+  action2: o,
+  action3: s,
+  action4: r,
   size: m
 }) => {
-  const w = a || "primary", i = d || "1#", c = e || "2#", _ = r || "3#", p = s || "4#";
+  const w = n || "primary", i = e || "1#", c = o || "2#", _ = s || "3#", p = r || "4#";
   return /* @__PURE__ */ l(
     "div",
     {
-      className: o.dropdown,
+      className: d.dropdown,
       "data-variant": w,
       "data-size": m,
       children: [
-        /* @__PURE__ */ t("div", { className: o.dropdown__title, children: n }),
-        /* @__PURE__ */ l("div", { className: o.dropdown__content, children: [
-          /* @__PURE__ */ t("a", { className: o.dropdown__item, href: i, children: i }),
-          /* @__PURE__ */ t("a", { className: o.dropdown__item, href: c, children: c }),
-          /* @__PURE__ */ t("a", { className: o.dropdown__item, href: _, children: _ }),
-          /* @__PURE__ */ t("a", { className: o.dropdown__item, href: p, children: p })
+        /* @__PURE__ */ t("div", { className: d.dropdown__title, children: a }),
+        /* @__PURE__ */ l("div", { className: d.dropdown__content, children: [
+          /* @__PURE__ */ t("a", { className: d.dropdown__item, href: i, children: i }),
+          /* @__PURE__ */ t("a", { className: d.dropdown__item, href: c, children: c }),
+          /* @__PURE__ */ t("a", { className: d.dropdown__item, href: _, children: _ }),
+          /* @__PURE__ */ t("a", { className: d.dropdown__item, href: p, children: p })
         ] })
       ]
     }
   );
-}, g = "_card_1ms24_1", x = {
-  card: g
-}, B = ({ className: n, children: a }) => /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t("div", { className: `${x.card} ${n}`, children: a }) });
+}, b = "_card_1ms24_1", g = {
+  card: b
+}, C = ({ className: a, children: n }) => /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t("div", { className: `${g.card} ${a}`, children: n }) }), x = "_Input_5dn48_1", I = {
+  Input: x
+}, D = ({ variant: a, size: n }) => /* @__PURE__ */ t("input", { type: "text", "data-validate": a || "primary", "data-size": n || "md", className: `${I.Input}` });
 export {
-  j as Button,
-  B as Card,
-  q as Dropdown,
-  k as Spinner
+  k as Button,
+  C as Card,
+  B as Dropdown,
+  D as Input,
+  q as Spinner
 };

package/dist/lib/Card/interface.d.ts

@@ -1,5 +1,5 @@
 export interface CardProps {
-    children: React.ReactNode;
-    className: string;
+    children?: React.ReactNode;
+    className?: string;
 }
 //# sourceMappingURL=interface.d.ts.map

package/dist/lib/Card/interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/lib/Card/interface.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,SAAS;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAA;CACpB"}
+{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/lib/Card/interface.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,SAAS;IACtB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;CACrB"}

package/dist/lib/Input/index.d.ts

@@ -0,0 +1,3 @@
+import { InputProps } from './interface';
+export declare const Input: ({ variant, size }: InputProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/Input/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/Input/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAGxC,eAAO,MAAM,KAAK,sBAAqB,UAAU,4CAMhD,CAAA"}

package/dist/lib/Input/interface.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+export interface InputProps extends HTMLAttributes<HTMLInputElement> {
+    variant?: 'primary' | 'secondary' | "ghost";
+    size?: 'sm' | 'md' | 'lg';
+}
+//# sourceMappingURL=interface.d.ts.map

package/dist/lib/Input/interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/lib/Input/interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IAChE,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,OAAO,CAAA;IAC3C,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC5B"}

package/package.json

@@ -1,7 +1,7 @@
 
 {
   "name": "@av-digital/components",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "type": "module",
   "main": "./index.js",
   "module": "./index.js",