@kaizen/components 1.81.2 → 2.0.1

package/dist/cjs/src/LikertScaleLegacy/LikertScaleLegacy.module.scss.cjs

@@ -1,28 +0,0 @@
-'use strict';
-
-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"
-};
-module.exports = styles;

package/dist/cjs/src/Menu/index.cjs

@@ -1,19 +0,0 @@
-'use strict';
-
-var Menu$1 = require('./Menu.cjs');
-var MenuHeading$1 = require('./subcomponents/MenuHeading/MenuHeading.cjs');
-var MenuItem$1 = require('./subcomponents/MenuItem/MenuItem.cjs');
-var MenuList$1 = require('./subcomponents/MenuList/MenuList.cjs');
-var StatelessMenu$1 = require('./subcomponents/StatelessMenu/StatelessMenu.cjs');
-
-// Since we can't add a deprecation flag on a * export
-var Menu = Menu$1.Menu;
-var MenuHeading = MenuHeading$1.MenuHeading;
-var MenuItem = MenuItem$1.MenuItem;
-var MenuList = MenuList$1.MenuList;
-var StatelessMenu = StatelessMenu$1.StatelessMenu;
-exports.Menu = Menu;
-exports.MenuHeading = MenuHeading;
-exports.MenuItem = MenuItem;
-exports.MenuList = MenuList;
-exports.StatelessMenu = StatelessMenu;

package/dist/cjs/src/Menu/subcomponents/MenuDropdown/MenuDropdown.module.scss.cjs

@@ -1,7 +0,0 @@
-'use strict';
-
-var styles = {
-  "menuContainer": "MenuDropdown-module_menuContainer__kRPv-",
-  "defaultWidth": "MenuDropdown-module_defaultWidth__-k0La"
-};
-module.exports = styles;

package/dist/cjs/src/Menu/subcomponents/MenuHeading/MenuHeading.module.scss.cjs

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {
-  "heading": "MenuHeading-module_heading__a9BY8"
-};
-module.exports = styles;

package/dist/cjs/src/Menu/subcomponents/MenuItem/MenuItem.module.scss.cjs

@@ -1,12 +0,0 @@
-'use strict';
-
-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"
-};
-module.exports = styles;

package/dist/cjs/src/Menu/subcomponents/MenuList/MenuList.module.scss.cjs

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {
-  "menuSection": "MenuList-module_menuSection__Wbgbr"
-};
-module.exports = styles;

package/dist/cjs/src/Menu/subcomponents/StatelessMenu/StatelessMenu.module.scss.cjs

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {
-  "buttonWrapper": "StatelessMenu-module_buttonWrapper__9LgSC"
-};
-module.exports = styles;

package/dist/cjs/src/Skirt/Skirt.cjs

@@ -1,65 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var classnames = require('classnames');
-var Container = require('../Container/Container.cjs');
-var Content = require('../Content/Content.cjs');
-var useResizeObserver = require('../utils/useResizeObserver.cjs');
-var Skirt_module = require('./Skirt.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 spacing = 24;
-var maxHeight = 222;
-var fallbackPercentage = 0.8;
-/**
- * @deprecated This component will be removed in v2. Please remove any usages.
- */
-var 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 = tslib.__rest(_a, ["children", "variant", "titleBlockHasNavigation", "classNameOverride"]);
-  var _d = useResizeObserver.useResizeObserver(function (entry) {
-      if (entry.contentRect) {
-        return deriveSkirtHeight(entry.contentRect, titleBlockHasNavigation);
-      }
-      return undefined;
-    }),
-    ref = _d[0],
-    skirtHeight = _d[1];
-  return React__default.default.createElement(Container.Container, tslib.__assign({
-    ref: ref,
-    classNameOverride: classnames__default.default(Skirt_module.container, classNameOverride)
-  }, restProps), React__default.default.createElement("div", {
-    style: tslib.__assign({}, skirtHeight && {
-      height: "".concat(skirtHeight, "px")
-    }),
-    className: classnames__default.default(Skirt_module.underlay, Skirt_module["".concat(variant, "Variant")])
-  }), React__default.default.createElement(Content.Content, {
-    classNameOverride: Skirt_module.content
-  }, children));
-};
-Skirt.displayName = '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);
-};
-exports.Skirt = Skirt;

package/dist/cjs/src/Skirt/Skirt.module.scss.cjs

@@ -1,10 +0,0 @@
-'use strict';
-
-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"
-};
-module.exports = styles;

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

