@spothero/ui 14.6.0 → 14.7.1

package/v2/index-unbundled.cjs.js

@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var PropTypes = require('prop-types');
 var merge$2 = require('lodash/merge');
+var cn = require('classnames');
 var reactDom = require('react-dom');
 var template = require('lodash/template');
 
@@ -13,6 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var merge__default = /*#__PURE__*/_interopDefaultLegacy(merge$2);
+var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var template__default = /*#__PURE__*/_interopDefaultLegacy(template);
 
 /*
@@ -34464,6 +34466,7 @@ var variants$7 = {
     borderRadius: 'unset',
     color: 'primary.default',
     textDecoration: 'underline',
+    textUnderlineOffset: '1px',
     h: 'unset',
     m: 'unset',
     minW: 'unset',
@@ -34486,6 +34489,7 @@ var variants$7 = {
     borderWidth: 'none',
     color: 'white',
     textDecoration: 'underline',
+    textUnderlineOffset: '1px',
     h: 'unset',
     m: 'unset',
     minW: 'unset',
@@ -34667,10 +34671,7 @@ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       props = _objectWithoutProperties(_ref, _excluded$c);
 
   return /*#__PURE__*/React__default['default'].createElement(Button$1, _extends({
-    iconSpacing: 2,
-    sx: {
-      'text-underline-offset': '1px'
-    }
+    iconSpacing: 2
   }, props, (asAnchor || props.as === 'a') && anchorProps(isExternal), {
     ref: ref
   }));
@@ -34799,6 +34800,9 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       isRequired = _ref.isRequired,
       props = _objectWithoutProperties(_ref, _excluded$a);
 
+  var classes = cn__default['default']({
+    'FormElement-contains-error': isInvalid
+  });
   return /*#__PURE__*/React__default['default'].createElement(_default$N, {
     isInvalid: isInvalid,
     isDisabled: isDisabled,
@@ -34810,7 +34814,8 @@ var Select = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, /*#__PURE__*/React__default['default'].createElement(Select$1, _extends({
     fontWeight: "regular",
     fontSize: "sm",
-    ref: ref
+    ref: ref,
+    className: classes
   }, props)));
 });
 Select.propTypes = {
@@ -38137,6 +38142,9 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       isRequired = _ref.isRequired,
       props = _objectWithoutProperties(_ref, _excluded$2);
 
+  var classes = cn__default['default']({
+    'FormElement-contains-error': isInvalid
+  });
   return /*#__PURE__*/React__default['default'].createElement(_default$N, {
     isInvalid: isInvalid,
     isDisabled: isDisabled,
@@ -38146,7 +38154,8 @@ var Input = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     label: label,
     inputId: props.id
   }, /*#__PURE__*/React__default['default'].createElement(Input$1, _extends({
-    ref: ref
+    ref: ref,
+    className: classes
   }, props)));
 });
 Input.propTypes = {