@kaizen/components 1.26.0 → 1.28.0

package/dist/esm/Modal/GenericModal/subcomponents/ModalBody/ModalBody.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBody.mjs","sources":["../../../../../../src/Modal/GenericModal/subcomponents/ModalBody/ModalBody.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport styles from \"./ModalBody.module.scss\"\n\nexport type ModalBodyProps = {\n  inputEdit?: boolean\n  children: React.ReactNode\n}\n\nexport const ModalBody = ({\n  inputEdit = false,\n  children,\n}: ModalBodyProps): JSX.Element => (\n  <div className={classnames(inputEdit && styles.inputEdit)}>{children}</div>\n)\n\nModalBody.displayName = \"ModalBody\"\n"],"names":["ModalBody","_a","_b","inputEdit","children","React","createElement","className","classnames","styles","displayName"],"mappings":";;;MASaA,SAAS;EAAA,MAATA,SAAS,GAAG,SAAAA,CAACC,EAGT,EAAA;IAFf,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAiB;MAAjBA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACjBE,QAAQ,GAAAH,EAAA,CAAAG,QAAA;IACyB,oBACjCC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAEC,UAAU,CAACL,SAAS,IAAIM,MAAM,CAACN,SAAS;IAAI,CAAA,EAAAC,QAAQ,CAAO;EAD1C,CAElC;EAEDJ,SAAS,CAACU,WAAW,GAAG,WAAW;EAAA,OAPtBV,SAAS;AAAA;"}

package/dist/esm/Modal/GenericModal/subcomponents/ModalBody/ModalBody.module.scss.mjs

@@ -0,0 +1,5 @@
+var styles = {
+  "inputEdit": "ModalBody-module_inputEdit__4Krgt"
+};
+export { styles as default };
+//# sourceMappingURL=ModalBody.module.scss.mjs.map

package/dist/esm/Modal/GenericModal/subcomponents/ModalBody/ModalBody.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalBody.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/esm/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.mjs

@@ -0,0 +1,42 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { Button } from '../../../../Button/Button/Button.mjs';
+import '../../../../Button/IconButton/IconButton.mjs';
+import '../../../../Button/PaginationLink/PaginationLink.mjs';
+import '../../../../Button/DirectionalLink/DirectionalLink.mjs';
+import { useMediaQueries } from '../../../../utils/useMediaQueries.mjs';
+import { ModalBody } from '../ModalBody/ModalBody.mjs';
+import styles from './ModalFooter.module.scss.mjs';
+const ModalFooter = /*#__PURE__*/function () {
+  const ModalFooter = function (_a) {
+    var unpadded = _a.unpadded,
+      actions = _a.actions,
+      _b = _a.appearance,
+      appearance = _b === void 0 ? "primary" : _b,
+      alignStart = _a.alignStart,
+      variant = _a.variant,
+      props = __rest(_a, ["unpadded", "actions", "appearance", "alignStart", "variant"]);
+    var queries = useMediaQueries().queries;
+    return /*#__PURE__*/React.createElement(ModalBody, {
+      inputEdit: variant === "inputEdit"
+    }, /*#__PURE__*/React.createElement("div", __assign({
+      className: classnames(styles.actions, !unpadded && styles.padded, variant === "context" && styles.informationPadded, alignStart && styles.actionsAlignStart)
+    }, props), actions.map(function (action, index) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: styles.actionButton,
+        key: index
+      }, /*#__PURE__*/React.createElement(Button, __assign({
+        type: "button",
+        primary: index === 0 && appearance === "primary",
+        destructive: index === 0 && appearance === "destructive",
+        secondary: index > 0,
+        fullWidth: queries.isSmall
+      }, action)));
+    })));
+  };
+  ModalFooter.displayName = "ModalFooter";
+  return ModalFooter;
+}();
+export { ModalFooter };
+//# sourceMappingURL=ModalFooter.mjs.map

