@pismo/marola 1.0.0-beta.37 → 1.0.0-beta.38

package/dist/Group-B80_u5Q1.js

@@ -0,0 +1,27 @@
+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/{Toggle-Buew6bzm.js → Toggle-Dl-yPy8S.js}

@@ -1,7 +1,7 @@
 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 { forwardRef as u } from "react";
+import { c as l } from "./clsx-DB4S2d7J.js";
 import { Icon as C } from "./components/Icon/Icon.js";
 import { Typography as N } from "./components/Typography/Typography.js";
 import "./components/Input/Input.js";
@@ -12,11 +12,11 @@ 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 { s as y } from "./Group-B80_u5Q1.js";
 import "./contexts/SnackbarProvider/SnackbarProvider.js";
 import { Skeleton as f } from "./components/Skeleton/Skeleton.js";
 import { B as x } from "./Button-BAljjMv3.js";
-const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove_1wvod_121", p = {
+const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove_1wvod_121", n = {
   "u-typography-h1": "_u-typography-h1_1wvod_1",
   "u-typography-h2": "_u-typography-h2_1wvod_8",
   "u-typography-h3": "_u-typography-h3_1wvod_15",
@@ -40,66 +40,66 @@ const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove
   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" },
+}, S = u((t, d) => {
+  const { children: _, onClickContent: o, disabled: r, className: a, variant: s } = t;
+  let e = l(
+    n.chip,
+    { [n["chip--outlined"]]: s === "outlined" },
+    { [n["chip--contained"]]: s === "contained" },
     a
   );
-  return o ? (e += ` ${p["chip--button"]}`, /* @__PURE__ */ i(
+  return o ? (e += ` ${n["chip--button"]}`, /* @__PURE__ */ i(
     x,
     {
       onClick: o,
       disabled: r,
       "data-testid": t["data-testid"],
-      ref: c,
+      ref: d,
       className: e,
       children: _
     }
-  )) : /* @__PURE__ */ i("span", { "data-testid": t["data-testid"], ref: c, className: e, children: _ });
-}), O = y((t, c) => {
+  )) : /* @__PURE__ */ i("span", { "data-testid": t["data-testid"], ref: d, className: e, children: _ });
+}), O = u((t, d) => {
   const {
     label: _,
     className: o,
     onClickContent: r,
     leftAdornment: a,
-    loading: n = !1,
+    loading: s = !1,
     disabled: e = !1,
-    variant: u = "default",
+    variant: g = "default",
     onClickRemove: m
   } = t;
-  if (n)
+  if (s)
     return /* @__PURE__ */ i(
       f,
       {
-        className: s(p["chip-loading"], t["className-skeleton"]),
+        className: l(n["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 };
+  const b = l(a == null ? void 0 : a.className, n.chip__adornment), w = a != null && a.customIcon ? { ...a, className: b } : { ...a, disabled: e, className: b };
   return /* @__PURE__ */ k(
     S,
     {
-      ref: c,
+      ref: d,
       "data-testid": t["data-testid"],
       onClickContent: r,
       disabled: e,
       className: o,
-      variant: u,
+      variant: g,
       children: [
-        a && /* @__PURE__ */ i(v, { ...b }),
+        a && /* @__PURE__ */ i(v, { ...w }),
         _,
         m && /* @__PURE__ */ i(
           "span",
           {
-            className: s(p.chip__remove, { [p["chip__remove--disabled"]]: e }),
+            className: l(n.chip__remove, { [n["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();
+            onClick: (c) => {
+              c == null || c.stopPropagation(), c == null || c.nativeEvent.stopImmediatePropagation(), m();
             },
             "aria-disabled": e,
             children: /* @__PURE__ */ i(C, { icon: "circle-xmark", size: "1.125rem", color: "rgba(var(--gray-95-rgb), 0.45)" })
@@ -113,61 +113,66 @@ const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove
   "row-item--clickable": "_row-item--clickable_8z1a0_13",
   "row-item--disabled": "_row-item--disabled_8z1a0_19",
   "row-item__content": "_row-item__content_8z1a0_22"
-}, Q = 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);
+}, Q = u((t, d) => {
+  const { children: _, leftAdornment: o, disabled: r, onClick: a, buttons: s, ariaLabel: e, className: g } = t, m = l(o == null ? void 0 : o.className, h["row-item__adornment"]), w = {
+    onClick: (p) => {
+      r || a && a(p);
     },
     tabIndex: 0,
     "aria-label": e,
     role: "button"
-  }, d = o != null && o.customIcon ? o : { size: "1rem", ...o };
+  }, c = o != null && o.customIcon ? o : { size: "1rem", ...o };
   return /* @__PURE__ */ k(
     "div",
     {
       "data-testid": t["data-testid"],
-      className: s(
+      className: l(
         h["row-item"],
         a && h["row-item--clickable"],
         a && r && h["row-item--disabled"],
-        u
+        g
       ),
-      ...!!a && b,
-      ref: c,
+      ...!!a && w,
+      ref: d,
       children: [
-        o && /* @__PURE__ */ i(v, { ...d, className: m, disabled: r }),
-        /* @__PURE__ */ i("span", { className: s(h["row-item__content"]), children: _ }),
-        n && /* @__PURE__ */ i(
+        o && /* @__PURE__ */ i(v, { ...c, className: m, disabled: r }),
+        /* @__PURE__ */ i("span", { className: l(h["row-item__content"]), children: _ }),
+        s && /* @__PURE__ */ i(
           "div",
           {
-            onClick: (l) => {
-              l == null || l.stopPropagation(), l == null || l.nativeEvent.stopImmediatePropagation();
+            onClick: (p) => {
+              p == null || p.stopPropagation(), p == null || p.nativeEvent.stopImmediatePropagation();
             },
-            children: n
+            children: s
           }
         )
       ]
     }
   );
-}), V = y((t, c) => {
-  const { text: _, isSelected: o = !1, value: r, onChange: a } = t;
+}), V = u((t, d) => {
+  const { text: _, isSelected: o = !1, value: r, onChange: a, disabled: s } = t;
   return /* @__PURE__ */ k(
     "label",
     {
-      className: s([w.toggle__label], { [w["toggle__label--selected"]]: o }),
+      className: l(
+        [y.toggle__label],
+        o && y["toggle__label--selected"],
+        s && y["toggle__label--disabled"]
+      ),
       "data-testid": t["data-testid"],
       children: [
         /* @__PURE__ */ i(
           "input",
           {
-            className: s([w.toggle__input]),
+            className: l([y.toggle__input]),
             type: "radio",
-            ref: c,
+            ref: d,
             value: r.toString(),
             onChange: () => a(r),
             role: "radio",
             checked: o,
-            "aria-checked": o
+            "aria-checked": o,
+            disabled: s
           }
         ),
         /* @__PURE__ */ i(N, { bold: !0, children: _ })

package/dist/assets/Group.css

@@ -1 +1 @@
-._toggle__input_wlkvp_1{position:absolute;width:0;height:0;margin:0;opacity:0}._toggle__label_wlkvp_8{flex-grow:1;padding:.5rem 1rem;text-align:center;border:solid 1px var(--gray-25);border-radius:6px}._toggle__label--selected_wlkvp_15{color:var(--accent);border-color:var(--accent)}._toggle-group__fieldset_wlkvp_20{padding:0;margin:0;border:none}._toggle-group__options_wlkvp_25{display:flex;gap:.5rem}._toggle-group__error_wlkvp_29{display:flex;gap:.5rem;margin-top:.5rem;color:var(--alert)}
+._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)}

package/dist/components/Chip/Chip.js

@@ -6,14 +6,14 @@ import "../Icon/Icon.js";
 import "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Button/Button.js";
-import { C as l } from "../../Toggle-Buew6bzm.js";
+import { C as l } from "../../Toggle-Dl-yPy8S.js";
 import "../Dialog/Dialog.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 "../../Group-B80_u5Q1.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-Buew6bzm.js";
+import { C as t } from "../../Toggle-Dl-yPy8S.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,13 +6,13 @@ import "../Icon/Icon.js";
 import "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Button/Button.js";
-import { R as b, R as c } from "../../Toggle-Buew6bzm.js";
+import { R as b, R as c } from "../../Toggle-Dl-yPy8S.js";
 import "../Dialog/Dialog.js";
 import "../IconButton/IconButton.js";
 import "../Select/Select.js";
 import "../Table/Table.js";
 import "../Tabs/Tabs.js";
-import "../../Group-B3p31ftp.js";
+import "../../Group-B80_u5Q1.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
 export {
   b as RowItem,

package/dist/components/ToggleGroup/Group.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "react";
 import "../Icon/Icon.js";
-import { G as i } from "../../Group-B3p31ftp.js";
+import { G as i } from "../../Group-B80_u5Q1.js";
 export {
   i 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;
+    disabled?: boolean;
 };
 declare const Toggle: import('react').ForwardRefExoticComponent<ToggleGroupItemProps<string | number> & import('react').RefAttributes<HTMLInputElement>>;
 export default Toggle;

package/dist/components/ToggleGroup/Toggle.js

@@ -5,13 +5,13 @@ import "../Icon/Icon.js";
 import "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Button/Button.js";
-import { T as c } from "../../Toggle-Buew6bzm.js";
+import { T as c } from "../../Toggle-Dl-yPy8S.js";
 import "../Dialog/Dialog.js";
 import "../IconButton/IconButton.js";
 import "../Select/Select.js";
 import "../Table/Table.js";
 import "../Tabs/Tabs.js";
-import "../../Group-B3p31ftp.js";
+import "../../Group-B80_u5Q1.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
 export {
   c as default

package/dist/components/ToggleGroup/ToggleGroup.js

@@ -1,5 +1,5 @@
-import { T as e } from "../../Toggle-Buew6bzm.js";
-import { G as p } from "../../Group-B3p31ftp.js";
+import { T as e } from "../../Toggle-Dl-yPy8S.js";
+import { G as p } from "../../Group-B80_u5Q1.js";
 export {
   p as ToggleGroup,
   e as ToggleGroupItem

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-Buew6bzm.js";
+import { C as T, R as s, T as c } from "./Toggle-Dl-yPy8S.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";
@@ -24,7 +24,7 @@ import { TBody as $, THead as oo, Table as ro, Td as eo, Th as to, Tr as po } fr
 import { Tabs as fo } from "./components/Tabs/Tabs.js";
 import { TextDisplay as xo } from "./components/TextDisplay/TextDisplay.js";
 import { Toggle as lo } from "./components/Toggle/Toggle.js";
-import { G as To } from "./Group-B3p31ftp.js";
+import { G as To } from "./Group-B80_u5Q1.js";
 import { Tooltip as co } from "./components/Tooltip/Tooltip.js";
 import { Text as uo, Typography as So } from "./components/Typography/Typography.js";
 import { SnackbarContext as ko, SnackbarProvider as ho, useSnackbar as Co } 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.37",
+  "version": "1.0.0-beta.38",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/Group-B3p31ftp.js

@@ -1,26 +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_wlkvp_1", p = "_toggle__label_wlkvp_8", o = {
-  toggle__input: c,
-  toggle__label: p,
-  "toggle__label--selected": "_toggle__label--selected_wlkvp_15",
-  "toggle-group__fieldset": "_toggle-group__fieldset_wlkvp_20",
-  "toggle-group__options": "_toggle-group__options_wlkvp_25",
-  "toggle-group__error": "_toggle-group__error_wlkvp_29"
-}, f = i((e, r) => {
-  const { children: s, legend: l, error: _ } = e, d = e["data-testid"] ? `${e["data-testid"]}-legend` : void 0, a = e["data-testid"] ? `${e["data-testid"]}-error` : void 0;
-  return /* @__PURE__ */ g("fieldset", { ref: r, "data-testid": e["data-testid"], className: o["toggle-group__fieldset"], children: [
-    l && /* @__PURE__ */ t("legend", { "data-testid": d, children: l }),
-    /* @__PURE__ */ t("div", { className: o["toggle-group__options"], children: s }),
-    _ && /* @__PURE__ */ g("div", { className: o["toggle-group__error"], "data-testid": a, children: [
-      /* @__PURE__ */ t(n, { icon: "circle-exclamation", size: 24, color: "var(--alert)" }),
-      _
-    ] })
-  ] });
-});
-export {
-  f as G,
-  o as s
-};