@kaizen/components 1.34.0 → 1.35.1

package/dist/cjs/Select/Select.cjs

@@ -6,7 +6,6 @@ var classnames = require('classnames');
 var ReactSelect = require('react-select');
 var Async = require('react-select/async');
 var FieldMessage = require('../FieldMessage/FieldMessage.cjs');
-require('uuid');
 require('../Icon/subcomponents/SVG/SVG.cjs');
 var ChevronDownIcon = require('../Icon/ChevronDownIcon.cjs');
 var ChevronUpIcon = require('../Icon/ChevronUpIcon.cjs');

package/dist/cjs/Select/Select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.cjs","sources":["../../../src/Select/Select.tsx"],"sourcesContent":["import React, { useId, useState } from \"react\"\nimport classnames from \"classnames\"\nimport ReactSelect, {\n  components,\n  Props as ReactSelectProps,\n  NoticeProps,\n} from \"react-select\"\nimport Async, { AsyncProps as ReactAsyncSelectProps } from \"react-select/async\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { ChevronDownIcon, ChevronUpIcon, ClearIcon } from \"~components/Icon\"\nimport { Label } from \"~components/Label\"\nimport { Tag } from \"~components/Tag\"\nimport styles from \"./Select.module.scss\"\n\nexport type SelectProps = {\n  /**\n   * The secondary variant is a more subdued variant that takes up as little space as possible\n   * `variant=\"secondary\" reversed=\"false\" is not implemented and will throw a \"not implemented\" error\n   * @default \"default\"\n   */\n  variant?: \"default\" | \"secondary\" | \"secondary-small\"\n  status?: \"default\" | \"error\"\n  label?: React.ReactNode\n  validationMessage?: React.ReactNode\n  description?: React.ReactNode\n  /**\n   * Use a reversed colour scheme\n   * @default false\n   */\n  reversed?: boolean\n  /**\n   * Whether the \"select control\" (the button you click to open the menu) width fills the\n   * full width of  the container or is as wide as the selected option text.\n   * Note that the control text will ellipsize if it is wider than the parent container.\n   * @default false\n   */\n  fullWidth?: boolean\n} & ReactSelectProps<any, boolean>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}\n */\nexport const Select = React.forwardRef<any, SelectProps>(\n  (\n    {\n      variant = \"default\",\n      status = \"default\",\n      reversed = false,\n      label,\n      validationMessage,\n      description,\n      fullWidth: propsFullWidth,\n      className: propsClassName,\n      isDisabled,\n      ...props\n    },\n    ref\n  ) => {\n    const reactId = useId()\n\n    // the default for fullWidth depends on the variant\n    const fullWidth =\n      propsFullWidth != null\n        ? propsFullWidth\n        : variant === \"secondary\" || variant === \"secondary-small\"\n        ? false\n        : true\n\n    const classes = classnames(\n      propsClassName,\n      styles.specificityIncreaser,\n      (!reversed || variant === \"default\") && styles.default,\n      reversed && styles.reversed,\n      variant === \"secondary\" && styles.secondary,\n      variant === \"secondary-small\" && styles.secondarySmall,\n      !fullWidth && styles.notFullWidth,\n      isDisabled && styles.disabled,\n      status === \"error\" && styles.error\n    )\n\n    const [labelId] = useState<string | undefined>(label ? reactId : undefined)\n\n    return (\n      <>\n        {label ? (\n          <Label reversed={reversed} id={labelId}>\n            {label}\n          </Label>\n        ) : null}\n        <ReactSelect\n          {...props}\n          ref={ref}\n          aria-labelledby={labelId}\n          components={{\n            Control,\n            Placeholder,\n            DropdownIndicator,\n            Menu,\n            GroupHeading,\n            Option,\n            NoOptionsMessage,\n            Input,\n            SingleValue,\n            MultiValue,\n            IndicatorsContainer,\n            ValueContainer,\n            ClearIndicator,\n            IndicatorSeparator: null,\n          }}\n          className={classes}\n        />\n        {validationMessage ? (\n          <FieldMessage message={validationMessage} status={status} />\n        ) : null}\n        {description ? <FieldMessage message={description} /> : null}\n      </>\n    )\n  }\n)\nSelect.displayName = \"Select\"\n\ninterface AsyncProps\n  extends ReactAsyncSelectProps<any, boolean, any>,\n    ReactSelectProps<any, boolean, any> {}\n\nexport const AsyncSelect = React.forwardRef(\n  (\n    { className: propsClassName, ...props }: AsyncProps,\n    ref: React.Ref<any>\n  ) => (\n    <Async\n      {...props}\n      ref={ref}\n      components={{\n        Control,\n        Placeholder,\n        DropdownIndicator,\n        Menu,\n        Option,\n        NoOptionsMessage,\n        Input,\n        SingleValue,\n        MultiValue,\n        IndicatorsContainer,\n        ValueContainer,\n        ClearIndicator: undefined,\n        IndicatorSeparator: null,\n        LoadingMessage,\n      }}\n      className={classnames(styles.specificityIncreaser, propsClassName)}\n    />\n  )\n)\nAsyncSelect.displayName = \"AsyncSelect\"\n\nconst Control: typeof components.Control = props => (\n  <div data-automation-id=\"Select__Control\">\n    <components.Control\n      {...props}\n      className={classnames(\n        styles.control,\n        props.isFocused && styles.focusedControl,\n        props.isDisabled && styles.disabled\n      )}\n    />\n  </div>\n)\n\nconst Placeholder: typeof components.Placeholder = props => (\n  <components.Placeholder {...props} className={styles.placeholderOverrides}>\n    <span className={styles.placeholder}>{props.children}</span>\n  </components.Placeholder>\n)\n\nconst DropdownIndicator: typeof components.DropdownIndicator = props => (\n  <components.DropdownIndicator {...props} className={styles.dropdownIndicator}>\n    {props.selectProps.menuIsOpen ? (\n      <ChevronUpIcon role=\"presentation\" />\n    ) : (\n      <ChevronDownIcon role=\"presentation\" />\n    )}\n  </components.DropdownIndicator>\n)\n\nconst LoadingMessage = (props: NoticeProps): JSX.Element => (\n  <components.LoadingMessage {...props} className={styles.loadingMessage} />\n)\n\nconst Menu: typeof components.Menu = props => (\n  <components.Menu {...props} className={styles.menu} />\n)\n\nconst GroupHeading: typeof components.GroupHeading = props => (\n  <components.GroupHeading {...props} className={styles.groupHeading} />\n)\n\nconst Option: typeof components.Option = props => (\n  <div data-automation-id=\"Select__Option\">\n    <components.Option\n      {...props}\n      className={classnames(\n        styles.option,\n        props.isFocused && styles.focusedOption,\n        props.isSelected && styles.selectedOption,\n        props.isDisabled && styles.disabledOption\n      )}\n    />\n  </div>\n)\n\nconst NoOptionsMessage = (props: NoticeProps): JSX.Element => (\n  <components.NoOptionsMessage {...props}>\n    <span className={styles.noOptionsMessage}>{props.children}</span>\n  </components.NoOptionsMessage>\n)\n\nconst SingleValue: typeof components.SingleValue = props => (\n  <components.SingleValue {...props} className={styles.singleValueOverrides}>\n    <span className={styles.singleValue}>{props.children}</span>\n  </components.SingleValue>\n)\n\nconst MultiValue: typeof components.MultiValue = props => (\n  <div className={styles.multiValue}>\n    <Tag\n      variant=\"default\"\n      dismissible\n      inline\n      onDismiss={props.removeProps.onClick}\n    >\n      {props.children}\n    </Tag>\n  </div>\n)\n\nconst IndicatorsContainer: typeof components.IndicatorsContainer = props => (\n  <components.IndicatorsContainer\n    {...props}\n    className={styles.indicatorsContainer}\n  />\n)\n\nconst Input: typeof components.Input = props => (\n  <components.Input className={styles.input} {...props} />\n)\n\nconst ValueContainer: typeof components.ValueContainer = props => (\n  <components.ValueContainer {...props} className={styles.valueContainer} />\n)\nconst ClearIndicator: typeof components.ClearIndicator = props => (\n  <components.ClearIndicator {...props} className={styles.clearIndicator}>\n    <ClearIcon role=\"presentation\" />\n  </components.ClearIndicator>\n)\n"],"names":["Select","React","forwardRef","_a","ref","_b","variant","_c","status","_d","reversed","label","validationMessage","description","propsFullWidth","fullWidth","propsClassName","className","isDisabled","props","__rest","reactId","useId","classes","classnames","styles","specificityIncreaser","secondary","secondarySmall","notFullWidth","disabled","error","labelId","useState","undefined","createElement","Fragment","Label","id","ReactSelect","__assign","components","Control","Placeholder","DropdownIndicator","Menu","GroupHeading","Option","NoOptionsMessage","Input","SingleValue","MultiValue","IndicatorsContainer","ValueContainer","ClearIndicator","IndicatorSeparator","FieldMessage","message","displayName","AsyncSelect","Async","LoadingMessage","control","isFocused","focusedControl","placeholderOverrides","placeholder","children","dropdownIndicator","selectProps","menuIsOpen","ChevronUpIcon","role","ChevronDownIcon","loadingMessage","menu","groupHeading","option","focusedOption","isSelected","selectedOption","disabledOption","noOptionsMessage","singleValueOverrides","singleValue","multiValue","Tag","dismissible","inline","onDismiss","removeProps","onClick","indicatorsContainer","input","valueContainer","clearIndicator","ClearIcon"],"mappings":"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"}
+{"version":3,"file":"Select.cjs","sources":["../../../src/Select/Select.tsx"],"sourcesContent":["import React, { useId, useState } from \"react\"\nimport classnames from \"classnames\"\nimport ReactSelect, {\n  components,\n  Props as ReactSelectProps,\n  NoticeProps,\n} from \"react-select\"\nimport Async, { AsyncProps as ReactAsyncSelectProps } from \"react-select/async\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { ChevronDownIcon, ChevronUpIcon, ClearIcon } from \"~components/Icon\"\nimport { Label } from \"~components/Label\"\nimport { Tag } from \"~components/Tag\"\nimport styles from \"./Select.module.scss\"\n\nexport type SelectProps = {\n  /**\n   * The secondary variant is a more subdued variant that takes up as little space as possible\n   * `variant=\"secondary\" reversed=\"false\" is not implemented and will throw a \"not implemented\" error\n   * @default \"default\"\n   */\n  variant?: \"default\" | \"secondary\" | \"secondary-small\"\n  status?: \"default\" | \"error\"\n  label?: React.ReactNode\n  validationMessage?: React.ReactNode\n  description?: React.ReactNode\n  /**\n   * Use a reversed colour scheme\n   * @default false\n   */\n  reversed?: boolean\n  /**\n   * Whether the \"select control\" (the button you click to open the menu) width fills the\n   * full width of  the container or is as wide as the selected option text.\n   * Note that the control text will ellipsize if it is wider than the parent container.\n   * @default false\n   */\n  fullWidth?: boolean\n} & ReactSelectProps<any, boolean>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896474/Select Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-select--docs Storybook}\n */\nexport const Select = React.forwardRef<any, SelectProps>(\n  (\n    {\n      variant = \"default\",\n      status = \"default\",\n      reversed = false,\n      label,\n      validationMessage,\n      description,\n      fullWidth: propsFullWidth,\n      className: propsClassName,\n      isDisabled,\n      ...props\n    },\n    ref\n  ) => {\n    const reactId = useId()\n\n    // the default for fullWidth depends on the variant\n    const fullWidth =\n      propsFullWidth != null\n        ? propsFullWidth\n        : variant === \"secondary\" || variant === \"secondary-small\"\n        ? false\n        : true\n\n    const classes = classnames(\n      propsClassName,\n      styles.specificityIncreaser,\n      (!reversed || variant === \"default\") && styles.default,\n      reversed && styles.reversed,\n      variant === \"secondary\" && styles.secondary,\n      variant === \"secondary-small\" && styles.secondarySmall,\n      !fullWidth && styles.notFullWidth,\n      isDisabled && styles.disabled,\n      status === \"error\" && styles.error\n    )\n\n    const [labelId] = useState<string | undefined>(label ? reactId : undefined)\n\n    return (\n      <>\n        {label ? (\n          <Label reversed={reversed} id={labelId}>\n            {label}\n          </Label>\n        ) : null}\n        <ReactSelect\n          {...props}\n          ref={ref}\n          aria-labelledby={labelId}\n          components={{\n            Control,\n            Placeholder,\n            DropdownIndicator,\n            Menu,\n            GroupHeading,\n            Option,\n            NoOptionsMessage,\n            Input,\n            SingleValue,\n            MultiValue,\n            IndicatorsContainer,\n            ValueContainer,\n            ClearIndicator,\n            IndicatorSeparator: null,\n          }}\n          className={classes}\n        />\n        {validationMessage ? (\n          <FieldMessage message={validationMessage} status={status} />\n        ) : null}\n        {description ? <FieldMessage message={description} /> : null}\n      </>\n    )\n  }\n)\nSelect.displayName = \"Select\"\n\ninterface AsyncProps\n  extends ReactAsyncSelectProps<any, boolean, any>,\n    ReactSelectProps<any, boolean, any> {}\n\nexport const AsyncSelect = React.forwardRef(\n  (\n    { className: propsClassName, ...props }: AsyncProps,\n    ref: React.Ref<any>\n  ) => (\n    <Async\n      {...props}\n      ref={ref}\n      components={{\n        Control,\n        Placeholder,\n        DropdownIndicator,\n        Menu,\n        Option,\n        NoOptionsMessage,\n        Input,\n        SingleValue,\n        MultiValue,\n        IndicatorsContainer,\n        ValueContainer,\n        ClearIndicator: undefined,\n        IndicatorSeparator: null,\n        LoadingMessage,\n      }}\n      className={classnames(styles.specificityIncreaser, propsClassName)}\n    />\n  )\n)\nAsyncSelect.displayName = \"AsyncSelect\"\n\nconst Control: typeof components.Control = props => (\n  <div data-automation-id=\"Select__Control\">\n    <components.Control\n      {...props}\n      className={classnames(\n        styles.control,\n        props.isFocused && styles.focusedControl,\n        props.isDisabled && styles.disabled\n      )}\n    />\n  </div>\n)\n\nconst Placeholder: typeof components.Placeholder = props => (\n  <components.Placeholder {...props} className={styles.placeholderOverrides}>\n    <span className={styles.placeholder}>{props.children}</span>\n  </components.Placeholder>\n)\n\nconst DropdownIndicator: typeof components.DropdownIndicator = props => (\n  <components.DropdownIndicator {...props} className={styles.dropdownIndicator}>\n    {props.selectProps.menuIsOpen ? (\n      <ChevronUpIcon role=\"presentation\" />\n    ) : (\n      <ChevronDownIcon role=\"presentation\" />\n    )}\n  </components.DropdownIndicator>\n)\n\nconst LoadingMessage = (props: NoticeProps): JSX.Element => (\n  <components.LoadingMessage {...props} className={styles.loadingMessage} />\n)\n\nconst Menu: typeof components.Menu = props => (\n  <components.Menu {...props} className={styles.menu} />\n)\n\nconst GroupHeading: typeof components.GroupHeading = props => (\n  <components.GroupHeading {...props} className={styles.groupHeading} />\n)\n\nconst Option: typeof components.Option = props => (\n  <div data-automation-id=\"Select__Option\">\n    <components.Option\n      {...props}\n      className={classnames(\n        styles.option,\n        props.isFocused && styles.focusedOption,\n        props.isSelected && styles.selectedOption,\n        props.isDisabled && styles.disabledOption\n      )}\n    />\n  </div>\n)\n\nconst NoOptionsMessage = (props: NoticeProps): JSX.Element => (\n  <components.NoOptionsMessage {...props}>\n    <span className={styles.noOptionsMessage}>{props.children}</span>\n  </components.NoOptionsMessage>\n)\n\nconst SingleValue: typeof components.SingleValue = props => (\n  <components.SingleValue {...props} className={styles.singleValueOverrides}>\n    <span className={styles.singleValue}>{props.children}</span>\n  </components.SingleValue>\n)\n\nconst MultiValue: typeof components.MultiValue = props => (\n  <div className={styles.multiValue}>\n    <Tag\n      variant=\"default\"\n      dismissible\n      inline\n      onDismiss={props.removeProps.onClick}\n    >\n      {props.children}\n    </Tag>\n  </div>\n)\n\nconst IndicatorsContainer: typeof components.IndicatorsContainer = props => (\n  <components.IndicatorsContainer\n    {...props}\n    className={styles.indicatorsContainer}\n  />\n)\n\nconst Input: typeof components.Input = props => (\n  <components.Input className={styles.input} {...props} />\n)\n\nconst ValueContainer: typeof components.ValueContainer = props => (\n  <components.ValueContainer {...props} className={styles.valueContainer} />\n)\nconst ClearIndicator: typeof components.ClearIndicator = props => (\n  <components.ClearIndicator {...props} className={styles.clearIndicator}>\n    <ClearIcon role=\"presentation\" />\n  </components.ClearIndicator>\n)\n"],"names":["Select","React","forwardRef","_a","ref","_b","variant","_c","status","_d","reversed","label","validationMessage","description","propsFullWidth","fullWidth","propsClassName","className","isDisabled","props","__rest","reactId","useId","classes","classnames","styles","specificityIncreaser","secondary","secondarySmall","notFullWidth","disabled","error","labelId","useState","undefined","createElement","Fragment","Label","id","ReactSelect","__assign","components","Control","Placeholder","DropdownIndicator","Menu","GroupHeading","Option","NoOptionsMessage","Input","SingleValue","MultiValue","IndicatorsContainer","ValueContainer","ClearIndicator","IndicatorSeparator","FieldMessage","message","displayName","AsyncSelect","Async","LoadingMessage","control","isFocused","focusedControl","placeholderOverrides","placeholder","children","dropdownIndicator","selectProps","menuIsOpen","ChevronUpIcon","role","ChevronDownIcon","loadingMessage","menu","groupHeading","option","focusedOption","isSelected","selectedOption","disabledOption","noOptionsMessage","singleValueOverrides","singleValue","multiValue","Tag","dismissible","inline","onDismiss","removeProps","onClick","indicatorsContainer","input","valueContainer","clearIndicator","ClearIcon"],"mappings":"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"}

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

