@kaizen/components 1.37.1 → 1.38.1

package/dist/esm/SearchField/SearchField.mjs

@@ -25,13 +25,13 @@ const SearchField = /*#__PURE__*/function () {
     // @todo: Move restProps to container div?
     return /*#__PURE__*/React.createElement("div", {
       className: classNameOverride
-    }, showVisibleLabel && /*#__PURE__*/React.createElement(Label, {
+    }, showVisibleLabel && ( /*#__PURE__*/React.createElement(Label, {
       htmlFor: id,
       labelText: labelText,
       reversed: reversed,
       disabled: disabled,
       classNameOverride: styles.label
-    }), /*#__PURE__*/React.createElement(InputSearch, __assign({
+    })), /*#__PURE__*/React.createElement(InputSearch, __assign({
       "aria-label": !showVisibleLabel ? labelText : undefined,
       id: id,
       disabled: disabled,

package/dist/esm/SearchField/SearchField.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SearchField.mjs","sources":["../../../src/SearchField/SearchField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport { InputSearch, InputSearchProps } from \"~components/Input/InputSearch\"\nimport { Label } from \"~components/Label\"\nimport styles from \"./SearchField.module.scss\"\n\nexport type SearchFieldProps = Omit<InputSearchProps, \"id\"> & {\n  id?: string\n  labelText: string\n  disabled?: boolean\n  reversed?: boolean\n  secondary?: boolean\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896613/Search+Field Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-search-field--docs Storybook}\n */\nexport const SearchField = ({\n  id: propsId,\n  labelText,\n  disabled,\n  reversed = false,\n  secondary = false,\n  classNameOverride,\n  ...restProps\n}: SearchFieldProps): JSX.Element => {\n  const showVisibleLabel = !secondary\n  const reactId = useId()\n  const id = propsId ?? reactId\n  // @todo: Move restProps to container div?\n  return (\n    <div className={classNameOverride}>\n      {showVisibleLabel && (\n        <Label\n          htmlFor={id}\n          labelText={labelText}\n          reversed={reversed}\n          disabled={disabled}\n          classNameOverride={styles.label}\n        />\n      )}\n      <InputSearch\n        aria-label={!showVisibleLabel ? labelText : undefined}\n        id={id}\n        disabled={disabled}\n        reversed={reversed}\n        secondary={secondary}\n        {...restProps}\n      />\n    </div>\n  )\n}\n\nSearchField.displayName = \"SearchField\"\n"],"names":["SearchField","_a","propsId","id","labelText","disabled","_b","reversed","_c","secondary","classNameOverride","restProps","__rest","showVisibleLabel","reactId","useId","React","createElement","className","Label","htmlFor","styles","label","InputSearch","__assign","undefined","displayName"],"mappings":";;;;;;AAaA;;;AAGG;AAHH,MAIaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAQT,EAAA;IAPjB,IAAIC,OAAO,GAAAD,EAAA,CAAAE,EAAA;MACXC,SAAS,GAAAH,EAAA,CAAAG,SAAA;MACTC,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;MACRC,EAAA,GAAAL,EAAA,CAAAM,QAAgB;MAAhBA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAChBE,EAAiB,GAAAP,EAAA,CAAAQ,SAAA;MAAjBA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACjBE,iBAAiB,GAAAT,EAAA,CAAAS,iBAAA;MACdC,SAAS,GAAAC,MAAA,CAAAX,EAAA,EAPc,6EAQ3B,CADa;IAEZ,IAAMY,gBAAgB,GAAG,CAACJ,SAAS;IACnC,IAAMK,OAAO,GAAGC,KAAK,EAAE;IACvB,IAAMZ,EAAE,GAAGD,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAAA,OAAO,GAAIY,OAAO;;IAE7B,oBACEE,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAER;IAAiB,CAAA,EAC9BG,gBAAgB,iBACfG,KAAA,CAAAC,aAAA,CAACE,KAAK,EAAA;MACJC,OAAO,EAAEjB,EAAE;MACXC,SAAS,EAAEA,SAAS;MACpBG,QAAQ,EAAEA,QAAQ;MAClBF,QAAQ,EAAEA,QAAQ;MAClBK,iBAAiB,EAAEW,MAAM,CAACC;IAAK,CAAA,CAElC,eACDN,KAAA,CAAAC,aAAA,CAACM,WAAW,EAAAC,QAAA,CAAA;MAAA,YAAA,EACE,CAACX,gBAAgB,GAAGT,SAAS,GAAGqB,SAAS;MACrDtB,EAAE,EAAEA,EAAE;MACNE,QAAQ,EAAEA,QAAQ;MAClBE,QAAQ,EAAEA,QAAQ;MAClBE,SAAS,EAAEA;IACP,CAAA,EAAAE,SAAS,CACb,CAAA,CACE;EAEV,CAAC;EAEDX,WAAW,CAAC0B,WAAW,GAAG,aAAa;EAAA,OApC1B1B,WAAW;AAAA;"}
+{"version":3,"file":"SearchField.mjs","sources":["../../../src/SearchField/SearchField.tsx"],"sourcesContent":["import React, { useId } from \"react\"\nimport { InputSearch, InputSearchProps } from \"~components/Input/InputSearch\"\nimport { Label } from \"~components/Label\"\nimport styles from \"./SearchField.module.scss\"\n\nexport type SearchFieldProps = Omit<InputSearchProps, \"id\"> & {\n  id?: string\n  labelText: string\n  disabled?: boolean\n  reversed?: boolean\n  secondary?: boolean\n}\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896613/Search+Field Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-search-field--docs Storybook}\n */\nexport const SearchField = ({\n  id: propsId,\n  labelText,\n  disabled,\n  reversed = false,\n  secondary = false,\n  classNameOverride,\n  ...restProps\n}: SearchFieldProps): JSX.Element => {\n  const showVisibleLabel = !secondary\n  const reactId = useId()\n  const id = propsId ?? reactId\n  // @todo: Move restProps to container div?\n  return (\n    <div className={classNameOverride}>\n      {showVisibleLabel && (\n        <Label\n          htmlFor={id}\n          labelText={labelText}\n          reversed={reversed}\n          disabled={disabled}\n          classNameOverride={styles.label}\n        />\n      )}\n      <InputSearch\n        aria-label={!showVisibleLabel ? labelText : undefined}\n        id={id}\n        disabled={disabled}\n        reversed={reversed}\n        secondary={secondary}\n        {...restProps}\n      />\n    </div>\n  )\n}\n\nSearchField.displayName = \"SearchField\"\n"],"names":["SearchField","_a","propsId","id","labelText","disabled","_b","reversed","_c","secondary","classNameOverride","restProps","__rest","showVisibleLabel","reactId","useId","React","createElement","className","Label","htmlFor","styles","label","InputSearch","__assign","undefined","displayName"],"mappings":";;;;;;AAaA;;;AAGG;AAHH,MAIaA,WAAW;EAAA,MAAXA,WAAW,GAAG,SAAAA,CAACC,EAQT,EAAA;IAPjB,IAAIC,OAAO,GAAAD,EAAA,CAAAE,EAAA;MACXC,SAAS,GAAAH,EAAA,CAAAG,SAAA;MACTC,QAAQ,GAAAJ,EAAA,CAAAI,QAAA;MACRC,EAAA,GAAAL,EAAA,CAAAM,QAAgB;MAAhBA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;MAChBE,EAAiB,GAAAP,EAAA,CAAAQ,SAAA;MAAjBA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;MACjBE,iBAAiB,GAAAT,EAAA,CAAAS,iBAAA;MACdC,SAAS,GAAAC,MAAA,CAAAX,EAAA,EAPc,6EAQ3B,CADa;IAEZ,IAAMY,gBAAgB,GAAG,CAACJ,SAAS;IACnC,IAAMK,OAAO,GAAGC,KAAK,EAAE;IACvB,IAAMZ,EAAE,GAAGD,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAP,KAAA,CAAA,GAAAA,OAAO,GAAIY,OAAO;;IAE7B,oBACEE,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKC,SAAS,EAAER;IAAiB,CAAA,EAC9BG,gBAAgB,mBACfG,KAAA,CAAAC,aAAA,CAACE,KAAK,EAAA;MACJC,OAAO,EAAEjB,EAAE;MACXC,SAAS,EAAEA,SAAS;MACpBG,QAAQ,EAAEA,QAAQ;MAClBF,QAAQ,EAAEA,QAAQ;MAClBK,iBAAiB,EAAEW,MAAM,CAACC;IAAK,CAAA,CAC/B,CACH,eACDN,KAAA,CAAAC,aAAA,CAACM,WAAW,EAAAC,QAAA,CAAA;MAAA,YAAA,EACE,CAACX,gBAAgB,GAAGT,SAAS,GAAGqB,SAAS;MACrDtB,EAAE,EAAEA,EAAE;MACNE,QAAQ,EAAEA,QAAQ;MAClBE,QAAQ,EAAEA,QAAQ;MAClBE,SAAS,EAAEA;IACP,CAAA,EAAAE,SAAS,CACb,CAAA,CACE;EAEV,CAAC;EAEDX,WAAW,CAAC0B,WAAW,GAAG,aAAa;EAAA,OApC1B1B,WAAW;AAAA;"}

package/dist/esm/Select/Select.mjs

@@ -34,12 +34,12 @@ const Select = /*#__PURE__*/function () {
     var reactId = useId();
     // the default for fullWidth depends on the variant
     var fullWidth = propsFullWidth != null ? propsFullWidth : variant === "secondary" || variant === "secondary-small" ? false : true;
-    var classes = classnames(propsClassName, styles.specificityIncreaser, (!reversed || variant === "default") && styles["default"], reversed && styles.reversed, variant === "secondary" && styles.secondary, variant === "secondary-small" && styles.secondarySmall, !fullWidth && styles.notFullWidth, isDisabled && styles.disabled, status === "error" && styles.error);
+    var classes = classnames(propsClassName, styles.specificityIncreaser, (!reversed || variant === "default") && styles.default, reversed && styles.reversed, variant === "secondary" && styles.secondary, variant === "secondary-small" && styles.secondarySmall, !fullWidth && styles.notFullWidth, isDisabled && styles.disabled, status === "error" && styles.error);
     var labelId = useState(label ? reactId : undefined)[0];
-    return /*#__PURE__*/React.createElement(React.Fragment, null, label ? /*#__PURE__*/React.createElement(Label, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, label ? ( /*#__PURE__*/React.createElement(Label, {
       reversed: reversed,
       id: labelId
-    }, label) : null, /*#__PURE__*/React.createElement(ReactSelect, __assign({}, props, {
+    }, label)) : null, /*#__PURE__*/React.createElement(ReactSelect, __assign({}, props, {
       ref: ref,
       "aria-labelledby": labelId,
       components: {
@@ -59,10 +59,10 @@ const Select = /*#__PURE__*/function () {
         IndicatorSeparator: null
       },
       className: classes
-    })), validationMessage ? /*#__PURE__*/React.createElement(FieldMessage, {
+    })), validationMessage ? ( /*#__PURE__*/React.createElement(FieldMessage, {
       message: validationMessage,
       status: status
-    }) : null, description ? /*#__PURE__*/React.createElement(FieldMessage, {
+    })) : null, description ? /*#__PURE__*/React.createElement(FieldMessage, {
       message: description
     }) : null);
   });
@@ -114,11 +114,11 @@ var Placeholder = function (props) {
 var DropdownIndicator = function (props) {
   return /*#__PURE__*/React.createElement(components.DropdownIndicator, __assign({}, props, {
     className: styles.dropdownIndicator
-  }), props.selectProps.menuIsOpen ? /*#__PURE__*/React.createElement(ChevronUpIcon, {
+  }), props.selectProps.menuIsOpen ? ( /*#__PURE__*/React.createElement(ChevronUpIcon, {
     role: "presentation"
-  }) : /*#__PURE__*/React.createElement(ChevronDownIcon, {
+  })) : ( /*#__PURE__*/React.createElement(ChevronDownIcon, {
     role: "presentation"
-  }));
+  })));
 };
 var LoadingMessage = function (props) {
   return /*#__PURE__*/React.createElement(components.LoadingMessage, __assign({}, props, {

package/dist/esm/Select/Select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Select.mjs","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.mjs","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","default","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/esm/Slider/Slider.mjs

@@ -38,19 +38,19 @@ const Slider = /*#__PURE__*/function () {
       labelText: labelText,
       variant: variant,
       disabled: disabled
-    })), description && /*#__PURE__*/React.createElement(Text, {
+    })), description && ( /*#__PURE__*/React.createElement(Text, {
       variant: "small",
       id: descriptionId,
       classNameOverride: disabled ? styles.descriptionDisabled : undefined
-    }, description)), /*#__PURE__*/React.createElement("div", {
+    }, description))), /*#__PURE__*/React.createElement("div", {
       className: styles.inputWrapper
     }, /*#__PURE__*/React.createElement(InputRange, __assign({
       id: id,
       "aria-describedby": descriptionId,
       disabled: disabled
-    }, restProps)), readOnlyMessage && /*#__PURE__*/React.createElement("div", {
+    }, restProps)), readOnlyMessage && ( /*#__PURE__*/React.createElement("div", {
       className: styles.readOnlyMessage
-    }, readOnlyMessage))));
+    }, readOnlyMessage)))));
   };
   Slider.displayName = "Slider";
   return Slider;

