@kaizen/components 1.81.2 → 2.0.1

package/dist/esm/src/LikertScaleLegacy/LikertScaleLegacy.mjs

@@ -1,151 +0,0 @@
-import React, { useState, createRef } from 'react';
-import classnames from 'classnames';
-import { FieldMessage } from '../FieldMessage/FieldMessage.mjs';
-import { Text } from '../Text/Text.mjs';
-import { Icon } from '../__next__/Icon/Icon.mjs';
-import determineSelectionFromKeyPress from './utils/determineSelectionFromKeyPress.mjs';
-import styles from './LikertScaleLegacy.module.scss.mjs';
-var SelectedItemIcon = function () {
-  return /*#__PURE__*/React.createElement(Icon, {
-    name: "check",
-    isPresentational: true,
-    className: styles.check
-  });
-};
-/**
- * @deprecated This component will be renamed to LikertScale in v2.
- * Start importing as LikertScale instead.
- *
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060201/Likert+Scale Guidance} |
- * {@link https://cultureamp.design/?path=/docs/components-likertscalelegacy--docs Storybook}
- */
-var LikertScaleLegacy = function (_a) {
-  var _b, _c;
-  var scale = _a.scale,
-    selectedItem = _a.selectedItem,
-    reversed = _a.reversed,
-    _d = _a.colorSchema,
-    colorSchema = _d === void 0 ? 'classical' : _d,
-    dataTestId = _a["data-testid"],
-    onSelect = _a.onSelect,
-    validationMessage = _a.validationMessage,
-    status = _a.status,
-    labelId = _a.labelId,
-    isRequired = _a.isRequired;
-  var _e = useState(null),
-    hoveredItem = _e[0],
-    setHoveredItem = _e[1];
-  var itemRefs = scale.map(function (s) {
-    return {
-      value: s.value,
-      ref: /*#__PURE__*/createRef()
-    };
-  });
-  var handleRadioClick = function (item) {
-    var _a;
-    // Is this a click on the item that is currently selected?
-    var isClickOnSelectedItem = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) === item.value;
-    // Grab "Not rated" state item from the scale, its value is -1
-    var notYetRated = (_a = scale.find(function (s) {
-      return s.value === -1;
-    })) !== null && _a !== void 0 ? _a : null;
-    // Clear or set new selection
-    var newItem = isClickOnSelectedItem ? notYetRated : item;
-    onSelect(newItem);
-    setHoveredItem(null);
-  };
-  /**
-   * Because the radios have been built with divs, we need to add the keyboard functionality manually
-   */
-  var handleKeyDown = function (event, focusedItem) {
-    var _a, _b, _c;
-    var newPosition = determineSelectionFromKeyPress(event.keyCode, selectedItem, focusedItem);
-    if (newPosition) {
-      event.preventDefault();
-      onSelect((_a = scale.find(function (s) {
-        return s.value === newPosition;
-      })) !== null && _a !== void 0 ? _a : null);
-      // Update focus
-      var itemRef = itemRefs.find(function (item) {
-        return item.value === newPosition;
-      });
-      (_c = (_b = itemRef === null || itemRef === void 0 ? void 0 : itemRef.ref) === null || _b === void 0 ? void 0 : _b.current) === null || _c === void 0 ? void 0 : _c.focus();
-    }
-  };
-  var legend = (_c = (_b = hoveredItem === null || hoveredItem === void 0 ? void 0 : hoveredItem.label) !== null && _b !== void 0 ? _b : selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.label) !== null && _c !== void 0 ? _c : 'Not rated';
-  var shouldDisplayValidationMessage = status !== 'default' && validationMessage !== undefined;
-  var validationMessageId = shouldDisplayValidationMessage ? "".concat(labelId, "-field-validation-message") : undefined;
-  var isRated = selectedItem && selectedItem.value > 0;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classnames(styles.container, isRated && styles.rated, reversed && [styles.reversed], hoveredItem !== null && styles.hovered),
-    "aria-labelledby": isRequired ? "".concat(labelId) : labelId,
-    role: "radiogroup",
-    tabIndex: -1,
-    "aria-describedby": validationMessageId,
-    "data-testid": dataTestId,
-    "aria-required": isRequired
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.legend,
-    "data-testid": dataTestId && "".concat(dataTestId, "-legend")
-  }, /*#__PURE__*/React.createElement(Text, {
-    variant: "small",
-    color: reversed ? 'white' : 'dark'
-  }, legend)), /*#__PURE__*/React.createElement("div", {
-    className: classnames(styles.itemContainer, isRated && styles.rated, reversed && styles.reversed)
-  }, scale.map(function (item) {
-    if (item.value <= 0) {
-      return;
-    }
-    var isSelectedItem = (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) === item.value;
-    var itemRef = itemRefs.find(function (i) {
-      return item.value === i.value;
-    });
-    // Make control tabbable
-    var tabIndex = 0;
-    // Unless.. there's an item selected and it's not this one
-    if (selectedItem && selectedItem.value > 0 && selectedItem.value !== item.value) {
-      tabIndex = -1;
-    }
-    var isSelected = selectedItem && item.value <= (selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.value) && !hoveredItem;
-    var isSuggested = hoveredItem && hoveredItem.value >= item.value;
-    var isUnselected = selectedItem && selectedItem.value < item.value;
-    return /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.likertItem, colorSchema == 'blue' ? styles.blueColorSchema : styles.classicalColorSchema, styles["likertItem".concat(item.value)], isSelected && styles.selected, isSuggested && styles.suggested, isUnselected && styles.unselected),
-      key: item.value,
-      "data-testid": dataTestId && "".concat(dataTestId, "-item-").concat(item.value),
-      onClick: function () {
-        return handleRadioClick(item);
-      },
-      onMouseEnter: function () {
-        return setHoveredItem(item);
-      },
-      onMouseLeave: function () {
-        return setHoveredItem(null);
-      },
-      onKeyDown: function (event) {
-        return handleKeyDown(event, item);
-      },
-      onFocus: function () {
-        return setHoveredItem(item);
-      },
-      onBlur: function () {
-        return setHoveredItem(null);
-      },
-      role: "radio",
-      "aria-label": item.label,
-      "aria-checked": isSelectedItem,
-      "aria-posinset": item.value,
-      "aria-setsize": 5,
-      tabIndex: tabIndex,
-      ref: itemRef === null || itemRef === void 0 ? void 0 : itemRef.ref
-    }, /*#__PURE__*/React.createElement("div", {
-      className: classnames(styles.likertItemFill, styles["field".concat(item.value)], isSelectedItem && styles.pop)
-    }), isSelectedItem ? /*#__PURE__*/React.createElement(SelectedItemIcon, null) : null);
-  })), shouldDisplayValidationMessage && (/*#__PURE__*/React.createElement(FieldMessage, {
-    id: validationMessageId,
-    message: validationMessage,
-    status: status,
-    reversed: reversed
-  })));
-};
-export { LikertScaleLegacy };