package/dist/esm/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.mjs","sources":["../../../../../../src/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { Button, ButtonProps } from \"~components/Button\"\nimport { useMediaQueries } from \"~utils/useMediaQueries\"\nimport { ModalBody } from \"../ModalBody/ModalBody\"\nimport styles from \"./ModalFooter.module.scss\"\n\ntype ActionsVariantProps = \"context\" | \"inputEdit\"\n\nexport type ModalFooterProps = {\n  /**\n   * We have a special case for the InformationModal when it has an image.\n   * Since this modal may have an image on the right side the actions might look disconected from the content.\n   * So for this instance we need to flip the order of the actions so that the primary\n   * action is anchored to the left edge of the modal.\n   * For this rare instance added the variant prop as optional to update the order of action buttons.\n   */\n  variant?: ActionsVariantProps\n  unpadded?: boolean\n  actions: ButtonProps[]\n  appearance?: \"primary\" | \"destructive\"\n  /**\n   * @deprecated Please use data-testid\n   */\n  automationId?: string\n  alignStart?: boolean\n} & HTMLAttributes<HTMLDivElement>\n\nexport const ModalFooter = ({\n  unpadded,\n  actions,\n  appearance = \"primary\",\n  alignStart,\n  variant,\n  ...props\n}: ModalFooterProps): JSX.Element => {\n  const { queries } = useMediaQueries()\n\n  return (\n    <ModalBody inputEdit={variant === \"inputEdit\"}>\n      <div\n        className={classnames(\n          styles.actions,\n          !unpadded && styles.padded,\n          variant === \"context\" && styles.informationPadded,\n          alignStart && styles.actionsAlignStart\n        )}\n        {...props}\n      >\n        {actions.map((action, index) => (\n          <div className={styles.actionButton} key={index}>\n            <Button\n              type=\"button\"\n              primary={index === 0 && appearance === \"primary\"}\n              destructive={index === 0 && appearance === \"destructive\"}\n              secondary={index > 0}\n              fullWidth={queries.isSmall}\n              {...action}\n            />\n          </div>\n        ))}\n      </div>\n    </ModalBody>\n  )\n}\n\nModalFooter.displayName = \"ModalFooter\"\n"],"names":["ModalFooter","_a","unpadded","actions","_b","appearance","alignStart","variant","props","__rest","queries","useMediaQueries","React","ModalBody","inputEdit","createElement","__assign","className","classnames","styles","padded","informationPadded","actionsAlignStart","map","action","index","actionButton","key","Button","type","primary","destructive","secondary","fullWidth","isSmall","displayName"],"mappings":";;;;;;;;;;MA4BaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAOT,EAAA;IANjB,IAAAC,QAAQ,cAAA;MACRC,OAAO,aAAA;MACPC,EAAA,GAAAH,EAAA,CAAAI,UAAsB;MAAtBA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,SAAS,KAAA;MACtBE,UAAU,gBAAA;MACVC,OAAO,aAAA;MACJC,KAAK,GANkBC,MAAA,CAAAR,EAAA,EAAA,CAAA,UAAA,EAAA,SAAA,EAAA,YAAA,EAAA,YAAA,EAAA,SAAA,CAO3B,CADS;IAEA,IAAAS,OAAO,GAAKC,eAAe,CAAE,CAAA,QAAtB;IAEf,oBACEC,oBAACC,SAAS,EAAA;MAACC,SAAS,EAAEP,OAAO,KAAK;IAAW,CAAA,eAC3CK,KACE,CAAAG,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;MAAAC,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAAChB,OAAO,EACd,CAACD,QAAQ,IAAIiB,MAAM,CAACC,MAAM,EAC1Bb,OAAO,KAAK,SAAS,IAAIY,MAAM,CAACE,iBAAiB,EACjDf,UAAU,IAAIa,MAAM,CAACG,iBAAiB;IACvC,CACG,EAAAd,KAAK,CAER,EAAAL,OAAO,CAACoB,GAAG,CAAC,UAACC,MAAM,EAAEC,KAAK;MAAK,oBAC9Bb,KAAK,CAAAG,aAAA,CAAA,KAAA,EAAA;QAAAE,SAAS,EAAEE,MAAM,CAACO,YAAY;QAAEC,GAAG,EAAEF;MAAK,CAAA,eAC7Cb,KAAC,CAAAG,aAAA,CAAAa,MAAM;QACLC,IAAI,EAAC,QAAQ;QACbC,OAAO,EAAEL,KAAK,KAAK,CAAC,IAAIpB,UAAU,KAAK,SAAS;QAChD0B,WAAW,EAAEN,KAAK,KAAK,CAAC,IAAIpB,UAAU,KAAK,aAAa;QACxD2B,SAAS,EAAEP,KAAK,GAAG,CAAC;QACpBQ,SAAS,EAAEvB,OAAO,CAACwB;MAAO,GACtBV,MAAM,CAAA,CACV,CACE;IACP,CAAA,CAAC,CACE,CACI;EAEhB,CAAC;EAEDxB,WAAW,CAACmC,WAAW,GAAG,aAAa;EAAA,OAtC1BnC,WAAW;AAAA;"}

package/dist/esm/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.module.scss.mjs

@@ -0,0 +1,15 @@
+var styles = {
+  "actions": "ModalFooter-module_actions__q2PiD",
+  "actionsAlignStart": "ModalFooter-module_actionsAlignStart__4wZ75",
+  "padded": "ModalFooter-module_padded__9PLtz",
+  "actionButton": "ModalFooter-module_actionButton__YD4vG",
+  "footerWrap": "ModalFooter-module_footerWrap__IEAMY",
+  "center": "ModalFooter-module_center__w232S",
+  "border": "ModalFooter-module_border__jj-Zy",
+  "start": "ModalFooter-module_start__0GJno",
+  "end": "ModalFooter-module_end__KuUbk",
+  "fixed": "ModalFooter-module_fixed__mV5fZ",
+  "filler": "ModalFooter-module_filler__kElGb"
+};
+export { styles as default };
+//# sourceMappingURL=ModalFooter.module.scss.mjs.map

package/dist/esm/Modal/GenericModal/subcomponents/ModalFooter/ModalFooter.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalFooter.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}

package/dist/esm/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.mjs

@@ -0,0 +1,33 @@
+import React from 'react';
+import '../../../../Button/Button/Button.mjs';
+import { IconButton } from '../../../../Button/IconButton/IconButton.mjs';
+import '../../../../Button/PaginationLink/PaginationLink.mjs';
+import '../../../../Button/DirectionalLink/DirectionalLink.mjs';
+import 'tslib';
+import 'uuid';
+import '../../../../Icon/subcomponents/SVG/SVG.mjs';
+import { CloseIcon } from '../../../../Icon/CloseIcon.mjs';
+import { ModalBody } from '../ModalBody/ModalBody.mjs';
+import styles from './ModalHeader.module.scss.mjs';
+const ModalHeader = /*#__PURE__*/function () {
+  const ModalHeader = function (_a) {
+    var reversed = _a.reversed,
+      onDismiss = _a.onDismiss,
+      children = _a.children;
+    return /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", {
+      className: styles.dismissButton
+    }, /*#__PURE__*/React.createElement(IconButton, {
+      label: "Dismiss",
+      icon: /*#__PURE__*/React.createElement(CloseIcon, {
+        role: "presentation"
+      }),
+      reversed: reversed,
+      onClick: onDismiss,
+      disabled: onDismiss == undefined
+    })), children);
+  };
+  ModalHeader.displayName = "ModalHeader";
+  return ModalHeader;
+}();
+export { ModalHeader };
+//# sourceMappingURL=ModalHeader.mjs.map

