@kaizen/components 1.47.0 → 1.47.1

package/dist/esm/RichTextEditor/utils/schema/marks.mjs

@@ -0,0 +1,70 @@
+import { __assign } from 'tslib';
+import { marks } from 'prosemirror-schema-basic';
+import { validateLink } from '../plugins/LinkManager/validation.mjs';
+var getMarks = function () {
+  return __assign(__assign({}, marks), {
+    // An underline mark. Rendered as a `<u>` element. Has parse rules that also
+    // matches `font-style: underline`.
+    underline: {
+      parseDOM: [{
+        tag: "u"
+      }, {
+        style: "font-style=underline"
+      }],
+      toDOM: function () {
+        return ["u", 0];
+      }
+    },
+    // A link. Rendered and parsed as an `<a>` element.
+    link: {
+      attrs: {
+        href: {
+          default: null
+        },
+        _metadata: {
+          default: {
+            added: true
+          }
+        },
+        target: {
+          default: "_blank"
+        },
+        rel: {
+          default: "noreferrer"
+        }
+      },
+      inclusive: false,
+      parseDOM: [{
+        tag: "a[href]",
+        getAttrs: function (dom) {
+          return {
+            href: getAttributeWithDefault(dom, "href"),
+            target: getAttributeWithDefault(dom, "target"),
+            rel: getAttributeWithDefault(dom, "rel"),
+            _metadata: null
+          };
+        }
+      }],
+      toDOM: function (node) {
+        var _a = node.attrs,
+          href = _a.href,
+          target = _a.target,
+          rel = _a.rel;
+        var validationStatus = validateLink(href);
+        if (validationStatus.status === "error") {
+          return ["span", 0];
+        }
+        return ["a", {
+          href: href,
+          target: target,
+          rel: rel
+        }, 0];
+      }
+    }
+  });
+};
+var getAttributeWithDefault = function (node, attributeName) {
+  var value = node.getAttribute(attributeName);
+  return value && value !== "" ? value : null;
+};
+export { getMarks };

package/dist/esm/RichTextEditor/utils/schema/nodes.mjs

@@ -0,0 +1,32 @@
+import { __rest, __assign } from 'tslib';
+import { nodes } from 'prosemirror-schema-basic';
+import { orderedList, bulletList, listItem } from 'prosemirror-schema-list';
+var getNodes = function () {
+  // We use camel case names instead of ProseMirror's snake case, so we remove any snake case properties here before spreading
+  var hardBreak = nodes.hard_break,
+    horizontalRule = nodes.horizontal_rule,
+    codeBlock = nodes.code_block,
+    proseNodesNoSnakeCase = __rest(nodes
+    // ...and then add them back in manually
+    , ["hard_break", "horizontal_rule", "code_block"]);
+  // ...and then add them back in manually
+  var proseNodesWithCamelCase = __assign(__assign({}, proseNodesNoSnakeCase), {
+    hardBreak: hardBreak,
+    horizontalRule: horizontalRule,
+    codeBlock: codeBlock
+  });
+  return __assign(__assign({}, proseNodesWithCamelCase), {
+    orderedList: __assign(__assign({}, orderedList), {
+      content: "listItem+",
+      group: "block"
+    }),
+    bulletList: __assign(__assign({}, bulletList), {
+      content: "listItem+",
+      group: "block"
+    }),
+    listItem: __assign(__assign({}, listItem), {
+      content: "paragraph block*"
+    })
+  });
+};
+export { getNodes };

package/dist/esm/SearchField/SearchField.mjs