package/dist/esm/Slider/Slider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.mjs","sources":["../../../src/Slider/Slider.tsx"],"sourcesContent":["import React, { ReactNode, useId } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldGroup } from \"~components/FieldGroup\"\nimport { InputRange, InputRangeProps } from \"~components/Input/InputRange\"\nimport { Label } from \"~components/Label\"\nimport { Text } from \"~components/Text\"\nimport styles from \"./Slider.module.scss\"\n\nexport type SliderFieldProps = {\n  id?: string\n  labelText: ReactNode\n  description?: ReactNode\n  labelPosition?: \"inline\" | \"block\"\n  variant?: \"default\" | \"prominent\"\n  disabled?: boolean\n  readOnlyMessage?: ReactNode\n} & Omit<InputRangeProps, \"id\">\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896335/Slider Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-slider--docs Storybook}\n */\nexport const Slider = ({\n  id: propsId,\n  labelText,\n  description,\n  labelPosition = \"inline\",\n  variant = \"default\",\n  disabled,\n  readOnlyMessage,\n  ...restProps\n}: SliderFieldProps): JSX.Element => {\n  const id = propsId ?? useId()\n  const descriptionId = `${id}-description`\n\n  return (\n    <FieldGroup inline>\n      <div\n        className={classnames(\n          styles.wrapper,\n          labelPosition === \"inline\" && styles.labelInline\n        )}\n      >\n        <div className={styles.labelWrapper}>\n          <div className=\"mb-4\">\n            <Label\n              htmlFor={id}\n              labelText={labelText}\n              variant={variant}\n              disabled={disabled}\n            />\n          </div>\n          {description && (\n            <Text\n              variant=\"small\"\n              id={descriptionId}\n              classNameOverride={\n                disabled ? styles.descriptionDisabled : undefined\n              }\n            >\n              {description}\n            </Text>\n          )}\n        </div>\n        <div className={styles.inputWrapper}>\n          <InputRange\n            id={id}\n            aria-describedby={descriptionId}\n            disabled={disabled}\n            {...restProps}\n          />\n          {readOnlyMessage && (\n            <div className={styles.readOnlyMessage}>{readOnlyMessage}</div>\n          )}\n        </div>\n      </div>\n    </FieldGroup>\n  )\n}\n\nSlider.displayName = \"Slider\"\n"],"names":["Slider","_a","propsId","id","labelText","description","_b","labelPosition","_c","variant","disabled","readOnlyMessage","restProps","__rest","useId","descriptionId","concat","React","createElement","FieldGroup","inline","className","classnames","styles","wrapper","labelInline","labelWrapper","Label","htmlFor","Text","classNameOverride","descriptionDisabled","undefined","inputWrapper","InputRange","__assign","displayName"],"mappings":";;;;;;;;;AAkBA;;;AAGG;AAHH,MAIaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EASJ,EAAA;IARjB,IAAIC,OAAO,GAAAD,EAAA,CAAAE,EAAA;MACXC,SAAS,eAAA;MACTC,WAAW,GAAAJ,EAAA,CAAAI,WAAA;MACXC,EAAwB,GAAAL,EAAA,CAAAM,aAAA;MAAxBA,aAAa,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,QAAQ,GAAAA,EAAA;MACxBE,EAAmB,GAAAP,EAAA,CAAAQ,OAAA;MAAnBA,OAAO,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAAA,EAAA;MACnBE,QAAQ,GAAAT,EAAA,CAAAS,QAAA;MACRC,eAAe,GAAAV,EAAA,CAAAU,eAAA;MACZC,SAAS,GAAAC,MAAA,CAAAZ,EAAA,EARS,6FAStB,CADa;IAEZ,IAAME,EAAE,GAAGD,OAAO,KAAP,IAAA,IAAAA,OAAO,cAAPA,OAAO,GAAIY,KAAK,EAAE;IAC7B,IAAMC,aAAa,GAAG,EAAG,CAAAC,MAAA,CAAAb,EAAE,iBAAc;IAEzC,oBACEc,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;MAACC,MAAM,EAAA;IAAA,CAAA,eAChBH,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACEG,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,OAAO,EACdjB,aAAa,KAAK,QAAQ,IAAIgB,MAAM,CAACE,WAAW;IACjD,CAAA,eAEDR,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEE,MAAM,CAACG;IAAY,CAAA,eACjCT,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAG,SAAS,EAAC;IAAM,CAAA,eACnBJ,KAAA,CAAAC,aAAA,CAACS,KAAK,EACJ;MAAAC,OAAO,EAAEzB,EAAE;MACXC,SAAS,EAAEA,SAAS;MACpBK,OAAO,EAAEA,OAAO;MAChBC,QAAQ,EAAEA;MACV,CACE,EACLL,WAAW,iBACVY,KAAC,CAAAC,aAAA,CAAAW,IAAI,EACH;MAAApB,OAAO,EAAC,OAAO;MACfN,EAAE,EAAEY,aAAa;MACjBe,iBAAiB,EACfpB,QAAQ,GAAGa,MAAM,CAACQ,mBAAmB,GAAGC;IAAS,CAAA,EAGlD3B,WAAW,CAEf,CACG,eACNY,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEE,MAAM,CAACU;IAAY,CAAA,eACjChB,KAAA,CAAAC,aAAA,CAACgB,UAAU,EAAAC,QAAA,CAAA;MACThC,EAAE,EAAEA,EAAE;MAAA,kBAAA,EACYY,aAAa;MAC/BL,QAAQ,EAAEA;IAAQ,CAAA,EACdE,SAAS,CACb,CAAA,EACDD,eAAe,iBACdM,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEE,MAAM,CAACZ;KAAkB,EAAAA,eAAe,CACzD,CACG,CACF,CACK;EAEjB,CAAC;EAEDX,MAAM,CAACoC,WAAW,GAAG,QAAQ;EAAA,OA1DhBpC,MAAM;AAAA;"}
+{"version":3,"file":"Slider.mjs","sources":["../../../src/Slider/Slider.tsx"],"sourcesContent":["import React, { ReactNode, useId } from \"react\"\nimport classnames from \"classnames\"\nimport { FieldGroup } from \"~components/FieldGroup\"\nimport { InputRange, InputRangeProps } from \"~components/Input/InputRange\"\nimport { Label } from \"~components/Label\"\nimport { Text } from \"~components/Text\"\nimport styles from \"./Slider.module.scss\"\n\nexport type SliderFieldProps = {\n  id?: string\n  labelText: ReactNode\n  description?: ReactNode\n  labelPosition?: \"inline\" | \"block\"\n  variant?: \"default\" | \"prominent\"\n  disabled?: boolean\n  readOnlyMessage?: ReactNode\n} & Omit<InputRangeProps, \"id\">\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896335/Slider Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-slider--docs Storybook}\n */\nexport const Slider = ({\n  id: propsId,\n  labelText,\n  description,\n  labelPosition = \"inline\",\n  variant = \"default\",\n  disabled,\n  readOnlyMessage,\n  ...restProps\n}: SliderFieldProps): JSX.Element => {\n  const id = propsId ?? useId()\n  const descriptionId = `${id}-description`\n\n  return (\n    <FieldGroup inline>\n      <div\n        className={classnames(\n          styles.wrapper,\n          labelPosition === \"inline\" && styles.labelInline\n        )}\n      >\n        <div className={styles.labelWrapper}>\n          <div className=\"mb-4\">\n            <Label\n              htmlFor={id}\n              labelText={labelText}\n              variant={variant}\n              disabled={disabled}\n            />\n          </div>\n          {description && (\n            <Text\n              variant=\"small\"\n              id={descriptionId}\n              classNameOverride={\n                disabled ? styles.descriptionDisabled : undefined\n              }\n            >\n              {description}\n            </Text>\n          )}\n        </div>\n        <div className={styles.inputWrapper}>\n          <InputRange\n            id={id}\n            aria-describedby={descriptionId}\n            disabled={disabled}\n            {...restProps}\n          />\n          {readOnlyMessage && (\n            <div className={styles.readOnlyMessage}>{readOnlyMessage}</div>\n          )}\n        </div>\n      </div>\n    </FieldGroup>\n  )\n}\n\nSlider.displayName = \"Slider\"\n"],"names":["Slider","_a","propsId","id","labelText","description","_b","labelPosition","_c","variant","disabled","readOnlyMessage","restProps","__rest","useId","descriptionId","concat","React","createElement","FieldGroup","inline","className","classnames","styles","wrapper","labelInline","labelWrapper","Label","htmlFor","Text","classNameOverride","descriptionDisabled","undefined","inputWrapper","InputRange","__assign","displayName"],"mappings":";;;;;;;;;AAkBA;;;AAGG;AAHH,MAIaA,MAAM;EAAA,MAANA,MAAM,GAAG,SAAAA,CAACC,EASJ,EAAA;IARjB,IAAIC,OAAO,GAAAD,EAAA,CAAAE,EAAA;MACXC,SAAS,eAAA;MACTC,WAAW,GAAAJ,EAAA,CAAAI,WAAA;MACXC,EAAwB,GAAAL,EAAA,CAAAM,aAAA;MAAxBA,aAAa,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,QAAQ,GAAAA,EAAA;MACxBE,EAAmB,GAAAP,EAAA,CAAAQ,OAAA;MAAnBA,OAAO,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,SAAS,GAAAA,EAAA;MACnBE,QAAQ,GAAAT,EAAA,CAAAS,QAAA;MACRC,eAAe,GAAAV,EAAA,CAAAU,eAAA;MACZC,SAAS,GAAAC,MAAA,CAAAZ,EAAA,EARS,6FAStB,CADa;IAEZ,IAAME,EAAE,GAAGD,OAAO,KAAP,IAAA,IAAAA,OAAO,cAAPA,OAAO,GAAIY,KAAK,EAAE;IAC7B,IAAMC,aAAa,GAAG,EAAG,CAAAC,MAAA,CAAAb,EAAE,iBAAc;IAEzC,oBACEc,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;MAACC,MAAM,EAAA;IAAA,CAAA,eAChBH,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACEG,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,OAAO,EACdjB,aAAa,KAAK,QAAQ,IAAIgB,MAAM,CAACE,WAAW;IACjD,CAAA,eAEDR,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEE,MAAM,CAACG;IAAY,CAAA,eACjCT,KAAK,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAAG,SAAS,EAAC;IAAM,CAAA,eACnBJ,KAAA,CAAAC,aAAA,CAACS,KAAK,EACJ;MAAAC,OAAO,EAAEzB,EAAE;MACXC,SAAS,EAAEA,SAAS;MACpBK,OAAO,EAAEA,OAAO;MAChBC,QAAQ,EAAEA;MACV,CACE,EACLL,WAAW,mBACVY,KAAC,CAAAC,aAAA,CAAAW,IAAI,EACH;MAAApB,OAAO,EAAC,OAAO;MACfN,EAAE,EAAEY,aAAa;MACjBe,iBAAiB,EACfpB,QAAQ,GAAGa,MAAM,CAACQ,mBAAmB,GAAGC;IAAS,CAAA,EAGlD3B,WAAW,CACP,CACR,CACG,eACNY,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEE,MAAM,CAACU;IAAY,CAAA,eACjChB,KAAA,CAAAC,aAAA,CAACgB,UAAU,EAAAC,QAAA,CAAA;MACThC,EAAE,EAAEA,EAAE;MAAA,kBAAA,EACYY,aAAa;MAC/BL,QAAQ,EAAEA;IAAQ,CAAA,EACdE,SAAS,CACb,CAAA,EACDD,eAAe,mBACdM,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MAAKG,SAAS,EAAEE,MAAM,CAACZ;KAAkB,EAAAA,eAAe,CAAO,CAChE,CACG,CACF,CACK;EAEjB,CAAC;EAEDX,MAAM,CAACoC,WAAW,GAAG,QAAQ;EAAA,OA1DhBpC,MAAM;AAAA;"}