package/dist/esm/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.mjs","sources":["../../../../../../src/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.tsx"],"sourcesContent":["import React from \"react\"\nimport { IconButton } from \"~components/Button\"\nimport { CloseIcon } from \"~components/Icon\"\nimport { ModalBody } from \"../ModalBody\"\nimport styles from \"./ModalHeader.module.scss\"\n\nexport type ModalHeaderProps = {\n  unpadded?: boolean\n  reversed?: boolean\n  onDismiss?: (evt: React.MouseEvent) => void\n  children: React.ReactNode\n}\n\nexport const ModalHeader = ({\n  reversed,\n  onDismiss,\n  children,\n}: ModalHeaderProps): JSX.Element => (\n  <ModalBody>\n    <div className={styles.dismissButton}>\n      <IconButton\n        label=\"Dismiss\"\n        icon={<CloseIcon role=\"presentation\" />}\n        reversed={reversed}\n        onClick={onDismiss}\n        disabled={onDismiss == undefined}\n      />\n    </div>\n    {children}\n  </ModalBody>\n)\n\nModalHeader.displayName = \"ModalHeader\"\n"],"names":["ModalHeader","_a","reversed","onDismiss","children","React","ModalBody","createElement","className","styles","dismissButton","IconButton","label","icon","CloseIcon","role","onClick","disabled","undefined","displayName"],"mappings":";;;;;;;;;;;MAaaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHjB,IAAAC,QAAQ,cAAA;MACRC,SAAS,GAAAF,EAAA,CAAAE,SAAA;MACTC,QAAQ,GAAAH,EAAA,CAAAG,QAAA;IAC2B,oBACnCC,oBAACC,SAAS,EAAA,IAAA,eACRD,KAAA,CAAAE,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAEC,MAAM,CAACC;IAAa,CAAA,eAClCL,KAAA,CAAAE,aAAA,CAACI,UAAU,EAAA;MACTC,KAAK,EAAC,SAAS;MACfC,IAAI,eAAER,KAAC,CAAAE,aAAA,CAAAO,SAAS,EAAC;QAAAC,IAAI,EAAC;MAAc,CAAA,CAAG;MACvCb,QAAQ,EAAEA,QAAQ;MAClBc,OAAO,EAAEb,SAAS;MAClBc,QAAQ,EAAEd,SAAS,IAAIe;IAAS,EAChC,CACE,EACLd,QAAQ,CACC;EAZuB,CAapC;EAEDJ,WAAW,CAACmB,WAAW,GAAG,aAAa;EAAA,OAnB1BnB,WAAW;AAAA;"}

package/dist/esm/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.module.scss.mjs

@@ -0,0 +1,8 @@
+var styles = {
+  "dismissButton": "ModalHeader-module_dismissButton__YhHZl",
+  "layout": "ModalHeader-module_layout__K8x4O",
+  "fixed": "ModalHeader-module_fixed__JEeic",
+  "filler": "ModalHeader-module_filler__w1MCN"
+};
+export { styles as default };
+//# sourceMappingURL=ModalHeader.module.scss.mjs.map

package/dist/esm/Modal/GenericModal/subcomponents/ModalHeader/ModalHeader.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ModalHeader.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/esm/Modal/InputEditModal/InputEditModal.mjs

@@ -0,0 +1,84 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { Heading } from '@kaizen/typography';
+import { GenericModal } from '../GenericModal/GenericModal.mjs';
+import '../GenericModal/context/ModalContext.mjs';
+import '../GenericModal/subcomponents/ModalAccessibleDescription/ModalAccessibleDescription.mjs';
+import { ModalFooter } from '../GenericModal/subcomponents/ModalFooter/ModalFooter.mjs';
+import { ModalHeader } from '../GenericModal/subcomponents/ModalHeader/ModalHeader.mjs';
+import { ModalAccessibleLabel } from '../GenericModal/subcomponents/ModalAccessibleLabel/ModalAccessibleLabel.mjs';
+import { ModalBody } from '../GenericModal/subcomponents/ModalBody/ModalBody.mjs';
+import styles from './InputEditModal.module.scss.mjs';
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal#Input-Edit-Modal Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-modals-inputeditmodal--docs Storybook}
+ */
+const InputEditModal = /*#__PURE__*/function () {
+  const 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 = __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 = [__assign(__assign({}, submitAction), workingProps), {
+      label: showSecondary ? secondaryLabel : dismissLabel,
+      onClick: showSecondary ? onSecondaryAction : onDismiss,
+      disabled: !!submitWorking
+    }];
+    return /*#__PURE__*/React.createElement(GenericModal, {
+      isOpen: isOpen,
+      onEscapeKeyup: onDismiss,
+      onAfterLeave: onAfterLeave
+    }, /*#__PURE__*/React.createElement("div", __assign({
+      className: styles.modal,
+      dir: localeDirection,
+      "data-modal": true
+    }, props), /*#__PURE__*/React.createElement(ModalHeader, {
+      onDismiss: onDismiss
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.header, localeDirection === "rtl" && styles.textAlignRTL, !unpadded && styles.padded)
+    }, /*#__PURE__*/React.createElement(ModalAccessibleLabel, null, /*#__PURE__*/React.createElement(Heading, {
+      tag: "h2",
+      variant: "heading-2"
+    }, title)))), /*#__PURE__*/React.createElement(ModalBody, null, /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.body, !unpadded && styles.padded),
+      dir: localeDirection
+    }, children)), /*#__PURE__*/React.createElement(ModalFooter, {
+      actions: footerActions,
+      appearance: mood === "destructive" ? "destructive" : "primary",
+      variant: "inputEdit",
+      unpadded: unpadded
+    })));
+  };
+  InputEditModal.displayName = "InputEditModal";
+  return InputEditModal;
+}();
+export { InputEditModal };
+//# sourceMappingURL=InputEditModal.mjs.map

