@pismo/marola 1.0.0-beta.43 → 1.0.0-beta.45

package/dist/components/Select/SelectButton.js

@@ -1,8 +1,9 @@
 import "react/jsx-runtime";
 import "react";
 import "../../clsx-DB4S2d7J.js";
+import "../Icon/Icon.js";
 import "../Typography/Typography.js";
-import { S as e } from "../../SelectButton-BlVl6pJn.js";
+import { S } from "../../SelectButton-rvRI0bTU.js";
 export {
-  e as SelectButton
+  S as SelectButton
 };

package/dist/components/ToggleGroup/Group.d.ts

@@ -13,6 +13,8 @@ export type ToggleGroupProps = {
      * error and legend append their names e.g. {data-testid}-error and {data-testid}-legend
      * */
     'data-testid'?: string;
+    /** Controls if children items should have same width */
+    equalWidth?: boolean;
 };
 declare const Group: import('react').ForwardRefExoticComponent<ToggleGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
 export default Group;

package/dist/components/ToggleGroup/Group.js

@@ -1,7 +1,9 @@
 import "react/jsx-runtime";
 import "react";
+import "../../clsx-DB4S2d7J.js";
 import "../Icon/Icon.js";
-import { G as i } from "../../Group-B80_u5Q1.js";
+import "../Typography/Typography.js";
+import { G as e } from "../../Group-DspH8hyO.js";
 export {
-  i as default
+  e as default
 };

package/dist/components/ToggleGroup/Toggle.d.ts

@@ -10,6 +10,7 @@ export type ToggleGroupItemProps<T extends string | number> = {
     onChange: (value: T | '') => void;
     /** Dataset test id only used for tests to reach in and grab the rendered DOM node of the label */
     'data-testid'?: string;
+    /** Controls if component should be disabled */
     disabled?: boolean;
 };
 declare const Toggle: import('react').ForwardRefExoticComponent<ToggleGroupItemProps<string | number> & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/ToggleGroup/Toggle.js

@@ -5,14 +5,14 @@ import "../Icon/Icon.js";
 import "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Button/Button.js";
-import { T as g } from "../../Toggle-CJvN6vqW.js";
+import { T as g } from "../../Toggle-BbmXeuJd.js";
 import "../Dialog/Dialog.js";
 import "../IconButton/IconButton.js";
 import "../Select/Select.js";
 import "../Popover/Popover.js";
 import "../Table/Table.js";
 import "../Tabs/Tabs.js";
