@gympass/yoga 7.127.3 → 7.128.0

package/cjs/Menu/web/MenuList.js

@@ -63,7 +63,14 @@ const StyledMenuList = (0, import_styled_components.default)(import_react_dropdo
 }}
 `;
 const MenuList = (0, import_react.forwardRef)(
-  ({ children, align, alignOffset, side, sideOffset, zIndex }, ref) => {
+  ({
+    children,
+    align = "start",
+    alignOffset = 0,
+    side = "bottom",
+    sideOffset = 4,
+    zIndex = "auto"
+  }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_dropdown_menu.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       StyledMenuList,
       {
@@ -92,12 +99,5 @@ MenuList.propTypes = {
   /** Add z-index value to Menu.List. Set to 'auto' by default */
   zIndex: import_prop_types.string || import_prop_types.number
 };
-MenuList.defaultProps = {
-  align: "start",
-  alignOffset: 0,
-  side: "bottom",
-  sideOffset: 4,
-  zIndex: "auto"
-};
 MenuList.displayName = "Menu.List";
 var MenuList_default = MenuList;

package/cjs/Popover/web/Popover.js

@@ -72,12 +72,12 @@ const Popover = import_react.default.forwardRef(
       children,
       title,
       description,
-      position,
-      width,
-      height,
-      zIndex,
+      position = "bottom-center",
+      width = 265,
+      height = 200,
+      zIndex = 1,
       a11yId,
-      hover
+      hover = false
     } = _b, props = __objRest(_b, [
       "children",
       "title",
@@ -165,13 +165,4 @@ Popover.propTypes = {
   zIndex: import_prop_types.number,
   hover: import_prop_types.bool
 };
-Popover.defaultProps = {
-  a11yId: void 0,
-  title: void 0,
-  position: "bottom-center",
-  width: 265,
-  height: 200,
-  zIndex: 1,
-  hover: false
-};
 var Popover_default = Popover;

package/cjs/Progress/web/Progress.js

@@ -132,8 +132,8 @@ const Wrapper = import_styled_components.default.div`
   width: 100%;
 
   ${({
-  isNumber,
-  align,
+  isNumber = false,
+  align = "left",
   theme: {
     yoga: { spacing }
   }
@@ -173,13 +173,13 @@ Wrapper.propTypes = {
   align: (0, import_prop_types.oneOf)(["left", "right"]),
   isNumber: import_prop_types.bool
 };
-Wrapper.defaultProps = {
-  align: "left",
-  isNumber: false
+const defaultLabel = {
+  value: void 0,
+  placement: "left"
 };
 const Progress = import_react.default.forwardRef(
   (_a, ref) => {
-    var _b = _a, { label, max, value, variant } = _b, props = __objRest(_b, ["label", "max", "value", "variant"]);
+    var _b = _a, { label = defaultLabel, max = 1, value, variant = "verve" } = _b, props = __objRest(_b, ["label", "max", "value", "variant"]);
     const isNumber = !/[a-zA-Z]/g.test(label.value);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, __spreadProps(__spreadValues({ isNumber, align: label.placement, ref }, props), { children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ProgressBar, { max, value, variant }),
@@ -227,13 +227,4 @@ Progress.propTypes = {
     "white"
   ])
 };
-Progress.defaultProps = {
-  label: {
-    value: void 0,
-    placement: "left"
-  },
-  max: 1,
-  value: void 0,
-  variant: "verve"
-};
 var Progress_default = Progress;

package/cjs/RadioGroup/web/Button/RadioButton.js

@@ -122,10 +122,10 @@ const ButtonWrapper = import_styled_components.default.div`
     border-color: ${radiogroup.button.border.color};
     border-top-width: ${radiogroup.button.border.width}px;
     border-bottom-width: ${radiogroup.button.border.width}px;
-    
+
     border-left: none;
     border-right: none;
-    
+
     &:first-child {
       border-right-width: 0;
       border-left-width: ${radiogroup.button.border.width}px;
@@ -135,7 +135,7 @@ const ButtonWrapper = import_styled_components.default.div`
       border-top-left-radius: ${radiogroup.button.border.radius}px;
       border-bottom-left-radius: ${radiogroup.button.border.radius}px;
     }
-  
+
     &:last-child {
       border-left-width: 0;
 
@@ -150,7 +150,7 @@ const ButtonWrapper = import_styled_components.default.div`
 `;
 const RadioGroupButton = import_react.default.forwardRef(
   (_a, ref) => {
-    var _b = _a, { children, value } = _b, rest = __objRest(_b, ["children", "value"]);
+    var _b = _a, { children, value = "" } = _b, rest = __objRest(_b, ["children", "value"]);
     const _a2 = (0, import_react.useContext)(import_RadioGroupContext.default), { name, onChange, small, selectedValue } = _a2, context = __objRest(_a2, ["name", "onChange", "small", "selectedValue"]);
     const inputValue = value || children;
     const checked = inputValue === selectedValue;
@@ -175,7 +175,4 @@ RadioGroupButton.propTypes = {
   children: (0, import_prop_types.oneOfType)([import_prop_types.string, import_prop_types.number]).isRequired,
   value: (0, import_prop_types.oneOfType)([import_prop_types.string, import_prop_types.number])
 };
-RadioGroupButton.defaultProps = {
-  value: ""
-};
 var RadioButton_default = RadioGroupButton;

package/cjs/RadioGroup/web/Radio/Radio.js

@@ -85,7 +85,7 @@ const Radio = import_styled_components.default.span`
       width: ${radio.size}px;
       height: ${radio.size}px;
 
-      border-width: ${radio.size * 0.1}px; 
+      border-width: ${radio.size * 0.1}px;
       border-style: solid;
       border-color: ${radio.backgroundColor};
       border-radius: ${radio.border.radius}px;
@@ -138,28 +138,28 @@ const Wrapper = import_styled_components.default.div`
     }
 
     ${checked ? `
-    
+
       &:hover {
         ${Radio} {
           background-color: ${stateColors.hover};
-          box-shadow: 0 0 0 ${radiogroup.radio.size * 0.4}px 
+          box-shadow: 0 0 0 ${radiogroup.radio.size * 0.4}px
             ${stateColors.hover};
         }
       }
-    
+
       &:focus-within {
         ${Radio} {
           z-index: 1;
           background-color: ${stateColors.focusWithin};
-          box-shadow: 0 0 0 ${radiogroup.radio.size * 0.4}px 
+          box-shadow: 0 0 0 ${radiogroup.radio.size * 0.4}px
             ${stateColors.focusWithin};
         }
       }
-    
+
       &:active {
         ${Radio} {
           background-color: ${stateColors.active};
-          box-shadow: 0 0 0 ${radiogroup.radio.size * 0.4}px 
+          box-shadow: 0 0 0 ${radiogroup.radio.size * 0.4}px
             ${stateColors.active};
         }
       }
@@ -174,12 +174,12 @@ const Wrapper = import_styled_components.default.div`
 
           width: ${radiogroup.radio.size * 0.5}px;
           height: ${radiogroup.radio.size * 0.5}px;
-          
+
           border-radius: 100%;
           background-color: ${radiogroup.checked.backgroundColor};
-          
+
           transform: translate(-50%, -50%);
-          
+
           content: '';
         }
       }
@@ -208,9 +208,10 @@ const Wrapper = import_styled_components.default.div`
   `;
 }}
 `;
+const emptyObj = {};
 const RadioGroupRadio = import_react.default.forwardRef(
   (_a, ref) => {
-    var _b = _a, { value, disabled, style, className } = _b, rest = __objRest(_b, ["value", "disabled", "style", "className"]);
+    var _b = _a, { value = "", disabled = false, style = emptyObj, className } = _b, rest = __objRest(_b, ["value", "disabled", "style", "className"]);
     const _a2 = (0, import_react.useContext)(import_RadioGroupContext.default), { name, onChange, selectedValue } = _a2, context = __objRest(_a2, ["name", "onChange", "selectedValue"]);
     const inputValue = value;
     const checked = inputValue === selectedValue;
@@ -250,10 +251,4 @@ RadioGroupRadio.propTypes = {
   style: (0, import_prop_types.shape)({}),
   value: (0, import_prop_types.oneOfType)([import_prop_types.string, import_prop_types.number])
 };
-RadioGroupRadio.defaultProps = {
-  className: void 0,
-  disabled: false,
-  style: {},
-  value: ""
-};
 var Radio_default = RadioGroupRadio;

package/cjs/RadioGroup/web/RadioGroup.js

@@ -76,15 +76,18 @@ const Group = import_styled_components.default.div.attrs({
     ${full ? `width: 100%;` : ``}
   `}
 `;
+const noop = () => {
+};
+const emptyObj = {};
 const RadioGroup = (_a) => {
   var _b = _a, {
-    name,
-    onChange,
-    selectedValue,
-    small,
-    full,
-    children,
-    style
+    name = "",
+    onChange = noop,
+    selectedValue = "",
+    small = false,
+    full = false,
+    children = null,
+    style = emptyObj
   } = _b, rest = __objRest(_b, [
     "name",
     "onChange",
@@ -116,14 +119,4 @@ RadioGroup.propTypes = {
   children: import_prop_types.node,
   style: (0, import_prop_types.shape)({})
 };
-RadioGroup.defaultProps = {
-  name: "",
-  onChange: () => {
-  },
-  selectedValue: "",
-  small: false,
-  full: false,
-  children: null,
-  style: {}
-};
 var RadioGroup_default = RadioGroup;

package/cjs/Rating/web/Rating.js

@@ -84,22 +84,31 @@ const RatingWrapper = import_styled_components.default.div`
     ${readOnly ? "pointer-events: none;" : ""}
   `}
 `;
+const noop = () => {
+};
+const defaultIcon = {
+  type: import_yoga_icons.StarFilled,
+  size: 12
+};
 const Rating = (_a) => {
   var _b = _a, {
     value,
-    max,
-    readOnly,
-    onRate,
-    onMouseOver,
-    onMouseMove,
-    onMouseLeave,
+    max = 5,
+    readOnly = true,
+    onRate = noop,
+    onMouseOver = noop,
+    onMouseMove = noop,
+    onMouseLeave = noop,
     theme: {
       yoga: {
         colors,
         components: { rating }
       }
     },
-    icon: { type: Icon = import_yoga_icons.StarFilled, size: iconSize = rating.icon.size }
+    icon: {
+      type: Icon = import_yoga_icons.StarFilled,
+      size: iconSize = rating.icon.size
+    } = defaultIcon
   } = _b, rest = __objRest(_b, [
     "value",
     "max",
@@ -215,22 +224,4 @@ Rating.propTypes = {
   onMouseMove: import_prop_types.func,
   onMouseLeave: import_prop_types.func
 };
-Rating.defaultProps = {
-  value: void 0,
-  icon: {
-    type: import_yoga_icons.StarFilled,
-    size: 12
-  },
-  max: 5,
-  readOnly: true,
-  onRate: (rating) => {
-  },
-  // eslint-disable-line no-unused-vars
-  onMouseOver: () => {
-  },
-  onMouseMove: () => {
-  },
-  onMouseLeave: () => {
-  }
-};
 var Rating_default = (0, import_styled_components.withTheme)(Rating);

package/cjs/Skeleton/web/Skeleton.js

@@ -1,7 +1,9 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -19,6 +21,19 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -96,8 +111,9 @@ const StyledSkeleton = import_styled_components.default.div`
     }
   `}
 `;
-function Skeleton(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledSkeleton, __spreadValues({}, props));
+function Skeleton(_a) {
+  var _b = _a, { animation = "pulse", color = "primary" } = _b, rest = __objRest(_b, ["animation", "color"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledSkeleton, __spreadProps(__spreadValues({}, rest), { animation, color }));
 }
 Skeleton.propTypes = {
   /**
@@ -148,9 +164,4 @@ Skeleton.propTypes = {
    */
   animation: (0, import_prop_types.oneOf)(["pulse", false])
 };
-Skeleton.defaultProps = {
-  variant: void 0,
-  animation: "pulse",
-  color: "primary"
-};
 var Skeleton_default = Skeleton;

package/cjs/Slider/web/Marker.js

@@ -90,8 +90,19 @@ const Circle = (0, import_styled_components.default)(import_Handle.default)`
           0 0 0 8px ${(0, import_yoga_common.hexToRgb)(slider.marker.backgroundColor, 0.2)}` : slider.marker.shadow};
   `}
 `;
-const Marker = (_a) => {
-  var _b = _a, { values, dragging, index, tooltip } = _b, props = __objRest(_b, ["values", "dragging", "index", "tooltip"]);
+const defaultValues = [0];
+function Marker(_a) {
+  var _b = _a, {
+    values = defaultValues,
+    dragging = false,
+    index = 0,
+    tooltip
+  } = _b, props = __objRest(_b, [
+    "values",
+    "dragging",
+    "index",
+    "tooltip"
+  ]);
   const renderTooltip = () => {
     if (!dragging) {
       return false;
@@ -104,7 +115,7 @@ const Marker = (_a) => {
     })[0];
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Circle, __spreadProps(__spreadValues({ "data-dragging": Boolean(dragging) }, props), { children: dragging && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Tooltip.default, { data: renderTooltip() }) }));
-};
+}
 Marker.propTypes = {
   values: (0, import_prop_types.arrayOf)(import_prop_types.number),
   dragging: import_prop_types.bool,
@@ -119,10 +130,4 @@ Marker.propTypes = {
     })
   )
 };
-Marker.defaultProps = {
-  values: [0],
-  dragging: false,
-  index: 0,
-  tooltip: void 0
-};
 var Marker_default = Marker;

package/cjs/Slider/web/Slider.js

@@ -91,14 +91,16 @@ const StyledRange = (0, import_styled_components.default)(import_Range.default)`
     box-sizing: border-box;
   }
 `;
+const emptyArr = [];
+const defaultValues = [0];
 const Slider = (_a) => {
   var _b = _a, {
-    snapped,
-    tooltip,
-    values,
-    max,
+    snapped = false,
+    tooltip = emptyArr,
+    values = defaultValues,
+    max = 10,
     maxLabel,
-    min,
+    min = 0,
     minLabel,
     theme: {
       yoga: {
@@ -245,14 +247,5 @@ Slider.propTypes = {
   /** an array that accepts one or two numbers, this determines how many markers will be displayed */
   values: (0, import_prop_types.arrayOf)(import_prop_types.number)
 };
-Slider.defaultProps = {
-  max: 10,
-  maxLabel: void 0,
-  min: 0,
-  minLabel: void 0,
-  snapped: false,
-  tooltip: [],
-  values: [0]
-};
 Slider.displayName = "Slider";
 var Slider_default = (0, import_styled_components.withTheme)(Slider);

package/cjs/Slider/web/Tooltip.js

@@ -74,7 +74,7 @@ const Wrapper = import_styled_components.default.div`
   transform: translateX(-50%);
 
   ${({
-  hasRibbon,
+  hasRibbon = false,
   theme: {
     yoga: {
       components: { slider }
@@ -89,9 +89,6 @@ const Wrapper = import_styled_components.default.div`
 Wrapper.propTypes = {
   hasRibbon: import_prop_types.bool
 };
-Wrapper.defaultProps = {
-  hasRibbon: false
-};
 const Tip = import_styled_components.default.div`
   position: relative;
   z-index: 3;
@@ -189,8 +186,9 @@ const Description = (0, import_styled_components.default)(import_Text.default.Bo
     font-weight: ${slider.tooltip.font.description.weight};
   `}
 `;
-const Tooltip = (_a) => {
-  var _b = _a, { data } = _b, props = __objRest(_b, ["data"]);
+const emptyObj = {};
+function Tooltip(_a) {
+  var _b = _a, { data = emptyObj } = _b, props = __objRest(_b, ["data"]);
   return Object.keys(data).length ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Wrapper, __spreadProps(__spreadValues({ hasRibbon: Boolean(data.ribbon) }, props), { children: [
     data.ribbon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Ribbon, { as: "span", children: data.ribbon }),
     (data.title || data.description) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Tip, { children: [
@@ -199,7 +197,7 @@ const Tooltip = (_a) => {
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Arrow, {})
   ] })) : null;
-};
+}
 Tooltip.propTypes = {
   data: (0, import_prop_types.shape)({
     ribbon: import_prop_types.string,
@@ -207,7 +205,4 @@ Tooltip.propTypes = {
     description: import_prop_types.string
   })
 };
-Tooltip.defaultProps = {
-  data: {}
-};
 var Tooltip_default = Tooltip;

package/cjs/Snackbar/web/Snackbar.js

@@ -120,22 +120,22 @@ const StyledSnackbar = import_styled_components.default.div`
       align-items: center;
       justify-content: space-between;
       box-sizing: border-box;
-  
+
       position: fixed;
       bottom: ${snackbar.position.mobile.bottom}px;
       right: ${snackbar.position.mobile.right}px;
       left: ${snackbar.position.mobile.left}px;
-  
+
       min-width: ${snackbar.minWidth.mobile}px;
       max-width: ${snackbar.maxWidth.default}px;
-  
+
       min-height: ${snackbar.height.min}px;
       max-height: ${snackbar.height.max}px;
-  
+
       padding: ${snackbar.padding.default}px;
-      
+
       border-radius: ${snackbar.border.radius}px;
-  
+
       box-shadow: ${snackbar.shadow.default};
 
       background-color: ${snackbar.variant.color[variant]};
@@ -165,17 +165,17 @@ const AnimatedSnackbar = (0, import_styled_components.default)(StyledSnackbar)`
 const Snackbar = import_react.default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
-      open,
+      open = false,
       duration,
-      variant,
-      hideIcon,
+      variant = "success",
+      hideIcon = false,
       message,
       actionLabel,
       onAction,
       onClose,
-      hideCloseButton,
+      hideCloseButton = false,
       ariaLabelClose,
-      dataTestId,
+      dataTestId = "snackbar",
       theme: {
         yoga: {
           components: { snackbar }
@@ -278,15 +278,4 @@ Snackbar.propTypes = {
   /* A unique identifier for the Snackbar component, used for testing purposes with tools like Jest and Testing Library.  */
   dataTestId: import_prop_types.string
 };
-Snackbar.defaultProps = {
-  open: false,
-  duration: void 0,
-  actionLabel: void 0,
-  hideIcon: false,
-  onAction: void 0,
-  variant: "success",
-  hideCloseButton: false,
-  ariaLabelClose: void 0,
-  dataTestId: "snackbar"
-};
 var Snackbar_default = (0, import_react.memo)((0, import_styled_components.withTheme)(Snackbar));

package/cjs/Spinner/web/Spinner.js

@@ -82,28 +82,30 @@ const StyledSpinner = import_styled_components.default.span`
     }
   `}
 `;
-const Spinner = import_react.default.forwardRef(({ size, color, theme }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    StyledSpinner,
-    {
-      color: (0, import_lodash.default)(theme.yoga.colors, color, color),
-      size: (0, import_lodash.default)(theme.yoga.spacing, size, size),
-      ref,
-      "aria-label": "loading-icon",
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "spinner", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "circular", viewBox: "22 22 44 44", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "circle",
-        {
-          className: "path",
-          fill: "none",
-          strokeWidth: "3.6",
-          cx: "44",
-          cy: "44",
-          r: "20.2"
-        }
-      ) }) })
-    }
-  );
-});
+const Spinner = import_react.default.forwardRef(
+  ({ size = "medium", color = "primary", theme }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      StyledSpinner,
+      {
+        color: (0, import_lodash.default)(theme.yoga.colors, color, color),
+        size: (0, import_lodash.default)(theme.yoga.spacing, size, size),
+        ref,
+        "aria-label": "loading-icon",
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "spinner", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { className: "circular", viewBox: "22 22 44 44", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "circle",
+          {
+            className: "path",
+            fill: "none",
+            strokeWidth: "3.6",
+            cx: "44",
+            cy: "44",
+            r: "20.2"
+          }
+        ) }) })
+      }
+    );
+  }
+);
 const commonSizes = [
   "xxxsmall",
   "xxsmall",
@@ -121,8 +123,4 @@ Spinner.propTypes = {
   size: (0, import_prop_types.oneOfType)([(0, import_prop_types.oneOf)(commonSizes), import_prop_types.string, import_prop_types.number]),
   color: import_prop_types.string
 };
-Spinner.defaultProps = {
-  size: "medium",
-  color: "primary"
-};
 var Spinner_default = (0, import_styled_components.withTheme)(Spinner);

package/cjs/Stepper/web/Dots.js

@@ -94,7 +94,8 @@ const Wrapper = import_styled_components.default.div`
   display: flex;
   justify-content: space-between;
 `;
-function Dots({ activeStep, labels, secondary }) {
+const emptyArr = [];
+function Dots({ activeStep = 0, labels = emptyArr, secondary = false }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Wrapper, { children: labels.map((label, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     DotWrapper,
     {
@@ -113,9 +114,4 @@ Dots.propTypes = {
   labels: (0, import_prop_types.arrayOf)(import_prop_types.string),
   secondary: import_prop_types.bool
 };
-Dots.defaultProps = {
-  activeStep: 0,
-  labels: [],
-  secondary: false
-};
 var Dots_default = Dots;

package/cjs/Stepper/web/Line.js

@@ -63,8 +63,4 @@ Line.propTypes = {
   activeStep: import_prop_types.number,
   totalSteps: import_prop_types.number
 };
-Line.defaultProps = {
-  activeStep: 0,
-  totalSteps: 0
-};
 var Line_default = Line;