@@ -0,0 +1,20 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var Card = require('../../../Card/Card.cjs');
+var SkirtCard_module = require('./SkirtCard.module.scss.cjs');
+const SkirtCard = /*#__PURE__*/function () {
+  const SkirtCard = function (props) {
+    var classNameOverride = props.classNameOverride,
+      restProps = tslib.__rest(props, ["classNameOverride"]);
+    return React.createElement(Card.Card, tslib.__assign({
+      classNameOverride: classnames(SkirtCard_module.wrapper, classNameOverride)
+    }, restProps));
+  };
+  SkirtCard.displayName = "SkirtCard";
+  return SkirtCard;
+}();
+exports.SkirtCard = SkirtCard;
+//# sourceMappingURL=SkirtCard.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SkirtCard.cjs","sources":["../../../../../src/Skirt/subcomponents/SkirtCard/SkirtCard.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { Card, CardProps } from \"~components/Card\"\nimport styles from \"./SkirtCard.module.scss\"\n\nexport type SkirtCardProps = CardProps\n\nexport const SkirtCard = (props: SkirtCardProps): JSX.Element => {\n  const { classNameOverride, ...restProps } = props\n  return (\n    <Card\n      classNameOverride={classnames(styles.wrapper, classNameOverride)}\n      {...restProps}\n    />\n  )\n}\n\nSkirtCard.displayName = \"SkirtCard\"\n"],"names":["SkirtCard","props","classNameOverride","restProps","__rest","React","createElement","Card","classnames","styles","wrapper","displayName"],"mappings":";;;;;;;MAOaA,SAAS;EAAA,MAATA,SAAS,GAAG,SAAAA,CAACC,KAAqB,EAAA;IACrC,IAAAC,iBAAiB,GAAmBD,KAAK,CAAxBC,iBAAA;MAAKC,SAAS,GAAAC,KAAAA,CAAAA,MAAA,CAAKH,KAAK,EAA3C,CAAmC,mBAAA,CAAA,CAAF;IACvC,OACEI,KAAC,CAAAC,aAAA,CAAAC,SAAI;MACHL,iBAAiB,EAAEM,UAAU,CAACC,gBAAM,CAACC,OAAO,EAAER,iBAAiB;IAAC,GAC5DC,SAAS,CAAA,CACb;EAEN,CAAC;EAEDH,SAAS,CAACW,WAAW,GAAG,WAAW;EAAA,OAVtBX,SAAS;AAAA;"}

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

@@ -0,0 +1,7 @@
+'use strict';
+
+var styles = {
+  "wrapper": "SkirtCard-module_wrapper__05vkl"
+};
+module.exports = styles;
+//# sourceMappingURL=SkirtCard.module.scss.cjs.map

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

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

package/dist/cjs/SplitButton/subcomponents/DropdownButton/DropdownButton.cjs

@@ -3,7 +3,6 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-require('uuid');
 require('../../../Icon/subcomponents/SVG/SVG.cjs');
 var ChevronDownIcon = require('../../../Icon/ChevronDownIcon.cjs');
 var BaseButton = require('../BaseButton/BaseButton.cjs');

package/dist/cjs/SplitButton/subcomponents/DropdownButton/DropdownButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.cjs","sources":["../../../../../src/SplitButton/subcomponents/DropdownButton/DropdownButton.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { ChevronDownIcon } from \"~components/Icon\"\nimport { BaseButton, BaseButtonProps } from \"../BaseButton\"\nimport styles from \"./DropdownButton.module.scss\"\n\nexport type DropdownButtonProps = Omit<BaseButtonProps, \"label\" | \"icon\">\n\nexport const DropdownButton = ({\n  classNameOverride,\n  \"aria-label\": ariaLabel,\n  ...restProps\n}: DropdownButtonProps): JSX.Element => (\n  <BaseButton\n    label={ariaLabel || \"Open menu\"}\n    icon={<ChevronDownIcon role=\"presentation\" />}\n    classNameOverride={classnames(styles.dropdownButton, classNameOverride)}\n    {...restProps}\n  />\n)\n\nDropdownButton.displayName = \"DropdownButton\"\n"],"names":["DropdownButton","_a","classNameOverride","ariaLabel","restProps","__rest","React","createElement","BaseButton","__assign","label","icon","ChevronDownIcon","role","classnames","styles","dropdownButton","displayName"],"mappings":";;;;;;;;;;MAQaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHpB,IAAAC,iBAAiB,uBAAA;MACHC,SAAS,mBAAA;MACpBC,SAAS,GAHiBC,KAAA,CAAAA,MAAA,CAAAJ,EAAA,EAAA,CAAA,mBAAA,EAAA,YAAA,CAI9B,CADa;IAC0B,OACtCK,KAAA,CAAAC,aAAA,CAACC,UAAU,CAAAA,UAAA,EAAAC,cAAA,CAAA;MACTC,KAAK,EAAEP,SAAS,IAAI,WAAW;MAC/BQ,IAAI,EAAEL,KAAC,CAAAC,aAAA,CAAAK,eAAAA,CAAAA,eAAe;QAACC,IAAI,EAAC;MAAc,CAAA,CAAG;MAC7CX,iBAAiB,EAAEY,UAAU,CAACC,qBAAM,CAACC,cAAc,EAAEd,iBAAiB;KAAC,EACnEE,SAAS,CAAA,CACb;GACH;EAEDJ,cAAc,CAACiB,WAAW,GAAG,gBAAgB;EAAA,OAbhCjB,cAAc;AAAA;"}
+{"version":3,"file":"DropdownButton.cjs","sources":["../../../../../src/SplitButton/subcomponents/DropdownButton/DropdownButton.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { ChevronDownIcon } from \"~components/Icon\"\nimport { BaseButton, BaseButtonProps } from \"../BaseButton\"\nimport styles from \"./DropdownButton.module.scss\"\n\nexport type DropdownButtonProps = Omit<BaseButtonProps, \"label\" | \"icon\">\n\nexport const DropdownButton = ({\n  classNameOverride,\n  \"aria-label\": ariaLabel,\n  ...restProps\n}: DropdownButtonProps): JSX.Element => (\n  <BaseButton\n    label={ariaLabel || \"Open menu\"}\n    icon={<ChevronDownIcon role=\"presentation\" />}\n    classNameOverride={classnames(styles.dropdownButton, classNameOverride)}\n    {...restProps}\n  />\n)\n\nDropdownButton.displayName = \"DropdownButton\"\n"],"names":["DropdownButton","_a","classNameOverride","ariaLabel","restProps","__rest","React","createElement","BaseButton","__assign","label","icon","ChevronDownIcon","role","classnames","styles","dropdownButton","displayName"],"mappings":";;;;;;;;;MAQaA,cAAc;EAAA,MAAdA,cAAc,GAAG,SAAAA,CAACC,EAIT,EAAA;IAHpB,IAAAC,iBAAiB,uBAAA;MACHC,SAAS,mBAAA;MACpBC,SAAS,GAHiBC,KAAA,CAAAA,MAAA,CAAAJ,EAAA,EAAA,CAAA,mBAAA,EAAA,YAAA,CAI9B,CADa;IAC0B,OACtCK,KAAA,CAAAC,aAAA,CAACC,UAAU,CAAAA,UAAA,EAAAC,cAAA,CAAA;MACTC,KAAK,EAAEP,SAAS,IAAI,WAAW;MAC/BQ,IAAI,EAAEL,KAAC,CAAAC,aAAA,CAAAK,eAAAA,CAAAA,eAAe;QAACC,IAAI,EAAC;MAAc,CAAA,CAAG;MAC7CX,iBAAiB,EAAEY,UAAU,CAACC,qBAAM,CAACC,cAAc,EAAEd,iBAAiB;KAAC,EACnEE,SAAS,CAAA,CACb;GACH;EAEDJ,cAAc,CAACiB,WAAW,GAAG,gBAAgB;EAAA,OAbhCjB,cAAc;AAAA;"}

