@av-digital/components 0.2.9 → 0.3.0

package/dist/index.css

@@ -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}
+._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}

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export * from './lib/Button';
 export * from './lib/Spinner';
 export * from './lib/Dropdown';
+export * from './lib/Card';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAA"}

package/dist/index.js

@@ -1,43 +1,46 @@
-import { jsx as n, jsxs as l } from "react/jsx-runtime";
-const v = "_btn_fk6mx_1", h = {
-  btn: v
-}, 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 = {
-  spinner: y
-}, $ = ({ 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 = {
-  dropdown: V,
+import { jsx as t, jsxs as l, Fragment as v } from "react/jsx-runtime";
+const h = "_btn_fk6mx_1", y = {
+  btn: h
+}, j = ({ children: n, className: a, variant: d, size: e, ...r }) => /* @__PURE__ */ t("button", { "data-variant": d || "primary", "data-size": e, className: `${y.btn} ${a}`, ...r, children: n }), N = "_spinner_ii4q7_9", V = {
+  spinner: N
+}, k = ({ variant: n, size: a }) => /* @__PURE__ */ t("div", { "data-variant": n || "primary", "data-size": a, className: V.spinner }), $ = "_dropdown_gpeyp_1", f = "_dropdown__title_gpeyp_31", u = "_dropdown__content_gpeyp_38", b = "_dropdown__item_gpeyp_54", o = {
+  dropdown: $,
   dropdown__title: f,
-  dropdown__content: b,
-  dropdown__item: u
-}, z = ({
-  children: a,
-  variant: o,
+  dropdown__content: u,
+  dropdown__item: b
+}, q = ({
+  children: n,
+  variant: a,
   action1: d,
   action2: e,
   action3: r,
-  action4: i,
+  action4: s,
   size: m
 }) => {
-  const w = o || "primary", s = d || "1#", _ = e || "2#", c = r || "3#", p = i || "4#";
+  const w = a || "primary", i = d || "1#", c = e || "2#", _ = r || "3#", p = s || "4#";
   return /* @__PURE__ */ l(
     "div",
     {
-      className: t.dropdown,
+      className: o.dropdown,
       "data-variant": w,
       "data-size": m,
       children: [
-        /* @__PURE__ */ n("div", { className: t.dropdown__title, children: a }),
-        /* @__PURE__ */ l("div", { className: t.dropdown__content, children: [
-          /* @__PURE__ */ n("a", { className: t.dropdown__item, href: s, children: s }),
-          /* @__PURE__ */ n("a", { className: t.dropdown__item, href: _, children: _ }),
-          /* @__PURE__ */ n("a", { className: t.dropdown__item, href: c, children: c }),
-          /* @__PURE__ */ n("a", { className: t.dropdown__item, href: p, children: p })
+        /* @__PURE__ */ t("div", { className: o.dropdown__title, children: n }),
+        /* @__PURE__ */ l("div", { className: o.dropdown__content, children: [
+          /* @__PURE__ */ t("a", { className: o.dropdown__item, href: i, children: i }),
+          /* @__PURE__ */ t("a", { className: o.dropdown__item, href: c, children: c }),
+          /* @__PURE__ */ t("a", { className: o.dropdown__item, href: _, children: _ }),
+          /* @__PURE__ */ t("a", { className: o.dropdown__item, href: p, children: p })
         ] })
       ]
     }
   );
-};
+}, g = "_card_1ms24_1", x = {
+  card: g
+}, B = ({ className: n, children: a }) => /* @__PURE__ */ t(v, { children: /* @__PURE__ */ t("div", { className: `${x.card} ${n}`, children: a }) });
 export {
-  x as Button,
-  z as Dropdown,
-  $ as Spinner
+  j as Button,
+  B as Card,
+  q as Dropdown,
+  k as Spinner
 };

package/dist/lib/Card/index.d.ts

@@ -0,0 +1,3 @@
+import { CardProps } from './interface';
+export declare const Card: ({ className, children }: CardProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/lib/Card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/lib/Card/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,eAAO,MAAM,IAAI,4BAA2B,SAAS,4CAQpD,CAAA"}

package/dist/lib/Card/interface.d.ts

@@ -0,0 +1,5 @@
+export interface CardProps {
+    children: React.ReactNode;
+    className: string;
+}
+//# sourceMappingURL=interface.d.ts.map

package/dist/lib/Card/interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.d.ts","sourceRoot":"","sources":["../../../src/lib/Card/interface.ts"],"names":[],"mappings":"AACA,MAAM,WAAW,SAAS;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAA;CACpB"}

package/package.json

@@ -1,7 +1,7 @@
 
 {
   "name": "@av-digital/components",
-  "version": "0.2.9",
+  "version": "0.3.0",
   "type": "module",
   "main": "./index.js",
   "module": "./index.js",