@kaizen/components 0.0.0-canary-rollup-20240408071509 → 0.0.0-canary-rollup--tree-shake-20240408080317

package/dist/esm/Illustration/subcomponents/VideoPlayer/VideoPlayer.mjs

@@ -6,102 +6,128 @@ import { IconButton } from '../../../Button/IconButton/IconButton.mjs';
 import { canPlayWebm } from '../../utils/canPlayWebm.mjs';
 import { usePausePlay } from '../../utils/usePausePlay.mjs';
 import styles from '../Base/Base.module.scss.mjs';
-
 var VideoPlayer = function (_a) {
-    var _b = _a.autoplay, autoplay = _b === void 0 ? true : _b, _c = _a.loop, loop = _c === void 0 ? false : _c, fallback = _a.fallback, source = _a.source, aspectRatio = _a.aspectRatio, onEnded = _a.onEnded;
-    var videoRef = useRef(null);
-    var _d = React.useState(true), prefersReducedMotion = _d[0], setPrefersReducedMotion = _d[1];
-    useEffect(function () {
+  var _b = _a.autoplay,
+    autoplay = _b === void 0 ? true : _b,
+    _c = _a.loop,
+    loop = _c === void 0 ? false : _c,
+    fallback = _a.fallback,
+    source = _a.source,
+    aspectRatio = _a.aspectRatio,
+    onEnded = _a.onEnded;
+  var videoRef = useRef(null);
+  var _d = React.useState(true),
+    prefersReducedMotion = _d[0],
+    setPrefersReducedMotion = _d[1];
+  useEffect(function () {
+    /**
+     * Setting `muted` on the player is required in Safari/Webkit and older
+     * versions of Chome for the video to autoplay (regardless of whether
+     * the format contains an audio stream or not).
+     *
+     * React does not guarentee the `muted` attribute is set on the
+     * `video` element. So on load we force set this attribute. See issue:
+     * https://github.com/facebook/react/issues/10389
+     */
+    var videoElement = videoRef.current;
+    if (videoElement !== null) {
+      videoElement.setAttribute("muted", "");
+    }
+  }, []);
+  useEffect(function () {
+    // when the source of the animation is updated, we need to reload the asset
+    // to ensure the video player is in sync with the new source.
+    var videoElement = videoRef.current;
+    if (videoElement !== null) {
+      videoElement.load();
+    }
+  }, [source]);
+  useEffect(function () {
+    if (!window) return;
+    var reducedMotionQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
+    setPrefersReducedMotion(reducedMotionQuery.matches);
+    var updateMotionPreferences = function () {
+      var _a = window.matchMedia("(prefers-reduced-motion: reduce)").matches,
+        matches = _a === void 0 ? false : _a;
+      setPrefersReducedMotion(matches);
+    };
+    var isLegacyEdge = navigator.userAgent.match(/Edge/);
+    var isUnsupportedSafari = window.matchMedia("").addEventListener === undefined;
+    if (isLegacyEdge || isUnsupportedSafari) return;
+    reducedMotionQuery.addEventListener("change", updateMotionPreferences, true);
+    return function cleanup() {
+      reducedMotionQuery.removeEventListener("change", updateMotionPreferences);
+    };
+  }, []);
+  useEffect(function () {
+    var _a;
+    var videoElement = videoRef.current;
+    if (!videoElement) return;
+    if (prefersReducedMotion) {
+      videoElement.pause();
+    } else if (autoplay && !prefersReducedMotion) {
+      try {
+        // Older browsers may not return a promise, so .play could return undefined
+        (_a = videoElement.play()) === null || _a === void 0 ? void 0 : _a.catch(function () {
+          /*
+           * An DOMException _may_ be raised by some browsers if we
+           * programatically interact with the video before the
+           * user has interacted with the page. This is okay - so
+           * we're going to catch this error without handling it. See:
+           * https://developer.mozilla.org/en-US/docs/Web/Media/Autoplay_guide#autoplay_availability
+           */
+        });
+      } catch (e) {
         /**
-         * Setting `muted` on the player is required in Safari/Webkit and older
-         * versions of Chome for the video to autoplay (regardless of whether
-         * the format contains an audio stream or not).
-         *
-         * React does not guarentee the `muted` attribute is set on the
-         * `video` element. So on load we force set this attribute. See issue:
-         * https://github.com/facebook/react/issues/10389
+         * Older browsers will raise a synchronous error because their first implementation
+         * of `.play` was not a promise.
          */
-        var videoElement = videoRef.current;
-        if (videoElement !== null) {
-            videoElement.setAttribute("muted", "");
-        }
-    }, []);
-    useEffect(function () {
-        // when the source of the animation is updated, we need to reload the asset
-        // to ensure the video player is in sync with the new source.
-        var videoElement = videoRef.current;
-        if (videoElement !== null) {
-            videoElement.load();
-        }
-    }, [source]);
-    useEffect(function () {
-        if (!window)
-            return;
-        var reducedMotionQuery = window.matchMedia("(prefers-reduced-motion: reduce)");
-        setPrefersReducedMotion(reducedMotionQuery.matches);
-        var updateMotionPreferences = function () {
-            var _a = window.matchMedia("(prefers-reduced-motion: reduce)").matches, matches = _a === void 0 ? false : _a;
-            setPrefersReducedMotion(matches);
-        };
-        var isLegacyEdge = navigator.userAgent.match(/Edge/);
-        var isUnsupportedSafari = window.matchMedia("").addEventListener === undefined;
-        if (isLegacyEdge || isUnsupportedSafari)
-            return;
-        reducedMotionQuery.addEventListener("change", updateMotionPreferences, true);
-        return function cleanup() {
-            reducedMotionQuery.removeEventListener("change", updateMotionPreferences);
-        };
-    }, []);
-    useEffect(function () {
-        var _a;
-        var videoElement = videoRef.current;
-        if (!videoElement)
-            return;
-        if (prefersReducedMotion) {
-            videoElement.pause();
-        }
-        else if (autoplay && !prefersReducedMotion) {
-            try {
-                // Older browsers may not return a promise, so .play could return undefined
-                (_a = videoElement.play()) === null || _a === void 0 ? void 0 : _a.catch(function () {
-                    /*
-                     * An DOMException _may_ be raised by some browsers if we
-                     * programatically interact with the video before the
-                     * user has interacted with the page. This is okay - so
-                     * we're going to catch this error without handling it. See:
-                     * https://developer.mozilla.org/en-US/docs/Web/Media/Autoplay_guide#autoplay_availability
-                     */
-                });
-            }
-            catch (e) {
-                /**
-                 * Older browsers will raise a synchronous error because their first implementation
-                 * of `.play` was not a promise.
-                 */
-            }
-        }
-        /**
-         * Chrome seems to have an issue with changes to autoplay after the video
-         * has been mounted. If there is a change in autoplay we need to force the
-         * play() method to be called.
-         */
-    }, [prefersReducedMotion, autoplay]);
-    useEffect(function () {
-        // Add event listeners for the video element
-        var videoElement = videoRef.current;
-        if (!videoElement || !onEnded)
-            return;
-        videoElement.addEventListener("ended", onEnded);
-        return function cleanup() {
-            videoElement.removeEventListener("ended", onEnded);
-        };
-    }, [videoRef]);
-    var pausePlay = usePausePlay(videoRef);
-    return (React.createElement("figure", { className: classnames(styles.figure, aspectRatio && styles[aspectRatio], aspectRatio && styles.aspectRatioWrapper) },
-        React.createElement("video", { muted: true, "aria-hidden": true, preload: "metadata", ref: videoRef, width: "100%", "data-testid": "kz-video-player", className: styles.wrapper, loop: loop, poster: assetUrl("".concat(fallback, ".png")), autoPlay: prefersReducedMotion ? false : autoplay, playsInline: true, tabIndex: -1 },
-            canPlayWebm() && (React.createElement("source", { src: assetUrl("".concat(source, ".webm")), type: "video/webm" })),
-            React.createElement("source", { src: assetUrl("".concat(source, ".mp4")), type: "video/mp4" })),
-        React.createElement(IconButton, { onClick: function () { return pausePlay.toggle(); }, icon: pausePlay.icon, label: pausePlay.label, classNameOverride: styles.pausePlayButton })));
+      }
+    }
+    /**
+     * Chrome seems to have an issue with changes to autoplay after the video
+     * has been mounted. If there is a change in autoplay we need to force the
+     * play() method to be called.
+     */
+  }, [prefersReducedMotion, autoplay]);
+  useEffect(function () {
+    // Add event listeners for the video element
+    var videoElement = videoRef.current;
+    if (!videoElement || !onEnded) return;
+    videoElement.addEventListener("ended", onEnded);
+    return function cleanup() {
+      videoElement.removeEventListener("ended", onEnded);
+    };
+  }, [videoRef]);
+  var pausePlay = usePausePlay(videoRef);
+  return /*#__PURE__*/React.createElement("figure", {
+    className: classnames(styles.figure, aspectRatio && styles[aspectRatio], aspectRatio && styles.aspectRatioWrapper)
+  }, /*#__PURE__*/React.createElement("video", {
+    muted: true,
+    "aria-hidden": true,
+    preload: "metadata",
+    ref: videoRef,
+    width: "100%",
+    "data-testid": "kz-video-player",
+    className: styles.wrapper,
+    loop: loop,
+    poster: assetUrl("".concat(fallback, ".png")),
+    autoPlay: prefersReducedMotion ? false : autoplay,
+    playsInline: true,
+    tabIndex: -1
+  }, canPlayWebm() && ( /*#__PURE__*/React.createElement("source", {
+    src: assetUrl("".concat(source, ".webm")),
+    type: "video/webm"
+  })), /*#__PURE__*/React.createElement("source", {
+    src: assetUrl("".concat(source, ".mp4")),
+    type: "video/mp4"
+  })), /*#__PURE__*/React.createElement(IconButton, {
+    onClick: function () {
+      return pausePlay.toggle();
+    },
+    icon: pausePlay.icon,
+    label: pausePlay.label,
+    classNameOverride: styles.pausePlayButton
+  }));
 };
