@kaizen/components 1.28.0 → 1.29.0

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

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

package/dist/esm/SplitButton/subcomponents/ActionButton/ActionButton.module.scss.mjs.map

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

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

@@ -0,0 +1,38 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import styles from './BaseButton.module.scss.mjs';
+var isAnchor = function (attributes) {
+  return !attributes.disabled && attributes.href !== undefined;
+};
+const BaseButton = /*#__PURE__*/function () {
+  const BaseButton = function (_a) {
+    var label = _a.label,
+      icon = _a.icon,
+      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 contentProps = icon ? {
+      children: /*#__PURE__*/React.createElement(React.Fragment, null, icon),
+      "aria-label": label
+    } : {
+      children: label
+    };
+    var children = contentProps.children,
+      restContentProps = __rest(contentProps, ["children"]);
+    if (isAnchor(attributes)) {
+      return /*#__PURE__*/React.createElement("a", __assign({
+        className: className
+      }, restContentProps, attributes), children);
+    }
+    return /*#__PURE__*/React.createElement("button", __assign({
+      type: "button",
+      className: className
+    }, restContentProps, attributes), children);
+  };
+  BaseButton.displayName = "BaseButton";
+  return BaseButton;
+}();
+export { BaseButton };
+//# sourceMappingURL=BaseButton.mjs.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,7 @@
+var styles = {
+  "baseButton": "BaseButton-module_baseButton__0XYh4",
+  "default": "BaseButton-module_default__6JNZx",
+  "isReversed": "BaseButton-module_isReversed__j8nyW"
+};
+export { styles as default };
+//# sourceMappingURL=BaseButton.module.scss.mjs.map

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

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

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

@@ -0,0 +1,26 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import 'uuid';
+import '../../../Icon/subcomponents/SVG/SVG.mjs';
+import { ChevronDownIcon } from '../../../Icon/ChevronDownIcon.mjs';
+import { BaseButton } from '../BaseButton/BaseButton.mjs';
+import styles from './DropdownButton.module.scss.mjs';
+const DropdownButton = /*#__PURE__*/function () {
+  const DropdownButton = function (_a) {
+    var classNameOverride = _a.classNameOverride,
+      ariaLabel = _a["aria-label"],
+      restProps = __rest(_a, ["classNameOverride", "aria-label"]);
+    return /*#__PURE__*/React.createElement(BaseButton, __assign({
+      label: ariaLabel || "Open menu",
+      icon: /*#__PURE__*/React.createElement(ChevronDownIcon, {
+        role: "presentation"
+      }),
+      classNameOverride: classnames(styles.dropdownButton, classNameOverride)
+    }, restProps));
+  };
+  DropdownButton.displayName = "DropdownButton";
+  return DropdownButton;
+}();
+export { DropdownButton };
+//# sourceMappingURL=DropdownButton.mjs.map

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

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

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

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

package/dist/esm/SplitButton/subcomponents/DropdownButton/DropdownButton.module.scss.mjs.map

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

package/dist/esm/Table/Table.mjs

