@kaizen/components 1.47.0 → 1.47.2

package/dist/esm/Radio/Radio/Radio.mjs

@@ -0,0 +1,43 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import styles from './Radio.module.scss.mjs';
+var renderSelected = function (selectedStatus, reversed) {
+  if (selectedStatus) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.icon, reversed && styles.reversed)
+    });
+  }
+  return;
+};
+const Radio = /*#__PURE__*/function () {
+  const Radio = function (_a) {
+    var name = _a.name,
+      value = _a.value,
+      _b = _a.selectedStatus,
+      selectedStatus = _b === void 0 ? false : _b,
+      _c = _a.reversed,
+      reversed = _c === void 0 ? false : _c,
+      onChange = _a.onChange,
+      classNameOverride = _a.classNameOverride,
+      restProps = __rest(_a, ["name", "value", "selectedStatus", "reversed", "onChange", "classNameOverride"]);
+    return (
+      /*#__PURE__*/
+      // @todo: Move classNameOverride to span
+      React.createElement("span", null, /*#__PURE__*/React.createElement("input", __assign({
+        type: "radio",
+        name: name,
+        value: value,
+        checked: selectedStatus,
+        className: classnames(styles.radioInput, classNameOverride, reversed && styles.reversed),
+        onChange: onChange,
+        readOnly: onChange === undefined
+      }, restProps)), /*#__PURE__*/React.createElement("span", {
+        className: classnames(styles.box, reversed && styles.reversed)
+      }, renderSelected(selectedStatus, reversed)))
+    );
+  };
+  Radio.displayName = "Radio";
+  return Radio;
+}();
+export { Radio };

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

@@ -0,0 +1,10 @@
+import { styleInject } from '../../__build-tools/styleInject.mjs';
+var css_248z = ".Radio-module_radioInput__-zPUZ{opacity:0;position:absolute}.ideal-sans .Radio-module_radioInput__-zPUZ{position:absolute}.Radio-module_icon__ihSP3{background:var(--color-gray-600,#524e56);border-radius:50%;height:10px;left:5px;position:absolute;top:5px;width:10px}.Radio-module_icon__ihSP3.Radio-module_reversed__pfCrF{background:var(--color-white,#fff)}@media (forced-colors:active){.Radio-module_icon__ihSP3{border:5px solid transparent;height:0;width:0}}.Radio-module_box__nEGD7{background:var(--color-white,#fff);border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) var(--color-gray-500,#878792);border-radius:50%;box-sizing:border-box;display:block;height:24px;position:relative;top:0;width:24px}.Radio-module_radioInput__-zPUZ:focus:not([disabled])+.Radio-module_box__nEGD7{border-color:var(--color-gray-600,#524e56)}.Radio-module_radioInput__-zPUZ:focus:not([disabled])+.Radio-module_box__nEGD7:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:26px;border-style:var(--border-focus-ring-border-style,solid);border-width:var(--border-focus-ring-border-width,2px);box-sizing:border-box;content:\"\";height:calc(26px + var(--border-solid-border-width, 2px)*2);left:-5px;pointer-events:none;position:absolute;top:-5px;width:calc(26px + var(--border-solid-border-width, 2px)*2)}.Radio-module_radioInput__-zPUZ:not([disabled])+.Radio-module_box__nEGD7:hover{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.Radio-module_box__nEGD7.Radio-module_reversed__pfCrF{background:transparent;border:var(--border-solid-border-width,2px) var(--border-solid-border-style,solid) rgba(var(--color-white-rgb,255,255,255),.65)}.Radio-module_radioInput__-zPUZ:focus:not([disabled])+.Radio-module_box__nEGD7.Radio-module_reversed__pfCrF{border-color:var(--color-white,#fff)}.Radio-module_radioInput__-zPUZ:focus:not([disabled])+.Radio-module_box__nEGD7.Radio-module_reversed__pfCrF:after{border-color:var(--color-blue-300,#73c0e8)}.Radio-module_radioInput__-zPUZ:not([disabled])+.Radio-module_box__nEGD7.Radio-module_reversed__pfCrF:hover{background-color:transparent;border-color:var(--color-white,#fff)}";
+var styles = {
+  "radioInput": "Radio-module_radioInput__-zPUZ",
+  "icon": "Radio-module_icon__ihSP3",
+  "reversed": "Radio-module_reversed__pfCrF",
+  "box": "Radio-module_box__nEGD7"
+};
+/*#__PURE__*/styleInject(css_248z);
+export { styles as default };

package/dist/esm/Radio/RadioField/RadioField.mjs

@@ -0,0 +1,49 @@
+import { __rest, __assign } from 'tslib';
+import React, { useId } from 'react';
+import classnames from 'classnames';
+import { Label } from '../../Label/Label.mjs';
+import { Radio } from '../Radio/Radio.mjs';
+import styles from './RadioField.module.scss.mjs';
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082092822/Radio+Field Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-radio-controls-radio-field--docs Storybook}
+ */
+const RadioField = /*#__PURE__*/function () {
+  const RadioField = function (_a) {
+    var propsId = _a.id,
+      labelText = _a.labelText,
+      _b = _a.selectedStatus,
+      selectedStatus = _b === void 0 ? false : _b,
+      _c = _a.disabled,
+      disabled = _c === void 0 ? false : _c,
+      _d = _a.reversed,
+      reversed = _d === void 0 ? false : _d,
+      classNameOverride = _a.classNameOverride,
+      dataTestId = _a["data-testid"],
+      restProps = __rest(_a, ["id", "labelText", "selectedStatus", "disabled", "reversed", "classNameOverride", "data-testid"]);
+    var id = propsId !== null && propsId !== void 0 ? propsId : useId();
+    // @todo: Move restProps to the wrapping div?
+    return /*#__PURE__*/React.createElement("div", {
+      "data-testid": dataTestId,
+      className: classnames(styles.container, classNameOverride, selectedStatus && styles.selected, reversed && styles.reversed)
+    }, /*#__PURE__*/React.createElement(Label, {
+      "data-testid": "".concat(id, "-field-label"),
+      id: "".concat(id, "-field-label"),
+      htmlFor: id,
+      labelText: labelText,
+      labelType: "radio",
+      disabled: disabled,
+      reversed: reversed
+    }, /*#__PURE__*/React.createElement(Radio, __assign({
+      "data-testid": "".concat(id, "-radio-input"),
+      id: id,
+      disabled: disabled,
+      reversed: reversed,
+      selectedStatus: selectedStatus
+    }, restProps))));
+  };
+  RadioField.displayName = "RadioField";
+  return RadioField;
+}();
+export { RadioField };