@@ -0,0 +1,45 @@
+import { __rest, __assign } from 'tslib';
+import React, { useId } from 'react';
+import { InputSearch } from '../Input/InputSearch/InputSearch.mjs';
+import { Label } from '../Label/Label.mjs';
+import styles from './SearchField.module.scss.mjs';
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896613/Search+Field Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-search-field--docs Storybook}
+ */
+const SearchField = /*#__PURE__*/function () {
+  const SearchField = function (_a) {
+    var propsId = _a.id,
+      labelText = _a.labelText,
+      disabled = _a.disabled,
+      _b = _a.reversed,
+      reversed = _b === void 0 ? false : _b,
+      _c = _a.secondary,
+      secondary = _c === void 0 ? false : _c,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["id", "labelText", "disabled", "reversed", "secondary", "classNameOverride"]);
+    var showVisibleLabel = !secondary;
+    var reactId = useId();
+    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
+    // @todo: Move restProps to container div?
+    return /*#__PURE__*/React.createElement("div", {
+      className: classNameOverride
+    }, showVisibleLabel && ( /*#__PURE__*/React.createElement(Label, {
+      htmlFor: id,
+      labelText: labelText,
+      reversed: reversed,
+      disabled: disabled,
+      classNameOverride: styles.label
+    })), /*#__PURE__*/React.createElement(InputSearch, __assign({
+      "aria-label": !showVisibleLabel ? labelText : undefined,
+      id: id,
+      disabled: disabled,
+      reversed: reversed,
+      secondary: secondary
+    }, restProps)));
+  };
+  SearchField.displayName = "SearchField";
+  return SearchField;
+}();
+export { SearchField };

package/dist/esm/SearchField/SearchField.module.scss.mjs

@@ -0,0 +1,7 @@
+import { styleInject } from '../__build-tools/styleInject.mjs';
+var css_248z = ".SearchField-module_label__NxYfn{display:block;margin-bottom:var(--spacing-xs,.375rem)}";
+var styles = {
+  "label": "SearchField-module_label__NxYfn"
+};
+/*#__PURE__*/styleInject(css_248z);
+export { styles as default };

package/dist/esm/Select/Select.mjs