package/dist/cjs/Table/Table.cjs

@@ -3,16 +3,15 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var draftTooltip = require('@kaizen/draft-tooltip');
 var Checkbox = require('../Checkbox/Checkbox/Checkbox.cjs');
 require('../Checkbox/CheckboxField/CheckboxField.cjs');
 require('../Checkbox/CheckboxGroup/CheckboxGroup.cjs');
 var Heading = require('../Heading/Heading.cjs');
-require('uuid');
 require('../Icon/subcomponents/SVG/SVG.cjs');
 var ExclamationIcon = require('../Icon/ExclamationIcon.cjs');
 var SortAscendingIcon = require('../Icon/SortAscendingIcon.cjs');
 var SortDescendingIcon = require('../Icon/SortDescendingIcon.cjs');
+var Tooltip = require('../Tooltip/Tooltip.cjs');
 var Table_module = require('./Table.module.scss.cjs');
 
 /**
@@ -162,7 +161,7 @@ var TableHeaderRowCell = function (_a) {
   React.createElement("div", {
     className: Table_module.headerRowCellNoButton
   }, cellContents);
-  cellContents = tooltipInfo != null ? React.createElement(draftTooltip.Tooltip, {
+  cellContents = tooltipInfo != null ? React.createElement(Tooltip.Tooltip, {
     animationDuration: 0,
     classNameOverride: Table_module.headerRowCellTooltip,
     text: tooltipInfo,

package/dist/cjs/Table/Table.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.cjs","sources":["../../../src/Table/Table.tsx"],"sourcesContent":["import React, { cloneElement, HTMLAttributes, ReactElement } from \"react\"\nimport classnames from \"classnames\"\nimport { Tooltip } from \"@kaizen/draft-tooltip\"\nimport { Checkbox, CheckedStatus } from \"~components/Checkbox\"\nimport { Heading } from \"~components/Heading\"\nimport {\n  ExclamationIcon,\n  SortAscendingIcon,\n  SortDescendingIcon,\n} from \"~components/Icon\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Table.module.scss\"\n\nexport type TableContainerProps = {\n  children?: React.ReactNode\n  variant?: \"compact\" | \"default\" | \"data\"\n}\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081929256/Table Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-table--docs Storybook}\n */\nexport const TableContainer = ({\n  variant = \"compact\",\n  children,\n  ...otherProps\n}: TableContainerProps): JSX.Element => (\n  <div\n    role=\"table\"\n    className={classnames(\n      styles.container,\n      variant === \"default\" && styles.defaultSpacing,\n      variant === \"data\" && styles.dataVariant\n    )}\n    {...otherProps}\n  >\n    {children}\n  </div>\n)\n\nexport type TableHeaderProps = {\n  children?: React.ReactNode\n}\nexport const TableHeader = ({\n  children,\n  ...otherProps\n}: TableHeaderProps): JSX.Element => (\n  <div role=\"rowgroup\" {...otherProps}>\n    {children}\n  </div>\n)\n\nexport type TableHeaderRowProps = {\n  children?: React.ReactNode\n}\n\nconst ratioToPercent = (width?: number): string | number | undefined =>\n  width != null ? `${width * 100}%` : width\n\n/**\n * @param width value between 1 and 0, to be calculated as a percentage\n * @param flex CSS flex shorthand as a string. Be sure to specify the flex grow,\n *        shrink, and basis, due to IE11 compatibility. eg. use \"1 1 auto\"\n *        instead of just \"1\".\n */\nexport type TableHeaderRowCellProps = {\n  labelText: string\n  onClick?:\n    | ((e: React.MouseEvent<HTMLButtonElement>) => any)\n    | ((e: React.MouseEvent<HTMLAnchorElement>) => any)\n  width?: number\n  flex?: string\n  href?: string\n  icon?: ReactElement\n  checkable?: boolean\n  checkedStatus?: CheckedStatus\n  onCheck?: (event: React.ChangeEvent<HTMLInputElement>) => any\n  reversed?: boolean\n  /**\n   * Shows an up or down arrow, to show that the column is sorted.\n   */\n  sorting?: \"ascending\" | \"descending\"\n  wrapping?: \"nowrap\" | \"wrap\"\n  align?: \"start\" | \"center\" | \"end\"\n  tooltipInfo?: string\n  isTooltipIconHidden?: boolean\n  /**\n   * Specify where the tooltip should be rendered.\n   */\n  tooltipPortalSelector?: string | undefined\n  sortingArrowsOnHover?: \"ascending\" | \"descending\" | undefined\n} & OverrideClassName<HTMLAttributes<HTMLElement>>\n\nexport const TableHeaderRowCell = ({\n  labelText,\n  onClick,\n  href,\n  width,\n  flex,\n  icon,\n  checkable,\n  checkedStatus,\n  onCheck,\n  reversed,\n  sorting: sortingRaw,\n  // I can't say for certain why \"nowrap\" was the default value. Normally you wouldn't\n  // want to clip off information because it doesn't fit on one line.\n  // My assumption is that because since the cell width rows are decoupled, a heading\n  // cell with a word longer than the column width would push the columns out of\n  // alignment? I'm not sure.\n  // Anyway, we can override this default behaviour by setting wrapping to \"wrap\".\n  wrapping = \"nowrap\",\n  align = \"start\",\n  tooltipInfo,\n  // If set, this will hide the tooltip exclamation icon. Useful in situations where\n  // the table header does not have enough space. However, we should always show a\n  // tooltip icon as the default based on design system tooltip guidelines.\n  isTooltipIconHidden = false,\n  tooltipPortalSelector,\n  // If set, this will show the arrow in the direction provided\n  // when the header cell is hovered over.\n  sortingArrowsOnHover,\n  classNameOverride,\n  // There aren't any other props in the type definition, so I'm unsure why we\n  // have this spread.\n  ...otherProps\n}: TableHeaderRowCellProps): JSX.Element => {\n  const sorting = sortingRaw\n  const [isHovered, setIsHovered] = React.useState(false)\n\n  const updateHoverState = (hoverState: boolean): void => {\n    if (sortingArrowsOnHover && hoverState != isHovered)\n      setIsHovered(hoverState)\n  }\n\n  const headerColor = !!reversed\n    ? \"white-reduced-opacity\"\n    : \"dark-reduced-opacity\"\n  const hoveredHeaderColor = !!reversed ? \"white\" : \"dark\"\n\n  // For this \"cellContents\" variable, we start at the inner most child, and\n  // wrap it elements, depending on what the props dictate.\n  let cellContents = (\n    <div className={styles.headerRowCellLabelAndIcons}>\n      {icon && (\n        <span className={styles.headerRowCellIcon}>\n          {cloneElement(icon, { title: labelText, role: \"img\" })}\n        </span>\n      )}\n      {checkable && (\n        <div className={styles.headerRowCellCheckbox}>\n          <Checkbox checkedStatus={checkedStatus} onCheck={onCheck} />\n        </div>\n      )}\n      {tooltipInfo != null && !isTooltipIconHidden ? (\n        <div className={styles.headerRowCellTooltipIcon}>\n          <ExclamationIcon role=\"presentation\" />\n        </div>\n      ) : null}\n      {/* If an \"icon\" is supplied, the label is displayed inside the icon aria title instead */}\n      {!icon ? (\n        <Heading\n          tag=\"div\"\n          variant=\"heading-6\"\n          color={sorting || isHovered ? hoveredHeaderColor : headerColor}\n          classNameOverride={styles.headerRowCellLabel}\n        >\n          {labelText}\n        </Heading>\n      ) : null}\n      {(sorting || (isHovered && sortingArrowsOnHover)) && (\n        <div\n          className={classnames(\n            align === \"center\" && styles.headerRowCellIconAlignCenter,\n            align === \"end\" && styles.headerRowCellIconAlignEnd,\n            reversed && styles.whiteText\n          )}\n        >\n          {sorting === \"ascending\" || sortingArrowsOnHover === \"ascending\" ? (\n            <SortAscendingIcon role=\"presentation\" />\n          ) : (\n            <SortDescendingIcon role=\"presentation\" />\n          )}\n        </div>\n      )}\n    </div>\n  )\n\n  cellContents = href ? (\n    <a\n      className={classnames(\n        styles.headerRowCellButton,\n        reversed && styles.headerRowCellButtonReversed\n      )}\n      href={href}\n      onClick={\n        onClick as (e: React.MouseEvent<HTMLAnchorElement>) => any | undefined\n      }\n      onMouseEnter={(): void => updateHoverState(true)}\n      onFocus={(): void => updateHoverState(true)}\n      onMouseLeave={(): void => updateHoverState(false)}\n      onBlur={(): void => updateHoverState(false)}\n    >\n      {cellContents}\n    </a>\n  ) : onClick ? (\n    <button\n      type=\"button\"\n      className={classnames(\n        styles.headerRowCellButton,\n        reversed && styles.headerRowCellButtonReversed\n      )}\n      onClick={onClick as (e: React.MouseEvent<HTMLButtonElement>) => any}\n      onMouseEnter={(): void => updateHoverState(true)}\n      onFocus={(): void => updateHoverState(true)}\n      onMouseLeave={(): void => updateHoverState(false)}\n      onBlur={(): void => updateHoverState(false)}\n    >\n      {cellContents}\n    </button>\n  ) : (\n    // This div wrapper probably isn't needed, but it's a bit easier\n    // for this flex positioning, to have the dom tree depth match for\n    // each permutation.\n    <div className={styles.headerRowCellNoButton}>{cellContents}</div>\n  )\n\n  cellContents =\n    tooltipInfo != null ? (\n      <Tooltip\n        animationDuration={0}\n        classNameOverride={styles.headerRowCellTooltip}\n        text={tooltipInfo}\n        portalSelector={tooltipPortalSelector}\n      >\n        {cellContents}\n      </Tooltip>\n    ) : (\n      // Again, this wrapper is just to make the dom tree consistent between\n      // different permutations.\n      <div className={styles.headerRowCellTooltip}>{cellContents}</div>\n    )\n\n  return (\n    <div\n      className={classnames(\n        styles.headerRowCell,\n        wrapping === \"nowrap\" && styles.headerRowCellNoWrap,\n        align === \"center\" && styles.headerRowCellAlignCenter,\n        align === \"end\" && styles.headerRowCellAlignEnd,\n        sorting && styles.headerRowCellActive,\n        classNameOverride\n      )}\n      style={{\n        width: ratioToPercent(width),\n        flex,\n      }}\n      role=\"columnheader\"\n      {...otherProps}\n    >\n      {cellContents}\n    </div>\n  )\n}\n\ntype ButtonClickEvent = (e: React.MouseEvent<HTMLButtonElement>) => void\ntype AnchorClickEvent = (e: React.MouseEvent<HTMLAnchorElement>) => void\n\n/**\n * As the Card examples in Storybook take a TableRow,\n * I opted to give the child the role=\"row\" tag. That being\n * said, while TableHeader has a role=\"rowgroup\" as given\n * in an example on the accessibility docs, I couldn't justify\n * adding the same here as all rows look to be wrapped in the\n * TableCard.\n *\n * It may mean that the consumer needs to add their own container\n * around with the role=\"row\". We could also just add it as a\n * very simple component similar to TableHeader.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Table_Role\n */\nexport type TableCardProps = OverrideClassName<HTMLAttributes<HTMLElement>> & {\n  onClick?: ButtonClickEvent | AnchorClickEvent\n  expanded?: boolean\n  expandedStyle?: \"well\" | \"popout\"\n  href?: string\n  // Despite there being no onClick or href, still show a hover state on the\n  // rows. An example use case is when you might want to handle click events\n  // at a cell level, instead of the full row level.\n  forceHoverState?: boolean\n  children?: React.ReactNode\n}\n\nexport const TableCard = ({\n  children,\n  expanded,\n  expandedStyle = \"well\",\n  onClick,\n  href,\n  forceHoverState = false,\n  classNameOverride,\n  ...otherProps\n}: TableCardProps): JSX.Element => {\n  const className = classnames(\n    styles.card,\n    expanded && styles.expanded,\n    expanded && styles[expandedStyle],\n    (forceHoverState || onClick != null || href != null) &&\n      styles.hasHoverState,\n    classNameOverride\n  )\n  return href != null ? (\n    <a\n      href={href}\n      className={className}\n      onClick={onClick as AnchorClickEvent}\n      {...otherProps}\n    >\n      {children}\n    </a>\n  ) : onClick ? (\n    <button\n      type=\"button\"\n      className={className}\n      onClick={onClick as ButtonClickEvent}\n      {...otherProps}\n    >\n      {children}\n    </button>\n  ) : (\n    <div className={className} {...otherProps}>\n      {children}\n    </div>\n  )\n}\n\n/**\n * Aria roles like aria-rowindex can be added from\n * the component consumer.\n *\n * @param {*} { children, classNameOverride, ...otherProps }\n */\nexport type TableRowProps = OverrideClassName<HTMLAttributes<HTMLElement>> & {\n  children?: React.ReactNode\n}\nexport const TableRow = ({\n  children,\n  classNameOverride,\n  ...otherProps\n}: TableRowProps): JSX.Element => (\n  <div\n    className={classnames(styles.row, classNameOverride)}\n    role=\"row\"\n    {...otherProps}\n  >\n    {children}\n  </div>\n)\n\n/**\n * @param width value between 1 and 0, to be calculated as a percentage\n * @param flex CSS flex shorthand as a string. Be sure to specify the flex grow,\n *        shrink, and basis, due to IE11 compatibility. eg. use \"1 1 auto\"\n *        instead of just \"1\".\n */\nexport type TableRowCellProps = OverrideClassName<\n  HTMLAttributes<HTMLElement>\n> & {\n  children?: React.ReactNode\n  width?: number\n  flex?: string\n  href?: string\n}\n\nexport const TableRowCell = ({\n  children,\n  width,\n  flex,\n  href,\n  classNameOverride,\n  ...otherProps\n}: TableRowCellProps): JSX.Element =>\n  href != null ? (\n    <a\n      // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role\n      role=\"cell\"\n      style={{\n        width: ratioToPercent(width),\n        flex,\n      }}\n      className={classnames(styles.rowCell, classNameOverride)}\n      href={href}\n      {...otherProps}\n    >\n      {children}\n    </a>\n  ) : (\n    <div\n      role=\"cell\"\n      style={{\n        width: ratioToPercent(width),\n        flex,\n      }}\n      className={classnames(styles.rowCell, classNameOverride)}\n      {...otherProps}\n    >\n      {children}\n    </div>\n  )\n"],"names":["TableContainer","_a","_b","variant","children","otherProps","__rest","React","createElement","__assign","role","className","classnames","styles","container","defaultSpacing","dataVariant","TableHeader","ratioToPercent","width","concat","TableHeaderRowCell","labelText","onClick","href","flex","icon","checkable","checkedStatus","onCheck","reversed","sortingRaw","sorting","wrapping","_c","align","tooltipInfo","_d","isTooltipIconHidden","tooltipPortalSelector","sortingArrowsOnHover","classNameOverride","_e","useState","isHovered","setIsHovered","updateHoverState","hoverState","headerColor","hoveredHeaderColor","cellContents","headerRowCellLabelAndIcons","headerRowCellIcon","cloneElement","title","headerRowCellCheckbox","Checkbox","headerRowCellTooltipIcon","ExclamationIcon","Heading","tag","color","headerRowCellLabel","headerRowCellIconAlignCenter","headerRowCellIconAlignEnd","whiteText","SortAscendingIcon","SortDescendingIcon","headerRowCellButton","headerRowCellButtonReversed","onMouseEnter","onFocus","onMouseLeave","onBlur","type","headerRowCellNoButton","Tooltip","animationDuration","headerRowCellTooltip","text","portalSelector","headerRowCell","headerRowCellNoWrap","headerRowCellAlignCenter","headerRowCellAlignEnd","headerRowCellActive","style","TableCard","expanded","expandedStyle","forceHoverState","card","hasHoverState","TableRow","row","TableRowCell","rowCell"],"mappings":"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"}
+{"version":3,"file":"Table.cjs","sources":["../../../src/Table/Table.tsx"],"sourcesContent":["import React, { cloneElement, HTMLAttributes, ReactElement } from \"react\"\nimport classnames from \"classnames\"\nimport { Checkbox, CheckedStatus } from \"~components/Checkbox\"\nimport { Heading } from \"~components/Heading\"\nimport {\n  ExclamationIcon,\n  SortAscendingIcon,\n  SortDescendingIcon,\n} from \"~components/Icon\"\nimport { Tooltip } from \"~components/Tooltip\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Table.module.scss\"\n\nexport type TableContainerProps = {\n  children?: React.ReactNode\n  variant?: \"compact\" | \"default\" | \"data\"\n}\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081929256/Table Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-table--docs Storybook}\n */\nexport const TableContainer = ({\n  variant = \"compact\",\n  children,\n  ...otherProps\n}: TableContainerProps): JSX.Element => (\n  <div\n    role=\"table\"\n    className={classnames(\n      styles.container,\n      variant === \"default\" && styles.defaultSpacing,\n      variant === \"data\" && styles.dataVariant\n    )}\n    {...otherProps}\n  >\n    {children}\n  </div>\n)\n\nexport type TableHeaderProps = {\n  children?: React.ReactNode\n}\nexport const TableHeader = ({\n  children,\n  ...otherProps\n}: TableHeaderProps): JSX.Element => (\n  <div role=\"rowgroup\" {...otherProps}>\n    {children}\n  </div>\n)\n\nexport type TableHeaderRowProps = {\n  children?: React.ReactNode\n}\n\nconst ratioToPercent = (width?: number): string | number | undefined =>\n  width != null ? `${width * 100}%` : width\n\n/**\n * @param width value between 1 and 0, to be calculated as a percentage\n * @param flex CSS flex shorthand as a string. Be sure to specify the flex grow,\n *        shrink, and basis, due to IE11 compatibility. eg. use \"1 1 auto\"\n *        instead of just \"1\".\n */\nexport type TableHeaderRowCellProps = {\n  labelText: string\n  onClick?:\n    | ((e: React.MouseEvent<HTMLButtonElement>) => any)\n    | ((e: React.MouseEvent<HTMLAnchorElement>) => any)\n  width?: number\n  flex?: string\n  href?: string\n  icon?: ReactElement\n  checkable?: boolean\n  checkedStatus?: CheckedStatus\n  onCheck?: (event: React.ChangeEvent<HTMLInputElement>) => any\n  reversed?: boolean\n  /**\n   * Shows an up or down arrow, to show that the column is sorted.\n   */\n  sorting?: \"ascending\" | \"descending\"\n  wrapping?: \"nowrap\" | \"wrap\"\n  align?: \"start\" | \"center\" | \"end\"\n  tooltipInfo?: string\n  isTooltipIconHidden?: boolean\n  /**\n   * Specify where the tooltip should be rendered.\n   */\n  tooltipPortalSelector?: string | undefined\n  sortingArrowsOnHover?: \"ascending\" | \"descending\" | undefined\n} & OverrideClassName<HTMLAttributes<HTMLElement>>\n\nexport const TableHeaderRowCell = ({\n  labelText,\n  onClick,\n  href,\n  width,\n  flex,\n  icon,\n  checkable,\n  checkedStatus,\n  onCheck,\n  reversed,\n  sorting: sortingRaw,\n  // I can't say for certain why \"nowrap\" was the default value. Normally you wouldn't\n  // want to clip off information because it doesn't fit on one line.\n  // My assumption is that because since the cell width rows are decoupled, a heading\n  // cell with a word longer than the column width would push the columns out of\n  // alignment? I'm not sure.\n  // Anyway, we can override this default behaviour by setting wrapping to \"wrap\".\n  wrapping = \"nowrap\",\n  align = \"start\",\n  tooltipInfo,\n  // If set, this will hide the tooltip exclamation icon. Useful in situations where\n  // the table header does not have enough space. However, we should always show a\n  // tooltip icon as the default based on design system tooltip guidelines.\n  isTooltipIconHidden = false,\n  tooltipPortalSelector,\n  // If set, this will show the arrow in the direction provided\n  // when the header cell is hovered over.\n  sortingArrowsOnHover,\n  classNameOverride,\n  // There aren't any other props in the type definition, so I'm unsure why we\n  // have this spread.\n  ...otherProps\n}: TableHeaderRowCellProps): JSX.Element => {\n  const sorting = sortingRaw\n  const [isHovered, setIsHovered] = React.useState(false)\n\n  const updateHoverState = (hoverState: boolean): void => {\n    if (sortingArrowsOnHover && hoverState != isHovered)\n      setIsHovered(hoverState)\n  }\n\n  const headerColor = !!reversed\n    ? \"white-reduced-opacity\"\n    : \"dark-reduced-opacity\"\n  const hoveredHeaderColor = !!reversed ? \"white\" : \"dark\"\n\n  // For this \"cellContents\" variable, we start at the inner most child, and\n  // wrap it elements, depending on what the props dictate.\n  let cellContents = (\n    <div className={styles.headerRowCellLabelAndIcons}>\n      {icon && (\n        <span className={styles.headerRowCellIcon}>\n          {cloneElement(icon, { title: labelText, role: \"img\" })}\n        </span>\n      )}\n      {checkable && (\n        <div className={styles.headerRowCellCheckbox}>\n          <Checkbox checkedStatus={checkedStatus} onCheck={onCheck} />\n        </div>\n      )}\n      {tooltipInfo != null && !isTooltipIconHidden ? (\n        <div className={styles.headerRowCellTooltipIcon}>\n          <ExclamationIcon role=\"presentation\" />\n        </div>\n      ) : null}\n      {/* If an \"icon\" is supplied, the label is displayed inside the icon aria title instead */}\n      {!icon ? (\n        <Heading\n          tag=\"div\"\n          variant=\"heading-6\"\n          color={sorting || isHovered ? hoveredHeaderColor : headerColor}\n          classNameOverride={styles.headerRowCellLabel}\n        >\n          {labelText}\n        </Heading>\n      ) : null}\n      {(sorting || (isHovered && sortingArrowsOnHover)) && (\n        <div\n          className={classnames(\n            align === \"center\" && styles.headerRowCellIconAlignCenter,\n            align === \"end\" && styles.headerRowCellIconAlignEnd,\n            reversed && styles.whiteText\n          )}\n        >\n          {sorting === \"ascending\" || sortingArrowsOnHover === \"ascending\" ? (\n            <SortAscendingIcon role=\"presentation\" />\n          ) : (\n            <SortDescendingIcon role=\"presentation\" />\n          )}\n        </div>\n      )}\n    </div>\n  )\n\n  cellContents = href ? (\n    <a\n      className={classnames(\n        styles.headerRowCellButton,\n        reversed && styles.headerRowCellButtonReversed\n      )}\n      href={href}\n      onClick={\n        onClick as (e: React.MouseEvent<HTMLAnchorElement>) => any | undefined\n      }\n      onMouseEnter={(): void => updateHoverState(true)}\n      onFocus={(): void => updateHoverState(true)}\n      onMouseLeave={(): void => updateHoverState(false)}\n      onBlur={(): void => updateHoverState(false)}\n    >\n      {cellContents}\n    </a>\n  ) : onClick ? (\n    <button\n      type=\"button\"\n      className={classnames(\n        styles.headerRowCellButton,\n        reversed && styles.headerRowCellButtonReversed\n      )}\n      onClick={onClick as (e: React.MouseEvent<HTMLButtonElement>) => any}\n      onMouseEnter={(): void => updateHoverState(true)}\n      onFocus={(): void => updateHoverState(true)}\n      onMouseLeave={(): void => updateHoverState(false)}\n      onBlur={(): void => updateHoverState(false)}\n    >\n      {cellContents}\n    </button>\n  ) : (\n    // This div wrapper probably isn't needed, but it's a bit easier\n    // for this flex positioning, to have the dom tree depth match for\n    // each permutation.\n    <div className={styles.headerRowCellNoButton}>{cellContents}</div>\n  )\n\n  cellContents =\n    tooltipInfo != null ? (\n      <Tooltip\n        animationDuration={0}\n        classNameOverride={styles.headerRowCellTooltip}\n        text={tooltipInfo}\n        portalSelector={tooltipPortalSelector}\n      >\n        {cellContents}\n      </Tooltip>\n    ) : (\n      // Again, this wrapper is just to make the dom tree consistent between\n      // different permutations.\n      <div className={styles.headerRowCellTooltip}>{cellContents}</div>\n    )\n\n  return (\n    <div\n      className={classnames(\n        styles.headerRowCell,\n        wrapping === \"nowrap\" && styles.headerRowCellNoWrap,\n        align === \"center\" && styles.headerRowCellAlignCenter,\n        align === \"end\" && styles.headerRowCellAlignEnd,\n        sorting && styles.headerRowCellActive,\n        classNameOverride\n      )}\n      style={{\n        width: ratioToPercent(width),\n        flex,\n      }}\n      role=\"columnheader\"\n      {...otherProps}\n    >\n      {cellContents}\n    </div>\n  )\n}\n\ntype ButtonClickEvent = (e: React.MouseEvent<HTMLButtonElement>) => void\ntype AnchorClickEvent = (e: React.MouseEvent<HTMLAnchorElement>) => void\n\n/**\n * As the Card examples in Storybook take a TableRow,\n * I opted to give the child the role=\"row\" tag. That being\n * said, while TableHeader has a role=\"rowgroup\" as given\n * in an example on the accessibility docs, I couldn't justify\n * adding the same here as all rows look to be wrapped in the\n * TableCard.\n *\n * It may mean that the consumer needs to add their own container\n * around with the role=\"row\". We could also just add it as a\n * very simple component similar to TableHeader.\n *\n * @see https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Table_Role\n */\nexport type TableCardProps = OverrideClassName<HTMLAttributes<HTMLElement>> & {\n  onClick?: ButtonClickEvent | AnchorClickEvent\n  expanded?: boolean\n  expandedStyle?: \"well\" | \"popout\"\n  href?: string\n  // Despite there being no onClick or href, still show a hover state on the\n  // rows. An example use case is when you might want to handle click events\n  // at a cell level, instead of the full row level.\n  forceHoverState?: boolean\n  children?: React.ReactNode\n}\n\nexport const TableCard = ({\n  children,\n  expanded,\n  expandedStyle = \"well\",\n  onClick,\n  href,\n  forceHoverState = false,\n  classNameOverride,\n  ...otherProps\n}: TableCardProps): JSX.Element => {\n  const className = classnames(\n    styles.card,\n    expanded && styles.expanded,\n    expanded && styles[expandedStyle],\n    (forceHoverState || onClick != null || href != null) &&\n      styles.hasHoverState,\n    classNameOverride\n  )\n  return href != null ? (\n    <a\n      href={href}\n      className={className}\n      onClick={onClick as AnchorClickEvent}\n      {...otherProps}\n    >\n      {children}\n    </a>\n  ) : onClick ? (\n    <button\n      type=\"button\"\n      className={className}\n      onClick={onClick as ButtonClickEvent}\n      {...otherProps}\n    >\n      {children}\n    </button>\n  ) : (\n    <div className={className} {...otherProps}>\n      {children}\n    </div>\n  )\n}\n\n/**\n * Aria roles like aria-rowindex can be added from\n * the component consumer.\n *\n * @param {*} { children, classNameOverride, ...otherProps }\n */\nexport type TableRowProps = OverrideClassName<HTMLAttributes<HTMLElement>> & {\n  children?: React.ReactNode\n}\nexport const TableRow = ({\n  children,\n  classNameOverride,\n  ...otherProps\n}: TableRowProps): JSX.Element => (\n  <div\n    className={classnames(styles.row, classNameOverride)}\n    role=\"row\"\n    {...otherProps}\n  >\n    {children}\n  </div>\n)\n\n/**\n * @param width value between 1 and 0, to be calculated as a percentage\n * @param flex CSS flex shorthand as a string. Be sure to specify the flex grow,\n *        shrink, and basis, due to IE11 compatibility. eg. use \"1 1 auto\"\n *        instead of just \"1\".\n */\nexport type TableRowCellProps = OverrideClassName<\n  HTMLAttributes<HTMLElement>\n> & {\n  children?: React.ReactNode\n  width?: number\n  flex?: string\n  href?: string\n}\n\nexport const TableRowCell = ({\n  children,\n  width,\n  flex,\n  href,\n  classNameOverride,\n  ...otherProps\n}: TableRowCellProps): JSX.Element =>\n  href != null ? (\n    <a\n      // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role\n      role=\"cell\"\n      style={{\n        width: ratioToPercent(width),\n        flex,\n      }}\n      className={classnames(styles.rowCell, classNameOverride)}\n      href={href}\n      {...otherProps}\n    >\n      {children}\n    </a>\n  ) : (\n    <div\n      role=\"cell\"\n      style={{\n        width: ratioToPercent(width),\n        flex,\n      }}\n      className={classnames(styles.rowCell, classNameOverride)}\n      {...otherProps}\n    >\n      {children}\n    </div>\n  )\n"],"names":["TableContainer","_a","_b","variant","children","otherProps","__rest","React","createElement","__assign","role","className","classnames","styles","container","defaultSpacing","dataVariant","TableHeader","ratioToPercent","width","concat","TableHeaderRowCell","labelText","onClick","href","flex","icon","checkable","checkedStatus","onCheck","reversed","sortingRaw","sorting","wrapping","_c","align","tooltipInfo","_d","isTooltipIconHidden","tooltipPortalSelector","sortingArrowsOnHover","classNameOverride","_e","useState","isHovered","setIsHovered","updateHoverState","hoverState","headerColor","hoveredHeaderColor","cellContents","headerRowCellLabelAndIcons","headerRowCellIcon","cloneElement","title","headerRowCellCheckbox","Checkbox","headerRowCellTooltipIcon","ExclamationIcon","Heading","tag","color","headerRowCellLabel","headerRowCellIconAlignCenter","headerRowCellIconAlignEnd","whiteText","SortAscendingIcon","SortDescendingIcon","headerRowCellButton","headerRowCellButtonReversed","onMouseEnter","onFocus","onMouseLeave","onBlur","type","headerRowCellNoButton","Tooltip","animationDuration","headerRowCellTooltip","text","portalSelector","headerRowCell","headerRowCellNoWrap","headerRowCellAlignCenter","headerRowCellAlignEnd","headerRowCellActive","style","TableCard","expanded","expandedStyle","forceHoverState","card","hasHoverState","TableRow","row","TableRowCell","rowCell"],"mappings":"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"}

