@mackin.com/styleguide 10.2.0 → 10.2.1

package/index.d.ts

@@ -863,6 +863,8 @@ interface SliderProps<T extends SliderValue> {
     innerTrackClassName?: string;
     /** Styles applied to the floating handle text with using 'showValue'. */
     sliderTextClassName?: string;
+    /** Styles applied to the floating handle text with using 'showValue'. */
+    ariaLabel?: (T extends number ? string : readonly string[] | undefined) | undefined;
 }
 declare const Slider: <T extends SliderValue>(p: SliderProps<T>) => React__default.JSX.Element;
 

package/index.esm.js

@@ -1743,7 +1743,7 @@ const Modal = (p) => {
                                     color: theme.colors.headerFont,
                                     marginLeft: '1rem',
                                     backgroundColor: 'transparent'
-                                })), variant: "icon", onClick: p.onClick },
+                                })), "aria-label": "Close", variant: "icon", onClick: p.onClick },
                                 React__default.createElement(Icon, { id: "close" })) : React__default.createElement("span", null))),
                         p.children)))), backdropContainer);
         }
@@ -3862,7 +3862,7 @@ const Slider = (p) => {
             width: '100%',
             height,
         }), p.className) },
-        React__default.createElement(ReactSlider, { step: p.step, min: p.min, max: p.max, value: p.value, onAfterChange: (value) => {
+        React__default.createElement(ReactSlider, { ariaLabel: p.ariaLabel, step: p.step, min: p.min, max: p.max, value: p.value, onAfterChange: (value) => {
                 p.onChange(value);
             }, onChange: p.onUpdate || p.showValue ? (value) => {
                 var _a;

package/index.js

@@ -1761,7 +1761,7 @@ const Modal = (p) => {
                                     color: theme.colors.headerFont,
                                     marginLeft: '1rem',
                                     backgroundColor: 'transparent'
-                                })), variant: "icon", onClick: p.onClick },
+                                })), "aria-label": "Close", variant: "icon", onClick: p.onClick },
                                 React.createElement(Icon, { id: "close" })) : React.createElement("span", null))),
                         p.children)))), backdropContainer);
         }
@@ -3880,7 +3880,7 @@ const Slider = (p) => {
             width: '100%',
             height,
         }), p.className) },
-        React.createElement(ReactSlider, { step: p.step, min: p.min, max: p.max, value: p.value, onAfterChange: (value) => {
+        React.createElement(ReactSlider, { ariaLabel: p.ariaLabel, step: p.step, min: p.min, max: p.max, value: p.value, onAfterChange: (value) => {
                 p.onChange(value);
             }, onChange: p.onUpdate || p.showValue ? (value) => {
                 var _a;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@mackin.com/styleguide",
-    "version": "10.2.0",
+    "version": "10.2.1",
     "description": "",
     "main": "./index.js",
     "module": "./index.esm.js",