@kaizen/components 1.27.0 → 1.29.0

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

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

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

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

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

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

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

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

package/dist/cjs/Table/Table.cjs

@@ -0,0 +1,249 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var draftTooltip = require('@kaizen/draft-tooltip');
+var Checkbox = require('../Checkbox/Checkbox/Checkbox.cjs');
+require('../Checkbox/CheckboxField/CheckboxField.cjs');
+require('../Checkbox/CheckboxGroup/CheckboxGroup.cjs');
+var Heading = require('../Heading/Heading.cjs');
+require('uuid');
+require('../Icon/subcomponents/SVG/SVG.cjs');
+var ExclamationIcon = require('../Icon/ExclamationIcon.cjs');
+var SortAscendingIcon = require('../Icon/SortAscendingIcon.cjs');
+var SortDescendingIcon = require('../Icon/SortDescendingIcon.cjs');
+var Table_module = require('./Table.module.scss.cjs');
+
+/**
+ * {@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 = tslib.__rest(_a, ["variant", "children"]);
+  return React.createElement("div", tslib.__assign({
+    role: "table",
+    className: classnames(Table_module.container, variant === "default" && Table_module.defaultSpacing, variant === "data" && Table_module.dataVariant)
+  }, otherProps), children);
+};
+var TableHeader = function (_a) {
+  var children = _a.children,
+    otherProps = tslib.__rest(_a, ["children"]);
+  return React.createElement("div", tslib.__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 = tslib.__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 = React.createElement("div", {
+    className: Table_module.headerRowCellLabelAndIcons
+  }, icon && React.createElement("span", {
+    className: Table_module.headerRowCellIcon
+  }, React.cloneElement(icon, {
+    title: labelText,
+    role: "img"
+  })), checkable && React.createElement("div", {
+    className: Table_module.headerRowCellCheckbox
+  }, React.createElement(Checkbox.Checkbox, {
+    checkedStatus: checkedStatus,
+    onCheck: onCheck
+  })), tooltipInfo != null && !isTooltipIconHidden ? React.createElement("div", {
+    className: Table_module.headerRowCellTooltipIcon
+  }, React.createElement(ExclamationIcon.ExclamationIcon, {
+    role: "presentation"
+  })) : null, !icon ? React.createElement(Heading.Heading, {
+    tag: "div",
+    variant: "heading-6",
+    color: sorting || isHovered ? hoveredHeaderColor : headerColor,
+    classNameOverride: Table_module.headerRowCellLabel
+  }, labelText) : null, (sorting || isHovered && sortingArrowsOnHover) && React.createElement("div", {
+    className: classnames(align === "center" && Table_module.headerRowCellIconAlignCenter, align === "end" && Table_module.headerRowCellIconAlignEnd, reversed && Table_module.whiteText)
+  }, sorting === "ascending" || sortingArrowsOnHover === "ascending" ? React.createElement(SortAscendingIcon.SortAscendingIcon, {
+    role: "presentation"
+  }) : React.createElement(SortDescendingIcon.SortDescendingIcon, {
+    role: "presentation"
+  })));
+  cellContents = href ? React.createElement("a", {
+    className: classnames(Table_module.headerRowCellButton, reversed && Table_module.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 ? React.createElement("button", {
+    type: "button",
+    className: classnames(Table_module.headerRowCellButton, reversed && Table_module.headerRowCellButtonReversed),
+    onClick: onClick,
+    onMouseEnter: function () {
+      return updateHoverState(true);
+    },
+    onFocus: function () {
+      return updateHoverState(true);
+    },
+    onMouseLeave: function () {
+      return updateHoverState(false);
+    },
+    onBlur: function () {
+      return updateHoverState(false);
+    }
+  }, cellContents) :
+  // 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: Table_module.headerRowCellNoButton
+  }, cellContents);
+  cellContents = tooltipInfo != null ? React.createElement(draftTooltip.Tooltip, {
+    animationDuration: 0,
+    classNameOverride: Table_module.headerRowCellTooltip,
+    text: tooltipInfo,
+    portalSelector: tooltipPortalSelector
+  }, cellContents) :
+  // Again, this wrapper is just to make the dom tree consistent between
+  // different permutations.
+  React.createElement("div", {
+    className: Table_module.headerRowCellTooltip
+  }, cellContents);
+  return React.createElement("div", tslib.__assign({
+    className: classnames(Table_module.headerRowCell, wrapping === "nowrap" && Table_module.headerRowCellNoWrap, align === "center" && Table_module.headerRowCellAlignCenter, align === "end" && Table_module.headerRowCellAlignEnd, sorting && Table_module.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 = tslib.__rest(_a, ["children", "expanded", "expandedStyle", "onClick", "href", "forceHoverState", "classNameOverride"]);
+  var className = classnames(Table_module.card, expanded && Table_module.expanded, expanded && Table_module[expandedStyle], (forceHoverState || onClick != null || href != null) && Table_module.hasHoverState, classNameOverride);
+  return href != null ? React.createElement("a", tslib.__assign({
+    href: href,
+    className: className,
+    onClick: onClick
+  }, otherProps), children) : onClick ? React.createElement("button", tslib.__assign({
+    type: "button",
+    className: className,
+    onClick: onClick
+  }, otherProps), children) : React.createElement("div", tslib.__assign({
+    className: className
+  }, otherProps), children);
+};
+var TableRow = function (_a) {
+  var children = _a.children,
+    classNameOverride = _a.classNameOverride,
+    otherProps = tslib.__rest(_a, ["children", "classNameOverride"]);
+  return React.createElement("div", tslib.__assign({
+    className: classnames(Table_module.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 = tslib.__rest(_a, ["children", "width", "flex", "href", "classNameOverride"]);
+  return href != null ? React.createElement("a", tslib.__assign({
+    // eslint-disable-next-line jsx-a11y/no-interactive-element-to-noninteractive-role
+    role: "cell",
+    style: {
+      width: ratioToPercent(width),
+      flex: flex
+    },
+    className: classnames(Table_module.rowCell, classNameOverride),
+    href: href
+  }, otherProps), children) : React.createElement("div", tslib.__assign({
+    role: "cell",
+    style: {
+      width: ratioToPercent(width),
+      flex: flex
+    },
+    className: classnames(Table_module.rowCell, classNameOverride)
+  }, otherProps), children);
+};
+exports.TableCard = TableCard;
+exports.TableContainer = TableContainer;
+exports.TableHeader = TableHeader;
+exports.TableHeaderRowCell = TableHeaderRowCell;
+exports.TableRow = TableRow;
+exports.TableRowCell = TableRowCell;
+//# sourceMappingURL=Table.cjs.map

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

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

package/dist/cjs/Table/Table.module.scss.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+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"
+};
+module.exports = styles;
+//# sourceMappingURL=Table.module.scss.cjs.map

package/dist/cjs/Table/Table.module.scss.cjs.map

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

package/dist/cjs/Tag/Tag.cjs

@@ -0,0 +1,135 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var classnames = require('classnames');
+var Avatar = require('../Avatar/Avatar.cjs');
+require('uuid');
+require('../Icon/subcomponents/SVG/SVG.cjs');
+var CautionIcon = require('../Icon/CautionIcon.cjs');
+var ClearIcon = require('../Icon/ClearIcon.cjs');
+var ExclamationIcon = require('../Icon/ExclamationIcon.cjs');
+var InformationIcon = require('../Icon/InformationIcon.cjs');
+var LiveIcon = require('../Icon/LiveIcon.cjs');
+var SuccessIcon = require('../Icon/SuccessIcon.cjs');
+var Tag_module = require('./Tag.module.scss.cjs');
+var isJSXElement = function (imageElementOrAvatarProps) {
+  return "props" in imageElementOrAvatarProps;
+};
+var renderAvatar = function (imageElementOrAvatarProps) {
+  return isJSXElement(imageElementOrAvatarProps) ? React.createElement(React.Fragment, null, imageElementOrAvatarProps) : React.createElement(Avatar.Avatar, tslib.__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 React.createElement("div", {
+      className: classnames(Tag_module.root, Tag_module[variant], variant === "profile" && Tag_module["default"], Tag_module[size], inline && Tag_module.inline, dismissible && Tag_module.dismissible)
+    }, React.createElement("div", {
+      className: Tag_module.layoutContainer
+    }, React.createElement(React.Fragment, null, canShowIcon && function () {
+      switch (props.variant) {
+        case "validationPositive":
+          return React.createElement("span", {
+            className: Tag_module.validationIcon
+          }, React.createElement(SuccessIcon.SuccessIcon, {
+            role: "presentation"
+          }));
+        case "validationNegative":
+          return React.createElement("span", {
+            className: Tag_module.validationIcon
+          }, React.createElement(ExclamationIcon.ExclamationIcon, {
+            role: "presentation"
+          }));
+        case "validationCautionary":
+          return React.createElement("span", {
+            className: Tag_module.validationIcon
+          }, React.createElement(CautionIcon.CautionIcon, {
+            role: "presentation"
+          }));
+        case "validationInformative":
+          return React.createElement("span", {
+            className: Tag_module.validationIcon
+          }, React.createElement(InformationIcon.InformationIcon, {
+            role: "presentation"
+          }));
+        case "profile":
+          return React.createElement("span", {
+            className: Tag_module.profile
+          }, props.avatar && renderAvatar(props.avatar));
+        default:
+          return;
+      }
+    }(), React.createElement("span", {
+      className: classnames(Tag_module.textContent, isTruncated && Tag_module.truncate),
+      style: {
+        maxWidth: isTruncated ? truncateWidth : undefined
+      }
+    }, children), dismissible && React.createElement(React.Fragment, null, React.createElement("button", {
+      type: "button",
+      className: Tag_module.dismissButton,
+      onClick: onDismiss,
+      onMouseDown: onMouseDown,
+      onMouseLeave: onMouseLeave
+    }, React.createElement("div", {
+      className: Tag_module.iconWrapper
+    }, React.createElement(ClearIcon.ClearIcon, {
+      inheritSize: true,
+      role: "img",
+      "aria-label": "Dismiss"
+    })))), variant === "statusLive" && React.createElement("span", {
+      className: Tag_module.liveIcon
+    }, React.createElement(LiveIcon.LiveIcon, {
+      role: "presentation",
+      classNameOverride: Tag_module.liveIcon_base,
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none"
+    }), React.createElement(LiveIcon.LiveIcon, {
+      role: "presentation",
+      classNameOverride: Tag_module.liveIcon_1,
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none"
+    }), React.createElement(LiveIcon.LiveIcon, {
+      role: "presentation",
+      classNameOverride: Tag_module.liveIcon_2,
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none"
+    }), React.createElement(LiveIcon.LiveIcon, {
+      role: "presentation",
+      classNameOverride: Tag_module.liveIcon_3,
+      width: "16",
+      height: "16",
+      viewBox: "0 0 16 16",
+      fill: "none"
+    })))));
+  };
+  Tag.displayName = "Tag";
+  return Tag;
+}();
+exports.Tag = Tag;
+//# sourceMappingURL=Tag.cjs.map

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

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

package/dist/cjs/Tag/Tag.module.scss.cjs

@@ -0,0 +1,38 @@
+'use strict';
+
+var styles = {
+  "root": "Tag-module_root__uRhoc",
+  "profile": "Tag-module_profile__OoGsS",
+  "layoutContainer": "Tag-module_layoutContainer__pBLSz",
+  "validationIcon": "Tag-module_validationIcon__B-YLv",
+  "textContent": "Tag-module_textContent__q76X-",
+  "iconWrapper": "Tag-module_iconWrapper__aPrKH",
+  "dismissButton": "Tag-module_dismissButton__rHv7r",
+  "background": "Tag-module_background__LkzGB",
+  "truncate": "Tag-module_truncate__5w7HW",
+  "inline": "Tag-module_inline__pPM-d",
+  "medium": "Tag-module_medium__NkOrv",
+  "small": "Tag-module_small__-xyNk",
+  "default": "Tag-module_default__6PVke",
+  "sentimentPositive": "Tag-module_sentimentPositive__nbqE1",
+  "sentimentNeutral": "Tag-module_sentimentNeutral__8BtD8",
+  "sentimentNegative": "Tag-module_sentimentNegative__1J85t",
+  "sentimentNone": "Tag-module_sentimentNone__8BWjU",
+  "validationPositive": "Tag-module_validationPositive__vgFUE",
+  "validationInformative": "Tag-module_validationInformative__bnJ4A",
+  "validationNegative": "Tag-module_validationNegative__lZgIY",
+  "validationCautionary": "Tag-module_validationCautionary__ERS2t",
+  "statusLive": "Tag-module_statusLive__xG48w",
+  "statusAction": "Tag-module_statusAction__woL-O",
+  "statusClosed": "Tag-module_statusClosed__VhZP-",
+  "statusDraft": "Tag-module_statusDraft__9QZDv",
+  "liveIcon": "Tag-module_liveIcon__URtak",
+  "liveIcon_base": "Tag-module_liveIcon_base__Nk5um",
+  "liveIcon_1": "Tag-module_liveIcon_1__STFJY",
+  "liveIcon_2": "Tag-module_liveIcon_2__rko-D",
+  "liveIcon_3": "Tag-module_liveIcon_3__fL71y",
+  "pulse-inner": "Tag-module_pulse-inner__0-JFL",
+  "pulse-outer": "Tag-module_pulse-outer__f9Oox"
+};
+module.exports = styles;
+//# sourceMappingURL=Tag.module.scss.cjs.map

package/dist/cjs/Tag/Tag.module.scss.cjs.map

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

package/dist/cjs/Tile/InformationTile/InformationTile.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var tslib = require('tslib');
+var React = require('react');
+var GenericTile = require('../subcomponents/GenericTile/GenericTile.cjs');
+
+/**
+ * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3079077889/Tile#InformationTile%3A Guidance} |
+ * {@link https://cultureamp.design/?path=/docs/components-tiles-informationtile--docs Storybook}
+ */
+const InformationTile = /*#__PURE__*/function () {
+  const InformationTile = function (props) {
+    return React.createElement(GenericTile.GenericTile, tslib.__assign({}, props));
+  };
+  InformationTile.displayName = "InformationTile";
+  return InformationTile;
+}();
+exports.InformationTile = InformationTile;
+//# sourceMappingURL=InformationTile.cjs.map

