@pismo/marola 1.0.0-beta.49 → 1.0.0-beta.5

package/dist/components/Icon/types.d.ts

@@ -2,4 +2,4 @@
  * This file is automatically generated. Any changes will be lost.
  * run "yarn generate-icon-types" or "yarn build" to regenerate it.
  */
-export type IconName = 'arrow-down-arrow-up' | 'arrow-down-z-a' | 'arrow-left' | 'arrows-rotate' | 'badge-check' | 'bell' | 'building-columns' | 'calendar-days' | 'check-double' | 'chevron-down' | 'chevron-up' | 'circle-arrow-right' | 'circle-check' | 'circle-exclamation' | 'circle-info' | 'circle-xmark' | 'coins' | 'empty-set' | 'eye-slash' | 'eye' | 'filter-list' | 'folder-magnifying-glass' | 'grid-horizontal' | 'house-blank' | 'list' | 'loader' | 'lock-keyhole' | 'magnifying-glass' | 'money-bill-trend-up' | 'money-bills' | 'paste' | 'pen-to-square' | 'piggy-bank' | 'rectangle-history' | 'trash-can' | 'trash' | 'upload' | 'user-group' | 'user' | 'wallet' | 'warehouse-full' | 'xmark' | 'logo';
+export type IconName = 'arrow-down-arrow-up' | 'arrow-left' | 'calendar-days' | 'chevron-down' | 'chevron-up' | 'circle-arrow-right' | 'circle-check' | 'circle-exclamation' | 'circle-xmark' | 'eye-slash' | 'folder-magnifying-glass' | 'lock-keyhole' | 'magnifying-glass' | 'money-bill-trend-up' | 'pen-to-square' | 'piggy-bank' | 'rectangle-history' | 'trash' | 'user-group' | 'warehouse-full' | 'xmark' | 'logo';

package/dist/components/IconButton/IconButton.js

@@ -1,58 +1,58 @@
 import '../../assets/IconButton.css';
-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";
+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";
 const o = {
-  "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) => {
+  "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) => {
   const {
     onClick: _,
     icon: e,
     link: u,
-    loading: g,
-    children: n,
-    type: h = "button",
-    disabled: s,
-    className: a,
+    loading: n,
+    children: h,
+    type: s = "button",
+    disabled: i,
+    className: y,
     variant: t = "primary",
-    "data-testid": i
-  } = p, b = l(
-    () => j([o["icon-button"], o[`icon-button--${t}`], a]),
-    [a, t]
+    "data-testid": g
+  } = r, b = d(
+    () => l([o["icon-button"], o[`icon-button--${t}`], y]),
+    [y, t]
   );
-  return /* @__PURE__ */ r(
-    x,
+  return /* @__PURE__ */ a(
+    m,
     {
-      type: h,
+      type: s,
       href: u,
       onClick: _,
-      disabled: s,
+      disabled: i,
       className: b,
-      ref: y,
-      "data-testid": i,
+      ref: p,
+      "data-testid": g,
       children: /* @__PURE__ */ c("div", { className: o["icon-button__container"], children: [
-        g ? /* @__PURE__ */ r(m, { invert: !0 }) : e,
-        t !== "square" && n
+        n ? /* @__PURE__ */ a(j, { invert: !0 }) : e,
+        t !== "square" && h
       ] })
     }
   );

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

@@ -1,24 +1,18 @@
-import { HTMLInputTypeAttribute, InputHTMLAttributes, ReactNode } from 'react';
+import { InputHTMLAttributes, ReactNode } from 'react';
 
-type ExcludedInputTypes = 'checkbox' | 'radio' | 'submit';
-type CustomInputTypeAttribute = Exclude<HTMLInputTypeAttribute, ExcludedInputTypes>;
-export type SingleInputProps = InputHTMLAttributes<HTMLInputElement> & {
+type InputProps = InputHTMLAttributes<HTMLInputElement> & {
     /** Label text */
     label?: string;
     /** Info message text */
     infoMessage?: string;
-    /** Show the field layout as an error */
-    error?: boolean;
-    /** Error message text, if has "errorMessage", the "error" props will be "true" */
+    /** Error message text */
     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?: CustomInputTypeAttribute;
+    type?: 'text' | 'password' | 'search';
     /** Hide the chars counter */
     hideCharsCounter?: boolean;
     /** CSS classes to be applied on the container element */
@@ -46,18 +40,5 @@ export type SingleInputProps = InputHTMLAttributes<HTMLInputElement> & {
     /** Id to be applied as `data-testid` on the chars counter element */
     'data-testid-charsCounter'?: string;
 };
-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 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;
 export {};