@pismo/marola 1.0.4 → 1.0.6

package/dist/{Group-DspH8hyO.js → Group-ZXteFV4M.js}

@@ -1,8 +1,8 @@
 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 { c as m } from "./clsx-DB4S2d7J.js";
+import { Icon as u } 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,
@@ -13,18 +13,28 @@ const p = "_toggle__input_hu6m0_1", h = "_toggle__label_hu6m0_11", t = {
   "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;
+}, v = n((e, r) => {
+  const { children: s, legend: _, error: g, equalWidth: a } = e, i = e["data-testid"] ? `${e["data-testid"]}-legend` : void 0, d = 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" }),
+    _ && /* @__PURE__ */ o("legend", { "data-testid": i, children: _ }),
+    /* @__PURE__ */ o(
+      "div",
+      {
+        className: m(
+          t["toggle-group__options"],
+          a && t["toggle-group__options-same-width"],
+          e.classNameForOptions
+        ),
+        children: s
+      }
+    ),
+    g && /* @__PURE__ */ l(c, { className: t["toggle-group__error"], "data-testid": d, children: [
+      /* @__PURE__ */ o(u, { icon: "circle-exclamation" }),
       g
     ] })
   ] });
 });
 export {
-  y as G,
+  v as G,
   t as s
 };

package/dist/{Toggle-MfR7l8Wn.js → Toggle-BuZjueQ7.js}

@@ -16,7 +16,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-DspH8hyO.js";
+import { s as y } from "./Group-ZXteFV4M.js";
 import "./contexts/SnackbarProvider/SnackbarProvider.js";
 import { B as x } from "./Button-BAljjMv3.js";
 const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove_1wvod_121", n = {

package/dist/components/Chip/Chip.js

@@ -7,7 +7,7 @@ import "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Avatar/Avatar.js";
 import "../Button/Button.js";
-import { C as u } from "../../Toggle-MfR7l8Wn.js";
+import { C as u } from "../../Toggle-BuZjueQ7.js";
 import "../Dialog/Dialog.js";
 import "../Skeleton/Skeleton.js";
 import "../IconButton/IconButton.js";
@@ -16,7 +16,7 @@ import "../Select/Select.js";
 import "../Popover/Popover.js";
 import "../Table/Table.js";
 import "../Tabs/Tabs.js";
-import "../../Group-DspH8hyO.js";
+import "../../Group-ZXteFV4M.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-MfR7l8Wn.js";
+import { C as t } from "../../Toggle-BuZjueQ7.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

@@ -7,7 +7,7 @@ import "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Avatar/Avatar.js";
 import "../Button/Button.js";
-import { R as h, R as j } from "../../Toggle-MfR7l8Wn.js";
+import { R as h, R as j } from "../../Toggle-BuZjueQ7.js";
 import "../Dialog/Dialog.js";
 import "../IconButton/IconButton.js";
 import "../InputSearch/InputSearch.js";
@@ -15,7 +15,7 @@ import "../Select/Select.js";
 import "../Popover/Popover.js";
 import "../Table/Table.js";
 import "../Tabs/Tabs.js";
-import "../../Group-DspH8hyO.js";
+import "../../Group-ZXteFV4M.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
 export {
   h as RowItem,

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

@@ -15,6 +15,8 @@ export type ToggleGroupProps = {
     'data-testid'?: string;
     /** Controls if children items should have same width */
     equalWidth?: boolean;
+    /** Space separated list of CSS classes to apply to options */
+    classNameForOptions?: string;
 };
 declare const Group: import('react').ForwardRefExoticComponent<ToggleGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
 export default Group;

package/dist/components/ToggleGroup/Group.js

@@ -3,7 +3,7 @@ import "react";
 import "../../clsx-DB4S2d7J.js";
 import "../Icon/Icon.js";
 import "../Typography/Typography.js";
-import { G as e } from "../../Group-DspH8hyO.js";
+import { G as e } from "../../Group-ZXteFV4M.js";
 export {
   e as default
 };

package/dist/components/ToggleGroup/Toggle.js

@@ -6,7 +6,7 @@ import "../Typography/Typography.js";
 import "../Input/Input.js";
 import "../Avatar/Avatar.js";
 import "../Button/Button.js";
-import { T as j } from "../../Toggle-MfR7l8Wn.js";
+import { T as j } from "../../Toggle-BuZjueQ7.js";
 import "../Dialog/Dialog.js";
 import "../IconButton/IconButton.js";
 import "../InputSearch/InputSearch.js";
@@ -14,7 +14,7 @@ import "../Select/Select.js";
 import "../Popover/Popover.js";
 import "../Table/Table.js";
 import "../Tabs/Tabs.js";
-import "../../Group-DspH8hyO.js";
+import "../../Group-ZXteFV4M.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
 export {
   j as default

package/dist/components/ToggleGroup/ToggleGroup.js

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

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

@@ -12,6 +12,7 @@ declare const meta: {
         children: import('react').ReactElement<import('./Toggle.tsx').ToggleGroupItemProps<string | number>, string | import('react').JSXElementConstructor<any>>[];
         'data-testid'?: string | undefined;
         equalWidth?: boolean | undefined;
+        classNameForOptions?: string | undefined;
         ref?: import('react').LegacyRef<HTMLFieldSetElement> | undefined;
         key?: import('react').Key | null | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];

package/dist/main.js

@@ -5,7 +5,7 @@ import { Autocomplete as x } from "./components/Autocomplete/Autocomplete.js";
 import { Avatar as i } from "./components/Avatar/Avatar.js";
 import { Button as T } from "./components/Button/Button.js";
 import { Checkbox as g } from "./components/Checkbox/Checkbox.js";
-import { C as u, R as S, T as d } from "./Toggle-MfR7l8Wn.js";
+import { C as u, R as S, T as d } from "./Toggle-BuZjueQ7.js";
 import { ConfirmationDialog as k } from "./components/ConfirmationDialog/ConfirmationDialog.js";
 import { Description as h } from "./components/Description/Description.js";
 import { Dialog as A } from "./components/Dialog/Dialog.js";
@@ -31,7 +31,7 @@ import { Tabs as bo } from "./components/Tabs/Tabs.js";
 import { Tag as Co } from "./components/Tag/Tag.js";
 import { TextDisplay as Do } from "./components/TextDisplay/TextDisplay.js";
 import { Toggle as Io } from "./components/Toggle/Toggle.js";
-import { G as Po } from "./Group-DspH8hyO.js";
+import { G as Po } from "./Group-ZXteFV4M.js";
 import { Tooltip as Bo } from "./components/Tooltip/Tooltip.js";
 import { Text as Go, Typography as Ho } from "./components/Typography/Typography.js";
 import { SnackbarContext as Eo, SnackbarProvider as Lo, useSnackbar as No } from "./contexts/SnackbarProvider/SnackbarProvider.js";

package/package.json

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