@@ -0,0 +1,189 @@
+import { __rest, __assign } from 'tslib';
+import React, { useId, useState } from 'react';
+import classnames from 'classnames';
+import ReactSelect, { components } from 'react-select';
+import Async from 'react-select/async';
+import { FieldMessage } from '../FieldMessage/FieldMessage.mjs';
+import '../Icon/subcomponents/SVG/SVG.mjs';
+import { ChevronDownIcon } from '../Icon/ChevronDownIcon.mjs';
+import { ChevronUpIcon } from '../Icon/ChevronUpIcon.mjs';
+import { ClearIcon } from '../Icon/ClearIcon.mjs';
+import { Label } from '../Label/Label.mjs';
+import { Tag } from '../Tag/Tag.mjs';
+import styles from './Select.module.scss.mjs';
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}
+ */
+const Select = /*#__PURE__*/function () {
+  const Select = /*#__PURE__*/React.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 = __rest(_a, ["variant", "status", "reversed", "label", "validationMessage", "description", "fullWidth", "className", "isDisabled"]);
+    var reactId = useId();
+    // the default for fullWidth depends on the variant
+    var fullWidth = propsFullWidth != null ? propsFullWidth : variant === "secondary" || variant === "secondary-small" ? false : true;
+    var classes = classnames(propsClassName, styles.specificityIncreaser, (!reversed || variant === "default") && styles.default, reversed && styles.reversed, variant === "secondary" && styles.secondary, variant === "secondary-small" && styles.secondarySmall, !fullWidth && styles.notFullWidth, isDisabled && styles.disabled, status === "error" && styles.error);
+    var labelId = useState(label ? reactId : undefined)[0];
+    return /*#__PURE__*/React.createElement(React.Fragment, null, label ? ( /*#__PURE__*/React.createElement(Label, {
+      reversed: reversed,
+      id: labelId
+    }, label)) : null, /*#__PURE__*/React.createElement(ReactSelect, __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 ? ( /*#__PURE__*/React.createElement(FieldMessage, {
+      message: validationMessage,
+      status: status
+    })) : null, description ? /*#__PURE__*/React.createElement(FieldMessage, {
+      message: description
+    }) : null);
+  });
+  Select.displayName = "Select";
+  return Select;
+}();
+const AsyncSelect = /*#__PURE__*/function () {
+  const AsyncSelect = /*#__PURE__*/React.forwardRef(function (_a, ref) {
+    var propsClassName = _a.className,
+      props = __rest(_a, ["className"]);
+    return /*#__PURE__*/React.createElement(Async, __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(styles.specificityIncreaser, propsClassName)
+    }));
+  });
+  AsyncSelect.displayName = "AsyncSelect";
+  return AsyncSelect;
+}();
+var Control = function (props) {
+  return /*#__PURE__*/React.createElement("div", {
+    "data-automation-id": "Select__Control"
+  }, /*#__PURE__*/React.createElement(components.Control, __assign({}, props, {
+    className: classnames(styles.control, props.isFocused && styles.focusedControl, props.isDisabled && styles.disabled)
+  })));
+};
+var Placeholder = function (props) {
+  return /*#__PURE__*/React.createElement(components.Placeholder, __assign({}, props, {
+    className: styles.placeholderOverrides
+  }), /*#__PURE__*/React.createElement("span", {
+    className: styles.placeholder
+  }, props.children));
+};
+var DropdownIndicator = function (props) {
+  return /*#__PURE__*/React.createElement(components.DropdownIndicator, __assign({}, props, {
+    className: styles.dropdownIndicator
+  }), props.selectProps.menuIsOpen ? ( /*#__PURE__*/React.createElement(ChevronUpIcon, {
+    role: "presentation"
+  })) : ( /*#__PURE__*/React.createElement(ChevronDownIcon, {
+    role: "presentation"
+  })));
+};
+var LoadingMessage = function (props) {
+  return /*#__PURE__*/React.createElement(components.LoadingMessage, __assign({}, props, {
+    className: styles.loadingMessage
+  }));
+};
+var Menu = function (props) {
+  return /*#__PURE__*/React.createElement(components.Menu, __assign({}, props, {
+    className: styles.menu
+  }));
+};
+var GroupHeading = function (props) {
+  return /*#__PURE__*/React.createElement(components.GroupHeading, __assign({}, props, {
+    className: styles.groupHeading
+  }));
+};
+var Option = function (props) {
+  return /*#__PURE__*/React.createElement("div", {
+    "data-automation-id": "Select__Option"
+  }, /*#__PURE__*/React.createElement(components.Option, __assign({}, props, {
+    className: classnames(styles.option, props.isFocused && styles.focusedOption, props.isSelected && styles.selectedOption, props.isDisabled && styles.disabledOption)
+  })));
+};
+var NoOptionsMessage = function (props) {
+  return /*#__PURE__*/React.createElement(components.NoOptionsMessage, __assign({}, props), /*#__PURE__*/React.createElement("span", {
+    className: styles.noOptionsMessage
+  }, props.children));
+};
+var SingleValue = function (props) {
+  return /*#__PURE__*/React.createElement(components.SingleValue, __assign({}, props, {
+    className: styles.singleValueOverrides
+  }), /*#__PURE__*/React.createElement("span", {
+    className: styles.singleValue
+  }, props.children));
+};
+var MultiValue = function (props) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.multiValue
+  }, /*#__PURE__*/React.createElement(Tag, {
+    variant: "default",
+    dismissible: true,
+    inline: true,
+    onDismiss: props.removeProps.onClick
+  }, props.children));
+};
+var IndicatorsContainer = function (props) {
+  return /*#__PURE__*/React.createElement(components.IndicatorsContainer, __assign({}, props, {
+    className: styles.indicatorsContainer
+  }));
+};
+var Input = function (props) {
+  return /*#__PURE__*/React.createElement(components.Input, __assign({
+    className: styles.input
+  }, props));
+};
+var ValueContainer = function (props) {
+  return /*#__PURE__*/React.createElement(components.ValueContainer, __assign({}, props, {
+    className: styles.valueContainer
+  }));
+};
+var ClearIndicator = function (props) {
+  return /*#__PURE__*/React.createElement(components.ClearIndicator, __assign({}, props, {
+    className: styles.clearIndicator
+  }), /*#__PURE__*/React.createElement(ClearIcon, {
+    role: "presentation"
+  }));
+};
+export { AsyncSelect, Select };

package/dist/esm/Select/Select.module.scss.mjs