-
 export { VideoPlayer };

package/dist/esm/Illustration/utils/canPlayWebm.mjs

@@ -2,19 +2,17 @@
  * Detect whether the current browser can play webm files
  */
 var canPlayWebm = function () {
-    if (typeof window === "undefined")
-        return false;
-    // Don't trust Safari's canPlayType implementation, as there is partial support for webm
-    var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-    if (isSafari) {
-        return false;
-    }
-    // Attempt webm feature detection
-    var video = document.createElement("video");
-    if (video.canPlayType("video/webm; codecs=vp9") === "probably") {
-        return true;
-    }
+  if (typeof window === "undefined") return false;
+  // Don't trust Safari's canPlayType implementation, as there is partial support for webm
+  var isSafari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+  if (isSafari) {
     return false;
+  }
+  // Attempt webm feature detection
+  var video = document.createElement("video");
+  if (video.canPlayType("video/webm; codecs=vp9") === "probably") {
+    return true;
+  }
+  return false;
 };
-
 export { canPlayWebm };

package/dist/esm/Illustration/utils/usePausePlay.mjs

@@ -3,25 +3,27 @@ import 'tslib';
 import '../../Icon/subcomponents/SVG/SVG.mjs';
 import { LaunchIcon } from '../../Icon/LaunchIcon.mjs';
 import { PauseIcon } from '../../Icon/PauseIcon.mjs';