package/dist/esm/SplitButton/subcomponents/BaseButton/BaseButton.mjs

@@ -12,7 +12,7 @@ const BaseButton = /*#__PURE__*/function () {
       isReversed = _a.isReversed,
       classNameOverride = _a.classNameOverride,
       attributes = __rest(_a, ["label", "icon", "isReversed", "classNameOverride"]);
-    var className = classnames(styles.baseButton, classNameOverride, isReversed ? styles.isReversed : styles["default"]);
+    var className = classnames(styles.baseButton, classNameOverride, isReversed ? styles.isReversed : styles.default);
     var contentProps = icon ? {
       children: /*#__PURE__*/React.createElement(React.Fragment, null, icon),
       "aria-label": label

package/dist/esm/SplitButton/subcomponents/BaseButton/BaseButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"BaseButton.mjs","sources":["../../../../../src/SplitButton/subcomponents/BaseButton/BaseButton.tsx"],"sourcesContent":["import React, { AnchorHTMLAttributes, ButtonHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./BaseButton.module.scss\"\n\ntype AnchorAttributes = AnchorHTMLAttributes<HTMLAnchorElement>\ntype ButtonAttributes = ButtonHTMLAttributes<HTMLButtonElement>\ntype AnchorButtonAttributes = AnchorAttributes & ButtonAttributes\n\nconst isAnchor = (attributes: AnchorButtonAttributes): boolean =>\n  !attributes.disabled && attributes.href !== undefined\n\nexport type BaseButtonProps = {\n  label: string\n  icon?: React.SVGAttributes<SVGSymbolElement>\n  isReversed?: boolean\n} & OverrideClassName<AnchorButtonAttributes>\n\nexport const BaseButton = ({\n  label,\n  icon,\n  isReversed,\n  classNameOverride,\n  ...attributes\n}: BaseButtonProps): JSX.Element => {\n  const className = classnames(\n    styles.baseButton,\n    classNameOverride,\n    isReversed ? styles.isReversed : styles.default\n  )\n\n  const contentProps = icon\n    ? {\n        children: <>{icon}</>,\n        \"aria-label\": label,\n      }\n    : { children: label }\n\n  const { children, ...restContentProps } = contentProps\n\n  if (isAnchor(attributes)) {\n    return (\n      <a className={className} {...restContentProps} {...attributes}>\n        {children}\n      </a>\n    )\n  }\n\n  return (\n    <button\n      type=\"button\"\n      className={className}\n      {...restContentProps}\n      {...attributes}\n    >\n      {children}\n    </button>\n  )\n}\n\nBaseButton.displayName = \"BaseButton\"\n"],"names":["isAnchor","attributes","disabled","href","undefined","BaseButton","_a","label","icon","isReversed","classNameOverride","__rest","className","classnames","styles","baseButton","contentProps","children","React","createElement","Fragment","restContentProps","__assign","type","displayName"],"mappings":";;;;AASA,IAAMA,QAAQ,GAAG,SAAAA,CAACC,UAAkC,EAAA;EAClD,OAAA,CAACA,UAAU,CAACC,QAAQ,IAAID,UAAU,CAACE,IAAI,KAAKC,SAAS;AAArD,CAAqD;AAAA,MAQ1CC,UAAU;EAAA,MAAVA,UAAU,GAAG,SAAAA,CAACC,EAMT,EAAA;IALhB,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAA;MACLC,IAAI,UAAA;MACJC,UAAU,GAAAH,EAAA,CAAAG,UAAA;MACVC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MACdT,UAAU,GAAAU,MAAA,CAAAL,EAAA,EALY,oDAM1B,CADc;IAEb,IAAMM,SAAS,GAAGC,UAAU,CAC1BC,MAAM,CAACC,UAAU,EACjBL,iBAAiB,EACjBD,UAAU,GAAGK,MAAM,CAACL,UAAU,GAAGK,MAAM,CAAC,SAAO,CAAA,CAChD;IAED,IAAME,YAAY,GAAGR,IAAI,GACrB;MACES,QAAQ,eAAEC,KAAG,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EAAAZ,IAAI,CAAI;MACrB,YAAY,EAAED;IACf,CAAA,GACD;MAAEU,QAAQ,EAAEV;KAAO;IAEf,IAAAU,QAAQ,GAA0BD,YAAY,CAAtCC,QAAA;MAAKI,gBAAgB,GAAAV,MAAA,CAAKK,YAAY,EAAhD,CAAiC,UAAA,CAAA,CAAF;IAErC,IAAIhB,QAAQ,CAACC,UAAU,CAAC,EAAE;MACxB,oBACEiB,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAAG,QAAA,CAAA;QAAGV,SAAS,EAAEA;MAAS,CAAA,EAAMS,gBAAgB,EAAMpB,UAAU,CAAA,EAC1DgB,QAAQ,CACP;IAEP;IAED,oBACEC,KACE,CAAAC,aAAA,CAAA,QAAA,EAAAG,QAAA,CAAA;MAAAC,IAAI,EAAC,QAAQ;MACbX,SAAS,EAAEA;IAAS,CAAA,EAChBS,gBAAgB,EAChBpB,UAAU,GAEbgB,QAAQ,CACF;EAEb,CAAC;EAEDZ,UAAU,CAACmB,WAAW,GAAG,YAAY;EAAA,OA1CxBnB,UAAU;AAAA;"}
+{"version":3,"file":"BaseButton.mjs","sources":["../../../../../src/SplitButton/subcomponents/BaseButton/BaseButton.tsx"],"sourcesContent":["import React, { AnchorHTMLAttributes, ButtonHTMLAttributes } from \"react\"\nimport classnames from \"classnames\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./BaseButton.module.scss\"\n\ntype AnchorAttributes = AnchorHTMLAttributes<HTMLAnchorElement>\ntype ButtonAttributes = ButtonHTMLAttributes<HTMLButtonElement>\ntype AnchorButtonAttributes = AnchorAttributes & ButtonAttributes\n\nconst isAnchor = (attributes: AnchorButtonAttributes): boolean =>\n  !attributes.disabled && attributes.href !== undefined\n\nexport type BaseButtonProps = {\n  label: string\n  icon?: React.SVGAttributes<SVGSymbolElement>\n  isReversed?: boolean\n} & OverrideClassName<AnchorButtonAttributes>\n\nexport const BaseButton = ({\n  label,\n  icon,\n  isReversed,\n  classNameOverride,\n  ...attributes\n}: BaseButtonProps): JSX.Element => {\n  const className = classnames(\n    styles.baseButton,\n    classNameOverride,\n    isReversed ? styles.isReversed : styles.default\n  )\n\n  const contentProps = icon\n    ? {\n        children: <>{icon}</>,\n        \"aria-label\": label,\n      }\n    : { children: label }\n\n  const { children, ...restContentProps } = contentProps\n\n  if (isAnchor(attributes)) {\n    return (\n      <a className={className} {...restContentProps} {...attributes}>\n        {children}\n      </a>\n    )\n  }\n\n  return (\n    <button\n      type=\"button\"\n      className={className}\n      {...restContentProps}\n      {...attributes}\n    >\n      {children}\n    </button>\n  )\n}\n\nBaseButton.displayName = \"BaseButton\"\n"],"names":["isAnchor","attributes","disabled","href","undefined","BaseButton","_a","label","icon","isReversed","classNameOverride","__rest","className","classnames","styles","baseButton","default","contentProps","children","React","createElement","Fragment","restContentProps","__assign","type","displayName"],"mappings":";;;;AASA,IAAMA,QAAQ,GAAG,SAAAA,CAACC,UAAkC,EAAA;EAClD,OAAA,CAACA,UAAU,CAACC,QAAQ,IAAID,UAAU,CAACE,IAAI,KAAKC,SAAS;AAArD,CAAqD;AAAA,MAQ1CC,UAAU;EAAA,MAAVA,UAAU,GAAG,SAAAA,CAACC,EAMT,EAAA;IALhB,IAAAC,KAAK,GAAAD,EAAA,CAAAC,KAAA;MACLC,IAAI,UAAA;MACJC,UAAU,GAAAH,EAAA,CAAAG,UAAA;MACVC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;MACdT,UAAU,GAAAU,MAAA,CAAAL,EAAA,EALY,oDAM1B,CADc;IAEb,IAAMM,SAAS,GAAGC,UAAU,CAC1BC,MAAM,CAACC,UAAU,EACjBL,iBAAiB,EACjBD,UAAU,GAAGK,MAAM,CAACL,UAAU,GAAGK,MAAM,CAACE,OAAO,CAChD;IAED,IAAMC,YAAY,GAAGT,IAAI,GACrB;MACEU,QAAQ,eAAEC,KAAG,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EAAAb,IAAI,CAAI;MACrB,YAAY,EAAED;IACf,CAAA,GACD;MAAEW,QAAQ,EAAEX;KAAO;IAEf,IAAAW,QAAQ,GAA0BD,YAAY,CAAtCC,QAAA;MAAKI,gBAAgB,GAAAX,MAAA,CAAKM,YAAY,EAAhD,CAAiC,UAAA,CAAA,CAAF;IAErC,IAAIjB,QAAQ,CAACC,UAAU,CAAC,EAAE;MACxB,oBACEkB,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAAG,QAAA,CAAA;QAAGX,SAAS,EAAEA;MAAS,CAAA,EAAMU,gBAAgB,EAAMrB,UAAU,CAAA,EAC1DiB,QAAQ,CACP;IAEP;IAED,oBACEC,KACE,CAAAC,aAAA,CAAA,QAAA,EAAAG,QAAA,CAAA;MAAAC,IAAI,EAAC,QAAQ;MACbZ,SAAS,EAAEA;IAAS,CAAA,EAChBU,gBAAgB,EAChBrB,UAAU,GAEbiB,QAAQ,CACF;EAEb,CAAC;EAEDb,UAAU,CAACoB,WAAW,GAAG,YAAY;EAAA,OA1CxBpB,UAAU;AAAA;"}

package/dist/esm/Table/Table.mjs

@@ -94,33 +94,33 @@ var TableHeaderRowCell = function (_a) {
   // wrap it elements, depending on what the props dictate.
   var cellContents = /*#__PURE__*/React.createElement("div", {
     className: styles.headerRowCellLabelAndIcons
-  }, icon && /*#__PURE__*/React.createElement("span", {
+  }, icon && ( /*#__PURE__*/React.createElement("span", {
     className: styles.headerRowCellIcon
   }, /*#__PURE__*/cloneElement(icon, {
     title: labelText,
     role: "img"
-  })), checkable && /*#__PURE__*/React.createElement("div", {
+  }))), checkable && ( /*#__PURE__*/React.createElement("div", {
     className: styles.headerRowCellCheckbox
   }, /*#__PURE__*/React.createElement(Checkbox, {
     checkedStatus: checkedStatus,
     onCheck: onCheck
-  })), tooltipInfo != null && !isTooltipIconHidden ? /*#__PURE__*/React.createElement("div", {
+  }))), tooltipInfo != null && !isTooltipIconHidden ? ( /*#__PURE__*/React.createElement("div", {
     className: styles.headerRowCellTooltipIcon
   }, /*#__PURE__*/React.createElement(ExclamationIcon, {
     role: "presentation"
-  })) : null, !icon ? /*#__PURE__*/React.createElement(Heading, {
+  }))) : null, !icon ? ( /*#__PURE__*/React.createElement(Heading, {
     tag: "div",
     variant: "heading-6",
     color: sorting || isHovered ? hoveredHeaderColor : headerColor,
     classNameOverride: styles.headerRowCellLabel
-  }, labelText) : null, (sorting || isHovered && sortingArrowsOnHover) && /*#__PURE__*/React.createElement("div", {
+  }, labelText)) : null, (sorting || isHovered && sortingArrowsOnHover) && ( /*#__PURE__*/React.createElement("div", {
     className: classnames(align === "center" && styles.headerRowCellIconAlignCenter, align === "end" && styles.headerRowCellIconAlignEnd, reversed && styles.whiteText)
-  }, sorting === "ascending" || sortingArrowsOnHover === "ascending" ? /*#__PURE__*/React.createElement(SortAscendingIcon, {
+  }, sorting === "ascending" || sortingArrowsOnHover === "ascending" ? ( /*#__PURE__*/React.createElement(SortAscendingIcon, {
     role: "presentation"
-  }) : /*#__PURE__*/React.createElement(SortDescendingIcon, {
+  })) : ( /*#__PURE__*/React.createElement(SortDescendingIcon, {
     role: "presentation"
-  })));
-  cellContents = href ? /*#__PURE__*/React.createElement("a", {
+  })))));
+  cellContents = href ? ( /*#__PURE__*/React.createElement("a", {
     className: classnames(styles.headerRowCellButton, reversed && styles.headerRowCellButtonReversed),
     href: href,
     onClick: onClick,
@@ -136,7 +136,7 @@ var TableHeaderRowCell = function (_a) {
     onBlur: function () {
       return updateHoverState(false);
     }
-  }, cellContents) : onClick ? /*#__PURE__*/React.createElement("button", {
+  }, cellContents)) : onClick ? ( /*#__PURE__*/React.createElement("button", {
     type: "button",
     className: classnames(styles.headerRowCellButton, reversed && styles.headerRowCellButtonReversed),
     onClick: onClick,
@@ -152,26 +152,26 @@ var TableHeaderRowCell = function (_a) {
     onBlur: function () {
       return updateHoverState(false);
     }
-  }, cellContents) :
+  }, cellContents)) : (
   /*#__PURE__*/
   // This div wrapper probably isn't needed, but it's a bit easier
   // for this flex positioning, to have the dom tree depth match for
   // each permutation.
   React.createElement("div", {
     className: styles.headerRowCellNoButton
-  }, cellContents);
-  cellContents = tooltipInfo != null ? /*#__PURE__*/React.createElement(Tooltip, {
+  }, cellContents));
+  cellContents = tooltipInfo != null ? ( /*#__PURE__*/React.createElement(Tooltip, {
     animationDuration: 0,
     classNameOverride: styles.headerRowCellTooltip,
     text: tooltipInfo,
     portalSelector: tooltipPortalSelector
-  }, cellContents) :
+  }, cellContents)) : (
   /*#__PURE__*/
   // Again, this wrapper is just to make the dom tree consistent between
   // different permutations.
   React.createElement("div", {
     className: styles.headerRowCellTooltip
-  }, cellContents);
+  }, cellContents));
   return /*#__PURE__*/React.createElement("div", __assign({
     className: classnames(styles.headerRowCell, wrapping === "nowrap" && styles.headerRowCellNoWrap, align === "center" && styles.headerRowCellAlignCenter, align === "end" && styles.headerRowCellAlignEnd, sorting && styles.headerRowCellActive, classNameOverride),
     style: {
@@ -193,17 +193,17 @@ var TableCard = function (_a) {
     classNameOverride = _a.classNameOverride,
     otherProps = __rest(_a, ["children", "expanded", "expandedStyle", "onClick", "href", "forceHoverState", "classNameOverride"]);
   var className = classnames(styles.card, expanded && styles.expanded, expanded && styles[expandedStyle], (forceHoverState || onClick != null || href != null) && styles.hasHoverState, classNameOverride);
-  return href != null ? /*#__PURE__*/React.createElement("a", __assign({
+  return href != null ? ( /*#__PURE__*/React.createElement("a", __assign({
     href: href,
     className: className,
     onClick: onClick
-  }, otherProps), children) : onClick ? /*#__PURE__*/React.createElement("button", __assign({
+  }, otherProps), children)) : onClick ? ( /*#__PURE__*/React.createElement("button", __assign({
     type: "button",
     className: className,
     onClick: onClick
-  }, otherProps), children) : /*#__PURE__*/React.createElement("div", __assign({
+  }, otherProps), children)) : ( /*#__PURE__*/React.createElement("div", __assign({
     className: className
-  }, otherProps), children);
+  }, otherProps), children));
 };
 var TableRow = function (_a) {
   var children = _a.children,
@@ -221,7 +221,7 @@ var TableRowCell = function (_a) {
     href = _a.href,
     classNameOverride = _a.classNameOverride,
     otherProps = __rest(_a, ["children", "width", "flex", "href", "classNameOverride"]);
-  return href != null ? /*#__PURE__*/React.createElement("a", __assign({
+  return href != null ? ( /*#__PURE__*/React.createElement("a", __assign({
     // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
     role: "cell",
     style: {
@@ -230,14 +230,14 @@ var TableRowCell = function (_a) {
     },
     className: classnames(styles.rowCell, classNameOverride),
     href: href
-  }, otherProps), children) : /*#__PURE__*/React.createElement("div", __assign({
+  }, otherProps), children)) : ( /*#__PURE__*/React.createElement("div", __assign({
     role: "cell",
     style: {
       width: ratioToPercent(width),
       flex: flex
     },
     className: classnames(styles.rowCell, classNameOverride)
-  }, otherProps), children);
+  }, otherProps), children));
 };
 export { TableCard, TableContainer, TableHeader, TableHeaderRowCell, TableRow, TableRowCell };
 //# sourceMappingURL=Table.mjs.map

package/dist/esm/Table/Table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Table.mjs","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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"}
+{"version":3,"file":"Table.mjs","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/esm/Tabs/subcomponents/Tab.mjs

@@ -43,11 +43,11 @@ var Tab = function (props) {
     onMouseLeave: function () {
       return setIsHovered(false);
     }
-  }, restProps), children, badge && /*#__PURE__*/React.createElement("span", {
+  }, restProps), children, badge && ( /*#__PURE__*/React.createElement("span", {
     className: styles.badge
   }, /*#__PURE__*/React.createElement(Badge, {
     variant: showActiveBadge ? "active" : "default"
-  }, badge)));
+  }, badge))));
 };
 export { Tab };
 //# sourceMappingURL=Tab.mjs.map