package/dist/esm/Radio/RadioField/RadioField.module.scss.mjs

@@ -0,0 +1,9 @@
+import { styleInject } from '../../__build-tools/styleInject.mjs';
+var css_248z = ".RadioField-module_container__r6T25{word-wrap:break-word;margin-bottom:var(--spacing-sm,.75rem);overflow-wrap:break-word;position:relative;word-break:break-word}.RadioField-module_container__r6T25 label{-webkit-tap-highlight-color:transparent}.ideal-sans .RadioField-module_container__r6T25 label{font-size:var(--typography-paragraph-body-font-size,1rem);padding-top:0}.RadioField-module_container__r6T25.RadioField-module_selected__kdlz8 label{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-bold-font-weight,600);letter-spacing:var(--typography-paragraph-body-letter-spacing,normal);line-height:var(--typography-paragraph-body-line-height,1.5rem);position:static}.RadioField-module_container__r6T25:not(.RadioField-module_reversed__EX79j) label:hover input:not([disabled])+span{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.RadioField-module_container__r6T25.RadioField-module_reversed__EX79j label:hover input:not([disabled])+span{background-color:transparent;border-color:var(--color-white,#fff)}";
+var styles = {
+  "container": "RadioField-module_container__r6T25",
+  "selected": "RadioField-module_selected__kdlz8",
+  "reversed": "RadioField-module_reversed__EX79j"
+};
+/*#__PURE__*/styleInject(css_248z);
+export { styles as default };

package/dist/esm/Radio/RadioGroup/RadioGroup.mjs

@@ -0,0 +1,37 @@
+import { __rest, __assign } from 'tslib';
+import React, { useId } from 'react';
+import classnames from 'classnames';
+import { Label } from '../../Label/Label.mjs';
+import styles from './RadioGroup.module.scss.mjs';
+const RadioGroup = /*#__PURE__*/function () {
+  const RadioGroup = function (_a) {
+    var children = _a.children,
+      propsLabelId = _a.labelId,
+      labelText = _a.labelText,
+      _b = _a.noBottomMargin,
+      noBottomMargin = _b === void 0 ? false : _b,
+      _c = _a.reversed,
+      reversed = _c === void 0 ? false : _c,
+      classNameOverride = _a.classNameOverride,
+      dataTestId = _a["data-testid"],
+      restProps = __rest(_a, ["children", "labelId", "labelText", "noBottomMargin", "reversed", "classNameOverride", "data-testid"]);
+    var labelId = propsLabelId !== null && propsLabelId !== void 0 ? propsLabelId : useId();
+    return /*#__PURE__*/React.createElement("div", __assign({
+      "data-testid": dataTestId,
+      className: classnames(styles.radioGroupContainer, classNameOverride, noBottomMargin && styles.noBottomMargin, reversed && styles.reversed),
+      role: "radiogroup",
+      "aria-labelledby": labelId
+    }, restProps), /*#__PURE__*/React.createElement("div", {
+      className: styles.radioGroupLabel
+    }, /*#__PURE__*/React.createElement(Label, {
+      id: labelId,
+      "data-testid": dataTestId && "".concat(dataTestId, "-field-label"),
+      labelText: labelText,
+      labelType: "text",
+      reversed: reversed
+    })), children);
+  };
+  RadioGroup.displayName = "RadioGroup";
+  return RadioGroup;
+}();
+export { RadioGroup };

package/dist/esm/Radio/RadioGroup/RadioGroup.module.scss.mjs

@@ -0,0 +1,10 @@
+import { styleInject } from '../../__build-tools/styleInject.mjs';
+var css_248z = ".RadioGroup-module_radioGroupLabel__wIl4z{margin-bottom:var(--spacing-sm,.75rem)}.ideal-sans .RadioGroup-module_radioGroupLabel__wIl4z label{padding-top:0}.RadioGroup-module_radioGroupLabel__wIl4z.RadioGroup-module_reversed__VeBun{color:var(--color-white,#fff)}.RadioGroup-module_radioGroupContainer__NKWpt{display:flex;flex-direction:column;margin-bottom:var(--spacing-sm,.75rem)}.RadioGroup-module_radioGroupContainer__NKWpt.RadioGroup-module_noBottomMargin__VKF2T{margin-bottom:0}";
+var styles = {
+  "radioGroupLabel": "RadioGroup-module_radioGroupLabel__wIl4z",
+  "reversed": "RadioGroup-module_reversed__VeBun",
+  "radioGroupContainer": "RadioGroup-module_radioGroupContainer__NKWpt",
+  "noBottomMargin": "RadioGroup-module_noBottomMargin__VKF2T"
+};
+/*#__PURE__*/styleInject(css_248z);
+export { styles as default };

package/dist/esm/RichTextEditor/EditableRichTextContent/EditableRichTextContent.mjs

