@spothero/ui 14.5.0 → 14.5.2-beta.0

package/v2/index-unbundled.esm.js

@@ -34349,6 +34349,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',
@@ -34378,7 +34387,7 @@ var variants$7 = {
     borderColor: 'gray.medium',
     color: 'primary.default',
     _hover: _objectSpread$8({
-      borderColor: 'primary.default',
+      borderColor: 'primary.600',
       color: 'primary.600'
     }, disabledButtonHoverStyle)
   },
@@ -34437,7 +34446,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
@@ -34456,11 +34512,12 @@ var _default$P = merge$2(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 () {
@@ -34558,8 +34615,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 () {
@@ -34599,7 +34656,10 @@ var Button = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
       props = _objectWithoutProperties(_ref, _excluded$b);
 
   return /*#__PURE__*/React.createElement(Button$1, _extends({
-    iconSpacing: 2
+    iconSpacing: 2,
+    sx: {
+      'text-underline-offset': '1px'
+    }
   }, props, (asAnchor || props.as === 'a') && anchorProps(isExternal), {
     ref: ref
   }));
@@ -34618,9 +34678,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 () {
@@ -34679,8 +34739,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 () {
@@ -34737,9 +34797,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 () {
@@ -34800,10 +34860,10 @@ var _default$L = merge$2(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 () {
@@ -35062,9 +35122,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 () {
@@ -35120,8 +35180,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 () {
@@ -35157,8 +35217,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 () {
@@ -35200,8 +35260,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 () {
@@ -35232,8 +35292,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 () {
@@ -35263,8 +35323,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 () {
@@ -35349,13 +35409,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 () {
@@ -35440,12 +35500,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 () {
@@ -35503,8 +35563,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 () {
@@ -35582,10 +35642,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 () {
@@ -35626,8 +35686,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 () {
@@ -35662,8 +35722,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 () {
@@ -35693,8 +35753,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 () {
@@ -35863,9 +35923,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 () {
@@ -36016,17 +36076,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 () {
@@ -36079,8 +36139,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 () {
@@ -36122,8 +36182,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 () {
@@ -36194,10 +36254,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 () {
@@ -36226,8 +36286,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 () {
@@ -36258,8 +36318,8 @@ var _default$s = merge$2(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 () {
@@ -36345,13 +36405,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 () {
@@ -36410,11 +36470,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 () {
@@ -36445,8 +36505,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 () {
@@ -36483,8 +36543,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 () {
@@ -36517,8 +36577,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 () {
@@ -36553,9 +36613,9 @@ var _default$m = merge$2(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 () {
@@ -36613,8 +36673,8 @@ var _default$l = merge$2(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 () {
@@ -36680,8 +36740,8 @@ var _default$k = merge$2(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 () {
@@ -36736,8 +36796,8 @@ var _default$j = merge$2(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 () {
@@ -36779,8 +36839,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 () {
@@ -36812,8 +36872,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 () {
@@ -36843,8 +36903,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 () {
@@ -36874,7 +36934,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 () {
@@ -36913,9 +36973,9 @@ var _default$e = merge$2(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 () {
@@ -36979,8 +37039,8 @@ var _default$d = merge$2(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 () {
@@ -37048,9 +37108,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 () {
@@ -37100,8 +37160,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 () {
@@ -37137,8 +37197,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 () {
@@ -37806,9 +37866,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 () {
@@ -37913,8 +37973,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 () {
@@ -37930,7 +37990,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;
@@ -37943,6 +38003,7 @@ typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signa
 var FormControl = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   var children = _ref.children,
       label = _ref.label,
+      inputId = _ref.inputId,
       helperText = _ref.helperText,
       errorMessage = _ref.errorMessage,
       props = _objectWithoutProperties(_ref, _excluded$3);
@@ -37950,12 +38011,13 @@ var FormControl = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   return /*#__PURE__*/React.createElement(FormControl$1, _extends({}, props, {
     ref: ref
   }), label && /*#__PURE__*/React.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.createElement(FormHelperText, {
-    color: "gray.600",
+    color: props.isInvalid ? 'error' : 'gray.600',
     mt: 1,
     fontSize: "xs"
   }, helperText), /*#__PURE__*/React.createElement(FormErrorMessage, {
@@ -37966,6 +38028,8 @@ var FormControl = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
 });
 FormControl.propTypes = {
   label: PropTypes.string,
+  isInvalid: PropTypes.bool,
+  inputId: PropTypes.string,
   helperText: PropTypes.string,
   errorMessage: PropTypes.string,
   children: PropTypes.node
@@ -37979,8 +38043,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 () {
@@ -38013,12 +38077,14 @@ var Input = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
     isRequired: isRequired,
     errorMessage: errorMessage,
     helperText: helperText,
-    label: label
+    label: label,
+    inputId: props.id
   }, /*#__PURE__*/React.createElement(Input$1, _extends({
     ref: ref
   }, props)));
 });
 Input.propTypes = {
+  id: PropTypes.string.isRequired,
   label: PropTypes.string,
   helperText: PropTypes.string,
   errorMessage: PropTypes.string,
@@ -38035,8 +38101,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 () {
@@ -38117,8 +38183,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 () {
@@ -38151,8 +38217,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 () {
@@ -38182,8 +38248,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 () {
@@ -38230,9 +38296,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 () {
@@ -38262,8 +38328,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 () {
@@ -38322,8 +38388,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 () {