@pismo/marola 0.0.1-alpha.31 → 0.0.1-alpha.4

package/dist/components/Advice/Advice.js

@@ -1,48 +0,0 @@
-import '../../assets/Advice.css';
-import { jsxs as y, jsx as r } from "react/jsx-runtime";
-import { c as i } from "../../clsx-DB4S2d7J.js";
-import { Icon as d } from "../Icon/Icon.js";
-const n = "_advice_12o7p_56", m = "_content_12o7p_56", s = {
-  "u-typography-h1": "_u-typography-h1_12o7p_1",
-  "u-typography-h2": "_u-typography-h2_12o7p_8",
-  "u-typography-h3": "_u-typography-h3_12o7p_15",
-  "u-typography-h4": "_u-typography-h4_12o7p_22",
-  "u-typography-h5": "_u-typography-h5_12o7p_29",
-  "u-typography-h6": "_u-typography-h6_12o7p_36",
-  "u-typography-base": "_u-typography-base_12o7p_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_12o7p_48",
-  "u-typography-base--xl": "_u-typography-base--xl_12o7p_52",
-  "u-typography-base--lg": "_u-typography-base--lg_12o7p_56",
-  advice: n,
-  content: m,
-  "u-typography-base--sm": "_u-typography-base--sm_12o7p_61",
-  "u-typography-base--bold": "_u-typography-base--bold_12o7p_65",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_12o7p_69",
-  "u-typography-base--underlined": "_u-typography-base--underlined_12o7p_72",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_12o7p_75",
-  "content-no-items": "_content-no-items_12o7p_90"
-}, h = {
-  "no-permission": "eye-slash",
-  "no-items": "",
-  "error-page": "circle-exclamation",
-  "without-results": "folder-magnifying-glass"
-}, f = ({ icon: o, type: p, content: e, title: _, description: g, className: u, IconSvg: t, ...l }) => {
-  const a = {
-    color: o != null && o.color ? o == null ? void 0 : o.color : p !== "error-page" ? "var(--accent)" : "var(--secondary-orange)",
-    size: (o == null ? void 0 : o.size) || "3.375rem",
-    icon: h[p] || (o == null ? void 0 : o.icon) || "",
-    iconFamily: h[p] ? "fa/duotone" : (o == null ? void 0 : o.iconFamily) || "fa/duotone"
-  };
-  return /* @__PURE__ */ y("div", { className: i(s.advice, u), ...l, children: [
-    t && p !== "no-items" && p !== "error-page" && /* @__PURE__ */ r(t, { style: { color: a.color, height: a.size, width: a.size } }),
-    !t && p !== "no-items" && /* @__PURE__ */ r(d, { ...a }),
-    p !== "error-page" && p !== "no-items" ? typeof e == "string" ? /* @__PURE__ */ r("p", { children: e }) : /* @__PURE__ */ r("div", { className: s.content, children: e }) : /* @__PURE__ */ y("div", { className: s["content-no-items"], children: [
-      /* @__PURE__ */ r("h3", { children: _ }),
-      /* @__PURE__ */ r("p", { children: g }),
-      e
-    ] })
-  ] });
-};
-export {
-  f as Advice
-};

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

@@ -1,18 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: ({ icon, type, content, title, description, className, IconSvg, ...rest }: import('./Advice').AdviceProps) => import("react/jsx-runtime").JSX.Element;
-    tags: string[];
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const WithoutResults: Story;
-export declare const NoPermission: Story;
-export declare const CustomIcon: Story;
-export declare const CustomIconSVG: Story;
-export declare const NoItems: Story;
-export declare const ErrorPage: Story;

package/dist/components/Button/Button.d.ts

@@ -1,32 +0,0 @@
-import { Either } from '../../types/helpers';
-import { ButtonOwnProps as MUIButtonBaseProps } from '@mui/base';
-import { ReactNode } from 'react';
-
-type Variant = 'primary' | 'secondary' | 'quick';
-type ButtonCoreProps = {
-    /** Button to display and act in a loading state */
-    loading?: boolean;
-    /** Button to display and act in a disabled state */
-    disabled?: boolean;
-    /** Space separated list of CSS classes to apply */
-    className?: string;
-    /** Text or children to display */
-    children: ReactNode;
-    /** alternative style to use*/
-    variant?: Variant;
-    /** mui base button props */
-    muiButtonBaseProps?: MUIButtonBaseProps;
-};
-interface ButtonPropsWithLink extends ButtonCoreProps {
-    /** link for component to navigate to, if provide component will be an anchor */
-    link: string;
-}
-interface ButtonPropsWithOnClick extends ButtonCoreProps {
-    /** functionality to perform once clicked */
-    onClick?: () => void;
-    /** HTML type of button */
-    type?: HTMLButtonElement['type'];
-}
-export type ButtonProps = Either<ButtonPropsWithLink, ButtonPropsWithOnClick>;
-export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
-export default Button;