@@ -0,0 +1,44 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { Label } from '../../Label/Label.mjs';
+import { VisuallyHidden } from '../../VisuallyHidden/VisuallyHidden.mjs';
+import { RichTextContent } from '../RichTextContent/RichTextContent.mjs';
+import styles from './EditableRichTextContent.module.scss.mjs';
+var handleEditableClick = function (e, onClick) {
+  if (e.target.hasAttribute("href")) {
+    return;
+  }
+  return onClick(e);
+};
+const EditableRichTextContent = /*#__PURE__*/function () {
+  const EditableRichTextContent = function (_a) {
+    var onClick = _a.onClick,
+      content = _a.content,
+      classNameOverride = _a.classNameOverride,
+      labelText = _a.labelText,
+      _b = _a.isLabelHidden,
+      isLabelHidden = _b === void 0 ? false : _b,
+      contentProps = _a.contentProps,
+      restProps = __rest(_a, ["onClick", "content", "classNameOverride", "labelText", "isLabelHidden", "contentProps"]);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, !isLabelHidden && /*#__PURE__*/React.createElement(Label, {
+      labelText: labelText
+    }), /*#__PURE__*/React.createElement("div", __assign({
+      onClick: function (e) {
+        return handleEditableClick(e, onClick);
+      },
+      className: classnames(styles.editableContainer, classNameOverride)
+    }, restProps), /*#__PURE__*/React.createElement(VisuallyHidden, {
+      classNameOverride: styles.hiddenButton
+    }, /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      onClick: onClick,
+      "aria-label": "Edit ".concat(labelText)
+    })), /*#__PURE__*/React.createElement(RichTextContent, __assign({
+      content: content
+    }, contentProps))));
+  };
+  EditableRichTextContent.displayName = "EditableRichTextContent";
+  return EditableRichTextContent;
+}();
+export { EditableRichTextContent };

package/dist/esm/RichTextEditor/EditableRichTextContent/EditableRichTextContent.module.scss.mjs

@@ -0,0 +1,8 @@
+import { styleInject } from '../../__build-tools/styleInject.mjs';
+var css_248z = ".EditableRichTextContent-module_editableContainer__zZEMC .ProseMirror{background-color:var(--color-gray-200,#f4f4f5);border:var(--border-focus-ring-border-width,2px) var(--border-focus-ring-border-style,solid) transparent;border-radius:var(--border-solid-border-radius,7px);padding:var(--spacing-sm,.75rem);position:relative;transition:background-color var(--animation-duration-immediate,.1s),border-color var(--animation-duration-immediate,.1s)}.EditableRichTextContent-module_editableContainer__zZEMC:hover .ProseMirror{background-color:var(--color-gray-200,#f4f4f5);border-color:var(--color-blue-500,#0168b3)}.EditableRichTextContent-module_editableContainer__zZEMC .EditableRichTextContent-module_hiddenButton__Kq3oB:focus-within+*>.ProseMirror{border:var(--border-focus-ring-border-width,2px) var(--border-focus-ring-border-style,solid) var(--color-blue-500,#0168b3)}";
+var styles = {
+  "editableContainer": "EditableRichTextContent-module_editableContainer__zZEMC",
+  "hiddenButton": "EditableRichTextContent-module_hiddenButton__Kq3oB"
+};
+/*#__PURE__*/styleInject(css_248z);
+export { styles as default };

package/dist/esm/RichTextEditor/RichTextContent/RichTextContent.mjs

@@ -0,0 +1,38 @@
+import { __rest, __assign } from 'tslib';
+import React, { useState } from 'react';
+import classnames from 'classnames';
+import { createSchemaWithAll } from '../RichTextEditor/schema.mjs';
+import * as ProseMirrorState from 'prosemirror-state';
+import 'prosemirror-view';
+import { useRichTextEditor } from '../utils/core/hooks/useRichTextEditor.mjs';
+import * as ProseMirrorModel from 'prosemirror-model';
+import 'prosemirror-inputrules';
+import 'prosemirror-commands';
+import 'prosemirror-keymap';
+import 'prosemirror-history';
+import 'prosemirror-schema-list';
+import styles from './RichTextContent.module.scss.mjs';
+const RichTextContent = /*#__PURE__*/function () {
+  const RichTextContent = function (props) {
+    var content = props.content,
+      classNameOverride = props.classNameOverride,
+      restProps = __rest(props, ["content", "classNameOverride"]);
+    var schema = useState(createSchemaWithAll())[0];
+    var editorRef = useRichTextEditor(ProseMirrorState.EditorState.create({
+      doc: ProseMirrorModel.Node.fromJSON(schema, {
+        type: "doc",
+        content: content
+      }),
+      schema: schema
+    }), undefined, {
+      editable: false
+    })[0];
+    return /*#__PURE__*/React.createElement("div", __assign({
+      ref: editorRef,
+      className: classnames(styles.content, classNameOverride)
+    }, restProps));
+  };
+  RichTextContent.displayName = "RichTextContent";
+  return RichTextContent;
+}();
+export { RichTextContent };

package/dist/esm/RichTextEditor/RichTextContent/RichTextContent.module.scss.mjs

