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

package/dist/Toggle-CRfZgFJp.js

@@ -1,181 +0,0 @@
-import './assets/Toggle2.css';
-import { jsx as i, jsxs as k } from "react/jsx-runtime";
-import { forwardRef as y } from "react";
-import { c as s } from "./clsx-DB4S2d7J.js";
-import { Icon as C } from "./components/Icon/Icon.js";
-import { Typography as N } from "./components/Typography/Typography.js";
-import "./components/Button/Button.js";
-import { Adornment as v } from "./components/Adornment/Adornment.js";
-import "./components/Dialog/Dialog.js";
-import "./components/IconButton/IconButton.js";
-import "./components/Select/Select.js";
-import "./components/Table/Table.js";
-import "./components/Tabs/Tabs.js";
-import { s as w } from "./Group-B3p31ftp.js";
-import "./contexts/SnackbarProvider/SnackbarProvider.js";
-import { Skeleton as f } from "./components/Skeleton/Skeleton.js";
-import { B as x } from "./Button-DiLqcAJG.js";
-const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove_1wvod_121", p = {
-  "u-typography-h1": "_u-typography-h1_1wvod_1",
-  "u-typography-h2": "_u-typography-h2_1wvod_8",
-  "u-typography-h3": "_u-typography-h3_1wvod_15",
-  "u-typography-h4": "_u-typography-h4_1wvod_22",
-  "u-typography-h5": "_u-typography-h5_1wvod_29",
-  "u-typography-h6": "_u-typography-h6_1wvod_36",
-  "u-typography-base": "_u-typography-base_1wvod_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_1wvod_49",
-  "u-typography-base--xl": "_u-typography-base--xl_1wvod_53",
-  "u-typography-base--lg": "_u-typography-base--lg_1wvod_57",
-  "u-typography-base--sm": "_u-typography-base--sm_1wvod_61",
-  chip: I,
-  "u-typography-base--bold": "_u-typography-base--bold_1wvod_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1wvod_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1wvod_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1wvod_74",
-  "chip--button": "_chip--button_1wvod_90",
-  "chip--outlined": "_chip--outlined_1wvod_104",
-  "chip--contained": "_chip--contained_1wvod_110",
-  chip__adornment: P,
-  chip__remove: z,
-  "chip__remove--disabled": "_chip__remove--disabled_1wvod_133",
-  "chip-loading": "_chip-loading_1wvod_137"
-}, S = y((t, c) => {
-  const { children: _, onClickContent: o, disabled: r, className: a, variant: n } = t;
-  let e = s(
-    p.chip,
-    { [p["chip--outlined"]]: n === "outlined" },
-    { [p["chip--contained"]]: n === "contained" },
-    a
-  );
-  return o ? (e += ` ${p["chip--button"]}`, /* @__PURE__ */ i(
-    x,
-    {
-      onClick: o,
-      disabled: r,
-      "data-testid": t["data-testid"],
-      ref: c,
-      className: e,
-      children: _
-    }
-  )) : /* @__PURE__ */ i("span", { "data-testid": t["data-testid"], ref: c, className: e, children: _ });
-}), M = y((t, c) => {
-  const {
-    label: _,
-    className: o,
-    onClickContent: r,
-    leftAdornment: a,
-    loading: n = !1,
-    disabled: e = !1,
-    variant: u = "default",
-    onClickRemove: m
-  } = t;
-  if (n)
-    return /* @__PURE__ */ i(
-      f,
-      {
-        className: s(p["chip-loading"], t["className-skeleton"]),
-        "data-testid": t["data-testid-skeleton"]
-      }
-    );
-  const g = s(a == null ? void 0 : a.className, p.chip__adornment), b = a != null && a.customIcon ? { ...a, className: g } : { ...a, disabled: e, className: g };
-  return /* @__PURE__ */ k(
-    S,
-    {
-      ref: c,
-      "data-testid": t["data-testid"],
-      onClickContent: r,
-      disabled: e,
-      className: o,
-      variant: u,
-      children: [
-        a && /* @__PURE__ */ i(v, { ...b }),
-        _,
-        m && /* @__PURE__ */ i(
-          "span",
-          {
-            className: s(p.chip__remove, { [p["chip__remove--disabled"]]: e }),
-            role: "button",
-            tabIndex: e ? -1 : 0,
-            "aria-label": "remove",
-            onClick: (d) => {
-              d == null || d.stopPropagation(), d == null || d.nativeEvent.stopImmediatePropagation(), m();
-            },
-            "aria-disabled": e,
-            children: /* @__PURE__ */ i(C, { icon: "circle-xmark", size: "1.125rem", color: "rgba(var(--gray-95-rgb), 0.45)" })
-          }
-        )
-      ]
-    }
-  );
-}), h = {
-  "row-item": "_row-item_8z1a0_1",
-  "row-item--clickable": "_row-item--clickable_8z1a0_13",
-  "row-item--disabled": "_row-item--disabled_8z1a0_19",
-  "row-item__content": "_row-item__content_8z1a0_22"
-}, O = y((t, c) => {
-  const { children: _, leftAdornment: o, disabled: r, onClick: a, buttons: n, ariaLabel: e, className: u } = t, m = s(o == null ? void 0 : o.className, h["row-item__adornment"]), b = {
-    onClick: (l) => {
-      r || a && a(l);
-    },
-    tabIndex: 0,
-    "aria-label": e,
-    role: "button"
-  }, d = o != null && o.customIcon ? o : { size: "1rem", ...o };
-  return /* @__PURE__ */ k(
-    "div",
-    {
-      "data-testid": t["data-testid"],
-      className: s(
-        h["row-item"],
-        a && h["row-item--clickable"],
-        a && r && h["row-item--disabled"],
-        u
-      ),
-      ...!!a && b,
-      ref: c,
-      children: [
-        o && /* @__PURE__ */ i(v, { ...d, className: m, disabled: r }),
-        /* @__PURE__ */ i("span", { className: s(h["row-item__content"]), children: _ }),
-        n && /* @__PURE__ */ i(
-          "div",
-          {
-            onClick: (l) => {
-              l == null || l.stopPropagation(), l == null || l.nativeEvent.stopImmediatePropagation();
-            },
-            children: n
-          }
-        )
-      ]
-    }
-  );
-}), Q = y((t, c) => {
-  const { text: _, isSelected: o = !1, value: r, onChange: a } = t;
-  return /* @__PURE__ */ k(
-    "label",
-    {
-      className: s([w.toggle__label], { [w["toggle__label--selected"]]: o }),
-      "data-testid": t["data-testid"],
-      children: [
-        /* @__PURE__ */ i(
-          "input",
-          {
-            className: s([w.toggle__input]),
-            type: "radio",
-            ref: c,
-            value: r.toString(),
-            onChange: () => a(r),
-            role: "radio",
-            checked: o,
-            "aria-checked": o
-          }
-        ),
-        /* @__PURE__ */ i(N, { bold: !0, children: _ })
-      ]
-    }
-  );
-});
-export {
-  M as C,
-  O as R,
-  Q as T
-};