@@ -0,0 +1,244 @@
+import { __rest, __assign } from 'tslib';
+import React, { cloneElement } from 'react';
+import classnames from 'classnames';
+import { Tooltip } from '@kaizen/draft-tooltip';
+import { Checkbox } from '../Checkbox/Checkbox/Checkbox.mjs';
+import '../Checkbox/CheckboxField/CheckboxField.mjs';
+import '../Checkbox/CheckboxGroup/CheckboxGroup.mjs';
+import { Heading } from '../Heading/Heading.mjs';
+import 'uuid';
+import '../Icon/subcomponents/SVG/SVG.mjs';
+import { ExclamationIcon } from '../Icon/ExclamationIcon.mjs';
+import { SortAscendingIcon } from '../Icon/SortAscendingIcon.mjs';
+import { SortDescendingIcon } from '../Icon/SortDescendingIcon.mjs';
+import styles from './Table.module.scss.mjs';
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081929256/Table Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-table--docs Storybook}
+ */
+var TableContainer = function (_a) {
+  var _b = _a.variant,
+    variant = _b === void 0 ? "compact" : _b,
+    children = _a.children,
+    otherProps = __rest(_a, ["variant", "children"]);
+  return /*#__PURE__*/React.createElement("div", __assign({
+    role: "table",
+    className: classnames(styles.container, variant === "default" && styles.defaultSpacing, variant === "data" && styles.dataVariant)
+  }, otherProps), children);
+};
+var TableHeader = function (_a) {
+  var children = _a.children,
+    otherProps = __rest(_a, ["children"]);
+  return /*#__PURE__*/React.createElement("div", __assign({
+    role: "rowgroup"
+  }, otherProps), children);
+};
+var ratioToPercent = function (width) {
+  return width != null ? "".concat(width * 100, "%") : width;
+};
+var TableHeaderRowCell = function (_a) {
+  var labelText = _a.labelText,
+    onClick = _a.onClick,
+    href = _a.href,
+    width = _a.width,
+    flex = _a.flex,
+    icon = _a.icon,
+    checkable = _a.checkable,
+    checkedStatus = _a.checkedStatus,
+    onCheck = _a.onCheck,
+    reversed = _a.reversed,
+    sortingRaw = _a.sorting,
+    // I can't say for certain why "nowrap" was the default value. Normally you wouldn't
+    // want to clip off information because it doesn't fit on one line.
+    // My assumption is that because since the cell width rows are decoupled, a heading
+    // cell with a word longer than the column width would push the columns out of
+    // alignment? I'm not sure.
+    // Anyway, we can override this default behaviour by setting wrapping to "wrap".
+    _b = _a.wrapping,
+    // I can't say for certain why "nowrap" was the default value. Normally you wouldn't
+    // want to clip off information because it doesn't fit on one line.
+    // My assumption is that because since the cell width rows are decoupled, a heading
+    // cell with a word longer than the column width would push the columns out of
+    // alignment? I'm not sure.
+    // Anyway, we can override this default behaviour by setting wrapping to "wrap".
+    wrapping = _b === void 0 ? "nowrap" : _b,
+    _c = _a.align,
+    align = _c === void 0 ? "start" : _c,
+    tooltipInfo = _a.tooltipInfo,
+    // If set, this will hide the tooltip exclamation icon. Useful in situations where
+    // the table header does not have enough space. However, we should always show a
+    // tooltip icon as the default based on design system tooltip guidelines.
+    _d = _a.isTooltipIconHidden,
+    // If set, this will hide the tooltip exclamation icon. Useful in situations where
+    // the table header does not have enough space. However, we should always show a
+    // tooltip icon as the default based on design system tooltip guidelines.
+    isTooltipIconHidden = _d === void 0 ? false : _d,
+    tooltipPortalSelector = _a.tooltipPortalSelector,
+    // If set, this will show the arrow in the direction provided
+    // when the header cell is hovered over.
+    sortingArrowsOnHover = _a.sortingArrowsOnHover,
+    classNameOverride = _a.classNameOverride,
+    // There aren't any other props in the type definition, so I'm unsure why we
+    // have this spread.
+    otherProps = __rest(_a, ["labelText", "onClick", "href", "width", "flex", "icon", "checkable", "checkedStatus", "onCheck", "reversed", "sorting", "wrapping", "align", "tooltipInfo", "isTooltipIconHidden", "tooltipPortalSelector", "sortingArrowsOnHover", "classNameOverride"]);
+  var sorting = sortingRaw;
+  var _e = React.useState(false),
+    isHovered = _e[0],
+    setIsHovered = _e[1];
+  var updateHoverState = function (hoverState) {
+    if (sortingArrowsOnHover && hoverState != isHovered) setIsHovered(hoverState);
+  };
+  var headerColor = !!reversed ? "white-reduced-opacity" : "dark-reduced-opacity";
+  var hoveredHeaderColor = !!reversed ? "white" : "dark";
+  // For this "cellContents" variable, we start at the inner most child, and
+  // wrap it elements, depending on what the props dictate.
+  var cellContents = /*#__PURE__*/React.createElement("div", {
+    className: styles.headerRowCellLabelAndIcons
+  }, icon && /*#__PURE__*/React.createElement("span", {
+    className: styles.headerRowCellIcon
+  }, /*#__PURE__*/cloneElement(icon, {
+    title: labelText,
+    role: "img"
+  })), checkable && /*#__PURE__*/React.createElement("div", {
+    className: styles.headerRowCellCheckbox
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    checkedStatus: checkedStatus,
+    onCheck: onCheck
+  })), tooltipInfo != null && !isTooltipIconHidden ? /*#__PURE__*/React.createElement("div", {
+    className: styles.headerRowCellTooltipIcon
+  }, /*#__PURE__*/React.createElement(ExclamationIcon, {
+    role: "presentation"
+  })) : 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", {
+    className: classnames(align === "center" && styles.headerRowCellIconAlignCenter, align === "end" && styles.headerRowCellIconAlignEnd, reversed && styles.whiteText)
+  }, sorting === "ascending" || sortingArrowsOnHover === "ascending" ? /*#__PURE__*/React.createElement(SortAscendingIcon, {
+    role: "presentation"
+  }) : /*#__PURE__*/React.createElement(SortDescendingIcon, {
+    role: "presentation"
+  })));
+  cellContents = href ? /*#__PURE__*/React.createElement("a", {
+    className: classnames(styles.headerRowCellButton, reversed && styles.headerRowCellButtonReversed),
+    href: href,
+    onClick: onClick,
+    onMouseEnter: function () {
+      return updateHoverState(true);
+    },
+    onFocus: function () {
+      return updateHoverState(true);
+    },
+    onMouseLeave: function () {
+      return updateHoverState(false);
+    },
+    onBlur: function () {
+      return updateHoverState(false);
+    }
+  }, cellContents) : onClick ? /*#__PURE__*/React.createElement("button", {
+    type: "button",
+    className: classnames(styles.headerRowCellButton, reversed && styles.headerRowCellButtonReversed),
+    onClick: onClick,
+    onMouseEnter: function () {
+      return updateHoverState(true);
+    },
+    onFocus: function () {
+      return updateHoverState(true);
+    },
+    onMouseLeave: function () {
+      return updateHoverState(false);
+    },
+    onBlur: function () {
+      return updateHoverState(false);
+    }
+  }, 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, {
+    animationDuration: 0,
+    classNameOverride: styles.headerRowCellTooltip,
+    text: tooltipInfo,
+    portalSelector: tooltipPortalSelector
+  }, cellContents) :
+  /*#__PURE__*/
+  // Again, this wrapper is just to make the dom tree consistent between
+  // different permutations.
+  React.createElement("div", {
+    className: styles.headerRowCellTooltip
+  }, 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: {
+      width: ratioToPercent(width),
+      flex: flex
+    },
+    role: "columnheader"
+  }, otherProps), cellContents);
+};
+var TableCard = function (_a) {
+  var children = _a.children,
+    expanded = _a.expanded,
+    _b = _a.expandedStyle,
+    expandedStyle = _b === void 0 ? "well" : _b,
+    onClick = _a.onClick,
+    href = _a.href,
+    _c = _a.forceHoverState,
+    forceHoverState = _c === void 0 ? false : _c,
+    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({
+    href: href,
+    className: className,
+    onClick: onClick
+  }, otherProps), children) : onClick ? /*#__PURE__*/React.createElement("button", __assign({
+    type: "button",
+    className: className,
+    onClick: onClick
+  }, otherProps), children) : /*#__PURE__*/React.createElement("div", __assign({
+    className: className
+  }, otherProps), children);
+};
+var TableRow = function (_a) {
+  var children = _a.children,
+    classNameOverride = _a.classNameOverride,
+    otherProps = __rest(_a, ["children", "classNameOverride"]);
+  return /*#__PURE__*/React.createElement("div", __assign({
+    className: classnames(styles.row, classNameOverride),
+    role: "row"
+  }, otherProps), children);
+};
+var TableRowCell = function (_a) {
+  var children = _a.children,
+    width = _a.width,
+    flex = _a.flex,
+    href = _a.href,
+    classNameOverride = _a.classNameOverride,
+    otherProps = __rest(_a, ["children", "width", "flex", "href", "classNameOverride"]);
+  return href != null ? /*#__PURE__*/React.createElement("a", __assign({
+    // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
+    role: "cell",
+    style: {
+      width: ratioToPercent(width),
+      flex: flex
+    },
+    className: classnames(styles.rowCell, classNameOverride),
+    href: href
+  }, otherProps), children) : /*#__PURE__*/React.createElement("div", __assign({
+    role: "cell",
+    style: {
+      width: ratioToPercent(width),
+      flex: flex
+    },
+    className: classnames(styles.rowCell, classNameOverride)
+  }, otherProps), children);
+};
+export { TableCard, TableContainer, TableHeader, TableHeaderRowCell, TableRow, TableRowCell };
+//# sourceMappingURL=Table.mjs.map

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

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

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