package/dist/cjs/Tile/InformationTile/InformationTile.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"InformationTile.cjs","sources":["../../../../src/Tile/InformationTile/InformationTile.tsx"],"sourcesContent":["import React from \"react\"\nimport { GenericTile, GenericTileProps } from \"../subcomponents/GenericTile\"\n\nexport type InformationTileProps = GenericTileProps\n\n/**\n * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3079077889/Tile#InformationTile%3A Guidance} |\n * {@link https://cultureamp.design/?path=/docs/components-tiles-informationtile--docs Storybook}\n */\nexport const InformationTile = (props: InformationTileProps): JSX.Element => (\n  <GenericTile {...props} />\n)\n\nInformationTile.displayName = \"InformationTile\"\n"],"names":["InformationTile","props","React","createElement","GenericTile","__assign","displayName"],"mappings":";;;;;;AAKA;;;AAGG;AAHH,MAIaA,eAAe;EAAA,MAAfA,eAAe,GAAG,SAAAA,CAACC,KAA2B,EAAkB;IAAA,OAC3EC,KAAA,CAAAC,aAAA,CAACC,WAAW,CAAAA,WAAA,EAAKC,cAAA,CAAA,CAAA,CAAA,EAAAJ,KAAK,EAAI;EAC3B,CAAA;EAEDD,eAAe,CAACM,WAAW,GAAG,iBAAiB;EAAA,OAJlCN,eAAe;AAAA;"}