@@ -0,0 +1,33 @@
+import { styleInject } from '../__build-tools/styleInject.mjs';
+var css_248z = ".Select-module_specificityIncreaser__cZtQV .Select-module_control__ehUuP:focus-within:after,.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_focusedControl__3AwhP:after,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_focusedControl__3AwhP:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);content:\"\";inset:calc(var(--border-focus-ring-border-width, 2px)*-2 - 1px);position:absolute}.Select-module_specificityIncreaser__cZtQV .Select-module_multiValue__9XkYX{margin:.2375rem;z-index:1}.Select-module_specificityIncreaser__cZtQV .Select-module_dropdownIndicator__NUopQ,.Select-module_specificityIncreaser__cZtQV .Select-module_dropdownIndicator__NUopQ:hover{color:rgba(var(--color-purple-800-rgb,47,36,56),.7)}.Select-module_specificityIncreaser__cZtQV .Select-module_control__ehUuP{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-500,#878792);border-radius:var(--border-solid-border-radius,7px);min-height:48px}.Select-module_specificityIncreaser__cZtQV .Select-module_control__ehUuP.Select-module_disabled__-iG97{opacity:30%}.Select-module_specificityIncreaser__cZtQV .Select-module_control__ehUuP:hover{background-color:var(--color-gray-100,#f9f9f9);border-color:var(--color-gray-600,#524e56);cursor:pointer}.Select-module_specificityIncreaser__cZtQV .Select-module_valueContainer__MGkpr{font-family:var(--typography-paragraph-body-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem)}.Select-module_specificityIncreaser__cZtQV .Select-module_indicatorsContainer__2xCsm{z-index:1}.Select-module_specificityIncreaser__cZtQV .Select-module_loadingMessage__4Ej9T{color:var(--color-purple-800,#2f2438);font-family:var(--typography-paragraph-body-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem)}.Select-module_specificityIncreaser__cZtQV .Select-module_focusedControl__3AwhP,.Select-module_specificityIncreaser__cZtQV .Select-module_focusedControl__3AwhP:hover{box-shadow:none}.Select-module_specificityIncreaser__cZtQV .Select-module_placeholder__OAeGA{color:var(--color-purple-800,#2f2438);font-family:var(--typography-paragraph-body-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);opacity:.7}.Select-module_specificityIncreaser__cZtQV .Select-module_menu__axmUL{border:6px var(--border-solid-border-style,solid) transparent;border-radius:var(--border-solid-border-radius,7px);box-shadow:var(--shadow-large-box-shadow,0 3px 9px 0 rgba(0,0,0,.1),0 8px 40px 0 rgba(0,0,0,.08));z-index:3}.Select-module_specificityIncreaser__cZtQV .Select-module_menu__axmUL>div{padding-bottom:0;padding-top:0}.Select-module_specificityIncreaser__cZtQV .Select-module_groupHeading__eNw6U{color:rgba(var(--color-purple-800-rgb,47,36,56),.7);font-family:var(--typography-heading-6-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-heading-6-font-size,.875rem);font-weight:var(--typography-heading-6-font-weight,700);letter-spacing:var(--typography-heading-6-letter-spacing,normal);line-height:var(--typography-heading-6-line-height,1.5rem);text-transform:capitalize}.Select-module_specificityIncreaser__cZtQV .Select-module_option__EdP-F{border-color:transparent;border-radius:var(--border-focus-ring-border-radius,10px);border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);color:var(--color-purple-800,#2f2438);cursor:pointer;font-family:var(--typography-paragraph-body-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem)}.Select-module_specificityIncreaser__cZtQV .Select-module_focusedOption__uwQwp{background-color:var(--color-blue-100,#e6f6ff);border-color:var(--color-blue-500,#0168b3);color:var(--color-blue-500,#0168b3)}.Select-module_specificityIncreaser__cZtQV .Select-module_focusedOption__uwQwp.Select-module_disabledOption__TWVun{background:transparent;border-color:var(--color-gray-500,#878792);border-style:var(--border-dashed-border-style,dashed);border-width:var(--border-focus-ring-border-width,2px);color:var(--color-purple-800,#2f2438)}.Select-module_specificityIncreaser__cZtQV .Select-module_focusedOption__uwQwp:active{background-color:var(--color-blue-100,#e6f6ff)}.Select-module_specificityIncreaser__cZtQV .Select-module_selectedOption__xhYOz{color:var(--color-blue-500,#0168b3);font-weight:var(--typography-paragraph-bold-font-weight,600)}.Select-module_specificityIncreaser__cZtQV .Select-module_selectedOption__xhYOz:not(.Select-module_focusedOption__uwQwp){background-color:transparent}.Select-module_specificityIncreaser__cZtQV .Select-module_disabledOption__TWVun{cursor:not-allowed;opacity:30%}.Select-module_specificityIncreaser__cZtQV .Select-module_noOptionsMessage__DG5zw,.Select-module_specificityIncreaser__cZtQV .Select-module_singleValue__-cc8w{color:var(--color-purple-800,#2f2438);font-family:var(--typography-paragraph-body-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-body-font-size,1rem);font-weight:var(--typography-paragraph-body-font-weight,400);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem)}.Select-module_specificityIncreaser__cZtQV.Select-module_reversed__-jCGs .Select-module_input__HAhy-,.Select-module_specificityIncreaser__cZtQV.Select-module_reversed__-jCGs .Select-module_singleValueOverrides__44Gby,.Select-module_specificityIncreaser__cZtQV.Select-module_reversed__-jCGs .Select-module_singleValue__-cc8w{color:var(--color-white,#fff)}.Select-module_specificityIncreaser__cZtQV.Select-module_error__GpAw6 .Select-module_control__ehUuP{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-red-500,#c93b55)}.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_control__ehUuP{background:transparent;border-color:var(--color-white,#fff);border-radius:var(--border-borderless-border-radius,7px);color:var(--color-white,#fff)}.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_control__ehUuP:hover{background:rgba(var(--color-white-rgb,255,255,255),.2)}.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_control__ehUuP.Select-module_disabled__-iG97{opacity:30%}.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_clearIndicator__O6EuX,.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_dropdownIndicator__NUopQ,.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs .Select-module_placeholder__OAeGA{color:var(--color-white,#fff)}.Select-module_specificityIncreaser__cZtQV.Select-module_default__hKuCo.Select-module_reversed__-jCGs.Select-module_error__GpAw6 .Select-module_control__ehUuP{border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-red-300,#f597a8)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_control__ehUuP,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_control__ehUuP{background:transparent;border:var(--border-borderless-border-width,2px) var(--border-borderless-border-style,solid) var(--border-borderless-border-color,transparent);border-radius:var(--border-borderless-border-radius,7px)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_control__ehUuP .Select-module_singleValue__-cc8w,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_control__ehUuP .Select-module_singleValue__-cc8w{color:var(--color-blue-500,#0168b3)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_control__ehUuP:hover,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_control__ehUuP:hover{background:var(--color-blue-100,#e6f6ff)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_disabled__-iG97,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_disabled__-iG97{opacity:30%}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_focusedControl__3AwhP,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_control__ehUuP.Select-module_focusedControl__3AwhP{background:var(--color-blue-100,#e6f6ff)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_default__hKuCo .Select-module_dropdownIndicator__NUopQ,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_default__hKuCo .Select-module_dropdownIndicator__NUopQ{color:var(--color-blue-500,#0168b3)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_control__ehUuP,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_control__ehUuP{background:rgba(var(--color-white-rgb,255,255,255),.1);border:var(--border-borderless-border-width,2px) var(--border-borderless-border-style,solid) var(--border-borderless-border-color,transparent);border-radius:var(--border-borderless-border-radius,7px);color:var(--color-white,#fff)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_control__ehUuP:hover,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_control__ehUuP:hover{background:rgba(var(--color-white-rgb,255,255,255),.2)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_control__ehUuP.Select-module_disabled__-iG97,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_control__ehUuP.Select-module_disabled__-iG97{opacity:30%}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_dropdownIndicator__NUopQ,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_dropdownIndicator__NUopQ{color:var(--color-white,#fff)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_focusedControl__3AwhP,.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_focusedControl__3AwhP:hover,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_focusedControl__3AwhP,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_focusedControl__3AwhP:hover{border-color:var(--color-blue-300,#73c0e8)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_placeholder__OAeGA,.Select-module_specificityIncreaser__cZtQV.Select-module_secondary__0RpOQ.Select-module_reversed__-jCGs .Select-module_placeholder__OAeGA{color:var(--color-white,#fff)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_control__ehUuP{background:transparent;border:0}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL.Select-module_reversed__-jCGs .Select-module_control__ehUuP:hover{background:transparent}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_control__ehUuP{height:auto;min-height:0}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_control__ehUuP>div{height:24px;padding-left:0;padding-right:0}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_control__ehUuP .Select-module_valueContainer__MGkpr{height:24px}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_control__ehUuP .Select-module_singleValue__-cc8w{font-family:var(--typography-paragraph-extra-small-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-extra-small-font-size,.75rem);font-weight:var(--typography-paragraph-extra-small-font-weight,400);letter-spacing:var(--typography-paragraph-extra-small-letter-spacing,normal);line-height:var(--typography-paragraph-extra-small-line-height,1.125rem)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_control__ehUuP .Select-module_singleValueOverrides__44Gby{margin-left:0;margin-right:0}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_indicatorsContainer__2xCsm{z-index:1}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_dropdownIndicator__NUopQ{padding-bottom:0;padding-top:0;transform:translateY(1px)}.Select-module_specificityIncreaser__cZtQV.Select-module_secondarySmall__6yNEL.Select-module_secondarySmall__6yNEL .Select-module_dropdownIndicator__NUopQ>svg{height:14px;width:14px}.Select-module_specificityIncreaser__cZtQV.Select-module_notFullWidth__LO-xV .Select-module_control__ehUuP{display:inline-flex;max-width:100%}.Select-module_specificityIncreaser__cZtQV.Select-module_notFullWidth__LO-xV .Select-module_control__ehUuP>div{display:flex;flex-wrap:nowrap;height:44px}.Select-module_specificityIncreaser__cZtQV.Select-module_notFullWidth__LO-xV .Select-module_singleValueOverrides__44Gby{max-width:100%;overflow:hidden;position:static;top:0;transform:none;white-space:nowrap}.Select-module_specificityIncreaser__cZtQV.Select-module_notFullWidth__LO-xV .Select-module_singleValue__-cc8w{max-width:100%}";
+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"
+};
+/*#__PURE__*/styleInject(css_248z);
+export { styles as default };