-
 var usePausePlay = function (videoRef) {
-    var _a = useState(false), isPaused = _a[0], setPaused = _a[1];
-    return {
-        toggle: function () {
-            if (!videoRef.current)
-                return;
-            if (videoRef.current.paused) {
-                setPaused(false);
-                videoRef.current.play();
-            }
-            else {
-                setPaused(true);
-                videoRef.current.pause();
-            }
-        },
-        icon: isPaused ? (React.createElement(LaunchIcon, { role: "presentation" })) : (React.createElement(PauseIcon, { role: "presentation" })),
-        label: isPaused ? "Play animation" : "Pause animation",
-    };
+  var _a = useState(false),
+    isPaused = _a[0],
+    setPaused = _a[1];
+  return {
+    toggle: function () {
+      if (!videoRef.current) return;
+      if (videoRef.current.paused) {
+        setPaused(false);
+        videoRef.current.play();
+      } else {
+        setPaused(true);
+        videoRef.current.pause();
+      }
+    },
+    icon: isPaused ? ( /*#__PURE__*/React.createElement(LaunchIcon, {
+      role: "presentation"
+    })) : ( /*#__PURE__*/React.createElement(PauseIcon, {
+      role: "presentation"
+    })),
+    label: isPaused ? "Play animation" : "Pause animation"
+  };
 };