package/dist/cjs/Tag/Tag.cjs

@@ -4,7 +4,6 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var Avatar = require('../Avatar/Avatar.cjs');
-require('uuid');
 require('../Icon/subcomponents/SVG/SVG.cjs');
 var CautionIcon = require('../Icon/CautionIcon.cjs');
 var ClearIcon = require('../Icon/ClearIcon.cjs');

package/dist/cjs/Tag/Tag.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.cjs","sources":["../../../src/Tag/Tag.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { Avatar, AvatarProps } from \"~components/Avatar\"\nimport {\n  CautionIcon,\n  ClearIcon,\n  ExclamationIcon,\n  InformationIcon,\n  LiveIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport { TagVariants } from \"./types\"\nimport styles from \"./Tag.module.scss\"\n\nexport type TagWithAvatarProps = Omit<DefaultTagProps, \"variant\"> & {\n  variant: \"profile\"\n  avatar: JSX.Element | AvatarProps\n}\n\ntype Variant = (typeof TagVariants)[number]\n\nexport interface DefaultTagProps {\n  variant?: Variant\n  children: React.ReactNode\n  size?: \"medium\" | \"small\"\n  inline?: boolean\n  dismissible?: boolean\n  onDismiss?: React.MouseEventHandler<HTMLSpanElement>\n  onMouseDown?: React.MouseEventHandler<HTMLSpanElement>\n  onMouseLeave?: React.MouseEventHandler<HTMLSpanElement>\n  truncateWidth?: number\n}\n\nexport type TagProps = DefaultTagProps | TagWithAvatarProps\n\nconst isJSXElement = (\n  imageElementOrAvatarProps: JSX.Element | AvatarProps\n): imageElementOrAvatarProps is JSX.Element =>\n  \"props\" in imageElementOrAvatarProps\n\nconst renderAvatar = (\n  imageElementOrAvatarProps: JSX.Element | AvatarProps\n): JSX.Element =>\n  isJSXElement(imageElementOrAvatarProps) ? (\n    <>{imageElementOrAvatarProps}</>\n  ) : (\n    <Avatar {...imageElementOrAvatarProps} size=\"small\" />\n  )\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928978/Tags Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-tag--docs Storybook}\n */\nexport const Tag = (props: TagProps): JSX.Element => {\n  const {\n    children,\n    variant = \"default\",\n    size = \"medium\",\n    inline = false,\n    dismissible = false,\n    onDismiss,\n    onMouseDown,\n    onMouseLeave,\n    truncateWidth,\n  } = props\n\n  const isTruncated = truncateWidth && truncateWidth > 0\n  const canShowIcon = size === \"medium\"\n  return (\n    <div\n      className={classnames(\n        styles.root,\n        styles[variant],\n        variant === \"profile\" && styles.default,\n        styles[size],\n        inline && styles.inline,\n        dismissible && styles.dismissible\n      )}\n    >\n      <div className={styles.layoutContainer}>\n        <>\n          {canShowIcon &&\n            ((): JSX.Element | void => {\n              switch (props.variant) {\n                case \"validationPositive\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <SuccessIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationNegative\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <ExclamationIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationCautionary\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <CautionIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationInformative\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <InformationIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"profile\":\n                  return (\n                    <span className={styles.profile}>\n                      {props.avatar && renderAvatar(props.avatar)}\n                    </span>\n                  )\n                default:\n                  return\n              }\n            })()}\n          <span\n            className={classnames(\n              styles.textContent,\n              isTruncated && styles.truncate\n            )}\n            style={{\n              maxWidth: isTruncated ? truncateWidth : undefined,\n            }}\n          >\n            {children}\n          </span>\n          {dismissible && (\n            <>\n              <button\n                type=\"button\"\n                className={styles.dismissButton}\n                onClick={onDismiss}\n                onMouseDown={onMouseDown}\n                onMouseLeave={onMouseLeave}\n              >\n                <div className={styles.iconWrapper}>\n                  <ClearIcon inheritSize role=\"img\" aria-label=\"Dismiss\" />\n                </div>\n              </button>\n            </>\n          )}\n          {variant === \"statusLive\" && (\n            <span className={styles.liveIcon}>\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_base}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_1}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_2}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_3}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n            </span>\n          )}\n        </>\n      </div>\n    </div>\n  )\n}\n\nTag.displayName = \"Tag\"\n"],"names":["isJSXElement","imageElementOrAvatarProps","renderAvatar","React","createElement","Fragment","Avatar","__assign","size","Tag","props","children","_a","variant","_b","_c","inline","_d","dismissible","onDismiss","onMouseDown","onMouseLeave","truncateWidth","isTruncated","canShowIcon","className","classnames","styles","root","layoutContainer","validationIcon","SuccessIcon","role","ExclamationIcon","CautionIcon","InformationIcon","profile","avatar","textContent","truncate","style","maxWidth","undefined","type","dismissButton","onClick","iconWrapper","ClearIcon","inheritSize","liveIcon","LiveIcon","classNameOverride","liveIcon_base","width","height","viewBox","fill","liveIcon_1","liveIcon_2","liveIcon_3","displayName"],"mappings":"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"}
+{"version":3,"file":"Tag.cjs","sources":["../../../src/Tag/Tag.tsx"],"sourcesContent":["import React from \"react\"\nimport classnames from \"classnames\"\nimport { Avatar, AvatarProps } from \"~components/Avatar\"\nimport {\n  CautionIcon,\n  ClearIcon,\n  ExclamationIcon,\n  InformationIcon,\n  LiveIcon,\n  SuccessIcon,\n} from \"~components/Icon\"\nimport { TagVariants } from \"./types\"\nimport styles from \"./Tag.module.scss\"\n\nexport type TagWithAvatarProps = Omit<DefaultTagProps, \"variant\"> & {\n  variant: \"profile\"\n  avatar: JSX.Element | AvatarProps\n}\n\ntype Variant = (typeof TagVariants)[number]\n\nexport interface DefaultTagProps {\n  variant?: Variant\n  children: React.ReactNode\n  size?: \"medium\" | \"small\"\n  inline?: boolean\n  dismissible?: boolean\n  onDismiss?: React.MouseEventHandler<HTMLSpanElement>\n  onMouseDown?: React.MouseEventHandler<HTMLSpanElement>\n  onMouseLeave?: React.MouseEventHandler<HTMLSpanElement>\n  truncateWidth?: number\n}\n\nexport type TagProps = DefaultTagProps | TagWithAvatarProps\n\nconst isJSXElement = (\n  imageElementOrAvatarProps: JSX.Element | AvatarProps\n): imageElementOrAvatarProps is JSX.Element =>\n  \"props\" in imageElementOrAvatarProps\n\nconst renderAvatar = (\n  imageElementOrAvatarProps: JSX.Element | AvatarProps\n): JSX.Element =>\n  isJSXElement(imageElementOrAvatarProps) ? (\n    <>{imageElementOrAvatarProps}</>\n  ) : (\n    <Avatar {...imageElementOrAvatarProps} size=\"small\" />\n  )\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928978/Tags Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-tag--docs Storybook}\n */\nexport const Tag = (props: TagProps): JSX.Element => {\n  const {\n    children,\n    variant = \"default\",\n    size = \"medium\",\n    inline = false,\n    dismissible = false,\n    onDismiss,\n    onMouseDown,\n    onMouseLeave,\n    truncateWidth,\n  } = props\n\n  const isTruncated = truncateWidth && truncateWidth > 0\n  const canShowIcon = size === \"medium\"\n  return (\n    <div\n      className={classnames(\n        styles.root,\n        styles[variant],\n        variant === \"profile\" && styles.default,\n        styles[size],\n        inline && styles.inline,\n        dismissible && styles.dismissible\n      )}\n    >\n      <div className={styles.layoutContainer}>\n        <>\n          {canShowIcon &&\n            ((): JSX.Element | void => {\n              switch (props.variant) {\n                case \"validationPositive\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <SuccessIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationNegative\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <ExclamationIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationCautionary\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <CautionIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"validationInformative\":\n                  return (\n                    <span className={styles.validationIcon}>\n                      <InformationIcon role=\"presentation\" />\n                    </span>\n                  )\n                case \"profile\":\n                  return (\n                    <span className={styles.profile}>\n                      {props.avatar && renderAvatar(props.avatar)}\n                    </span>\n                  )\n                default:\n                  return\n              }\n            })()}\n          <span\n            className={classnames(\n              styles.textContent,\n              isTruncated && styles.truncate\n            )}\n            style={{\n              maxWidth: isTruncated ? truncateWidth : undefined,\n            }}\n          >\n            {children}\n          </span>\n          {dismissible && (\n            <>\n              <button\n                type=\"button\"\n                className={styles.dismissButton}\n                onClick={onDismiss}\n                onMouseDown={onMouseDown}\n                onMouseLeave={onMouseLeave}\n              >\n                <div className={styles.iconWrapper}>\n                  <ClearIcon inheritSize role=\"img\" aria-label=\"Dismiss\" />\n                </div>\n              </button>\n            </>\n          )}\n          {variant === \"statusLive\" && (\n            <span className={styles.liveIcon}>\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_base}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_1}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_2}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n              <LiveIcon\n                role=\"presentation\"\n                classNameOverride={styles.liveIcon_3}\n                width=\"16\"\n                height=\"16\"\n                viewBox=\"0 0 16 16\"\n                fill=\"none\"\n              />\n            </span>\n          )}\n        </>\n      </div>\n    </div>\n  )\n}\n\nTag.displayName = \"Tag\"\n"],"names":["isJSXElement","imageElementOrAvatarProps","renderAvatar","React","createElement","Fragment","Avatar","__assign","size","Tag","props","children","_a","variant","_b","_c","inline","_d","dismissible","onDismiss","onMouseDown","onMouseLeave","truncateWidth","isTruncated","canShowIcon","className","classnames","styles","root","layoutContainer","validationIcon","SuccessIcon","role","ExclamationIcon","CautionIcon","InformationIcon","profile","avatar","textContent","truncate","style","maxWidth","undefined","type","dismissButton","onClick","iconWrapper","ClearIcon","inheritSize","liveIcon","LiveIcon","classNameOverride","liveIcon_base","width","height","viewBox","fill","liveIcon_1","liveIcon_2","liveIcon_3","displayName"],"mappings":"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"}

