@av-digital/components 0.2.4 → 0.2.5
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.
- package/dist/index.css +1 -1
- package/dist/index.js +8 -8
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._btn_1viau_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_1viau_1[data-variant=primary]{background:var(--root-avdig-button-primary-background);color:var(--root-avdig-button-primary-text-color)}._btn_1viau_1[data-variant=secondary]{background:var(--root-avdig-button-secondary-background);color:var(--root-avdig-button-secondary-text-color)}._btn_1viau_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_1viau_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_1viau_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.js
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
1
|
import { jsx as n, jsxs as p } from "react/jsx-runtime";
|
|
2
|
-
const w = "
|
|
2
|
+
const w = "_btn_1viau_1", h = {
|
|
3
3
|
btn: w
|
|
4
|
-
},
|
|
5
|
-
spinner:
|
|
6
|
-
},
|
|
4
|
+
}, 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 = {
|
|
5
|
+
spinner: m
|
|
6
|
+
}, 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 = {
|
|
7
7
|
dropdown: V,
|
|
8
8
|
dropdown__title: N,
|
|
9
9
|
dropdown__content: x
|
|
10
10
|
}, z = ({ children: a, variant: d, action1: o, action2: r, action3: e, action4: i }) => {
|
|
11
|
-
const v = d || "primary",
|
|
11
|
+
const v = d || "primary", s = o || "1#", c = r || "2#", _ = e || "3#", l = i || "4#";
|
|
12
12
|
return /* @__PURE__ */ p("div", { "data-variant": v, className: t.dropdown, children: [
|
|
13
13
|
/* @__PURE__ */ n("div", { className: t.dropdown__title, children: a }),
|
|
14
14
|
/* @__PURE__ */ p("div", { children: [
|
|
15
|
-
/* @__PURE__ */ n("div", { className: t.dropdown__content, children: /* @__PURE__ */ n("a", { href: c, children: c }) }),
|
|
16
15
|
/* @__PURE__ */ n("div", { className: t.dropdown__content, children: /* @__PURE__ */ n("a", { href: s, children: s }) }),
|
|
16
|
+
/* @__PURE__ */ n("div", { className: t.dropdown__content, children: /* @__PURE__ */ n("a", { href: c, children: c }) }),
|
|
17
17
|
/* @__PURE__ */ n("div", { className: t.dropdown__content, children: /* @__PURE__ */ n("a", { href: _, children: _ }) }),
|
|
18
18
|
/* @__PURE__ */ n("div", { className: t.dropdown__content, children: /* @__PURE__ */ n("a", { href: l, children: l }) })
|
|
19
19
|
] })
|
|
20
20
|
] });
|
|
21
21
|
};
|
|
22
22
|
export {
|
|
23
|
-
|
|
23
|
+
y as Button,
|
|
24
24
|
z as Dropdown,
|
|
25
|
-
|
|
25
|
+
b as Spinner
|
|
26
26
|
};
|