@kaizen/components 1.45.3 → 1.47.0

package/dist/cjs/Table/Table.cjs

@@ -1,254 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var classnames = require('classnames');
-var Checkbox = require('../Checkbox/Checkbox/Checkbox.cjs');
-require('../Checkbox/CheckboxField/CheckboxField.cjs');
-require('../Checkbox/CheckboxGroup/CheckboxGroup.cjs');
-var Heading = require('../Heading/Heading.cjs');
-require('../Icon/subcomponents/SVG/SVG.cjs');
-var ExclamationIcon = require('../Icon/ExclamationIcon.cjs');
-var SortAscendingIcon = require('../Icon/SortAscendingIcon.cjs');
-var SortDescendingIcon = require('../Icon/SortDescendingIcon.cjs');
-var Tooltip = require('../Tooltip/Tooltip.cjs');
-var Table_module = require('./Table.module.scss.cjs');
-function _interopDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
-var React__default = /*#__PURE__*/_interopDefault(React);
-var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
-/**
- * {@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__default.default.createElement("div", tslib.__assign({
-    role: "table",
-    className: classnames__default.default(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__default.default.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__default.default.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__default.default.createElement("div", {
-    className: Table_module.headerRowCellLabelAndIcons
-  }, icon && React__default.default.createElement("span", {
-    className: Table_module.headerRowCellIcon
-  }, React.cloneElement(icon, {
-    title: labelText,
-    role: "img"
-  })), checkable && React__default.default.createElement("div", {
-    className: Table_module.headerRowCellCheckbox
-  }, React__default.default.createElement(Checkbox.Checkbox, {
-    checkedStatus: checkedStatus,
-    onCheck: onCheck
-  })), tooltipInfo != null && !isTooltipIconHidden ? React__default.default.createElement("div", {
-    className: Table_module.headerRowCellTooltipIcon
-  }, React__default.default.createElement(ExclamationIcon.ExclamationIcon, {
-    role: "presentation"
-  })) : null, !icon ? React__default.default.createElement(Heading.Heading, {
-    tag: "div",
-    variant: "heading-6",
-    color: sorting || isHovered ? hoveredHeaderColor : headerColor,
-    classNameOverride: Table_module.headerRowCellLabel
-  }, labelText) : null, (sorting || isHovered && sortingArrowsOnHover) && React__default.default.createElement("div", {
-    className: classnames__default.default(align === "center" && Table_module.headerRowCellIconAlignCenter, align === "end" && Table_module.headerRowCellIconAlignEnd, reversed && Table_module.whiteText)
-  }, sorting === "ascending" || sortingArrowsOnHover === "ascending" ? React__default.default.createElement(SortAscendingIcon.SortAscendingIcon, {
-    role: "presentation"
-  }) : React__default.default.createElement(SortDescendingIcon.SortDescendingIcon, {
-    role: "presentation"
-  })));
-  cellContents = href ? React__default.default.createElement("a", {
-    className: classnames__default.default(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__default.default.createElement("button", {
-    type: "button",
-    className: classnames__default.default(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__default.default.createElement("div", {
-    className: Table_module.headerRowCellNoButton
-  }, cellContents);
-  cellContents = tooltipInfo != null ? React__default.default.createElement(Tooltip.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__default.default.createElement("div", {
-    className: Table_module.headerRowCellTooltip
-  }, cellContents);
-  return React__default.default.createElement("div", tslib.__assign({
-    className: classnames__default.default(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__default.default(Table_module.card, expanded && Table_module.expanded, expanded && Table_module[expandedStyle], (forceHoverState || onClick != null || href != null) && Table_module.hasHoverState, classNameOverride);
-  return href != null ? React__default.default.createElement("a", tslib.__assign({
-    href: href,
-    className: className,
-    onClick: onClick
-  }, otherProps), children) : onClick ? React__default.default.createElement("button", tslib.__assign({
-    type: "button",
-    className: className,
-    onClick: onClick
-  }, otherProps), children) : React__default.default.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__default.default.createElement("div", tslib.__assign({
-    className: classnames__default.default(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__default.default.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__default.default(Table_module.rowCell, classNameOverride),
-    href: href
-  }, otherProps), children) : React__default.default.createElement("div", tslib.__assign({
-    role: "cell",
-    style: {
-      width: ratioToPercent(width),
-      flex: flex
-    },
-    className: classnames__default.default(Table_module.rowCell, classNameOverride)
-  }, otherProps), children);
-};
-exports.TableCard = TableCard;
-exports.TableContainer = TableContainer;
-exports.TableHeader = TableHeader;
-exports.TableHeaderRowCell = TableHeaderRowCell;
-exports.TableRow = TableRow;
-exports.TableRowCell = TableRowCell;

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

@@ -1,32 +0,0 @@
-'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;

package/dist/cjs/Tabs/Tabs.cjs

@@ -1,33 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var tabs = require('@reach/tabs');
-function _interopDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-/**
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081929117/Tabs Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-tabs--controlled Storybook}
- *
- * Wrapper around all of the tab subcomponents
- * Holds a TabList and TabPanels
- */
-var Tabs = function (props) {
-  var defaultIndex = props.defaultIndex,
-    selectedIndex = props.selectedIndex,
-    onChange = props.onChange,
-    children = props.children,
-    restProps = tslib.__rest(props, ["defaultIndex", "selectedIndex", "onChange", "children"]);
-  return React__default.default.createElement(tabs.Tabs, tslib.__assign({
-    defaultIndex: defaultIndex,
-    index: selectedIndex,
-    onChange: onChange
-  }, restProps), children);
-};
-Tabs.displayName = "Tabs";
-exports.Tabs = Tabs;