package/dist/cjs/TextField/TextField.cjs

@@ -5,7 +5,6 @@ var React = require('react');
 var classnames = require('classnames');
 var FieldGroup = require('../FieldGroup/FieldGroup.cjs');
 var FieldMessage = require('../FieldMessage/FieldMessage.cjs');
-require('uuid');
 require('../Icon/subcomponents/SVG/SVG.cjs');
 var SuccessIcon = require('../Icon/SuccessIcon.cjs');
 var Input = require('../Input/Input/Input.cjs');

package/dist/cjs/TextField/TextField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.cjs","sources":["../../../src/TextField/TextField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldGroup } from \"~components/FieldGroup\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { SuccessIcon } from \"~components/Icon\"\nimport { Input, InputProps } from \"~components/Input\"\nimport { Label } from \"~components/Label\"\nimport styles from \"./TextField.module.scss\"\n\ntype OmittedInputProps =\n  | \"startIconAdornment\"\n  | \"endIconAdornment\"\n  | \"ariaDescribedBy\"\n  | \"ariaLabel\"\n\nexport type TextFieldProps = {\n  /**\n   * A short example of input text. For context or additional information use the `description` prop\n   */\n  labelText: React.ReactNode\n  inline?: boolean\n  icon?: JSX.Element\n  /**\n   * A descriptive message for `error` or `caution` states\n   */\n  validationMessage?: string | React.ReactNode\n  /**\n   * A description that provides context for the text field\n   */\n  description?: string | React.ReactNode\n} & Omit<InputProps, OmittedInputProps>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928705/Text+Field Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-text-field--docs Storybook}\n */\nexport const TextField = ({\n  id: propsId,\n  labelText,\n  inline = false,\n  icon,\n  validationMessage,\n  description,\n  status,\n  reversed = false,\n  disabled,\n  ...restProps\n}: TextFieldProps): JSX.Element => {\n  const id = propsId ?? useId()\n  const validationMessageAria = validationMessage\n    ? `${id}-field-validation-message`\n    : \"\"\n  const descriptionAria = description ? `${id}-field-description` : \"\"\n\n  const ariaDescribedBy = [validationMessageAria, descriptionAria].reduce(\n    (prev, curr) => (curr ? [curr, prev].join(\" \") : prev),\n    \"\"\n  )\n\n  return (\n    <FieldGroup\n      id={`${id}-field-group`}\n      data-testid={`${id}-field-group`}\n      inline={inline}\n      classNameOverride={classnames(\n        styles.withLabel,\n        disabled && styles.withDisabled\n      )}\n    >\n      <Label\n        id={`${id}-field-label`}\n        data-testid={`${id}-field-label`}\n        htmlFor={`${id}-field-input`}\n        labelText={labelText}\n        reversed={reversed}\n        disabled={disabled}\n      />\n      <Input\n        id={`${id}-field-input`}\n        data-testid={`${id}-field-input`}\n        aria-describedby={ariaDescribedBy}\n        classNameOverride={styles.input}\n        disabled={disabled}\n        reversed={reversed}\n        status={status}\n        startIconAdornment={icon}\n        endIconAdornment={\n          status === \"success\" && (\n            <div\n              className={classnames(\n                styles.success,\n                disabled && styles.disabled\n              )}\n            >\n              <SuccessIcon role=\"presentation\" />\n            </div>\n          )\n        }\n        {...restProps}\n      />\n\n      {validationMessage && (\n        <div\n          className={classnames(styles.message, disabled && styles.disabled)}\n        >\n          <FieldMessage\n            id={validationMessageAria}\n            message={validationMessage}\n            status={status}\n            reversed={reversed}\n          />\n        </div>\n      )}\n\n      {description && (\n        <div\n          className={classnames(styles.message, disabled && styles.disabled)}\n        >\n          <FieldMessage\n            id={descriptionAria}\n            message={description}\n            reversed={reversed}\n          />\n        </div>\n      )}\n    </FieldGroup>\n  )\n}\n\nTextField.displayName = \"TextField\"\n"],"names":["TextField","_a","propsId","id","labelText","_b","inline","icon","validationMessage","description","status","_c","reversed","disabled","restProps","__rest","useId","validationMessageAria","concat","descriptionAria","ariaDescribedBy","reduce","prev","curr","join","React","createElement","FieldGroup","classNameOverride","classnames","styles","withLabel","withDisabled","Label","htmlFor","Input","__assign","input","startIconAdornment","endIconAdornment","className","success","SuccessIcon","role","message","FieldMessage","displayName"],"mappings":"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"}
+{"version":3,"file":"TextField.cjs","sources":["../../../src/TextField/TextField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldGroup } from \"~components/FieldGroup\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { SuccessIcon } from \"~components/Icon\"\nimport { Input, InputProps } from \"~components/Input\"\nimport { Label } from \"~components/Label\"\nimport styles from \"./TextField.module.scss\"\n\ntype OmittedInputProps =\n  | \"startIconAdornment\"\n  | \"endIconAdornment\"\n  | \"ariaDescribedBy\"\n  | \"ariaLabel\"\n\nexport type TextFieldProps = {\n  /**\n   * A short example of input text. For context or additional information use the `description` prop\n   */\n  labelText: React.ReactNode\n  inline?: boolean\n  icon?: JSX.Element\n  /**\n   * A descriptive message for `error` or `caution` states\n   */\n  validationMessage?: string | React.ReactNode\n  /**\n   * A description that provides context for the text field\n   */\n  description?: string | React.ReactNode\n} & Omit<InputProps, OmittedInputProps>\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928705/Text+Field Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-text-field--docs Storybook}\n */\nexport const TextField = ({\n  id: propsId,\n  labelText,\n  inline = false,\n  icon,\n  validationMessage,\n  description,\n  status,\n  reversed = false,\n  disabled,\n  ...restProps\n}: TextFieldProps): JSX.Element => {\n  const id = propsId ?? useId()\n  const validationMessageAria = validationMessage\n    ? `${id}-field-validation-message`\n    : \"\"\n  const descriptionAria = description ? `${id}-field-description` : \"\"\n\n  const ariaDescribedBy = [validationMessageAria, descriptionAria].reduce(\n    (prev, curr) => (curr ? [curr, prev].join(\" \") : prev),\n    \"\"\n  )\n\n  return (\n    <FieldGroup\n      id={`${id}-field-group`}\n      data-testid={`${id}-field-group`}\n      inline={inline}\n      classNameOverride={classnames(\n        styles.withLabel,\n        disabled && styles.withDisabled\n      )}\n    >\n      <Label\n        id={`${id}-field-label`}\n        data-testid={`${id}-field-label`}\n        htmlFor={`${id}-field-input`}\n        labelText={labelText}\n        reversed={reversed}\n        disabled={disabled}\n      />\n      <Input\n        id={`${id}-field-input`}\n        data-testid={`${id}-field-input`}\n        aria-describedby={ariaDescribedBy}\n        classNameOverride={styles.input}\n        disabled={disabled}\n        reversed={reversed}\n        status={status}\n        startIconAdornment={icon}\n        endIconAdornment={\n          status === \"success\" && (\n            <div\n              className={classnames(\n                styles.success,\n                disabled && styles.disabled\n              )}\n            >\n              <SuccessIcon role=\"presentation\" />\n            </div>\n          )\n        }\n        {...restProps}\n      />\n\n      {validationMessage && (\n        <div\n          className={classnames(styles.message, disabled && styles.disabled)}\n        >\n          <FieldMessage\n            id={validationMessageAria}\n            message={validationMessage}\n            status={status}\n            reversed={reversed}\n          />\n        </div>\n      )}\n\n      {description && (\n        <div\n          className={classnames(styles.message, disabled && styles.disabled)}\n        >\n          <FieldMessage\n            id={descriptionAria}\n            message={description}\n            reversed={reversed}\n          />\n        </div>\n      )}\n    </FieldGroup>\n  )\n}\n\nTextField.displayName = \"TextField\"\n"],"names":["TextField","_a","propsId","id","labelText","_b","inline","icon","validationMessage","description","status","_c","reversed","disabled","restProps","__rest","useId","validationMessageAria","concat","descriptionAria","ariaDescribedBy","reduce","prev","curr","join","React","createElement","FieldGroup","classNameOverride","classnames","styles","withLabel","withDisabled","Label","htmlFor","Input","__assign","input","startIconAdornment","endIconAdornment","className","success","SuccessIcon","role","message","FieldMessage","displayName"],"mappings":"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"}

