@av-digital/components 0.2.8 → 0.2.9
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 +14 -14
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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}
|
package/dist/index.js
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { jsx as n, jsxs as
|
|
2
|
-
const v = "
|
|
1
|
+
import { jsx as n, jsxs as l } from "react/jsx-runtime";
|
|
2
|
+
const v = "_btn_fk6mx_1", h = {
|
|
3
3
|
btn: v
|
|
4
|
-
},
|
|
5
|
-
spinner:
|
|
6
|
-
},
|
|
4
|
+
}, x = ({ 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 }), y = "_spinner_ii4q7_9", N = {
|
|
5
|
+
spinner: y
|
|
6
|
+
}, $ = ({ variant: a, size: o }) => /* @__PURE__ */ n("div", { "data-variant": a || "primary", "data-size": o, className: N.spinner }), V = "_dropdown_gpeyp_1", f = "_dropdown__title_gpeyp_31", b = "_dropdown__content_gpeyp_38", u = "_dropdown__item_gpeyp_54", t = {
|
|
7
7
|
dropdown: V,
|
|
8
|
-
dropdown__title:
|
|
9
|
-
dropdown__content:
|
|
10
|
-
dropdown__item:
|
|
8
|
+
dropdown__title: f,
|
|
9
|
+
dropdown__content: b,
|
|
10
|
+
dropdown__item: u
|
|
11
11
|
}, z = ({
|
|
12
12
|
children: a,
|
|
13
13
|
variant: o,
|
|
@@ -17,8 +17,8 @@ const v = "_btn_14sug_1", h = {
|
|
|
17
17
|
action4: i,
|
|
18
18
|
size: m
|
|
19
19
|
}) => {
|
|
20
|
-
const w = o || "primary", s = d || "1#", _ = e || "2#", c = r || "3#",
|
|
21
|
-
return /* @__PURE__ */
|
|
20
|
+
const w = o || "primary", s = d || "1#", _ = e || "2#", c = r || "3#", p = i || "4#";
|
|
21
|
+
return /* @__PURE__ */ l(
|
|
22
22
|
"div",
|
|
23
23
|
{
|
|
24
24
|
className: t.dropdown,
|
|
@@ -26,18 +26,18 @@ const v = "_btn_14sug_1", h = {
|
|
|
26
26
|
"data-size": m,
|
|
27
27
|
children: [
|
|
28
28
|
/* @__PURE__ */ n("div", { className: t.dropdown__title, children: a }),
|
|
29
|
-
/* @__PURE__ */
|
|
29
|
+
/* @__PURE__ */ l("div", { className: t.dropdown__content, children: [
|
|
30
30
|
/* @__PURE__ */ n("a", { className: t.dropdown__item, href: s, children: s }),
|
|
31
31
|
/* @__PURE__ */ n("a", { className: t.dropdown__item, href: _, children: _ }),
|
|
32
32
|
/* @__PURE__ */ n("a", { className: t.dropdown__item, href: c, children: c }),
|
|
33
|
-
/* @__PURE__ */ n("a", { className: t.dropdown__item, href:
|
|
33
|
+
/* @__PURE__ */ n("a", { className: t.dropdown__item, href: p, children: p })
|
|
34
34
|
] })
|
|
35
35
|
]
|
|
36
36
|
}
|
|
37
37
|
);
|
|
38
38
|
};
|
|
39
39
|
export {
|
|
40
|
-
|
|
40
|
+
x as Button,
|
|
41
41
|
z as Dropdown,
|
|
42
|
-
|
|
42
|
+
$ as Spinner
|
|
43
43
|
};
|