package/dist/esm/Modal/InputEditModal/InputEditModal.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputEditModal.mjs","sources":["../../../../src/Modal/InputEditModal/InputEditModal.tsx"],"sourcesContent":["import React, { HTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { Heading } from \"@kaizen/typography\"\nimport { ButtonProps } from \"~components/Button\"\nimport {\n  GenericModal,\n  ModalFooter,\n  ModalHeader,\n  ModalAccessibleLabel,\n  ModalBody,\n} from \"~components/Modal/GenericModal\"\nimport styles from \"./InputEditModal.module.scss\"\n\nexport type InputEditModalProps = {\n  isOpen: boolean\n  unpadded?: boolean\n  mood: \"positive\" | \"destructive\"\n  title: string\n  onSubmit: () => void\n  onSecondaryAction?: () => void\n  onDismiss: () => void\n  onAfterLeave?: () => void\n  localeDirection?: \"rtl\" | \"ltr\"\n  submitLabel?: string\n  dismissLabel?: string\n  secondaryLabel?: string\n  /**\n   * @deprecated Please use data-testid\n   */\n  automationId?: string\n  children: React.ReactNode\n  submitWorking?: { label: string; labelHidden?: boolean }\n} & HTMLAttributes<HTMLDivElement>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093114/Modal#Input-Edit-Modal Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-modals-inputeditmodal--docs Storybook}\n */\nexport const InputEditModal = ({\n  isOpen,\n  mood,\n  title,\n  onSubmit,\n  onSecondaryAction,\n  onAfterLeave,\n  localeDirection = \"ltr\",\n  submitLabel = \"Submit\",\n  dismissLabel = \"Cancel\",\n  secondaryLabel,\n  submitWorking,\n  children,\n  unpadded = false,\n  onDismiss: propsOnDismiss,\n  ...props\n}: InputEditModalProps): JSX.Element => {\n  const onDismiss = submitWorking ? undefined : propsOnDismiss\n  const submitAction = { label: submitLabel, onClick: onSubmit }\n  const workingProps = submitWorking\n    ? {\n        working: true,\n        workingLabel: submitWorking.label,\n        workingLabelHidden: submitWorking.labelHidden,\n      }\n    : {}\n\n  const showSecondary = onSecondaryAction && secondaryLabel\n\n  const footerActions: ButtonProps[] = [\n    { ...submitAction, ...workingProps },\n    {\n      label: showSecondary ? secondaryLabel : dismissLabel,\n      onClick: showSecondary ? onSecondaryAction : onDismiss,\n      disabled: !!submitWorking,\n    },\n  ]\n\n  return (\n    <GenericModal\n      isOpen={isOpen}\n      onEscapeKeyup={onDismiss}\n      onAfterLeave={onAfterLeave}\n    >\n      <div className={styles.modal} dir={localeDirection} data-modal {...props}>\n        <ModalHeader onDismiss={onDismiss}>\n          <div\n            className={classnames(\n              styles.header,\n              localeDirection === \"rtl\" && styles.textAlignRTL,\n              !unpadded && styles.padded\n            )}\n          >\n            <ModalAccessibleLabel>\n              <Heading tag=\"h2\" variant=\"heading-2\">\n                {title}\n              </Heading>\n            </ModalAccessibleLabel>\n          </div>\n        </ModalHeader>\n        <ModalBody>\n          <div\n            className={classnames(styles.body, !unpadded && styles.padded)}\n            dir={localeDirection}\n          >\n            {children}\n          </div>\n        </ModalBody>\n        <ModalFooter\n          actions={footerActions}\n          appearance={mood === \"destructive\" ? \"destructive\" : \"primary\"}\n          variant=\"inputEdit\"\n          unpadded={unpadded}\n        />\n      </div>\n    </GenericModal>\n  )\n}\n\nInputEditModal.displayName = \"InputEditModal\"\n"],"names":["InputEditModal","_a","isOpen","mood","title","onSubmit","onSecondaryAction","onAfterLeave","_b","localeDirection","_c","submitLabel","_d","dismissLabel","secondaryLabel","submitWorking","children","_e","unpadded","propsOnDismiss","onDismiss","props","__rest","undefined","submitAction","label","onClick","workingProps","working","workingLabel","workingLabelHidden","labelHidden","showSecondary","footerActions","__assign","disabled","React","createElement","GenericModal","onEscapeKeyup","className","styles","modal","dir","ModalHeader","classnames","header","textAlignRTL","padded","ModalAccessibleLabel","Heading","tag","variant","ModalBody","body","ModalFooter","actions","appearance","displayName"],"mappings":"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"}

package/dist/esm/Modal/InputEditModal/InputEditModal.module.scss.mjs

@@ -0,0 +1,24 @@
+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"
+};
+export { styles as default };
+//# sourceMappingURL=InputEditModal.module.scss.mjs.map

package/dist/esm/Modal/InputEditModal/InputEditModal.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputEditModal.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/dist/esm/Modal/util/console.mjs

@@ -0,0 +1,14 @@
+var yellow = "\u001b[33m ";
+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"));
+};
+var singleLine = function (message) {
+  return message.replace(/^ +/gm, " ").replace(/\n|\r/gm, "").trim();
+};
+export { singleLine, warn };
+//# sourceMappingURL=console.mjs.map