package/dist/assets/Adornment.css

@@ -1 +0,0 @@
-._adornment_1bwrg_1{display:flex}

package/dist/assets/Autocomplete.css

@@ -1 +0,0 @@
-._autocomplete_1k4ph_1{margin-bottom:16px;position:relative}._autocomplete__dropdown-list_1k4ph_5{position:absolute;background-color:var(--white-100);margin-top:.1rem;border:solid .0625rem var(--gray-25);border-radius:.375rem}._autocomplete__dropdown-list_1k4ph_5:hover{border-color:var(--gray-75)}._autocomplete__dropdown-item_1k4ph_15{background-color:var(--white-100);padding:.375rem;list-style-type:none;cursor:pointer}._autocomplete__dropdown-item_1k4ph_15:hover{color:var(--accent)}

package/dist/assets/ResultWithChips.css

@@ -1 +0,0 @@
-._container_hgp0p_1{position:relative;padding:1.5rem 1rem;background:var(--white-100);border:1px solid var(--gray-50);border-radius:.375rem}._container_hgp0p_1 ._chip-item-wrapper_hgp0p_8{display:flex;gap:.5rem}._container_hgp0p_1:not(first-child){min-height:4.125rem;padding:1rem;margin-top:1.5rem}._container_hgp0p_1 ._label_hgp0p_17{position:absolute;top:-1px;left:1.18rem;display:flex;align-items:center;justify-content:center;padding:0 .25rem;font-family:Lato;font-size:.6875rem;font-style:normal;font-weight:400;line-height:1rem;color:var(--gray-75);background:var(--white-100);transform:translateY(-50%)}._chips-container_hgp0p_35{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}._chip-content_hgp0p_42{display:block;font-family:Lato;font-size:.6875rem;font-style:normal;line-height:1rem;color:var(--gray-90)}._chip-label_hgp0p_51{font-weight:700}

package/dist/assets/StepperNavigator.css

@@ -1 +0,0 @@
-._stepper-navigator_1ouny_1{display:flex;justify-content:space-between;padding:1rem 0}._stepper-navigator_1ouny_1>span{display:flex;gap:1rem}._cancel-button_1ouny_11{color:var(--accent-alert-light);background-color:transparent}._cancel-button_1ouny_11:hover:not(:disabled){color:rgba(var(--alert-dark-rgb),.75);background-color:var(--gray-5)}._previous-button_1ouny_20{color:var(--gray-75);background-color:transparent;border:solid 1px var(--gray-75)}._previous-button_1ouny_20:disabled{border-color:transparent}._previous-button_1ouny_20:hover:not(:disabled){color:rgba(var(--gray-75-rgb),.75);background-color:var(--gray-5);border-color:rgba(var(--gray-75),.75)}

