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

package/dist/Group-DspH8hyO.js

@@ -0,0 +1,30 @@
+import './assets/Group.css';
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { c as u } from "./clsx-DB4S2d7J.js";
+import { Icon as m } from "./components/Icon/Icon.js";
+import { Typography as c } from "./components/Typography/Typography.js";
+const p = "_toggle__input_hu6m0_1", h = "_toggle__label_hu6m0_11", t = {
+  toggle__input: p,
+  toggle__label: h,
+  "toggle__label--selected": "_toggle__label--selected_hu6m0_21",
+  "toggle__label--disabled": "_toggle__label--disabled_hu6m0_21",
+  "toggle-group__fieldset": "_toggle-group__fieldset_hu6m0_35",
+  "toggle-group__options": "_toggle-group__options_hu6m0_40",
+  "toggle-group__options-same-width": "_toggle-group__options-same-width_hu6m0_44",
+  "toggle-group__error": "_toggle-group__error_hu6m0_47"
+}, y = n((e, r) => {
+  const { children: s, legend: _, error: g, equalWidth: a } = e, d = e["data-testid"] ? `${e["data-testid"]}-legend` : void 0, i = e["data-testid"] ? `${e["data-testid"]}-error` : void 0;
+  return /* @__PURE__ */ l("fieldset", { ref: r, "data-testid": e["data-testid"], className: t["toggle-group__fieldset"], children: [
+    _ && /* @__PURE__ */ o("legend", { "data-testid": d, children: _ }),
+    /* @__PURE__ */ o("div", { className: u(t["toggle-group__options"], a && t["toggle-group__options-same-width"]), children: s }),
+    g && /* @__PURE__ */ l(c, { className: t["toggle-group__error"], "data-testid": i, children: [
+      /* @__PURE__ */ o(m, { icon: "circle-exclamation" }),
+      g
+    ] })
+  ] });
+});
+export {
+  y as G,
+  t as s
+};

package/dist/{Toggle-CJvN6vqW.js → Toggle-BbmXeuJd.js}

@@ -13,7 +13,7 @@ import "./components/Select/Select.js";
 import "./components/Popover/Popover.js";
 import "./components/Table/Table.js";
 import "./components/Tabs/Tabs.js";
-import { s as y } from "./Group-B80_u5Q1.js";
+import { s as y } from "./Group-DspH8hyO.js";
 import "./contexts/SnackbarProvider/SnackbarProvider.js";
 import { Skeleton as f } from "./components/Skeleton/Skeleton.js";
 import { B as x } from "./Button-BAljjMv3.js";

package/dist/assets/Group.css

@@ -1 +1 @@
-._toggle__input_f3ebk_1{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;visibility:hidden;opacity:0}._toggle__label_f3ebk_11{position:relative;flex-grow:1;padding:.5rem 1rem;text-align:center;cursor:pointer;border:solid 1px var(--gray-25);border-radius:6px}._toggle__label--selected_f3ebk_20{color:var(--accent);border-color:var(--accent)}._toggle__label--disabled_f3ebk_24{color:rgb(var(--black-100-rgb),.25);cursor:default;background-color:rgb(var(--black-100-rgb),.04)}._toggle-group__fieldset_f3ebk_30{padding:0;margin:0;border:none}._toggle-group__options_f3ebk_35{display:flex;gap:.5rem}._toggle-group__error_f3ebk_39{display:flex;gap:.5rem;margin-top:.5rem;color:var(--alert)}
+._toggle__input_hu6m0_1{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;visibility:hidden;opacity:0}._toggle__label_hu6m0_11{position:relative;flex-grow:1;padding:.5rem 1rem;color:var(--gray-90);text-align:center;cursor:pointer;border:solid 1px var(--gray-25);border-radius:6px}._toggle__label_hu6m0_11:hover:not(._toggle__label--selected_hu6m0_21,._toggle__label--disabled_hu6m0_21){border-color:var(--gray-75);opacity:.9}._toggle__label--selected_hu6m0_21{color:var(--accent);border-color:var(--accent)}._toggle__label--disabled_hu6m0_21{color:rgb(var(--black-100-rgb),.25);cursor:default;background-color:rgb(var(--black-100-rgb),.04)}._toggle-group__fieldset_hu6m0_35{padding:0;margin:0;border:none}._toggle-group__options_hu6m0_40{display:flex;gap:.5rem}._toggle-group__options-same-width_hu6m0_44>*{flex:1}._toggle-group__error_hu6m0_47{display:flex;gap:.375rem;align-items:center;margin-top:.3125rem;color:var(--alert)}._toggle-group__error_hu6m0_47 svg{min-width:1rem;min-height:1rem}

package/dist/components/Chip/Chip.js

@@ -6,7 +6,7 @@ import "../Icon/Icon.js";
 import "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Button/Button.js";
-import { C as n } from "../../Toggle-CJvN6vqW.js";
+import { C as n } from "../../Toggle-BbmXeuJd.js";
 import "../Dialog/Dialog.js";
 import "../IconButton/IconButton.js";
 import "../Select/Select.js";
@@ -14,7 +14,7 @@ import "../Popover/Popover.js";
 import "../Skeleton/Skeleton.js";
 import "../Table/Table.js";
 import "../Tabs/Tabs.js";
-import "../../Group-B80_u5Q1.js";
+import "../../Group-DspH8hyO.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
 import "../../Button-BAljjMv3.js";
 export {

package/dist/components/ResultWithChips/ResultWithChips.js

@@ -1,6 +1,6 @@
 import '../../assets/ResultWithChips.css';
 import { jsxs as i, jsx as e } from "react/jsx-runtime";
-import { C as t } from "../../Toggle-CJvN6vqW.js";
+import { C as t } from "../../Toggle-BbmXeuJd.js";
 const r = "_container_hgp0p_1", o = "_label_hgp0p_17", a = {
   container: r,
   "chip-item-wrapper": "_chip-item-wrapper_hgp0p_8",

package/dist/components/RowItem/RowItem.js

@@ -6,14 +6,14 @@ import "../Icon/Icon.js";
 import "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Button/Button.js";
-import { R as c, R as g } from "../../Toggle-CJvN6vqW.js";
+import { R as c, R 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 {
   c as RowItem,

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.44",
+  "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
-};