package/dist/esm/Modal/util/console.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"console.mjs","sources":["../../../../src/Modal/util/console.ts"],"sourcesContent":["const yellow = \"\\u001b[33m \"\nconst reset = \"\\u001b[0m \"\n\n/**\n * @deprecated Do not use ever again\n */\nexport const warn = (message: string): void => {\n  // eslint-disable-next-line no-console\n  console.warn(\n    `${yellow}\\nCULTUREAMP UI WARNING:\\n${singleLine(message)}${reset}\\n`\n  )\n}\n\nexport const singleLine = (message: string): string =>\n  message.replace(/^ +/gm, \" \").replace(/\\n|\\r/gm, \"\").trim()\n"],"names":["yellow","reset","warn","message","console","concat","singleLine","replace","trim"],"mappings":"AAAA,IAAMA,MAAM,GAAG,aAAa;AAC5B,IAAMC,KAAK,GAAG,YAAY;AAE1B;;AAEG;AACI,IAAMC,IAAI,GAAG,SAAAA,CAACC,OAAe,EAAA;;EAElCC,OAAO,CAACF,IAAI,CACV,EAAA,CAAAG,MAAA,CAAGL,MAAM,EAA6B,4BAAA,CAAA,CAAAK,MAAA,CAAAC,UAAU,CAACH,OAAO,CAAC,CAAA,CAAAE,MAAA,CAAGJ,KAAK,EAAA,IAAA,CAAI,CACtE;AACH,CAAC;AAEM,IAAMK,UAAU,GAAG,SAAAA,CAACH,OAAe,EAAA;EACxC,OAAAA,OAAO,CAACI,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAACA,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAACC,IAAI,EAAE;AAA3D,CAAA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"Radio.mjs","sources":["../../../../src/Radio/Radio/Radio.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Radio.module.scss\"\n\nexport type RadioProps = OverrideClassName<\n  Omit<InputHTMLAttributes<HTMLInputElement>, \"type\" | \"checked\">\n> & {\n  /**\n   * This needs to be enforced to ensure the Radio always gets an id to match a label when composed.\n   */\n  id: string\n  name: string\n  value: string\n  selectedStatus?: boolean\n  reversed?: boolean\n}\n\nconst renderSelected = (\n  selectedStatus: boolean,\n  reversed: boolean\n): React.ReactNode => {\n  if (selectedStatus) {\n    return (\n      <div className={classnames(styles.icon, reversed && styles.reversed)} />\n    )\n  }\n  return\n}\n\nexport const Radio = ({\n  name,\n  value,\n  selectedStatus = false,\n  reversed = false,\n  onChange,\n  classNameOverride,\n  ...restProps\n}: RadioProps): JSX.Element => (\n  // @todo: Move classNameOverride to span\n  <span>\n    <input\n      type=\"radio\"\n      name={name}\n      value={value}\n      checked={selectedStatus}\n      className={classnames(\n        styles.radioInput,\n        classNameOverride,\n        reversed && styles.reversed\n      )}\n      onChange={onChange}\n      readOnly={onChange === undefined}\n      {...restProps}\n    />\n    <span className={classnames(styles.box, reversed && styles.reversed)}>\n      {renderSelected(selectedStatus, reversed)}\n    </span>\n  </span>\n)\n\nRadio.displayName = \"Radio\"\n"],"names":["renderSelected","selectedStatus","reversed","React","createElement","className","classnames","styles","icon","Radio","_a","name","value","_b","_c","onChange","classNameOverride","restProps","__rest","__assign","type","checked","radioInput","readOnly","undefined","box","displayName"],"mappings":";;;;AAkBA,IAAMA,cAAc,GAAG,SAAAA,CACrBC,cAAuB,EACvBC,QAAiB,EAAA;EAEjB,IAAID,cAAc,EAAE;IAClB,oBACEE,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,IAAI,EAAEN,QAAQ,IAAIK,MAAM,CAACL,QAAQ;IAAC,CAAA,CAAI;EAE3E;EACD;AACF,CAAC;AAAA,MAEYO,KAAK;EAAA,MAALA,KAAK,GAAG,SAAAA,CAACC,EAQT,EAAA;IAPX,IAAAC,IAAI,GAAAD,EAAA,CAAAC,IAAA;MACJC,KAAK,GAAAF,EAAA,CAAAE,KAAA;MACLC,EAAsB,GAAAH,EAAA,CAAAT,cAAA;MAAtBA,cAAc,GAAAY,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACtBC,EAAA,GAAAJ,EAAA,CAAAR,QAAgB;MAAhBA,QAAQ,GAAGY,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAChBC,QAAQ,GAAAL,EAAA,CAAAK,QAAA;MACRC,iBAAiB,GAAAN,EAAA,CAAAM,iBAAA;MACdC,SAAS,GAAAC,MAAA,CAAAR,EAAA,EAPQ,gFAQrB,CADa;IACiB;MAAA;;MAE7BP,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,eACED,KACE,CAAAC,aAAA,CAAA,OAAA,EAAAe,QAAA,CAAA;QAAAC,IAAI,EAAC,OAAO;QACZT,IAAI,EAAEA,IAAI;QACVC,KAAK,EAAEA,KAAK;QACZS,OAAO,EAAEpB,cAAc;QACvBI,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACe,UAAU,EACjBN,iBAAiB,EACjBd,QAAQ,IAAIK,MAAM,CAACL,QAAQ,CAC5B;QACDa,QAAQ,EAAEA,QAAQ;QAClBQ,QAAQ,EAAER,QAAQ,KAAKS;MAAS,CAAA,EAC5BP,SAAS,CACb,CAAA,eACFd,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;QAAAC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACkB,GAAG,EAAEvB,QAAQ,IAAIK,MAAM,CAACL,QAAQ;OAAC,EACjEF,cAAc,CAACC,cAAc,EAAEC,QAAQ,CAAC,CACpC;IACF;GACR;EAEDO,KAAK,CAACiB,WAAW,GAAG,OAAO;EAAA,OA/BdjB,KAAK;AAAA;"}
+{"version":3,"file":"Radio.mjs","sources":["../../../../src/Radio/Radio/Radio.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Radio.module.scss\"\n\nexport type RadioProps = OverrideClassName<\n  Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    \"id\" | \"name\" | \"value\" | \"checked\" | \"type\"\n  >\n> & {\n  /** Required to ensure the Radio always gets an ID to match a label when composed. */\n  id: string\n  /** Unique identifier for the group this Radio belongs to. Required for keyboard navigation of the group. See also [Defining a radio group](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/radio#defining_a_radio_group) on MDN. E.g. the question ID for which this is one possible answer to. */\n  name: string\n  /** The value for this form field when this radio button is selected. */\n  value?: string | readonly string[] | number\n  selectedStatus?: boolean\n  reversed?: boolean\n}\n\nconst renderSelected = (\n  selectedStatus: boolean,\n  reversed: boolean\n): React.ReactNode => {\n  if (selectedStatus) {\n    return (\n      <div className={classnames(styles.icon, reversed && styles.reversed)} />\n    )\n  }\n  return\n}\n\nexport const Radio = ({\n  name,\n  value,\n  selectedStatus = false,\n  reversed = false,\n  onChange,\n  classNameOverride,\n  ...restProps\n}: RadioProps): JSX.Element => (\n  // @todo: Move classNameOverride to span\n  <span>\n    <input\n      type=\"radio\"\n      name={name}\n      value={value}\n      checked={selectedStatus}\n      className={classnames(\n        styles.radioInput,\n        classNameOverride,\n        reversed && styles.reversed\n      )}\n      onChange={onChange}\n      readOnly={onChange === undefined}\n      {...restProps}\n    />\n    <span className={classnames(styles.box, reversed && styles.reversed)}>\n      {renderSelected(selectedStatus, reversed)}\n    </span>\n  </span>\n)\n\nRadio.displayName = \"Radio\"\n"],"names":["renderSelected","selectedStatus","reversed","React","createElement","className","classnames","styles","icon","Radio","_a","name","value","_b","_c","onChange","classNameOverride","restProps","__rest","__assign","type","checked","radioInput","readOnly","undefined","box","displayName"],"mappings":";;;;AAqBA,IAAMA,cAAc,GAAG,SAAAA,CACrBC,cAAuB,EACvBC,QAAiB,EAAA;EAEjB,IAAID,cAAc,EAAE;IAClB,oBACEE,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACC,IAAI,EAAEN,QAAQ,IAAIK,MAAM,CAACL,QAAQ;IAAC,CAAA,CAAI;EAE3E;EACD;AACF,CAAC;AAAA,MAEYO,KAAK;EAAA,MAALA,KAAK,GAAG,SAAAA,CAACC,EAQT,EAAA;IAPX,IAAAC,IAAI,GAAAD,EAAA,CAAAC,IAAA;MACJC,KAAK,GAAAF,EAAA,CAAAE,KAAA;MACLC,EAAsB,GAAAH,EAAA,CAAAT,cAAA;MAAtBA,cAAc,GAAAY,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACtBC,EAAA,GAAAJ,EAAA,CAAAR,QAAgB;MAAhBA,QAAQ,GAAGY,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAChBC,QAAQ,GAAAL,EAAA,CAAAK,QAAA;MACRC,iBAAiB,GAAAN,EAAA,CAAAM,iBAAA;MACdC,SAAS,GAAAC,MAAA,CAAAR,EAAA,EAPQ,gFAQrB,CADa;IACiB;MAAA;;MAE7BP,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,eACED,KACE,CAAAC,aAAA,CAAA,OAAA,EAAAe,QAAA,CAAA;QAAAC,IAAI,EAAC,OAAO;QACZT,IAAI,EAAEA,IAAI;QACVC,KAAK,EAAEA,KAAK;QACZS,OAAO,EAAEpB,cAAc;QACvBI,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACe,UAAU,EACjBN,iBAAiB,EACjBd,QAAQ,IAAIK,MAAM,CAACL,QAAQ,CAC5B;QACDa,QAAQ,EAAEA,QAAQ;QAClBQ,QAAQ,EAAER,QAAQ,KAAKS;MAAS,CAAA,EAC5BP,SAAS,CACb,CAAA,eACFd,KAAM,CAAAC,aAAA,CAAA,MAAA,EAAA;QAAAC,SAAS,EAAEC,UAAU,CAACC,MAAM,CAACkB,GAAG,EAAEvB,QAAQ,IAAIK,MAAM,CAACL,QAAQ;OAAC,EACjEF,cAAc,CAACC,cAAc,EAAEC,QAAQ,CAAC,CACpC;IACF;GACR;EAEDO,KAAK,CAACiB,WAAW,GAAG,OAAO;EAAA,OA/BdjB,KAAK;AAAA;"}