@@ -0,0 +1,7 @@
+import { styleInject } from '../../__build-tools/styleInject.mjs';
+var css_248z = ".RichTextContent-module_content__vVcWj>.ProseMirror{box-sizing:content-box;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);position:relative;white-space:pre-wrap}.RichTextContent-module_content__vVcWj>.ProseMirror>p{margin:0 0 var(--spacing-16,1rem)}.RichTextContent-module_content__vVcWj>.ProseMirror>:last-child{margin-bottom:0}.RichTextContent-module_content__vVcWj>.ProseMirror>:last-child>li:last-of-type p{margin-bottom:0}.RichTextContent-module_content__vVcWj>.ProseMirror>:first-child{margin-top:0}.RichTextContent-module_content__vVcWj>.ProseMirror>:first-child>li:first-of-type p{margin-top:0}.RichTextContent-module_content__vVcWj>.ProseMirror a{color:var(--color-blue-500,#0168b3)}.RichTextContent-module_content__vVcWj>.ProseMirror a:hover{text-decoration:none}.RichTextContent-module_content__vVcWj>.ProseMirror ol,.RichTextContent-module_content__vVcWj>.ProseMirror ul{padding-inline-start:var(--spacing-40,2.5rem)}.RichTextContent-module_content__vVcWj>.ProseMirror ol{list-style-type:decimal}.RichTextContent-module_content__vVcWj>.ProseMirror ol ol{list-style-type:lower-alpha}.RichTextContent-module_content__vVcWj>.ProseMirror ol ol ol{list-style-type:lower-roman}.RichTextContent-module_content__vVcWj>.ProseMirror ol ol ol ol,.RichTextContent-module_content__vVcWj>.ProseMirror ol ol ol ul{padding-inline-start:var(--spacing-40,2.5rem)}.RichTextContent-module_content__vVcWj>.ProseMirror ol ol ol ol{list-style-type:decimal}.RichTextContent-module_content__vVcWj>.ProseMirror ol ol ol ol ol{list-style-type:lower-alpha}.RichTextContent-module_content__vVcWj>.ProseMirror ol ol ol ol ol ol{list-style-type:lower-roman}.RichTextContent-module_content__vVcWj>.ProseMirror ol ol ol ul{list-style-type:disc}.RichTextContent-module_content__vVcWj>.ProseMirror ol ol ol ul ul{list-style-type:circle}.RichTextContent-module_content__vVcWj>.ProseMirror ol ol ol ul ul ul{list-style-type:square}.RichTextContent-module_content__vVcWj>.ProseMirror ul{list-style-type:disc}.RichTextContent-module_content__vVcWj>.ProseMirror ul ul{list-style-type:circle}.RichTextContent-module_content__vVcWj>.ProseMirror ul ul ul{list-style-type:square}.RichTextContent-module_content__vVcWj>.ProseMirror ul ul ul ol,.RichTextContent-module_content__vVcWj>.ProseMirror ul ul ul ul{padding-inline-start:var(--spacing-40,2.5rem)}.RichTextContent-module_content__vVcWj>.ProseMirror ul ul ul ol{list-style-type:decimal}.RichTextContent-module_content__vVcWj>.ProseMirror ul ul ul ol ol{list-style-type:lower-alpha}.RichTextContent-module_content__vVcWj>.ProseMirror ul ul ul ol ol ol{list-style-type:lower-roman}.RichTextContent-module_content__vVcWj>.ProseMirror ul ul ul ul{list-style-type:disc}.RichTextContent-module_content__vVcWj>.ProseMirror ul ul ul ul ul{list-style-type:circle}.RichTextContent-module_content__vVcWj>.ProseMirror ul ul ul ul ul ul{list-style-type:square}";
+var styles = {
+  "content": "RichTextContent-module_content__vVcWj"
+};
+/*#__PURE__*/styleInject(css_248z);
+export { styles as default };

package/dist/esm/RichTextEditor/RichTextEditor/RichTextEditor.mjs