package/dist/cjs/Tile/subcomponents/GenericTile/GenericTile.cjs

@@ -6,7 +6,6 @@ var classnames = require('classnames');
 require('../../../Button/Button/Button.cjs');
 var IconButton = require('../../../Button/IconButton/IconButton.cjs');
 var Heading = require('../../../Heading/Heading.cjs');
-require('uuid');
 require('../../../Icon/subcomponents/SVG/SVG.cjs');
 var ArrowBackwardIcon = require('../../../Icon/ArrowBackwardIcon.cjs');
 var InformationIcon = require('../../../Icon/InformationIcon.cjs');

package/dist/cjs/Tile/subcomponents/GenericTile/GenericTile.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"GenericTile.cjs","sources":["../../../../../src/Tile/subcomponents/GenericTile/GenericTile.tsx"],"sourcesContent":["import React, { HTMLAttributes, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { IconButton } from \"~components/Button\"\nimport { GenericButtonProps } from \"~components/Button/GenericButton\"\nimport { AllowedHeadingTags, Heading } from \"~components/Heading\"\nimport { ArrowBackwardIcon, InformationIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport Action from \"./Action\"\nimport { Moods } from \"./types\"\nimport styles from \"./GenericTile.module.scss\"\n\nexport type TileAction = {\n  label: string\n  onClick?: GenericButtonProps[\"onClick\"]\n  href?: string\n  icon?: JSX.Element\n  /**\n   * @deprecated use data-testid instead\n   */\n  automationId?: string\n  newTabAndIUnderstandTheAccessibilityImplications?: boolean\n} & HTMLAttributes<HTMLButtonElement>\n\nexport type TileInformation = {\n  text: string\n  primaryAction?: TileAction\n  secondaryAction?: TileAction\n}\n\nexport type GenericTileProps = {\n  children?: React.ReactNode\n  title: React.ReactNode\n  titleTag?: AllowedHeadingTags\n  metadata?: string\n  information?: TileInformation | React.ReactNode\n  mood?: Moods\n  footer: React.ReactNode\n} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, \"title\">>\n\nexport const GenericTile = ({\n  children,\n  title,\n  titleTag = \"h3\",\n  metadata,\n  information,\n  mood,\n  footer,\n  classNameOverride,\n  ...restProps\n}: GenericTileProps): JSX.Element => {\n  const [isFlipped, setIsFlipped] = useState<boolean>(false)\n\n  const renderTitle = (): JSX.Element => (\n    <div className={styles.title}>\n      <Heading variant=\"heading-3\" tag={titleTag}>\n        {title}\n      </Heading>\n      {metadata && (\n        <div className=\"pt-4\">\n          <Text variant=\"small\" color=\"dark-reduced-opacity\">\n            {metadata}\n          </Text>\n        </div>\n      )}\n    </div>\n  )\n\n  const renderActions = (\n    primaryAction?: TileAction,\n    secondaryAction?: TileAction,\n    disabled?: boolean\n  ): JSX.Element => (\n    <div className={styles.actions}>\n      {secondaryAction && (\n        <Action action={secondaryAction} secondary disabled={disabled} />\n      )}\n      {primaryAction && <Action action={primaryAction} disabled={disabled} />}\n    </div>\n  )\n\n  const renderFront = (): JSX.Element => (\n    <div\n      className={classnames(\n        styles.face,\n        styles.faceFront,\n        mood === \"positive\" && styles.faceMoodPositive,\n        mood === \"informative\" && styles.faceMoodInformative,\n        mood === \"cautionary\" && styles.faceMoodCautionary,\n        mood === \"assertive\" && styles.faceMoodAssertive,\n        mood === \"negative\" && styles.faceMoodNegative,\n        mood === \"prominent\" && styles.faceMoodProminent\n      )}\n    >\n      {information && (\n        <div className={styles.informationBtn}>\n          <IconButton\n            label=\"Information\"\n            icon={<InformationIcon role=\"presentation\" />}\n            onClick={(): void => setIsFlipped(true)}\n            disabled={isFlipped}\n            aria-hidden={isFlipped}\n          />\n        </div>\n      )}\n      {renderTitle()}\n      <div className={styles.children}>{children && children}</div>\n      {footer && <div className={styles.footer}>{footer}</div>}\n    </div>\n  )\n\n  const renderInformation = (\n    informationProp: GenericTileProps[\"information\"] | undefined\n  ): JSX.Element | React.ReactNode => {\n    if (\n      informationProp &&\n      typeof informationProp === \"object\" &&\n      \"text\" in informationProp\n    ) {\n      return (\n        <>\n          <Text variant=\"body\">{informationProp.text}</Text>\n          {(informationProp.primaryAction ||\n            informationProp.secondaryAction) && (\n            <div className={styles.footer}>\n              {renderActions(\n                informationProp.primaryAction,\n                informationProp.secondaryAction,\n                !isFlipped\n              )}\n            </div>\n          )}\n        </>\n      )\n    }\n\n    return informationProp\n  }\n\n  const renderBack = (): JSX.Element | void => {\n    if (!information) return\n\n    return (\n      <div className={classnames(styles.face, styles.faceBack)}>\n        <div className={styles.informationBtn}>\n          <IconButton\n            label=\"Information\"\n            icon={<ArrowBackwardIcon role=\"presentation\" />}\n            onClick={(): void => setIsFlipped(false)}\n            disabled={!isFlipped}\n            aria-hidden={!isFlipped}\n          />\n        </div>\n        <div className={styles.information}>\n          {renderInformation(information)}\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className={classnames(styles.root, classNameOverride)} {...restProps}>\n      <div className={classnames(styles.tile, isFlipped && styles.isFlipped)}>\n        <>\n          {renderFront()}\n          {renderBack()}\n        </>\n      </div>\n    </div>\n  )\n}\n\nGenericTile.displayName = \"GenericTile\"\n"],"names":["GenericTile","_a","children","title","_b","titleTag","metadata","information","mood","footer","classNameOverride","restProps","__rest","_c","useState","isFlipped","setIsFlipped","renderTitle","React","className","styles","createElement","Heading","variant","tag","Text","color","renderActions","primaryAction","secondaryAction","disabled","actions","Action","action","secondary","renderFront","classnames","face","faceFront","faceMoodPositive","faceMoodInformative","faceMoodCautionary","faceMoodAssertive","faceMoodNegative","faceMoodProminent","informationBtn","IconButton","label","icon","InformationIcon","role","onClick","renderInformation","informationProp","Fragment","text","renderBack","faceBack","ArrowBackwardIcon","__assign","root","tile","displayName"],"mappings":"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"}
+{"version":3,"file":"GenericTile.cjs","sources":["../../../../../src/Tile/subcomponents/GenericTile/GenericTile.tsx"],"sourcesContent":["import React, { HTMLAttributes, useState } from \"react\"\nimport classnames from \"classnames\"\nimport { IconButton } from \"~components/Button\"\nimport { GenericButtonProps } from \"~components/Button/GenericButton\"\nimport { AllowedHeadingTags, Heading } from \"~components/Heading\"\nimport { ArrowBackwardIcon, InformationIcon } from \"~components/Icon\"\nimport { Text } from \"~components/Text\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport Action from \"./Action\"\nimport { Moods } from \"./types\"\nimport styles from \"./GenericTile.module.scss\"\n\nexport type TileAction = {\n  label: string\n  onClick?: GenericButtonProps[\"onClick\"]\n  href?: string\n  icon?: JSX.Element\n  /**\n   * @deprecated use data-testid instead\n   */\n  automationId?: string\n  newTabAndIUnderstandTheAccessibilityImplications?: boolean\n} & HTMLAttributes<HTMLButtonElement>\n\nexport type TileInformation = {\n  text: string\n  primaryAction?: TileAction\n  secondaryAction?: TileAction\n}\n\nexport type GenericTileProps = {\n  children?: React.ReactNode\n  title: React.ReactNode\n  titleTag?: AllowedHeadingTags\n  metadata?: string\n  information?: TileInformation | React.ReactNode\n  mood?: Moods\n  footer: React.ReactNode\n} & OverrideClassName<Omit<HTMLAttributes<HTMLDivElement>, \"title\">>\n\nexport const GenericTile = ({\n  children,\n  title,\n  titleTag = \"h3\",\n  metadata,\n  information,\n  mood,\n  footer,\n  classNameOverride,\n  ...restProps\n}: GenericTileProps): JSX.Element => {\n  const [isFlipped, setIsFlipped] = useState<boolean>(false)\n\n  const renderTitle = (): JSX.Element => (\n    <div className={styles.title}>\n      <Heading variant=\"heading-3\" tag={titleTag}>\n        {title}\n      </Heading>\n      {metadata && (\n        <div className=\"pt-4\">\n          <Text variant=\"small\" color=\"dark-reduced-opacity\">\n            {metadata}\n          </Text>\n        </div>\n      )}\n    </div>\n  )\n\n  const renderActions = (\n    primaryAction?: TileAction,\n    secondaryAction?: TileAction,\n    disabled?: boolean\n  ): JSX.Element => (\n    <div className={styles.actions}>\n      {secondaryAction && (\n        <Action action={secondaryAction} secondary disabled={disabled} />\n      )}\n      {primaryAction && <Action action={primaryAction} disabled={disabled} />}\n    </div>\n  )\n\n  const renderFront = (): JSX.Element => (\n    <div\n      className={classnames(\n        styles.face,\n        styles.faceFront,\n        mood === \"positive\" && styles.faceMoodPositive,\n        mood === \"informative\" && styles.faceMoodInformative,\n        mood === \"cautionary\" && styles.faceMoodCautionary,\n        mood === \"assertive\" && styles.faceMoodAssertive,\n        mood === \"negative\" && styles.faceMoodNegative,\n        mood === \"prominent\" && styles.faceMoodProminent\n      )}\n    >\n      {information && (\n        <div className={styles.informationBtn}>\n          <IconButton\n            label=\"Information\"\n            icon={<InformationIcon role=\"presentation\" />}\n            onClick={(): void => setIsFlipped(true)}\n            disabled={isFlipped}\n            aria-hidden={isFlipped}\n          />\n        </div>\n      )}\n      {renderTitle()}\n      <div className={styles.children}>{children && children}</div>\n      {footer && <div className={styles.footer}>{footer}</div>}\n    </div>\n  )\n\n  const renderInformation = (\n    informationProp: GenericTileProps[\"information\"] | undefined\n  ): JSX.Element | React.ReactNode => {\n    if (\n      informationProp &&\n      typeof informationProp === \"object\" &&\n      \"text\" in informationProp\n    ) {\n      return (\n        <>\n          <Text variant=\"body\">{informationProp.text}</Text>\n          {(informationProp.primaryAction ||\n            informationProp.secondaryAction) && (\n            <div className={styles.footer}>\n              {renderActions(\n                informationProp.primaryAction,\n                informationProp.secondaryAction,\n                !isFlipped\n              )}\n            </div>\n          )}\n        </>\n      )\n    }\n\n    return informationProp\n  }\n\n  const renderBack = (): JSX.Element | void => {\n    if (!information) return\n\n    return (\n      <div className={classnames(styles.face, styles.faceBack)}>\n        <div className={styles.informationBtn}>\n          <IconButton\n            label=\"Information\"\n            icon={<ArrowBackwardIcon role=\"presentation\" />}\n            onClick={(): void => setIsFlipped(false)}\n            disabled={!isFlipped}\n            aria-hidden={!isFlipped}\n          />\n        </div>\n        <div className={styles.information}>\n          {renderInformation(information)}\n        </div>\n      </div>\n    )\n  }\n\n  return (\n    <div className={classnames(styles.root, classNameOverride)} {...restProps}>\n      <div className={classnames(styles.tile, isFlipped && styles.isFlipped)}>\n        <>\n          {renderFront()}\n          {renderBack()}\n        </>\n      </div>\n    </div>\n  )\n}\n\nGenericTile.displayName = \"GenericTile\"\n"],"names":["GenericTile","_a","children","title","_b","titleTag","metadata","information","mood","footer","classNameOverride","restProps","__rest","_c","useState","isFlipped","setIsFlipped","renderTitle","React","className","styles","createElement","Heading","variant","tag","Text","color","renderActions","primaryAction","secondaryAction","disabled","actions","Action","action","secondary","renderFront","classnames","face","faceFront","faceMoodPositive","faceMoodInformative","faceMoodCautionary","faceMoodAssertive","faceMoodNegative","faceMoodProminent","informationBtn","IconButton","label","icon","InformationIcon","role","onClick","renderInformation","informationProp","Fragment","text","renderBack","faceBack","ArrowBackwardIcon","__assign","root","tile","displayName"],"mappings":"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"}