package/dist/esm/TextArea/TextArea.mjs

@@ -0,0 +1,83 @@
+import { __rest, __assign } from 'tslib';
+import React, { useState, useRef, useEffect } from 'react';
+import classnames from 'classnames';
+import styles from './TextArea.module.scss.mjs';
+const TextArea = /*#__PURE__*/function () {
+  const TextArea = function (_a) {
+    var propsTextAreaRef = _a.textAreaRef,
+      _b = _a.status,
+      status = _b === void 0 ? "default" : _b,
+      _c = _a.autogrow,
+      autogrow = _c === void 0 ? false : _c,
+      _d = _a.reversed,
+      reversed = _d === void 0 ? false : _d,
+      _e = _a.rows,
+      rows = _e === void 0 ? 3 : _e,
+      defaultValue = _a.defaultValue,
+      value = _a.value,
+      disabled = _a.disabled,
+      propsOnChange = _a.onChange,
+      restProps = __rest(_a, ["textAreaRef", "status", "autogrow", "reversed", "rows", "defaultValue", "value", "disabled", "onChange"]);
+    var _f = useState("auto"),
+      textAreaHeight = _f[0],
+      setTextAreaHeight = _f[1];
+    var _g = useState("auto"),
+      parentHeight = _g[0],
+      setParentHeight = _g[1];
+    var _h = useState(autogrow ? defaultValue : undefined),
+      internalValue = _h[0],
+      setInternalValue = _h[1];
+    // ^ holds an internal state of the value so that autogrow can still work with uncontrolled textareas
+    // essentially forces the textarea into an (interally) controlled mode if autogrow is true
+    var textAreaRef = propsTextAreaRef || useRef(null);
+    useEffect(function () {
+      if (!autogrow) return;
+      var scrollHeight = textAreaRef.current.scrollHeight;
+      if (scrollHeight < 1) return;
+      var borderWidth = textAreaRef.current ? parseInt(getComputedStyle(textAreaRef.current).borderTopWidth, 10) : 0;
+      var newHeight = scrollHeight + borderWidth * 2;
+      setParentHeight("".concat(newHeight, "px"));
+      setTextAreaHeight("".concat(newHeight, "px"));
+    }, [internalValue]);
+    var onChange = !autogrow ? undefined : function (event) {
+      setTextAreaHeight("auto");
+      // ^ this is required to avoid the textarea height from building up indefinitely
+      // see https://medium.com/@lucasalgus/creating-a-custom-auto-resize-textarea-component-for-your-react-web-application-6959c0ad68bc#2dee
+      setInternalValue(event.target.value);
+      if (propsOnChange) {
+        propsOnChange(event);
+      }
+    };
+    var getWrapperStyle = function () {
+      return autogrow ? {
+        minHeight: parentHeight
+      } : undefined;
+    };
+    var getTextAreaStyle = function () {
+      return autogrow ? {
+        height: textAreaHeight
+      } : undefined;
+    };
+    var controlledValue = value || internalValue;
+    return /*#__PURE__*/React.createElement("div", {
+      className: styles.wrapper,
+      style: getWrapperStyle()
+    }, /*#__PURE__*/React.createElement("textarea", __assign({
+      className: classnames(styles.textarea, styles[status], reversed ? styles.reversed : styles["default"], disabled && styles.disabled),
+      rows: rows,
+      onChange: onChange || propsOnChange,
+      value: controlledValue,
+      defaultValue: controlledValue ? undefined : defaultValue,
+      // ^ React throws a warning if you specify both a value and a defaultValue
+      ref: textAreaRef,
+      style: getTextAreaStyle(),
+      disabled: disabled
+    }, restProps)), /*#__PURE__*/React.createElement("div", {
+      className: styles.focusRing
+    }));
+  };
+  TextArea.displayName = "TextArea";
+  return TextArea;
+}();
+export { TextArea };
+//# sourceMappingURL=TextArea.mjs.map

