@pismo/marola 0.0.1-alpha.18 → 0.0.1-alpha.2

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,34 +0,0 @@
-import { ReactNode } from 'react';
-
-type CheckboxTheme = 'light' | 'accent';
-type CheckboxSizes = 'small' | 'normal';
-type CheckboxProps = {
-    /** Space separated list of CSS classes to apply */
-    className?: string;
-    /** ID that tests can use to get this component from the DOM */
-    'data-testid'?: string;
-    /** Checkbox label */
-    label?: ReactNode;
-    /** Checkbox theme */
-    theme?: CheckboxTheme;
-    /** Checkbox size */
-    size?: CheckboxSizes;
-    /** Checkbox size */
-    checked?: boolean;
-    /** Indeterminate state */
-    isIndeterminate?: boolean;
-    /** Name */
-    name?: string;
-    /** Functionality to perform when the checkbox value change */
-    onChange: (checked: boolean) => void;
-    /** Checkbox label */
-    children?: ReactNode;
-    /** Set the highlight of the label */
-    highlightLabel?: boolean;
-};
-/**
- *  Checkboxes allow the user to select one or more items from a set.
- *  Checkboxes can be used to turn an option on or off.
- */
-declare const Checkbox: ({ className, label, name, theme, size, checked, onChange, isIndeterminate, highlightLabel, ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
-export { Checkbox };

package/dist/components/Checkbox/Checkbox.js

@@ -1,56 +0,0 @@
-import '../../assets/Checkbox.css';
-import { jsxs as N, jsx as h } from "react/jsx-runtime";
-import * as k from "react";
-import { useState as g, useEffect as w } from "react";
-import { c as i } from "../../clsx-DB4S2d7J.js";
-const y = (a) => /* @__PURE__ */ k.createElement("svg", { width: 14, height: 10, viewBox: "0 0 14 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ k.createElement("path", { d: "M13.7063 0.293438C14.0969 0.684062 14.0969 1.31531 13.7063 1.70594L5.70625 9.70594C5.31563 10.0966 4.68437 10.0966 4.29375 9.70594L0.292875 5.70594C-0.097625 5.31531 -0.097625 4.68406 0.292875 4.29344C0.683437 3.90281 1.31656 3.90281 1.70719 4.29344L4.97188 7.58406L12.2937 0.293438C12.6844 -0.0978125 13.3156 -0.0978125 13.7063 0.293438Z", fill: "#F7F7FC" })), z = "_label_1aw5t_10", E = "_checkmark_1aw5t_20", e = {
-  "checkbox-wrapper": "_checkbox-wrapper_1aw5t_1",
-  label: z,
-  "label--highlighted": "_label--highlighted_1aw5t_14",
-  "label--highlighted-checked": "_label--highlighted-checked_1aw5t_17",
-  checkmark: E,
-  "checkmark--checked": "_checkmark--checked_1aw5t_32",
-  "checkmark--light-theme": "_checkmark--light-theme_1aw5t_35",
-  "checkmark--accent-theme": "_checkmark--accent-theme_1aw5t_42",
-  "checkmark--small-size": "_checkmark--small-size_1aw5t_49",
-  "checkmark--normal-size": "_checkmark--normal-size_1aw5t_56"
-}, F = (a) => /* @__PURE__ */ k.createElement("svg", { width: 10, height: 3, viewBox: "0 0 10 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ k.createElement("rect", { y: 0.5, width: 10, height: 2, rx: 1, fill: "#1897F3" })), M = ({
-  className: a,
-  label: o,
-  name: d,
-  theme: b = "accent",
-  size: p = "normal",
-  checked: l,
-  onChange: x,
-  isIndeterminate: r,
-  highlightLabel: C = !1,
-  ...s
-}) => {
-  const [c, n] = g(l), [t, _] = g(r);
-  w(() => {
-    l !== c && n(l);
-  }, [l]), w(() => {
-    typeof r == "boolean" && _(r);
-  }, [r]);
-  const f = i(e["checkbox-wrapper"], a), v = i(
-    e.checkmark,
-    e[`checkmark--${b}-theme`],
-    e[`checkmark--${p}-size`],
-    (c || t) && e["checkmark--checked"]
-  ), u = C && (s.children || o) ? i(
-    e.label,
-    e["label--highlighted"],
-    (c || t) && e["label--highlighted-checked"]
-  ) : e.label;
-  return /* @__PURE__ */ N("div", { className: f, onClick: () => {
-    let m = !c;
-    t && (_(!1), m = !0), x(m), n(m);
-  }, ...s, children: [
-    /* @__PURE__ */ h("input", { name: d, type: "checkbox", checked: !t && c, readOnly: !0 }),
-    /* @__PURE__ */ h("span", { className: v, children: t ? /* @__PURE__ */ h(F, {}) : c && /* @__PURE__ */ h(y, {}) }),
-    /* @__PURE__ */ h("label", { className: u, children: s.children || o })
-  ] });
-};
-export {
-  M as Checkbox
-};

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

@@ -1,31 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ className, label, name, theme, size, checked, onChange, isIndeterminate, highlightLabel, ...rest }: {
-        className?: string | undefined;
-        'data-testid'?: string | undefined;
-        label?: import('react').ReactNode;
-        theme?: ("light" | "accent") | undefined;
-        size?: ("small" | "normal") | undefined;
-        checked?: boolean | undefined;
-        isIndeterminate?: boolean | undefined;
-        name?: string | undefined;
-        onChange: (checked: boolean) => void;
-        children?: import('react').ReactNode;
-        highlightLabel?: boolean | undefined;
-    }) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const DefaultWithLabel: Story;
-export declare const LightTheme: Story;
-export declare const LightThemeIndeterminate: Story;
-export declare const LabelAsChildren: Story;
-export declare const HighlightLabel: Story;
-export declare const SmallSize: Story;

package/dist/components/Chip/Chip.d.ts

@@ -1,37 +0,0 @@
-import { IconFamilies, IconProps } from '../../main';
-import { ReactElement, ReactNode } from 'react';
-
-export type Variant = 'default' | 'contained' | 'outlined';
-type ChipProps = {
-    /** Main content to display, typically just some text */
-    label: ReactNode;
-    /** Whether to show loading state (skeleton) */
-    loading?: boolean;
-    /** Left icon to display */
-    leftAdornment?: ChipAdornmentSlotProps;
-    /** Dataset test id only used for tests to reach in and grab the rendered DOM node of the chip wrapper */
-    'data-testid'?: string;
-    /** Functionality to perform when the main body of the chip is clicked */
-    onClickContent?: () => void;
-    /** If present an 'x' icon will be on the right side of the button when clicked whatever functionality is passed to
-     * this will be executed */
-    onClickRemove?: () => void;
-    /** Whether to show the button in a disabled state, user will be unable to interact with the chip */
-    disabled?: boolean;
-    /** Any additional classes to apply to the Chip wrapper */
-    className?: string;
-    /** Which style of chip to show */
-    variant?: Variant;
-    /** Dataset test id only used for tests, used to hook onto the loading skeleton component for this chip */
-    'data-testid-skeleton'?: string;
-};
-export type ChipAdornmentSlotProps = {
-    /** The Marola Icon to display */
-    icon: ReactElement<IconProps<IconFamilies>>;
-    /** Any additional classes to apply to icon */
-    className?: string;
-    /** Dataset test id only used for tests to reach in and grab the rendered DOM node of the icon */
-    'data-testid'?: string;
-};
-export declare const Chip: import('react').ForwardRefExoticComponent<ChipProps & import('react').RefAttributes<unknown>>;
-export {};

package/dist/components/Chip/Chip.js

@@ -1,143 +0,0 @@
-import '../../assets/Chip.css';
-import { jsx as t, jsxs as m } from "react/jsx-runtime";
-import { forwardRef as u, cloneElement as p } from "react";
-import { c as s } from "../../clsx-DB4S2d7J.js";
-import { Icon as f } from "../Icon/Icon.js";
-import "../Button/Button.js";
-import "../Dialog/Backdrop.js";
-import "../Typography/Typography.js";
-import "../IconButton/IconButton.js";
-import "../Select/Select.js";
-import { Skeleton as y } from "../Skeleton/Skeleton.js";
-import "../Table/Table.js";
-import "../Tabs/Tabs.js";
-import { B as g } from "../../Button-2b1peDFT.js";
-const k = "_h1_1hro6_1", q = "_h2_1hro6_11", C = "_h3_1hro6_21", x = "_h4_1hro6_31", N = "_body_1hro6_41", v = "_quote_1hro6_75", S = "_form__input_1hro6_98", w = "_form__hint_1hro6_103", M = "_form__label_1hro6_108", R = "_form__dropdown_1hro6_113", A = "_table__header_1hro6_131", I = "_table__body_1hro6_136", T = "_button_1hro6_159", j = "_SM_1hro6_178", B = "_chip_1hro6_178", E = "_chip__adornment_1hro6_224", P = "_chip__remove_1hro6_229", e = {
-  h1: k,
-  "h1--bold": "_h1--bold_1hro6_7",
-  h2: q,
-  "h2--bold": "_h2--bold_1hro6_17",
-  h3: C,
-  "h3--bold": "_h3--bold_1hro6_27",
-  h4: x,
-  "h4--bold": "_h4--bold_1hro6_37",
-  body: N,
-  "body--large": "_body--large_1hro6_46",
-  "body--medium": "_body--medium_1hro6_50",
-  "body--small": "_body--small_1hro6_54",
-  "body--tiny": "_body--tiny_1hro6_58",
-  "body--bold": "_body--bold_1hro6_62",
-  "body--strikethrough": "_body--strikethrough_1hro6_65",
-  "body--underlined": "_body--underlined_1hro6_68",
-  "body--strikethrough-underlined": "_body--strikethrough-underlined_1hro6_71",
-  quote: v,
-  "quote--large": "_quote--large_1hro6_80",
-  "quote--bold": "_quote--bold_1hro6_85",
-  "quote--strikethrough": "_quote--strikethrough_1hro6_88",
-  "quote--underlined": "_quote--underlined_1hro6_91",
-  "quote--strikethrough-underlined": "_quote--strikethrough-underlined_1hro6_94",
-  form__input: S,
-  form__hint: w,
-  form__label: M,
-  form__dropdown: R,
-  "form--bold": "_form--bold_1hro6_118",
-  "form--strikethrough": "_form--strikethrough_1hro6_121",
-  "form--underlined": "_form--underlined_1hro6_124",
-  "form--strikethrough-underlined": "_form--strikethrough-underlined_1hro6_127",
-  table__header: A,
-  table__body: I,
-  "table__body--secondary": "_table__body--secondary_1hro6_141",
-  "table--bold": "_table--bold_1hro6_146",
-  "table--strikethrough": "_table--strikethrough_1hro6_149",
-  "table--underlined": "_table--underlined_1hro6_152",
-  "table--strikethrough-underlined": "_table--strikethrough-underlined_1hro6_155",
-  button: T,
-  "button--bold": "_button--bold_1hro6_165",
-  "button--strikethrough": "_button--strikethrough_1hro6_168",
-  "button--underlined": "_button--underlined_1hro6_171",
-  "button--strikethrough-underlined": "_button--strikethrough-underlined_1hro6_174",
-  SM: j,
-  chip: B,
-  "SM--bold": "_SM--bold_1hro6_183",
-  "chip--button": "_chip--button_1hro6_199",
-  "chip--outlined": "_chip--outlined_1hro6_212",
-  "chip--contained": "_chip--contained_1hro6_218",
-  chip__adornment: E,
-  chip__remove: P,
-  "chip__remove--disabled": "_chip__remove--disabled_1hro6_240"
-}, z = u((o, _) => {
-  const { children: d, onClickContent: h, disabled: l, className: n, variant: a } = o;
-  let r = s(
-    e.chip,
-    { [e["chip--outlined"]]: a === "outlined" },
-    { [e["chip--contained"]]: a === "contained" },
-    n
-  );
-  return h ? (r += ` ${e["chip--button"]}`, /* @__PURE__ */ t(
-    g,
-    {
-      onClick: h,
-      disabled: l,
-      "data-testid": o["data-testid"],
-      ref: _,
-      className: r,
-      children: d
-    }
-  )) : /* @__PURE__ */ t("span", { "data-testid": o["data-testid"], ref: _, className: r, children: d });
-}), U = (o) => {
-  const { icon: _, disabled: d = !1, className: h } = o;
-  if (_) {
-    const l = s(e.chip__adornment, h), n = d ? p(_, { color: "rgb(var(--gray-95-rgb), 0.4)" }) : _;
-    return /* @__PURE__ */ t("span", { className: l, children: n });
-  }
-  return null;
-}, Y = u((o, _) => {
-  const {
-    label: d,
-    className: h,
-    onClickContent: l,
-    leftAdornment: n,
-    loading: a = !1,
-    disabled: r = !1,
-    variant: c = "default",
-    onClickRemove: b
-  } = o;
-  return a ? /* @__PURE__ */ t(
-    y,
-    {
-      style: { width: "6rem", height: "2rem", borderRadius: "4rem", display: "inline-flex" },
-      "data-testid": o["data-testid-skeleton"]
-    }
-  ) : /* @__PURE__ */ m(
-    z,
-    {
-      ref: _,
-      "data-testid": o["data-testid"],
-      onClickContent: l,
-      disabled: r,
-      className: h,
-      variant: c,
-      children: [
-        n && /* @__PURE__ */ t(U, { ...n, disabled: r }),
-        d,
-        b && /* @__PURE__ */ t(
-          "span",
-          {
-            className: s(e.chip__remove, { [e["chip__remove--disabled"]]: r }),
-            role: "button",
-            tabIndex: r ? -1 : 0,
-            "aria-label": "remove",
-            onClick: (i) => {
-              i == null || i.stopPropagation(), i == null || i.nativeEvent.stopImmediatePropagation(), b();
-            },
-            "aria-disabled": r,
-            children: /* @__PURE__ */ t(f, { icon: "circle-xmark", size: "1.125rem", color: "rgba(var(--gray-95-rgb), 0.45)" })
-          }
-        )
-      ]
-    }
-  );
-});
-export {
-  Y as Chip
-};

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

@@ -1,40 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: import('react').ForwardRefExoticComponent<{
-        label: import('react').ReactNode;
-        loading?: boolean | undefined;
-        leftAdornment?: import('./Chip').ChipAdornmentSlotProps | undefined;
-        'data-testid'?: string | undefined;
-        onClickContent?: (() => void) | undefined;
-        onClickRemove?: (() => void) | undefined;
-        disabled?: boolean | undefined;
-        className?: string | undefined;
-        variant?: import('./Chip').Variant | undefined;
-        'data-testid-skeleton'?: string | undefined;
-    } & import('react').RefAttributes<unknown>>;
-    tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
-        label: import('react').ReactNode;
-        loading?: boolean | undefined;
-        leftAdornment?: import('./Chip').ChipAdornmentSlotProps | undefined;
-        'data-testid'?: string | undefined;
-        onClickContent?: (() => void) | undefined;
-        onClickRemove?: (() => void) | undefined;
-        disabled?: boolean | undefined;
-        className?: string | undefined;
-        variant?: import('./Chip').Variant | undefined;
-        'data-testid-skeleton'?: string | undefined;
-        ref?: import('react').LegacyRef<unknown> | undefined;
-        key?: import('react').Key | null | undefined;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Simple: Story;
-export declare const Clickable: Story;
-export declare const ClickableWithRemove: Story;
-export declare const FullDefault: Story;
-export declare const FullOutlined: Story;
-export declare const FullContained: Story;

package/dist/components/Chip/chip.test.d.ts

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