package/dist/components/Adornment/Adornment.d.ts

@@ -1,20 +0,0 @@
-import { IconProps } from '../Icon/Icon.tsx';
-import { Either } from '../../types/helpers';
-import { ReactNode } from 'react';
-
-export type AdornmentSlotProps = {
-    /** Any additional classes to apply to the adornment */
-    className?: string;
-    /** Dataset test id only used for tests to reach in and grab the rendered DOM node of the adornment */
-    'data-testid'?: string;
-};
-export type MarolaIconAdornment = AdornmentSlotProps & Partial<IconProps> & {
-    /** Whether to render in a disabled state */
-    disabled?: boolean;
-};
-export type CustomIconAdornment = AdornmentSlotProps & {
-    /** Render a complete custom icon outside of Marola icon system */
-    customIcon: ReactNode;
-};
-export type AdornmentProps = Either<CustomIconAdornment, MarolaIconAdornment>;
-export declare const Adornment: (props: AdornmentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Adornment/Adornment.js

@@ -1,13 +0,0 @@
-import '../../assets/Adornment.css';
-import { jsx as n } from "react/jsx-runtime";
-import { c } from "../../clsx-DB4S2d7J.js";
-import { Icon as d } from "../Icon/Icon.js";
-const l = "_adornment_1bwrg_1", i = {
-  adornment: l
-}, g = (t) => {
-  const e = c(t.className), { disabled: a, icon: m } = t, o = a ? "rgb(var(--gray-95-rgb), 0.4)" : t == null ? void 0 : t.color;
-  return /* @__PURE__ */ n("span", { className: c(i.adornment, e), "data-testid": t["data-testid"], children: t != null && t.customIcon ? t == null ? void 0 : t.customIcon : /* @__PURE__ */ n(d, { color: o, icon: m, size: t.size }) });
-};
-export {
-  g as Adornment
-};

package/dist/components/Adornment/Adornment.stories.d.ts

@@ -1,14 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: (props: import('./Adornment').AdornmentProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const WithMarolaIcon: Story;
-export declare const WithCustomIcon: Story;

package/dist/components/Adornment/adornment.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/Autocomplete/Autocomplete.d.ts

@@ -1,52 +0,0 @@
-import { InputHTMLAttributes, ReactNode, SyntheticEvent } from 'react';
-
-type AutocompleteProps<T> = Omit<InputHTMLAttributes<HTMLInputElement>, 'onChange'> & {
-    /** Label text */
-    label?: string;
-    /** Options array */
-    options?: Array<T>;
-    /** callback for new option selected */
-    onChange?: (event: SyntheticEvent<Element, Event>, newValue: T) => void;
-    /** callback when characters are entered into the input box */
-    onInputChange?: (event: SyntheticEvent<Element, Event>, newValue: string) => void;
-    /** Info message text */
-    infoMessage?: string;
-    /** Error message text */
-    errorMessage?: string;
-    /** Left icon element */
-    leftIcon?: ReactNode;
-    /** Right icon element */
-    rightIcon?: ReactNode;
-    /** Input type. Default: text */
-    type?: 'text' | 'password' | 'search';
-    /** Hide the chars counter */
-    hideCharsCounter?: boolean;
-    /** CSS classes to be applied on the container element */
-    classNameWrapper?: string;
-    /** CSS classes to be applied on the label element */
-    classNameLabel?: string;
-    /** CSS classes to be applied on the input element */
-    classNameInput?: string;
-    /** CSS classes to be applied on the info message element */
-    classNameInfoMessage?: string;
-    /** CSS classes to be applied on the error message element */
-    classNameErrorMessage?: string;
-    /** CSS classes to be applied on the chars counter element */
-    classNameCharsCounter?: string;
-    /** Id to be applied as `data-testid` on the container element */
-    'data-testid-wrapper'?: string;
-    /** Id to be applied as `data-testid` on the label element */
-    'data-testid-label'?: string;
-    /** Id to be applied as `data-testid` on the input element */
-    'data-testid-input'?: string;
-    /** Id to be applied as `data-testid` on the info message element */
-    'data-testid-infoMessage'?: string;
-    /** Id to be applied as `data-testid` on the error message element */
-    'data-testid-errorMessage'?: string;
-    /** Id to be applied as `data-testid` on the chars counter element */
-    'data-testid-charsCounter'?: string;
-};
-export declare const Autocomplete: <T extends string | (object & {
-    label: string;
-})>({ label, type, options, infoMessage, errorMessage, leftIcon, rightIcon, id, disabled, maxLength, onChange, onInputChange, classNameLabel, classNameInput, classNameErrorMessage, classNameInfoMessage, "data-testid-label": testIdLabel, "data-testid-input": testIdInput, "data-testid-infoMessage": testIdInfoMessage, "data-testid-errorMessage": testIdErrorMessage, ...rest }: AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
-export {};