@spothero/ui 14.5.0 → 14.5.1

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
@@ -34469,6 +34525,7 @@ var _default$P = merge__default['default'](theme.components.Button, {
 
   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(destructiveButtonStyles, "destructiveButtonStyles", "/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");
@@ -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
   }));