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

package/dist/cjs/Select/Select.cjs

@@ -13,9 +13,11 @@ var ClearIcon = require('../Icon/ClearIcon.cjs');
 var Label = require('../Label/Label.cjs');
 var Tag = require('../Tag/Tag.cjs');
 var Select_module = require('./Select.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 ReactSelect__default = /*#__PURE__*/_interopDefault(ReactSelect);
@@ -26,79 +28,168 @@ var Async__default = /*#__PURE__*/_interopDefault(Async);
  * {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}
  */
 var Select = React__default.default.forwardRef(function (_a, ref) {
-    var _b = _a.variant, variant = _b === void 0 ? "default" : _b, _c = _a.status, status = _c === void 0 ? "default" : _c, _d = _a.reversed, reversed = _d === void 0 ? false : _d, label = _a.label, validationMessage = _a.validationMessage, description = _a.description, propsFullWidth = _a.fullWidth, propsClassName = _a.className, isDisabled = _a.isDisabled, props = tslib.__rest(_a, ["variant", "status", "reversed", "label", "validationMessage", "description", "fullWidth", "className", "isDisabled"]);
-    var reactId = React.useId();
-    // the default for fullWidth depends on the variant
-    var fullWidth = propsFullWidth != null
-        ? propsFullWidth
-        : variant === "secondary" || variant === "secondary-small"
-            ? false
-            : true;
-    var classes = classnames__default.default(propsClassName, Select_module.specificityIncreaser, (!reversed || variant === "default") && Select_module.default, reversed && Select_module.reversed, variant === "secondary" && Select_module.secondary, variant === "secondary-small" && Select_module.secondarySmall, !fullWidth && Select_module.notFullWidth, isDisabled && Select_module.disabled, status === "error" && Select_module.error);
-    var labelId = React.useState(label ? reactId : undefined)[0];
-    return (React__default.default.createElement(React__default.default.Fragment, null,
-        label ? (React__default.default.createElement(Label.Label, { reversed: reversed, id: labelId }, label)) : null,
-        React__default.default.createElement(ReactSelect__default.default, tslib.__assign({}, props, { ref: ref, "aria-labelledby": labelId, components: {
-                Control: Control,
-                Placeholder: Placeholder,
-                DropdownIndicator: DropdownIndicator,
-                Menu: Menu,
-                GroupHeading: GroupHeading,
-                Option: Option,
-                NoOptionsMessage: NoOptionsMessage,
-                Input: Input,
-                SingleValue: SingleValue,
-                MultiValue: MultiValue,
-                IndicatorsContainer: IndicatorsContainer,
-                ValueContainer: ValueContainer,
-                ClearIndicator: ClearIndicator,
-                IndicatorSeparator: null,
-            }, className: classes })),
-        validationMessage ? (React__default.default.createElement(FieldMessage.FieldMessage, { message: validationMessage, status: status })) : null,
-        description ? React__default.default.createElement(FieldMessage.FieldMessage, { message: description }) : null));
+  var _b = _a.variant,
+    variant = _b === void 0 ? "default" : _b,
+    _c = _a.status,
+    status = _c === void 0 ? "default" : _c,
+    _d = _a.reversed,
+    reversed = _d === void 0 ? false : _d,
+    label = _a.label,
+    validationMessage = _a.validationMessage,
+    description = _a.description,
+    propsFullWidth = _a.fullWidth,
+    propsClassName = _a.className,
+    isDisabled = _a.isDisabled,
+    props = tslib.__rest(_a, ["variant", "status", "reversed", "label", "validationMessage", "description", "fullWidth", "className", "isDisabled"]);
+  var reactId = React.useId();
+  // the default for fullWidth depends on the variant
+  var fullWidth = propsFullWidth != null ? propsFullWidth : variant === "secondary" || variant === "secondary-small" ? false : true;
+  var classes = classnames__default.default(propsClassName, Select_module.specificityIncreaser, (!reversed || variant === "default") && Select_module.default, reversed && Select_module.reversed, variant === "secondary" && Select_module.secondary, variant === "secondary-small" && Select_module.secondarySmall, !fullWidth && Select_module.notFullWidth, isDisabled && Select_module.disabled, status === "error" && Select_module.error);
+  var labelId = React.useState(label ? reactId : undefined)[0];
+  return React__default.default.createElement(React__default.default.Fragment, null, label ? React__default.default.createElement(Label.Label, {
+    reversed: reversed,
+    id: labelId
+  }, label) : null, React__default.default.createElement(ReactSelect__default.default, tslib.__assign({}, props, {
+    ref: ref,
+    "aria-labelledby": labelId,
+    components: {
+      Control: Control,
+      Placeholder: Placeholder,
+      DropdownIndicator: DropdownIndicator,
+      Menu: Menu,
+      GroupHeading: GroupHeading,
+      Option: Option,
+      NoOptionsMessage: NoOptionsMessage,
+      Input: Input,
+      SingleValue: SingleValue,
+      MultiValue: MultiValue,
+      IndicatorsContainer: IndicatorsContainer,
+      ValueContainer: ValueContainer,
+      ClearIndicator: ClearIndicator,
+      IndicatorSeparator: null
+    },
+    className: classes
+  })), validationMessage ? React__default.default.createElement(FieldMessage.FieldMessage, {
+    message: validationMessage,
+    status: status
+  }) : null, description ? React__default.default.createElement(FieldMessage.FieldMessage, {
+    message: description
+  }) : null);
 });
 Select.displayName = "Select";
 var AsyncSelect = React__default.default.forwardRef(function (_a, ref) {
-    var propsClassName = _a.className, props = tslib.__rest(_a, ["className"]);
-    return (React__default.default.createElement(Async__default.default, tslib.__assign({}, props, { ref: ref, components: {
-            Control: Control,
-            Placeholder: Placeholder,
-            DropdownIndicator: DropdownIndicator,
-            Menu: Menu,
-            Option: Option,
-            NoOptionsMessage: NoOptionsMessage,
-            Input: Input,
-            SingleValue: SingleValue,
-            MultiValue: MultiValue,
-            IndicatorsContainer: IndicatorsContainer,
-            ValueContainer: ValueContainer,
-            ClearIndicator: undefined,
-            IndicatorSeparator: null,
-            LoadingMessage: LoadingMessage,
-        }, className: classnames__default.default(Select_module.specificityIncreaser, propsClassName) })));
+  var propsClassName = _a.className,
+    props = tslib.__rest(_a, ["className"]);
+  return React__default.default.createElement(Async__default.default, tslib.__assign({}, props, {
+    ref: ref,
+    components: {
+      Control: Control,
+      Placeholder: Placeholder,
+      DropdownIndicator: DropdownIndicator,
+      Menu: Menu,
+      Option: Option,
+      NoOptionsMessage: NoOptionsMessage,
+      Input: Input,
+      SingleValue: SingleValue,
+      MultiValue: MultiValue,
+      IndicatorsContainer: IndicatorsContainer,
+      ValueContainer: ValueContainer,
+      ClearIndicator: undefined,
+      IndicatorSeparator: null,
+      LoadingMessage: LoadingMessage
+    },
+    className: classnames__default.default(Select_module.specificityIncreaser, propsClassName)
+  }));
 });
 AsyncSelect.displayName = "AsyncSelect";
-var Control = function (props) { return (React__default.default.createElement("div", { "data-automation-id": "Select__Control" },
-    React__default.default.createElement(ReactSelect.components.Control, tslib.__assign({}, props, { className: classnames__default.default(Select_module.control, props.isFocused && Select_module.focusedControl, props.isDisabled && Select_module.disabled) })))); };
-var Placeholder = function (props) { return (React__default.default.createElement(ReactSelect.components.Placeholder, tslib.__assign({}, props, { className: Select_module.placeholderOverrides }),
-    React__default.default.createElement("span", { className: Select_module.placeholder }, props.children))); };
-var DropdownIndicator = function (props) { return (React__default.default.createElement(ReactSelect.components.DropdownIndicator, tslib.__assign({}, props, { className: Select_module.dropdownIndicator }), props.selectProps.menuIsOpen ? (React__default.default.createElement(ChevronUpIcon.ChevronUpIcon, { role: "presentation" })) : (React__default.default.createElement(ChevronDownIcon.ChevronDownIcon, { role: "presentation" })))); };
-var LoadingMessage = function (props) { return (React__default.default.createElement(ReactSelect.components.LoadingMessage, tslib.__assign({}, props, { className: Select_module.loadingMessage }))); };
-var Menu = function (props) { return (React__default.default.createElement(ReactSelect.components.Menu, tslib.__assign({}, props, { className: Select_module.menu }))); };
-var GroupHeading = function (props) { return (React__default.default.createElement(ReactSelect.components.GroupHeading, tslib.__assign({}, props, { className: Select_module.groupHeading }))); };
-var Option = function (props) { return (React__default.default.createElement("div", { "data-automation-id": "Select__Option" },
-    React__default.default.createElement(ReactSelect.components.Option, tslib.__assign({}, props, { className: classnames__default.default(Select_module.option, props.isFocused && Select_module.focusedOption, props.isSelected && Select_module.selectedOption, props.isDisabled && Select_module.disabledOption) })))); };
-var NoOptionsMessage = function (props) { return (React__default.default.createElement(ReactSelect.components.NoOptionsMessage, tslib.__assign({}, props),
-    React__default.default.createElement("span", { className: Select_module.noOptionsMessage }, props.children))); };
-var SingleValue = function (props) { return (React__default.default.createElement(ReactSelect.components.SingleValue, tslib.__assign({}, props, { className: Select_module.singleValueOverrides }),
-    React__default.default.createElement("span", { className: Select_module.singleValue }, props.children))); };
-var MultiValue = function (props) { return (React__default.default.createElement("div", { className: Select_module.multiValue },
-    React__default.default.createElement(Tag.Tag, { variant: "default", dismissible: true, inline: true, onDismiss: props.removeProps.onClick }, props.children))); };
-var IndicatorsContainer = function (props) { return (React__default.default.createElement(ReactSelect.components.IndicatorsContainer, tslib.__assign({}, props, { className: Select_module.indicatorsContainer }))); };
-var Input = function (props) { return (React__default.default.createElement(ReactSelect.components.Input, tslib.__assign({ className: Select_module.input }, props))); };
-var ValueContainer = function (props) { return (React__default.default.createElement(ReactSelect.components.ValueContainer, tslib.__assign({}, props, { className: Select_module.valueContainer }))); };
-var ClearIndicator = function (props) { return (React__default.default.createElement(ReactSelect.components.ClearIndicator, tslib.__assign({}, props, { className: Select_module.clearIndicator }),
-    React__default.default.createElement(ClearIcon.ClearIcon, { role: "presentation" }))); };
-
+var Control = function (props) {
+  return React__default.default.createElement("div", {
+    "data-automation-id": "Select__Control"
+  }, React__default.default.createElement(ReactSelect.components.Control, tslib.__assign({}, props, {
+    className: classnames__default.default(Select_module.control, props.isFocused && Select_module.focusedControl, props.isDisabled && Select_module.disabled)
+  })));
+};
+var Placeholder = function (props) {
+  return React__default.default.createElement(ReactSelect.components.Placeholder, tslib.__assign({}, props, {
+    className: Select_module.placeholderOverrides
+  }), React__default.default.createElement("span", {
+    className: Select_module.placeholder
+  }, props.children));
+};
+var DropdownIndicator = function (props) {
+  return React__default.default.createElement(ReactSelect.components.DropdownIndicator, tslib.__assign({}, props, {
+    className: Select_module.dropdownIndicator
+  }), props.selectProps.menuIsOpen ? React__default.default.createElement(ChevronUpIcon.ChevronUpIcon, {
+    role: "presentation"
+  }) : React__default.default.createElement(ChevronDownIcon.ChevronDownIcon, {
+    role: "presentation"
+  }));
+};
+var LoadingMessage = function (props) {
+  return React__default.default.createElement(ReactSelect.components.LoadingMessage, tslib.__assign({}, props, {
+    className: Select_module.loadingMessage
+  }));
+};
+var Menu = function (props) {
+  return React__default.default.createElement(ReactSelect.components.Menu, tslib.__assign({}, props, {
+    className: Select_module.menu
+  }));
+};
+var GroupHeading = function (props) {
+  return React__default.default.createElement(ReactSelect.components.GroupHeading, tslib.__assign({}, props, {
+    className: Select_module.groupHeading
+  }));
+};
+var Option = function (props) {
+  return React__default.default.createElement("div", {
+    "data-automation-id": "Select__Option"
+  }, React__default.default.createElement(ReactSelect.components.Option, tslib.__assign({}, props, {
+    className: classnames__default.default(Select_module.option, props.isFocused && Select_module.focusedOption, props.isSelected && Select_module.selectedOption, props.isDisabled && Select_module.disabledOption)
+  })));
+};
+var NoOptionsMessage = function (props) {
+  return React__default.default.createElement(ReactSelect.components.NoOptionsMessage, tslib.__assign({}, props), React__default.default.createElement("span", {
+    className: Select_module.noOptionsMessage
+  }, props.children));
+};
+var SingleValue = function (props) {
+  return React__default.default.createElement(ReactSelect.components.SingleValue, tslib.__assign({}, props, {
+    className: Select_module.singleValueOverrides
+  }), React__default.default.createElement("span", {
+    className: Select_module.singleValue
+  }, props.children));
+};
+var MultiValue = function (props) {
+  return React__default.default.createElement("div", {
+    className: Select_module.multiValue
+  }, React__default.default.createElement(Tag.Tag, {
+    variant: "default",
+    dismissible: true,
+    inline: true,
+    onDismiss: props.removeProps.onClick
+  }, props.children));
+};
+var IndicatorsContainer = function (props) {
+  return React__default.default.createElement(ReactSelect.components.IndicatorsContainer, tslib.__assign({}, props, {
+    className: Select_module.indicatorsContainer
+  }));
+};
+var Input = function (props) {
+  return React__default.default.createElement(ReactSelect.components.Input, tslib.__assign({
+    className: Select_module.input
+  }, props));
+};
+var ValueContainer = function (props) {
+  return React__default.default.createElement(ReactSelect.components.ValueContainer, tslib.__assign({}, props, {
+    className: Select_module.valueContainer
+  }));
+};
+var ClearIndicator = function (props) {
+  return React__default.default.createElement(ReactSelect.components.ClearIndicator, tslib.__assign({}, props, {
+    className: Select_module.clearIndicator
+  }), React__default.default.createElement(ClearIcon.ClearIcon, {
+    role: "presentation"
+  }));
+};
 exports.AsyncSelect = AsyncSelect;
 exports.Select = Select;

package/dist/cjs/Select/Select.module.scss.cjs

@@ -1,5 +1,32 @@
 'use strict';
 
-var styles = {"specificityIncreaser":"Select-module_specificityIncreaser__cZtQV","secondary":"Select-module_secondary__0RpOQ","default":"Select-module_default__hKuCo","control":"Select-module_control__ehUuP","focusedControl":"Select-module_focusedControl__3AwhP","secondarySmall":"Select-module_secondarySmall__6yNEL","multiValue":"Select-module_multiValue__9XkYX","dropdownIndicator":"Select-module_dropdownIndicator__NUopQ","disabled":"Select-module_disabled__-iG97","valueContainer":"Select-module_valueContainer__MGkpr","indicatorsContainer":"Select-module_indicatorsContainer__2xCsm","loadingMessage":"Select-module_loadingMessage__4Ej9T","placeholder":"Select-module_placeholder__OAeGA","menu":"Select-module_menu__axmUL","groupHeading":"Select-module_groupHeading__eNw6U","option":"Select-module_option__EdP-F","focusedOption":"Select-module_focusedOption__uwQwp","disabledOption":"Select-module_disabledOption__TWVun","selectedOption":"Select-module_selectedOption__xhYOz","noOptionsMessage":"Select-module_noOptionsMessage__DG5zw","singleValue":"Select-module_singleValue__-cc8w","reversed":"Select-module_reversed__-jCGs","singleValueOverrides":"Select-module_singleValueOverrides__44Gby","input":"Select-module_input__HAhy-","error":"Select-module_error__GpAw6","clearIndicator":"Select-module_clearIndicator__O6EuX","notFullWidth":"Select-module_notFullWidth__LO-xV"};
-
+var styles = {
+  "specificityIncreaser": "Select-module_specificityIncreaser__cZtQV",
+  "secondary": "Select-module_secondary__0RpOQ",
+  "default": "Select-module_default__hKuCo",
+  "control": "Select-module_control__ehUuP",
+  "focusedControl": "Select-module_focusedControl__3AwhP",
+  "secondarySmall": "Select-module_secondarySmall__6yNEL",
+  "multiValue": "Select-module_multiValue__9XkYX",
+  "dropdownIndicator": "Select-module_dropdownIndicator__NUopQ",
+  "disabled": "Select-module_disabled__-iG97",
+  "valueContainer": "Select-module_valueContainer__MGkpr",
+  "indicatorsContainer": "Select-module_indicatorsContainer__2xCsm",
+  "loadingMessage": "Select-module_loadingMessage__4Ej9T",
+  "placeholder": "Select-module_placeholder__OAeGA",
+  "menu": "Select-module_menu__axmUL",
+  "groupHeading": "Select-module_groupHeading__eNw6U",
+  "option": "Select-module_option__EdP-F",
+  "focusedOption": "Select-module_focusedOption__uwQwp",
+  "disabledOption": "Select-module_disabledOption__TWVun",
+  "selectedOption": "Select-module_selectedOption__xhYOz",
+  "noOptionsMessage": "Select-module_noOptionsMessage__DG5zw",
+  "singleValue": "Select-module_singleValue__-cc8w",
+  "reversed": "Select-module_reversed__-jCGs",
+  "singleValueOverrides": "Select-module_singleValueOverrides__44Gby",
+  "input": "Select-module_input__HAhy-",
+  "error": "Select-module_error__GpAw6",
+  "clearIndicator": "Select-module_clearIndicator__O6EuX",
+  "notFullWidth": "Select-module_notFullWidth__LO-xV"
+};
 module.exports = styles;

package/dist/cjs/Skirt/Skirt.cjs

@@ -7,43 +7,56 @@ var Container = require('../Container/Container.cjs');
 var Content = require('../Content/Content.cjs');
 var useResizeObserver = require('../utils/useResizeObserver.cjs');
 var Skirt_module = require('./Skirt.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 spacing = 24;
 var maxHeight = 222;
 var fallbackPercentage = 0.8;
 var Skirt = function (_a) {
-    var children = _a.children, _b = _a.variant, variant = _b === void 0 ? "default" : _b, _c = _a.titleBlockHasNavigation, titleBlockHasNavigation = _c === void 0 ? true : _c, classNameOverride = _a.classNameOverride, restProps = tslib.__rest(_a, ["children", "variant", "titleBlockHasNavigation", "classNameOverride"]);
-    var _d = useResizeObserver.useResizeObserver(function (entry) {
-        if (entry.contentRect) {
-            return deriveSkirtHeight(entry.contentRect, titleBlockHasNavigation);
-        }
-        return undefined;
-    }), ref = _d[0], skirtHeight = _d[1];
-    return (React__default.default.createElement(Container.Container, tslib.__assign({ ref: ref, classNameOverride: classnames__default.default(Skirt_module.container, classNameOverride) }, restProps),
-        React__default.default.createElement("div", { style: tslib.__assign({}, (skirtHeight && { height: "".concat(skirtHeight, "px") })), className: classnames__default.default(Skirt_module.underlay, Skirt_module["".concat(variant, "Variant")]) }),
-        React__default.default.createElement(Content.Content, { classNameOverride: Skirt_module.content }, children)));
+  var children = _a.children,
+    _b = _a.variant,
+    variant = _b === void 0 ? "default" : _b,
+    _c = _a.titleBlockHasNavigation,
+    titleBlockHasNavigation = _c === void 0 ? true : _c,
+    classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["children", "variant", "titleBlockHasNavigation", "classNameOverride"]);
+  var _d = useResizeObserver.useResizeObserver(function (entry) {
+      if (entry.contentRect) {
+        return deriveSkirtHeight(entry.contentRect, titleBlockHasNavigation);
+      }
+      return undefined;
+    }),
+    ref = _d[0],
+    skirtHeight = _d[1];
+  return React__default.default.createElement(Container.Container, tslib.__assign({
+    ref: ref,
+    classNameOverride: classnames__default.default(Skirt_module.container, classNameOverride)
+  }, restProps), React__default.default.createElement("div", {
+    style: tslib.__assign({}, skirtHeight && {
+      height: "".concat(skirtHeight, "px")
+    }),
+    className: classnames__default.default(Skirt_module.underlay, Skirt_module["".concat(variant, "Variant")])
+  }), React__default.default.createElement(Content.Content, {
+    classNameOverride: Skirt_module.content
+  }, children));
 };
 Skirt.displayName = "Skirt";
 var deriveSkirtHeight = function (rect, titleBlockHasNavigation) {
-    var height = rect.height, width = rect.width;
-    var responsiveOffset = 0;
-    if (width > 768) {
-        responsiveOffset = 2.8125 * 16;
-    }
-    // This ensures the maximum height of the skirt is consistent between pages
-    // where the title block has/doesn’t have navigation
-    var derivedMaxHeight = titleBlockHasNavigation
-        ? maxHeight
-        : maxHeight + responsiveOffset;
-    var maxHeightWithSpacing = derivedMaxHeight + spacing;
-    return Math.max(spacing, height > maxHeightWithSpacing
-        ? derivedMaxHeight
-        : height * fallbackPercentage - spacing);
+  var height = rect.height,
+    width = rect.width;
+  var responsiveOffset = 0;
+  if (width > 768) {
+    responsiveOffset = 2.8125 * 16;
+  }
+  // This ensures the maximum height of the skirt is consistent between pages
+  // where the title block has/doesn’t have navigation
+  var derivedMaxHeight = titleBlockHasNavigation ? maxHeight : maxHeight + responsiveOffset;
+  var maxHeightWithSpacing = derivedMaxHeight + spacing;
+  return Math.max(spacing, height > maxHeightWithSpacing ? derivedMaxHeight : height * fallbackPercentage - spacing);
 };
-
 exports.Skirt = Skirt;

package/dist/cjs/Skirt/Skirt.module.scss.cjs

@@ -1,5 +1,10 @@
 'use strict';
 
-var styles = {"container":"Skirt-module_container__h4J-J","underlay":"Skirt-module_underlay__isMuP","defaultVariant":"Skirt-module_defaultVariant__VLaHK","educationVariant":"Skirt-module_educationVariant__12yxk","content":"Skirt-module_content__218H1"};
-
+var styles = {
+  "container": "Skirt-module_container__h4J-J",
+  "underlay": "Skirt-module_underlay__isMuP",
+  "defaultVariant": "Skirt-module_defaultVariant__VLaHK",
+  "educationVariant": "Skirt-module_educationVariant__12yxk",
+  "content": "Skirt-module_content__218H1"
+};
 module.exports = styles;

package/dist/cjs/Skirt/subcomponents/SkirtCard/SkirtCard.cjs

@@ -5,16 +5,19 @@ var React = require('react');
 var classnames = require('classnames');
 var Card = require('../../../Card/Card.cjs');
 var SkirtCard_module = require('./SkirtCard.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 SkirtCard = function (props) {
-    var classNameOverride = props.classNameOverride, restProps = tslib.__rest(props, ["classNameOverride"]);
-    return (React__default.default.createElement(Card.Card, tslib.__assign({ classNameOverride: classnames__default.default(SkirtCard_module.wrapper, classNameOverride) }, restProps)));
+  var classNameOverride = props.classNameOverride,
+    restProps = tslib.__rest(props, ["classNameOverride"]);
+  return React__default.default.createElement(Card.Card, tslib.__assign({
+    classNameOverride: classnames__default.default(SkirtCard_module.wrapper, classNameOverride)
+  }, restProps));
 };
 SkirtCard.displayName = "SkirtCard";
-
 exports.SkirtCard = SkirtCard;

package/dist/cjs/Skirt/subcomponents/SkirtCard/SkirtCard.module.scss.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
-var styles = {"wrapper":"SkirtCard-module_wrapper__05vkl"};
-
+var styles = {
+  "wrapper": "SkirtCard-module_wrapper__05vkl"
+};
 module.exports = styles;

package/dist/cjs/Slider/Slider.cjs

@@ -8,9 +8,11 @@ var InputRange = require('../Input/InputRange/InputRange.cjs');
 var Label = require('../Label/Label.cjs');
 var Text = require('../Text/Text.cjs');
 var Slider_module = require('./Slider.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);
 
@@ -19,19 +21,44 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
  * {@link https://cultureamp.design/?path=/docs/components-slider--docs Storybook}
  */
 var Slider = function (_a) {
-    var propsId = _a.id, labelText = _a.labelText, description = _a.description, _b = _a.labelPosition, labelPosition = _b === void 0 ? "inline" : _b, _c = _a.variant, variant = _c === void 0 ? "default" : _c, disabled = _a.disabled, readOnlyMessage = _a.readOnlyMessage, restProps = tslib.__rest(_a, ["id", "labelText", "description", "labelPosition", "variant", "disabled", "readOnlyMessage"]);
-    var id = propsId !== null && propsId !== void 0 ? propsId : React.useId();
-    var descriptionId = "".concat(id, "-description");
-    return (React__default.default.createElement(FieldGroup.FieldGroup, { inline: true },
-        React__default.default.createElement("div", { className: classnames__default.default(Slider_module.wrapper, labelPosition === "inline" && Slider_module.labelInline) },
-            React__default.default.createElement("div", { className: Slider_module.labelWrapper },
-                React__default.default.createElement("div", { className: Slider_module.label },
-                    React__default.default.createElement(Label.Label, { htmlFor: id, labelText: labelText, variant: variant, disabled: disabled })),
-                description && (React__default.default.createElement(Text.Text, { variant: "small", id: descriptionId, classNameOverride: disabled ? Slider_module.descriptionDisabled : undefined }, description))),
-            React__default.default.createElement("div", { className: Slider_module.inputWrapper },
-                React__default.default.createElement(InputRange.InputRange, tslib.__assign({ id: id, "aria-describedby": descriptionId, disabled: disabled }, restProps)),
-                readOnlyMessage && (React__default.default.createElement("div", { className: Slider_module.readOnlyMessage }, readOnlyMessage))))));
+  var propsId = _a.id,
+    labelText = _a.labelText,
+    description = _a.description,
+    _b = _a.labelPosition,
+    labelPosition = _b === void 0 ? "inline" : _b,
+    _c = _a.variant,
+    variant = _c === void 0 ? "default" : _c,
+    disabled = _a.disabled,
+    readOnlyMessage = _a.readOnlyMessage,
+    restProps = tslib.__rest(_a, ["id", "labelText", "description", "labelPosition", "variant", "disabled", "readOnlyMessage"]);
+  var id = propsId !== null && propsId !== void 0 ? propsId : React.useId();
+  var descriptionId = "".concat(id, "-description");
+  return React__default.default.createElement(FieldGroup.FieldGroup, {
+    inline: true
+  }, React__default.default.createElement("div", {
+    className: classnames__default.default(Slider_module.wrapper, labelPosition === "inline" && Slider_module.labelInline)
+  }, React__default.default.createElement("div", {
+    className: Slider_module.labelWrapper
+  }, React__default.default.createElement("div", {
+    className: Slider_module.label
+  }, React__default.default.createElement(Label.Label, {
+    htmlFor: id,
+    labelText: labelText,
+    variant: variant,
+    disabled: disabled
+  })), description && React__default.default.createElement(Text.Text, {
+    variant: "small",
+    id: descriptionId,
+    classNameOverride: disabled ? Slider_module.descriptionDisabled : undefined
+  }, description)), React__default.default.createElement("div", {
+    className: Slider_module.inputWrapper
+  }, React__default.default.createElement(InputRange.InputRange, tslib.__assign({
+    id: id,
+    "aria-describedby": descriptionId,
+    disabled: disabled
+  }, restProps)), readOnlyMessage && React__default.default.createElement("div", {
+    className: Slider_module.readOnlyMessage
+  }, readOnlyMessage))));
 };
 Slider.displayName = "Slider";
-
 exports.Slider = Slider;

package/dist/cjs/Slider/Slider.module.scss.cjs

@@ -1,5 +1,12 @@
 'use strict';
 
-var styles = {"wrapper":"Slider-module_wrapper__zVX6g","labelWrapper":"Slider-module_labelWrapper__WuUIw","label":"Slider-module_label__CfIjh","labelInline":"Slider-module_labelInline__zjINd","inputWrapper":"Slider-module_inputWrapper__n16yj","descriptionDisabled":"Slider-module_descriptionDisabled__8GwiS","readOnlyMessage":"Slider-module_readOnlyMessage__Zscoa"};
-
+var styles = {
+  "wrapper": "Slider-module_wrapper__zVX6g",
+  "labelWrapper": "Slider-module_labelWrapper__WuUIw",
+  "label": "Slider-module_label__CfIjh",
+  "labelInline": "Slider-module_labelInline__zjINd",
+  "inputWrapper": "Slider-module_inputWrapper__n16yj",
+  "descriptionDisabled": "Slider-module_descriptionDisabled__8GwiS",
+  "readOnlyMessage": "Slider-module_readOnlyMessage__Zscoa"
+};
 module.exports = styles;

package/dist/cjs/SplitButton/SplitButton.cjs

@@ -11,9 +11,11 @@ require('../Menu/subcomponents/StatelessMenu/StatelessMenu.cjs');
 var ActionButton = require('./subcomponents/ActionButton/ActionButton.cjs');
 var DropdownButton = require('./subcomponents/DropdownButton/DropdownButton.cjs');
 var SplitButton_module = require('./SplitButton.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);
 
@@ -22,11 +24,30 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
  * {@link https://cultureamp.design/storybook/?path=/docs/components-splitbutton--docs Storybook}
  */
 var SplitButton = function (_a) {
-    var actionButtonProps = _a.actionButtonProps, dropdownButtonProps = _a.dropdownButtonProps, dropdownContent = _a.dropdownContent, isDropdownInitOpen = _a.isDropdownInitOpen, disabled = _a.disabled, isReversed = _a.isReversed, dir = _a.dir, classNameOverride = _a.classNameOverride, restProps = tslib.__rest(_a, ["actionButtonProps", "dropdownButtonProps", "dropdownContent", "isDropdownInitOpen", "disabled", "isReversed", "dir", "classNameOverride"]);
-    return (React__default.default.createElement("div", tslib.__assign({ dir: dir, className: classnames__default.default(SplitButton_module.splitButton, classNameOverride) }, restProps),
-        React__default.default.createElement(ActionButton.ActionButton, tslib.__assign({ disabled: disabled, isReversed: isReversed }, actionButtonProps)),
-        React__default.default.createElement(Menu.Menu, { align: dir === "rtl" ? "left" : "right", dropdownWidth: "contain", button: React__default.default.createElement(DropdownButton.DropdownButton, tslib.__assign({ disabled: disabled, isReversed: isReversed }, dropdownButtonProps)), menuVisible: isDropdownInitOpen }, dropdownContent)));
+  var actionButtonProps = _a.actionButtonProps,
+    dropdownButtonProps = _a.dropdownButtonProps,
+    dropdownContent = _a.dropdownContent,
+    isDropdownInitOpen = _a.isDropdownInitOpen,
+    disabled = _a.disabled,
+    isReversed = _a.isReversed,
+    dir = _a.dir,
+    classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["actionButtonProps", "dropdownButtonProps", "dropdownContent", "isDropdownInitOpen", "disabled", "isReversed", "dir", "classNameOverride"]);
+  return React__default.default.createElement("div", tslib.__assign({
+    dir: dir,
+    className: classnames__default.default(SplitButton_module.splitButton, classNameOverride)
+  }, restProps), React__default.default.createElement(ActionButton.ActionButton, tslib.__assign({
+    disabled: disabled,
+    isReversed: isReversed
+  }, actionButtonProps)), React__default.default.createElement(Menu.Menu, {
+    align: dir === "rtl" ? "left" : "right",
+    dropdownWidth: "contain",
+    button: React__default.default.createElement(DropdownButton.DropdownButton, tslib.__assign({
+      disabled: disabled,
+      isReversed: isReversed
+    }, dropdownButtonProps)),
+    menuVisible: isDropdownInitOpen
+  }, dropdownContent));
 };
 SplitButton.displayName = "SplitButton";
-
 exports.SplitButton = SplitButton;

package/dist/cjs/SplitButton/SplitButton.module.scss.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
-var styles = {"splitButton":"SplitButton-module_splitButton__oNIKE"};
-
+var styles = {
+  "splitButton": "SplitButton-module_splitButton__oNIKE"
+};
 module.exports = styles;

package/dist/cjs/SplitButton/subcomponents/ActionButton/ActionButton.cjs

@@ -5,16 +5,19 @@ var React = require('react');
 var classnames = require('classnames');
 var BaseButton = require('../BaseButton/BaseButton.cjs');
 var ActionButton_module = require('./ActionButton.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 ActionButton = function (_a) {
-    var classNameOverride = _a.classNameOverride, restProps = tslib.__rest(_a, ["classNameOverride"]);
-    return (React__default.default.createElement(BaseButton.BaseButton, tslib.__assign({ classNameOverride: classnames__default.default(ActionButton_module.actionButton, classNameOverride) }, restProps)));
+  var classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["classNameOverride"]);
+  return React__default.default.createElement(BaseButton.BaseButton, tslib.__assign({
+    classNameOverride: classnames__default.default(ActionButton_module.actionButton, classNameOverride)
+  }, restProps));
 };
 ActionButton.displayName = "ActionButton";
-
 exports.ActionButton = ActionButton;

package/dist/cjs/SplitButton/subcomponents/ActionButton/ActionButton.module.scss.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
-var styles = {"actionButton":"ActionButton-module_actionButton__mJRl4"};
-
+var styles = {
+  "actionButton": "ActionButton-module_actionButton__mJRl4"
+};
 module.exports = styles;