package/dist/esm/Skirt/Skirt.mjs

@@ -0,0 +1,56 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { Container } from '../Container/Container.mjs';
+import { Content } from '../Content/Content.mjs';
+import { useResizeObserver } from '../utils/useResizeObserver.mjs';
+import styles from './Skirt.module.scss.mjs';
+var spacing = 24;
+var maxHeight = 222;
+var fallbackPercentage = 0.8;
+const Skirt = /*#__PURE__*/function () {
+  const 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 = __rest(_a, ["children", "variant", "titleBlockHasNavigation", "classNameOverride"]);
+    var _d = useResizeObserver(function (entry) {
+        if (entry.contentRect) {
+          return deriveSkirtHeight(entry.contentRect, titleBlockHasNavigation);
+        }
+        return undefined;
+      }),
+      ref = _d[0],
+      skirtHeight = _d[1];
+    return /*#__PURE__*/React.createElement(Container, __assign({
+      ref: ref,
+      classNameOverride: classnames(styles.container, classNameOverride)
+    }, restProps), /*#__PURE__*/React.createElement("div", {
+      style: __assign({}, skirtHeight && {
+        height: "".concat(skirtHeight, "px")
+      }),
+      className: classnames(styles.underlay, styles["".concat(variant, "Variant")])
+    }), /*#__PURE__*/React.createElement(Content, {
+      classNameOverride: styles.content
+    }, children));
+  };
+  Skirt.displayName = "Skirt";
+  return 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);
+};
+export { Skirt };

