@kaizen/components 0.0.0-canary-debug-kaizenprovider-20241223004555 → 0.0.0-canary-debug-kaizen-provider-take-2-20241223005900

package/dist/cjs/RichTextEditor/utils/schema/nodes.cjs

@@ -19,15 +19,15 @@ var getNodes = function () {
   });
   return tslib.__assign(tslib.__assign({}, proseNodesWithCamelCase), {
     orderedList: tslib.__assign(tslib.__assign({}, ProseMirrorSchemaList.orderedList), {
-      content: 'listItem+',
-      group: 'block'
+      content: "listItem+",
+      group: "block"
     }),
     bulletList: tslib.__assign(tslib.__assign({}, ProseMirrorSchemaList.bulletList), {
-      content: 'listItem+',
-      group: 'block'
+      content: "listItem+",
+      group: "block"
     }),
     listItem: tslib.__assign(tslib.__assign({}, ProseMirrorSchemaList.listItem), {
-      content: 'paragraph block*'
+      content: "paragraph block*"
     })
   });
 };

package/dist/cjs/SearchField/SearchField.cjs

@@ -46,5 +46,5 @@ var SearchField = function (_a) {
     secondary: secondary
   }, restProps)));
 };
-SearchField.displayName = 'SearchField';
+SearchField.displayName = "SearchField";
 exports.SearchField = SearchField;

package/dist/cjs/Select/Select.cjs

@@ -8,7 +8,7 @@ var Async = require('react-select/async');
 var FieldMessage = require('../FieldMessage/FieldMessage.cjs');
 var Label = require('../Label/Label.cjs');
 var Tag = require('../Tag/Tag.cjs');