package/dist/esm/src/LikertScaleLegacy/LikertScaleLegacy.module.scss.mjs

@@ -1,26 +0,0 @@
-var styles = {
-  "container": "LikertScaleLegacy-module_container__5wjIJ",
-  "rated": "LikertScaleLegacy-module_rated__KXpzU",
-  "likertItem": "LikertScaleLegacy-module_likertItem__LwX2w",
-  "unselected": "LikertScaleLegacy-module_unselected__nP5p9",
-  "likertItemFill": "LikertScaleLegacy-module_likertItemFill__yj0tC",
-  "reversed": "LikertScaleLegacy-module_reversed__qrwrP",
-  "likertItem4": "LikertScaleLegacy-module_likertItem4__0SWtD",
-  "likertItem5": "LikertScaleLegacy-module_likertItem5__ZF0By",
-  "check": "LikertScaleLegacy-module_check__3wQsx",
-  "suggested": "LikertScaleLegacy-module_suggested__0xk0D",
-  "itemContainer": "LikertScaleLegacy-module_itemContainer__9Vfq0",
-  "legend": "LikertScaleLegacy-module_legend__HYNg-",
-  "classicalColorSchema": "LikertScaleLegacy-module_classicalColorSchema__nPw3y",
-  "field1": "LikertScaleLegacy-module_field1__TDRE-",
-  "selected": "LikertScaleLegacy-module_selected__MVmcb",
-  "field2": "LikertScaleLegacy-module_field2__s-CD7",
-  "field3": "LikertScaleLegacy-module_field3__xp5eQ",
-  "field4": "LikertScaleLegacy-module_field4__IVK7E",
-  "field5": "LikertScaleLegacy-module_field5__9sETV",
-  "blueColorSchema": "LikertScaleLegacy-module_blueColorSchema__w8XlF",
-  "pop": "LikertScaleLegacy-module_pop__hTH48",
-  "likertItem1": "LikertScaleLegacy-module_likertItem1__cYmY6",
-  "hovered": "LikertScaleLegacy-module_hovered__vVUN6"
-};
-export { styles as default };