package/dist/esm/Skirt/Skirt.module.scss.mjs

@@ -0,0 +1,11 @@
+import { styleInject } from '../__build-tools/styleInject.mjs';
+var css_248z = ".Skirt-module_container__h4J-J{position:relative}.Skirt-module_underlay__isMuP{box-sizing:content-box;height:100%;left:0;position:absolute;right:0;top:0;z-index:1}.Skirt-module_defaultVariant__VLaHK{background-color:var(--color-purple-600,#5f3361)}.Skirt-module_educationVariant__12yxk{background-color:var(--color-blue-100,#e6f6ff)}.Skirt-module_content__218H1{position:relative;z-index:2}";
+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"
+};
+/*#__PURE__*/styleInject(css_248z);
+export { styles as default };

package/dist/esm/Skirt/subcomponents/SkirtCard/SkirtCard.mjs

@@ -0,0 +1,17 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { Card } from '../../../Card/Card.mjs';
+import styles from './SkirtCard.module.scss.mjs';
+const SkirtCard = /*#__PURE__*/function () {
+  const SkirtCard = function (props) {
+    var classNameOverride = props.classNameOverride,
+      restProps = __rest(props, ["classNameOverride"]);
+    return /*#__PURE__*/React.createElement(Card, __assign({
+      classNameOverride: classnames(styles.wrapper, classNameOverride)
+    }, restProps));
+  };
+  SkirtCard.displayName = "SkirtCard";
+  return SkirtCard;
+}();
+export { SkirtCard };

