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

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

@@ -0,0 +1,5 @@
+/**
+ * This file is automatically generated. Any changes will be lost.
+ * run "yarn generate-icon-types" or "yarn build" to regenerate it.
+ */
+export type IconName = 'account-group' | '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' | 'rectangle-history' | 'trash' | 'warehouse-full' | 'xmark' | 'logo';

package/dist/components/Icon/types.js

@@ -0,0 +1 @@
+

package/dist/components/IconButton/Icon.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./IconButton').IconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;
+export declare const WithChildren: Story;
+export declare const Square: Story;

package/dist/components/IconButton/IconButton.d.ts

@@ -1,22 +1,38 @@
 import { Either } from '../../types/helpers';
-import { ReactNode } from 'react';
+import { ReactNode, SyntheticEvent } from 'react';
 
 type variant = 'primary' | 'square';
 type IconButtonCoreProps = {
+    /** The icon can be any ReactNode element, including the Icon component. */
     icon: ReactNode;
+    /** Loading status  */
     loading?: boolean;
+    /** Disabled status */
     disabled?: boolean;
+    /** ClassNames for MuiButton */
     className?: string;
+    /** Children content */
     children?: ReactNode;
+    /** Variant of component */
     variant?: variant;
+    /** Id to be applied as `data-testid` on the container element */
+    'data-testid'?: string;
 };
 interface IconButtonPropsWithLink extends IconButtonCoreProps {
+    /** Link to access when Icon Button is clicked  */
     link: string;
 }
 interface IconButtonPropsWithOnClick extends IconButtonCoreProps {
-    onClick: () => void;
+    /** Functionality executed when the Icon Button is clicked   */
+    onClick: (e: SyntheticEvent<HTMLButtonElement>) => void;
+    /** Button type */
     type?: HTMLButtonElement['type'];
 }
 export type IconButtonProps = Either<IconButtonPropsWithLink, IconButtonPropsWithOnClick>;
+/**
+ * The icon button is used in some cases where you need the icon to be pressed, sometimes it can contain text.
+ * Icon buttons are commonly found in app bars and toolbars.
+ * Icons are also appropriate for toggle buttons that allow a single choice to be selected or deselected, such as adding or removing a star to an item.
+ */
 export declare const IconButton: import('react').ForwardRefExoticComponent<IconButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
 export default IconButton;

package/dist/components/IconButton/IconButton.js

