@av-digital/components 0.3.1 → 0.3.2
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 +5 -5
- package/package.json +1 -1
package/dist/index.css
CHANGED
|
@@ -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}._card_1ms24_1{padding:16px;border-radius:12px;background:#fff;box-shadow:0 4px 12px #00000014}.
|
|
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}._card_1ms24_1{padding:16px;border-radius:12px;background:#fff;box-shadow:0 4px 12px #00000014}._Input_1s6om_1{width:100%;height:44px;padding:0 14px;border-radius:6px;border:1px solid var(--root-avdig-input-border);background-color:var(--root-avdig-input-bg);color:var(--root-avdig-input-text);font-size:var(--root-avdig-font-size-sm);transition:border-color .15s ease,box-shadow .15s ease,background-color .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._Input_1s6om_1:focus{outline:none;border-color:var(--root-avdig-input-focus);box-shadow:0 0 0 1px var(--root-avdig-input-focus)}._Input_1s6om_1::placeholder{color:var(--root-avdig-input-placeholder);opacity:1}._Input_1s6om_1[data-variant=primary]{background-color:var(--root-avdig-input-bg)}._Input_1s6om_1[data-variant=secondary]{background:var(--root-avdig-input-filled-bg);border:1px solid transparent}._Input_1s6om_1[data-variant=secondary]{background-color:var(--root-avdig-input-filled-bg);border:1px solid transparent}._Input_1s6om_1[data-variant=secondary]:focus{border-color:var(--root-avdig-input-focus);background-color:var(--root-avdig-input-bg)}._Input_1s6om_1[data-variant=ghost]{border:none;background:transparent;border-bottom:1px solid var(--root-avdig-input-border);border-radius:0}._Input_1s6om_1[data-size=sm]{padding:6px 10px;font-size:var(--root-avdig-font-size-xs)}._Input_1s6om_1[data-size=md]{padding:8px 12px}._Input_1s6om_1[data-size=lg]{padding:12px 16px;font-size:var(--root-avdig-font-size-md)}
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as t, jsxs as l, Fragment as v } from "react/jsx-runtime";
|
|
2
2
|
const y = "_btn_fk6mx_1", u = {
|
|
3
3
|
btn: y
|
|
4
|
-
}, k = ({ children: a, className: n, variant:
|
|
4
|
+
}, k = ({ children: a, className: n, variant: o, size: e, ...s }) => /* @__PURE__ */ t("button", { "data-variant": o || "primary", "data-size": e, className: `${u.btn} ${n}`, ...s, children: a }), V = "_spinner_ii4q7_9", h = {
|
|
5
5
|
spinner: V
|
|
6
6
|
}, q = ({ variant: a, size: n }) => /* @__PURE__ */ t("div", { "data-variant": a || "primary", "data-size": n, className: h.spinner }), N = "_dropdown_gpeyp_1", $ = "_dropdown__title_gpeyp_31", f = "_dropdown__content_gpeyp_38", z = "_dropdown__item_gpeyp_54", d = {
|
|
7
7
|
dropdown: N,
|
|
@@ -11,13 +11,13 @@ const y = "_btn_fk6mx_1", u = {
|
|
|
11
11
|
}, B = ({
|
|
12
12
|
children: a,
|
|
13
13
|
variant: n,
|
|
14
|
-
action1:
|
|
15
|
-
action2:
|
|
14
|
+
action1: o,
|
|
15
|
+
action2: e,
|
|
16
16
|
action3: s,
|
|
17
17
|
action4: r,
|
|
18
18
|
size: m
|
|
19
19
|
}) => {
|
|
20
|
-
const w = n || "primary", i =
|
|
20
|
+
const w = n || "primary", i = o || "1#", c = e || "2#", _ = s || "3#", p = r || "4#";
|
|
21
21
|
return /* @__PURE__ */ l(
|
|
22
22
|
"div",
|
|
23
23
|
{
|
|
@@ -37,7 +37,7 @@ const y = "_btn_fk6mx_1", u = {
|
|
|
37
37
|
);
|
|
38
38
|
}, b = "_card_1ms24_1", g = {
|
|
39
39
|
card: b
|
|
40
|
-
}, C = ({ className: a, children: n }) => /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t("div", { className: `${g.card} ${a}`, children: n }) }), x = "
|
|
40
|
+
}, C = ({ className: a, children: n }) => /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t("div", { className: `${g.card} ${a}`, children: n }) }), x = "_Input_1s6om_1", I = {
|
|
41
41
|
Input: x
|
|
42
42
|
}, D = ({ variant: a, size: n }) => /* @__PURE__ */ t("input", { type: "text", "data-validate": a || "primary", "data-size": n || "md", className: `${I.Input}` });
|
|
43
43
|
export {
|