@av-digital/components 0.2.6 → 0.2.8

package/dist/index.css

@@ -1 +1 @@
-._btn_14sug_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-button-pad-md);height:var(--root-avdig-button-height-md);font-size:var(--root-avdig-button-font-size-md)}._btn_14sug_1[data-variant=primary]{background:var(--root-avdig-button-primary-background);color:var(--root-avdig-button-primary-text-color);border-radius:8%}._btn_14sug_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_14sug_1[data-size=sm]{padding:0 var(--root-avdig-button-pad-sm);height:var(--root-avdig-button-height-sm);font-size:var(--root-avdig-button-font-size-sm)}._btn_14sug_1[data-size=md]{padding:0 var(--root-avdig-button-pad-md);height:var(--root-avdig-button-height-md);font-size:var(--root-avdig-button-font-size-md)}._btn_14sug_1[data-size=lg]{padding:0 var(--root-avdig-button-pad-lg);height:var(--root-avdig-button-height-lg);font-size:var(--root-avdig-button-font-size-lg)}@keyframes _rotation_1vxmk_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._spinner_1vxmk_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_1vxmk_1 1s linear infinite}._spinner_1vxmk_9[data-variant=primary]{border-bottom-color:var(--root-avdig-spinner-primary-color)}._spinner_1vxmk_9[data-variant=secondary]{border-bottom-color:var(--root-avdig-spinner-secondary-color)}._dropdown_zxffd_1{display:flex;flex-direction:column;height:var()}._dropdown_zxffd_1[data-variant=primary]{background:var(--root-avdig-dropdown-primary-background);width:var(--root-avdig-dropdown-primary-width);color:var(--root-avdig-dropdown-primary-text-color)}._dropdown_zxffd_1[data-variant=secondary]{background:var(--root-avdig-dropdown-secondary-background);width:var(--root-avdig-dropdown-primary-width);color:var(--root-avdig-dropdown-secondary-text-color)}._dropdown_zxffd_1 ._dropdown__title_zxffd_16{padding:.5rem 1rem;cursor:pointer}._dropdown_zxffd_1 ._dropdown__content_zxffd_21{display:none}._dropdown_zxffd_1:hover ._dropdown__content_zxffd_21{display:flex;width:100%;flex-direction:row;padding:.5rem 1rem;justify-content:space-between}._dropdown_zxffd_1 ._dropdown__content_zxffd_21:hover{background-color:#ececec;color:#000}
+._btn_14sug_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-button-pad-md);height:var(--root-avdig-button-height-md);font-size:var(--root-avdig-button-font-size-md)}._btn_14sug_1[data-variant=primary]{background:var(--root-avdig-button-primary-background);color:var(--root-avdig-button-primary-text-color);border-radius:8%}._btn_14sug_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_14sug_1[data-size=sm]{padding:0 var(--root-avdig-button-pad-sm);height:var(--root-avdig-button-height-sm);font-size:var(--root-avdig-button-font-size-sm)}._btn_14sug_1[data-size=md]{padding:0 var(--root-avdig-button-pad-md);height:var(--root-avdig-button-height-md);font-size:var(--root-avdig-button-font-size-md)}._btn_14sug_1[data-size=lg]{padding:0 var(--root-avdig-button-pad-lg);height:var(--root-avdig-button-height-lg);font-size:var(--root-avdig-button-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_j80j0_1{position:relative;display:flex;flex-direction:column;border-radius:.375rem;cursor:pointer;padding:0 var(--root-avdig-button-pad-md);height:var(--root-avdig-button-height-md);font-size:var(--root-avdig-button-font-size-md)}._dropdown_j80j0_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_j80j0_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_j80j0_1[data-size=sm]{padding:0 var(--root-avdig-button-pad-sm);height:var(--root-avdig-button-height-sm);font-size:var(--root-avdig-button-font-size-sm)}._dropdown_j80j0_1[data-size=lg]{padding:0 var(--root-avdig-button-pad-lg);height:var(--root-avdig-button-height-lg);font-size:var(--root-avdig-button-font-size-lg)}._dropdown_j80j0_1 ._dropdown__title_j80j0_31{display:flex;align-items:center;justify-content:space-between;height:100%;width:100%}._dropdown_j80j0_1 ._dropdown__content_j80j0_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_j80j0_1:hover ._dropdown__content_j80j0_38{display:flex}._dropdown_j80j0_1 ._dropdown__item_j80j0_54{padding:.5rem 1rem;text-decoration:none;color:inherit;transition:background-color .2s ease}._dropdown_j80j0_1 ._dropdown__item_j80j0_54:hover{background-color:#ececec;color:#000}

package/dist/index.js

@@ -1,26 +1,43 @@
 import { jsx as n, jsxs as p } from "react/jsx-runtime";
-const w = "_btn_14sug_1", h = {
-  btn: w
-}, y = ({ children: a, className: d, variant: o, size: r, ...e }) => /* @__PURE__ */ n("button", { "data-variant": o || "primary", "data-size": r, className: `${h.btn} ${d}`, ...e, children: a }), m = "_spinner_1vxmk_9", f = {
-  spinner: m
-}, b = ({ variant: a }) => /* @__PURE__ */ n("div", { "data-variant": a || "primary", className: f.spinner }), V = "_dropdown_zxffd_1", N = "_dropdown__title_zxffd_16", x = "_dropdown__content_zxffd_21", t = {
+const v = "_btn_14sug_1", h = {
+  btn: v
+}, $ = ({ children: a, className: o, variant: d, size: e, ...r }) => /* @__PURE__ */ n("button", { "data-variant": d || "primary", "data-size": e, className: `${h.btn} ${o}`, ...r, children: a }), j = "_spinner_ii4q7_9", N = {
+  spinner: j
+}, x = ({ variant: a, size: o }) => /* @__PURE__ */ n("div", { "data-variant": a || "primary", "data-size": o, className: N.spinner }), V = "_dropdown_j80j0_1", u = "_dropdown__title_j80j0_31", y = "_dropdown__content_j80j0_38", b = "_dropdown__item_j80j0_54", t = {
   dropdown: V,
-  dropdown__title: N,
-  dropdown__content: x
-}, z = ({ children: a, variant: d, action1: o, action2: r, action3: e, action4: i }) => {
-  const v = d || "primary", s = o || "1#", c = r || "2#", _ = e || "3#", l = i || "4#";
-  return /* @__PURE__ */ p("div", { "data-variant": v, className: t.dropdown, children: [
-    /* @__PURE__ */ n("div", { className: t.dropdown__title, children: a }),
-    /* @__PURE__ */ p("div", { children: [
-      /* @__PURE__ */ n("div", { className: t.dropdown__content, children: /* @__PURE__ */ n("a", { href: s, children: s }) }),
-      /* @__PURE__ */ n("div", { className: t.dropdown__content, children: /* @__PURE__ */ n("a", { href: c, children: c }) }),
-      /* @__PURE__ */ n("div", { className: t.dropdown__content, children: /* @__PURE__ */ n("a", { href: _, children: _ }) }),
-      /* @__PURE__ */ n("div", { className: t.dropdown__content, children: /* @__PURE__ */ n("a", { href: l, children: l }) })
-    ] })
-  ] });
+  dropdown__title: u,
+  dropdown__content: y,
+  dropdown__item: b
+}, z = ({
+  children: a,
+  variant: o,
+  action1: d,
+  action2: e,
+  action3: r,
+  action4: i,
+  size: m
+}) => {
+  const w = o || "primary", s = d || "1#", _ = e || "2#", c = r || "3#", l = i || "4#";
+  return /* @__PURE__ */ p(
+    "div",
+    {
+      className: t.dropdown,
+      "data-variant": w,
+      "data-size": m,
+      children: [
+        /* @__PURE__ */ n("div", { className: t.dropdown__title, children: a }),
+        /* @__PURE__ */ p("div", { className: t.dropdown__content, children: [
+          /* @__PURE__ */ n("a", { className: t.dropdown__item, href: s, children: s }),
+          /* @__PURE__ */ n("a", { className: t.dropdown__item, href: _, children: _ }),
+          /* @__PURE__ */ n("a", { className: t.dropdown__item, href: c, children: c }),
+          /* @__PURE__ */ n("a", { className: t.dropdown__item, href: l, children: l })
+        ] })
+      ]
+    }
+  );
 };
 export {
-  y as Button,
+  $ as Button,
   z as Dropdown,
-  b as Spinner
+  x as Spinner
 };

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

@@ -1,3 +1,3 @@
 import { DropdownProps } from './interfaces';
-export declare const Dropdown: ({ children, variant, action1, action2, action3, action4 }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dropdown: ({ children, variant, action1, action2, action3, action4, size, }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/Dropdown/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAG5C,eAAO,MAAM,QAAQ,8DAA6D,aAAa,4CA2B9F,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/Dropdown/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAG7C,eAAO,MAAM,QAAQ,qEAQlB,aAAa,4CA8Bf,CAAC"}

package/dist/lib/Dropdown/interfaces.d.ts

@@ -5,5 +5,6 @@ export interface DropdownProps extends HTMLAttributes<HTMLDivElement> {
     action2?: string;
     action3?: string;
     action4?: string;
+    size?: 'sm' | 'md' | 'lg';
 }
 //# sourceMappingURL=interfaces.d.ts.map

package/dist/lib/Dropdown/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/lib/Dropdown/interfaces.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CACnB"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/lib/Dropdown/interfaces.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACjE,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IACjC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC5B"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/Spinner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,eAAO,MAAM,OAAO,gBAAe,WAAW,4CAK7C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/Spinner/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,eAAO,MAAM,OAAO,sBAAqB,WAAW,4CAKnD,CAAA"}

package/dist/lib/Spinner/interfaces.d.ts

@@ -1,4 +1,5 @@
 export interface LoaderProps {
     variant?: any;
+    size?: 'sm' | 'md' | 'lg';
 }
 //# sourceMappingURL=interfaces.d.ts.map

package/dist/lib/Spinner/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/lib/Spinner/interfaces.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,WAAW;IACxB,OAAO,CAAC,EAAE,GAAG,CAAA;CAChB"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/lib/Spinner/interfaces.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,WAAW;IACxB,OAAO,CAAC,EAAE,GAAG,CAAA;IACb,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC5B"}

package/package.json

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