@@ -0,0 +1,156 @@
+import { __rest, __assign, __spreadArray } from 'tslib';
+import React, { useId, useState, useEffect } from 'react';
+import classnames from 'classnames';
+import { FieldMessage } from '../../FieldMessage/FieldMessage.mjs';
+import { Label } from '../../Label/Label.mjs';
+import { InlineNotification } from '../../Notification/InlineNotification/InlineNotification.mjs';
+import '../../Notification/GlobalNotification/GlobalNotification.mjs';
+import '../../Notification/ToastNotification/ToastNotification/ToastNotification.mjs';
+import '../../Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.mjs';
+import '../../Notification/ToastNotification/context/ToastNotificationContext.mjs';
+import * as ProseMirrorState from 'prosemirror-state';
+import 'prosemirror-view';
+import { useRichTextEditor } from '../utils/core/hooks/useRichTextEditor.mjs';
+import * as ProseMirrorModel from 'prosemirror-model';
+import 'prosemirror-inputrules';
+import { createLinkManager } from '../utils/plugins/LinkManager/LinkManager.mjs';
+import '../utils/plugins/LinkManager/components/LinkEditor/LinkEditor.mjs';
+import '../utils/plugins/LinkManager/components/LinkModal/LinkModal.mjs';
+import '../utils/plugins/LinkManager/components/LinkPopover/LinkPopover.mjs';
+import * as ProseMirrorCommands from 'prosemirror-commands';
+import * as ProseMirrorKeymap from 'prosemirror-keymap';
+import * as ProseMirrorHistory from 'prosemirror-history';
+import 'prosemirror-schema-list';
+import { createSchemaFromControls } from './schema.mjs';
+import { ToggleIconButton } from './subcomponents/ToggleIconButton/ToggleIconButton.mjs';
+import { Toolbar } from './subcomponents/Toolbar/Toolbar.mjs';
+import { ToolbarSection } from './subcomponents/ToolbarSection/ToolbarSection.mjs';
+import { buildControlMap } from './utils/controlmap.mjs';
+import { buildInputRules } from './utils/inputrules.mjs';
+import { buildKeymap } from './utils/keymap.mjs';
+import styles from './RichTextEditor.module.scss.mjs';
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896752/Rich+Text+Editor Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-richtexteditor--docs Storybook}
+ */
+const RichTextEditor = /*#__PURE__*/function () {
+  const RichTextEditor = function (_a) {
+    var id = _a.id,
+      onChange = _a.onChange,
+      defaultValue = _a.defaultValue,
+      labelText = _a.labelText,
+      labelledBy = _a["aria-labelledby"],
+      describedBy = _a["aria-describedby"],
+      classNameOverride = _a.classNameOverride,
+      controls = _a.controls,
+      _b = _a.rows,
+      rows = _b === void 0 ? 3 : _b,
+      dataError = _a.dataError,
+      onDataError = _a.onDataError,
+      validationMessage = _a.validationMessage,
+      description = _a.description,
+      _c = _a.status,
+      status = _c === void 0 ? "default" : _c,
+      restProps = __rest(_a, ["id", "onChange", "defaultValue", "labelText", "aria-labelledby", "aria-describedby", "classNameOverride", "controls", "rows", "dataError", "onDataError", "validationMessage", "description", "status"]);
+    var generatedId = useId();
+    var schema = useState(createSchemaFromControls(controls))[0];
+    var editorId = id || generatedId;
+    var labelId = labelledBy || "".concat(editorId, "-rte-label");
+    var validationMessageAria = validationMessage ? "".concat(editorId, "-rte-validation-message") : "";
+    var descriptionAria = description ? "".concat(editorId, "-rte-description") : "";
+    var ariaDescribedBy = classnames(validationMessageAria, descriptionAria, describedBy);
+    var useRichTextEditorResult = function () {
+      try {
+        return useRichTextEditor(ProseMirrorState.EditorState.create({
+          doc: ProseMirrorModel.Node.fromJSON(schema, {
+            type: "doc",
+            // we're converting empty arrays to the ProseMirror default "empty" state because when
+            // given an empty array ProseMirror returns undefined, breaking the type
+            content: (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.length) > 0 ? defaultValue : [{
+              type: "paragraph"
+            }]
+          }),
+          schema: schema,
+          plugins: getPlugins(controls, schema)
+        }), {
+          "aria-labelledby": labelId,
+          role: "textbox",
+          "aria-describedby": ariaDescribedBy
+        });
+      } catch (_a) {
+        return new Error("Bad data error");
+      }
+    }();
+    if (useRichTextEditorResult instanceof Error) {
+      onDataError && onDataError();
+      return /*#__PURE__*/React.createElement(InlineNotification, {
+        headingProps: {
+          children: "Error",
+          variant: "heading-6"
+        },
+        type: "negative",
+        persistent: true
+      }, dataError || "Something went wrong");
+    }
+    var editorRef = useRichTextEditorResult[0],
+      editorState = useRichTextEditorResult[1],
+      dispatchTransaction = useRichTextEditorResult[2];
+    var controlMap = buildControlMap(schema, editorState, controls);
+    useEffect(function () {
+      onChange(editorState);
+      // Including `onContentChange` in the dependencies here will cause a 'Maximum update depth exceeded' issue
+    }, [editorState]);
+    return /*#__PURE__*/React.createElement(React.Fragment, null, !labelledBy && labelText && /*#__PURE__*/React.createElement(Label, {
+      id: labelId,
+      labelText: labelText
+    }), /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.editorWrapper, styles[status])
+    }, controls && ( /*#__PURE__*/React.createElement(Toolbar, {
+      "aria-controls": editorId,
+      "aria-label": "Text formatting",
+      classNameOverride: styles.toolbar
+    }, controlMap.map(function (section, index) {
+      return /*#__PURE__*/React.createElement(ToolbarSection, {
+        key: index
+      }, section.map(function (controlConfig, controlKeyIndex) {
+        return /*#__PURE__*/React.createElement(ToggleIconButton, {
+          key: controlKeyIndex,
+          icon: controlConfig.icon,
+          disabled: controlConfig.disabled,
+          label: controlConfig.label,
+          isActive: controlConfig.isActive,
+          onClick: function () {
+            return dispatchTransaction(controlConfig.action);
+          }
+        });
+      }));
+    }))), /*#__PURE__*/React.createElement("div", __assign({
+      id: editorId,
+      ref: editorRef,
+      className: classnames(styles.editor, styles["rows".concat(rows)], classNameOverride, controls != null && controls.length > 0 && styles.hasToolbar)
+    }, restProps))), validationMessage && ( /*#__PURE__*/React.createElement(FieldMessage, {
+      id: validationMessageAria,
+      message: validationMessage,
+      status: status
+    })), description && ( /*#__PURE__*/React.createElement(FieldMessage, {
+      id: descriptionAria,
+      message: description
+    })));
+  };
+  RichTextEditor.displayName = "RichTextEditor";
+  return RichTextEditor;
+}();
+function getPlugins(controls, schema) {
+  var allControlNames = controls ? controls.reduce(function (acc, c) {
+    return __spreadArray(__spreadArray([], acc, true), [c.name], false);
+  }, []) : [];
+  var plugins = [ProseMirrorHistory.history(), ProseMirrorKeymap.keymap(buildKeymap(schema)), ProseMirrorKeymap.keymap(ProseMirrorCommands.baseKeymap), buildInputRules(schema)];
+  if (allControlNames.includes("link")) {
+    plugins.push(createLinkManager({
+      markType: schema.marks.link
+    }));
+  }
+  return plugins;
+}
+export { RichTextEditor };

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

