@xqmsg/ui-core 0.12.0 → 0.12.1

package/dist/components/form/Form.stories.d.ts

@@ -1,5 +1,5 @@
 import { Meta } from '@storybook/react';
-import { FormProps } from 'src/components/form';
+import { FormProps } from '../../../src/components/form';
 declare const meta: Meta<FormProps<StoryFormSchema>>;
 interface StoryFormSchema {
     prop?: string;

package/dist/ui-core.cjs.development.js

@@ -7,8 +7,8 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 var React = require('react');
 var React__default = _interopDefault(React);
 var react = require('@chakra-ui/react');
-var colors$1 = _interopDefault(require('src/theme/foundations/colors'));
 var reactHookForm = require('react-hook-form');
+var colors$1 = _interopDefault(require('src/theme/foundations/colors'));
 var icons = require('@chakra-ui/icons');
 var hi = require('react-icons/hi');
 var themeTools = require('@chakra-ui/theme-tools');
@@ -22,64 +22,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 = React.useMemo(function () {
-    switch (variant) {
-      case 'error':
-        return /*#__PURE__*/React__default.createElement(react.Image, {
-          src: ErrorIcon,
-          alt: "error",
-          boxSize: "16px"
-        });
-
-      case 'neutral':
-        return /*#__PURE__*/React__default.createElement(react.Image, {
-          src: NeutralIcon,
-          alt: "neutral",
-          boxSize: "16px"
-        });
-
-      case 'positive':
-        return /*#__PURE__*/React__default.createElement(react.Image, {
-          src: PositiveIcon,
-          alt: "positive",
-          boxSize: "16px"
-        });
-
-      case 'warning':
-        return /*#__PURE__*/React__default.createElement(react.Image, {
-          src: WarningIcon,
-          alt: "warning",
-          boxSize: "16px"
-        });
-
-      default:
-        return null;
-    }
-  }, [variant]);
-  return /*#__PURE__*/React__default.createElement(react.Alert, {
-    variant: variant
-  }, /*#__PURE__*/React__default.createElement(react.AlertDescription, null, /*#__PURE__*/React__default.createElement(react.Box, {
-    pb: "8px"
-  }, Icon), message, onClick && buttonText && /*#__PURE__*/React__default.createElement(react.Flex, {
-    pt: "8px",
-    justifyContent: "flex-end"
-  }, /*#__PURE__*/React__default.createElement(react.Button, {
-    size: "sm",
-    bg: "white",
-    color: colors$1.fill.action,
-    onClick: onClick
-  }, buttonText))));
-};
-
 var blue = {
   50: 'hsl(209, 100%, 95%)',
   100: 'hsl(209, 100%, 90%)',
@@ -215,6 +157,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 = React.useMemo(function () {
+    switch (variant) {
+      case 'error':
+        return /*#__PURE__*/React__default.createElement(react.Image, {
+          src: ErrorIcon,
+          alt: "error",
+          boxSize: "16px"
+        });
+
+      case 'neutral':
+        return /*#__PURE__*/React__default.createElement(react.Image, {
+          src: NeutralIcon,
+          alt: "neutral",
+          boxSize: "16px"
+        });
+
+      case 'positive':
+        return /*#__PURE__*/React__default.createElement(react.Image, {
+          src: PositiveIcon,
+          alt: "positive",
+          boxSize: "16px"
+        });
+
+      case 'warning':
+        return /*#__PURE__*/React__default.createElement(react.Image, {
+          src: WarningIcon,
+          alt: "warning",
+          boxSize: "16px"
+        });
+
+      default:
+        return null;
+    }
+  }, [variant]);
+  return /*#__PURE__*/React__default.createElement(react.Alert, {
+    variant: variant
+  }, /*#__PURE__*/React__default.createElement(react.AlertDescription, null, /*#__PURE__*/React__default.createElement(react.Box, {
+    pb: "8px"
+  }, Icon), message, onClick && buttonText && /*#__PURE__*/React__default.createElement(react.Flex, {
+    pt: "8px",
+    justifyContent: "flex-end"
+  }, /*#__PURE__*/React__default.createElement(react.Button, {
+    size: "sm",
+    bg: "white",
+    color: colors.fill.action,
+    onClick: onClick
+  }, buttonText))));
+};
+
 /**
  * A functional React component utilized to render the `Icon` for the `Breadcrumbs` component.
  */
@@ -598,7 +598,7 @@ var StackedSelect = /*#__PURE__*/React__default.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__default.createElement(react.InputRightElement, {
     cursor: "pointer",
@@ -1031,7 +1031,7 @@ var Label$1 = function Label(_ref) {
       label = _ref.label;
   return /*#__PURE__*/React__default.createElement(react.FormLabel, null, label, isRequired && /*#__PURE__*/React__default.createElement(react.Box, {
     ml: 1,
-    color: colors$1.label.error
+    color: colors.label.error
   }, "*"));
 };