package/dist/esm/Skirt/subcomponents/SkirtCard/SkirtCard.module.scss.mjs

@@ -0,0 +1,7 @@
+import { styleInject } from '../../../__build-tools/styleInject.mjs';
+var css_248z = "@media (max-width:1080px){.SkirtCard-module_wrapper__05vkl{border-bottom-left-radius:0;border-bottom-right-radius:0;margin-left:-12px;margin-right:-12px}}@media (max-width:768px){.SkirtCard-module_wrapper__05vkl{border-radius:0;margin-left:-12px;margin-right:-12px}}";
+var styles = {
+  "wrapper": "SkirtCard-module_wrapper__05vkl"
+};
+/*#__PURE__*/styleInject(css_248z);
+export { styles as default };

package/dist/esm/Slider/Slider.mjs

@@ -0,0 +1,58 @@
+import { __rest, __assign } from 'tslib';
+import React, { useId } from 'react';
+import classnames from 'classnames';
+import { FieldGroup } from '../FieldGroup/FieldGroup.mjs';
+import { InputRange } from '../Input/InputRange/InputRange.mjs';
+import { Label } from '../Label/Label.mjs';
+import { Text } from '../Text/Text.mjs';
+import styles from './Slider.module.scss.mjs';
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896335/Slider Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-slider--docs Storybook}
+ */
+const Slider = /*#__PURE__*/function () {
+  const 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 = __rest(_a, ["id", "labelText", "description", "labelPosition", "variant", "disabled", "readOnlyMessage"]);
+    var id = propsId !== null && propsId !== void 0 ? propsId : useId();
+    var descriptionId = "".concat(id, "-description");
+    return /*#__PURE__*/React.createElement(FieldGroup, {
+      inline: true
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.wrapper, labelPosition === "inline" && styles.labelInline)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.labelWrapper
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.label
+    }, /*#__PURE__*/React.createElement(Label, {
+      htmlFor: id,
+      labelText: labelText,
+      variant: variant,
+      disabled: disabled
+    })), description && ( /*#__PURE__*/React.createElement(Text, {
+      variant: "small",
+      id: descriptionId,
+      classNameOverride: disabled ? styles.descriptionDisabled : undefined
+    }, description))), /*#__PURE__*/React.createElement("div", {
+      className: styles.inputWrapper
+    }, /*#__PURE__*/React.createElement(InputRange, __assign({
+      id: id,
+      "aria-describedby": descriptionId,
+      disabled: disabled
+    }, restProps)), readOnlyMessage && ( /*#__PURE__*/React.createElement("div", {
+      className: styles.readOnlyMessage
+    }, readOnlyMessage)))));
+  };
+  Slider.displayName = "Slider";
+  return Slider;
+}();
+export { Slider };