package/dist/components/Button/Button.js

@@ -1,65 +0,0 @@
-import '../../assets/Button.css';
-import { jsx as h, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as d, useMemo as c } from "react";
-import { c as m } from "../../clsx-DB4S2d7J.js";
-import { LoadingSpinner as x } from "../LoadingSpinner/LoadingSpinner.js";
-import { B as f } from "../../Button-2b1peDFT.js";
-const k = "_button_1h876_56", o = {
-  "u-typography-h1": "_u-typography-h1_1h876_1",
-  "u-typography-h2": "_u-typography-h2_1h876_8",
-  "u-typography-h3": "_u-typography-h3_1h876_15",
-  "u-typography-h4": "_u-typography-h4_1h876_22",
-  "u-typography-h5": "_u-typography-h5_1h876_29",
-  "u-typography-h6": "_u-typography-h6_1h876_36",
-  "u-typography-base": "_u-typography-base_1h876_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_1h876_48",
-  "u-typography-base--xl": "_u-typography-base--xl_1h876_52",
-  "u-typography-base--lg": "_u-typography-base--lg_1h876_56",
-  button: k,
-  "u-typography-base--sm": "_u-typography-base--sm_1h876_60",
-  "u-typography-base--bold": "_u-typography-base--bold_1h876_64",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1h876_67",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1h876_70",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1h876_73",
-  "button--primary": "_button--primary_1h876_86",
-  "button--secondary": "_button--secondary_1h876_105",
-  "button--quick": "_button--quick_1h876_122",
-  "button__loading-container": "_button__loading-container_1h876_145"
-}, P = d((p, y) => {
-  const {
-    onClick: _,
-    link: u,
-    loading: n,
-    children: a,
-    type: e = "button",
-    disabled: s,
-    className: r,
-    variant: t = "primary",
-    muiButtonBaseProps: g
-  } = p, i = {
-    invert: t === "secondary" || t === "quick"
-  }, b = c(
-    () => m([o.button, o[`button--${t}`], r]),
-    [r, t]
-  );
-  return /* @__PURE__ */ h(
-    f,
-    {
-      type: e,
-      href: u,
-      onClick: _,
-      disabled: s,
-      className: b,
-      ref: y,
-      ...g ?? {},
-      children: n ? /* @__PURE__ */ l("div", { className: o["button__loading-container"], children: [
-        /* @__PURE__ */ h(x, { ...i }),
-        a
-      ] }) : a
-    }
-  );
-});
-export {
-  P as Button,
-  P as default
-};

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

