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

package/dist/cjs/Modal/InputEditModal/InputEditModal.cjs

@@ -12,9 +12,11 @@ var ModalHeader = require('../GenericModal/subcomponents/ModalHeader/ModalHeader
 var ModalAccessibleLabel = require('../GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.cjs');
 var ModalBody = require('../GenericModal/subcomponents/ModalBody/ModalBody.cjs');
 var InputEditModal_module = require('./InputEditModal.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);
 
@@ -23,35 +25,65 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
  * {@link https://cultureamp.design/?path=/docs/components-modals-inputeditmodal--docs Storybook}
  */
 var InputEditModal = function (_a) {
-    var isOpen = _a.isOpen, mood = _a.mood, title = _a.title, onSubmit = _a.onSubmit, onSecondaryAction = _a.onSecondaryAction, onAfterLeave = _a.onAfterLeave, _b = _a.localeDirection, localeDirection = _b === void 0 ? "ltr" : _b, _c = _a.submitLabel, submitLabel = _c === void 0 ? "Submit" : _c, _d = _a.dismissLabel, dismissLabel = _d === void 0 ? "Cancel" : _d, secondaryLabel = _a.secondaryLabel, submitWorking = _a.submitWorking, children = _a.children, _e = _a.unpadded, unpadded = _e === void 0 ? false : _e, propsOnDismiss = _a.onDismiss, props = tslib.__rest(_a, ["isOpen", "mood", "title", "onSubmit", "onSecondaryAction", "onAfterLeave", "localeDirection", "submitLabel", "dismissLabel", "secondaryLabel", "submitWorking", "children", "unpadded", "onDismiss"]);
-    var onDismiss = submitWorking ? undefined : propsOnDismiss;
-    var submitAction = { label: submitLabel, onClick: onSubmit };
-    var workingProps = submitWorking
-        ? {
-            working: true,
-            workingLabel: submitWorking.label,
-            workingLabelHidden: submitWorking.labelHidden,
-        }
-        : {};
-    var showSecondary = onSecondaryAction && secondaryLabel;
-    var footerActions = [
-        tslib.__assign(tslib.__assign({}, submitAction), workingProps),
-        {
-            label: showSecondary ? secondaryLabel : dismissLabel,
-            onClick: showSecondary ? onSecondaryAction : onDismiss,
-            disabled: !!submitWorking,
-        },
-    ];
-    return (React__default.default.createElement(GenericModal.GenericModal, { isOpen: isOpen, onEscapeKeyup: onDismiss, onAfterLeave: onAfterLeave },
-        React__default.default.createElement("div", tslib.__assign({ className: InputEditModal_module.modal, dir: localeDirection, "data-modal": true }, props),
-            React__default.default.createElement(ModalHeader.ModalHeader, { onDismiss: onDismiss },
-                React__default.default.createElement("div", { className: classnames__default.default(InputEditModal_module.header, localeDirection === "rtl" && InputEditModal_module.textAlignRTL, !unpadded && InputEditModal_module.padded) },
-                    React__default.default.createElement(ModalAccessibleLabel.ModalAccessibleLabel, null,
-                        React__default.default.createElement(Heading.Heading, { tag: "h2", variant: "heading-2" }, title)))),
-            React__default.default.createElement(ModalBody.ModalBody, null,
-                React__default.default.createElement("div", { className: classnames__default.default(InputEditModal_module.body, !unpadded && InputEditModal_module.padded), dir: localeDirection }, children)),
-            React__default.default.createElement(ModalFooter.ModalFooter, { actions: footerActions, appearance: mood === "destructive" ? "destructive" : "primary", variant: "inputEdit", unpadded: unpadded }))));
+  var isOpen = _a.isOpen,
+    mood = _a.mood,
+    title = _a.title,
+    onSubmit = _a.onSubmit,
+    onSecondaryAction = _a.onSecondaryAction,
+    onAfterLeave = _a.onAfterLeave,
+    _b = _a.localeDirection,
+    localeDirection = _b === void 0 ? "ltr" : _b,
+    _c = _a.submitLabel,
+    submitLabel = _c === void 0 ? "Submit" : _c,
+    _d = _a.dismissLabel,
+    dismissLabel = _d === void 0 ? "Cancel" : _d,
+    secondaryLabel = _a.secondaryLabel,
+    submitWorking = _a.submitWorking,
+    children = _a.children,
+    _e = _a.unpadded,
+    unpadded = _e === void 0 ? false : _e,
+    propsOnDismiss = _a.onDismiss,
+    props = tslib.__rest(_a, ["isOpen", "mood", "title", "onSubmit", "onSecondaryAction", "onAfterLeave", "localeDirection", "submitLabel", "dismissLabel", "secondaryLabel", "submitWorking", "children", "unpadded", "onDismiss"]);
+  var onDismiss = submitWorking ? undefined : propsOnDismiss;
+  var submitAction = {
+    label: submitLabel,
+    onClick: onSubmit
+  };
+  var workingProps = submitWorking ? {
+    working: true,
+    workingLabel: submitWorking.label,
+    workingLabelHidden: submitWorking.labelHidden
+  } : {};
+  var showSecondary = onSecondaryAction && secondaryLabel;
+  var footerActions = [tslib.__assign(tslib.__assign({}, submitAction), workingProps), {
+    label: showSecondary ? secondaryLabel : dismissLabel,
+    onClick: showSecondary ? onSecondaryAction : onDismiss,
+    disabled: !!submitWorking
+  }];
+  return React__default.default.createElement(GenericModal.GenericModal, {
+    isOpen: isOpen,
+    onEscapeKeyup: onDismiss,
+    onAfterLeave: onAfterLeave
+  }, React__default.default.createElement("div", tslib.__assign({
+    className: InputEditModal_module.modal,
+    dir: localeDirection,
+    "data-modal": true
+  }, props), React__default.default.createElement(ModalHeader.ModalHeader, {
+    onDismiss: onDismiss
+  }, React__default.default.createElement("div", {
+    className: classnames__default.default(InputEditModal_module.header, localeDirection === "rtl" && InputEditModal_module.textAlignRTL, !unpadded && InputEditModal_module.padded)
+  }, React__default.default.createElement(ModalAccessibleLabel.ModalAccessibleLabel, null, React__default.default.createElement(Heading.Heading, {
+    tag: "h2",
+    variant: "heading-2"
+  }, title)))), React__default.default.createElement(ModalBody.ModalBody, null, React__default.default.createElement("div", {
+    className: classnames__default.default(InputEditModal_module.body, !unpadded && InputEditModal_module.padded),
+    dir: localeDirection
+  }, children)), React__default.default.createElement(ModalFooter.ModalFooter, {
+    actions: footerActions,
+    appearance: mood === "destructive" ? "destructive" : "primary",
+    variant: "inputEdit",
+    unpadded: unpadded
+  })));
 };
 InputEditModal.displayName = "InputEditModal";
-
 exports.InputEditModal = InputEditModal;

package/dist/cjs/Modal/InputEditModal/InputEditModal.module.scss.cjs

@@ -1,5 +1,25 @@
 'use strict';
 
-var styles = {"defaultModalWidth":"InputEditModal-module_defaultModalWidth__My9Eh","backdropLayer":"InputEditModal-module_backdropLayer__aVLSb","scrollLayer":"InputEditModal-module_scrollLayer__isygg","modalLayer":"InputEditModal-module_modalLayer__r5vqj","modal":"InputEditModal-module_modal__SbQqp","animatingEnter":"InputEditModal-module_animatingEnter__qZgX2","fade-0-to-0-5":"InputEditModal-module_fade-0-to-0-5__ywvjR","custom-1":"InputEditModal-module_custom-1__wSZX6","animatingLeave":"InputEditModal-module_animatingLeave__S2HGz","fade-0-5-to-0":"InputEditModal-module_fade-0-5-to-0__s2WmG","custom-3":"InputEditModal-module_custom-3__T3riv","unscrollable":"InputEditModal-module_unscrollable__GN1M2","pseudoScrollbar":"InputEditModal-module_pseudoScrollbar__WCHmn","hide":"InputEditModal-module_hide__N88RW","custom-5":"InputEditModal-module_custom-5__trORr","custom-7":"InputEditModal-module_custom-7__-98CZ","header":"InputEditModal-module_header__nivTf","textAlignRTL":"InputEditModal-module_textAlignRTL__5QQP8","padded":"InputEditModal-module_padded__ZdEIS","body":"InputEditModal-module_body__LyxBE"};
-
+var styles = {
+  "defaultModalWidth": "InputEditModal-module_defaultModalWidth__My9Eh",
+  "backdropLayer": "InputEditModal-module_backdropLayer__aVLSb",
+  "scrollLayer": "InputEditModal-module_scrollLayer__isygg",
+  "modalLayer": "InputEditModal-module_modalLayer__r5vqj",
+  "modal": "InputEditModal-module_modal__SbQqp",
+  "animatingEnter": "InputEditModal-module_animatingEnter__qZgX2",
+  "fade-0-to-0-5": "InputEditModal-module_fade-0-to-0-5__ywvjR",
+  "custom-1": "InputEditModal-module_custom-1__wSZX6",
+  "animatingLeave": "InputEditModal-module_animatingLeave__S2HGz",
+  "fade-0-5-to-0": "InputEditModal-module_fade-0-5-to-0__s2WmG",
+  "custom-3": "InputEditModal-module_custom-3__T3riv",
+  "unscrollable": "InputEditModal-module_unscrollable__GN1M2",
+  "pseudoScrollbar": "InputEditModal-module_pseudoScrollbar__WCHmn",
+  "hide": "InputEditModal-module_hide__N88RW",
+  "custom-5": "InputEditModal-module_custom-5__trORr",
+  "custom-7": "InputEditModal-module_custom-7__-98CZ",
+  "header": "InputEditModal-module_header__nivTf",
+  "textAlignRTL": "InputEditModal-module_textAlignRTL__5QQP8",
+  "padded": "InputEditModal-module_padded__ZdEIS",
+  "body": "InputEditModal-module_body__LyxBE"
+};
 module.exports = styles;

package/dist/cjs/Modal/util/console.cjs

@@ -6,12 +6,11 @@ var reset = "\u001b[0m ";
  * @deprecated Do not use ever again
  */
 var warn = function (message) {
-    // eslint-disable-next-line no-console
-    console.warn("".concat(yellow, "\nCULTUREAMP UI WARNING:\n").concat(singleLine(message)).concat(reset, "\n"));
+  // eslint-disable-next-line no-console
+  console.warn("".concat(yellow, "\nCULTUREAMP UI WARNING:\n").concat(singleLine(message)).concat(reset, "\n"));
 };
 var singleLine = function (message) {
-    return message.replace(/^ +/gm, " ").replace(/\n|\r/gm, "").trim();
+  return message.replace(/^ +/gm, " ").replace(/\n|\r/gm, "").trim();
 };
-
 exports.singleLine = singleLine;
 exports.warn = warn;

package/dist/cjs/MultiSelect/MultiSelect.cjs

@@ -10,58 +10,107 @@ var MultiSelectToggle = require('./subcomponents/MultiSelectToggle/MultiSelectTo
 var Popover = require('./subcomponents/Popover/Popover.cjs');
 var reactDom = require('@floating-ui/react-dom');
 var MultiSelect_module = require('./MultiSelect.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 MultiSelect = function (_a) {
-    var propsId = _a.id, label = _a.label, items = _a.items, selectedValues = _a.selectedValues, description = _a.description, onSelectedValuesChange = _a.onSelectedValuesChange, isOpen = _a.isOpen, onOpenChange = _a.onOpenChange, classNameOverride = _a.classNameOverride, validationMessage = _a.validationMessage, restProps = tslib.__rest(_a, ["id", "label", "items", "selectedValues", "description", "onSelectedValuesChange", "isOpen", "onOpenChange", "classNameOverride", "validationMessage"]);
-    var id = propsId !== null && propsId !== void 0 ? propsId : React.useId();
-    var descriptionId = "".concat(id, "-description");
-    var validationId = "".concat(id, "-validation-message");
-    var toggleButtonRef = React.useRef(null);
-    var refs = reactDom.useFloating().refs;
-    var handleToggleClick = function () { return onOpenChange(!isOpen); };
-    var handleClose = function () { return onOpenChange(false); };
-    var onClickOutside = function (e) {
-        var toggle = refs.reference.current;
-        var isInToggle = toggle.contains(e.target);
-        if (!isInToggle) {
-            e.stopPropagation();
-            handleClose();
-        }
-    };
-    var itemsMap = items.reduce(function (acc, item) {
-        acc[item.value] = item;
-        return acc;
-    }, {});
-    var handleOnRemoveOption = function (optionValue) {
-        var newValues = new Set(selectedValues.values());
-        newValues.delete(optionValue);
-        onSelectedValuesChange(newValues);
-    };
-    var handleRemoveAllOptions = function () {
-        var newValues = new Set([]);
-        onSelectedValuesChange(newValues);
-    };
-    return (React__default.default.createElement("div", tslib.__assign({ id: id, className: classnames__default.default(classNameOverride) }, restProps),
-        React__default.default.createElement(Heading.Heading, { tag: "span", variant: "heading-6", id: "".concat(id, "--label") }, label),
-        React__default.default.createElement("div", { ref: refs.setReference, className: MultiSelect_module.toggleContainer },
-            React__default.default.createElement(MultiSelectToggle.MultiSelectToggle, { ref: toggleButtonRef, id: "".concat(id, "--toggle"), "aria-labelledby": "".concat(id, "--label"), "aria-describedby": "".concat(validationId, " ").concat(descriptionId), "aria-controls": "".concat(id, "--popover"), onClick: handleToggleClick, isOpen: isOpen, selectedOptions: Array.from(selectedValues).map(function (value) { return itemsMap[value]; }), status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status, onRemoveOption: handleOnRemoveOption, onRemoveAllOptions: handleRemoveAllOptions })),
-        validationMessage && (React__default.default.createElement(FieldMessage.FieldMessage, tslib.__assign({ id: validationId }, validationMessage))),
-        description && React__default.default.createElement(FieldMessage.FieldMessage, { id: descriptionId, message: description }),
-        isOpen && (React__default.default.createElement(Popover.Popover, { refs: refs, id: "".concat(id, "--popover"), focusOnProps: {
-                enabled: true,
-                onClickOutside: onClickOutside,
-                onEscapeKey: handleClose,
-                shards: [toggleButtonRef],
-                noIsolation: true,
-                onActivation: function () { var _a, _b; return (_b = (_a = refs.floating) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus(); },
-            }, classNameOverride: MultiSelect_module.popover },
-            React__default.default.createElement(MultiSelectOptions.MultiSelectOptions, { id: "".concat(id, "--options"), options: items, onChange: onSelectedValuesChange, selectedValues: selectedValues })))));
+  var propsId = _a.id,
+    label = _a.label,
+    items = _a.items,
+    selectedValues = _a.selectedValues,
+    description = _a.description,
+    onSelectedValuesChange = _a.onSelectedValuesChange,
+    isOpen = _a.isOpen,
+    onOpenChange = _a.onOpenChange,
+    classNameOverride = _a.classNameOverride,
+    validationMessage = _a.validationMessage,
+    restProps = tslib.__rest(_a, ["id", "label", "items", "selectedValues", "description", "onSelectedValuesChange", "isOpen", "onOpenChange", "classNameOverride", "validationMessage"]);
+  var id = propsId !== null && propsId !== void 0 ? propsId : React.useId();
+  var descriptionId = "".concat(id, "-description");
+  var validationId = "".concat(id, "-validation-message");
+  var toggleButtonRef = React.useRef(null);
+  var refs = reactDom.useFloating().refs;
+  var handleToggleClick = function () {
+    return onOpenChange(!isOpen);
+  };
+  var handleClose = function () {
+    return onOpenChange(false);
+  };
+  var onClickOutside = function (e) {
+    var toggle = refs.reference.current;
+    var isInToggle = toggle.contains(e.target);
+    if (!isInToggle) {
+      e.stopPropagation();
+      handleClose();
+    }
+  };
+  var itemsMap = items.reduce(function (acc, item) {
+    acc[item.value] = item;
+    return acc;
+  }, {});
+  var handleOnRemoveOption = function (optionValue) {
+    var newValues = new Set(selectedValues.values());
+    newValues.delete(optionValue);
+    onSelectedValuesChange(newValues);
+  };
+  var handleRemoveAllOptions = function () {
+    var newValues = new Set([]);
+    onSelectedValuesChange(newValues);
+  };
+  return React__default.default.createElement("div", tslib.__assign({
+    id: id,
+    className: classnames__default.default(classNameOverride)
+  }, restProps), React__default.default.createElement(Heading.Heading, {
+    tag: "span",
+    variant: "heading-6",
+    id: "".concat(id, "--label")
+  }, label), React__default.default.createElement("div", {
+    ref: refs.setReference,
+    className: MultiSelect_module.toggleContainer
+  }, React__default.default.createElement(MultiSelectToggle.MultiSelectToggle, {
+    ref: toggleButtonRef,
+    id: "".concat(id, "--toggle"),
+    "aria-labelledby": "".concat(id, "--label"),
+    "aria-describedby": "".concat(validationId, " ").concat(descriptionId),
+    "aria-controls": "".concat(id, "--popover"),
+    onClick: handleToggleClick,
+    isOpen: isOpen,
+    selectedOptions: Array.from(selectedValues).map(function (value) {
+      return itemsMap[value];
+    }),
+    status: validationMessage === null || validationMessage === void 0 ? void 0 : validationMessage.status,
+    onRemoveOption: handleOnRemoveOption,
+    onRemoveAllOptions: handleRemoveAllOptions
+  })), validationMessage && React__default.default.createElement(FieldMessage.FieldMessage, tslib.__assign({
+    id: validationId
+  }, validationMessage)), description && React__default.default.createElement(FieldMessage.FieldMessage, {
+    id: descriptionId,
+    message: description
+  }), isOpen && React__default.default.createElement(Popover.Popover, {
+    refs: refs,
+    id: "".concat(id, "--popover"),
+    focusOnProps: {
+      enabled: true,
+      onClickOutside: onClickOutside,
+      onEscapeKey: handleClose,
+      shards: [toggleButtonRef],
+      noIsolation: true,
+      onActivation: function () {
+        var _a, _b;
+        return (_b = (_a = refs.floating) === null || _a === void 0 ? void 0 : _a.current) === null || _b === void 0 ? void 0 : _b.focus();
+      }
+    },
+    classNameOverride: MultiSelect_module.popover
+  }, React__default.default.createElement(MultiSelectOptions.MultiSelectOptions, {
+    id: "".concat(id, "--options"),
+    options: items,
+    onChange: onSelectedValuesChange,
+    selectedValues: selectedValues
+  })));
 };
 MultiSelect.displayName = "MultiSelect";
-
 exports.MultiSelect = MultiSelect;

package/dist/cjs/MultiSelect/MultiSelect.module.scss.cjs

@@ -1,5 +1,7 @@
 'use strict';
 
-var styles = {"toggleContainer":"MultiSelect-module_toggleContainer__AxNnf","popover":"MultiSelect-module_popover__jI13O"};
-
+var styles = {
+  "toggleContainer": "MultiSelect-module_toggleContainer__AxNnf",
+  "popover": "MultiSelect-module_popover__jI13O"
+};
 module.exports = styles;

package/dist/cjs/MultiSelect/subcomponents/Checkbox/Checkbox.cjs

@@ -7,45 +7,57 @@ require('../../../Icon/subcomponents/SVG/SVG.cjs');
 var CheckIcon = require('../../../Icon/CheckIcon.cjs');
 var MinusIcon = require('../../../Icon/MinusIcon.cjs');
 var Checkbox_module = require('./Checkbox.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 renderIcon = function (status) {
-    switch (status) {
-        case "indeterminate":
-            return React__default.default.createElement(MinusIcon.MinusIcon, { role: "presentation", classNameOverride: Checkbox_module.icon });
-        case "checked":
-            return React__default.default.createElement(CheckIcon.CheckIcon, { role: "presentation", classNameOverride: Checkbox_module.icon });
-        default:
-            return null;
-    }
+  switch (status) {
+    case "indeterminate":
+      return React__default.default.createElement(MinusIcon.MinusIcon, {
+        role: "presentation",
+        classNameOverride: Checkbox_module.icon
+      });
+    case "checked":
+      return React__default.default.createElement(CheckIcon.CheckIcon, {
+        role: "presentation",
+        classNameOverride: Checkbox_module.icon
+      });
+    default:
+      return null;
+  }
 };
 var Checkbox = function (_a) {
-    var checkedStatus = _a.checkedStatus, classNameOverride = _a.classNameOverride, restProps = tslib.__rest(_a, ["checkedStatus", "classNameOverride"]);
-    var checkboxRef = React.useRef(null);
-    React.useEffect(function () {
-        if (checkboxRef.current) {
-            if (checkedStatus === "checked") {
-                checkboxRef.current.checked = true;
-                checkboxRef.current.indeterminate = false;
-            }
-            else if (checkedStatus === "unchecked") {
-                checkboxRef.current.checked = false;
-                checkboxRef.current.indeterminate = false;
-            }
-            else if (checkedStatus === "indeterminate") {
-                checkboxRef.current.checked = false;
-                checkboxRef.current.indeterminate = true;
-            }
-        }
-    }, [checkedStatus]);
-    return (React__default.default.createElement("span", { className: classnames__default.default(Checkbox_module.checkbox, checkedStatus !== "unchecked" && Checkbox_module.selected, classNameOverride) },
-        React__default.default.createElement("input", tslib.__assign({ ref: checkboxRef, type: "checkbox", className: Checkbox_module.nativeCheckbox }, restProps)),
-        React__default.default.createElement("span", { className: Checkbox_module.iconContainer }, renderIcon(checkedStatus))));
+  var checkedStatus = _a.checkedStatus,
+    classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["checkedStatus", "classNameOverride"]);
+  var checkboxRef = React.useRef(null);
+  React.useEffect(function () {
+    if (checkboxRef.current) {
+      if (checkedStatus === "checked") {
+        checkboxRef.current.checked = true;
+        checkboxRef.current.indeterminate = false;
+      } else if (checkedStatus === "unchecked") {
+        checkboxRef.current.checked = false;
+        checkboxRef.current.indeterminate = false;
+      } else if (checkedStatus === "indeterminate") {
+        checkboxRef.current.checked = false;
+        checkboxRef.current.indeterminate = true;
+      }
+    }
+  }, [checkedStatus]);
+  return React__default.default.createElement("span", {
+    className: classnames__default.default(Checkbox_module.checkbox, checkedStatus !== "unchecked" && Checkbox_module.selected, classNameOverride)
+  }, React__default.default.createElement("input", tslib.__assign({
+    ref: checkboxRef,
+    type: "checkbox",
+    className: Checkbox_module.nativeCheckbox
+  }, restProps)), React__default.default.createElement("span", {
+    className: Checkbox_module.iconContainer
+  }, renderIcon(checkedStatus)));
 };
 Checkbox.displayName = "Checkbox";
-
 exports.Checkbox = Checkbox;

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

@@ -1,5 +1,10 @@
 'use strict';
 
-var styles = {"checkbox":"Checkbox-module_checkbox__0LHj5","selected":"Checkbox-module_selected__-Nd6E","nativeCheckbox":"Checkbox-module_nativeCheckbox__BauKG","iconContainer":"Checkbox-module_iconContainer__Nsip6","icon":"Checkbox-module_icon__2b48e"};
-
+var styles = {
+  "checkbox": "Checkbox-module_checkbox__0LHj5",
+  "selected": "Checkbox-module_selected__-Nd6E",
+  "nativeCheckbox": "Checkbox-module_nativeCheckbox__BauKG",
+  "iconContainer": "Checkbox-module_iconContainer__Nsip6",
+  "icon": "Checkbox-module_icon__2b48e"
+};
 module.exports = styles;

package/dist/cjs/MultiSelect/subcomponents/MultiSelectOptionField/MultiSelectOptionField.cjs

@@ -5,20 +5,32 @@ var React = require('react');
 var classnames = require('classnames');
 var Checkbox = require('../Checkbox/Checkbox.cjs');
 var MultiSelectOptionField_module = require('./MultiSelectOptionField.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 MultiSelectOptionField = function (_a) {
-    var id = _a.id, option = _a.option, checkedStatus = _a.checkedStatus, onChange = _a.onChange, classNameOverride = _a.classNameOverride, restProps = tslib.__rest(_a, ["id", "option", "checkedStatus", "onChange", "classNameOverride"]);
-    return (React__default.default.createElement("div", tslib.__assign({ className: classnames__default.default(MultiSelectOptionField_module.multiSelectOptionField, classNameOverride) }, restProps),
-        React__default.default.createElement(Checkbox.Checkbox, { id: id, checkedStatus: checkedStatus, onChange: onChange, value: option.value, classNameOverride: classnames__default.default(MultiSelectOptionField_module.checkbox, [
-                checkedStatus !== "unchecked" && MultiSelectOptionField_module.checked,
-            ]) }),
-        React__default.default.createElement("label", { htmlFor: id, className: MultiSelectOptionField_module.label }, option.label)));
+  var id = _a.id,
+    option = _a.option,
+    checkedStatus = _a.checkedStatus,
+    onChange = _a.onChange,
+    classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["id", "option", "checkedStatus", "onChange", "classNameOverride"]);
+  return React__default.default.createElement("div", tslib.__assign({
+    className: classnames__default.default(MultiSelectOptionField_module.multiSelectOptionField, classNameOverride)
+  }, restProps), React__default.default.createElement(Checkbox.Checkbox, {
+    id: id,
+    checkedStatus: checkedStatus,
+    onChange: onChange,
+    value: option.value,
+    classNameOverride: classnames__default.default(MultiSelectOptionField_module.checkbox, [checkedStatus !== "unchecked" && MultiSelectOptionField_module.checked])
+  }), React__default.default.createElement("label", {
+    htmlFor: id,
+    className: MultiSelectOptionField_module.label
+  }, option.label));
 };
 MultiSelectOptionField.displayName = "MultiSelect.OptionField";
-
 exports.MultiSelectOptionField = MultiSelectOptionField;

package/dist/cjs/MultiSelect/subcomponents/MultiSelectOptionField/MultiSelectOptionField.module.scss.cjs

@@ -1,5 +1,9 @@
 'use strict';
 
-var styles = {"multiSelectOptionField":"MultiSelectOptionField-module_multiSelectOptionField__-PNh-","checkbox":"MultiSelectOptionField-module_checkbox__rDOxI","checked":"MultiSelectOptionField-module_checked__wo-TX","label":"MultiSelectOptionField-module_label__79KfB"};
-
+var styles = {
+  "multiSelectOptionField": "MultiSelectOptionField-module_multiSelectOptionField__-PNh-",
+  "checkbox": "MultiSelectOptionField-module_checkbox__rDOxI",
+  "checked": "MultiSelectOptionField-module_checked__wo-TX",
+  "label": "MultiSelectOptionField-module_label__79KfB"
+};
 module.exports = styles;

package/dist/cjs/MultiSelect/subcomponents/MultiSelectOptions/MultiSelectOptions.cjs

@@ -7,31 +7,51 @@ var Text = require('../../../Text/Text.cjs');
 var VisuallyHidden = require('../../../VisuallyHidden/VisuallyHidden.cjs');
 var MultiSelectOptionField = require('../MultiSelectOptionField/MultiSelectOptionField.cjs');
 var MultiSelectOptions_module = require('./MultiSelectOptions.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 MultiSelectOptions = function (_a) {
-    var id = _a.id, options = _a.options, selectedValues = _a.selectedValues, onChange = _a.onChange, classNameOverride = _a.classNameOverride, restProps = tslib.__rest(_a, ["id", "options", "selectedValues", "onChange", "classNameOverride"]);
-    var optionsCountId = "".concat(id, "--options-count");
-    var handleOptionChange = function (optionValue) {
-        var newValues = new Set(selectedValues.values());
-        if (newValues.has(optionValue)) {
-            newValues.delete(optionValue);
-        }
-        else {
-            newValues.add(optionValue);
-        }
-        onChange(newValues);
-    };
-    return (React__default.default.createElement("fieldset", tslib.__assign({ id: id, "aria-describedby": optionsCountId, className: classnames__default.default(MultiSelectOptions_module.multiSelectOptions, classNameOverride) }, restProps),
-        React__default.default.createElement(VisuallyHidden.VisuallyHidden, { id: optionsCountId, "aria-live": "polite" },
-            "Options available: ",
-            options.length),
-        options.length === 0 ? (React__default.default.createElement(Text.Text, { tag: "span", variant: "body" }, "No options available")) : (options.map(function (option) { return (React__default.default.createElement(MultiSelectOptionField.MultiSelectOptionField, { key: option.value, id: "".concat(id, "--").concat(option.value), onChange: function () { return handleOptionChange(option.value); }, checkedStatus: selectedValues.has(option.value) ? "checked" : "unchecked", option: option })); }))));
+  var id = _a.id,
+    options = _a.options,
+    selectedValues = _a.selectedValues,
+    onChange = _a.onChange,
+    classNameOverride = _a.classNameOverride,
+    restProps = tslib.__rest(_a, ["id", "options", "selectedValues", "onChange", "classNameOverride"]);
+  var optionsCountId = "".concat(id, "--options-count");
+  var handleOptionChange = function (optionValue) {
+    var newValues = new Set(selectedValues.values());
+    if (newValues.has(optionValue)) {
+      newValues.delete(optionValue);
+    } else {
+      newValues.add(optionValue);
+    }
+    onChange(newValues);
+  };
+  return React__default.default.createElement("fieldset", tslib.__assign({
+    id: id,
+    "aria-describedby": optionsCountId,
+    className: classnames__default.default(MultiSelectOptions_module.multiSelectOptions, classNameOverride)
+  }, restProps), React__default.default.createElement(VisuallyHidden.VisuallyHidden, {
+    id: optionsCountId,
+    "aria-live": "polite"
+  }, "Options available: ", options.length), options.length === 0 ? React__default.default.createElement(Text.Text, {
+    tag: "span",
+    variant: "body"
+  }, "No options available") : options.map(function (option) {
+    return React__default.default.createElement(MultiSelectOptionField.MultiSelectOptionField, {
+      key: option.value,
+      id: "".concat(id, "--").concat(option.value),
+      onChange: function () {
+        return handleOptionChange(option.value);
+      },
+      checkedStatus: selectedValues.has(option.value) ? "checked" : "unchecked",
+      option: option
+    });
+  }));
 };
 MultiSelectOptions.displayName = "MultiSelectOptions";
-
 exports.MultiSelectOptions = MultiSelectOptions;

package/dist/cjs/MultiSelect/subcomponents/MultiSelectOptions/MultiSelectOptions.module.scss.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
-var styles = {"multiSelectOptions":"MultiSelectOptions-module_multiSelectOptions__b8hYg"};
-
+var styles = {
+  "multiSelectOptions": "MultiSelectOptions-module_multiSelectOptions__b8hYg"
+};
 module.exports = styles;