@kaizen/components 3.3.1 → 3.3.3

package/dist/esm/src/__next__/Tag/RemovableTag/subcomponents/RemoveButton.mjs

@@ -1,26 +1,23 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import { Icon } from '../../../../Icon/Icon.mjs';
 import modules_35a981c4 from './RemoveButton.module.scss.mjs';
-const RemoveButton = /*#__PURE__*/function () {
-  const RemoveButton = function (_a) {
-    var classNameOverride = _a.classNameOverride,
-      // color = "gray",
-      ariaLabel = _a.ariaLabel,
-      onClick = _a.onClick,
-      restProps = __rest(_a, ["classNameOverride", "ariaLabel", "onClick"]);
-    return /*#__PURE__*/React.createElement("button", __assign({
-      type: "button",
-      "aria-label": ariaLabel,
-      className: classnames(modules_35a981c4.removeButton, classNameOverride),
-      onClick: onClick
-    }, restProps), /*#__PURE__*/React.createElement(Icon, {
-      name: "close",
-      isPresentational: true
-    }));
-  };
-  RemoveButton.displayName = 'RemoveButton';
-  return RemoveButton;
-}();
+var RemoveButton = function (_a) {
+  var classNameOverride = _a.classNameOverride,
+    // color = "gray",
+    ariaLabel = _a.ariaLabel,
+    onClick = _a.onClick,
+    restProps = __rest(_a, ["classNameOverride", "ariaLabel", "onClick"]);
+  return /*#__PURE__*/React__default.createElement("button", __assign({
+    type: "button",
+    "aria-label": ariaLabel,
+    className: classnames(modules_35a981c4.removeButton, classNameOverride),
+    onClick: onClick
+  }, restProps), /*#__PURE__*/React__default.createElement(Icon, {
+    name: "close",
+    isPresentational: true
+  }));
+};
+RemoveButton.displayName = 'RemoveButton';
 export { RemoveButton };

package/dist/esm/src/__next__/Tag/Tag/Tag.mjs

@@ -1,22 +1,19 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import classnames from 'classnames';
 import modules_939ef09c from './Tag.module.scss.mjs';
-const Tag = /*#__PURE__*/function () {
-  const Tag = function (_a) {
-    var children = _a.children,
-      classNameOverride = _a.classNameOverride,
-      icon = _a.icon,
-      _b = _a.color,
-      color = _b === void 0 ? 'gray' : _b,
-      restProps = __rest(_a, ["children", "classNameOverride", "icon", "color"]);
-    return /*#__PURE__*/React.createElement("span", __assign({
-      className: classnames(modules_939ef09c.tag, modules_939ef09c[color], classNameOverride)
-    }, restProps), icon && /*#__PURE__*/React.createElement("span", {
-      className: modules_939ef09c.iconContainer
-    }, icon), children);
-  };
-  Tag.displayName = 'Tag';
-  return Tag;
-}();
+var Tag = function (_a) {
+  var children = _a.children,
+    classNameOverride = _a.classNameOverride,
+    icon = _a.icon,
+    _b = _a.color,
+    color = _b === void 0 ? 'gray' : _b,
+    restProps = __rest(_a, ["children", "classNameOverride", "icon", "color"]);
+  return /*#__PURE__*/React__default.createElement("span", __assign({
+    className: classnames(modules_939ef09c.tag, modules_939ef09c[color], classNameOverride)
+  }, restProps), icon && /*#__PURE__*/React__default.createElement("span", {
+    className: modules_939ef09c.iconContainer
+  }, icon), children);
+};
+Tag.displayName = 'Tag';
 export { Tag };

package/dist/esm/src/utils/ReversedColors/ReversedColors.mjs