-var Icon = require('../__rc__/Icon/Icon.cjs');
+var Icon = require('../__future__/Icon/Icon.cjs');
 var Select_module = require('./Select.module.scss.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
@@ -26,9 +26,9 @@ var Async__default = /*#__PURE__*/_interopDefault(Async);
  */
 var Select = React__default.default.forwardRef(function (_a, ref) {
   var _b = _a.variant,
-    variant = _b === void 0 ? 'default' : _b,
+    variant = _b === void 0 ? "default" : _b,
     _c = _a.status,
-    status = _c === void 0 ? 'default' : _c,
+    status = _c === void 0 ? "default" : _c,
     _d = _a.reversed,
     reversed = _d === void 0 ? false : _d,
     label = _a.label,
@@ -41,8 +41,8 @@ var Select = React__default.default.forwardRef(function (_a, ref) {
     props = tslib.__rest(_a, ["variant", "status", "reversed", "label", "validationMessage", "description", "fullWidth", "className", "isDisabled", "placeholder"]);
   var reactId = React.useId();
   // the default for fullWidth depends on the variant
-  var fullWidth = propsFullWidth !== null && propsFullWidth !== void 0 ? propsFullWidth : !['secondary', 'secondary-small'].includes(variant);
-  var classes = classnames__default.default(propsClassName, Select_module.specificityIncreaser, (!reversed || variant === 'default') && Select_module.default, reversed && Select_module.reversed, variant === 'secondary' && Select_module.secondary, variant === 'secondary-small' && Select_module.secondarySmall, !fullWidth && Select_module.notFullWidth, isDisabled && Select_module.disabled, status === 'error' && Select_module.error);
+  var fullWidth = propsFullWidth != null ? propsFullWidth : variant === "secondary" || variant === "secondary-small" ? false : true;
+  var classes = classnames__default.default(propsClassName, Select_module.specificityIncreaser, (!reversed || variant === "default") && Select_module.default, reversed && Select_module.reversed, variant === "secondary" && Select_module.secondary, variant === "secondary-small" && Select_module.secondarySmall, !fullWidth && Select_module.notFullWidth, isDisabled && Select_module.disabled, status === "error" && Select_module.error);
   var labelId = React.useState(label ? reactId : undefined)[0];
   return React__default.default.createElement(React__default.default.Fragment, null, label ? React__default.default.createElement(Label.Label, {
     reversed: reversed,
@@ -50,7 +50,7 @@ var Select = React__default.default.forwardRef(function (_a, ref) {
   }, label) : null, React__default.default.createElement(ReactSelect__default.default, tslib.__assign({}, props, {
     ref: ref,
     "aria-labelledby": labelId,
-    placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : '',
+    placeholder: placeholder || "",
     components: {
       Control: Control,
       Placeholder: Placeholder,
@@ -75,14 +75,14 @@ var Select = React__default.default.forwardRef(function (_a, ref) {
     message: description
   }) : null);
 });
-Select.displayName = 'Select';
+Select.displayName = "Select";
 var AsyncSelect = React__default.default.forwardRef(function (_a, ref) {
   var propsClassName = _a.className,
     placeholder = _a.placeholder,
     props = tslib.__rest(_a, ["className", "placeholder"]);
   return React__default.default.createElement(Async__default.default, tslib.__assign({}, props, {
     ref: ref,
-    placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : '',
+    placeholder: placeholder || "",
     components: {
       Control: Control,
       Placeholder: Placeholder,
@@ -102,7 +102,7 @@ var AsyncSelect = React__default.default.forwardRef(function (_a, ref) {
     className: classnames__default.default(Select_module.specificityIncreaser, propsClassName)
   }));
 });
-AsyncSelect.displayName = 'AsyncSelect';
+AsyncSelect.displayName = "AsyncSelect";
 var Control = function (props) {
   return React__default.default.createElement("div", {
     "data-automation-id": "Select__Control"
@@ -121,7 +121,7 @@ var DropdownIndicator = function (props) {
   return React__default.default.createElement(ReactSelect.components.DropdownIndicator, tslib.__assign({}, props, {
     className: Select_module.dropdownIndicator
   }), React__default.default.createElement(Icon.Icon, {
-    name: props.selectProps.menuIsOpen ? 'keyboard_arrow_up' : 'keyboard_arrow_down',
+    name: props.selectProps.menuIsOpen ? "keyboard_arrow_up" : "keyboard_arrow_down",
     isPresentational: true
   }));
 };

package/dist/cjs/Skirt/Skirt.cjs

@@ -20,7 +20,7 @@ var fallbackPercentage = 0.8;
 var Skirt = function (_a) {
   var children = _a.children,
     _b = _a.variant,
-    variant = _b === void 0 ? 'default' : _b,
+    variant = _b === void 0 ? "default" : _b,
     _c = _a.titleBlockHasNavigation,
     titleBlockHasNavigation = _c === void 0 ? true : _c,
     classNameOverride = _a.classNameOverride,
@@ -45,7 +45,7 @@ var Skirt = function (_a) {
     classNameOverride: Skirt_module.content
   }, children));
 };
-Skirt.displayName = 'Skirt';
+Skirt.displayName = "Skirt";
 var deriveSkirtHeight = function (rect, titleBlockHasNavigation) {
   var height = rect.height,
     width = rect.width;

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

@@ -19,5 +19,5 @@ var SkirtCard = function (props) {
     classNameOverride: classnames__default.default(SkirtCard_module.wrapper, classNameOverride)
   }, restProps));
 };
-SkirtCard.displayName = 'SkirtCard';
+SkirtCard.displayName = "SkirtCard";
 exports.SkirtCard = SkirtCard;

package/dist/cjs/Slider/Slider.cjs

@@ -25,19 +25,18 @@ var Slider = function (_a) {
     labelText = _a.labelText,
     description = _a.description,
     _b = _a.labelPosition,
-    labelPosition = _b === void 0 ? 'inline' : _b,
+    labelPosition = _b === void 0 ? "inline" : _b,
     _c = _a.variant,
-    variant = _c === void 0 ? 'default' : _c,
+    variant = _c === void 0 ? "default" : _c,
     disabled = _a.disabled,
     readOnlyMessage = _a.readOnlyMessage,
     restProps = tslib.__rest(_a, ["id", "labelText", "description", "labelPosition", "variant", "disabled", "readOnlyMessage"]);
-  var fallbackId = React.useId();
-  var id = propsId !== null && propsId !== void 0 ? propsId : fallbackId;
+  var id = propsId !== null && propsId !== void 0 ? propsId : React.useId();
   var descriptionId = "".concat(id, "-description");
   return React__default.default.createElement(FieldGroup.FieldGroup, {
     inline: true
   }, React__default.default.createElement("div", {
-    className: classnames__default.default(Slider_module.wrapper, labelPosition === 'inline' && Slider_module.labelInline)
+    className: classnames__default.default(Slider_module.wrapper, labelPosition === "inline" && Slider_module.labelInline)
   }, React__default.default.createElement("div", {
     className: Slider_module.labelWrapper
   }, React__default.default.createElement("div", {
@@ -61,5 +60,5 @@ var Slider = function (_a) {
     className: Slider_module.readOnlyMessage
   }, readOnlyMessage))));
 };
-Slider.displayName = 'Slider';
+Slider.displayName = "Slider";
 exports.Slider = Slider;

package/dist/cjs/SplitButton/SplitButton.cjs

@@ -3,10 +3,10 @@
 var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
-var index = require('../Menu/index.cjs');
 var ActionButton = require('./subcomponents/ActionButton/ActionButton.cjs');
 var DropdownButton = require('./subcomponents/DropdownButton/DropdownButton.cjs');
 var SplitButton_module = require('./SplitButton.module.scss.cjs');
+var Menu = require('../__actions__/Menu/v1/Menu.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
     default: e
@@ -35,8 +35,8 @@ var SplitButton = function (_a) {
   }, restProps), React__default.default.createElement(ActionButton.ActionButton, tslib.__assign({
     disabled: disabled,
     isReversed: isReversed
-  }, actionButtonProps)), React__default.default.createElement(index.Menu, {
-    align: dir === 'rtl' ? 'left' : 'right',
+  }, actionButtonProps)), React__default.default.createElement(Menu.Menu, {
+    align: dir === "rtl" ? "left" : "right",
     dropdownWidth: "contain",
     button: React__default.default.createElement(DropdownButton.DropdownButton, tslib.__assign({
       disabled: disabled,
@@ -45,5 +45,5 @@ var SplitButton = function (_a) {
     menuVisible: isDropdownInitOpen
   }, dropdownContent));
 };
-SplitButton.displayName = 'SplitButton';
+SplitButton.displayName = "SplitButton";
 exports.SplitButton = SplitButton;

package/dist/cjs/SplitButton/subcomponents/ActionButton/ActionButton.cjs

@@ -19,5 +19,5 @@ var ActionButton = function (_a) {
     classNameOverride: classnames__default.default(ActionButton_module.actionButton, classNameOverride)
   }, restProps));
 };
-ActionButton.displayName = 'ActionButton';
+ActionButton.displayName = "ActionButton";
 exports.ActionButton = ActionButton;

package/dist/cjs/SplitButton/subcomponents/BaseButton/BaseButton.cjs

@@ -22,8 +22,8 @@ var BaseButton = function (_a) {
     attributes = tslib.__rest(_a, ["label", "icon", "isReversed", "classNameOverride"]);
   var className = classnames__default.default(BaseButton_module.baseButton, classNameOverride, isReversed ? BaseButton_module.isReversed : BaseButton_module.default);
   var contentProps = icon ? {
-    'children': React__default.default.createElement(React__default.default.Fragment, null, icon),
-    'aria-label': label
+    children: React__default.default.createElement(React__default.default.Fragment, null, icon),
+    "aria-label": label
   } : {
     children: label
   };
@@ -39,5 +39,5 @@ var BaseButton = function (_a) {
     className: className
   }, restContentProps, attributes), children);
 };
-BaseButton.displayName = 'BaseButton';
+BaseButton.displayName = "BaseButton";
 exports.BaseButton = BaseButton;

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

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var i18nReactIntl = require('@cultureamp/i18n-react-intl');
 var classnames = require('classnames');
-var Icon = require('../../../__rc__/Icon/Icon.cjs');
+var Icon = require('../../../__future__/Icon/Icon.cjs');
 var BaseButton = require('../BaseButton/BaseButton.cjs');
 var DropdownButton_module = require('./DropdownButton.module.scss.cjs');
 function _interopDefault(e) {
@@ -17,13 +17,13 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var DropdownButton = function (_a) {
   var classNameOverride = _a.classNameOverride,
     ariaLabel = _a["aria-label"],
-    restProps = tslib.__rest(_a, ["classNameOverride", 'aria-label']);
+    restProps = tslib.__rest(_a, ["classNameOverride", "aria-label"]);
   var formatMessage = i18nReactIntl.useIntl().formatMessage;
   return React__default.default.createElement(BaseButton.BaseButton, tslib.__assign({
-    label: ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : formatMessage({
-      id: 'splitButton.dropdownButton.label',
-      defaultMessage: 'Additional actions',
-      description: 'Label for a dropdown menu holding additional actions'
+    label: ariaLabel || formatMessage({
+      id: "splitButton.dropdownButton.label",
+      defaultMessage: "Additional actions",
+      description: "Label for a dropdown menu holding additional actions"
     }),
     icon: React__default.default.createElement(Icon.Icon, {
       name: "keyboard_arrow_down",
@@ -32,5 +32,5 @@ var DropdownButton = function (_a) {
     classNameOverride: classnames__default.default(DropdownButton_module.dropdownButton, classNameOverride)
   }, restProps));
 };
-DropdownButton.displayName = 'DropdownButton';
+DropdownButton.displayName = "DropdownButton";
 exports.DropdownButton = DropdownButton;

package/dist/cjs/Table/Table.cjs

@@ -7,8 +7,8 @@ var Checkbox = require('../Checkbox/Checkbox/Checkbox.cjs');
 require('../Checkbox/CheckboxField/CheckboxField.cjs');
 require('../Checkbox/CheckboxGroup/CheckboxGroup.cjs');
 var Heading = require('../Heading/Heading.cjs');
-var index = require('../Tooltip/index.cjs');
-var Icon = require('../__rc__/Icon/Icon.cjs');
+var Icon = require('../__future__/Icon/Icon.cjs');
+var index = require('../__overlays__/Tooltip/v1/index.cjs');
 var Table_module = require('./Table.module.scss.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
@@ -24,12 +24,12 @@ var classnames__default = /*#__PURE__*/_interopDefault(classnames);
  */
 var TableContainer = function (_a) {
   var _b = _a.variant,
-    variant = _b === void 0 ? 'compact' : _b,
+    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)
+    className: classnames__default.default(Table_module.container, variant === "default" && Table_module.defaultSpacing, variant === "data" && Table_module.dataVariant)
   }, otherProps), children);
 };
 var TableHeader = function (_a) {
@@ -69,9 +69,9 @@ var TableHeaderRowCell = function (_a) {
     // 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 = _c === void 0 ? 'nowrap' : _c,
+    wrapping = _c === void 0 ? "nowrap" : _c,
     _d = _a.align,
-    align = _d === void 0 ? 'start' : _d,
+    align = _d === void 0 ? "start" : _d,
     tooltipInfo = _a.tooltipInfo,
     _e = _a.isTooltipIconHidden,
     isTooltipIconHidden = _e === void 0 ? false : _e,
@@ -88,8 +88,8 @@ var TableHeaderRowCell = function (_a) {
   var updateHoverState = function (hoverState) {
     if (sortingArrowsOnHover && hoverState != isHovered) setIsHovered(hoverState);
   };
-  var headerColor = reversed ? 'white-reduced-opacity' : 'dark-reduced-opacity';
-  var hoveredHeaderColor = reversed ? 'white' : 'dark';
+  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", {
@@ -98,7 +98,7 @@ var TableHeaderRowCell = function (_a) {
     className: Table_module.headerRowCellIcon
   }, React.cloneElement(icon, (_b = {
     title: labelText
-  }, _b['aria-label'] = labelText, _b.role = 'img', _b))), checkable && React__default.default.createElement("div", {
+  }, _b["aria-label"] = labelText, _b.role = "img", _b))), checkable && React__default.default.createElement("div", {
     className: Table_module.headerRowCellCheckbox
   }, React__default.default.createElement(Checkbox.Checkbox, {
     checkedStatus: checkedStatus,
@@ -115,9 +115,9 @@ var TableHeaderRowCell = function (_a) {
     variant: "heading-6",
     color: sorting || isHovered ? hoveredHeaderColor : headerColor,
     classNameOverride: Table_module.headerRowCellLabel
-  }, labelText) : null, (sorting !== null && sorting !== void 0 ? 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(Icon.Icon, {
+  }, 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(Icon.Icon, {
     name: "arrow_drop_up",
     isPresentational: true
   }) : React__default.default.createElement(Icon.Icon, {
@@ -175,7 +175,7 @@ var TableHeaderRowCell = function (_a) {
     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),
+    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
@@ -187,7 +187,7 @@ var TableCard = function (_a) {
   var children = _a.children,
     expanded = _a.expanded,
     _b = _a.expandedStyle,
-    expandedStyle = _b === void 0 ? 'well' : _b,
+    expandedStyle = _b === void 0 ? "well" : _b,
     onClick = _a.onClick,
     href = _a.href,
     _c = _a.forceHoverState,

package/dist/cjs/Tabs/Tabs.cjs

@@ -29,5 +29,5 @@ var Tabs = function (props) {
     onChange: onChange
   }, restProps), children);
 };
-Tabs.displayName = 'Tabs';
+Tabs.displayName = "Tabs";
 exports.Tabs = Tabs;

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

@@ -32,7 +32,7 @@ var Tab = function (props) {
   var _b = React.useState(false),
     isFocused = _b[0],
     setIsFocused = _b[1];
-  var showActiveBadge = Boolean(isSelected || isHovered || isFocused);
+  var showActiveBadge = isSelected || isHovered || isFocused;
   var tabProps = tslib.__assign({
     disabled: disabled,
     className: classnames__default.default(Tab_module.tab, classNameOverride, isSelected && Tab_module.selected),
@@ -61,7 +61,7 @@ var Tab = function (props) {
   }, tabProps, focusableProps), children, badge && React__default.default.createElement("span", {
     className: Tab_module.badge
   }, React__default.default.createElement(Badge.Badge, {
-    variant: showActiveBadge ? 'active' : 'default'
+    variant: showActiveBadge ? "active" : "default"
   }, badge)));
 };
 exports.Tab = Tab;

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

@@ -22,7 +22,7 @@ var TabList = function (props) {
     noPadding = _a === void 0 ? false : _a,
     children = props.children,
     classNameOverride = props.classNameOverride,
-    restProps = tslib.__rest(props, ['aria-label', "noPadding", "children", "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)

package/dist/cjs/Tag/Tag.cjs

@@ -4,8 +4,9 @@ var tslib = require('tslib');
 var React = require('react');
 var classnames = require('classnames');
 var Avatar = require('../Avatar/Avatar.cjs');
-var Icon = require('../__rc__/Icon/Icon.cjs');
-var LiveIcon = require('./subcomponents/LiveIcon/LiveIcon.cjs');
+require('../Icon/subcomponents/SVG/SVG.cjs');
+var LiveIcon = require('../Icon/LiveIcon.cjs');
+var Icon = require('../__future__/Icon/Icon.cjs');
 var Tag_module = require('./Tag.module.scss.cjs');
 function _interopDefault(e) {
   return e && e.__esModule ? e : {
@@ -15,7 +16,7 @@ function _interopDefault(e) {
 var React__default = /*#__PURE__*/_interopDefault(React);
 var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 var isJSXElement = function (imageElementOrAvatarProps) {
-  return 'props' in 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, {
@@ -29,9 +30,9 @@ var renderAvatar = function (imageElementOrAvatarProps) {
 var Tag = function (props) {
   var children = props.children,
     _a = props.variant,
-    variant = _a === void 0 ? 'default' : _a,
+    variant = _a === void 0 ? "default" : _a,
     _b = props.size,
-    size = _b === void 0 ? 'medium' : _b,
+    size = _b === void 0 ? "medium" : _b,
     _c = props.inline,
     inline = _c === void 0 ? false : _c,
     _d = props.dismissible,
@@ -41,14 +42,14 @@ var Tag = function (props) {
     onMouseLeave = props.onMouseLeave,
     truncateWidth = props.truncateWidth;
   var isTruncated = truncateWidth && truncateWidth > 0;
-  var canShowIcon = size === 'medium';
+  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)
+    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':
+      case "validationPositive":
         return React__default.default.createElement("span", {
           className: Tag_module.validationIcon
         }, React__default.default.createElement(Icon.Icon, {
@@ -56,7 +57,7 @@ var Tag = function (props) {
           isPresentational: true,
           isFilled: true
         }));
-      case 'validationNegative':
+      case "validationNegative":
         return React__default.default.createElement("span", {
           className: Tag_module.validationIcon
         }, React__default.default.createElement(Icon.Icon, {
@@ -64,7 +65,7 @@ var Tag = function (props) {
           isPresentational: true,
           isFilled: true
         }));
-      case 'validationCautionary':
+      case "validationCautionary":
         return React__default.default.createElement("span", {
           className: Tag_module.validationIcon
         }, React__default.default.createElement(Icon.Icon, {
@@ -72,7 +73,7 @@ var Tag = function (props) {
           isPresentational: true,
           isFilled: true
         }));
-      case 'validationInformative':
+      case "validationInformative":
         return React__default.default.createElement("span", {
           className: Tag_module.validationIcon
         }, React__default.default.createElement(Icon.Icon, {
@@ -80,7 +81,7 @@ var Tag = function (props) {
           isPresentational: true,
           isFilled: true
         }));
-      case 'profile':
+      case "profile":
         return React__default.default.createElement("span", {
           className: Tag_module.profile
         }, props.avatar && renderAvatar(props.avatar));
@@ -104,7 +105,37 @@ var Tag = function (props) {
     name: "cancel",
     alt: "Dismiss",
     isFilled: true
-  })))), variant === 'statusLive' && React__default.default.createElement(LiveIcon.LiveIcon, null))));
+  })))), 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';
+Tag.displayName = "Tag";
 exports.Tag = Tag;

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

@@ -25,6 +25,13 @@ var styles = {
   "statusLive": "Tag-module_statusLive__xG48w",
   "statusAction": "Tag-module_statusAction__woL-O",
   "statusClosed": "Tag-module_statusClosed__VhZP-",
-  "statusDraft": "Tag-module_statusDraft__9QZDv"
+  "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;

package/dist/cjs/Text/Text.cjs

@@ -21,15 +21,15 @@ const Text = /*#__PURE__*/function () {
       tag = _a.tag,
       variant = _a.variant,
       _b = _a.color,
-      color = _b === void 0 ? 'dark' : _b,
+      color = _b === void 0 ? "dark" : _b,
       classNameOverride = _a.classNameOverride,
       restProps = tslib.__rest(_a, ["children", "tag", "variant", "color", "classNameOverride"]);
     var className = classnames__default.default(Text_module.text, Text_module[variant], Text_module[color], classNameOverride);
-    return React.createElement(tag !== null && tag !== void 0 ? tag : 'p', tslib.__assign(tslib.__assign({}, restProps), {
+    return React.createElement(tag === undefined ? "p" : tag, tslib.__assign(tslib.__assign({}, restProps), {
       className: className
     }), children);
   };
-  Text.displayName = 'Text';
+  Text.displayName = "Text";
   return Text;
 }();
 exports.Text = Text;