@av-digital/components 0.2.2 → 0.2.4

package/dist/index.css

@@ -1 +1 @@
-._btn_xe7an_1{display:flex;padding:.5rem 1rem}._btn_xe7an_1[data-variant=primary]{background:var(--root-avdig-button-primary-background);color:var(--root-avdig-button-primary-text-color)}._btn_xe7an_1[data-variant=secondary]{background:var(--root-avdig-button-secondary-background);color:var(--root-avdig-button-secondary-text-color)}@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)}
+._btn_1cm3q_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}._btn_1cm3q_1[data-variant=primary]{background:var(--root-avdig-button-primary-background);color:var(--root-avdig-button-primary-text-color)}._btn_1cm3q_1[data-variant=secondary]{background:var(--root-avdig-button-secondary-background);color:var(--root-avdig-button-secondary-text-color)}._btn_1cm3q_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_1cm3q_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_1cm3q_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}

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"}
+{"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"}

package/dist/index.js

@@ -1,10 +1,26 @@
-import { jsx as a } from "react/jsx-runtime";
-const i = "_btn_xe7an_1", e = {
-  btn: i
-}, l = ({ children: t, className: n, variant: r, ...s }) => /* @__PURE__ */ a("button", { "data-variant": r || "primary", className: `${e.btn} ${n}`, ...s, children: t }), o = "_spinner_1vxmk_9", c = {
-  spinner: o
-}, v = ({ variant: t }) => /* @__PURE__ */ a("div", { "data-variant": t || "primary", className: c.spinner });
+import { jsx as n, jsxs as p } from "react/jsx-runtime";
+const w = "_btn_1cm3q_1", m = {
+  btn: w
+}, b = ({ children: a, className: d, variant: o, size: r, ...e }) => /* @__PURE__ */ n("button", { "data-variant": o || "primary", "data-size": r, className: `${m.btn} ${d}`, ...e, children: a }), h = "_spinner_1vxmk_9", f = {
+  spinner: h
+}, u = ({ 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 = {
+  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", c = o || "1#", s = 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: c, children: c }) }),
+      /* @__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: _, children: _ }) }),
+      /* @__PURE__ */ n("div", { className: t.dropdown__content, children: /* @__PURE__ */ n("a", { href: l, children: l }) })
+    ] })
+  ] });
+};
 export {
-  l as Button,
-  v as Spinner
+  b as Button,
+  z as Dropdown,
+  u as Spinner
 };

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAG1C,eAAO,MAAM,MAAM,+CAAgD,WAAW,4CAO7E,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/Button/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAG1C,eAAO,MAAM,MAAM,qDAAsD,WAAW,4CAOnF,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/lib/Button/interfaces.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IACpE,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;CAClC"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/lib/Button/interfaces.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,WAAY,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IACpE,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B"}

package/package.json

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