@spothero/ui 22.1.0 → 22.1.2

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

@@ -13,24 +13,23 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 // No clue how to move these into the style file so just co-located to keep from slowing down
 // Chakra V2 will heavily impact this component
 const labelStyle = {
-  color: "gray.600",
-  fontWeight: "semibold",
+  color: 'gray.600',
+  fontWeight: 'semibold',
   top: 3,
   left: 0,
-  zIndex: 2,
-  position: "absolute",
-  pointerEvents: "none",
+  position: 'absolute',
+  pointerEvents: 'none',
   padding: 'inherit',
   marginX: 3,
   paddingX: 1,
   marginY: 2,
-  transformOrigin: "left top",
+  transformOrigin: 'left top',
   // below is from chakra v2 that I'm pulling in
   transitionProperty: 'scale translate',
   transitionDuration: '200ms'
 };
 const activeLabelStyles = {
-  transform: "scale(0.85) translateY(-16px)",
+  transform: 'scale(0.85) translateY(-16px)',
   _invalid: {
     color: 'error',
     '& .chakra-form__required-indicator': {
@@ -39,8 +38,8 @@ const activeLabelStyles = {
   }
 };
 const controlStyles = {
-  position: "relative",
-  borderWidth: "0",
+  position: 'relative',
+  borderWidth: '0',
   sx: {
     label: labelStyle,
     input: {
@@ -58,7 +57,7 @@ const controlStyles = {
       }
     },
     // styles used for when we extend functionality - textarea:not(:placeholder-shown) ~ label
-    "input:not(:placeholder-shown) + label, .chakra-select__wrapper + label": {
+    'input:not(:placeholder-shown) + label, .chakra-select__wrapper + label': {
       ...activeLabelStyles
     },
     // should be a cleaner way of doing this
@@ -78,9 +77,9 @@ const controlStyles = {
       paddingLeft: 8
     },
     // Styling for select
-    ".chakra-select__wrapper + label": {
+    '.chakra-select__wrapper + label': {
       ...activeLabelStyles,
-      transform: "scale(0.85) translateY(-16px) translateX(-2px)" //X added to help align
+      transform: 'scale(0.85) translateY(-16px) translateX(-2px)' //X added to help align
     },
     'button[data-value] + label': {
       ...activeLabelStyles
@@ -95,7 +94,7 @@ const controlStyles = {
     },
     input: {
       '&::placeholder': {
-        opacity: "1"
+        opacity: '1'
       }
     }
   }

package/dist/components/RefreshedInput/Select/Select.js

@@ -14,11 +14,11 @@ var _Icon = _interopRequireDefault(require("../../Icon/Icon"));
 var _FormControl = _interopRequireDefault(require("../FormControl"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-//For select left is static arrow, 
+//For select left is static arrow,
 /**
  * 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 `<RefreshedSelect><option value="1"/>/<RefreshedSelect>` will bring in the core of this.  
+ * using `<RefreshedSelect><option value="1"/>/<RefreshedSelect>` will bring in the core of this.
  * Left arrow is static for this select.  You can pass a second left element in but it will not over write the down arrow currently
  */
 const Select = /*#__PURE__*/(0, _react.forwardRef)(({
@@ -55,7 +55,7 @@ const Select = /*#__PURE__*/(0, _react.forwardRef)(({
       as: _chevronDown.default
     }),
     iconSize: 20,
-    fontWeight: "regular",
+    fontWeight: "medium",
     fontSize: "sm",
     ref: ref,
     className: classes,

package/dist/theme/base/typography.js

@@ -32,6 +32,7 @@ const fontSizes = exports.fontSizes = {
 const fontWeights = exports.fontWeights = {
   light: 300,
   normal: 400,
+  medium: 500,
   semibold: 600,
   bold: 700
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spothero/ui",
-  "version": "22.1.0",
+  "version": "22.1.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/core": "7.0.1",
-    "@spothero/babel-preset-spothero": "5.1.0",
     "@spothero/eslint-config": "6.1.0",
-    "@spothero/icons": "9.0.0",
+    "@spothero/icons": "9.0.1",
     "@spothero/npm-publisher": "7.0.0",
-    "@spothero/stylelint-config": "6.0.0",
-    "@spothero/prettier-config": "4.0.0"
+    "@spothero/prettier-config": "4.0.0",
+    "@spothero/stylelint-config": "6.0.0"
   },
   "dependencies": {
     "@chakra-ui/react": "1.8.8",