@pismo/marola 1.0.0-beta.2 → 1.0.0-beta.21

package/dist/components/IconButton/IconButton.js

@@ -1,58 +1,58 @@
 import '../../assets/IconButton.css';
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
-import { forwardRef as x, useMemo as d } from "react";
-import { c as l } from "../../clsx-DB4S2d7J.js";
-import { LoadingSpinner as j } from "../LoadingSpinner/LoadingSpinner.js";
-import { B as m } from "../../Button-2b1peDFT.js";
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { forwardRef as d, useMemo as l } from "react";
+import { c as j } from "../../clsx-DB4S2d7J.js";
+import { LoadingSpinner as m } from "../LoadingSpinner/LoadingSpinner.js";
+import { B as x } from "../../Button-DiLqcAJG.js";
 const o = {
-  "u-typography-h1": "_u-typography-h1_1xyj5_1",
-  "u-typography-h2": "_u-typography-h2_1xyj5_8",
-  "u-typography-h3": "_u-typography-h3_1xyj5_15",
-  "u-typography-h4": "_u-typography-h4_1xyj5_22",
-  "u-typography-h5": "_u-typography-h5_1xyj5_29",
-  "u-typography-h6": "_u-typography-h6_1xyj5_36",
-  "u-typography-base": "_u-typography-base_1xyj5_43",
-  "icon-button": "_icon-button_1xyj5_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_1xyj5_48",
-  "u-typography-base--xl": "_u-typography-base--xl_1xyj5_52",
-  "u-typography-base--lg": "_u-typography-base--lg_1xyj5_56",
-  "u-typography-base--sm": "_u-typography-base--sm_1xyj5_60",
-  "u-typography-base--bold": "_u-typography-base--bold_1xyj5_64",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1xyj5_67",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1xyj5_70",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1xyj5_73",
-  "icon-button--primary": "_icon-button--primary_1xyj5_86",
-  "icon-button--square": "_icon-button--square_1xyj5_108",
-  "icon-button__container": "_icon-button__container_1xyj5_124"
-}, B = x((r, p) => {
+  "u-typography-h1": "_u-typography-h1_gt5j9_1",
+  "u-typography-h2": "_u-typography-h2_gt5j9_8",
+  "u-typography-h3": "_u-typography-h3_gt5j9_15",
+  "u-typography-h4": "_u-typography-h4_gt5j9_22",
+  "u-typography-h5": "_u-typography-h5_gt5j9_29",
+  "u-typography-h6": "_u-typography-h6_gt5j9_36",
+  "u-typography-base": "_u-typography-base_gt5j9_43",
+  "icon-button": "_icon-button_gt5j9_43",
+  "u-typography-base--xxl": "_u-typography-base--xxl_gt5j9_49",
+  "u-typography-base--xl": "_u-typography-base--xl_gt5j9_53",
+  "u-typography-base--lg": "_u-typography-base--lg_gt5j9_57",
+  "u-typography-base--sm": "_u-typography-base--sm_gt5j9_61",
+  "u-typography-base--bold": "_u-typography-base--bold_gt5j9_65",
+  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_gt5j9_68",
+  "u-typography-base--underlined": "_u-typography-base--underlined_gt5j9_71",
+  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_gt5j9_74",
+  "icon-button--primary": "_icon-button--primary_gt5j9_87",
+  "icon-button--square": "_icon-button--square_gt5j9_109",
+  "icon-button__container": "_icon-button__container_gt5j9_125"
+}, B = d((p, y) => {
   const {
     onClick: _,
     icon: e,
     link: u,
-    loading: n,
-    children: h,
-    type: s = "button",
-    disabled: i,
-    className: y,
+    loading: g,
+    children: n,
+    type: h = "button",
+    disabled: s,
+    className: a,
     variant: t = "primary",
-    "data-testid": g
-  } = r, b = d(
-    () => l([o["icon-button"], o[`icon-button--${t}`], y]),
-    [y, t]
+    "data-testid": i
+  } = p, b = l(
+    () => j([o["icon-button"], o[`icon-button--${t}`], a]),
+    [a, t]
   );
-  return /* @__PURE__ */ a(
-    m,
+  return /* @__PURE__ */ r(
+    x,
     {
-      type: s,
+      type: h,
       href: u,
       onClick: _,
-      disabled: i,
+      disabled: s,
       className: b,
-      ref: p,
-      "data-testid": g,
+      ref: y,
+      "data-testid": i,
       children: /* @__PURE__ */ c("div", { className: o["icon-button__container"], children: [
-        n ? /* @__PURE__ */ a(j, { invert: !0 }) : e,
-        t !== "square" && h
+        g ? /* @__PURE__ */ r(m, { invert: !0 }) : e,
+        t !== "square" && n
       ] })
     }
   );

package/dist/components/Input/Input.d.ts

@@ -1,5 +1,7 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
+import { HTMLInputTypeAttribute, InputHTMLAttributes, ReactNode } from 'react';
 
+type ExcludedInputTypes = 'checkbox' | 'radio' | 'submit';
+type CustomInputTypeAttribute = Exclude<HTMLInputTypeAttribute, ExcludedInputTypes>;
 type InputProps = InputHTMLAttributes<HTMLInputElement> & {
     /** Label text */
     label?: string;
@@ -12,7 +14,7 @@ type InputProps = InputHTMLAttributes<HTMLInputElement> & {
     /** Right icon element */
     rightIcon?: ReactNode;
     /** Input type. Default: text */
-    type?: 'text' | 'password' | 'search';
+    type?: CustomInputTypeAttribute;
     /** Hide the chars counter */
     hideCharsCounter?: boolean;
     /** CSS classes to be applied on the container element */