@@ -0,0 +1,31 @@
+var styles = {
+  "container": "Table-module_container__w-zFG",
+  "headerRowCell": "Table-module_headerRowCell__kW0YN",
+  "headerRowCellNoWrap": "Table-module_headerRowCellNoWrap__BSuzX",
+  "headerRowCellLabel": "Table-module_headerRowCellLabel__5v6m8",
+  "headerRowCellAlignCenter": "Table-module_headerRowCellAlignCenter__cobEI",
+  "headerRowCellAlignEnd": "Table-module_headerRowCellAlignEnd__dQOOQ",
+  "headerRowCellCheckbox": "Table-module_headerRowCellCheckbox__CdMiY",
+  "headerRowCellTooltip": "Table-module_headerRowCellTooltip__uzbpY",
+  "headerRowCellButton": "Table-module_headerRowCellButton__uikM7",
+  "headerRowCellButtonReversed": "Table-module_headerRowCellButtonReversed__uk87N",
+  "headerRowCellNoButton": "Table-module_headerRowCellNoButton__dqf1B",
+  "headerRowCellLabelAndIcons": "Table-module_headerRowCellLabelAndIcons__OCCVi",
+  "headerRowCellTooltipIcon": "Table-module_headerRowCellTooltipIcon__X0ETJ",
+  "headerRowCellIcon": "Table-module_headerRowCellIcon__gB3zI",
+  "headerRowCellActive": "Table-module_headerRowCellActive__wshmg",
+  "card": "Table-module_card__RGyjC",
+  "well": "Table-module_well__xQmO5",
+  "row": "Table-module_row__GYSl1",
+  "popout": "Table-module_popout__PeAVV",
+  "expanded": "Table-module_expanded__dasr3",
+  "hasHoverState": "Table-module_hasHoverState__u5n3E",
+  "rowCell": "Table-module_rowCell__A5-2R",
+  "defaultSpacing": "Table-module_defaultSpacing__zq1Ci",
+  "dataVariant": "Table-module_dataVariant__vBOag",
+  "rowCellAlignCenter": "Table-module_rowCellAlignCenter__apkoC",
+  "rowCellAlignEnd": "Table-module_rowCellAlignEnd__qZfa1",
+  "whiteText": "Table-module_whiteText__4f-q5"
+};
+export { styles as default };
+//# sourceMappingURL=Table.module.scss.mjs.map

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

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