@@ -0,0 +1,32 @@
+import { styleInject } from '../../__build-tools/styleInject.mjs';
+var css_248z = ".RichTextEditor-module_editor__pVKqW>.ProseMirror{border-radius:var(--border-solid-border-radius,7px);box-sizing:content-box;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);padding:var(--spacing-sm,.75rem) calc(var(--spacing-xs, .375rem)*3);position:relative;transition:background-color var(--animation-duration-immediate,.1s),border-color var(--animation-duration-immediate,.1s);white-space:pre-wrap}.RichTextEditor-module_editor__pVKqW>.ProseMirror>p{margin:0 0 var(--spacing-16,1rem)}.RichTextEditor-module_editor__pVKqW>.ProseMirror>:last-child{margin-bottom:0}.RichTextEditor-module_editor__pVKqW>.ProseMirror>:last-child>li:last-of-type p{margin-bottom:0}.RichTextEditor-module_editor__pVKqW>.ProseMirror>:first-child{margin-top:0}.RichTextEditor-module_editor__pVKqW>.ProseMirror>:first-child>li:first-of-type p{margin-top:0}.RichTextEditor-module_editor__pVKqW>.ProseMirror a{color:var(--color-blue-500,#0168b3)}.RichTextEditor-module_editor__pVKqW>.ProseMirror a:hover{text-decoration:none}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol,.RichTextEditor-module_editor__pVKqW>.ProseMirror ul{padding-inline-start:var(--spacing-40,2.5rem)}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol{list-style-type:decimal}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol{list-style-type:lower-alpha}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol{list-style-type:lower-roman}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol ol,.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol ul{padding-inline-start:var(--spacing-40,2.5rem)}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol ol{list-style-type:decimal}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol ol ol{list-style-type:lower-alpha}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol ol ol ol{list-style-type:lower-roman}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol ul{list-style-type:disc}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol ul ul{list-style-type:circle}.RichTextEditor-module_editor__pVKqW>.ProseMirror ol ol ol ul ul ul{list-style-type:square}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul{list-style-type:disc}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul{list-style-type:circle}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul{list-style-type:square}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul ol,.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul ul{padding-inline-start:var(--spacing-40,2.5rem)}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul ol{list-style-type:decimal}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul ol ol{list-style-type:lower-alpha}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul ol ol ol{list-style-type:lower-roman}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul ul{list-style-type:disc}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul ul ul{list-style-type:circle}.RichTextEditor-module_editor__pVKqW>.ProseMirror ul ul ul ul ul ul{list-style-type:square}.RichTextEditor-module_editor__pVKqW>.ProseMirror:focus,.RichTextEditor-module_editor__pVKqW>.ProseMirror:hover{background:var(--color-gray-200,#f4f4f5);border-color:var(--color-gray-600,#524e56)}.RichTextEditor-module_editor__pVKqW>.ProseMirror:focus{outline:none}.RichTextEditor-module_editor__pVKqW>.ProseMirror:focus-visible:after{background:transparent;border-color:var(--color-blue-500,#0168b3);border-radius:2px 2px var(--border-focus-ring-border-radius,10px) 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:-5px;pointer-events:none;position:absolute}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_hasToolbar__EBxnG>.ProseMirror{border-top-left-radius:0;border-top-right-radius:0}.RichTextEditor-module_editorWrapper__5q3mG{word-wrap:break-word;background:var(--color-white,#fff);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);position:relative}.RichTextEditor-module_editorWrapper__5q3mG:focus-within,.RichTextEditor-module_editorWrapper__5q3mG:hover{border-color:var(--color-gray-600,#524e56)}.RichTextEditor-module_editorWrapper__5q3mG:focus-within .RichTextEditor-module_toolbar__ceLvw,.RichTextEditor-module_editorWrapper__5q3mG:hover .RichTextEditor-module_toolbar__ceLvw{border-color:var(--color-gray-600,#524e56)}.RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_error__Xugz8,.RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_error__Xugz8 .RichTextEditor-module_toolbar__ceLvw{border-color:var(--color-red-500,#c93b55)}.RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_error__Xugz8:hover,.RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_error__Xugz8:hover .RichTextEditor-module_toolbar__ceLvw{border-color:var(--color-red-600,#a82433)}.RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_caution__6q0z6,.RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_caution__6q0z6 .RichTextEditor-module_toolbar__ceLvw{border-color:var(--color-yellow-600,#c68600)}.RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_caution__6q0z6:hover,.RichTextEditor-module_editorWrapper__5q3mG.RichTextEditor-module_caution__6q0z6:hover .RichTextEditor-module_toolbar__ceLvw{border-color:var(--color-yellow-700,#876400)}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows1__DDEf4>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*1 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows2__kzYgh>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*2 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows3__SA7Zu>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*3 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows4__gkZry>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*4 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows5__4Rq2z>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*5 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows6__SH-4R>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*6 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows7__z02vY>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*7 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows8__4j-9e>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*8 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows9__67hDj>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*9 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows10__qysh1>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*10 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows11__o5iYX>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*11 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows12__ug-Nv>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*12 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows13__tFBG7>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*13 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows14__xqS6h>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*14 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows15__dzeUM>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*15 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows16__GyRco>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*16 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows17__GyNby>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*17 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows18__fe-Rb>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*18 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows19__fc0-T>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*19 - var(--spacing-16, 1rem))}.RichTextEditor-module_editor__pVKqW.RichTextEditor-module_rows20__p9rwF>.ProseMirror{min-height:calc((var(--typography-paragraph-body-line-height, 1.5rem) + var(--spacing-16, 1rem))*20 - var(--spacing-16, 1rem))}";
+var styles = {
+  "editor": "RichTextEditor-module_editor__pVKqW",
+  "hasToolbar": "RichTextEditor-module_hasToolbar__EBxnG",
+  "editorWrapper": "RichTextEditor-module_editorWrapper__5q3mG",
+  "toolbar": "RichTextEditor-module_toolbar__ceLvw",
+  "error": "RichTextEditor-module_error__Xugz8",
+  "caution": "RichTextEditor-module_caution__6q0z6",
+  "rows1": "RichTextEditor-module_rows1__DDEf4",
+  "rows2": "RichTextEditor-module_rows2__kzYgh",
+  "rows3": "RichTextEditor-module_rows3__SA7Zu",
+  "rows4": "RichTextEditor-module_rows4__gkZry",
+  "rows5": "RichTextEditor-module_rows5__4Rq2z",
+  "rows6": "RichTextEditor-module_rows6__SH-4R",
+  "rows7": "RichTextEditor-module_rows7__z02vY",
+  "rows8": "RichTextEditor-module_rows8__4j-9e",
+  "rows9": "RichTextEditor-module_rows9__67hDj",
+  "rows10": "RichTextEditor-module_rows10__qysh1",
+  "rows11": "RichTextEditor-module_rows11__o5iYX",
+  "rows12": "RichTextEditor-module_rows12__ug-Nv",
+  "rows13": "RichTextEditor-module_rows13__tFBG7",
+  "rows14": "RichTextEditor-module_rows14__xqS6h",
+  "rows15": "RichTextEditor-module_rows15__dzeUM",
+  "rows16": "RichTextEditor-module_rows16__GyRco",
+  "rows17": "RichTextEditor-module_rows17__GyNby",
+  "rows18": "RichTextEditor-module_rows18__fe-Rb",
+  "rows19": "RichTextEditor-module_rows19__fc0-T",
+  "rows20": "RichTextEditor-module_rows20__p9rwF"
+};
+/*#__PURE__*/styleInject(css_248z);
+export { styles as default };

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

