@av-digital/components 0.2.7 → 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
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,24 +1,24 @@
|
|
|
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
|
-
}, 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 }),
|
|
5
|
-
spinner:
|
|
6
|
-
}, $ = ({ variant: a }) => /* @__PURE__ */ n("div", { "data-variant": a || "primary", className: N.spinner }), V = "
|
|
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,
|
|
14
14
|
action1: d,
|
|
15
15
|
action2: e,
|
|
16
16
|
action3: r,
|
|
17
|
-
action4:
|
|
17
|
+
action4: i,
|
|
18
18
|
size: m
|
|
19
19
|
}) => {
|
|
20
|
-
const w = o || "primary",
|
|
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,11 +26,11 @@ 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__ */
|
|
30
|
-
/* @__PURE__ */ n("a", { className: t.dropdown__item, href:
|
|
29
|
+
/* @__PURE__ */ l("div", { className: t.dropdown__content, children: [
|
|
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
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { LoaderProps } from './interfaces';
|
|
2
|
-
export declare const Spinner: ({ variant }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const Spinner: ({ variant, size }: LoaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +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,
|
|
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,sBAAqB,WAAW,4CAKnD,CAAA"}
|
|
@@ -1 +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;
|
|
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;IACb,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC5B"}
|