package/dist/cjs/Tabs/subcomponents/Tab.cjs

@@ -1,61 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var tabs = require('@reach/tabs');
-var classnames = require('classnames');
-var Badge = require('../../Badge/Badge.cjs');
-var Tab_module = require('./Tab.module.scss.cjs');
-function _interopDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
-var React__default = /*#__PURE__*/_interopDefault(React);
-var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
-/**
- * A tab button
- */
-var Tab = function (props) {
-  var isSelected = props.isSelected,
-    badge = props.badge,
-    disabled = props.disabled,
-    children = props.children,
-    classNameOverride = props.classNameOverride,
-    restProps = tslib.__rest(props, ["isSelected", "badge", "disabled", "children", "classNameOverride"]);
-  var _a = React.useState(false),
-    isHovered = _a[0],
-    setIsHovered = _a[1];
-  var _b = React.useState(false),
-    isFocused = _b[0],
-    setIsFocused = _b[1];
-  var showActiveBadge = isSelected || isHovered || isFocused;
-  var onFocus = function (event) {
-    var _a;
-    setIsFocused(true);
-    (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, event);
-  };
-  var onBlur = function (event) {
-    var _a;
-    setIsFocused(false);
-    (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
-  };
-  return React__default.default.createElement(tabs.Tab, tslib.__assign({
-    disabled: disabled,
-    className: classnames__default.default(Tab_module.tab, classNameOverride, isSelected && Tab_module.selected),
-    onFocus: onFocus,
-    onBlur: onBlur,
-    onMouseEnter: function () {
-      return setIsHovered(true);
-    },
-    onMouseLeave: function () {
-      return setIsHovered(false);
-    }
-  }, restProps), children, badge && React__default.default.createElement("span", {
-    className: Tab_module.badge
-  }, React__default.default.createElement(Badge.Badge, {
-    variant: showActiveBadge ? "active" : "default"
-  }, badge)));
-};
-exports.Tab = Tab;

package/dist/cjs/Tabs/subcomponents/Tab.module.scss.cjs

@@ -1,8 +0,0 @@
-'use strict';
-
-var styles = {
-  "tab": "Tab-module_tab__Rar3J",
-  "badge": "Tab-module_badge__4p2nd",
-  "selected": "Tab-module_selected__MApD6"
-};
-module.exports = styles;

package/dist/cjs/Tabs/subcomponents/TabList.cjs

@@ -1,31 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var tabs = require('@reach/tabs');
-var classnames = require('classnames');
-var TabList_module = require('./TabList.module.scss.cjs');
-function _interopDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
-var React__default = /*#__PURE__*/_interopDefault(React);
-var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
-/**
- * Wrapper for the tabs themselves
- */
-var TabList = function (props) {
-  var ariaLabel = props["aria-label"],
-    _a = props.noPadding,
-    noPadding = _a === void 0 ? false : _a,
-    children = props.children,
-    classNameOverride = props.classNameOverride,
-    restProps = tslib.__rest(props, ["aria-label", "noPadding", "children", "classNameOverride"]);
-  return React__default.default.createElement(tabs.TabList, tslib.__assign({
-    "aria-label": ariaLabel,
-    className: classnames__default.default(TabList_module.tabList, classNameOverride, noPadding && TabList_module.noPadding)
-  }, restProps), children);
-};
-exports.TabList = TabList;

package/dist/cjs/Tabs/subcomponents/TabList.module.scss.cjs

@@ -1,7 +0,0 @@
-'use strict';
-
-var styles = {
-  "tabList": "TabList-module_tabList__A8Y9H",
-  "noPadding": "TabList-module_noPadding__v073J"
-};
-module.exports = styles;

package/dist/cjs/Tabs/subcomponents/TabPanel.cjs

@@ -1,24 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var tabs = require('@reach/tabs');
-function _interopDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-/**
- * Wrapper for the content that shows when tab is active
- */
-var TabPanel = function (props) {
-  var classNameOverride = props.classNameOverride,
-    children = props.children,
-    restProps = tslib.__rest(props, ["classNameOverride", "children"]);
-  return React__default.default.createElement(tabs.TabPanel, tslib.__assign({
-    className: classNameOverride
-  }, restProps), children);
-};
-exports.TabPanel = TabPanel;

package/dist/cjs/Tabs/subcomponents/TabPanels.cjs

@@ -1,21 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var tabs = require('@reach/tabs');
-function _interopDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-/**
- * Wrapper for the content panels
- */
-var TabPanels = function (props) {
-  var children = props.children,
-    restProps = tslib.__rest(props, ["children"]);
-  return React__default.default.createElement(tabs.TabPanels, tslib.__assign({}, restProps), children);
-};
-exports.TabPanels = TabPanels;

package/dist/cjs/Tag/Tag.cjs

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

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

@@ -1,37 +0,0 @@
-'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;