package/dist/esm/TextArea/TextArea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.mjs","sources":["../../../src/TextArea/TextArea.tsx"],"sourcesContent":["import React, {\n  TextareaHTMLAttributes,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./TextArea.module.scss\"\n\nexport type TextAreaProps = {\n  textAreaRef?: React.RefObject<HTMLTextAreaElement>\n  status?: \"default\" | \"error\" | \"caution\"\n  autogrow?: boolean\n  reversed?: boolean\n} & OverrideClassName<TextareaHTMLAttributes<HTMLTextAreaElement>>\n\nexport const TextArea = ({\n  textAreaRef: propsTextAreaRef,\n  status = \"default\",\n  autogrow = false,\n  reversed = false,\n  rows = 3,\n  defaultValue,\n  value,\n  disabled,\n  onChange: propsOnChange,\n  ...restProps\n}: TextAreaProps): JSX.Element => {\n  const [textAreaHeight, setTextAreaHeight] = useState<string>(\"auto\")\n  const [parentHeight, setParentHeight] = useState<string>(\"auto\")\n  const [internalValue, setInternalValue] = useState<\n    string | number | readonly string[] | undefined\n  >(autogrow ? defaultValue : undefined)\n  // ^ holds an internal state of the value so that autogrow can still work with uncontrolled textareas\n  // essentially forces the textarea into an (interally) controlled mode if autogrow is true\n  const textAreaRef = propsTextAreaRef || useRef(null)\n\n  useEffect(() => {\n    if (!autogrow) return\n\n    const scrollHeight = textAreaRef.current!.scrollHeight\n    if (scrollHeight < 1) return\n\n    const borderWidth = textAreaRef.current\n      ? parseInt(getComputedStyle(textAreaRef.current).borderTopWidth, 10)\n      : 0\n    const newHeight = scrollHeight + borderWidth * 2\n    setParentHeight(`${newHeight}px`)\n    setTextAreaHeight(`${newHeight}px`)\n  }, [internalValue])\n\n  const onChange = !autogrow\n    ? undefined\n    : (event: React.ChangeEvent<HTMLTextAreaElement>): void => {\n        setTextAreaHeight(\"auto\")\n        // ^ this is required to avoid the textarea height from building up indefinitely\n        // see https://medium.com/@lucasalgus/creating-a-custom-auto-resize-textarea-component-for-your-react-web-application-6959c0ad68bc#2dee\n\n        setInternalValue(event.target.value)\n        if (propsOnChange) {\n          propsOnChange(event)\n        }\n      }\n\n  const getWrapperStyle = (): { minHeight: string } | undefined =>\n    autogrow ? { minHeight: parentHeight } : undefined\n\n  const getTextAreaStyle = (): { height: string } | undefined =>\n    autogrow ? { height: textAreaHeight } : undefined\n\n  const controlledValue = value || internalValue\n\n  return (\n    <div className={styles.wrapper} style={getWrapperStyle()}>\n      <textarea\n        className={classnames(\n          styles.textarea,\n          styles[status],\n          reversed ? styles.reversed : styles.default,\n          disabled && styles.disabled\n        )}\n        rows={rows}\n        onChange={onChange || propsOnChange}\n        value={controlledValue}\n        defaultValue={controlledValue ? undefined : defaultValue}\n        // ^ React throws a warning if you specify both a value and a defaultValue\n        ref={textAreaRef}\n        style={getTextAreaStyle()}\n        disabled={disabled}\n        {...restProps}\n      />\n\n      {/* Textareas aren't able to have pseudo elements like ::after on them,\n          so we have to create an element ourselves for the focus ring */}\n      <div className={styles.focusRing} />\n    </div>\n  )\n}\n\nTextArea.displayName = \"TextArea\"\n"],"names":["TextArea","_a","propsTextAreaRef","_b","status","_c","autogrow","_d","reversed","_e","rows","defaultValue","value","disabled","propsOnChange","restProps","__rest","_f","useState","textAreaHeight","setTextAreaHeight","_g","parentHeight","setParentHeight","_h","undefined","internalValue","setInternalValue","textAreaRef","useRef","useEffect","scrollHeight","current","borderWidth","parseInt","getComputedStyle","borderTopWidth","newHeight","concat","onChange","event","target","getWrapperStyle","minHeight","getTextAreaStyle","height","controlledValue","React","createElement","className","styles","wrapper","style","__assign","classnames","textarea","ref","focusRing","displayName"],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+var styles = {
+  "wrapper": "TextArea-module_wrapper__ytS6M",
+  "textarea": "TextArea-module_textarea__GeHn4",
+  "focusRing": "TextArea-module_focusRing__kECqH",
+  "default": "TextArea-module_default__Z8jvR",
+  "error": "TextArea-module_error__XOQRm",
+  "caution": "TextArea-module_caution__9BGd0",
+  "disabled": "TextArea-module_disabled__N09tP",
+  "reversed": "TextArea-module_reversed__-SoNq"
+};
+export { styles as default };
+//# sourceMappingURL=TextArea.module.scss.mjs.map

package/dist/esm/TextArea/TextArea.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}

package/dist/esm/TextAreaField/TextAreaField.mjs

@@ -0,0 +1,83 @@
+import { __rest, __assign } from 'tslib';
+import React, { useId } from 'react';
+import classnames from 'classnames';
+import { FieldGroup } from '../FieldGroup/FieldGroup.mjs';
+import { FieldMessage } from '../FieldMessage/FieldMessage.mjs';
+import { Label } from '../Label/Label.mjs';
+import { TextArea } from '../TextArea/TextArea.mjs';
+import styles from './TextAreaField.module.scss.mjs';
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081895966/Text+Area+Field Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-text-area-field--docs Storybook}
+ */
+const TextAreaField = /*#__PURE__*/function () {
+  const TextAreaField = function (_a) {
+    var labelText = _a.labelText,
+      _b = _a.inline,
+      inline = _b === void 0 ? false : _b,
+      validationMessage = _a.validationMessage,
+      description = _a.description,
+      _c = _a.variant,
+      variant = _c === void 0 ? "default" : _c,
+      propsId = _a.id,
+      _d = _a.reversed,
+      reversed = _d === void 0 ? false : _d,
+      _e = _a.status,
+      status = _e === void 0 ? "default" : _e,
+      disabled = _a.disabled,
+      restProps = __rest(_a, ["labelText", "inline", "validationMessage", "description", "variant", "id", "reversed", "status", "disabled"]);
+    var id = propsId !== null && propsId !== void 0 ? propsId : useId();
+    var validationMessageAria = validationMessage ? "".concat(id, "-field-validation-message") : "";
+    var descriptionAria = description ? "".concat(id, "-field-message") : "";
+    var ariaDescribedBy = [validationMessageAria, descriptionAria].reduce(function (prev, curr) {
+      return curr ? [curr, prev].join(" ") : prev;
+    }, "");
+    var renderDescriptionOnTop = variant === "prominent";
+    var renderDescription = function (position) {
+      if (!description) return null;
+      return /*#__PURE__*/React.createElement("div", {
+        className: classnames(styles.message, disabled && styles.disabled)
+      }, /*#__PURE__*/React.createElement(FieldMessage, {
+        id: descriptionAria,
+        "data-testid": "".concat(id, "-field-description"),
+        message: description,
+        reversed: reversed,
+        position: position
+      }));
+    };
+    return /*#__PURE__*/React.createElement(FieldGroup, {
+      id: "".concat(id, "-field-group"),
+      inline: inline,
+      "data-testid": "".concat(id, "-field-group"),
+      classNameOverride: disabled ? styles.disabled : undefined
+    }, /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.textareaLabel, variant === "prominent" && styles.textareaLabelProminent)
+    }, /*#__PURE__*/React.createElement(Label, {
+      id: "".concat(id, "-field-label"),
+      "data-testid": "".concat(id, "-field-label"),
+      htmlFor: "".concat(id, "-field-textarea"),
+      labelText: labelText,
+      reversed: reversed,
+      variant: variant,
+      disabled: disabled
+    })), renderDescriptionOnTop && renderDescription("top"), /*#__PURE__*/React.createElement(TextArea, __assign({
+      id: "".concat(id, "-field-textarea"),
+      "data-testid": "".concat(id, "-field-textarea"),
+      reversed: reversed,
+      status: status,
+      disabled: disabled,
+      "aria-describedby": ariaDescribedBy
+    }, restProps)), !disabled && validationMessage && /*#__PURE__*/React.createElement(FieldMessage, {
+      id: validationMessageAria,
+      "data-testid": validationMessageAria,
+      message: validationMessage,
+      status: status,
+      reversed: reversed
+    }), !renderDescriptionOnTop && renderDescription("bottom"));
+  };
+  TextAreaField.displayName = "TextAreaField";
+  return TextAreaField;
+}();
+export { TextAreaField };
+//# sourceMappingURL=TextAreaField.mjs.map