-
 export { usePausePlay };

package/dist/esm/Input/Input/Input.mjs

@@ -2,15 +2,40 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import classnames from 'classnames';
 import styles from './Input.module.scss.mjs';
-
-var Input = function (_a) {
-    var inputRef = _a.inputRef, _b = _a.status, status = _b === void 0 ? "default" : _b, startIconAdornment = _a.startIconAdornment, endIconAdornment = _a.endIconAdornment, _c = _a.reversed, reversed = _c === void 0 ? false : _c, _d = _a.type, type = _d === void 0 ? "text" : _d, value = _a.value, defaultValue = _a.defaultValue, classNameOverride = _a.classNameOverride, disabled = _a.disabled, restProps = __rest(_a, ["inputRef", "status", "startIconAdornment", "endIconAdornment", "reversed", "type", "value", "defaultValue", "classNameOverride", "disabled"]);
-    return (React.createElement("div", { className: classnames(styles.wrapper, reversed && styles.withReversed, disabled && styles.withDisabled, startIconAdornment && styles.withStartIconAdornment, endIconAdornment && styles.withEndIconAdornment, status != "default" && styles.hasStatus) },
-        startIconAdornment && (React.createElement("div", { className: styles.startIconAdornment }, startIconAdornment)),
-        React.createElement("input", __assign({ ref: inputRef, type: type, value: value, defaultValue: defaultValue, disabled: disabled, className: classnames(styles.input, styles[status], classNameOverride, reversed ? styles.reversed : styles.default, disabled && styles.disabled) }, restProps)),
-        React.createElement("div", { className: styles.focusRing }),
-        endIconAdornment && (React.createElement("div", { className: styles.endIconAdornment }, endIconAdornment))));
-};
-Input.displayName = "Input";
-
+const Input = /*#__PURE__*/function () {
+  const Input = function (_a) {
+    var inputRef = _a.inputRef,
+      _b = _a.status,
+      status = _b === void 0 ? "default" : _b,
+      startIconAdornment = _a.startIconAdornment,
+      endIconAdornment = _a.endIconAdornment,
+      _c = _a.reversed,
+      reversed = _c === void 0 ? false : _c,
+      _d = _a.type,
+      type = _d === void 0 ? "text" : _d,
+      value = _a.value,
+      defaultValue = _a.defaultValue,
+      classNameOverride = _a.classNameOverride,
+      disabled = _a.disabled,
+      restProps = __rest(_a, ["inputRef", "status", "startIconAdornment", "endIconAdornment", "reversed", "type", "value", "defaultValue", "classNameOverride", "disabled"]);
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.wrapper, reversed && styles.withReversed, disabled && styles.withDisabled, startIconAdornment && styles.withStartIconAdornment, endIconAdornment && styles.withEndIconAdornment, status != "default" && styles.hasStatus)
+    }, startIconAdornment && ( /*#__PURE__*/React.createElement("div", {
+      className: styles.startIconAdornment
+    }, startIconAdornment)), /*#__PURE__*/React.createElement("input", __assign({
+      ref: inputRef,
+      type: type,
+      value: value,
+      defaultValue: defaultValue,
+      disabled: disabled,
+      className: classnames(styles.input, styles[status], classNameOverride, reversed ? styles.reversed : styles.default, disabled && styles.disabled)
+    }, restProps)), /*#__PURE__*/React.createElement("div", {
+      className: styles.focusRing
+    }), endIconAdornment && ( /*#__PURE__*/React.createElement("div", {
+      className: styles.endIconAdornment
+    }, endIconAdornment)));
+  };
+  Input.displayName = "Input";
+  return Input;
+}();
 export { Input };

