@spothero/ui 14.5.0 → 14.5.2-beta.0

package/v2/index-unbundled.cjs.js

@@ -34360,6 +34360,15 @@ var disabledButtonHoverStyle = {
     color: 'gray.dark'
   }
 };
+var destructiveButtonStyles = {
+  bg: 'white',
+  borderColor: 'red.default',
+  color: 'red.default',
+  _hover: _objectSpread$8({
+    borderColor: 'red.800',
+    color: 'red.800'
+  }, disabledButtonHoverStyle)
+};
 var variants$7 = {
   primary: {
     bg: 'primary.default',
@@ -34389,7 +34398,7 @@ var variants$7 = {
     borderColor: 'gray.medium',
     color: 'primary.default',
     _hover: _objectSpread$8({
-      borderColor: 'primary.default',
+      borderColor: 'primary.600',
       color: 'primary.600'
     }, disabledButtonHoverStyle)
   },
@@ -34448,7 +34457,54 @@ var variants$7 = {
         opacity: '.7'
       }
     }
-  }
+  },
+  tertiary: {
+    bg: 'none',
+    borderWidth: 'none',
+    borderRadius: 'unset',
+    color: 'primary.default',
+    textDecoration: 'underline',
+    h: 'unset',
+    m: 'unset',
+    minW: 'unset',
+    p: 'unset',
+    lineHeight: 1,
+    _disabled: {
+      bg: 'none',
+      color: 'gray.dark'
+    },
+    _hover: {
+      color: 'primary.600',
+      _disabled: {
+        color: 'gray.dark'
+      }
+    }
+  },
+  tertiaryOnDark: {
+    bg: 'none',
+    borderRadius: 'unset',
+    borderWidth: 'none',
+    color: 'white',
+    textDecoration: 'underline',
+    h: 'unset',
+    m: 'unset',
+    minW: 'unset',
+    p: 'unset',
+    _disabled: {
+      bg: 'none',
+      color: 'white',
+      opacity: '.7'
+    },
+    _hover: {
+      color: 'white',
+      opacity: '.8',
+      _disabled: {
+        opacity: '.7'
+      }
+    }
+  },
+  destructive: _objectSpread$8({}, destructiveButtonStyles),
+  destructiveOnDark: _objectSpread$8({}, destructiveButtonStyles)
 };
 var defaultProps$5 = {
   size: null
@@ -34467,11 +34523,12 @@ var _default$P = merge__default['default'](theme.components.Button, {
     return;
   }
 
-  reactHotLoader.register(baseStyle$8, "baseStyle", "/tmp/build/44cb8d9a/src/src/v2/components/Button/Button.styles.js");
-  reactHotLoader.register(disabledButtonHoverStyle, "disabledButtonHoverStyle", "/tmp/build/44cb8d9a/src/src/v2/components/Button/Button.styles.js");
-  reactHotLoader.register(variants$7, "variants", "/tmp/build/44cb8d9a/src/src/v2/components/Button/Button.styles.js");
-  reactHotLoader.register(defaultProps$5, "defaultProps", "/tmp/build/44cb8d9a/src/src/v2/components/Button/Button.styles.js");
-  reactHotLoader.register(_default$P, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Button/Button.styles.js");
+  reactHotLoader.register(baseStyle$8, "baseStyle", "/tmp/build/d4767a07/beta-pr/src/v2/components/Button/Button.styles.js");
+  reactHotLoader.register(disabledButtonHoverStyle, "disabledButtonHoverStyle", "/tmp/build/d4767a07/beta-pr/src/v2/components/Button/Button.styles.js");
+  reactHotLoader.register(destructiveButtonStyles, "destructiveButtonStyles", "/tmp/build/d4767a07/beta-pr/src/v2/components/Button/Button.styles.js");
+  reactHotLoader.register(variants$7, "variants", "/tmp/build/d4767a07/beta-pr/src/v2/components/Button/Button.styles.js");
+  reactHotLoader.register(defaultProps$5, "defaultProps", "/tmp/build/d4767a07/beta-pr/src/v2/components/Button/Button.styles.js");
+  reactHotLoader.register(_default$P, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Button/Button.styles.js");
 })();
 
 (function () {
@@ -34569,8 +34626,8 @@ var _default$O = props;
     return;
   }
 
-  reactHotLoader.register(props, "props", "/tmp/build/44cb8d9a/src/src/v2/components/Button/button-props.js");
-  reactHotLoader.register(_default$O, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Button/button-props.js");
+  reactHotLoader.register(props, "props", "/tmp/build/d4767a07/beta-pr/src/v2/components/Button/button-props.js");
+  reactHotLoader.register(_default$O, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Button/button-props.js");
 })();
 
 (function () {
@@ -34610,7 +34667,10 @@ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       props = _objectWithoutProperties(_ref, _excluded$b);
 
   return /*#__PURE__*/React__default['default'].createElement(Button$1, _extends({
-    iconSpacing: 2
+    iconSpacing: 2,
+    sx: {
+      'text-underline-offset': '1px'
+    }
   }, props, (asAnchor || props.as === 'a') && anchorProps(isExternal), {
     ref: ref
   }));
@@ -34629,9 +34689,9 @@ var _default$N = Button;
     return;
   }
 
-  reactHotLoader.register(anchorProps, "anchorProps", "/tmp/build/44cb8d9a/src/src/v2/components/Button/Button.jsx");
-  reactHotLoader.register(Button, "Button", "/tmp/build/44cb8d9a/src/src/v2/components/Button/Button.jsx");
-  reactHotLoader.register(_default$N, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Button/Button.jsx");
+  reactHotLoader.register(anchorProps, "anchorProps", "/tmp/build/d4767a07/beta-pr/src/v2/components/Button/Button.jsx");
+  reactHotLoader.register(Button, "Button", "/tmp/build/d4767a07/beta-pr/src/v2/components/Button/Button.jsx");
+  reactHotLoader.register(_default$N, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Button/Button.jsx");
 })();
 
 (function () {
@@ -34690,8 +34750,8 @@ var _default$M = options;
     return;
   }
 
-  reactHotLoader.register(options, "options", "/tmp/build/44cb8d9a/src/src/v2/components/Text/options.js");
-  reactHotLoader.register(_default$M, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Text/options.js");
+  reactHotLoader.register(options, "options", "/tmp/build/d4767a07/beta-pr/src/v2/components/Text/options.js");
+  reactHotLoader.register(_default$M, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Text/options.js");
 })();
 
 (function () {
@@ -34748,9 +34808,9 @@ var fontWeights = {
     return;
   }
 
-  reactHotLoader.register(fonts, "fonts", "/tmp/build/44cb8d9a/src/src/v2/theme/base/typography.js");
-  reactHotLoader.register(fontSizes, "fontSizes", "/tmp/build/44cb8d9a/src/src/v2/theme/base/typography.js");
-  reactHotLoader.register(fontWeights, "fontWeights", "/tmp/build/44cb8d9a/src/src/v2/theme/base/typography.js");
+  reactHotLoader.register(fonts, "fonts", "/tmp/build/d4767a07/beta-pr/src/v2/theme/base/typography.js");
+  reactHotLoader.register(fontSizes, "fontSizes", "/tmp/build/d4767a07/beta-pr/src/v2/theme/base/typography.js");
+  reactHotLoader.register(fontWeights, "fontWeights", "/tmp/build/d4767a07/beta-pr/src/v2/theme/base/typography.js");
 })();
 
 (function () {
@@ -34811,10 +34871,10 @@ var _default$L = merge__default['default'](theme.components.Text, {
     return;
   }
 
-  reactHotLoader.register(baseStyle$7, "baseStyle", "/tmp/build/44cb8d9a/src/src/v2/components/Text/Text.styles.js");
-  reactHotLoader.register(variants$6, "variants", "/tmp/build/44cb8d9a/src/src/v2/components/Text/Text.styles.js");
-  reactHotLoader.register(defaultProps$4, "defaultProps", "/tmp/build/44cb8d9a/src/src/v2/components/Text/Text.styles.js");
-  reactHotLoader.register(_default$L, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Text/Text.styles.js");
+  reactHotLoader.register(baseStyle$7, "baseStyle", "/tmp/build/d4767a07/beta-pr/src/v2/components/Text/Text.styles.js");
+  reactHotLoader.register(variants$6, "variants", "/tmp/build/d4767a07/beta-pr/src/v2/components/Text/Text.styles.js");
+  reactHotLoader.register(defaultProps$4, "defaultProps", "/tmp/build/d4767a07/beta-pr/src/v2/components/Text/Text.styles.js");
+  reactHotLoader.register(_default$L, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Text/Text.styles.js");
 })();
 
 (function () {
@@ -35073,9 +35133,9 @@ var _default$K = combineAsWithVariant;
     return;
   }
 
-  reactHotLoader.register(asOptions, "asOptions", "/tmp/build/44cb8d9a/src/src/v2/components/Text/combineAsWithVariant.js");
-  reactHotLoader.register(combineAsWithVariant, "combineAsWithVariant", "/tmp/build/44cb8d9a/src/src/v2/components/Text/combineAsWithVariant.js");
-  reactHotLoader.register(_default$K, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Text/combineAsWithVariant.js");
+  reactHotLoader.register(asOptions, "asOptions", "/tmp/build/d4767a07/beta-pr/src/v2/components/Text/combineAsWithVariant.js");
+  reactHotLoader.register(combineAsWithVariant, "combineAsWithVariant", "/tmp/build/d4767a07/beta-pr/src/v2/components/Text/combineAsWithVariant.js");
+  reactHotLoader.register(_default$K, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Text/combineAsWithVariant.js");
 })();
 
 (function () {
@@ -35131,8 +35191,8 @@ var _default$J = Text;
     return;
   }
 
-  reactHotLoader.register(Text, "Text", "/tmp/build/44cb8d9a/src/src/v2/components/Text/Text.jsx");
-  reactHotLoader.register(_default$J, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Text/Text.jsx");
+  reactHotLoader.register(Text, "Text", "/tmp/build/d4767a07/beta-pr/src/v2/components/Text/Text.jsx");
+  reactHotLoader.register(_default$J, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Text/Text.jsx");
 })();
 
 (function () {
@@ -35168,8 +35228,8 @@ var compactStyles = {
     return;
   }
 
-  reactHotLoader.register(baseStyles, "baseStyles", "/tmp/build/44cb8d9a/src/src/v2/components/Grid/Grid.styles.js");
-  reactHotLoader.register(compactStyles, "compactStyles", "/tmp/build/44cb8d9a/src/src/v2/components/Grid/Grid.styles.js");
+  reactHotLoader.register(baseStyles, "baseStyles", "/tmp/build/d4767a07/beta-pr/src/v2/components/Grid/Grid.styles.js");
+  reactHotLoader.register(compactStyles, "compactStyles", "/tmp/build/d4767a07/beta-pr/src/v2/components/Grid/Grid.styles.js");
 })();
 
 (function () {
@@ -35211,8 +35271,8 @@ var _default$I = Grid;
     return;
   }
 
-  reactHotLoader.register(Grid, "Grid", "/tmp/build/44cb8d9a/src/src/v2/components/Grid/Grid.jsx");
-  reactHotLoader.register(_default$I, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Grid/Grid.jsx");
+  reactHotLoader.register(Grid, "Grid", "/tmp/build/d4767a07/beta-pr/src/v2/components/Grid/Grid.jsx");
+  reactHotLoader.register(_default$I, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Grid/Grid.jsx");
 })();
 
 (function () {
@@ -35243,8 +35303,8 @@ var _default$H = styles$1;
     return;
   }
 
-  reactHotLoader.register(styles$1, "styles", "/tmp/build/44cb8d9a/src/src/v2/components/Grid/GridItem.styles.js");
-  reactHotLoader.register(_default$H, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Grid/GridItem.styles.js");
+  reactHotLoader.register(styles$1, "styles", "/tmp/build/d4767a07/beta-pr/src/v2/components/Grid/GridItem.styles.js");
+  reactHotLoader.register(_default$H, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Grid/GridItem.styles.js");
 })();
 
 (function () {
@@ -35274,8 +35334,8 @@ var _default$G = GridItem;
     return;
   }
 
-  reactHotLoader.register(GridItem, "GridItem", "/tmp/build/44cb8d9a/src/src/v2/components/Grid/GridItem.jsx");
-  reactHotLoader.register(_default$G, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Grid/GridItem.jsx");
+  reactHotLoader.register(GridItem, "GridItem", "/tmp/build/d4767a07/beta-pr/src/v2/components/Grid/GridItem.jsx");
+  reactHotLoader.register(_default$G, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Grid/GridItem.jsx");
 })();
 
 (function () {
@@ -35360,13 +35420,13 @@ var _default$F = List;
     return;
   }
 
-  reactHotLoader.register(unorderedProps, "unorderedProps", "/tmp/build/44cb8d9a/src/src/v2/components/List/List.jsx");
-  reactHotLoader.register(orderedProps, "orderedProps", "/tmp/build/44cb8d9a/src/src/v2/components/List/List.jsx");
-  reactHotLoader.register(STYLE_POSITIONS, "STYLE_POSITIONS", "/tmp/build/44cb8d9a/src/src/v2/components/List/List.jsx");
-  reactHotLoader.register(TYPES, "TYPES", "/tmp/build/44cb8d9a/src/src/v2/components/List/List.jsx");
-  reactHotLoader.register(getListProps, "getListProps", "/tmp/build/44cb8d9a/src/src/v2/components/List/List.jsx");
-  reactHotLoader.register(List, "List", "/tmp/build/44cb8d9a/src/src/v2/components/List/List.jsx");
-  reactHotLoader.register(_default$F, "default", "/tmp/build/44cb8d9a/src/src/v2/components/List/List.jsx");
+  reactHotLoader.register(unorderedProps, "unorderedProps", "/tmp/build/d4767a07/beta-pr/src/v2/components/List/List.jsx");
+  reactHotLoader.register(orderedProps, "orderedProps", "/tmp/build/d4767a07/beta-pr/src/v2/components/List/List.jsx");
+  reactHotLoader.register(STYLE_POSITIONS, "STYLE_POSITIONS", "/tmp/build/d4767a07/beta-pr/src/v2/components/List/List.jsx");
+  reactHotLoader.register(TYPES, "TYPES", "/tmp/build/d4767a07/beta-pr/src/v2/components/List/List.jsx");
+  reactHotLoader.register(getListProps, "getListProps", "/tmp/build/d4767a07/beta-pr/src/v2/components/List/List.jsx");
+  reactHotLoader.register(List, "List", "/tmp/build/d4767a07/beta-pr/src/v2/components/List/List.jsx");
+  reactHotLoader.register(_default$F, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/List/List.jsx");
 })();
 
 (function () {
@@ -35451,12 +35511,12 @@ var _default$E = {
     return;
   }
 
-  reactHotLoader.register(spinnerStyles, "spinnerStyles", "/tmp/build/44cb8d9a/src/src/v2/components/Spinner/Spinner.styles.js");
-  reactHotLoader.register(SIZE_MAP, "SIZE_MAP", "/tmp/build/44cb8d9a/src/src/v2/components/Spinner/Spinner.styles.js");
-  reactHotLoader.register(sizes$1, "sizes", "/tmp/build/44cb8d9a/src/src/v2/components/Spinner/Spinner.styles.js");
-  reactHotLoader.register(thicknesses, "thicknesses", "/tmp/build/44cb8d9a/src/src/v2/components/Spinner/Spinner.styles.js");
-  reactHotLoader.register(defaultProps$3, "defaultProps", "/tmp/build/44cb8d9a/src/src/v2/components/Spinner/Spinner.styles.js");
-  reactHotLoader.register(_default$E, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Spinner/Spinner.styles.js");
+  reactHotLoader.register(spinnerStyles, "spinnerStyles", "/tmp/build/d4767a07/beta-pr/src/v2/components/Spinner/Spinner.styles.js");
+  reactHotLoader.register(SIZE_MAP, "SIZE_MAP", "/tmp/build/d4767a07/beta-pr/src/v2/components/Spinner/Spinner.styles.js");
+  reactHotLoader.register(sizes$1, "sizes", "/tmp/build/d4767a07/beta-pr/src/v2/components/Spinner/Spinner.styles.js");
+  reactHotLoader.register(thicknesses, "thicknesses", "/tmp/build/d4767a07/beta-pr/src/v2/components/Spinner/Spinner.styles.js");
+  reactHotLoader.register(defaultProps$3, "defaultProps", "/tmp/build/d4767a07/beta-pr/src/v2/components/Spinner/Spinner.styles.js");
+  reactHotLoader.register(_default$E, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Spinner/Spinner.styles.js");
 })();
 
 (function () {
@@ -35514,8 +35574,8 @@ var _default$D = Spinner;
     return;
   }
 
-  reactHotLoader.register(Spinner, "Spinner", "/tmp/build/44cb8d9a/src/src/v2/components/Spinner/Spinner.jsx");
-  reactHotLoader.register(_default$D, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Spinner/Spinner.jsx");
+  reactHotLoader.register(Spinner, "Spinner", "/tmp/build/d4767a07/beta-pr/src/v2/components/Spinner/Spinner.jsx");
+  reactHotLoader.register(_default$D, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Spinner/Spinner.jsx");
 })();
 
 (function () {
@@ -35593,10 +35653,10 @@ var _default$C = {
     return;
   }
 
-  reactHotLoader.register(baseStyle$6, "baseStyle", "/tmp/build/44cb8d9a/src/src/v2/components/Heading/Heading.styles.js");
-  reactHotLoader.register(variants$5, "variants", "/tmp/build/44cb8d9a/src/src/v2/components/Heading/Heading.styles.js");
-  reactHotLoader.register(defaultProps$2, "defaultProps", "/tmp/build/44cb8d9a/src/src/v2/components/Heading/Heading.styles.js");
-  reactHotLoader.register(_default$C, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Heading/Heading.styles.js");
+  reactHotLoader.register(baseStyle$6, "baseStyle", "/tmp/build/d4767a07/beta-pr/src/v2/components/Heading/Heading.styles.js");
+  reactHotLoader.register(variants$5, "variants", "/tmp/build/d4767a07/beta-pr/src/v2/components/Heading/Heading.styles.js");
+  reactHotLoader.register(defaultProps$2, "defaultProps", "/tmp/build/d4767a07/beta-pr/src/v2/components/Heading/Heading.styles.js");
+  reactHotLoader.register(_default$C, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Heading/Heading.styles.js");
 })();
 
 (function () {
@@ -35637,8 +35697,8 @@ var _default$B = Heading;
     return;
   }
 
-  reactHotLoader.register(Heading, "Heading", "/tmp/build/44cb8d9a/src/src/v2/components/Heading/Heading.jsx");
-  reactHotLoader.register(_default$B, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Heading/Heading.jsx");
+  reactHotLoader.register(Heading, "Heading", "/tmp/build/d4767a07/beta-pr/src/v2/components/Heading/Heading.jsx");
+  reactHotLoader.register(_default$B, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Heading/Heading.jsx");
 })();
 
 (function () {
@@ -35673,8 +35733,8 @@ var _default$A = styles;
     return;
   }
 
-  reactHotLoader.register(styles, "styles", "/tmp/build/44cb8d9a/src/src/v2/components/Container/Container.styles.js");
-  reactHotLoader.register(_default$A, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Container/Container.styles.js");
+  reactHotLoader.register(styles, "styles", "/tmp/build/d4767a07/beta-pr/src/v2/components/Container/Container.styles.js");
+  reactHotLoader.register(_default$A, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Container/Container.styles.js");
 })();
 
 (function () {
@@ -35704,8 +35764,8 @@ var _default$z = Container;
     return;
   }
 
-  reactHotLoader.register(Container, "Container", "/tmp/build/44cb8d9a/src/src/v2/components/Container/Container.jsx");
-  reactHotLoader.register(_default$z, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Container/Container.jsx");
+  reactHotLoader.register(Container, "Container", "/tmp/build/d4767a07/beta-pr/src/v2/components/Container/Container.jsx");
+  reactHotLoader.register(_default$z, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Container/Container.jsx");
 })();
 
 (function () {
@@ -35874,9 +35934,9 @@ var _default$y = sizes;
     return;
   }
 
-  reactHotLoader.register(container$1, "container", "/tmp/build/44cb8d9a/src/src/v2/theme/base/sizes.js");
-  reactHotLoader.register(sizes, "sizes", "/tmp/build/44cb8d9a/src/src/v2/theme/base/sizes.js");
-  reactHotLoader.register(_default$y, "default", "/tmp/build/44cb8d9a/src/src/v2/theme/base/sizes.js");
+  reactHotLoader.register(container$1, "container", "/tmp/build/d4767a07/beta-pr/src/v2/theme/base/sizes.js");
+  reactHotLoader.register(sizes, "sizes", "/tmp/build/d4767a07/beta-pr/src/v2/theme/base/sizes.js");
+  reactHotLoader.register(_default$y, "default", "/tmp/build/d4767a07/beta-pr/src/v2/theme/base/sizes.js");
 })();
 
 (function () {
@@ -36027,17 +36087,17 @@ var _default$x = colors;
     return;
   }
 
-  reactHotLoader.register(white, "white", "/tmp/build/44cb8d9a/src/src/v2/theme/base/colors.js");
-  reactHotLoader.register(black, "black", "/tmp/build/44cb8d9a/src/src/v2/theme/base/colors.js");
-  reactHotLoader.register(brandBlue, "brandBlue", "/tmp/build/44cb8d9a/src/src/v2/theme/base/colors.js");
-  reactHotLoader.register(gray, "gray", "/tmp/build/44cb8d9a/src/src/v2/theme/base/colors.js");
-  reactHotLoader.register(blue, "blue", "/tmp/build/44cb8d9a/src/src/v2/theme/base/colors.js");
-  reactHotLoader.register(navy, "navy", "/tmp/build/44cb8d9a/src/src/v2/theme/base/colors.js");
-  reactHotLoader.register(green, "green", "/tmp/build/44cb8d9a/src/src/v2/theme/base/colors.js");
-  reactHotLoader.register(yellow, "yellow", "/tmp/build/44cb8d9a/src/src/v2/theme/base/colors.js");
-  reactHotLoader.register(red, "red", "/tmp/build/44cb8d9a/src/src/v2/theme/base/colors.js");
-  reactHotLoader.register(colors, "colors", "/tmp/build/44cb8d9a/src/src/v2/theme/base/colors.js");
-  reactHotLoader.register(_default$x, "default", "/tmp/build/44cb8d9a/src/src/v2/theme/base/colors.js");
+  reactHotLoader.register(white, "white", "/tmp/build/d4767a07/beta-pr/src/v2/theme/base/colors.js");
+  reactHotLoader.register(black, "black", "/tmp/build/d4767a07/beta-pr/src/v2/theme/base/colors.js");
+  reactHotLoader.register(brandBlue, "brandBlue", "/tmp/build/d4767a07/beta-pr/src/v2/theme/base/colors.js");
+  reactHotLoader.register(gray, "gray", "/tmp/build/d4767a07/beta-pr/src/v2/theme/base/colors.js");
+  reactHotLoader.register(blue, "blue", "/tmp/build/d4767a07/beta-pr/src/v2/theme/base/colors.js");
+  reactHotLoader.register(navy, "navy", "/tmp/build/d4767a07/beta-pr/src/v2/theme/base/colors.js");
+  reactHotLoader.register(green, "green", "/tmp/build/d4767a07/beta-pr/src/v2/theme/base/colors.js");
+  reactHotLoader.register(yellow, "yellow", "/tmp/build/d4767a07/beta-pr/src/v2/theme/base/colors.js");
+  reactHotLoader.register(red, "red", "/tmp/build/d4767a07/beta-pr/src/v2/theme/base/colors.js");
+  reactHotLoader.register(colors, "colors", "/tmp/build/d4767a07/beta-pr/src/v2/theme/base/colors.js");
+  reactHotLoader.register(_default$x, "default", "/tmp/build/d4767a07/beta-pr/src/v2/theme/base/colors.js");
 })();
 
 (function () {
@@ -36090,8 +36150,8 @@ var _default$w = indices;
     return;
   }
 
-  reactHotLoader.register(indices, "indices", "/tmp/build/44cb8d9a/src/src/v2/theme/base/zindices.js");
-  reactHotLoader.register(_default$w, "default", "/tmp/build/44cb8d9a/src/src/v2/theme/base/zindices.js");
+  reactHotLoader.register(indices, "indices", "/tmp/build/d4767a07/beta-pr/src/v2/theme/base/zindices.js");
+  reactHotLoader.register(_default$w, "default", "/tmp/build/d4767a07/beta-pr/src/v2/theme/base/zindices.js");
 })();
 
 (function () {
@@ -36133,8 +36193,8 @@ var _default$v = breakpoints;
     return;
   }
 
-  reactHotLoader.register(breakpoints, "breakpoints", "/tmp/build/44cb8d9a/src/src/v2/theme/base/breakpoints.js");
-  reactHotLoader.register(_default$v, "default", "/tmp/build/44cb8d9a/src/src/v2/theme/base/breakpoints.js");
+  reactHotLoader.register(breakpoints, "breakpoints", "/tmp/build/d4767a07/beta-pr/src/v2/theme/base/breakpoints.js");
+  reactHotLoader.register(_default$v, "default", "/tmp/build/d4767a07/beta-pr/src/v2/theme/base/breakpoints.js");
 })();
 
 (function () {
@@ -36205,10 +36265,10 @@ LegacyOverrides.propTypes = {
     return;
   }
 
-  reactHotLoader.register(global$1, "global", "/tmp/build/44cb8d9a/src/src/v2/theme/global.js");
-  reactHotLoader.register(Fonts, "Fonts", "/tmp/build/44cb8d9a/src/src/v2/theme/global.js");
-  reactHotLoader.register(LegacyOverrides, "LegacyOverrides", "/tmp/build/44cb8d9a/src/src/v2/theme/global.js");
-  reactHotLoader.register(_default$u, "default", "/tmp/build/44cb8d9a/src/src/v2/theme/global.js");
+  reactHotLoader.register(global$1, "global", "/tmp/build/d4767a07/beta-pr/src/v2/theme/global.js");
+  reactHotLoader.register(Fonts, "Fonts", "/tmp/build/d4767a07/beta-pr/src/v2/theme/global.js");
+  reactHotLoader.register(LegacyOverrides, "LegacyOverrides", "/tmp/build/d4767a07/beta-pr/src/v2/theme/global.js");
+  reactHotLoader.register(_default$u, "default", "/tmp/build/d4767a07/beta-pr/src/v2/theme/global.js");
 })();
 
 (function () {
@@ -36237,8 +36297,8 @@ var _default$t = item;
     return;
   }
 
-  reactHotLoader.register(item, "item", "/tmp/build/44cb8d9a/src/src/v2/components/List/styles/item.styles.js");
-  reactHotLoader.register(_default$t, "default", "/tmp/build/44cb8d9a/src/src/v2/components/List/styles/item.styles.js");
+  reactHotLoader.register(item, "item", "/tmp/build/d4767a07/beta-pr/src/v2/components/List/styles/item.styles.js");
+  reactHotLoader.register(_default$t, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/List/styles/item.styles.js");
 })();
 
 (function () {
@@ -36269,8 +36329,8 @@ var _default$s = merge__default['default'](theme.components.List, {
     return;
   }
 
-  reactHotLoader.register(baseStyle$5, "baseStyle", "/tmp/build/44cb8d9a/src/src/v2/components/List/styles/index.js");
-  reactHotLoader.register(_default$s, "default", "/tmp/build/44cb8d9a/src/src/v2/components/List/styles/index.js");
+  reactHotLoader.register(baseStyle$5, "baseStyle", "/tmp/build/d4767a07/beta-pr/src/v2/components/List/styles/index.js");
+  reactHotLoader.register(_default$s, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/List/styles/index.js");
 })();
 
 (function () {
@@ -36356,13 +36416,13 @@ var _default$r = {
     return;
   }
 
-  reactHotLoader.register(parts$2, "parts", "/tmp/build/44cb8d9a/src/src/v2/components/Table/Table.styles.js");
-  reactHotLoader.register(baseStyle$4, "baseStyle", "/tmp/build/44cb8d9a/src/src/v2/components/Table/Table.styles.js");
-  reactHotLoader.register(roundedWhiteVariant, "roundedWhiteVariant", "/tmp/build/44cb8d9a/src/src/v2/components/Table/Table.styles.js");
-  reactHotLoader.register(roundedGrayVariant, "roundedGrayVariant", "/tmp/build/44cb8d9a/src/src/v2/components/Table/Table.styles.js");
-  reactHotLoader.register(variants$4, "variants", "/tmp/build/44cb8d9a/src/src/v2/components/Table/Table.styles.js");
-  reactHotLoader.register(defaultProps$1, "defaultProps", "/tmp/build/44cb8d9a/src/src/v2/components/Table/Table.styles.js");
-  reactHotLoader.register(_default$r, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Table/Table.styles.js");
+  reactHotLoader.register(parts$2, "parts", "/tmp/build/d4767a07/beta-pr/src/v2/components/Table/Table.styles.js");
+  reactHotLoader.register(baseStyle$4, "baseStyle", "/tmp/build/d4767a07/beta-pr/src/v2/components/Table/Table.styles.js");
+  reactHotLoader.register(roundedWhiteVariant, "roundedWhiteVariant", "/tmp/build/d4767a07/beta-pr/src/v2/components/Table/Table.styles.js");
+  reactHotLoader.register(roundedGrayVariant, "roundedGrayVariant", "/tmp/build/d4767a07/beta-pr/src/v2/components/Table/Table.styles.js");
+  reactHotLoader.register(variants$4, "variants", "/tmp/build/d4767a07/beta-pr/src/v2/components/Table/Table.styles.js");
+  reactHotLoader.register(defaultProps$1, "defaultProps", "/tmp/build/d4767a07/beta-pr/src/v2/components/Table/Table.styles.js");
+  reactHotLoader.register(_default$r, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Table/Table.styles.js");
 })();
 
 (function () {
@@ -36421,11 +36481,11 @@ var _default$q = {
     return;
   }
 
-  reactHotLoader.register(baseStyle$3, "baseStyle", "/tmp/build/44cb8d9a/src/src/v2/components/Link/Link.styles.js");
-  reactHotLoader.register(linkOnDark, "linkOnDark", "/tmp/build/44cb8d9a/src/src/v2/components/Link/Link.styles.js");
-  reactHotLoader.register(variants$3, "variants", "/tmp/build/44cb8d9a/src/src/v2/components/Link/Link.styles.js");
-  reactHotLoader.register(defaultProps, "defaultProps", "/tmp/build/44cb8d9a/src/src/v2/components/Link/Link.styles.js");
-  reactHotLoader.register(_default$q, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Link/Link.styles.js");
+  reactHotLoader.register(baseStyle$3, "baseStyle", "/tmp/build/d4767a07/beta-pr/src/v2/components/Link/Link.styles.js");
+  reactHotLoader.register(linkOnDark, "linkOnDark", "/tmp/build/d4767a07/beta-pr/src/v2/components/Link/Link.styles.js");
+  reactHotLoader.register(variants$3, "variants", "/tmp/build/d4767a07/beta-pr/src/v2/components/Link/Link.styles.js");
+  reactHotLoader.register(defaultProps, "defaultProps", "/tmp/build/d4767a07/beta-pr/src/v2/components/Link/Link.styles.js");
+  reactHotLoader.register(_default$q, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Link/Link.styles.js");
 })();
 
 (function () {
@@ -36456,8 +36516,8 @@ var _default$p = panel;
     return;
   }
 
-  reactHotLoader.register(panel, "panel", "/tmp/build/44cb8d9a/src/src/v2/components/Accordion/styles/panel.js");
-  reactHotLoader.register(_default$p, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Accordion/styles/panel.js");
+  reactHotLoader.register(panel, "panel", "/tmp/build/d4767a07/beta-pr/src/v2/components/Accordion/styles/panel.js");
+  reactHotLoader.register(_default$p, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Accordion/styles/panel.js");
 })();
 
 (function () {
@@ -36494,8 +36554,8 @@ var _default$o = button;
     return;
   }
 
-  reactHotLoader.register(button, "button", "/tmp/build/44cb8d9a/src/src/v2/components/Accordion/styles/button.js");
-  reactHotLoader.register(_default$o, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Accordion/styles/button.js");
+  reactHotLoader.register(button, "button", "/tmp/build/d4767a07/beta-pr/src/v2/components/Accordion/styles/button.js");
+  reactHotLoader.register(_default$o, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Accordion/styles/button.js");
 })();
 
 (function () {
@@ -36528,8 +36588,8 @@ var _default$n = container;
     return;
   }
 
-  reactHotLoader.register(container, "container", "/tmp/build/44cb8d9a/src/src/v2/components/Accordion/styles/container.js");
-  reactHotLoader.register(_default$n, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Accordion/styles/container.js");
+  reactHotLoader.register(container, "container", "/tmp/build/d4767a07/beta-pr/src/v2/components/Accordion/styles/container.js");
+  reactHotLoader.register(_default$n, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Accordion/styles/container.js");
 })();
 
 (function () {
@@ -36564,9 +36624,9 @@ var _default$m = merge__default['default'](theme.components.Accordion, {
     return;
   }
 
-  reactHotLoader.register(parts$1, "parts", "/tmp/build/44cb8d9a/src/src/v2/components/Accordion/styles/index.js");
-  reactHotLoader.register(baseStyle$2, "baseStyle", "/tmp/build/44cb8d9a/src/src/v2/components/Accordion/styles/index.js");
-  reactHotLoader.register(_default$m, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Accordion/styles/index.js");
+  reactHotLoader.register(parts$1, "parts", "/tmp/build/d4767a07/beta-pr/src/v2/components/Accordion/styles/index.js");
+  reactHotLoader.register(baseStyle$2, "baseStyle", "/tmp/build/d4767a07/beta-pr/src/v2/components/Accordion/styles/index.js");
+  reactHotLoader.register(_default$m, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Accordion/styles/index.js");
 })();
 
 (function () {
@@ -36624,8 +36684,8 @@ var _default$l = merge__default['default'](theme.components.Tabs, {
     return;
   }
 
-  reactHotLoader.register(variants$2, "variants", "/tmp/build/44cb8d9a/src/src/v2/components/Tabs/styles/index.js");
-  reactHotLoader.register(_default$l, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Tabs/styles/index.js");
+  reactHotLoader.register(variants$2, "variants", "/tmp/build/d4767a07/beta-pr/src/v2/components/Tabs/styles/index.js");
+  reactHotLoader.register(_default$l, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Tabs/styles/index.js");
 })();
 
 (function () {
@@ -36691,8 +36751,8 @@ var _default$k = merge__default['default'](theme.components.Select, {
     return;
   }
 
-  reactHotLoader.register(variants$1, "variants", "/tmp/build/44cb8d9a/src/src/v2/components/Select/styles/index.js");
-  reactHotLoader.register(_default$k, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Select/styles/index.js");
+  reactHotLoader.register(variants$1, "variants", "/tmp/build/d4767a07/beta-pr/src/v2/components/Select/styles/index.js");
+  reactHotLoader.register(_default$k, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Select/styles/index.js");
 })();
 
 (function () {
@@ -36747,8 +36807,8 @@ var _default$j = merge__default['default'](theme.components.Checkbox, {
     return;
   }
 
-  reactHotLoader.register(baseStyle$1, "baseStyle", "/tmp/build/44cb8d9a/src/src/v2/components/Checkbox/styles/index.js");
-  reactHotLoader.register(_default$j, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Checkbox/styles/index.js");
+  reactHotLoader.register(baseStyle$1, "baseStyle", "/tmp/build/d4767a07/beta-pr/src/v2/components/Checkbox/styles/index.js");
+  reactHotLoader.register(_default$j, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Checkbox/styles/index.js");
 })();
 
 (function () {
@@ -36790,8 +36850,8 @@ var _default$i = popperStyles;
     return;
   }
 
-  reactHotLoader.register(popperStyles, "popperStyles", "/tmp/build/44cb8d9a/src/src/v2/components/Popover/styles/popper.js");
-  reactHotLoader.register(_default$i, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Popover/styles/popper.js");
+  reactHotLoader.register(popperStyles, "popperStyles", "/tmp/build/d4767a07/beta-pr/src/v2/components/Popover/styles/popper.js");
+  reactHotLoader.register(_default$i, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Popover/styles/popper.js");
 })();
 
 (function () {
@@ -36823,8 +36883,8 @@ var _default$h = body;
     return;
   }
 
-  reactHotLoader.register(body, "body", "/tmp/build/44cb8d9a/src/src/v2/components/Popover/styles/popover-body.js");
-  reactHotLoader.register(_default$h, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Popover/styles/popover-body.js");
+  reactHotLoader.register(body, "body", "/tmp/build/d4767a07/beta-pr/src/v2/components/Popover/styles/popover-body.js");
+  reactHotLoader.register(_default$h, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Popover/styles/popover-body.js");
 })();
 
 (function () {
@@ -36854,8 +36914,8 @@ var _default$g = headerStyles;
     return;
   }
 
-  reactHotLoader.register(headerStyles, "headerStyles", "/tmp/build/44cb8d9a/src/src/v2/components/Popover/styles/popover-header.js");
-  reactHotLoader.register(_default$g, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Popover/styles/popover-header.js");
+  reactHotLoader.register(headerStyles, "headerStyles", "/tmp/build/d4767a07/beta-pr/src/v2/components/Popover/styles/popover-header.js");
+  reactHotLoader.register(_default$g, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Popover/styles/popover-header.js");
 })();
 
 (function () {
@@ -36885,7 +36945,7 @@ var _default$f = {
     return;
   }
 
-  reactHotLoader.register(_default$f, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Popover/styles/popover-content.js");
+  reactHotLoader.register(_default$f, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Popover/styles/popover-content.js");
 })();
 
 (function () {
@@ -36924,9 +36984,9 @@ var _default$e = merge__default['default'](theme.components.Popover, {
     return;
   }
 
-  reactHotLoader.register(parts, "parts", "/tmp/build/44cb8d9a/src/src/v2/components/Popover/styles/index.js");
-  reactHotLoader.register(baseStyle, "baseStyle", "/tmp/build/44cb8d9a/src/src/v2/components/Popover/styles/index.js");
-  reactHotLoader.register(_default$e, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Popover/styles/index.js");
+  reactHotLoader.register(parts, "parts", "/tmp/build/d4767a07/beta-pr/src/v2/components/Popover/styles/index.js");
+  reactHotLoader.register(baseStyle, "baseStyle", "/tmp/build/d4767a07/beta-pr/src/v2/components/Popover/styles/index.js");
+  reactHotLoader.register(_default$e, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Popover/styles/index.js");
 })();
 
 (function () {
@@ -36990,8 +37050,8 @@ var _default$d = merge__default['default'](theme.components.Input, {
     return;
   }
 
-  reactHotLoader.register(variants, "variants", "/tmp/build/44cb8d9a/src/src/v2/components/Input/styles/index.js");
-  reactHotLoader.register(_default$d, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Input/styles/index.js");
+  reactHotLoader.register(variants, "variants", "/tmp/build/d4767a07/beta-pr/src/v2/components/Input/styles/index.js");
+  reactHotLoader.register(_default$d, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Input/styles/index.js");
 })();
 
 (function () {
@@ -37059,9 +37119,9 @@ var _default$c = extendTheme(extendedTheme, baseConfig);
     return;
   }
 
-  reactHotLoader.register(extendedTheme, "extendedTheme", "/tmp/build/44cb8d9a/src/src/v2/theme/index.js");
-  reactHotLoader.register(baseConfig, "baseConfig", "/tmp/build/44cb8d9a/src/src/v2/theme/index.js");
-  reactHotLoader.register(_default$c, "default", "/tmp/build/44cb8d9a/src/src/v2/theme/index.js");
+  reactHotLoader.register(extendedTheme, "extendedTheme", "/tmp/build/d4767a07/beta-pr/src/v2/theme/index.js");
+  reactHotLoader.register(baseConfig, "baseConfig", "/tmp/build/d4767a07/beta-pr/src/v2/theme/index.js");
+  reactHotLoader.register(_default$c, "default", "/tmp/build/d4767a07/beta-pr/src/v2/theme/index.js");
 })();
 
 (function () {
@@ -37111,8 +37171,8 @@ var _default$b = ThemeProvider;
     return;
   }
 
-  reactHotLoader.register(ThemeProvider, "ThemeProvider", "/tmp/build/44cb8d9a/src/src/v2/components/ThemeProvider/ThemeProvider.jsx");
-  reactHotLoader.register(_default$b, "default", "/tmp/build/44cb8d9a/src/src/v2/components/ThemeProvider/ThemeProvider.jsx");
+  reactHotLoader.register(ThemeProvider, "ThemeProvider", "/tmp/build/d4767a07/beta-pr/src/v2/components/ThemeProvider/ThemeProvider.jsx");
+  reactHotLoader.register(_default$b, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/ThemeProvider/ThemeProvider.jsx");
 })();
 
 (function () {
@@ -37148,8 +37208,8 @@ var _default$a = Card;
     return;
   }
 
-  reactHotLoader.register(Card, "Card", "/tmp/build/44cb8d9a/src/src/v2/components/Card/Card.jsx");
-  reactHotLoader.register(_default$a, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Card/Card.jsx");
+  reactHotLoader.register(Card, "Card", "/tmp/build/d4767a07/beta-pr/src/v2/components/Card/Card.jsx");
+  reactHotLoader.register(_default$a, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Card/Card.jsx");
 })();
 
 (function () {
@@ -37817,9 +37877,9 @@ var _default$9 = Image$1;
     return;
   }
 
-  reactHotLoader.register(buildCloudinarySrc, "buildCloudinarySrc", "/tmp/build/44cb8d9a/src/src/v2/components/Image/Image.jsx");
-  reactHotLoader.register(Image$1, "Image", "/tmp/build/44cb8d9a/src/src/v2/components/Image/Image.jsx");
-  reactHotLoader.register(_default$9, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Image/Image.jsx");
+  reactHotLoader.register(buildCloudinarySrc, "buildCloudinarySrc", "/tmp/build/d4767a07/beta-pr/src/v2/components/Image/Image.jsx");
+  reactHotLoader.register(Image$1, "Image", "/tmp/build/d4767a07/beta-pr/src/v2/components/Image/Image.jsx");
+  reactHotLoader.register(_default$9, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Image/Image.jsx");
 })();
 
 (function () {
@@ -37924,8 +37984,8 @@ var _default$8 = Loader;
     return;
   }
 
-  reactHotLoader.register(Loader, "Loader", "/tmp/build/44cb8d9a/src/src/v2/components/Loader/Loader.jsx");
-  reactHotLoader.register(_default$8, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Loader/Loader.jsx");
+  reactHotLoader.register(Loader, "Loader", "/tmp/build/d4767a07/beta-pr/src/v2/components/Loader/Loader.jsx");
+  reactHotLoader.register(_default$8, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Loader/Loader.jsx");
 })();
 
 (function () {
@@ -37941,7 +38001,7 @@ typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signa
   return a;
 };
 
-var _excluded$3 = ["children", "label", "helperText", "errorMessage"];
+var _excluded$3 = ["children", "label", "inputId", "helperText", "errorMessage"];
 
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
@@ -37954,6 +38014,7 @@ typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signa
 var FormControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var children = _ref.children,
       label = _ref.label,
+      inputId = _ref.inputId,
       helperText = _ref.helperText,
       errorMessage = _ref.errorMessage,
       props = _objectWithoutProperties(_ref, _excluded$3);
@@ -37961,12 +38022,13 @@ var FormControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React__default['default'].createElement(FormControl$1, _extends({}, props, {
     ref: ref
   }), label && /*#__PURE__*/React__default['default'].createElement(FormLabel, {
-    color: "gray.600",
+    color: props.isInvalid ? 'error' : 'gray.600',
     fontWeight: "semibold",
     mb: 2,
-    fontSize: "sm"
+    fontSize: "sm",
+    htmlFor: inputId
   }, label), children, helperText && /*#__PURE__*/React__default['default'].createElement(FormHelperText, {
-    color: "gray.600",
+    color: props.isInvalid ? 'error' : 'gray.600',
     mt: 1,
     fontSize: "xs"
   }, helperText), /*#__PURE__*/React__default['default'].createElement(FormErrorMessage, {
@@ -37977,6 +38039,8 @@ var FormControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
 });
 FormControl.propTypes = {
   label: PropTypes__default['default'].string,
+  isInvalid: PropTypes__default['default'].bool,
+  inputId: PropTypes__default['default'].string,
   helperText: PropTypes__default['default'].string,
   errorMessage: PropTypes__default['default'].string,
   children: PropTypes__default['default'].node
@@ -37990,8 +38054,8 @@ var _default$7 = FormControl;
     return;
   }
 
-  reactHotLoader.register(FormControl, "FormControl", "/tmp/build/44cb8d9a/src/src/v2/components/FormControl/FormControl.jsx");
-  reactHotLoader.register(_default$7, "default", "/tmp/build/44cb8d9a/src/src/v2/components/FormControl/FormControl.jsx");
+  reactHotLoader.register(FormControl, "FormControl", "/tmp/build/d4767a07/beta-pr/src/v2/components/FormControl/FormControl.jsx");
+  reactHotLoader.register(_default$7, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/FormControl/FormControl.jsx");
 })();
 
 (function () {
@@ -38024,12 +38088,14 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     isRequired: isRequired,
     errorMessage: errorMessage,
     helperText: helperText,
-    label: label
+    label: label,
+    inputId: props.id
   }, /*#__PURE__*/React__default['default'].createElement(Input$1, _extends({
     ref: ref
   }, props)));
 });
 Input.propTypes = {
+  id: PropTypes__default['default'].string.isRequired,
   label: PropTypes__default['default'].string,
   helperText: PropTypes__default['default'].string,
   errorMessage: PropTypes__default['default'].string,
@@ -38046,8 +38112,8 @@ var _default$6 = Input;
     return;
   }
 
-  reactHotLoader.register(Input, "Input", "/tmp/build/44cb8d9a/src/src/v2/components/Input/Input.jsx");
-  reactHotLoader.register(_default$6, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Input/Input.jsx");
+  reactHotLoader.register(Input, "Input", "/tmp/build/d4767a07/beta-pr/src/v2/components/Input/Input.jsx");
+  reactHotLoader.register(_default$6, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Input/Input.jsx");
 })();
 
 (function () {
@@ -38128,8 +38194,8 @@ var _default$5 = Popover;
     return;
   }
 
-  reactHotLoader.register(Popover, "Popover", "/tmp/build/44cb8d9a/src/src/v2/components/Popover/Popover.jsx");
-  reactHotLoader.register(_default$5, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Popover/Popover.jsx");
+  reactHotLoader.register(Popover, "Popover", "/tmp/build/d4767a07/beta-pr/src/v2/components/Popover/Popover.jsx");
+  reactHotLoader.register(_default$5, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Popover/Popover.jsx");
 })();
 
 (function () {
@@ -38162,8 +38228,8 @@ var _default$4 = arrowStyles;
     return;
   }
 
-  reactHotLoader.register(arrowStyles, "arrowStyles", "/tmp/build/44cb8d9a/src/src/v2/components/Popover/styles/popover-arrow.js");
-  reactHotLoader.register(_default$4, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Popover/styles/popover-arrow.js");
+  reactHotLoader.register(arrowStyles, "arrowStyles", "/tmp/build/d4767a07/beta-pr/src/v2/components/Popover/styles/popover-arrow.js");
+  reactHotLoader.register(_default$4, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Popover/styles/popover-arrow.js");
 })();
 
 (function () {
@@ -38193,8 +38259,8 @@ var _default$3 = PopoverArrow;
     return;
   }
 
-  reactHotLoader.register(PopoverArrow, "PopoverArrow", "/tmp/build/44cb8d9a/src/src/v2/components/Popover/PopoverArrow.jsx");
-  reactHotLoader.register(_default$3, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Popover/PopoverArrow.jsx");
+  reactHotLoader.register(PopoverArrow, "PopoverArrow", "/tmp/build/d4767a07/beta-pr/src/v2/components/Popover/PopoverArrow.jsx");
+  reactHotLoader.register(_default$3, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Popover/PopoverArrow.jsx");
 })();
 
 (function () {
@@ -38241,9 +38307,9 @@ var _default$2 = closeButtonStyles;
     return;
   }
 
-  reactHotLoader.register(pseudoStyles, "pseudoStyles", "/tmp/build/44cb8d9a/src/src/v2/components/Popover/styles/popover-close-button.js");
-  reactHotLoader.register(closeButtonStyles, "closeButtonStyles", "/tmp/build/44cb8d9a/src/src/v2/components/Popover/styles/popover-close-button.js");
-  reactHotLoader.register(_default$2, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Popover/styles/popover-close-button.js");
+  reactHotLoader.register(pseudoStyles, "pseudoStyles", "/tmp/build/d4767a07/beta-pr/src/v2/components/Popover/styles/popover-close-button.js");
+  reactHotLoader.register(closeButtonStyles, "closeButtonStyles", "/tmp/build/d4767a07/beta-pr/src/v2/components/Popover/styles/popover-close-button.js");
+  reactHotLoader.register(_default$2, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Popover/styles/popover-close-button.js");
 })();
 
 (function () {
@@ -38273,8 +38339,8 @@ var _default$1 = PopoverCloseButton;
     return;
   }
 
-  reactHotLoader.register(PopoverCloseButton, "PopoverCloseButton", "/tmp/build/44cb8d9a/src/src/v2/components/Popover/PopoverCloseButton.jsx");
-  reactHotLoader.register(_default$1, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Popover/PopoverCloseButton.jsx");
+  reactHotLoader.register(PopoverCloseButton, "PopoverCloseButton", "/tmp/build/d4767a07/beta-pr/src/v2/components/Popover/PopoverCloseButton.jsx");
+  reactHotLoader.register(_default$1, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Popover/PopoverCloseButton.jsx");
 })();
 
 (function () {
@@ -38333,8 +38399,8 @@ var _default = PopoverContent;
     return;
   }
 
-  reactHotLoader.register(PopoverContent, "PopoverContent", "/tmp/build/44cb8d9a/src/src/v2/components/Popover/PopoverContent.jsx");
-  reactHotLoader.register(_default, "default", "/tmp/build/44cb8d9a/src/src/v2/components/Popover/PopoverContent.jsx");
+  reactHotLoader.register(PopoverContent, "PopoverContent", "/tmp/build/d4767a07/beta-pr/src/v2/components/Popover/PopoverContent.jsx");
+  reactHotLoader.register(_default, "default", "/tmp/build/d4767a07/beta-pr/src/v2/components/Popover/PopoverContent.jsx");
 })();
 
 (function () {