@pismo/marola 0.0.1-alpha.9 → 1.0.0-beta.0

package/README.md

@@ -1,6 +1,6 @@
 # Marola - component library
 
-![Marola logo](./public/marolaLogo.png)
+![Marola logo](https://marola.pismolabs.io/marolaLogo.png)
 
 ### Commands
 

package/dist/{Button-B1umG8kJ.js → Button-2b1peDFT.js}

@@ -1,23 +1,22 @@
-import { _ as T, a as i } from "./objectWithoutPropertiesLoose-D7Cp0Pg_.js";
+import { g as T, a as _, _ as x, b as i, c as B, P as e, d as O, e as D } from "./index-CH45lKw7.js";
 import * as c from "react";
-import { g as _, a as x, b as B, P as o, c as O, d as D } from "./index-CqjC7P5Y.js";
 import { jsx as F } from "react/jsx-runtime";
-import { u as S } from "./useButton-Bc8IAgyk.js";
+import { u as S } from "./useButton-DNk3wrQp.js";
 const m = "Button";
 function U(s) {
-  return _(m, s);
+  return T(m, s);
 }
-x(m, ["root", "active", "disabled", "focusVisible"]);
+_(m, ["root", "active", "disabled", "focusVisible"]);
 const W = ["action", "children", "disabled", "focusableWhenDisabled", "onFocusVisible", "slotProps", "slots", "rootElementName"], j = (s) => {
   const {
-    active: e,
+    active: o,
     disabled: n,
     focusVisible: r
   } = s;
   return O({
-    root: ["root", n && "disabled", r && "focusVisible", e && "active"]
+    root: ["root", n && "disabled", r && "focusVisible", o && "active"]
   }, D(U));
-}, w = /* @__PURE__ */ c.forwardRef(function(e, n) {
+}, w = /* @__PURE__ */ c.forwardRef(function(o, n) {
   var r;
   const {
     action: u,
@@ -26,7 +25,7 @@ const W = ["action", "children", "disabled", "focusableWhenDisabled", "onFocusVi
     slotProps: P = {},
     slots: l = {},
     rootElementName: N = "button"
-  } = e, t = T(e, W), g = c.useRef();
+  } = o, t = x(o, W), g = c.useRef();
   let a = N;
   typeof l.root == "string" ? a = l.root : (t.href || t.to) && (a = "a");
   const {
@@ -34,7 +33,7 @@ const W = ["action", "children", "disabled", "focusableWhenDisabled", "onFocusVi
     focusVisible: E,
     setFocusVisible: d,
     getRootProps: V
-  } = S(i({}, e, {
+  } = S(i({}, o, {
     focusableWhenDisabled: f,
     rootElementName: a
   }));
@@ -43,7 +42,7 @@ const W = ["action", "children", "disabled", "focusableWhenDisabled", "onFocusVi
       d(!0), g.current.focus();
     }
   }), [d]);
-  const p = i({}, e, {
+  const p = i({}, o, {
     active: y,
     focusableWhenDisabled: f,
     focusVisible: E
@@ -70,61 +69,61 @@ process.env.NODE_ENV !== "production" && (w.propTypes = {
   /**
    * A ref for imperative actions. It currently only supports `focusVisible()` action.
    */
-  action: o.oneOfType([o.func, o.shape({
-    current: o.shape({
-      focusVisible: o.func.isRequired
+  action: e.oneOfType([e.func, e.shape({
+    current: e.shape({
+      focusVisible: e.func.isRequired
     })
   })]),
   /**
    * @ignore
    */
-  children: o.node,
+  children: e.node,
   /**
    * @ignore
    */
-  className: o.string,
+  className: e.string,
   /**
    * If `true`, the component is disabled.
    * @default false
    */
-  disabled: o.bool,
+  disabled: e.bool,
   /**
    * If `true`, allows a disabled button to receive focus.
    * @default false
    */
-  focusableWhenDisabled: o.bool,
+  focusableWhenDisabled: e.bool,
   /**
    * @ignore
    */
-  href: o.string,
+  href: e.string,
   /**
    * @ignore
    */
-  onFocusVisible: o.func,
+  onFocusVisible: e.func,
   /**
    * The HTML element that is ultimately rendered, for example 'button' or 'a'
    * @default 'button'
    */
-  rootElementName: o.string,
+  rootElementName: e.string,
   /**
    * The props used for each slot inside the Button.
    * @default {}
    */
-  slotProps: o.shape({
-    root: o.oneOfType([o.func, o.object])
+  slotProps: e.shape({
+    root: e.oneOfType([e.func, e.object])
   }),
   /**
    * The components used for each slot inside the Button.
    * Either a string to use a HTML element or a component.
    * @default {}
    */
-  slots: o.shape({
-    root: o.elementType
+  slots: e.shape({
+    root: e.elementType
   }),
   /**
    * @ignore
    */
-  to: o.string
+  to: e.string
 });
 export {
   w as B

package/dist/{ClickAwayListener-BKznXF1d.js → ClickAwayListener-BSW-Nd-y.js}

@@ -1,7 +1,8 @@
 import * as t from "react";
-import { u as C, P as f } from "./index-CqjC7P5Y.js";
+import { u as C, P as f } from "./index-CH45lKw7.js";
 import { jsx as w } from "react/jsx-runtime";
-import { u as L, o as h, e as b, a as g } from "./index-BNWbc5Kh.js";
+import { u as L, o as h, e as b } from "./useEventCallback-xTG9piMa.js";
+import { e as g } from "./index-CjW42-M-.js";
 function T(c) {
   return c.substring(2).toLowerCase();
 }

package/dist/Dialog.module-DFEmFdYT.js

@@ -0,0 +1,30 @@
+import './assets/Dialog.css';
+const _ = "_dialog__subtitle_yi7uo_52", o = "_dialog_yi7uo_52", a = "_dialog__backdrop_yi7uo_87", y = "_dialog__panel_yi7uo_95", i = "_dialog__title_yi7uo_56", p = "_dialog__divider_yi7uo_121", t = "_dialog__actions_yi7uo_134", u = {
+  "u-typography-h1": "_u-typography-h1_yi7uo_1",
+  "u-typography-h2": "_u-typography-h2_yi7uo_8",
+  "u-typography-h3": "_u-typography-h3_yi7uo_15",
+  "u-typography-h4": "_u-typography-h4_yi7uo_22",
+  "u-typography-h5": "_u-typography-h5_yi7uo_29",
+  "u-typography-h6": "_u-typography-h6_yi7uo_36",
+  "u-typography-base": "_u-typography-base_yi7uo_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_yi7uo_48",
+  "u-typography-base--xl": "_u-typography-base--xl_yi7uo_52",
+  dialog__subtitle: _,
+  "u-typography-base--lg": "_u-typography-base--lg_yi7uo_56",
+  "dialog__title--small": "_dialog__title--small_yi7uo_56",
+  "u-typography-base--sm": "_u-typography-base--sm_yi7uo_60",
+  "u-typography-base--bold": "_u-typography-base--bold_yi7uo_64",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_yi7uo_67",
+  "u-typography-base--underlined": "_u-typography-base--underlined_yi7uo_70",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_yi7uo_73",
+  dialog: o,
+  dialog__backdrop: a,
+  dialog__panel: y,
+  dialog__title: i,
+  dialog__divider: p,
+  "dialog__close-icon": "_dialog__close-icon_yi7uo_125",
+  dialog__actions: t
+};
+export {
+  u as s
+};

package/dist/Group-B3p31ftp.js

@@ -0,0 +1,26 @@
+import './assets/Group.css';
+import { jsxs as g, jsx as t } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { Icon as n } from "./components/Icon/Icon.js";
+const c = "_toggle__input_wlkvp_1", p = "_toggle__label_wlkvp_8", o = {
+  toggle__input: c,
+  toggle__label: p,
+  "toggle__label--selected": "_toggle__label--selected_wlkvp_15",
+  "toggle-group__fieldset": "_toggle-group__fieldset_wlkvp_20",
+  "toggle-group__options": "_toggle-group__options_wlkvp_25",
+  "toggle-group__error": "_toggle-group__error_wlkvp_29"
+}, f = i((e, r) => {
+  const { children: s, legend: l, error: _ } = e, d = e["data-testid"] ? `${e["data-testid"]}-legend` : void 0, a = e["data-testid"] ? `${e["data-testid"]}-error` : void 0;
+  return /* @__PURE__ */ g("fieldset", { ref: r, "data-testid": e["data-testid"], className: o["toggle-group__fieldset"], children: [
+    l && /* @__PURE__ */ t("legend", { "data-testid": d, children: l }),
+    /* @__PURE__ */ t("div", { className: o["toggle-group__options"], children: s }),
+    _ && /* @__PURE__ */ g("div", { className: o["toggle-group__error"], "data-testid": a, children: [
+      /* @__PURE__ */ t(n, { icon: "circle-exclamation", size: 24, color: "var(--alert)" }),
+      _
+    ] })
+  ] });
+});
+export {
+  f as G,
+  o as s
+};