package/dist/esm/Input/Input/Input.module.scss.mjs

@@ -1,3 +1,18 @@
-var styles = {"wrapper":"Input-module_wrapper__9jBDN","hasStatus":"Input-module_hasStatus__GjERD","input":"Input-module_input__d-Moh","disabled":"Input-module_disabled__CJeOi","reversed":"Input-module_reversed__Kh7dc","focusRing":"Input-module_focusRing__E68jh","withStartIconAdornment":"Input-module_withStartIconAdornment__de6-U","startIconAdornment":"Input-module_startIconAdornment__pnn-b","withDisabled":"Input-module_withDisabled__pzzCm","withEndIconAdornment":"Input-module_withEndIconAdornment__fSBPl","endIconAdornment":"Input-module_endIconAdornment__bg-PL","withReversed":"Input-module_withReversed__SKSOD","default":"Input-module_default__zata3","error":"Input-module_error__a-BFh","caution":"Input-module_caution__rC0sY"};
-
+var styles = {
+  "wrapper": "Input-module_wrapper__9jBDN",
+  "hasStatus": "Input-module_hasStatus__GjERD",
+  "input": "Input-module_input__d-Moh",
+  "disabled": "Input-module_disabled__CJeOi",
+  "reversed": "Input-module_reversed__Kh7dc",
+  "focusRing": "Input-module_focusRing__E68jh",
+  "withStartIconAdornment": "Input-module_withStartIconAdornment__de6-U",
+  "startIconAdornment": "Input-module_startIconAdornment__pnn-b",
+  "withDisabled": "Input-module_withDisabled__pzzCm",
+  "withEndIconAdornment": "Input-module_withEndIconAdornment__fSBPl",
+  "endIconAdornment": "Input-module_endIconAdornment__bg-PL",
+  "withReversed": "Input-module_withReversed__SKSOD",
+  "default": "Input-module_default__zata3",
+  "error": "Input-module_error__a-BFh",
+  "caution": "Input-module_caution__rC0sY"
+};
 export { styles as default };

package/dist/esm/Input/Input/types.mjs

@@ -1,4 +1,3 @@
 var InputStatus = ["default", "success", "error", "caution"];
 var InputTypes = ["text", "email", "password"];
-
 export { InputStatus, InputTypes };

package/dist/esm/Input/InputRange/InputRange.mjs

@@ -8,33 +8,75 @@ import styles from './InputRange.module.scss.mjs';
 /**
  * {@link https://cultureamp.design/?path=/docs/components-input-range--docs Storybook}
  */