package/dist/esm/Tag/Tag.mjs

@@ -0,0 +1,133 @@
+import { __assign } from 'tslib';
+import React from 'react';
+import classnames from 'classnames';
+import { Avatar } from '../Avatar/Avatar.mjs';
+import 'uuid';
+import '../Icon/subcomponents/SVG/SVG.mjs';
+import { CautionIcon } from '../Icon/CautionIcon.mjs';
+import { ClearIcon } from '../Icon/ClearIcon.mjs';
+import { ExclamationIcon } from '../Icon/ExclamationIcon.mjs';
+import { InformationIcon } from '../Icon/InformationIcon.mjs';
+import { LiveIcon } from '../Icon/LiveIcon.mjs';
+import { SuccessIcon } from '../Icon/SuccessIcon.mjs';
+import styles from './Tag.module.scss.mjs';
+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, {
+    size: "small"
+  }));
+};
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081928978/Tags Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-tag--docs Storybook}
+ */
+const Tag = /*#__PURE__*/function () {
+  const Tag = function (props) {
+    var children = props.children,
+      _a = props.variant,
+      variant = _a === void 0 ? "default" : _a,
+      _b = props.size,
+      size = _b === void 0 ? "medium" : _b,
+      _c = props.inline,
+      inline = _c === void 0 ? false : _c,
+      _d = props.dismissible,
+      dismissible = _d === void 0 ? false : _d,
+      onDismiss = props.onDismiss,
+      onMouseDown = props.onMouseDown,
+      onMouseLeave = props.onMouseLeave,
+      truncateWidth = props.truncateWidth;
+    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)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.layoutContainer
+    }, /*#__PURE__*/React.createElement(React.Fragment, null, canShowIcon && function () {
+      switch (props.variant) {
+        case "validationPositive":
+          return /*#__PURE__*/React.createElement("span", {
+            className: styles.validationIcon
+          }, /*#__PURE__*/React.createElement(SuccessIcon, {
+            role: "presentation"
+          }));
+        case "validationNegative":
+          return /*#__PURE__*/React.createElement("span", {
+            className: styles.validationIcon
+          }, /*#__PURE__*/React.createElement(ExclamationIcon, {
+            role: "presentation"
+          }));
+        case "validationCautionary":
+          return /*#__PURE__*/React.createElement("span", {
+            className: styles.validationIcon
+          }, /*#__PURE__*/React.createElement(CautionIcon, {
+            role: "presentation"
+          }));
+        case "validationInformative":
+          return /*#__PURE__*/React.createElement("span", {
+            className: styles.validationIcon
+          }, /*#__PURE__*/React.createElement(InformationIcon, {
+            role: "presentation"
+          }));
+        case "profile":
+          return /*#__PURE__*/React.createElement("span", {
+            className: styles.profile
+          }, props.avatar && renderAvatar(props.avatar));
+        default:
+          return;
+      }
+    }(), /*#__PURE__*/React.createElement("span", {
+      className: classnames(styles.textContent, isTruncated && styles.truncate),
+      style: {
+        maxWidth: isTruncated ? truncateWidth : undefined
+      }
+    }, children), dismissible && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
+      type: "button",
+      className: styles.dismissButton,
+      onClick: onDismiss,
+      onMouseDown: onMouseDown,
+      onMouseLeave: onMouseLeave
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.iconWrapper
+    }, /*#__PURE__*/React.createElement(ClearIcon, {
+      inheritSize: true,
+      role: "img",
+      "aria-label": "Dismiss"
+    })))), variant === "statusLive" && /*#__PURE__*/React.createElement("span", {
+      className: styles.liveIcon
+    }, /*#__PURE__*/React.createElement(LiveIcon, {
+      role: "presentation",
+      classNameOverride: styles.liveIcon_base,
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement(LiveIcon, {
+      role: "presentation",
+      classNameOverride: styles.liveIcon_1,
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement(LiveIcon, {
+      role: "presentation",
+      classNameOverride: styles.liveIcon_2,
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement(LiveIcon, {
+      role: "presentation",
+      classNameOverride: styles.liveIcon_3,
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none"
+    })))));
+  };
+  Tag.displayName = "Tag";
+  return Tag;
+}();
+export { Tag };
+//# sourceMappingURL=Tag.mjs.map

package/dist/esm/Tag/Tag.mjs.map

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