@av-digital/components 0.2.7 → 0.2.8
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
|
-
._btn_14sug_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_14sug_1[data-variant=primary]{background:var(--root-avdig-button-primary-background);color:var(--root-avdig-button-primary-text-color);border-radius:8%}._btn_14sug_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_14sug_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_14sug_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_14sug_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
|
|
1
|
+
._btn_14sug_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_14sug_1[data-variant=primary]{background:var(--root-avdig-button-primary-background);color:var(--root-avdig-button-primary-text-color);border-radius:8%}._btn_14sug_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_14sug_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_14sug_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_14sug_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_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_j80j0_1{position:relative;display:flex;flex-direction:column;border-radius:.375rem;cursor:pointer;padding:0 var(--root-avdig-button-pad-md);height:var(--root-avdig-button-height-md);font-size:var(--root-avdig-button-font-size-md)}._dropdown_j80j0_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_j80j0_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_j80j0_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)}._dropdown_j80j0_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)}._dropdown_j80j0_1 ._dropdown__title_j80j0_31{display:flex;align-items:center;justify-content:space-between;height:100%;width:100%}._dropdown_j80j0_1 ._dropdown__content_j80j0_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_j80j0_1:hover ._dropdown__content_j80j0_38{display:flex}._dropdown_j80j0_1 ._dropdown__item_j80j0_54{padding:.5rem 1rem;text-decoration:none;color:inherit;transition:background-color .2s ease}._dropdown_j80j0_1 ._dropdown__item_j80j0_54:hover{background-color:#ececec;color:#000}
|
package/dist/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as n, jsxs as p } from "react/jsx-runtime";
|
|
2
2
|
const v = "_btn_14sug_1", h = {
|
|
3
3
|
btn: v
|
|
4
|
-
},
|
|
4
|
+
}, $ = ({ 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 }), j = "_spinner_ii4q7_9", N = {
|
|
5
5
|
spinner: j
|
|
6
|
-
},
|
|
6
|
+
}, x = ({ variant: a, size: o }) => /* @__PURE__ */ n("div", { "data-variant": a || "primary", "data-size": o, className: N.spinner }), V = "_dropdown_j80j0_1", u = "_dropdown__title_j80j0_31", y = "_dropdown__content_j80j0_38", b = "_dropdown__item_j80j0_54", t = {
|
|
7
7
|
dropdown: V,
|
|
8
8
|
dropdown__title: u,
|
|
9
9
|
dropdown__content: y,
|
|
@@ -14,10 +14,10 @@ const v = "_btn_14sug_1", h = {
|
|
|
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",
|
|
20
|
+
const w = o || "primary", s = d || "1#", _ = e || "2#", c = r || "3#", l = i || "4#";
|
|
21
21
|
return /* @__PURE__ */ p(
|
|
22
22
|
"div",
|
|
23
23
|
{
|
|
@@ -27,7 +27,7 @@ const v = "_btn_14sug_1", h = {
|
|
|
27
27
|
children: [
|
|
28
28
|
/* @__PURE__ */ n("div", { className: t.dropdown__title, children: a }),
|
|
29
29
|
/* @__PURE__ */ p("div", { className: t.dropdown__content, children: [
|
|
30
|
-
/* @__PURE__ */ n("a", { className: t.dropdown__item, href:
|
|
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
33
|
/* @__PURE__ */ n("a", { className: t.dropdown__item, href: l, children: l })
|
|
@@ -37,7 +37,7 @@ const v = "_btn_14sug_1", h = {
|
|
|
37
37
|
);
|
|
38
38
|
};
|
|
39
39
|
export {
|
|
40
|
-
|
|
40
|
+
$ as Button,
|
|
41
41
|
z as Dropdown,
|
|
42
|
-
|
|
42
|
+
x as Spinner
|
|
43
43
|
};
|
|
@@ -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"}
|