-var InputRange = function (_a) {
-    var id = _a.id, defaultValue = _a.defaultValue, value = _a.value, minLabel = _a.minLabel, maxLabel = _a.maxLabel, _b = _a.min, min = _b === void 0 ? 1 : _b, _c = _a.max, max = _c === void 0 ? 10 : _c, onChange = _a.onChange, ariaDescribedby = _a["aria-describedby"], classNameOverride = _a.classNameOverride, disabled = _a.disabled, readOnly = _a.readOnly, restProps = __rest(_a, ["id", "defaultValue", "value", "minLabel", "maxLabel", "min", "max", "onChange", "aria-describedby", "classNameOverride", "disabled", "readOnly"]);
-    var _d = useState(0.5), step = _d[0], setStep = _d[1]; // Let the dot center between the notch initially
+const InputRange = /*#__PURE__*/function () {
+  const InputRange = function (_a) {
+    var id = _a.id,
+      defaultValue = _a.defaultValue,
+      value = _a.value,
+      minLabel = _a.minLabel,
+      maxLabel = _a.maxLabel,
+      _b = _a.min,
+      min = _b === void 0 ? 1 : _b,
+      _c = _a.max,
+      max = _c === void 0 ? 10 : _c,
+      onChange = _a.onChange,
+      ariaDescribedby = _a["aria-describedby"],
+      classNameOverride = _a.classNameOverride,
+      disabled = _a.disabled,
+      readOnly = _a.readOnly,
+      restProps = __rest(_a, ["id", "defaultValue", "value", "minLabel", "maxLabel", "min", "max", "onChange", "aria-describedby", "classNameOverride", "disabled", "readOnly"]);
+    var _d = useState(0.5),
+      step = _d[0],
+      setStep = _d[1]; // Let the dot center between the notch initially
     var visuallyHiddenHintId = "".concat(id, "-helper");
     var readOnlyWithNoValue = readOnly && !value && !defaultValue;
     // This has been split out into a different variable to allow usage of defaultValue above^
     // Plus it lets us use max from props with its default value
     var defaultValueWithDefault = defaultValue || (max + 1) / 2;
-    return (React.createElement(React.Fragment, null,
-        React.createElement("input", __assign({ id: id, className: classnames(styles.ratingScaleRange, classNameOverride, readOnlyWithNoValue && styles.hideThumb, disabled && styles.disabled), disabled: disabled || readOnly, type: "range", min: min, max: max, step: step, defaultValue: value ? undefined : defaultValueWithDefault, value: value, "aria-valuenow": value, "aria-valuemin": min, "aria-valuemax": max, "aria-describedby": "".concat(visuallyHiddenHintId, " ").concat(ariaDescribedby ? ariaDescribedby : ""), onChange: function (e) {
-                setStep(1); // Put the stepper to 1 to avoid floating value
-                onChange === null || onChange === void 0 ? void 0 : onChange(e);
-            } }, restProps)),
-        React.createElement("div", { className: classnames(styles.spokes, disabled && styles.disabled) }, __spreadArray([], Array(max), true).map(function (_, index) { return (React.createElement("div", { key: "".concat(id, "-spoke-").concat(index), className: styles.spokeContainer },
-            React.createElement("div", { className: styles.spoke }))); })),
-        React.createElement(VisuallyHidden, { id: visuallyHiddenHintId },
-            min,
-            " is ",
-            minLabel,
-            ", ",
-            max,
-            " is ",
-            maxLabel),
-        React.createElement("div", { className: styles.labelsContainer }, !readOnlyWithNoValue && (React.createElement("div", { className: classnames(styles.sliderLabels, disabled && styles.disabled) },
-            React.createElement(Text, { variant: "small", color: "dark-reduced-opacity", tag: "span" }, minLabel),
-            React.createElement(Text, { variant: "small", color: "dark-reduced-opacity", tag: "span" }, maxLabel))))));
-};
-InputRange.displayName = "InputRange";
-
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", __assign({
+      id: id,
+      className: classnames(styles.ratingScaleRange, classNameOverride, readOnlyWithNoValue && styles.hideThumb, disabled && styles.disabled),
+      disabled: disabled || readOnly,
+      type: "range",
+      min: min,
+      max: max,
+      step: step,
+      defaultValue: value ? undefined : defaultValueWithDefault,
+      value: value,
+      "aria-valuenow": value,
+      "aria-valuemin": min,
+      "aria-valuemax": max,
+      "aria-describedby": "".concat(visuallyHiddenHintId, " ").concat(ariaDescribedby ? ariaDescribedby : ""),
+      onChange: function (e) {
+        setStep(1); // Put the stepper to 1 to avoid floating value
+        onChange === null || onChange === void 0 ? void 0 : onChange(e);
+      }
+    }, restProps)), /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.spokes, disabled && styles.disabled)
+    }, __spreadArray([], Array(max), true).map(function (_, index) {
+      return /*#__PURE__*/React.createElement("div", {
+        key: "".concat(id, "-spoke-").concat(index),
+        className: styles.spokeContainer
+      }, /*#__PURE__*/React.createElement("div", {
+        className: styles.spoke
+      }));
+    })), /*#__PURE__*/React.createElement(VisuallyHidden, {
+      id: visuallyHiddenHintId
+    }, min, " is ", minLabel, ", ", max, " is ", maxLabel), /*#__PURE__*/React.createElement("div", {
+      className: styles.labelsContainer
+    }, !readOnlyWithNoValue && ( /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.sliderLabels, disabled && styles.disabled)
+    }, /*#__PURE__*/React.createElement(Text, {
+      variant: "small",
+      color: "dark-reduced-opacity",
+      tag: "span"
+    }, minLabel), /*#__PURE__*/React.createElement(Text, {
+      variant: "small",
+      color: "dark-reduced-opacity",
+      tag: "span"
+    }, maxLabel)))));
+  };
+  InputRange.displayName = "InputRange";
+  return InputRange;
+}();
 export { InputRange };