package/dist/cjs/TimeField/TimeField.cjs

@@ -7,7 +7,6 @@ var datepicker$1 = require('@react-aria/datepicker');
 var i18n = require('@react-aria/i18n');
 var datepicker = require('@react-stately/datepicker');
 var classnames = require('classnames');
-var uuid = require('uuid');
 var FieldMessage = require('../FieldMessage/FieldMessage.cjs');
 var Heading = require('../Heading/Heading.cjs');
 var TimeSegment = require('./subcomponents/TimeSegment/TimeSegment.cjs');
@@ -37,7 +36,8 @@ const TimeFieldComponent = /*#__PURE__*/function () {
       isDisabled = _a.isDisabled,
       classNameOverride = _a.classNameOverride,
       restProps = tslib.__rest(_a, ["id", "label", "locale", "onChange", "value", "status", "validationMessage", "isDisabled", "classNameOverride"]);
-    var id = React.useState(propsId || uuid.v4())[0];
+    var reactId = React.useId();
+    var id = propsId !== null && propsId !== void 0 ? propsId : reactId;
     var handleOnChange = function (timeValue) {
       if (timeValue === null) {
         return onChange(null);

package/dist/cjs/TimeField/TimeField.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TimeField.cjs","sources":["../../../src/TimeField/TimeField.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { Time } from \"@internationalized/date\"\nimport { useTimeField } from \"@react-aria/datepicker\"\nimport { I18nProvider } from \"@react-aria/i18n\"\nimport {\n  useTimeFieldState,\n  TimeFieldStateOptions,\n} from \"@react-stately/datepicker\"\nimport classnames from \"classnames\"\nimport { v4 } from \"uuid\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { Heading } from \"~components/Heading\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { TimeSegment } from \"./subcomponents/TimeSegment\"\nimport { StatusType, TimeValue, ValueType } from \"./types\"\nimport styles from \"./TimeField.module.scss\"\n\ntype OmittedTimeFieldProps =\n  | \"errorMessage\"\n  | \"validationState\"\n  | \"value\"\n  | \"onChange\"\n  | \"label\"\n  | \"hideTimeZone\"\n\nexport type TimeFieldProps = {\n  id?: string\n  /**\n   * Field label.\n   */\n  label: string\n  /**\n   * Accepts any valid locale code (https://npm.io/package/locale-codes).\n   */\n  locale: string\n  onChange: (value: ValueType | null) => void\n  value: ValueType | null\n  status?: StatusType\n  validationMessage?: React.ReactNode\n} & OverrideClassName<Omit<TimeFieldStateOptions, OmittedTimeFieldProps>>\n\n// This needed to be placed directly below the props because\n// the prop descriptions wouldn't show in Storybook otherwise.\nexport const TimeField = (props: TimeFieldProps): JSX.Element => (\n  <I18nProvider locale={props.locale}>\n    <TimeFieldComponent {...props} />\n  </I18nProvider>\n)\n\nTimeField.displayName = \"TimeField\"\n\nconst TimeFieldComponent = ({\n  id: propsId,\n  label,\n  locale,\n  onChange,\n  value,\n  status = \"default\",\n  validationMessage,\n  isDisabled,\n  classNameOverride,\n  ...restProps\n}: TimeFieldProps): JSX.Element => {\n  const [id] = useState<string>(propsId || v4())\n\n  const handleOnChange = (timeValue: TimeValue | null): void => {\n    if (timeValue === null) {\n      return onChange(null)\n    }\n    onChange({ hour: timeValue.hour, minutes: timeValue.minute })\n  }\n\n  const state = useTimeFieldState({\n    ...restProps,\n    value: value ? new Time(value.hour, value.minutes) : null,\n    onChange: handleOnChange,\n    isDisabled,\n    hideTimeZone: true,\n    locale,\n    validationState: status === \"default\" ? \"valid\" : \"invalid\",\n  })\n  const descriptionId = `${id}-field-message`\n\n  const inputRef = React.useRef(null)\n  const { fieldProps, labelProps } = useTimeField(\n    {\n      ...restProps,\n      label,\n      isDisabled,\n      \"aria-describedby\": descriptionId,\n    },\n    state,\n    inputRef\n  )\n  return (\n    <div className={classNameOverride}>\n      <Heading\n        tag=\"div\"\n        variant=\"heading-6\"\n        {...labelProps}\n        classNameOverride={classnames(\n          styles.heading,\n          state.isDisabled && styles.isDisabled\n        )}\n      >\n        {label}\n      </Heading>\n      <div className={styles.wrapper}>\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n        <div\n          {...fieldProps}\n          id={id}\n          ref={inputRef}\n          className={classnames(\n            styles.input,\n            state.isDisabled && styles.isDisabled,\n            state.validationState === \"invalid\" && styles.error\n          )}\n        >\n          {state.segments.map((segment, i) => (\n            <TimeSegment key={i} segment={segment} state={state} />\n          ))}\n          <div className={styles.focusRing} />\n        </div>\n      </div>\n      {validationMessage && status === \"error\" && (\n        <FieldMessage\n          id={descriptionId}\n          message={validationMessage}\n          status={status}\n        />\n      )}\n    </div>\n  )\n}\n\nTimeFieldComponent.displayName = \"TimeFieldComponent\"\n"],"names":["TimeField","props","React","createElement","I18nProvider","locale","TimeFieldComponent","displayName","_a","propsId","id","label","onChange","value","_b","status","validationMessage","isDisabled","classNameOverride","restProps","__rest","useState","v4","handleOnChange","timeValue","hour","minutes","minute","state","useTimeFieldState","__assign","Time","hideTimeZone","validationState","descriptionId","concat","inputRef","useRef","_c","useTimeField","fieldProps","labelProps","className","Heading","tag","variant","classnames","styles","heading","wrapper","ref","input","error","segments","map","segment","i","TimeSegment","key","focusRing","FieldMessage","message"],"mappings":"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"}
+{"version":3,"file":"TimeField.cjs","sources":["../../../src/TimeField/TimeField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport { Time } from \"@internationalized/date\"\nimport { useTimeField } from \"@react-aria/datepicker\"\nimport { I18nProvider } from \"@react-aria/i18n\"\nimport {\n  useTimeFieldState,\n  TimeFieldStateOptions,\n} from \"@react-stately/datepicker\"\nimport classnames from \"classnames\"\nimport { FieldMessage } from \"~components/FieldMessage\"\nimport { Heading } from \"~components/Heading\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport { TimeSegment } from \"./subcomponents/TimeSegment\"\nimport { StatusType, TimeValue, ValueType } from \"./types\"\nimport styles from \"./TimeField.module.scss\"\n\ntype OmittedTimeFieldProps =\n  | \"errorMessage\"\n  | \"validationState\"\n  | \"value\"\n  | \"onChange\"\n  | \"label\"\n  | \"hideTimeZone\"\n\nexport type TimeFieldProps = {\n  id?: string\n  /**\n   * Field label.\n   */\n  label: string\n  /**\n   * Accepts any valid locale code (https://npm.io/package/locale-codes).\n   */\n  locale: string\n  onChange: (value: ValueType | null) => void\n  value: ValueType | null\n  status?: StatusType\n  validationMessage?: React.ReactNode\n} & OverrideClassName<Omit<TimeFieldStateOptions, OmittedTimeFieldProps>>\n\n// This needed to be placed directly below the props because\n// the prop descriptions wouldn't show in Storybook otherwise.\nexport const TimeField = (props: TimeFieldProps): JSX.Element => (\n  <I18nProvider locale={props.locale}>\n    <TimeFieldComponent {...props} />\n  </I18nProvider>\n)\n\nTimeField.displayName = \"TimeField\"\n\nconst TimeFieldComponent = ({\n  id: propsId,\n  label,\n  locale,\n  onChange,\n  value,\n  status = \"default\",\n  validationMessage,\n  isDisabled,\n  classNameOverride,\n  ...restProps\n}: TimeFieldProps): JSX.Element => {\n  const reactId = useId()\n  const id = propsId ?? reactId\n\n  const handleOnChange = (timeValue: TimeValue | null): void => {\n    if (timeValue === null) {\n      return onChange(null)\n    }\n    onChange({ hour: timeValue.hour, minutes: timeValue.minute })\n  }\n\n  const state = useTimeFieldState({\n    ...restProps,\n    value: value ? new Time(value.hour, value.minutes) : null,\n    onChange: handleOnChange,\n    isDisabled,\n    hideTimeZone: true,\n    locale,\n    validationState: status === \"default\" ? \"valid\" : \"invalid\",\n  })\n  const descriptionId = `${id}-field-message`\n\n  const inputRef = React.useRef(null)\n  const { fieldProps, labelProps } = useTimeField(\n    {\n      ...restProps,\n      label,\n      isDisabled,\n      \"aria-describedby\": descriptionId,\n    },\n    state,\n    inputRef\n  )\n  return (\n    <div className={classNameOverride}>\n      <Heading\n        tag=\"div\"\n        variant=\"heading-6\"\n        {...labelProps}\n        classNameOverride={classnames(\n          styles.heading,\n          state.isDisabled && styles.isDisabled\n        )}\n      >\n        {label}\n      </Heading>\n      <div className={styles.wrapper}>\n        {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n        <div\n          {...fieldProps}\n          id={id}\n          ref={inputRef}\n          className={classnames(\n            styles.input,\n            state.isDisabled && styles.isDisabled,\n            state.validationState === \"invalid\" && styles.error\n          )}\n        >\n          {state.segments.map((segment, i) => (\n            <TimeSegment key={i} segment={segment} state={state} />\n          ))}\n          <div className={styles.focusRing} />\n        </div>\n      </div>\n      {validationMessage && status === \"error\" && (\n        <FieldMessage\n          id={descriptionId}\n          message={validationMessage}\n          status={status}\n        />\n      )}\n    </div>\n  )\n}\n\nTimeFieldComponent.displayName = \"TimeFieldComponent\"\n"],"names":["TimeField","props","React","createElement","I18nProvider","locale","TimeFieldComponent","displayName","_a","propsId","id","label","onChange","value","_b","status","validationMessage","isDisabled","classNameOverride","restProps","__rest","reactId","useId","handleOnChange","timeValue","hour","minutes","minute","state","useTimeFieldState","__assign","Time","hideTimeZone","validationState","descriptionId","concat","inputRef","useRef","_c","useTimeField","fieldProps","labelProps","className","Heading","tag","variant","classnames","styles","heading","wrapper","ref","input","error","segments","map","segment","i","TimeSegment","key","focusRing","FieldMessage","message"],"mappings":"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"}