@@ -1,68 +1,63 @@
 import '../../assets/IconButton.css';
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as q, useMemo as a } from "react";
-import { c } from "../../clsx-DB4S2d7J.js";
-import { LoadingSpinner as m } from "../LoadingSpinner/LoadingSpinner.js";
-import { B as g } from "../../Button-B1umG8kJ.js";
-const k = "_h1_8qiyf_1", p = "_h2_8qiyf_11", w = "_h3_8qiyf_21", x = "_h4_8qiyf_31", N = "_body_8qiyf_41", v = "_quote_8qiyf_75", B = "_form__input_8qiyf_98", j = "_form__hint_8qiyf_103", C = "_form__label_8qiyf_108", I = "_form__dropdown_8qiyf_113", L = "_table__header_8qiyf_131", M = "_table__body_8qiyf_136", R = "_button_8qiyf_159", o = {
-  h1: k,
-  "h1--bold": "_h1--bold_8qiyf_7",
-  h2: p,
-  "h2--bold": "_h2--bold_8qiyf_17",
-  h3: w,
-  "h3--bold": "_h3--bold_8qiyf_27",
-  h4: x,
-  "h4--bold": "_h4--bold_8qiyf_37",
-  body: N,
-  "body--large": "_body--large_8qiyf_46",
-  "body--medium": "_body--medium_8qiyf_50",
-  "body--small": "_body--small_8qiyf_54",
-  "body--tiny": "_body--tiny_8qiyf_58",
-  "body--bold": "_body--bold_8qiyf_62",
-  "body--strikethrough": "_body--strikethrough_8qiyf_65",
-  "body--underlined": "_body--underlined_8qiyf_68",
-  "body--strikethrough-underlined": "_body--strikethrough-underlined_8qiyf_71",
-  quote: v,
-  "quote--large": "_quote--large_8qiyf_80",
-  "quote--bold": "_quote--bold_8qiyf_85",
-  "quote--strikethrough": "_quote--strikethrough_8qiyf_88",
-  "quote--underlined": "_quote--underlined_8qiyf_91",
-  "quote--strikethrough-underlined": "_quote--strikethrough-underlined_8qiyf_94",
-  form__input: B,
-  form__hint: j,
-  form__label: C,
-  form__dropdown: I,
-  "form--bold": "_form--bold_8qiyf_118",
-  "form--strikethrough": "_form--strikethrough_8qiyf_121",
-  "form--underlined": "_form--underlined_8qiyf_124",
-  "form--strikethrough-underlined": "_form--strikethrough-underlined_8qiyf_127",
-  table__header: L,
-  table__body: M,
-  "table__body--secondary": "_table__body--secondary_8qiyf_141",
-  "table--bold": "_table--bold_8qiyf_146",
-  "table--strikethrough": "_table--strikethrough_8qiyf_149",
-  "table--underlined": "_table--underlined_8qiyf_152",
-  "table--strikethrough-underlined": "_table--strikethrough-underlined_8qiyf_155",
-  button: R,
-  "button--bold": "_button--bold_8qiyf_165",
-  "button--strikethrough": "_button--strikethrough_8qiyf_168",
-  "button--underlined": "_button--underlined_8qiyf_171",
-  "button--strikethrough-underlined": "_button--strikethrough-underlined_8qiyf_174",
-  "icon-button": "_icon-button_8qiyf_178",
-  "icon-button--primary": "_icon-button--primary_8qiyf_190",
-  "icon-button--square": "_icon-button--square_8qiyf_212",
-  "icon-button__container": "_icon-button__container_8qiyf_228"
-}, E = q((i, r) => {
-  const { onClick: n, icon: d, link: u, loading: b, children: l, type: y = "button", disabled: f, className: t, variant: _ = "primary" } = i, h = a(
-    () => c([o["icon-button"], o[`icon-button--${_}`], t]),
-    [t, _]
+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_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: n,
+    children: h,
+    type: s = "button",
+    disabled: i,
+    className: y,
+    variant: t = "primary",
+    "data-testid": g
+  } = r, b = d(
+    () => l([o["icon-button"], o[`icon-button--${t}`], y]),
+    [y, t]
+  );
+  return /* @__PURE__ */ a(
+    m,
+    {
+      type: s,
+      href: u,
+      onClick: _,
+      disabled: i,
+      className: b,
+      ref: p,
+      "data-testid": g,
+      children: /* @__PURE__ */ c("div", { className: o["icon-button__container"], children: [
+        n ? /* @__PURE__ */ a(j, { invert: !0 }) : e,
+        t !== "square" && h
+      ] })
+    }
   );
-  return /* @__PURE__ */ e(g, { type: y, href: u, onClick: n, disabled: f, className: h, ref: r, children: /* @__PURE__ */ s("div", { className: o["icon-button__container"], children: [
-    b ? /* @__PURE__ */ e(m, { invert: !0 }) : d,
-    _ !== "square" && l
-  ] }) });
 });
 export {
-  E as IconButton,
-  E as default
+  B as IconButton,
+  B as default
 };

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

@@ -13,7 +13,7 @@ type InputProps = InputHTMLAttributes<HTMLInputElement> & {
     rightIcon?: ReactNode;
     /** Input type. Default: text */
     type?: 'text' | 'password' | 'search';
-    /** Hide the chars counter. Default: false */
+    /** Hide the chars counter */
     hideCharsCounter?: boolean;
     /** CSS classes to be applied on the container element */
     classNameWrapper?: string;