package/dist/esm/Input/InputRange/InputRange.module.scss.mjs

@@ -1,3 +1,11 @@
-var styles = {"ratingScaleRange":"InputRange-module_ratingScaleRange__gI-rs","disabled":"InputRange-module_disabled__LCaIN","hideThumb":"InputRange-module_hideThumb__oscfB","spokes":"InputRange-module_spokes__UFu4A","spokeContainer":"InputRange-module_spokeContainer__i6epK","spoke":"InputRange-module_spoke__k4Hzh","labelsContainer":"InputRange-module_labelsContainer__H-cPY","sliderLabels":"InputRange-module_sliderLabels__qpYBv"};
-
+var styles = {
+  "ratingScaleRange": "InputRange-module_ratingScaleRange__gI-rs",
+  "disabled": "InputRange-module_disabled__LCaIN",
+  "hideThumb": "InputRange-module_hideThumb__oscfB",
+  "spokes": "InputRange-module_spokes__UFu4A",
+  "spokeContainer": "InputRange-module_spokeContainer__i6epK",
+  "spoke": "InputRange-module_spoke__k4Hzh",
+  "labelsContainer": "InputRange-module_labelsContainer__H-cPY",
+  "sliderLabels": "InputRange-module_sliderLabels__qpYBv"
+};
 export { styles as default };

package/dist/esm/Input/InputSearch/InputSearch.mjs

@@ -9,21 +9,55 @@ import '../../Loading/LoadingInput/LoadingInput.mjs';
 import '../../Loading/LoadingParagraph/LoadingParagraph.mjs';
 import { LoadingSpinner } from '../../Loading/LoadingSpinner/LoadingSpinner.mjs';
 import styles from './InputSearch.module.scss.mjs';