@@ -0,0 +1,65 @@
+import { __spreadArray, __assign } from 'tslib';
+import { TOOLBAR_CONTROLS } from '../constants.mjs';
+import 'prosemirror-commands';
+import 'prosemirror-keymap';
+import 'prosemirror-history';
+import 'prosemirror-state';
+import * as ProseMirrorModel from 'prosemirror-model';
+import 'prosemirror-inputrules';
+import 'prosemirror-schema-list';
+import { getMarks } from '../utils/schema/marks.mjs';
+import { getNodes } from '../utils/schema/nodes.mjs';
+var createSchemaFromControls = function (controls) {
+  if (!controls) {
+    return createSchema();
+  }
+  var namesFromControls = controls.reduce(function (acc, c) {
+    return __spreadArray(__spreadArray([], acc, true), [c.name], false);
+  }, []);
+  return createSchema(namesFromControls);
+};
+var createSchemaWithAll = function () {
+  return createSchema(TOOLBAR_CONTROLS);
+};
+var createSchema = function (controls) {
+  var nodes = getNodes();
+  var marks = getMarks();
+  var defaultNodes = {
+    doc: nodes.doc,
+    paragraph: nodes.paragraph,
+    text: nodes.text,
+    hardBreak: nodes.hardBreak
+  };
+  if (!controls) {
+    return new ProseMirrorModel.Schema({
+      nodes: defaultNodes
+    });
+  }
+  var newNodes = __assign({}, defaultNodes);
+  var newMarks = {};
+  if (controls.includes("bold")) {
+    newMarks["strong"] = marks.strong;
+  }
+  if (controls.includes("italic")) {
+    newMarks["em"] = marks.em;
+  }
+  if (controls.includes("underline")) {
+    newMarks["underline"] = marks.underline;
+  }
+  if (controls.includes("bulletList")) {
+    newNodes["bulletList"] = nodes.bulletList;
+    newNodes["listItem"] = nodes.listItem;
+  }
+  if (controls.includes("orderedList")) {
+    newNodes["orderedList"] = nodes.orderedList;
+    newNodes["listItem"] = nodes.listItem;
+  }
+  if (controls.includes("link")) {
+    newMarks["link"] = marks.link;
+  }
+  return new ProseMirrorModel.Schema({
+    nodes: newNodes,
+    marks: newMarks
+  });
+};
+export { createSchemaFromControls, createSchemaWithAll };

package/dist/esm/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.mjs

@@ -0,0 +1,40 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { Tooltip } from '../../../../Tooltip/Tooltip.mjs';
+import styles from './ToggleIconButton.module.scss.mjs';
+const ToggleIconButton = /*#__PURE__*/function () {
+  const ToggleIconButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
+    var label = props.label,
+      icon = props.icon,
+      _a = props.isActive,
+      isActive = _a === void 0 ? false : _a,
+      _b = props.mood,
+      mood = _b === void 0 ? "default" : _b,
+      _c = props.disabled,
+      disabled = _c === void 0 ? false : _c,
+      classNameOverride = props.classNameOverride,
+      onClick = props.onClick,
+      nativeButtonProps = __rest(props, ["label", "icon", "isActive", "mood", "disabled", "classNameOverride", "onClick"]);
+    return /*#__PURE__*/React.createElement(Tooltip, {
+      text: label,
+      display: "inline-block",
+      position: "above",
+      animationDuration: 5
+    }, /*#__PURE__*/React.createElement("button", __assign({
+      ref: ref,
+      type: "button",
+      "aria-pressed": isActive,
+      "aria-label": label,
+      "aria-disabled": disabled,
+      onMouseDown: function (e) {
+        return e.preventDefault();
+      },
+      onClick: !disabled ? onClick : undefined,
+      className: classnames(styles.button, classNameOverride, styles[mood], isActive && styles.active, disabled && styles.disabled)
+    }, nativeButtonProps), icon));
+  });
+  ToggleIconButton.displayName = "ToggleIconButton";
+  return ToggleIconButton;
+}();
+export { ToggleIconButton };

package/dist/esm/RichTextEditor/RichTextEditor/subcomponents/ToggleIconButton/ToggleIconButton.module.scss.mjs