@@ -1,27 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var classnames = require('classnames');
-var Card = require('../../../Card/Card.cjs');
-var SkirtCard_module = require('./SkirtCard.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);
-
-/**
- * @deprecated This component will be removed in v2. Use a regular Card component instead.
- */
-var SkirtCard = function (props) {
-  var classNameOverride = props.classNameOverride,
-    restProps = tslib.__rest(props, ["classNameOverride"]);
-  return React__default.default.createElement(Card.Card, tslib.__assign({
-    classNameOverride: classnames__default.default(SkirtCard_module.wrapper, classNameOverride)
-  }, restProps));
-};
-SkirtCard.displayName = 'SkirtCard';
-exports.SkirtCard = SkirtCard;

package/dist/cjs/src/Skirt/subcomponents/SkirtCard/SkirtCard.module.scss.cjs

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {
-  "wrapper": "SkirtCard-module_wrapper__05vkl"
-};
-module.exports = styles;

package/dist/cjs/src/SplitButton/SplitButton.cjs

@@ -1,51 +0,0 @@
-'use strict';
-
-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');
-function _interopDefault(e) {
-  return e && e.__esModule ? e : {
-    default: e
-  };
-}
-var React__default = /*#__PURE__*/_interopDefault(React);
-var classnames__default = /*#__PURE__*/_interopDefault(classnames);
-
-/**
- * @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}
- */
-var 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 = tslib.__rest(_a, ["actionButtonProps", "dropdownButtonProps", "dropdownContent", "isDropdownInitOpen", "disabled", "isReversed", "dir", "classNameOverride"]);
-  return React__default.default.createElement("div", tslib.__assign({
-    dir: dir,
-    className: classnames__default.default(SplitButton_module.splitButton, classNameOverride)
-  }, 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',
-    dropdownWidth: "contain",
-    button: React__default.default.createElement(DropdownButton.DropdownButton, tslib.__assign({
-      disabled: disabled,
-      isReversed: isReversed
-    }, dropdownButtonProps)),
-    menuVisible: isDropdownInitOpen
-  }, dropdownContent));
-};
-SplitButton.displayName = 'SplitButton';
-exports.SplitButton = SplitButton;

package/dist/cjs/src/SplitButton/SplitButton.module.scss.cjs

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {
-  "splitButton": "SplitButton-module_splitButton__oNIKE"
-};
-module.exports = styles;

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

@@ -1,23 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var classnames = require('classnames');
-var BaseButton = require('../BaseButton/BaseButton.cjs');
-var ActionButton_module = require('./ActionButton.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 ActionButton = function (_a) {
-  var classNameOverride = _a.classNameOverride,
-    restProps = tslib.__rest(_a, ["classNameOverride"]);
-  return React__default.default.createElement(BaseButton.BaseButton, tslib.__assign({
-    classNameOverride: classnames__default.default(ActionButton_module.actionButton, classNameOverride)
-  }, restProps));
-};
-ActionButton.displayName = 'ActionButton';
-exports.ActionButton = ActionButton;

package/dist/cjs/src/SplitButton/subcomponents/ActionButton/ActionButton.module.scss.cjs

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {
-  "actionButton": "ActionButton-module_actionButton__mJRl4"
-};
-module.exports = styles;

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

@@ -1,43 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var classnames = require('classnames');
-var BaseButton_module = require('./BaseButton.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 isAnchor = function (attributes) {
-  return !attributes.disabled && attributes.href !== undefined;
-};
-var BaseButton = function (_a) {
-  var label = _a.label,
-    icon = _a.icon,
-    isReversed = _a.isReversed,
-    classNameOverride = _a.classNameOverride,
-    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: label
-  };
-  var children = contentProps.children,
-    restContentProps = tslib.__rest(contentProps, ["children"]);
-  if (isAnchor(attributes)) {
-    return React__default.default.createElement("a", tslib.__assign({
-      className: className
-    }, restContentProps, attributes), children);
-  }
-  return React__default.default.createElement("button", tslib.__assign({
-    type: "button",
-    className: className
-  }, restContentProps, attributes), children);
-};
-BaseButton.displayName = 'BaseButton';
-exports.BaseButton = BaseButton;

package/dist/cjs/src/SplitButton/subcomponents/BaseButton/BaseButton.module.scss.cjs

@@ -1,8 +0,0 @@
-'use strict';
-
-var styles = {
-  "baseButton": "BaseButton-module_baseButton__0XYh4",
-  "default": "BaseButton-module_default__6JNZx",
-  "isReversed": "BaseButton-module_isReversed__j8nyW"
-};
-module.exports = styles;

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

@@ -1,36 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var i18nReactIntl = require('@cultureamp/i18n-react-intl');
-var classnames = require('classnames');
-var Icon = require('../../../__next__/Icon/Icon.cjs');
-var BaseButton = require('../BaseButton/BaseButton.cjs');
-var DropdownButton_module = require('./DropdownButton.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 DropdownButton = function (_a) {
-  var classNameOverride = _a.classNameOverride,
-    ariaLabel = _a["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'
-    }),
-    icon: React__default.default.createElement(Icon.Icon, {
-      name: "keyboard_arrow_down",
-      isPresentational: true
-    }),
-    classNameOverride: classnames__default.default(DropdownButton_module.dropdownButton, classNameOverride)
-  }, restProps));
-};
-DropdownButton.displayName = 'DropdownButton';
-exports.DropdownButton = DropdownButton;

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

@@ -1,6 +0,0 @@
-'use strict';
-
-var styles = {
-  "dropdownButton": "DropdownButton-module_dropdownButton__PqQH6"
-};
-module.exports = styles;

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

@@ -1,67 +0,0 @@
-'use strict';
-
-var tslib = require('tslib');
-var React = require('react');
-var tabs = require('@reach/tabs');
-var classnames = require('classnames');
-var reactAria = require('react-aria');
-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 ref = React.useRef(null);
-  var _a = React.useState(false),
-    isHovered = _a[0],
-    setIsHovered = _a[1];
-  var _b = React.useState(false),
-    isFocused = _b[0],
-    setIsFocused = _b[1];
-  var showActiveBadge = Boolean(isSelected || isHovered || isFocused);
-  var tabProps = tslib.__assign({
-    disabled: disabled,
-    className: classnames__default.default(Tab_module.tab, classNameOverride, isSelected && Tab_module.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 = reactAria.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 React__default.default.createElement(tabs.Tab, tslib.__assign({
-    ref: ref
-  }, tabProps, focusableProps), 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/src/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/src/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/src/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/src/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/src/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;