@@ -1,13 +1,13 @@
-import React from 'react';
-var ReversedColorsContext = /*#__PURE__*/React.createContext(false);
+import React__default from 'react';
+var ReversedColorsContext = /*#__PURE__*/React__default.createContext(false);
 var useReversedColors = function () {
-  return React.useContext(ReversedColorsContext);
+  return React__default.useContext(ReversedColorsContext);
 };
 var ReversedColors = function (_a) {
   var children = _a.children,
     _b = _a.isReversed,
     isReversed = _b === void 0 ? true : _b;
-  return /*#__PURE__*/React.createElement(ReversedColorsContext.Provider, {
+  return /*#__PURE__*/React__default.createElement(ReversedColorsContext.Provider, {
     value: isReversed
   }, children);
 };

package/dist/esm/src/utils/getNodeText.mjs

@@ -1,11 +1,11 @@
-import React from 'react';
+import React__default from 'react';
 
 // Adapted from https://stackoverflow.com/a/60564620
 var getNodeText = function (node) {
   if (!node) return '';
   if (typeof node === 'string' || typeof node === 'number') return node;
   if (node instanceof Array) return node.map(getNodeText).join('');
-  if (/*#__PURE__*/React.isValidElement(node)) return getNodeText(node.props.children);
+  if (/*#__PURE__*/React__default.isValidElement(node)) return getNodeText(node.props.children);
   return '';
 };
 export { getNodeText };

package/dist/esm/src/utils/useExitingAnimation/useExitingAnimation.mjs

@@ -1,11 +1,11 @@
-import React, { useState, useEffect } from 'react';
+import React__default, { useState, useEffect } from 'react';
 
 /** a utility hook for handling an the addition and removal of an animation and exit animation class */
 var useExitingAnimation = function (shouldAnimate, animatingClass, exitingClass, exitDuration) {
   var _a = useState(''),
     animationClass = _a[0],
     setAnimationClass = _a[1];
-  var previousIsLoading = React.useRef(undefined);
+  var previousIsLoading = React__default.useRef(undefined);
   useEffect(function () {
     if (shouldAnimate !== undefined) {
       if (previousIsLoading.current === true && shouldAnimate === false) {

package/dist/esm/src/utils/useMediaQueries.mjs

@@ -1,5 +1,5 @@
 import { __assign } from 'tslib';
-import React, { useMemo, useState, useEffect } from 'react';
+import React__default, { useMemo, useState, useEffect } from 'react';
 var subtractOnePixel = function (breakpoint) {
   return "".concat(parseInt(breakpoint, 10) - 1, "px");
 };
@@ -18,19 +18,19 @@ var useMediaQueries = function (propQueries) {
       },
       components: {
         SmallOnly: function () {
-          return /*#__PURE__*/React.createElement(React.Fragment, null);
+          return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
         },
         MediumOnly: function () {
-          return /*#__PURE__*/React.createElement(React.Fragment, null);
+          return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
         },
         LargeOnly: function () {
-          return /*#__PURE__*/React.createElement(React.Fragment, null);
+          return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
         },
         MediumOrSmaller: function () {
-          return /*#__PURE__*/React.createElement(React.Fragment, null);
+          return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
         },
         MediumOrLarger: function (props) {
-          return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
+          return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, props.children);
         }
       }
     };
@@ -138,19 +138,19 @@ var useMediaQueries = function (propQueries) {
   }, []);
   var kaizenComponents = {
     SmallOnly: function (props) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, kaizenMatches.isSmall && props.children);
+      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, kaizenMatches.isSmall && props.children);
     },
     MediumOnly: function (props) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, kaizenMatches.isMedium && props.children);
+      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, kaizenMatches.isMedium && props.children);
     },
     LargeOnly: function (props) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, kaizenMatches.isLarge && props.children);
+      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, kaizenMatches.isLarge && props.children);
     },
     MediumOrSmaller: function (props) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, kaizenMatches.isMediumOrSmaller && props.children);
+      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, kaizenMatches.isMediumOrSmaller && props.children);
     },
     MediumOrLarger: function (props) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, kaizenMatches.isMediumOrLarger && props.children);
+      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, kaizenMatches.isMediumOrLarger && props.children);
     }
   };
   // ---------------------------------------
@@ -160,7 +160,7 @@ var useMediaQueries = function (propQueries) {
   Object.keys(propQueries).map(function (key) {
     var componentName = key.charAt(0).toUpperCase() + key.slice(1);
     customComponents[componentName] = function (props) {
-      return /*#__PURE__*/React.createElement(React.Fragment, null, customMatches[key] && props.children);
+      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, customMatches[key] && props.children);
     };
   });
   return {