@av-digital/components 0.2.2 → 0.2.3

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_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)}._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 l } from "react/jsx-runtime";
+const w = "_btn_xe7an_1", h = {
+  btn: w
+}, b = ({ children: a, className: d, variant: o, ...r }) => /* @__PURE__ */ n("button", { "data-variant": o || "primary", className: `${h.btn} ${d}`, ...r, children: a }), m = "_spinner_1vxmk_9", f = {
+  spinner: m
+}, u = ({ variant: a }) => /* @__PURE__ */ n("div", { "data-variant": a || "primary", className: f.spinner }), V = "_dropdown_zxffd_1", x = "_dropdown__title_zxffd_16", N = "_dropdown__content_zxffd_21", t = {
+  dropdown: V,
+  dropdown__title: x,
+  dropdown__content: N
+}, $ = ({ children: a, variant: d, action1: o, action2: r, action3: e, action4: p }) => {
+  const v = d || "primary", i = o || "1#", c = r || "2#", s = e || "3#", _ = p || "4#";
+  return /* @__PURE__ */ l("div", { "data-variant": v, className: t.dropdown, children: [
+    /* @__PURE__ */ n("div", { className: t.dropdown__title, children: a }),
+    /* @__PURE__ */ l("div", { children: [
+      /* @__PURE__ */ n("div", { className: t.dropdown__content, children: /* @__PURE__ */ n("a", { href: i, children: i }) }),
+      /* @__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: _ }) })
+    ] })
+  ] });
+};
 export {
-  l as Button,
-  v as Spinner
+  b as Button,
+  $ as Dropdown,
+  u as Spinner
 };

package/package.json

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