package/dist/esm/Slider/Slider.module.scss.mjs

@@ -0,0 +1,13 @@
+import { styleInject } from '../__build-tools/styleInject.mjs';
+var css_248z = ".Slider-module_wrapper__zVX6g{display:flex;flex-direction:column}.Slider-module_labelWrapper__WuUIw{margin-bottom:var(--spacing-sm,.75rem)}.Slider-module_label__CfIjh{margin-bottom:var(--spacing-4,.25rem)}@media (min-width:768px){.Slider-module_labelInline__zjINd.Slider-module_wrapper__zVX6g{align-items:center;flex-direction:row}.Slider-module_labelInline__zjINd .Slider-module_labelWrapper__WuUIw{flex:1}.Slider-module_labelInline__zjINd .Slider-module_inputWrapper__n16yj{flex-basis:50%}}.Slider-module_descriptionDisabled__8GwiS{opacity:30%}.Slider-module_readOnlyMessage__Zscoa{font-family:var(--typography-paragraph-small-font-family,\"Inter\",\"Noto Sans\",Helvetica,Arial,sans-serif);font-size:var(--typography-paragraph-small-font-size,.875rem);font-weight:var(--typography-paragraph-bold-font-weight,600);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);text-align:center}";
+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"
+};
+/*#__PURE__*/styleInject(css_248z);
+export { styles as default };

package/dist/esm/SplitButton/SplitButton.mjs

@@ -0,0 +1,47 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { Menu } from '../Menu/Menu.mjs';
+import '../Menu/subcomponents/MenuHeading/MenuHeading.mjs';
+import '../Menu/subcomponents/MenuItem/MenuItem.mjs';
+import '../Menu/subcomponents/MenuList/MenuList.mjs';
+import '../Menu/subcomponents/StatelessMenu/StatelessMenu.mjs';
+import { ActionButton } from './subcomponents/ActionButton/ActionButton.mjs';
+import { DropdownButton } from './subcomponents/DropdownButton/DropdownButton.mjs';
+import styles from './SplitButton.module.scss.mjs';
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896196/Split+Button Guidance} |
+ * {@link https://cultureamp.design/storybook/?path=/docs/components-splitbutton--docs Storybook}
+ */
+const SplitButton = /*#__PURE__*/function () {
+  const 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 = __rest(_a, ["actionButtonProps", "dropdownButtonProps", "dropdownContent", "isDropdownInitOpen", "disabled", "isReversed", "dir", "classNameOverride"]);
+    return /*#__PURE__*/React.createElement("div", __assign({
+      dir: dir,
+      className: classnames(styles.splitButton, classNameOverride)
+    }, restProps), /*#__PURE__*/React.createElement(ActionButton, __assign({
+      disabled: disabled,
+      isReversed: isReversed
+    }, actionButtonProps)), /*#__PURE__*/React.createElement(Menu, {
+      align: dir === "rtl" ? "left" : "right",
+      dropdownWidth: "contain",
+      button: /*#__PURE__*/React.createElement(DropdownButton, __assign({
+        disabled: disabled,
+        isReversed: isReversed
+      }, dropdownButtonProps)),
+      menuVisible: isDropdownInitOpen
+    }, dropdownContent));
+  };
+  SplitButton.displayName = "SplitButton";
+  return SplitButton;
+}();
+export { SplitButton };

package/dist/esm/SplitButton/SplitButton.module.scss.mjs

@@ -0,0 +1,7 @@
+import { styleInject } from '../__build-tools/styleInject.mjs';
+var css_248z = ".SplitButton-module_splitButton__oNIKE{align-items:center;display:inline-flex}";
+var styles = {
+  "splitButton": "SplitButton-module_splitButton__oNIKE"
+};
+/*#__PURE__*/styleInject(css_248z);
+export { styles as default };