package/dist/esm/Tabs/subcomponents/Tab.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.mjs","sources":["../../../../src/Tabs/subcomponents/Tab.tsx"],"sourcesContent":["import React, {\n  HTMLAttributes,\n  ReactNode,\n  useState,\n  SyntheticEvent,\n} from \"react\"\nimport { Tab as ReachTab } from \"@reach/tabs\"\nimport classnames from \"classnames\"\nimport { Badge } from \"~components/Badge\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Tab.module.scss\"\n\nexport type TabProps = {\n  /**\n   * Gets injected by TabList, no need to specify yourself\n   */\n  isSelected?: boolean\n  /**\n   * Adds a Kaizen Badge component to the tab.\n   * Comes with some logic baked in - changes variant based on active/focus/hover state.\n   */\n  badge?: string\n  disabled?: boolean\n  children: ReactNode\n  onBlur?: (e: SyntheticEvent) => void\n  onFocus?: (e: SyntheticEvent) => void\n} & OverrideClassName<\n  Omit<\n    HTMLAttributes<HTMLButtonElement>,\n    // These props are used in the component internals, but could be extended if needed\n    \"onFocus\" | \"onBlur\" | \"onMouseEnter\" | \"onMouseLeave\"\n  >\n>\n\n/**\n * A tab button\n */\nexport const Tab = (props: TabProps): JSX.Element => {\n  const {\n    isSelected,\n    badge,\n    disabled,\n    children,\n    classNameOverride,\n    ...restProps\n  } = props\n  const [isHovered, setIsHovered] = useState<boolean>(false)\n  const [isFocused, setIsFocused] = useState<boolean>(false)\n  const showActiveBadge = isSelected || isHovered || isFocused\n\n  const onFocus = (event: SyntheticEvent): void => {\n    setIsFocused(true)\n    props.onFocus?.(event)\n  }\n\n  const onBlur = (event: SyntheticEvent): void => {\n    setIsFocused(false)\n    props.onBlur?.(event)\n  }\n\n  return (\n    <ReachTab\n      disabled={disabled}\n      className={classnames(\n        styles.tab,\n        classNameOverride,\n        isSelected && styles.selected\n      )}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onMouseEnter={(): void => setIsHovered(true)}\n      onMouseLeave={(): void => setIsHovered(false)}\n      {...restProps}\n    >\n      {children}\n      {badge && (\n        <span className={styles.badge}>\n          <Badge variant={showActiveBadge ? \"active\" : \"default\"}>\n            {badge}\n          </Badge>\n        </span>\n      )}\n    </ReachTab>\n  )\n}\n"],"names":["Tab","props","isSelected","badge","disabled","children","classNameOverride","restProps","__rest","_a","useState","isHovered","setIsHovered","_b","isFocused","setIsFocused","showActiveBadge","onFocus","event","call","onBlur","React","createElement","ReachTab","__assign","className","classnames","styles","tab","selected","onMouseEnter","onMouseLeave","Badge","variant"],"mappings":";;;;;;;AAkCA;;AAEG;AACI,IAAMA,GAAG,GAAG,SAAAA,CAACC,KAAe,EAAA;EAE/B,IAAAC,UAAU,GAMRD,KAAK,CAAAC,UANG;IACVC,KAAK,GAKHF,KAAK,CALFE,KAAA;IACLC,QAAQ,GAINH,KAAK,CAJCG,QAAA;IACRC,QAAQ,GAGNJ,KAAK,CAAAI,QAHC;IACRC,iBAAiB,GAEfL,KAAK,CAAAK,iBAFU;IACdC,SAAS,GACVC,MAAA,CAAAP,KAAK,EAPH,CAAA,YAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,mBAAA,CAOL,CADa;EAER,IAAAQ,EAAA,GAA4BC,QAAQ,CAAU,KAAK,CAAC;IAAnDC,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAA;IAAEG,YAAY,GAAAH,EAAA,CAAA,CAAA,CAA4B;EACpD,IAAAI,EAAA,GAA4BH,QAAQ,CAAU,KAAK,CAAC;IAAnDI,SAAS,GAAAD,EAAA,CAAA,CAAA,CAAA;IAAEE,YAAY,GAAAF,EAAA,CAAA,CAAA,CAA4B;EAC1D,IAAMG,eAAe,GAAGd,UAAU,IAAIS,SAAS,IAAIG,SAAS;EAE5D,IAAMG,OAAO,GAAG,SAAAA,CAACC,KAAqB,EAAA;;IACpCH,YAAY,CAAC,IAAI,CAAC;IAClB,CAAAN,EAAA,GAAAR,KAAK,CAACgB,OAAO,MAAG,IAAA,IAAAR,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAU,IAAA,CAAAlB,KAAA,EAAAiB,KAAK,CAAC;EACxB,CAAC;EAED,IAAME,MAAM,GAAG,SAAAA,CAACF,KAAqB,EAAA;;IACnCH,YAAY,CAAC,KAAK,CAAC;IACnB,CAAAN,EAAA,GAAAR,KAAK,CAACmB,MAAM,MAAG,IAAA,IAAAX,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAU,IAAA,CAAAlB,KAAA,EAAAiB,KAAK,CAAC;EACvB,CAAC;EAED,oBACEG,KAAC,CAAAC,aAAA,CAAAC,KAAQ,EACPC,QAAA,CAAA;IAAApB,QAAQ,EAAEA,QAAQ;IAClBqB,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,GAAG,EACVtB,iBAAiB,EACjBJ,UAAU,IAAIyB,MAAM,CAACE,QAAQ,CAC9B;IACDZ,OAAO,EAAEA,OAAO;IAChBG,MAAM,EAAEA,MAAM;IACdU,YAAY,EAAE,SAAAA,CAAA,EAAA;MAAY,OAAAlB,YAAY,CAAC,IAAI,CAAC;IAAA,CAAA;IAC5CmB,YAAY,EAAE,SAAAA,CAAA,EAAA;MAAY,OAAAnB,YAAY,CAAC,KAAK,CAAC;IAAA;EAAA,CAAA,EACzCL,SAAS,CAAA,EAEZF,QAAQ,EACRF,KAAK,iBACJkB,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMG,SAAS,EAAEE,MAAM,CAACxB;EAAK,CAAA,eAC3BkB,KAAC,CAAAC,aAAA,CAAAU,KAAK;IAACC,OAAO,EAAEjB,eAAe,GAAG,QAAQ,GAAG;KAC1Cb,KAAK,CACA,CAEX,CACQ;AAEf,CAAA;"}
+{"version":3,"file":"Tab.mjs","sources":["../../../../src/Tabs/subcomponents/Tab.tsx"],"sourcesContent":["import React, {\n  HTMLAttributes,\n  ReactNode,\n  useState,\n  SyntheticEvent,\n} from \"react\"\nimport { Tab as ReachTab } from \"@reach/tabs\"\nimport classnames from \"classnames\"\nimport { Badge } from \"~components/Badge\"\nimport { OverrideClassName } from \"~types/OverrideClassName\"\nimport styles from \"./Tab.module.scss\"\n\nexport type TabProps = {\n  /**\n   * Gets injected by TabList, no need to specify yourself\n   */\n  isSelected?: boolean\n  /**\n   * Adds a Kaizen Badge component to the tab.\n   * Comes with some logic baked in - changes variant based on active/focus/hover state.\n   */\n  badge?: string\n  disabled?: boolean\n  children: ReactNode\n  onBlur?: (e: SyntheticEvent) => void\n  onFocus?: (e: SyntheticEvent) => void\n} & OverrideClassName<\n  Omit<\n    HTMLAttributes<HTMLButtonElement>,\n    // These props are used in the component internals, but could be extended if needed\n    \"onFocus\" | \"onBlur\" | \"onMouseEnter\" | \"onMouseLeave\"\n  >\n>\n\n/**\n * A tab button\n */\nexport const Tab = (props: TabProps): JSX.Element => {\n  const {\n    isSelected,\n    badge,\n    disabled,\n    children,\n    classNameOverride,\n    ...restProps\n  } = props\n  const [isHovered, setIsHovered] = useState<boolean>(false)\n  const [isFocused, setIsFocused] = useState<boolean>(false)\n  const showActiveBadge = isSelected || isHovered || isFocused\n\n  const onFocus = (event: SyntheticEvent): void => {\n    setIsFocused(true)\n    props.onFocus?.(event)\n  }\n\n  const onBlur = (event: SyntheticEvent): void => {\n    setIsFocused(false)\n    props.onBlur?.(event)\n  }\n\n  return (\n    <ReachTab\n      disabled={disabled}\n      className={classnames(\n        styles.tab,\n        classNameOverride,\n        isSelected && styles.selected\n      )}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onMouseEnter={(): void => setIsHovered(true)}\n      onMouseLeave={(): void => setIsHovered(false)}\n      {...restProps}\n    >\n      {children}\n      {badge && (\n        <span className={styles.badge}>\n          <Badge variant={showActiveBadge ? \"active\" : \"default\"}>\n            {badge}\n          </Badge>\n        </span>\n      )}\n    </ReachTab>\n  )\n}\n"],"names":["Tab","props","isSelected","badge","disabled","children","classNameOverride","restProps","__rest","_a","useState","isHovered","setIsHovered","_b","isFocused","setIsFocused","showActiveBadge","onFocus","event","call","onBlur","React","createElement","ReachTab","__assign","className","classnames","styles","tab","selected","onMouseEnter","onMouseLeave","Badge","variant"],"mappings":";;;;;;;AAkCA;;AAEG;AACI,IAAMA,GAAG,GAAG,SAAAA,CAACC,KAAe,EAAA;EAE/B,IAAAC,UAAU,GAMRD,KAAK,CAAAC,UANG;IACVC,KAAK,GAKHF,KAAK,CALFE,KAAA;IACLC,QAAQ,GAINH,KAAK,CAJCG,QAAA;IACRC,QAAQ,GAGNJ,KAAK,CAAAI,QAHC;IACRC,iBAAiB,GAEfL,KAAK,CAAAK,iBAFU;IACdC,SAAS,GACVC,MAAA,CAAAP,KAAK,EAPH,CAAA,YAAA,EAAA,OAAA,EAAA,UAAA,EAAA,UAAA,EAAA,mBAAA,CAOL,CADa;EAER,IAAAQ,EAAA,GAA4BC,QAAQ,CAAU,KAAK,CAAC;IAAnDC,SAAS,GAAAF,EAAA,CAAA,CAAA,CAAA;IAAEG,YAAY,GAAAH,EAAA,CAAA,CAAA,CAA4B;EACpD,IAAAI,EAAA,GAA4BH,QAAQ,CAAU,KAAK,CAAC;IAAnDI,SAAS,GAAAD,EAAA,CAAA,CAAA,CAAA;IAAEE,YAAY,GAAAF,EAAA,CAAA,CAAA,CAA4B;EAC1D,IAAMG,eAAe,GAAGd,UAAU,IAAIS,SAAS,IAAIG,SAAS;EAE5D,IAAMG,OAAO,GAAG,SAAAA,CAACC,KAAqB,EAAA;;IACpCH,YAAY,CAAC,IAAI,CAAC;IAClB,CAAAN,EAAA,GAAAR,KAAK,CAACgB,OAAO,MAAG,IAAA,IAAAR,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAU,IAAA,CAAAlB,KAAA,EAAAiB,KAAK,CAAC;EACxB,CAAC;EAED,IAAME,MAAM,GAAG,SAAAA,CAACF,KAAqB,EAAA;;IACnCH,YAAY,CAAC,KAAK,CAAC;IACnB,CAAAN,EAAA,GAAAR,KAAK,CAACmB,MAAM,MAAG,IAAA,IAAAX,EAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,EAAA,CAAAU,IAAA,CAAAlB,KAAA,EAAAiB,KAAK,CAAC;EACvB,CAAC;EAED,oBACEG,KAAC,CAAAC,aAAA,CAAAC,KAAQ,EACPC,QAAA,CAAA;IAAApB,QAAQ,EAAEA,QAAQ;IAClBqB,SAAS,EAAEC,UAAU,CACnBC,MAAM,CAACC,GAAG,EACVtB,iBAAiB,EACjBJ,UAAU,IAAIyB,MAAM,CAACE,QAAQ,CAC9B;IACDZ,OAAO,EAAEA,OAAO;IAChBG,MAAM,EAAEA,MAAM;IACdU,YAAY,EAAE,SAAAA,CAAA,EAAA;MAAY,OAAAlB,YAAY,CAAC,IAAI,CAAC;IAAA,CAAA;IAC5CmB,YAAY,EAAE,SAAAA,CAAA,EAAA;MAAY,OAAAnB,YAAY,CAAC,KAAK,CAAC;IAAA;EAAA,CAAA,EACzCL,SAAS,CAAA,EAEZF,QAAQ,EACRF,KAAK,mBACJkB,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IAAMG,SAAS,EAAEE,MAAM,CAACxB;EAAK,CAAA,eAC3BkB,KAAC,CAAAC,aAAA,CAAAU,KAAK;IAACC,OAAO,EAAEjB,eAAe,GAAG,QAAQ,GAAG;KAC1Cb,KAAK,CACA,CACH,CACR,CACQ;AAEf,CAAA;"}

