@mackin.com/styleguide 9.3.2 → 9.3.3

package/index.js

@@ -3697,10 +3697,19 @@ const GlobalStyles = (p) => {
 const Slider = (p) => {
     var _a;
     const theme = useThemeSafely();
-    const currentValue = React.useRef(p.value);
     const sliderContainer = React.useRef(null);
     const sliderHandleSize = (_a = p.sliderHandleSize) !== null && _a !== void 0 ? _a : theme.controls.height;
     const height = p.showValue ? `calc(${sliderHandleSize} + 1.5rem)` : sliderHandleSize;
+    // we're keeping this value in a ref vs. state so the constant updates don't cause re-render.
+    // we will have to respond to outside value changes after the fact however...
+    const currentValue = React.useRef(p.value);
+    const [, forceUpdate] = React.useState(Date.now());
+    React.useEffect(() => {
+        if (p.value !== currentValue.current) {
+            currentValue.current = p.value;
+            forceUpdate(Date.now());
+        }
+    }, [p.value]);
     return (React__default['default'].createElement("div", { ref: sliderContainer, className: css.cx(css.css({
             label: 'Slider',
             width: '100%',

package/package.json

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