-import "../../Group-B80_u5Q1.js";
+import "../../Group-DspH8hyO.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
 export {
   g as default

package/dist/components/ToggleGroup/ToggleGroup.js

@@ -1,5 +1,5 @@
-import { T as e } from "../../Toggle-CJvN6vqW.js";
-import { G as p } from "../../Group-B80_u5Q1.js";
+import { T as e } from "../../Toggle-BbmXeuJd.js";
+import { G as p } from "../../Group-DspH8hyO.js";
 export {
   p as ToggleGroup,
   e as ToggleGroupItem

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

@@ -11,6 +11,7 @@ declare const meta: {
         error?: import('react').ReactNode;
         children: import('react').ReactElement<import('./Toggle.tsx').ToggleGroupItemProps<string | number>, string | import('react').JSXElementConstructor<any>>[];
         'data-testid'?: string | undefined;
+        equalWidth?: boolean | undefined;
         ref?: import('react').LegacyRef<HTMLFieldSetElement> | undefined;
         key?: import('react').Key | null | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
@@ -23,3 +24,4 @@ type Story = StoryObj<typeof meta>;
 export declare const Simple: Story;
 export declare const NoLegend: Story;
 export declare const WithError: Story;
+export declare const ItemsWithEqualWidth: Story;

package/dist/main.js

@@ -3,7 +3,7 @@ import { Advice as p } from "./components/Advice/Advice.js";
 import { Autocomplete as f } from "./components/Autocomplete/Autocomplete.js";
 import { Button as x } from "./components/Button/Button.js";
 import { Checkbox as l } from "./components/Checkbox/Checkbox.js";
-import { C as T, R as s, T as c } from "./Toggle-CJvN6vqW.js";
+import { C as T, R as s, T as c } from "./Toggle-BbmXeuJd.js";
 import { Dialog as u } from "./components/Dialog/Dialog.js";
 import { EllipsisTooltip as d } from "./components/EllipsisTooltip/EllipsisTooltip.js";
 import { Icon as k } from "./components/Icon/Icon.js";
@@ -25,7 +25,7 @@ import { TBody as ro, THead as eo, Table as to, Td as po, Th as ao, Tr as fo } f
 import { Tabs as xo } from "./components/Tabs/Tabs.js";
 import { TextDisplay as lo } from "./components/TextDisplay/TextDisplay.js";
 import { Toggle as To } from "./components/Toggle/Toggle.js";
-import { G as co } from "./Group-B80_u5Q1.js";
+import { G as co } from "./Group-DspH8hyO.js";
 import { Tooltip as uo } from "./components/Tooltip/Tooltip.js";
 import { Text as bo, Typography as ko } from "./components/Typography/Typography.js";
 import { SnackbarContext as Co, SnackbarProvider as Io, useSnackbar as Do } from "./contexts/SnackbarProvider/SnackbarProvider.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pismo/marola",
   "description": "CDX tribe component library",
-  "version": "1.0.0-beta.43",
+  "version": "1.0.0-beta.45",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/Group-B80_u5Q1.js

@@ -1,27 +0,0 @@
-import './assets/Group.css';
-import { jsxs as g, jsx as t } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { Icon as n } from "./components/Icon/Icon.js";
-const c = "_toggle__input_f3ebk_1", b = "_toggle__label_f3ebk_11", _ = {
-  toggle__input: c,
-  toggle__label: b,
-  "toggle__label--selected": "_toggle__label--selected_f3ebk_20",
-  "toggle__label--disabled": "_toggle__label--disabled_f3ebk_24",
-  "toggle-group__fieldset": "_toggle-group__fieldset_f3ebk_30",
-  "toggle-group__options": "_toggle-group__options_f3ebk_35",
-  "toggle-group__error": "_toggle-group__error_f3ebk_39"
-}, p = i((e, r) => {
-  const { children: d, legend: o, error: l } = e, a = e["data-testid"] ? `${e["data-testid"]}-legend` : void 0, s = e["data-testid"] ? `${e["data-testid"]}-error` : void 0;
-  return /* @__PURE__ */ g("fieldset", { ref: r, "data-testid": e["data-testid"], className: _["toggle-group__fieldset"], children: [
-    o && /* @__PURE__ */ t("legend", { "data-testid": a, children: o }),
-    /* @__PURE__ */ t("div", { className: _["toggle-group__options"], children: d }),
-    l && /* @__PURE__ */ g("div", { className: _["toggle-group__error"], "data-testid": s, children: [
-      /* @__PURE__ */ t(n, { icon: "circle-exclamation", size: 24, color: "var(--alert)" }),
-      l
-    ] })
-  ] });
-});
-export {
-  p as G,
-  _ as s
-};

package/dist/SelectButton-BlVl6pJn.js

@@ -1,70 +0,0 @@
-import './assets/SelectButton.css';
-import { jsxs as p, jsx as _ } from "react/jsx-runtime";
-import * as o from "react";
-import { forwardRef as b } from "react";
-import { c as w } from "./clsx-DB4S2d7J.js";
-import { Typography as c } from "./components/Typography/Typography.js";
-const g = "_select__listbox__option__text_1w1kt_65", d = "_select__wrapper_1w1kt_78", k = "_select__label_1w1kt_84", x = "_select_1w1kt_65", m = "_select__popup_1w1kt_93", f = "_select__listbox_1w1kt_65", C = "_select__listbox__option_1w1kt_65", v = "_select__listbox__option__icon_1w1kt_121", L = "_select__list__option__icon_1w1kt_143", e = {
-  "u-typography-h1": "_u-typography-h1_1w1kt_1",
-  "u-typography-h2": "_u-typography-h2_1w1kt_8",
-  "u-typography-h3": "_u-typography-h3_1w1kt_15",
-  "u-typography-h4": "_u-typography-h4_1w1kt_22",
-  "u-typography-h5": "_u-typography-h5_1w1kt_29",
-  "u-typography-h6": "_u-typography-h6_1w1kt_36",
-  "u-typography-base": "_u-typography-base_1w1kt_43",
-  "u-typography-base--xxl": "_u-typography-base--xxl_1w1kt_49",
-  "u-typography-base--xl": "_u-typography-base--xl_1w1kt_53",
-  "u-typography-base--lg": "_u-typography-base--lg_1w1kt_57",
-  "u-typography-base--sm": "_u-typography-base--sm_1w1kt_61",
-  "u-typography-base--bold": "_u-typography-base--bold_1w1kt_65",
-  select__listbox__option__text: g,
-  "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1w1kt_68",
-  "u-typography-base--underlined": "_u-typography-base--underlined_1w1kt_71",
-  "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1w1kt_74",
-  select__wrapper: d,
-  "select__wrapper--fit-content-width": "_select__wrapper--fit-content-width_1w1kt_81",
-  select__label: k,
-  select: x,
-  select__popup: m,
-  select__listbox: f,
-  select__listbox__option: C,
-  select__listbox__option__icon: v,
-  "select__listbox__option--disabled": "_select__listbox__option--disabled_1w1kt_125",
-  "select__listbox__option--selected": "_select__listbox__option--selected_1w1kt_134",
-  select__list__option__icon: L,
-  "select-button": "_select-button_1w1kt_148",
-  "select-button--full-width": "_select-button--full-width_1w1kt_163",
-  "base-Select-popup": "_base-Select-popup_1w1kt_169",
-  "select-button__text": "_select-button__text_1w1kt_172",
-  "select-button__icon": "_select-button__icon_1w1kt_181",
-  "select-button--active": "_select-button--active_1w1kt_187"
-}, S = (t) => /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ o.createElement("path", { d: "M2.11104 4.9999C2.36691 4.9999 2.62291 5.09756 2.81791 5.29287L8.11104 10.5843L13.4048 5.29053C13.7954 4.8999 14.4282 4.8999 14.8188 5.29053C15.2095 5.68115 15.2095 6.31396 14.8188 6.70459L8.81885 12.7046C8.42822 13.0952 7.79541 13.0952 7.40479 12.7046L1.40479 6.70459C1.01416 6.31396 1.01416 5.68115 1.40479 5.29053C1.59854 5.09678 1.85479 4.9999 2.11104 4.9999Z", fill: "currentColor" })), B = (t) => /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ o.createElement("path", { d: "M13.8889 11C13.633 11 13.377 10.9023 13.182 10.707L7.8889 5.41563L2.59515 10.7094C2.20453 11.1 1.57172 11.1 1.18109 10.7094C0.790466 10.3188 0.790466 9.68594 1.18109 9.29532L7.18109 3.29532C7.57172 2.90469 8.20453 2.90469 8.59515 3.29532L14.5952 9.29532C14.9858 9.68594 14.9858 10.3188 14.5952 10.7094C14.4014 10.9031 14.1452 11 13.8889 11Z", fill: "#3F3D4B", fillOpacity: 0.88 })), D = b((t, a) => {
-  const { children: i, disabled: n, className: r, "data-testid": h, prefix: s, onClick: u, fullWidth: y } = t, l = t["aria-expanded"];
-  return /* @__PURE__ */ p(
-    "button",
-    {
-      className: w(
-        r,
-        l ? e["select-button--active"] : "",
-        e["select-button"],
-        y && e["select-button--full-width"]
-      ),
-      type: "button",
-      onClick: u,
-      disabled: n,
-      "data-testid": h,
-      ref: a,
-      children: [
-        /* @__PURE__ */ p("span", { className: e["select-button__text"], children: [
-          s && /* @__PURE__ */ _(c, { children: s }),
-          /* @__PURE__ */ _(c, { children: i })
-        ] }),
-        /* @__PURE__ */ _("span", { className: e["select-button__icon"], children: l ? /* @__PURE__ */ _(B, {}) : /* @__PURE__ */ _(S, {}) })
-      ]
-    }
-  );
-});
-export {
-  D as S,
-  e as s
-};