package/dist/esm/TextAreaField/TextAreaField.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaField.mjs","sources":["../../../src/TextAreaField/TextAreaField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldGroup } from \"~components/FieldGroup\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { Label } from \"~components/Label\"\nimport { TextArea, TextAreaProps } from \"~components/TextArea\"\nimport styles from \"./TextAreaField.module.scss\"\n\nexport type TextAreaFieldProps = {\n  labelText: string | React.ReactNode\n  inline?: boolean\n  validationMessage?: string | React.ReactNode\n  description?: string | React.ReactNode\n  variant?: \"default\" | \"prominent\"\n} & TextAreaProps\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081895966/Text+Area+Field Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-text-area-field--docs Storybook}\n */\nexport const TextAreaField = ({\n  labelText,\n  inline = false,\n  validationMessage,\n  description,\n  variant = \"default\",\n  id: propsId,\n  reversed = false,\n  status = \"default\",\n  disabled,\n  ...restProps\n}: TextAreaFieldProps): JSX.Element => {\n  const id = propsId ?? useId()\n\n  const validationMessageAria = validationMessage\n    ? `${id}-field-validation-message`\n    : \"\"\n  const descriptionAria = description ? `${id}-field-message` : \"\"\n  const ariaDescribedBy = [validationMessageAria, descriptionAria].reduce(\n    (prev, curr) => (curr ? [curr, prev].join(\" \") : prev),\n    \"\"\n  )\n\n  const renderDescriptionOnTop = variant === \"prominent\"\n  const renderDescription = (\n    position: \"top\" | \"bottom\"\n  ): JSX.Element | null => {\n    if (!description) return null\n    return (\n      <div className={classnames(styles.message, disabled && styles.disabled)}>\n        <FieldMessage\n          id={descriptionAria}\n          data-testid={`${id}-field-description`}\n          message={description}\n          reversed={reversed}\n          position={position}\n        />\n      </div>\n    )\n  }\n\n  return (\n    <FieldGroup\n      id={`${id}-field-group`}\n      inline={inline}\n      data-testid={`${id}-field-group`}\n      classNameOverride={disabled ? styles.disabled : undefined}\n    >\n      <div\n        className={classnames(\n          styles.textareaLabel,\n          variant === \"prominent\" && styles.textareaLabelProminent\n        )}\n      >\n        <Label\n          id={`${id}-field-label`}\n          data-testid={`${id}-field-label`}\n          htmlFor={`${id}-field-textarea`}\n          labelText={labelText}\n          reversed={reversed}\n          variant={variant}\n          disabled={disabled}\n        />\n      </div>\n      {renderDescriptionOnTop && renderDescription(\"top\")}\n      <TextArea\n        id={`${id}-field-textarea`}\n        data-testid={`${id}-field-textarea`}\n        reversed={reversed}\n        status={status}\n        disabled={disabled}\n        aria-describedby={ariaDescribedBy}\n        {...restProps}\n      />\n      {!disabled && validationMessage && (\n        <FieldMessage\n          id={validationMessageAria}\n          data-testid={validationMessageAria}\n          message={validationMessage}\n          status={status}\n          reversed={reversed}\n        />\n      )}\n      {!renderDescriptionOnTop && renderDescription(\"bottom\")}\n    </FieldGroup>\n  )\n}\n\nTextAreaField.displayName = \"TextAreaField\"\n"],"names":["TextAreaField","_a","labelText","_b","inline","validationMessage","description","_c","variant","propsId","id","_d","reversed","_e","status","disabled","restProps","__rest","useId","validationMessageAria","concat","descriptionAria","ariaDescribedBy","reduce","prev","curr","join","renderDescriptionOnTop","renderDescription","position","React","createElement","className","classnames","styles","message","FieldMessage","FieldGroup","classNameOverride","undefined","textareaLabel","textareaLabelProminent","Label","htmlFor","TextArea","__assign","displayName"],"mappings":"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"}

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

@@ -0,0 +1,8 @@
+var styles = {
+  "message": "TextAreaField-module_message__hlao7",
+  "disabled": "TextAreaField-module_disabled__twCef",
+  "textareaLabel": "TextAreaField-module_textareaLabel__sOTRj",
+  "textareaLabelProminent": "TextAreaField-module_textareaLabelProminent__xqcY4"
+};
+export { styles as default };
+//# sourceMappingURL=TextAreaField.module.scss.mjs.map

package/dist/esm/TextAreaField/TextAreaField.module.scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextAreaField.module.scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}