@@ -0,0 +1,14 @@
+import { styleInject } from '../../../../__build-tools/styleInject.mjs';
+var css_248z = ".ToggleIconButton-module_button__86Iau{align-items:center;background-color:var(--color-white,#fff);border:none;border-radius:var(--border-solid-border-radius,7px);display:flex;height:3rem;justify-content:center;position:relative;transition:background-color var(--animation-duration-immediate,.1s);width:3rem}.ToggleIconButton-module_button__86Iau:focus{outline:none}.ToggleIconButton-module_button__86Iau:focus-visible: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:-3px;position:absolute}.ToggleIconButton-module_button__86Iau.ToggleIconButton-module_disabled__rwpBC{opacity:30%}.ToggleIconButton-module_button__86Iau.ToggleIconButton-module_disabled__rwpBC:focus-visible:after{background-color:transparent;border-color:transparent;color:rgba(var(--color-purple-800-rgb,47,36,56),.3);opacity:100%;outline:var(--color-purple-800,#2f2438) var(--border-dashed-border-style,dashed) var(--border-focus-ring-border-width,2px);outline-offset:-2px}.ToggleIconButton-module_default__2fWS1{background-color:var(--color-white,#fff);color:var(--color-purple-800,#2f2438)}.ToggleIconButton-module_default__2fWS1:not(.ToggleIconButton-module_disabled__rwpBC):focus-visible:not(.ToggleIconButton-module_active__YLYx9),.ToggleIconButton-module_default__2fWS1:not(.ToggleIconButton-module_disabled__rwpBC):hover:not(.ToggleIconButton-module_active__YLYx9){background-color:var(--color-gray-200,#f4f4f5)}.ToggleIconButton-module_default__2fWS1:not(.ToggleIconButton-module_disabled__rwpBC).ToggleIconButton-module_active__YLYx9{background-color:var(--color-gray-300,#eaeaec);color:var(--color-purple-800,#2f2438)}.ToggleIconButton-module_secondary__2bzRa{background-color:var(--color-white,#fff);color:var(--color-blue-500,#0168b3)}.ToggleIconButton-module_secondary__2bzRa:not(.ToggleIconButton-module_disabled__rwpBC):focus-visible:not(.ToggleIconButton-module_active__YLYx9),.ToggleIconButton-module_secondary__2bzRa:not(.ToggleIconButton-module_disabled__rwpBC):hover:not(.ToggleIconButton-module_active__YLYx9){background-color:var(--color-blue-100,#e6f6ff)}.ToggleIconButton-module_secondary__2bzRa:not(.ToggleIconButton-module_disabled__rwpBC).ToggleIconButton-module_active__YLYx9{background-color:var(--color-blue-200,#bde2f5)}.ToggleIconButton-module_primary__-y-0m{background-color:var(--color-blue-500,#0168b3);color:var(--color-white,#fff)}.ToggleIconButton-module_primary__-y-0m:not(.ToggleIconButton-module_disabled__rwpBC):focus-visible:not(.ToggleIconButton-module_active__YLYx9),.ToggleIconButton-module_primary__-y-0m:not(.ToggleIconButton-module_disabled__rwpBC):hover:not(.ToggleIconButton-module_active__YLYx9){background-color:var(--color-blue-600,#004970)}.ToggleIconButton-module_primary__-y-0m:not(.ToggleIconButton-module_disabled__rwpBC).ToggleIconButton-module_active__YLYx9{background-color:var(--color-blue-700,#003157)}.ToggleIconButton-module_destructive__-PY2A{background-color:var(--color-red-500,#c93b55);color:var(--color-white,#fff)}.ToggleIconButton-module_destructive__-PY2A:not(.ToggleIconButton-module_disabled__rwpBC):focus-visible:not(.ToggleIconButton-module_active__YLYx9),.ToggleIconButton-module_destructive__-PY2A:not(.ToggleIconButton-module_disabled__rwpBC):hover:not(.ToggleIconButton-module_active__YLYx9){background-color:var(--color-red-600,#a82433)}.ToggleIconButton-module_destructive__-PY2A:not(.ToggleIconButton-module_disabled__rwpBC).ToggleIconButton-module_active__YLYx9{background-color:var(--color-red-700,#6c1e20)}.ToggleIconButton-module_secondary-destructive__t6UEj{background-color:var(--color-white,#fff);color:var(--color-red-600,#a82433)}.ToggleIconButton-module_secondary-destructive__t6UEj:not(.ToggleIconButton-module_disabled__rwpBC):focus-visible:not(.ToggleIconButton-module_active__YLYx9),.ToggleIconButton-module_secondary-destructive__t6UEj:not(.ToggleIconButton-module_disabled__rwpBC):hover:not(.ToggleIconButton-module_active__YLYx9){background-color:var(--color-red-100,#fdeaee)}.ToggleIconButton-module_secondary-destructive__t6UEj:not(.ToggleIconButton-module_disabled__rwpBC).ToggleIconButton-module_active__YLYx9{background-color:var(--color-red-200,#f9c2cb)}";
+var styles = {
+  "button": "ToggleIconButton-module_button__86Iau",
+  "disabled": "ToggleIconButton-module_disabled__rwpBC",
+  "default": "ToggleIconButton-module_default__2fWS1",
+  "active": "ToggleIconButton-module_active__YLYx9",
+  "secondary": "ToggleIconButton-module_secondary__2bzRa",
+  "primary": "ToggleIconButton-module_primary__-y-0m",
+  "destructive": "ToggleIconButton-module_destructive__-PY2A",
+  "secondary-destructive": "ToggleIconButton-module_secondary-destructive__t6UEj"
+};
+/*#__PURE__*/styleInject(css_248z);
+export { styles as default };