package/dist/esm/src/Menu/index.mjs

@@ -1,13 +0,0 @@
-import { Menu as Menu$1 } from './Menu.mjs';
-import { MenuHeading as MenuHeading$1 } from './subcomponents/MenuHeading/MenuHeading.mjs';
-import { MenuItem as MenuItem$1 } from './subcomponents/MenuItem/MenuItem.mjs';
-import { MenuList as MenuList$1 } from './subcomponents/MenuList/MenuList.mjs';
-import { StatelessMenu as StatelessMenu$1 } from './subcomponents/StatelessMenu/StatelessMenu.mjs';
-
-// Since we can't add a deprecation flag on a * export
-var Menu = Menu$1;
-var MenuHeading = MenuHeading$1;
-var MenuItem = MenuItem$1;
-var MenuList = MenuList$1;
-var StatelessMenu = StatelessMenu$1;
-export { Menu, MenuHeading, MenuItem, MenuList, StatelessMenu };

package/dist/esm/src/Menu/subcomponents/MenuDropdown/MenuDropdown.module.scss.mjs

@@ -1,5 +0,0 @@
-var styles = {
-  "menuContainer": "MenuDropdown-module_menuContainer__kRPv-",
-  "defaultWidth": "MenuDropdown-module_defaultWidth__-k0La"
-};
-export { styles as default };

package/dist/esm/src/Menu/subcomponents/MenuHeading/MenuHeading.module.scss.mjs

@@ -1,4 +0,0 @@
-var styles = {
-  "heading": "MenuHeading-module_heading__a9BY8"
-};
-export { styles as default };

package/dist/esm/src/Menu/subcomponents/MenuItem/MenuItem.module.scss.mjs

@@ -1,10 +0,0 @@
-var styles = {
-  "menuListItem": "MenuItem-module_menuListItem__TlgwJ",
-  "menuItem": "MenuItem-module_menuItem__sVlLA",
-  "menuItem--disabled": "MenuItem-module_menuItem--disabled__hPAaZ",
-  "menuItem__Icon": "MenuItem-module_menuItem__Icon__MwIT9",
-  "menuItem--destructive": "MenuItem-module_menuItem--destructive__PRybF",
-  "menuItem--active": "MenuItem-module_menuItem--active__XRziT",
-  "menuItem__Label": "MenuItem-module_menuItem__Label__gXz-G"
-};
-export { styles as default };

package/dist/esm/src/Menu/subcomponents/MenuList/MenuList.module.scss.mjs

@@ -1,4 +0,0 @@
-var styles = {
-  "menuSection": "MenuList-module_menuSection__Wbgbr"
-};
-export { styles as default };

package/dist/esm/src/Menu/subcomponents/StatelessMenu/StatelessMenu.module.scss.mjs

@@ -1,4 +0,0 @@
-var styles = {
-  "buttonWrapper": "StatelessMenu-module_buttonWrapper__9LgSC"
-};
-export { styles as default };

package/dist/esm/src/Skirt/Skirt.mjs

