@kaizen/components 0.0.0-canary-rollup-20240408071509 → 0.0.0-canary-rollup--tree-shake-20240408080317

package/dist/cjs/Checkbox/Checkbox/Checkbox.module.scss.cjs

@@ -1,5 +1,9 @@
 'use strict';
 
-var styles = {"checkbox":"Checkbox-module_checkbox__qJnwV","icon":"Checkbox-module_icon__h6ebV","reversed":"Checkbox-module_reversed__YWdUf","box":"Checkbox-module_box__Q6BJn"};
-
+var styles = {
+  "checkbox": "Checkbox-module_checkbox__qJnwV",
+  "icon": "Checkbox-module_icon__h6ebV",
+  "reversed": "Checkbox-module_reversed__YWdUf",
+  "box": "Checkbox-module_box__Q6BJn"
+};
 module.exports = styles;

package/dist/cjs/Checkbox/CheckboxField/CheckboxField.cjs

@@ -6,9 +6,11 @@ var classnames = require('classnames');
 var Label = require('../../Label/Label.cjs');
 var Checkbox = require('../Checkbox/Checkbox.cjs');
 var CheckboxField_module = require('./CheckboxField.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
@@ -17,12 +19,37 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
  * {@link https://cultureamp.design/?path=/docs/components-checkobx-controls-checkbox-field--docs Storybook}
  */
 var CheckboxField = function (_a) {
-    var propsId = _a.id, labelText = _a.labelText, checkedStatus = _a.checkedStatus, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.reversed, reversed = _c === void 0 ? false : _c, _d = _a.noBottomMargin, noBottomMargin = _d === void 0 ? false : _d, dataTestId = _a["data-testid"], classNameOverride = _a.classNameOverride, restProps = tslib.__rest(_a, ["id", "labelText", "checkedStatus", "disabled", "reversed", "noBottomMargin", "data-testid", "classNameOverride"]);
-    var id = propsId !== null && propsId !== void 0 ? propsId : React.useId();
-    return (React__default.default.createElement("div", { "data-testid": dataTestId, className: classnames__default.default(CheckboxField_module.container, classNameOverride, checkedStatus === "on" && CheckboxField_module.checked, checkedStatus === "mixed" && CheckboxField_module.mixed, reversed && CheckboxField_module.reversed, noBottomMargin && CheckboxField_module.noBottomMargin) },
-        React__default.default.createElement(Label.Label, { id: "".concat(id, "-field-label"), htmlFor: "".concat(id, "-field-checkbox"), "data-testid": "".concat(id, "-field-label"), labelText: labelText, reversed: reversed, labelType: "checkbox", disabled: disabled },
-            React__default.default.createElement(Checkbox.Checkbox, tslib.__assign({ id: "".concat(id, "-field-checkbox"), "data-testid": "".concat(id, "-field-checkbox"), disabled: disabled, reversed: reversed, checkedStatus: checkedStatus }, restProps)))));
+  var propsId = _a.id,
+    labelText = _a.labelText,
+    checkedStatus = _a.checkedStatus,
+    _b = _a.disabled,
+    disabled = _b === void 0 ? false : _b,
+    _c = _a.reversed,
+    reversed = _c === void 0 ? false : _c,
+    _d = _a.noBottomMargin,
+    noBottomMargin = _d === void 0 ? false : _d,
+    dataTestId = _a["data-testid"],
+    classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["id", "labelText", "checkedStatus", "disabled", "reversed", "noBottomMargin", "data-testid", "classNameOverride"]);
+  var id = propsId !== null && propsId !== void 0 ? propsId : React.useId();
+  return React__default.default.createElement("div", {
+    "data-testid": dataTestId,
+    className: classnames__default.default(CheckboxField_module.container, classNameOverride, checkedStatus === "on" && CheckboxField_module.checked, checkedStatus === "mixed" && CheckboxField_module.mixed, reversed && CheckboxField_module.reversed, noBottomMargin && CheckboxField_module.noBottomMargin)
+  }, React__default.default.createElement(Label.Label, {
+    id: "".concat(id, "-field-label"),
+    htmlFor: "".concat(id, "-field-checkbox"),
+    "data-testid": "".concat(id, "-field-label"),
+    labelText: labelText,
+    reversed: reversed,
+    labelType: "checkbox",
+    disabled: disabled
+  }, React__default.default.createElement(Checkbox.Checkbox, tslib.__assign({
+    id: "".concat(id, "-field-checkbox"),
+    "data-testid": "".concat(id, "-field-checkbox"),
+    disabled: disabled,
+    reversed: reversed,
+    checkedStatus: checkedStatus
+  }, restProps))));
 };
 CheckboxField.displayName = "CheckboxField";
-
 exports.CheckboxField = CheckboxField;

package/dist/cjs/Checkbox/CheckboxField/CheckboxField.module.scss.cjs

@@ -1,5 +1,9 @@
 'use strict';
 
-var styles = {"container":"CheckboxField-module_container__3J-jG","noBottomMargin":"CheckboxField-module_noBottomMargin__vTcJF","checked":"CheckboxField-module_checked__uAhcE","mixed":"CheckboxField-module_mixed__smfKh"};
-
+var styles = {
+  "container": "CheckboxField-module_container__3J-jG",
+  "noBottomMargin": "CheckboxField-module_noBottomMargin__vTcJF",
+  "checked": "CheckboxField-module_checked__uAhcE",
+  "mixed": "CheckboxField-module_mixed__smfKh"
+};
 module.exports = styles;

package/dist/cjs/Checkbox/CheckboxGroup/CheckboxGroup.cjs

@@ -5,9 +5,11 @@ var React = require('react');
 var classnames = require('classnames');
 var Label = require('../../Label/Label.cjs');
 var CheckboxGroup_module = require('./CheckboxGroup.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
@@ -16,13 +18,28 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
  * {@link https://cultureamp.design/storybook/?path=/docs/components-checkbox-controls-checkbox-group--docs Storybook}
  */
 var CheckboxGroup = function (_a) {
-    var children = _a.children, labelText = _a.labelText, propsLabelId = _a.labelId, _b = _a.noBottomMargin, noBottomMargin = _b === void 0 ? false : _b, _c = _a.reversed, reversed = _c === void 0 ? false : _c, classNameOverride = _a.classNameOverride, restProps = tslib.__rest(_a, ["children", "labelText", "labelId", "noBottomMargin", "reversed", "classNameOverride"]);
-    var labelId = propsLabelId !== null && propsLabelId !== void 0 ? propsLabelId : React.useId();
-    return (React__default.default.createElement("div", tslib.__assign({ className: classnames__default.default(CheckboxGroup_module.checkboxGroupContainer, classNameOverride, noBottomMargin && CheckboxGroup_module.noBottomMargin, reversed && CheckboxGroup_module.reversed), role: "group", "aria-labelledby": labelId }, restProps),
-        React__default.default.createElement("div", { className: CheckboxGroup_module.checkboxGroupLabel },
-            React__default.default.createElement(Label.Label, { id: labelId, labelText: labelText, labelType: "text", reversed: reversed })),
-        children));
+  var children = _a.children,
+    labelText = _a.labelText,
+    propsLabelId = _a.labelId,
+    _b = _a.noBottomMargin,
+    noBottomMargin = _b === void 0 ? false : _b,
+    _c = _a.reversed,
+    reversed = _c === void 0 ? false : _c,
+    classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["children", "labelText", "labelId", "noBottomMargin", "reversed", "classNameOverride"]);
+  var labelId = propsLabelId !== null && propsLabelId !== void 0 ? propsLabelId : React.useId();
+  return React__default.default.createElement("div", tslib.__assign({
+    className: classnames__default.default(CheckboxGroup_module.checkboxGroupContainer, classNameOverride, noBottomMargin && CheckboxGroup_module.noBottomMargin, reversed && CheckboxGroup_module.reversed),
+    role: "group",
+    "aria-labelledby": labelId
+  }, restProps), React__default.default.createElement("div", {
+    className: CheckboxGroup_module.checkboxGroupLabel
+  }, React__default.default.createElement(Label.Label, {
+    id: labelId,
+    labelText: labelText,
+    labelType: "text",
+    reversed: reversed
+  })), children);
 };
 CheckboxGroup.displayName = "CheckboxGroup";
-
 exports.CheckboxGroup = CheckboxGroup;

package/dist/cjs/Checkbox/CheckboxGroup/CheckboxGroup.module.scss.cjs

@@ -1,5 +1,8 @@
 'use strict';
 
-var styles = {"checkboxGroupLabel":"CheckboxGroup-module_checkboxGroupLabel__a9Iet","checkboxGroupContainer":"CheckboxGroup-module_checkboxGroupContainer__NTUWc","noBottomMargin":"CheckboxGroup-module_noBottomMargin__J7ADb"};
-
+var styles = {
+  "checkboxGroupLabel": "CheckboxGroup-module_checkboxGroupLabel__a9Iet",
+  "checkboxGroupContainer": "CheckboxGroup-module_checkboxGroupContainer__NTUWc",
+  "noBottomMargin": "CheckboxGroup-module_noBottomMargin__J7ADb"
+};
 module.exports = styles;

package/dist/cjs/ClearButton/ClearButton.cjs

@@ -6,17 +6,25 @@ var classnames = require('classnames');
 require('../Icon/subcomponents/SVG/SVG.cjs');
 var ClearIcon = require('../Icon/ClearIcon.cjs');
 var ClearButton_module = require('./ClearButton.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
 var ClearButton = function (_a) {
-    var classNameOverride = _a.classNameOverride, _b = _a.isReversed, isReversed = _b === void 0 ? false : _b, restProps = tslib.__rest(_a, ["classNameOverride", "isReversed"]);
-    return (React__default.default.createElement("button", tslib.__assign({ type: "button", "aria-label": "clear", className: classnames__default.default(ClearButton_module.clearButton, isReversed ? ClearButton_module.reversed : ClearButton_module.default, classNameOverride) }, restProps),
-        React__default.default.createElement(ClearIcon.ClearIcon, { role: "presentation" })));
+  var classNameOverride = _a.classNameOverride,
+    _b = _a.isReversed,
+    isReversed = _b === void 0 ? false : _b,
+    restProps = tslib.__rest(_a, ["classNameOverride", "isReversed"]);
+  return React__default.default.createElement("button", tslib.__assign({
+    type: "button",
+    "aria-label": "clear",
+    className: classnames__default.default(ClearButton_module.clearButton, isReversed ? ClearButton_module.reversed : ClearButton_module.default, classNameOverride)
+  }, restProps), React__default.default.createElement(ClearIcon.ClearIcon, {
+    role: "presentation"
+  }));
 };
 ClearButton.displayName = "ClearButton";
-
 exports.ClearButton = ClearButton;

package/dist/cjs/ClearButton/ClearButton.module.scss.cjs

@@ -1,5 +1,8 @@
 'use strict';
 
-var styles = {"clearButton":"ClearButton-module_clearButton__CSOIc","default":"ClearButton-module_default__lBJxw","reversed":"ClearButton-module_reversed__0I2DC"};
-
+var styles = {
+  "clearButton": "ClearButton-module_clearButton__CSOIc",
+  "default": "ClearButton-module_default__lBJxw",
+  "reversed": "ClearButton-module_reversed__0I2DC"
+};
 module.exports = styles;

package/dist/cjs/Collapsible/Collapsible/Collapsible.cjs

@@ -11,41 +11,90 @@ require('../../Icon/subcomponents/SVG/SVG.cjs');
 var ChevronDownIcon = require('../../Icon/ChevronDownIcon.cjs');
 var ChevronUpIcon = require('../../Icon/ChevronUpIcon.cjs');
 var Collapsible_module = require('./Collapsible.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var AnimateHeight__default = /*#__PURE__*/_interopDefault(AnimateHeight);
-
 var Collapsible = function (_a) {
-    var children = _a.children, title = _a.title, renderHeader = _a.renderHeader, open = _a.open, group = _a.group, separated = _a.separated, sticky = _a.sticky, noSectionPadding = _a.noSectionPadding, onToggle = _a.onToggle, variant = _a.variant, lazyLoad = _a.lazyLoad, controlled = _a.controlled, classNameOverride = _a.classNameOverride, propsId = _a.id, restProps = tslib.__rest(_a, ["children", "title", "renderHeader", "open", "group", "separated", "sticky", "noSectionPadding", "onToggle", "variant", "lazyLoad", "controlled", "classNameOverride", "id"]);
-    var _b = React.useState(open !== null && open !== void 0 ? open : false), stateIsOpen = _b[0], setIsOpen = _b[1];
-    var getOpen = function () { return (controlled ? open : stateIsOpen); };
-    var id = propsId !== null && propsId !== void 0 ? propsId : React.useId();
-    var handleSectionToggle = function () {
-        var newIsOpen = !getOpen();
-        if (!controlled)
-            setIsOpen(newIsOpen);
-        onToggle === null || onToggle === void 0 ? void 0 : onToggle(newIsOpen, id);
-    };
-    var handleButtonPress = function (event) {
-        event.stopPropagation();
-        handleSectionToggle();
-    };
-    var buttonId = "".concat(id, "-button");
-    var sectionId = "".concat(id, "-section");
-    var isOpen = getOpen();
-    var isContainer = !group || separated;
-    return (React__default.default.createElement("div", tslib.__assign({ id: id, className: classnames__default.default(classNameOverride, isContainer && Collapsible_module.container, group && !separated && Collapsible_module.groupItem, separated && Collapsible_module.separated, isOpen && Collapsible_module.open, !group && Collapsible_module.single), "data-testid": "collapsible-container-".concat(id) }, restProps),
-        React__default.default.createElement("div", { className: classnames__default.default(Collapsible_module.header, isOpen && Collapsible_module.open, sticky && Collapsible_module.sticky, isOpen && variant === "default" && Collapsible_module.defaultVariant, isOpen && variant === "clear" && Collapsible_module.clearVariant), style: sticky && { top: sticky.top }, onClick: handleSectionToggle, "data-testid": "collapsible-header-".concat(id) },
-            renderHeader !== undefined ? (renderHeader(title)) : (React__default.default.createElement("div", { className: Collapsible_module.title, "data-testid": "collapsible-button-title-".concat(id) },
-                React__default.default.createElement(Heading.Heading, { variant: "heading-4", tag: "span" }, title))),
-            React__default.default.createElement("div", null,
-                React__default.default.createElement(IconButton.IconButton, { label: title, icon: isOpen ? (React__default.default.createElement(ChevronUpIcon.ChevronUpIcon, { role: "presentation" })) : (React__default.default.createElement(ChevronDownIcon.ChevronDownIcon, { role: "presentation" })), type: "button", "aria-expanded": isOpen, "aria-controls": sectionId, "data-testid": "collapsible-button-".concat(id), id: buttonId, onClick: handleButtonPress, classNameOverride: Collapsible_module.chevronButton }))),
-        (!lazyLoad || isOpen) && (React__default.default.createElement(AnimateHeight__default.default, { height: isOpen ? "auto" : 0, "data-testid": "collapsible-section-".concat(id) },
-            React__default.default.createElement("div", { id: sectionId, className: classnames__default.default(Collapsible_module.section, noSectionPadding && Collapsible_module.noPadding), role: "region", "aria-labelledby": buttonId }, children)))));
+  var children = _a.children,
+    title = _a.title,
+    renderHeader = _a.renderHeader,
+    open = _a.open,
+    group = _a.group,
+    separated = _a.separated,
+    sticky = _a.sticky,
+    noSectionPadding = _a.noSectionPadding,
+    onToggle = _a.onToggle,
+    variant = _a.variant,
+    lazyLoad = _a.lazyLoad,
+    controlled = _a.controlled,
+    classNameOverride = _a.classNameOverride,
+    propsId = _a.id,
+    restProps = tslib.__rest(_a, ["children", "title", "renderHeader", "open", "group", "separated", "sticky", "noSectionPadding", "onToggle", "variant", "lazyLoad", "controlled", "classNameOverride", "id"]);
+  var _b = React.useState(open !== null && open !== void 0 ? open : false),
+    stateIsOpen = _b[0],
+    setIsOpen = _b[1];
+  var getOpen = function () {
+    return controlled ? open : stateIsOpen;
+  };
+  var id = propsId !== null && propsId !== void 0 ? propsId : React.useId();
+  var handleSectionToggle = function () {
+    var newIsOpen = !getOpen();
+    if (!controlled) setIsOpen(newIsOpen);
+    onToggle === null || onToggle === void 0 ? void 0 : onToggle(newIsOpen, id);
+  };
+  var handleButtonPress = function (event) {
+    event.stopPropagation();
+    handleSectionToggle();
+  };
+  var buttonId = "".concat(id, "-button");
+  var sectionId = "".concat(id, "-section");
+  var isOpen = getOpen();
+  var isContainer = !group || separated;
+  return React__default.default.createElement("div", tslib.__assign({
+    id: id,
+    className: classnames__default.default(classNameOverride, isContainer && Collapsible_module.container, group && !separated && Collapsible_module.groupItem, separated && Collapsible_module.separated, isOpen && Collapsible_module.open, !group && Collapsible_module.single),
+    "data-testid": "collapsible-container-".concat(id)
+  }, restProps), React__default.default.createElement("div", {
+    className: classnames__default.default(Collapsible_module.header, isOpen && Collapsible_module.open, sticky && Collapsible_module.sticky, isOpen && variant === "default" && Collapsible_module.defaultVariant, isOpen && variant === "clear" && Collapsible_module.clearVariant),
+    style: sticky && {
+      top: sticky.top
+    },
+    onClick: handleSectionToggle,
+    "data-testid": "collapsible-header-".concat(id)
+  }, renderHeader !== undefined ? renderHeader(title) : React__default.default.createElement("div", {
+    className: Collapsible_module.title,
+    "data-testid": "collapsible-button-title-".concat(id)
+  }, React__default.default.createElement(Heading.Heading, {
+    variant: "heading-4",
+    tag: "span"
+  }, title)), React__default.default.createElement("div", null, React__default.default.createElement(IconButton.IconButton, {
+    label: title,
+    icon: isOpen ? React__default.default.createElement(ChevronUpIcon.ChevronUpIcon, {
+      role: "presentation"
+    }) : React__default.default.createElement(ChevronDownIcon.ChevronDownIcon, {
+      role: "presentation"
+    }),
+    type: "button",
+    "aria-expanded": isOpen,
+    "aria-controls": sectionId,
+    "data-testid": "collapsible-button-".concat(id),
+    id: buttonId,
+    onClick: handleButtonPress,
+    classNameOverride: Collapsible_module.chevronButton
+  }))), (!lazyLoad || isOpen) && React__default.default.createElement(AnimateHeight__default.default, {
+    height: isOpen ? "auto" : 0,
+    "data-testid": "collapsible-section-".concat(id)
+  }, React__default.default.createElement("div", {
+    id: sectionId,
+    className: classnames__default.default(Collapsible_module.section, noSectionPadding && Collapsible_module.noPadding),
+    role: "region",
+    "aria-labelledby": buttonId
+  }, children)));
 };
 Collapsible.displayName = "Collapsible";
-
 exports.Collapsible = Collapsible;

package/dist/cjs/Collapsible/Collapsible/Collapsible.module.scss.cjs

@@ -1,5 +1,19 @@
 'use strict';
 
-var styles = {"header":"Collapsible-module_header__yf32d","open":"Collapsible-module_open__YlzQL","container":"Collapsible-module_container__EBC1U","single":"Collapsible-module_single__ZU2Tg","separated":"Collapsible-module_separated__IKYdN","groupItem":"Collapsible-module_groupItem__JECHF","chevronButton":"Collapsible-module_chevronButton__Ti18q","title":"Collapsible-module_title__Mwsd6","defaultVariant":"Collapsible-module_defaultVariant__BqxxR","clearVariant":"Collapsible-module_clearVariant__BHkHf","sticky":"Collapsible-module_sticky__m1V8p","section":"Collapsible-module_section__yfZvI","noPadding":"Collapsible-module_noPadding__Vfm3q","hide":"Collapsible-module_hide__cvbIi"};
-
+var styles = {
+  "header": "Collapsible-module_header__yf32d",
+  "open": "Collapsible-module_open__YlzQL",
+  "container": "Collapsible-module_container__EBC1U",
+  "single": "Collapsible-module_single__ZU2Tg",
+  "separated": "Collapsible-module_separated__IKYdN",
+  "groupItem": "Collapsible-module_groupItem__JECHF",
+  "chevronButton": "Collapsible-module_chevronButton__Ti18q",
+  "title": "Collapsible-module_title__Mwsd6",
+  "defaultVariant": "Collapsible-module_defaultVariant__BqxxR",
+  "clearVariant": "Collapsible-module_clearVariant__BHkHf",
+  "sticky": "Collapsible-module_sticky__m1V8p",
+  "section": "Collapsible-module_section__yfZvI",
+  "noPadding": "Collapsible-module_noPadding__Vfm3q",
+  "hide": "Collapsible-module_hide__cvbIi"
+};
 module.exports = styles;

package/dist/cjs/Collapsible/CollapsibleGroup/CollapsibleGroup.cjs

@@ -4,9 +4,11 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var CollapsibleGroup_module = require('./CollapsibleGroup.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
@@ -15,17 +17,28 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
  * {@link https://cultureamp.design/?path=/docs/components-collapsible-collapsible-group--docs Storybook}
  */
 var CollapsibleGroup = function (_a) {
-    var children = _a.children, _b = _a.separated, separated = _b === void 0 ? false : _b, sticky = _a.sticky, _c = _a.noSectionPadding, noSectionPadding = _c === void 0 ? false : _c, _d = _a.lazyLoad, lazyLoad = _d === void 0 ? false : _d, onToggle = _a.onToggle, classNameOverride = _a.classNameOverride, props = tslib.__rest(_a, ["children", "separated", "sticky", "noSectionPadding", "lazyLoad", "onToggle", "classNameOverride"]);
-    return (React__default.default.createElement("div", tslib.__assign({ className: classnames__default.default(classNameOverride, !separated && CollapsibleGroup_module.container) }, props), React__default.default.Children.map(children, function (collapsible) {
-        return React__default.default.cloneElement(collapsible, {
-            group: true,
-            separated: separated,
-            sticky: sticky,
-            noSectionPadding: noSectionPadding,
-            lazyLoad: lazyLoad,
-            onToggle: onToggle,
-        });
-    })));
+  var children = _a.children,
+    _b = _a.separated,
+    separated = _b === void 0 ? false : _b,
+    sticky = _a.sticky,
+    _c = _a.noSectionPadding,
+    noSectionPadding = _c === void 0 ? false : _c,
+    _d = _a.lazyLoad,
+    lazyLoad = _d === void 0 ? false : _d,
+    onToggle = _a.onToggle,
+    classNameOverride = _a.classNameOverride,
+    props = tslib.__rest(_a, ["children", "separated", "sticky", "noSectionPadding", "lazyLoad", "onToggle", "classNameOverride"]);
+  return React__default.default.createElement("div", tslib.__assign({
+    className: classnames__default.default(classNameOverride, !separated && CollapsibleGroup_module.container)
+  }, props), React__default.default.Children.map(children, function (collapsible) {
+    return React__default.default.cloneElement(collapsible, {
+      group: true,
+      separated: separated,
+      sticky: sticky,
+      noSectionPadding: noSectionPadding,
+      lazyLoad: lazyLoad,
+      onToggle: onToggle
+    });
+  }));
 };
-
 exports.CollapsibleGroup = CollapsibleGroup;

package/dist/cjs/Collapsible/CollapsibleGroup/CollapsibleGroup.module.scss.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
-var styles = {"container":"CollapsibleGroup-module_container__EjMRg"};
-
+var styles = {
+  "container": "CollapsibleGroup-module_container__EjMRg"
+};
 module.exports = styles;

package/dist/cjs/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.cjs

@@ -6,20 +6,38 @@ var Brand = require('../../Brand/Brand.cjs');
 var Collapsible = require('../Collapsible/Collapsible.cjs');
 var Heading = require('../../Heading/Heading.cjs');
 var ExpertAdviceCollapsible_module = require('./ExpertAdviceCollapsible.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082094383/Collapsible Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-collapsible--docs Storybook}
  */
-var ExpertAdviceCollapsible = function (props) { return (React__default.default.createElement(Collapsible.Collapsible, tslib.__assign({}, props, { noSectionPadding: true, classNameOverride: ExpertAdviceCollapsible_module.expertAdviceContainer, renderHeader: function () { return (React__default.default.createElement(React__default.default.Fragment, null,
-        React__default.default.createElement("div", { className: ExpertAdviceCollapsible_module.expertAdviceHeader },
-            React__default.default.createElement(Brand.Brand, { classNameOverride: ExpertAdviceCollapsible_module.expertAdviceIcon, alt: "Expert Advice", variant: "collective-intelligence", reversed: true }),
-            React__default.default.createElement(Heading.Heading, { variant: "heading-4", tag: "span", classNameOverride: ExpertAdviceCollapsible_module.expertAdviceHeading }, props.title)))); } }),
-    React__default.default.createElement("div", { className: ExpertAdviceCollapsible_module.expertAdviceSection }, props.children))); };
+var ExpertAdviceCollapsible = function (props) {
+  return React__default.default.createElement(Collapsible.Collapsible, tslib.__assign({}, props, {
+    noSectionPadding: true,
+    classNameOverride: ExpertAdviceCollapsible_module.expertAdviceContainer,
+    renderHeader: function () {
+      return React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement("div", {
+        className: ExpertAdviceCollapsible_module.expertAdviceHeader
+      }, React__default.default.createElement(Brand.Brand, {
+        classNameOverride: ExpertAdviceCollapsible_module.expertAdviceIcon,
+        alt: "Expert Advice",
+        variant: "collective-intelligence",
+        reversed: true
+      }), React__default.default.createElement(Heading.Heading, {
+        variant: "heading-4",
+        tag: "span",
+        classNameOverride: ExpertAdviceCollapsible_module.expertAdviceHeading
+      }, props.title)));
+    }
+  }), React__default.default.createElement("div", {
+    className: ExpertAdviceCollapsible_module.expertAdviceSection
+  }, props.children));
+};
 ExpertAdviceCollapsible.displayName = "ExpertAdviceCollapsible";
-
 exports.ExpertAdviceCollapsible = ExpertAdviceCollapsible;

package/dist/cjs/Collapsible/ExpertAdviceCollapsible/ExpertAdviceCollapsible.module.scss.cjs

@@ -1,5 +1,10 @@
 'use strict';
 
-var styles = {"expertAdviceContainer":"ExpertAdviceCollapsible-module_expertAdviceContainer__RIHw4","expertAdviceHeader":"ExpertAdviceCollapsible-module_expertAdviceHeader__1wthc","expertAdviceHeading":"ExpertAdviceCollapsible-module_expertAdviceHeading__4G4Jh","expertAdviceIcon":"ExpertAdviceCollapsible-module_expertAdviceIcon__DMwbR","expertAdviceSection":"ExpertAdviceCollapsible-module_expertAdviceSection__ox-SR"};
-
+var styles = {
+  "expertAdviceContainer": "ExpertAdviceCollapsible-module_expertAdviceContainer__RIHw4",
+  "expertAdviceHeader": "ExpertAdviceCollapsible-module_expertAdviceHeader__1wthc",
+  "expertAdviceHeading": "ExpertAdviceCollapsible-module_expertAdviceHeading__4G4Jh",
+  "expertAdviceIcon": "ExpertAdviceCollapsible-module_expertAdviceIcon__DMwbR",
+  "expertAdviceSection": "ExpertAdviceCollapsible-module_expertAdviceSection__ox-SR"
+};
 module.exports = styles;

package/dist/cjs/Container/Container.cjs

@@ -4,9 +4,11 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var Container_module = require('./Container.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
@@ -15,9 +17,15 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
  * {@link https://cultureamp.design/?path=/docs/components-content--docs Storybook}
  */
 var Container = React__default.default.forwardRef(function (_a, ref) {
-    var children = _a.children, style = _a.style, classNameOverride = _a.classNameOverride, restProps = tslib.__rest(_a, ["children", "style", "classNameOverride"]);
-    return (React__default.default.createElement("div", tslib.__assign({ ref: ref, className: classnames__default.default(Container_module.container, classNameOverride), style: style }, restProps), children));
+  var children = _a.children,
+    style = _a.style,
+    classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["children", "style", "classNameOverride"]);
+  return React__default.default.createElement("div", tslib.__assign({
+    ref: ref,
+    className: classnames__default.default(Container_module.container, classNameOverride),
+    style: style
+  }, restProps), children);
 });
 Container.displayName = "Container";
-
 exports.Container = Container;

package/dist/cjs/Container/Container.module.scss.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
-var styles = {"container":"Container-module_container__jSUGk"};
-
+var styles = {
+  "container": "Container-module_container__jSUGk"
+};
 module.exports = styles;

package/dist/cjs/Content/Content.cjs

@@ -4,9 +4,11 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var Content_module = require('./Content.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
@@ -15,9 +17,15 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
  * {@link https://cultureamp.design/?path=/docs/components-content--docs Storybook}
  */
 var Content = React__default.default.forwardRef(function (_a, ref) {
-    var children = _a.children, style = _a.style, classNameOverride = _a.classNameOverride, restProps = tslib.__rest(_a, ["children", "style", "classNameOverride"]);
-    return (React__default.default.createElement("div", tslib.__assign({ ref: ref, className: classnames__default.default(Content_module.content, classNameOverride), style: style }, restProps), children));
+  var children = _a.children,
+    style = _a.style,
+    classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["children", "style", "classNameOverride"]);
+  return React__default.default.createElement("div", tslib.__assign({
+    ref: ref,
+    className: classnames__default.default(Content_module.content, classNameOverride),
+    style: style
+  }, restProps), children);
 });
 Content.displayName = "Content";
-
 exports.Content = Content;

package/dist/cjs/Content/Content.module.scss.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
-var styles = {"content":"Content-module_content__ZeTRs"};
-
+var styles = {
+  "content": "Content-module_content__ZeTRs"
+};
 module.exports = styles;

package/dist/cjs/DateInput/DateInput/DateInput.cjs

@@ -9,18 +9,37 @@ require('../../Input/InputSearch/InputSearch.cjs');
 var Label = require('../../Label/Label.cjs');
 var isRefObject = require('../../utils/isRefObject.cjs');
 var DateInput_module = require('./DateInput.module.scss.cjs');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
 var DateInput = React__default.default.forwardRef(function (_a, ref) {
-    var id = _a.id, labelText = _a.labelText, disabled = _a.disabled, _b = _a.isReversed, isReversed = _b === void 0 ? false : _b, classNameOverride = _a.classNameOverride, inputProps = tslib.__rest(_a, ["id", "labelText", "disabled", "isReversed", "classNameOverride"]);
-    return (React__default.default.createElement("div", { className: classnames__default.default(DateInput_module.dateInput, classNameOverride) },
-        React__default.default.createElement(Label.Label, { htmlFor: id, labelText: labelText, reversed: isReversed, disabled: disabled }),
-        React__default.default.createElement(Input.Input, tslib.__assign({ inputRef: isRefObject.isRefObject(ref) ? ref : undefined, id: id, type: "text", autoComplete: "off", classNameOverride: DateInput_module.input, disabled: disabled, reversed: isReversed }, inputProps))));
+  var id = _a.id,
+    labelText = _a.labelText,
+    disabled = _a.disabled,
+    _b = _a.isReversed,
+    isReversed = _b === void 0 ? false : _b,
+    classNameOverride = _a.classNameOverride,
+    inputProps = tslib.__rest(_a, ["id", "labelText", "disabled", "isReversed", "classNameOverride"]);
+  return React__default.default.createElement("div", {
+    className: classnames__default.default(DateInput_module.dateInput, classNameOverride)
+  }, React__default.default.createElement(Label.Label, {
+    htmlFor: id,
+    labelText: labelText,
+    reversed: isReversed,
+    disabled: disabled
+  }), React__default.default.createElement(Input.Input, tslib.__assign({
+    inputRef: isRefObject.isRefObject(ref) ? ref : undefined,
+    id: id,
+    type: "text",
+    autoComplete: "off",
+    classNameOverride: DateInput_module.input,
+    disabled: disabled,
+    reversed: isReversed
+  }, inputProps)));
 });
 DateInput.displayName = "DateInput";
-
 exports.DateInput = DateInput;

package/dist/cjs/DateInput/DateInput/DateInput.module.scss.cjs

@@ -1,5 +1,7 @@
 'use strict';
 
-var styles = {"dateInput":"DateInput-module_dateInput__f0Rs6","input":"DateInput-module_input__lVV0-"};
-
+var styles = {
+  "dateInput": "DateInput-module_dateInput__f0Rs6",
+  "input": "DateInput-module_input__lVV0-"
+};
 module.exports = styles;