-
-var InputSearch = function (props) {
-    var value = props.value, onChange = props.onChange, onClear = props.onClear, classNameOverride = props.classNameOverride, disabled = props.disabled, _a = props.reversed, reversed = _a === void 0 ? false : _a, _b = props.loading, loading = _b === void 0 ? false : _b, _c = props.secondary, secondary = _c === void 0 ? false : _c, restProps = __rest(props, ["value", "onChange", "onClear", "classNameOverride", "disabled", "reversed", "loading", "secondary"]);
+const InputSearch = /*#__PURE__*/function () {
+  const InputSearch = function (props) {
+    var value = props.value,
+      onChange = props.onChange,
+      onClear = props.onClear,
+      classNameOverride = props.classNameOverride,
+      disabled = props.disabled,
+      _a = props.reversed,
+      reversed = _a === void 0 ? false : _a,
+      _b = props.loading,
+      loading = _b === void 0 ? false : _b,
+      _c = props.secondary,
+      secondary = _c === void 0 ? false : _c,
+      restProps = __rest(props, ["value", "onChange", "onClear", "classNameOverride", "disabled", "reversed", "loading", "secondary"]);
     var inputRef = useRef(null);
     var handleOnClear = function () {
-        var _a;
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-        onClear && onClear();
+      var _a;
+      (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+      onClear && onClear();
     };
-    return (React.createElement("div", { className: classnames(styles.wrapper, secondary ? styles.secondary : styles.default, reversed && styles.reversed, disabled && styles.disabled, value && styles.hasEndIconAdornment, classNameOverride) },
-        React.createElement("div", { className: styles.startIconAdornment }, loading ? (React.createElement(LoadingSpinner, { accessibilityLabel: "", size: "sm", classNameOverride: styles.loadingSpinner })) : (React.createElement(SearchIcon, { role: "presentation" }))),
-        React.createElement("input", __assign({ ref: inputRef, type: "search", className: styles.input, disabled: disabled, value: value, onChange: onChange, readOnly: onChange === undefined }, restProps)),
-        React.createElement("div", { className: styles.focusRing }),
-        value && (React.createElement(ClearButton, { isReversed: reversed, onClick: handleOnClear, disabled: disabled, classNameOverride: styles.endIconAdornment, "aria-label": "clear search" }))));
-};
-InputSearch.displayName = "InputSearch";
-
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames(styles.wrapper, secondary ? styles.secondary : styles.default, reversed && styles.reversed, disabled && styles.disabled, value && styles.hasEndIconAdornment, classNameOverride)
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.startIconAdornment
+    }, loading ? ( /*#__PURE__*/React.createElement(LoadingSpinner, {
+      accessibilityLabel: "",
+      size: "sm",
+      classNameOverride: styles.loadingSpinner
+    })) : ( /*#__PURE__*/React.createElement(SearchIcon, {
+      role: "presentation"
+    }))), /*#__PURE__*/React.createElement("input", __assign({
+      ref: inputRef,
+      type: "search",
+      className: styles.input,
+      disabled: disabled,
+      value: value,
+      onChange: onChange,
+      readOnly: onChange === undefined
+    }, restProps)), /*#__PURE__*/React.createElement("div", {
+      className: styles.focusRing
+    }), value && ( /*#__PURE__*/React.createElement(ClearButton, {
+      isReversed: reversed,
+      onClick: handleOnClear,
+      disabled: disabled,
+      classNameOverride: styles.endIconAdornment,
+      "aria-label": "clear search"
+    })));
+  };
+  InputSearch.displayName = "InputSearch";
+  return InputSearch;
+}();
 export { InputSearch };

package/dist/esm/Input/InputSearch/InputSearch.module.scss.mjs

@@ -1,3 +1,14 @@
-var styles = {"wrapper":"InputSearch-module_wrapper__xz4kh","input":"InputSearch-module_input__hCit3","hasEndIconAdornment":"InputSearch-module_hasEndIconAdornment__ZtGcu","focusRing":"InputSearch-module_focusRing__kDUuP","startIconAdornment":"InputSearch-module_startIconAdornment__Tc7Yx","loadingSpinner":"InputSearch-module_loadingSpinner__GIO1C","endIconAdornment":"InputSearch-module_endIconAdornment__lm-3h","disabled":"InputSearch-module_disabled__RizfW","default":"InputSearch-module_default__4d3Ek","secondary":"InputSearch-module_secondary__l68uD","reversed":"InputSearch-module_reversed__eS7Nr"};
-
+var styles = {
+  "wrapper": "InputSearch-module_wrapper__xz4kh",
+  "input": "InputSearch-module_input__hCit3",
+  "hasEndIconAdornment": "InputSearch-module_hasEndIconAdornment__ZtGcu",
+  "focusRing": "InputSearch-module_focusRing__kDUuP",
+  "startIconAdornment": "InputSearch-module_startIconAdornment__Tc7Yx",
+  "loadingSpinner": "InputSearch-module_loadingSpinner__GIO1C",
+  "endIconAdornment": "InputSearch-module_endIconAdornment__lm-3h",
+  "disabled": "InputSearch-module_disabled__RizfW",
+  "default": "InputSearch-module_default__4d3Ek",
+  "secondary": "InputSearch-module_secondary__l68uD",
+  "reversed": "InputSearch-module_reversed__eS7Nr"
+};
 export { styles as default };