@@ -1,59 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import classnames from 'classnames';
-import { Container } from '../Container/Container.mjs';
-import { Content } from '../Content/Content.mjs';
-import { useResizeObserver } from '../utils/useResizeObserver.mjs';
-import styles from './Skirt.module.scss.mjs';
-var spacing = 24;
-var maxHeight = 222;
-var fallbackPercentage = 0.8;
-/**
- * @deprecated This component will be removed in v2. Please remove any usages.
- */
-const Skirt = /*#__PURE__*/function () {
-  const Skirt = function (_a) {
-    var children = _a.children,
-      _b = _a.variant,
-      variant = _b === void 0 ? 'default' : _b,
-      _c = _a.titleBlockHasNavigation,
-      titleBlockHasNavigation = _c === void 0 ? true : _c,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["children", "variant", "titleBlockHasNavigation", "classNameOverride"]);
-    var _d = useResizeObserver(function (entry) {
-        if (entry.contentRect) {
-          return deriveSkirtHeight(entry.contentRect, titleBlockHasNavigation);
-        }
-        return undefined;
-      }),
-      ref = _d[0],
-      skirtHeight = _d[1];
-    return /*#__PURE__*/React.createElement(Container, __assign({
-      ref: ref,
-      classNameOverride: classnames(styles.container, classNameOverride)
-    }, restProps), /*#__PURE__*/React.createElement("div", {
-      style: __assign({}, skirtHeight && {
-        height: "".concat(skirtHeight, "px")
-      }),
-      className: classnames(styles.underlay, styles["".concat(variant, "Variant")])
-    }), /*#__PURE__*/React.createElement(Content, {
-      classNameOverride: styles.content
-    }, children));
-  };
-  Skirt.displayName = 'Skirt';
-  return Skirt;
-}();
-var deriveSkirtHeight = function (rect, titleBlockHasNavigation) {
-  var height = rect.height,
-    width = rect.width;
-  var responsiveOffset = 0;
-  if (width > 768) {
-    responsiveOffset = 2.8125 * 16;
-  }
-  // This ensures the maximum height of the skirt is consistent between pages
-  // where the title block has/doesn’t have navigation
-  var derivedMaxHeight = titleBlockHasNavigation ? maxHeight : maxHeight + responsiveOffset;
-  var maxHeightWithSpacing = derivedMaxHeight + spacing;
-  return Math.max(spacing, height > maxHeightWithSpacing ? derivedMaxHeight : height * fallbackPercentage - spacing);
-};
-export { Skirt };

package/dist/esm/src/Skirt/Skirt.module.scss.mjs

@@ -1,8 +0,0 @@
-var styles = {
-  "container": "Skirt-module_container__h4J-J",
-  "underlay": "Skirt-module_underlay__isMuP",
-  "defaultVariant": "Skirt-module_defaultVariant__VLaHK",
-  "educationVariant": "Skirt-module_educationVariant__12yxk",
-  "content": "Skirt-module_content__218H1"
-};
-export { styles as default };

package/dist/esm/src/Skirt/subcomponents/SkirtCard/SkirtCard.mjs

@@ -1,21 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import classnames from 'classnames';
-import { Card } from '../../../Card/Card.mjs';
-import styles from './SkirtCard.module.scss.mjs';
-
-/**
- * @deprecated This component will be removed in v2. Use a regular Card component instead.
- */
-const SkirtCard = /*#__PURE__*/function () {
-  const SkirtCard = function (props) {
-    var classNameOverride = props.classNameOverride,
-      restProps = __rest(props, ["classNameOverride"]);
-    return /*#__PURE__*/React.createElement(Card, __assign({
-      classNameOverride: classnames(styles.wrapper, classNameOverride)
-    }, restProps));
-  };
-  SkirtCard.displayName = 'SkirtCard';
-  return SkirtCard;
-}();
-export { SkirtCard };

package/dist/esm/src/Skirt/subcomponents/SkirtCard/SkirtCard.module.scss.mjs

@@ -1,4 +0,0 @@
-var styles = {
-  "wrapper": "SkirtCard-module_wrapper__05vkl"
-};
-export { styles as default };

package/dist/esm/src/SplitButton/SplitButton.mjs