@@ -1,62 +0,0 @@
-import { StoryObj } from '@storybook/react';
-
-declare const meta: {
-    title: string;
-    component: import('react').ForwardRefExoticComponent<import('./Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
-    tags: string[];
-    decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
-        link: string;
-        loading?: boolean | undefined;
-        disabled?: boolean | undefined;
-        className?: string | undefined;
-        children: import('react').ReactNode;
-        variant?: ("primary" | "secondary" | "quick") | undefined;
-        muiButtonBaseProps?: import('@mui/base').ButtonOwnProps | undefined;
-        type?: undefined;
-        onClick?: undefined;
-        ref?: import('react').LegacyRef<HTMLButtonElement> | undefined;
-        key?: import('react').Key | null | undefined;
-    } | {
-        onClick?: (() => void) | undefined;
-        type?: "button" | "submit" | "reset" | undefined;
-        loading?: boolean | undefined;
-        disabled?: boolean | undefined;
-        className?: string | undefined;
-        children: import('react').ReactNode;
-        variant?: ("primary" | "secondary" | "quick") | undefined;
-        muiButtonBaseProps?: import('@mui/base').ButtonOwnProps | undefined;
-        link?: undefined;
-        ref?: import('react').LegacyRef<HTMLButtonElement> | undefined;
-        key?: import('react').Key | null | undefined;
-    }>) => import("react/jsx-runtime").JSX.Element)[];
-    argTypes: {
-        onClick: {
-            if: {
-                arg: string;
-                exists: false;
-            };
-        };
-        type: {
-            control: {
-                type: "text";
-            };
-            if: {
-                arg: string;
-                exists: true;
-            };
-        };
-        link: {
-            control: {
-                type: "text";
-            };
-            if: {
-                arg: string;
-                exists: false;
-            };
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Simple: Story;
-export declare const Link: Story;

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,71 +0,0 @@
-import '../../assets/Checkbox.css';
-import { jsxs as v, jsx as c } from "react/jsx-runtime";
-import * as o from "react";
-import { useState as k, useEffect as i } from "react";
-import { c as s } from "../../clsx-DB4S2d7J.js";
-const N = (a) => /* @__PURE__ */ o.createElement("svg", { width: 14, height: 10, viewBox: "0 0 14 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ o.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_18hen_64", E = "_checkmark_18hen_93", e = {
-  "u-typography-h1": "_u-typography-h1_18hen_1",
-  "u-typography-h2": "_u-typography-h2_18hen_8",
-  "u-typography-h3": "_u-typography-h3_18hen_15",
-  "u-typography-h4": "_u-typography-h4_18hen_22",
-  "u-typography-h5": "_u-typography-h5_18hen_29",
-  "u-typography-h6": "_u-typography-h6_18hen_36",
-  "u-typography-base": "_u-typography-base_18hen_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_18hen_48",
-  "u-typography-base--xl": "_u-typography-base--xl_18hen_52",
-  "u-typography-base--lg": "_u-typography-base--lg_18hen_56",
-  "u-typography-base--sm": "_u-typography-base--sm_18hen_60",
-  "u-typography-base--bold": "_u-typography-base--bold_18hen_64",
-  "checkbox-wrapper": "_checkbox-wrapper_18hen_64",
-  "label--highlighted": "_label--highlighted_18hen_64",
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_18hen_67",
-  "u-typography-base--underlined": "_u-typography-base--underlined_18hen_70",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_18hen_73",
-  label: z,
-  "label--highlighted-checked": "_label--highlighted-checked_18hen_90",
-  checkmark: E,
-  "checkmark--checked": "_checkmark--checked_18hen_105",
-  "checkmark--light-theme": "_checkmark--light-theme_18hen_108",
-  "checkmark--accent-theme": "_checkmark--accent-theme_18hen_115",
-  "checkmark--small-size": "_checkmark--small-size_18hen_122",
-  "checkmark--normal-size": "_checkmark--normal-size_18hen_129"
-}, F = (a) => /* @__PURE__ */ o.createElement("svg", { width: 10, height: 3, viewBox: "0 0 10 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ o.createElement("rect", { y: 0.5, width: 10, height: 2, rx: 1, fill: "#1897F3" })), M = ({
-  className: a,
-  label: n,
-  name: m,
-  theme: u = "accent",
-  size: b = "normal",
-  checked: r,
-  onChange: d,
-  isIndeterminate: l,
-  highlightLabel: x = !1,
-  ...p
-}) => {
-  const [h, g] = k(r), [t, y] = k(l);
-  i(() => {
-    r !== h && g(r);
-  }, [r]), i(() => {
-    typeof l == "boolean" && y(l);
-  }, [l]);
-  const C = s(e["checkbox-wrapper"], a), f = s(
-    e.checkmark,
-    e[`checkmark--${u}-theme`],
-    e[`checkmark--${b}-size`],
-    (h || t) && e["checkmark--checked"]
-  ), w = x && (p.children || n) ? s(
-    e.label,
-    e["label--highlighted"],
-    (h || t) && e["label--highlighted-checked"]
-  ) : e.label;
-  return /* @__PURE__ */ v("div", { className: C, onClick: () => {
-    let _ = !h;
-    t && (y(!1), _ = !0), d(_), g(_);
-  }, ...p, children: [
-    /* @__PURE__ */ c("input", { name: m, type: "checkbox", checked: !t && h, readOnly: !0 }),
-    /* @__PURE__ */ c("span", { className: f, children: t ? /* @__PURE__ */ c(F, {}) : h && /* @__PURE__ */ c(N, {}) }),
-    /* @__PURE__ */ c("label", { className: w, children: p.children || n })
-  ] });
-};
-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,39 +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;
-    /** Any additional classes to apply to the chip skeleton */
-    'className-skeleton'?: 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,19 +0,0 @@
-import "react/jsx-runtime";
-import "react";
-import "../../clsx-DB4S2d7J.js";
-import "../Icon/Icon.js";
-import "../Button/Button.js";
-import { C as j } from "../../Toggle-BXcLAMNy.js";
-import "../Dialog/Backdrop.js";
-import "../Typography/Typography.js";
-import "../IconButton/IconButton.js";
-import "../Select/Select.js";
-import "../Skeleton/Skeleton.js";
-import "../Table/Table.js";
-import "../Tabs/Tabs.js";
-import "../../Group-B3p31ftp.js";
-import "../../contexts/SnackbarProvider/SnackbarProvider.js";
-import "../../Button-2b1peDFT.js";
-export {
-  j as Chip
-};

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

@@ -1,42 +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;
-        'className-skeleton'?: 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;
-        'className-skeleton'?: 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 {};