@pismo/marola 1.0.0-beta.4 → 1.0.0-beta.41

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-BAljjMv3.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,18 +1,24 @@
-import { InputHTMLAttributes, ReactNode } from 'react';
+import { HTMLInputTypeAttribute, InputHTMLAttributes, ReactNode } from 'react';
 
-type InputProps = InputHTMLAttributes<HTMLInputElement> & {
+type ExcludedInputTypes = 'checkbox' | 'radio' | 'submit';
+type CustomInputTypeAttribute = Exclude<HTMLInputTypeAttribute, ExcludedInputTypes>;
+export type SingleInputProps = InputHTMLAttributes<HTMLInputElement> & {
     /** Label text */
     label?: string;
     /** Info message text */
     infoMessage?: string;
-    /** Error message text */
+    /** Show the field layout as an error */
+    error?: boolean;
+    /** Error message text, if has "errorMessage", the "error" props will be "true" */
     errorMessage?: string;
+    /** If "true", a "textarea" element is rendered. */
+    multiline?: false;
     /** Left icon element */
     leftIcon?: ReactNode;
     /** 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 */
@@ -40,5 +46,18 @@ type InputProps = InputHTMLAttributes<HTMLInputElement> & {
     /** Id to be applied as `data-testid` on the chars counter element */
     'data-testid-charsCounter'?: string;
 };
-export declare const Input: ({ label, infoMessage, errorMessage, leftIcon, rightIcon, id, disabled, type, maxLength, hideCharsCounter, onChange, classNameWrapper, classNameLabel, classNameInput, classNameInfoMessage, classNameErrorMessage, classNameCharsCounter, "data-testid-wrapper": testIdWrapper, "data-testid-label": testIdLabel, "data-testid-input": testIdInput, "data-testid-infoMessage": testIdInfoMessage, "data-testid-errorMessage": testIdErrorMessage, "data-testid-charsCounter": testIdCharsCounter, ...rest }: InputProps) => import("react/jsx-runtime").JSX.Element;
+type MultilineInputProps = Omit<SingleInputProps, 'multiline'> & {
+    /** If "true", a "textarea" element is rendered. */
+    multiline: true;
+    /** Minimum number of rows to display when multiline option is set to true. */
+    minRows?: number;
+    /** Maximum number of rows to display when multiline option is set to true. */
+    maxRows?: number;
+    /** Number of rows to display when multiline option is set to true.
+     * The prop defaults to the value (5)
+     */
+    rows?: number;
+};
+export type InputProps = SingleInputProps | MultilineInputProps;
+export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
 export {};