@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 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}._Input_5dn48_1{width:100%;padding:8px 12px;border-radius:8px;border:1px solid var(--root-avdig-input-border);background-color:var(--root-avdig-input-bg);font-size:var(--root-avdig-font-size-sm);color:var(--root-avdig-input-text);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}._Input_5dn48_1:focus{outline:none;border-color:var(--root-avdig-input-focus);box-shadow:0 0 0 2px var(--root-avdig-input-focus-ring)}._Input_5dn48_1[data-variant=primary]{background:#fff}._Input_5dn48_1[data-variant=secondary]{background:var(--root-avdig-input-filled-bg);border:1px solid transparent}._Input_5dn48_1[data-variant=secondary]:focus{border-color:var(--root-avdig-input-focus)}._Input_5dn48_1[data-variant=ghost]{border:none;background:transparent;border-bottom:1px solid var(--root-avdig-input-border);border-radius:0}._Input_5dn48_1[data-size=sm]{padding:6px 10px;font-size:var(--root-avdig-font-size-xs)}._Input_5dn48_1[data-size=md]{padding:8px 12px}._Input_5dn48_1[data-size=lg]{padding:12px 16px;font-size:var(--root-avdig-font-size-md)}
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: e, size: o, ...s }) => /* @__PURE__ */ t("button", { "data-variant": e || "primary", "data-size": o, className: `${u.btn} ${n}`, ...s, children: a }), V = "_spinner_ii4q7_9", h = {
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: e,
15
- action2: o,
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 = e || "1#", c = o || "2#", _ = s || "3#", p = r || "4#";
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 = "_Input_5dn48_1", I = {
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 {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  {
3
3
  "name": "@av-digital/components",
4
- "version": "0.3.1",
4
+ "version": "0.3.2",
5
5
  "type": "module",
6
6
  "main": "./index.js",
7
7
  "module": "./index.js",