@@ -1,45 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import classnames from 'classnames';
-import { Menu } from '../Menu/index.mjs';
-import { ActionButton } from './subcomponents/ActionButton/ActionButton.mjs';
-import { DropdownButton } from './subcomponents/DropdownButton/DropdownButton.mjs';
-import styles from './SplitButton.module.scss.mjs';
-
-/**
- * @deprecated This component will be removed in v2. Use a Button and Menu component instead.
- *
- * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3081896196/Split+Button Guidance} |
- * {@link https://cultureamp.design/storybook/?path=/docs/components-splitbutton--docs Storybook}
- */
-const SplitButton = /*#__PURE__*/function () {
-  const SplitButton = function (_a) {
-    var actionButtonProps = _a.actionButtonProps,
-      dropdownButtonProps = _a.dropdownButtonProps,
-      dropdownContent = _a.dropdownContent,
-      isDropdownInitOpen = _a.isDropdownInitOpen,
-      disabled = _a.disabled,
-      isReversed = _a.isReversed,
-      dir = _a.dir,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["actionButtonProps", "dropdownButtonProps", "dropdownContent", "isDropdownInitOpen", "disabled", "isReversed", "dir", "classNameOverride"]);
-    return /*#__PURE__*/React.createElement("div", __assign({
-      dir: dir,
-      className: classnames(styles.splitButton, classNameOverride)
-    }, restProps), /*#__PURE__*/React.createElement(ActionButton, __assign({
-      disabled: disabled,
-      isReversed: isReversed
-    }, actionButtonProps)), /*#__PURE__*/React.createElement(Menu, {
-      align: dir === 'rtl' ? 'left' : 'right',
-      dropdownWidth: "contain",
-      button: /*#__PURE__*/React.createElement(DropdownButton, __assign({
-        disabled: disabled,
-        isReversed: isReversed
-      }, dropdownButtonProps)),
-      menuVisible: isDropdownInitOpen
-    }, dropdownContent));
-  };
-  SplitButton.displayName = 'SplitButton';
-  return SplitButton;
-}();
-export { SplitButton };

package/dist/esm/src/SplitButton/SplitButton.module.scss.mjs

@@ -1,4 +0,0 @@
-var styles = {
-  "splitButton": "SplitButton-module_splitButton__oNIKE"
-};
-export { styles as default };

package/dist/esm/src/SplitButton/subcomponents/ActionButton/ActionButton.mjs

@@ -1,17 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import classnames from 'classnames';
-import { BaseButton } from '../BaseButton/BaseButton.mjs';
-import styles from './ActionButton.module.scss.mjs';
-const ActionButton = /*#__PURE__*/function () {
-  const ActionButton = function (_a) {
-    var classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["classNameOverride"]);
-    return /*#__PURE__*/React.createElement(BaseButton, __assign({
-      classNameOverride: classnames(styles.actionButton, classNameOverride)
-    }, restProps));
-  };
-  ActionButton.displayName = 'ActionButton';
-  return ActionButton;
-}();
-export { ActionButton };

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

@@ -1,4 +0,0 @@
-var styles = {
-  "actionButton": "ActionButton-module_actionButton__mJRl4"
-};
-export { styles as default };

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

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

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

@@ -1,6 +0,0 @@
-var styles = {
-  "baseButton": "BaseButton-module_baseButton__0XYh4",
-  "default": "BaseButton-module_default__6JNZx",
-  "isReversed": "BaseButton-module_isReversed__j8nyW"
-};
-export { styles as default };

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

@@ -1,30 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import { useIntl } from '@cultureamp/i18n-react-intl';
-import classnames from 'classnames';
-import { Icon } from '../../../__next__/Icon/Icon.mjs';
-import { BaseButton } from '../BaseButton/BaseButton.mjs';
-import styles from './DropdownButton.module.scss.mjs';
-const DropdownButton = /*#__PURE__*/function () {
-  const DropdownButton = function (_a) {
-    var classNameOverride = _a.classNameOverride,
-      ariaLabel = _a["aria-label"],
-      restProps = __rest(_a, ["classNameOverride", 'aria-label']);
-    var formatMessage = useIntl().formatMessage;
-    return /*#__PURE__*/React.createElement(BaseButton, __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'
-      }),
-      icon: /*#__PURE__*/React.createElement(Icon, {
-        name: "keyboard_arrow_down",
-        isPresentational: true
-      }),
-      classNameOverride: classnames(styles.dropdownButton, classNameOverride)
-    }, restProps));
-  };
-  DropdownButton.displayName = 'DropdownButton';
-  return DropdownButton;
-}();
-export { DropdownButton };

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

@@ -1,4 +0,0 @@
-var styles = {
-  "dropdownButton": "DropdownButton-module_dropdownButton__PqQH6"
-};
-export { styles as default };

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