package/dist/esm/Tag/Tag.mjs

@@ -14,9 +14,9 @@ var isJSXElement = function (imageElementOrAvatarProps) {
   return "props" in imageElementOrAvatarProps;
 };
 var renderAvatar = function (imageElementOrAvatarProps) {
-  return isJSXElement(imageElementOrAvatarProps) ? /*#__PURE__*/React.createElement(React.Fragment, null, imageElementOrAvatarProps) : /*#__PURE__*/React.createElement(Avatar, __assign({}, imageElementOrAvatarProps, {
+  return isJSXElement(imageElementOrAvatarProps) ? ( /*#__PURE__*/React.createElement(React.Fragment, null, imageElementOrAvatarProps)) : ( /*#__PURE__*/React.createElement(Avatar, __assign({}, imageElementOrAvatarProps, {
     size: "small"
-  }));
+  })));
 };
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928978/Tags Guidance} |
@@ -40,7 +40,7 @@ const Tag = /*#__PURE__*/function () {
     var isTruncated = truncateWidth && truncateWidth > 0;
     var canShowIcon = size === "medium";
     return /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.root, styles[variant], variant === "profile" && styles["default"], styles[size], inline && styles.inline, dismissible && styles.dismissible)
+      className: classnames(styles.root, styles[variant], variant === "profile" && styles.default, styles[size], inline && styles.inline, dismissible && styles.dismissible)
     }, /*#__PURE__*/React.createElement("div", {
       className: styles.layoutContainer
     }, /*#__PURE__*/React.createElement(React.Fragment, null, canShowIcon && function () {
@@ -81,7 +81,7 @@ const Tag = /*#__PURE__*/function () {
       style: {
         maxWidth: isTruncated ? truncateWidth : undefined
       }
-    }, children), dismissible && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
+    }, children), dismissible && ( /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
       type: "button",
       className: styles.dismissButton,
       onClick: onDismiss,
@@ -93,7 +93,7 @@ const Tag = /*#__PURE__*/function () {
       inheritSize: true,
       role: "img",
       "aria-label": "Dismiss"
-    })))), variant === "statusLive" && /*#__PURE__*/React.createElement("span", {
+    }))))), variant === "statusLive" && ( /*#__PURE__*/React.createElement("span", {
       className: styles.liveIcon
     }, /*#__PURE__*/React.createElement(LiveIcon, {
       role: "presentation",
@@ -123,7 +123,7 @@ const Tag = /*#__PURE__*/function () {
       height: "16",
       viewBox: "0 0 16 16",
       fill: "none"
-    })))));
+    }))))));
   };
   Tag.displayName = "Tag";
   return Tag;