@xqmsg/ui-core 0.12.0 → 0.12.1

package/dist/ui-core.esm.js

@@ -1,7 +1,7 @@
 import React, { useMemo, useCallback, useRef, useState, useEffect } from 'react';
 import { Image, Alert as Alert$1, AlertDescription, Box, Flex, Button as Button$2, Text as Text$2, Icon as Icon$1, Spinner, InputGroup, Checkbox, Input as Input$2, RadioGroup, Radio, useOutsideClick, InputRightElement, Textarea as Textarea$1, Switch as Switch$1, FormLabel as FormLabel$1, FormControl, FormErrorMessage, FormHelperText, SimpleGrid, useMediaQuery, Grid, GridItem, IconButton, Collapse, TableContainer, Table as Table$2, Thead, Tr, Th, Tbody, Td, TableCaption, Tabs as Tabs$1, TabList, Tab, extendTheme, ChakraProvider } from '@chakra-ui/react';
-import colors$1 from 'src/theme/foundations/colors';
 import { FormProvider, useWatch, Controller } from 'react-hook-form';
+import colors$1 from 'src/theme/foundations/colors';
 import { CloseIcon as CloseIcon$1, HamburgerIcon } from '@chakra-ui/icons';
 import { HiOutlineRefresh } from 'react-icons/hi';
 import { createBreakpoints, transparentize, mode, getColor } from '@chakra-ui/theme-tools';
@@ -15,64 +15,6 @@ var NeutralIcon = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"
 
 var WarningIcon = "<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M7 5V7.5M13 7C13 10.3137 10.3137 13 7 13C3.68629 13 1 10.3137 1 7C1 3.68629 3.68629 1 7 1C10.3137 1 13 3.68629 13 7ZM7 9.5H7.005V9.505H7V9.5Z\" stroke=\"#F8CE52\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>";
 
-/**
- * A functional React component utilized to render the `Banner` component
- */
-
-var Banner = function Banner(_ref) {
-  var variant = _ref.variant,
-      message = _ref.message,
-      buttonText = _ref.buttonText,
-      onClick = _ref.onClick;
-  var Icon = useMemo(function () {
-    switch (variant) {
-      case 'error':
-        return /*#__PURE__*/React.createElement(Image, {
-          src: ErrorIcon,
-          alt: "error",
-          boxSize: "16px"
-        });
-
-      case 'neutral':
-        return /*#__PURE__*/React.createElement(Image, {
-          src: NeutralIcon,
-          alt: "neutral",
-          boxSize: "16px"
-        });
-
-      case 'positive':
-        return /*#__PURE__*/React.createElement(Image, {
-          src: PositiveIcon,
-          alt: "positive",
-          boxSize: "16px"
-        });
-
-      case 'warning':
-        return /*#__PURE__*/React.createElement(Image, {
-          src: WarningIcon,
-          alt: "warning",
-          boxSize: "16px"
-        });
-
-      default:
-        return null;
-    }
-  }, [variant]);
-  return /*#__PURE__*/React.createElement(Alert$1, {
-    variant: variant
-  }, /*#__PURE__*/React.createElement(AlertDescription, null, /*#__PURE__*/React.createElement(Box, {
-    pb: "8px"
-  }, Icon), message, onClick && buttonText && /*#__PURE__*/React.createElement(Flex, {
-    pt: "8px",
-    justifyContent: "flex-end"
-  }, /*#__PURE__*/React.createElement(Button$2, {
-    size: "sm",
-    bg: "white",
-    color: colors$1.fill.action,
-    onClick: onClick
-  }, buttonText))));
-};
-
 var blue = {
   50: 'hsl(209, 100%, 95%)',
   100: 'hsl(209, 100%, 90%)',
@@ -208,6 +150,64 @@ var colors = {
   blue: blue
 };
 
+/**
+ * A functional React component utilized to render the `Banner` component
+ */
+
+var Banner = function Banner(_ref) {
+  var variant = _ref.variant,
+      message = _ref.message,
+      buttonText = _ref.buttonText,
+      onClick = _ref.onClick;
+  var Icon = useMemo(function () {
+    switch (variant) {
+      case 'error':
+        return /*#__PURE__*/React.createElement(Image, {
+          src: ErrorIcon,
+          alt: "error",
+          boxSize: "16px"
+        });
+
+      case 'neutral':
+        return /*#__PURE__*/React.createElement(Image, {
+          src: NeutralIcon,
+          alt: "neutral",
+          boxSize: "16px"
+        });
+
+      case 'positive':
+        return /*#__PURE__*/React.createElement(Image, {
+          src: PositiveIcon,
+          alt: "positive",
+          boxSize: "16px"
+        });
+
+      case 'warning':
+        return /*#__PURE__*/React.createElement(Image, {
+          src: WarningIcon,
+          alt: "warning",
+          boxSize: "16px"
+        });
+
+      default:
+        return null;
+    }
+  }, [variant]);
+  return /*#__PURE__*/React.createElement(Alert$1, {
+    variant: variant
+  }, /*#__PURE__*/React.createElement(AlertDescription, null, /*#__PURE__*/React.createElement(Box, {
+    pb: "8px"
+  }, Icon), message, onClick && buttonText && /*#__PURE__*/React.createElement(Flex, {
+    pt: "8px",
+    justifyContent: "flex-end"
+  }, /*#__PURE__*/React.createElement(Button$2, {
+    size: "sm",
+    bg: "white",
+    color: colors.fill.action,
+    onClick: onClick
+  }, buttonText))));
+};
+
 /**
  * A functional React component utilized to render the `Icon` for the `Breadcrumbs` component.
  */
@@ -591,7 +591,7 @@ var StackedSelect = /*#__PURE__*/React.forwardRef(function (_ref2, _ref) {
     cursor: "pointer",
     color: "transparent",
     fontSize: "13px",
-    textShadow: "0 0 0 " + colors$1.label.primary.light,
+    textShadow: "0 0 0 " + colors.label.primary.light,
     value: selectedOption
   })), /*#__PURE__*/React.createElement(InputRightElement, {
     cursor: "pointer",
@@ -1024,7 +1024,7 @@ var Label$1 = function Label(_ref) {
       label = _ref.label;
   return /*#__PURE__*/React.createElement(FormLabel$1, null, label, isRequired && /*#__PURE__*/React.createElement(Box, {
     ml: 1,
-    color: colors$1.label.error
+    color: colors.label.error
   }, "*"));
 };