@@ -1,58 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React, { useRef, useState } from 'react';
-import { Tab as Tab$1 } from '@reach/tabs';
-import classnames from 'classnames';
-import { useFocusable } from 'react-aria';
-import { Badge } from '../../Badge/Badge.mjs';
-import styles from './Tab.module.scss.mjs';
-
-/**
- * A tab button
- */
-var Tab = function (props) {
-  var isSelected = props.isSelected,
-    badge = props.badge,
-    disabled = props.disabled,
-    children = props.children,
-    classNameOverride = props.classNameOverride,
-    restProps = __rest(props, ["isSelected", "badge", "disabled", "children", "classNameOverride"]);
-  var ref = useRef(null);
-  var _a = useState(false),
-    isHovered = _a[0],
-    setIsHovered = _a[1];
-  var _b = useState(false),
-    isFocused = _b[0],
-    setIsFocused = _b[1];
-  var showActiveBadge = Boolean(isSelected || isHovered || isFocused);
-  var tabProps = __assign({
-    disabled: disabled,
-    className: classnames(styles.tab, classNameOverride, isSelected && styles.selected),
-    onFocus: function (event) {
-      var _a;
-      setIsFocused(true);
-      (_a = props.onFocus) === null || _a === void 0 ? void 0 : _a.call(props, event);
-    },
-    onBlur: function (event) {
-      var _a;
-      setIsFocused(false);
-      (_a = props.onBlur) === null || _a === void 0 ? void 0 : _a.call(props, event);
-    },
-    onMouseEnter: function () {
-      return setIsHovered(true);
-    },
-    onMouseLeave: function () {
-      return setIsHovered(false);
-    }
-  }, restProps);
-  var focusableProps = useFocusable(tabProps, ref).focusableProps;
-  // Reach is setting and managing tabIndex for us here, so we remove it from the focusableProps (also it needs to be non-defined, undefined is not enough)
-  delete focusableProps.tabIndex;
-  return /*#__PURE__*/React.createElement(Tab$1, __assign({
-    ref: ref
-  }, tabProps, focusableProps), children, badge && (/*#__PURE__*/React.createElement("span", {
-    className: styles.badge
-  }, /*#__PURE__*/React.createElement(Badge, {
-    variant: showActiveBadge ? 'active' : 'default'
-  }, badge))));
-};
-export { Tab };

package/dist/esm/src/Tabs/subcomponents/Tab.module.scss.mjs

@@ -1,6 +0,0 @@
-var styles = {
-  "tab": "Tab-module_tab__Rar3J",
-  "badge": "Tab-module_badge__4p2nd",
-  "selected": "Tab-module_selected__MApD6"
-};
-export { styles as default };

package/dist/esm/src/Tabs/subcomponents/TabList.mjs

@@ -1,22 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import { TabList as TabList$1 } from '@reach/tabs';
-import classnames from 'classnames';
-import styles from './TabList.module.scss.mjs';
-
-/**
- * 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 = __rest(props, ['aria-label', "noPadding", "children", "classNameOverride"]);
-  return /*#__PURE__*/React.createElement(TabList$1, __assign({
-    "aria-label": ariaLabel,
-    className: classnames(styles.tabList, classNameOverride, noPadding && styles.noPadding)
-  }, restProps), children);
-};
-export { TabList };

package/dist/esm/src/Tabs/subcomponents/TabList.module.scss.mjs

@@ -1,5 +0,0 @@
-var styles = {
-  "tabList": "TabList-module_tabList__A8Y9H",
-  "noPadding": "TabList-module_noPadding__v073J"
-};
-export { styles as default };

package/dist/esm/src/Tabs/subcomponents/TabPanel.mjs

@@ -1,16 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import { TabPanel as TabPanel$1 } from '@reach/tabs';
-
-/**
- * Wrapper for the content that shows when tab is active
- */
-var TabPanel = function (props) {
-  var classNameOverride = props.classNameOverride,
-    children = props.children,
-    restProps = __rest(props, ["classNameOverride", "children"]);
-  return /*#__PURE__*/React.createElement(TabPanel$1, __assign({
-    className: classNameOverride
-  }, restProps), children);
-};
-export { TabPanel };

package/dist/esm/src/Tabs/subcomponents/TabPanels.mjs

@@ -1,13 +0,0 @@
-import { __rest, __assign } from 'tslib';
-import React from 'react';
-import { TabPanels as TabPanels$1 } from '@reach/tabs';
-
-/**
- * Wrapper for the content panels
- */
-var TabPanels = function (props) {
-  var children = props.children,
-    restProps = __rest(props, ["children"]);
-  return /*#__PURE__*/React.createElement(TabPanels$1, __assign({}, restProps), children);
-};
-export { TabPanels };