@mackin.com/styleguide 8.4.0 → 8.4.1

package/index.js

@@ -2527,13 +2527,17 @@ const DateInput = React__namespace.forwardRef((props, ref) => {
     const nativeProps = __rest(props, ["customError", "reposition", "onValueChange"]);
     useIgnoreMount(() => {
         var _a;
+        /*
+            Run this right away.
+            If not, our value may be valid but our error system reports it otherwise due to not being updated yet.
+        */
+        updateDateErrorMessages();
         if ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.checkValidity()) {
             props.onValueChange(dateValue);
         }
         else {
             props.onValueChange(undefined);
         }
-        updateDateErrorMessages();
     }, [dateValue]);
     useIgnoreMount(() => {
         updateDateErrorMessages();
@@ -2850,13 +2854,14 @@ const useMediaQuery = (query) => {
 };
 
 const Nav = (props) => {
-    var _a, _b, _c, _d;
+    var _a, _b, _c;
     const nav = React__namespace.useRef(null);
     const theme = useThemeSafely();
     const totalNavOffset = `calc(${theme.layout.navWidth} + 20px)`;
     const backdrop = React__namespace.useContext(BackdropContext);
     const isLargeScreen = useMediaQuery(`(min-width:${theme.breakpoints.desktop})`);
     const log = useLogger(`Nav ${(_a = props.id) !== null && _a !== void 0 ? _a : '?'}`, (_b = props.__debug) !== null && _b !== void 0 ? _b : false);
+    const slideMs = (_c = props.slideMs) !== null && _c !== void 0 ? _c : theme.timings.nav.slideMs;
     const slideRight = css.keyframes `
 		0% {
 			transform: translateX(0);
@@ -2876,10 +2881,10 @@ const Nav = (props) => {
 		}
 	`;
     const classNavShowing = css.css `
-		animation: ${slideRight} ${(_c = props.slideMs) !== null && _c !== void 0 ? _c : theme.timings.nav.slideMs}ms cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
+		animation: ${slideRight} ${slideMs}ms cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
 	`;
     const classNavNotShowing = css.css `
-		animation: ${slideLeft} ${(_d = props.slideMs) !== null && _d !== void 0 ? _d : theme.timings.nav.slideMs}ms cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
+		animation: ${slideLeft} ${slideMs}ms cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
 	`;
     // the padding-top here is to offset the navs' content from the header.  the shadow creeps over it.
     const navStyles = css.css `
@@ -2938,7 +2943,7 @@ const Nav = (props) => {
                         if (nav && nav.current) {
                             nav.current.classList.remove(classNavNotShowing);
                         }
-                    }, 250);
+                    }, slideMs);
                 }
             }
         }
@@ -3112,6 +3117,8 @@ const generateLinkStyles = (props, theme) => {
 		width: ${theme.controls.height};
 		text-align: center;
 		font-size: 1.6rem;
+		padding-left: 0;
+		padding-right: 0;
 	`}
 	${props.block && `
 		display: block;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@mackin.com/styleguide",
-	"version": "8.4.0",
+	"version": "8.4.1",
 	"description": "",
 	"main": "./index.js",
 	"types": "./index.d.ts",