@spothero/ui 22.2.1 → 22.3.2

package/dist/components/RefreshedInput/Button/Button.js

@@ -15,7 +15,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 /**
  * A component used in the homepage/midfunnel refresh of 2024
  * Initially built as purpose built as possible with hopes of extending it to other systems
- * using `<RefreshedButton/>` will bring in the core of this.  
+ * using `<RefreshedButton/>` will bring in the core of this.
  * The "value" will be the child of the button but must be passed through props like: `<RefreshedButton buttonValue="123"/>`.  This aids in the styling.
  * Recommended to pass a title prop as that will aid in screen readers understanding this due to text not always being in the button
  */
@@ -57,7 +57,11 @@ const Button = /*#__PURE__*/(0, _react.forwardRef)(({
     "data-value": buttonValue,
     paddingBottom: "2"
   }, props, {
-    isDisabled: isDisabled
+    isDisabled: isDisabled,
+    color: isInvalid ? 'gray.600' : 'black',
+    borderColor: isInvalid ? 'error' : 'gray.200',
+    paddingTop: isInvalid ? 2.5 : 6,
+    textTransform: "none"
   }), buttonValue));
 });
 var _default = exports.default = Button;

package/dist/components/RefreshedInput/Button/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "Button", {
+Object.defineProperty(exports, "default", {
   enumerable: true,
   get: function () {
     return _Button.default;

package/dist/components/RefreshedInput/FormControl/index.js

@@ -82,7 +82,7 @@ const controlStyles = {
       paddingRight: 8 //This should be only when there is a right element - DOM order made this a headache
     },
     '.chakra-input__group > .chakra-input__left-element ~ span button': {
-      paddingLeft: 12,
+      paddingLeft: 10,
       paddingRight: 8 //This should be only when there is a right element - DOM order made this a headache
     },
     '.chakra-input__group > .chakra-input__left-element ~ span label': {

package/dist/components/RefreshedInput/Input/Input.js

@@ -15,7 +15,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 /**
  * A component used in the homepage/midfunnel refresh of 2024
  * Initially built as purpose built as possible with hopes of extending it to other systems
- * using `<RefreshedInput/>` will bring in the core of this.  
+ * using `<RefreshedInput/>` will bring in the core of this.
  */
 const Input = /*#__PURE__*/(0, _react.forwardRef)(({
   label,
@@ -52,7 +52,8 @@ const Input = /*#__PURE__*/(0, _react.forwardRef)(({
     placeholder: placeholder,
     ref: ref,
     className: classes,
-    paddingTop: 'var(--chakra-sizes-5-5)',
+    paddingTop: 'var(--chakra-sizes-5-5)' // Design requires 5.5
+    ,
     paddingBottom: "2",
     variant: "refreshed"
   }, props)));

package/dist/components/index.js

@@ -96,6 +96,7 @@ var _exportNames = {
   useControllableProp: true,
   BasicInput: true,
   useControllableState: true,
+  usePopper: true,
   usePrefersReducedMotion: true,
   keyframes: true,
   BoxProps: true,
@@ -641,6 +642,12 @@ Object.defineProperty(exports, "useMediaQuery", {
     return _react.useMediaQuery;
   }
 });
+Object.defineProperty(exports, "usePopper", {
+  enumerable: true,
+  get: function () {
+    return _react.usePopper;
+  }
+});
 Object.defineProperty(exports, "usePrefersReducedMotion", {
   enumerable: true,
   get: function () {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spothero/ui",
-  "version": "22.2.1",
+  "version": "22.3.2",
   "description": "SpotHero's React component UI library.",
   "main": "./dist/components/index.js",
   "exports": "./dist/components/index.js",
@@ -94,14 +94,14 @@
     "webpack-merge": "5.1.4",
     "css-loader": "5.1.3",
     "sass-loader": "10.2.1",
-    "@spothero/babel-preset-spothero": "5.1.0",
     "@spothero/browserslist-config": "4.0.0",
+    "@spothero/babel-preset-spothero": "5.1.0",
     "@spothero/core": "7.0.1",
+    "@spothero/icons": "9.0.2-beta.0",
     "@spothero/eslint-config": "6.1.0",
-    "@spothero/icons": "9.0.1",
-    "@spothero/npm-publisher": "7.0.0",
     "@spothero/prettier-config": "4.0.0",
-    "@spothero/stylelint-config": "6.0.0"
+    "@spothero/stylelint-config": "6.0.0",
+    "@spothero/npm-publisher": "7.0.0"
   },
   "dependencies": {
     "@chakra-ui/react": "1.8.8",
@@ -117,7 +117,7 @@
     "regenerator-runtime": "0.13.7",
     "ssr-window": "1.0.1",
     "transitionEnd": "1.0.2",
-    "@spothero/utils": "15.0.1"
+    "@spothero/utils": "15.0.2-beta.0"
   },
   "peerDependencies": {
     "classnames": "^2.2.6",