@gympass/yoga 7.127.3 → 7.128.0

package/esm/Card/web/PlanCard/Content.js

@@ -99,15 +99,15 @@ const EnhancePrice = styled(Text.Medium)`
 const PlanCardContent = (_a) => {
   var _b = _a, {
     title,
-    badgeColor,
-    subtitle,
-    description,
-    currency,
-    suffix,
-    price,
-    period,
-    extra,
-    children
+    badgeColor = null,
+    subtitle = null,
+    description = null,
+    currency = null,
+    suffix = null,
+    price = null,
+    period = null,
+    extra = null,
+    children = null
   } = _b, rest = __objRest(_b, [
     "title",
     "badgeColor",
@@ -152,17 +152,6 @@ PlanCardContent.propTypes = {
   /** color of the badge attached to the title  */
   badgeColor: string
 };
-PlanCardContent.defaultProps = {
-  children: null,
-  description: null,
-  subtitle: null,
-  currency: null,
-  suffix: null,
-  price: null,
-  period: null,
-  extra: null,
-  badgeColor: null
-};
 PlanCardContent.displayName = "PlanCard.Content";
 var Content_default = PlanCardContent;
 export {

package/esm/Card/web/PlanCard/List.js

@@ -97,12 +97,13 @@ const Button = styled.button`
 
   ${truncateStyle}
 `;
+const emptyObj = {};
 const ListItem = withTheme((props) => {
   const {
     text,
-    truncate,
+    truncate = true,
     icon: Icon,
-    buttonProps,
+    buttonProps = emptyObj,
     theme: yogaTheme,
     children,
     onClick
@@ -141,13 +142,6 @@ ListItem.propTypes = {
   children: node,
   truncate: bool
 };
-ListItem.defaultProps = {
-  truncate: true,
-  icon: void 0,
-  buttonProps: {},
-  onClick: void 0,
-  children: void 0
-};
 export {
   List,
   ListItem

package/esm/Card/web/PlanCard/PlanCard.js

@@ -135,7 +135,7 @@ const DiscountWrapper = styled(Box).attrs({
 }}
 `;
 function PlanCard(_a) {
-  var _b = _a, { children, discount, variant } = _b, rest = __objRest(_b, ["children", "discount", "variant"]);
+  var _b = _a, { children, discount, variant = "deepPurple" } = _b, rest = __objRest(_b, ["children", "discount", "variant"]);
   const hasDiscount = !!discount;
   return /* @__PURE__ */ jsxs(Plan, __spreadProps(__spreadValues({}, rest), { children: [
     hasDiscount && /* @__PURE__ */ jsx(DiscountWrapper, { bg: variant, children: /* @__PURE__ */ jsx(Text.Tiny, { color: "white", fontWeight: "medium", children: discount }) }),
@@ -148,11 +148,6 @@ PlanCard.propTypes = {
   discount: string,
   variant: string
 };
-PlanCard.defaultProps = {
-  children: void 0,
-  discount: void 0,
-  variant: "deepPurple"
-};
 PlanCard.displayName = "PlanCard";
 var PlanCard_default = PlanCard;
 export {

package/esm/Checkbox/web/Checkbox.js

@@ -252,13 +252,13 @@ const Checkbox = (_a) => {
     value,
     label,
     helper,
-    disabled,
-    checked,
+    disabled = false,
+    checked = false,
     error,
     style,
     className,
-    inverted,
-    indeterminate,
+    inverted = false,
+    indeterminate = false,
     ariaLabel,
     theme: {
       yoga: {
@@ -361,19 +361,6 @@ Checkbox.propTypes = {
   className: string,
   ariaLabel: string
 };
-Checkbox.defaultProps = {
-  label: void 0,
-  value: void 0,
-  helper: void 0,
-  checked: false,
-  disabled: false,
-  inverted: false,
-  indeterminate: false,
-  error: void 0,
-  style: void 0,
-  className: void 0,
-  ariaLabel: void 0
-};
 Checkbox.displayName = "Checkbox";
 var Checkbox_default = withTheme(Checkbox);
 export {

package/esm/Checkbox/web/Switch.js

@@ -135,8 +135,18 @@ const SwitchThumb = styled.span`
           `}
     `};
 `;
-const CheckboxSwitch = (_a) => {
-  var _b = _a, { checked, disabled, onChange } = _b, rest = __objRest(_b, ["checked", "disabled", "onChange"]);
+const noop = () => {
+};
+function CheckboxSwitch(_a) {
+  var _b = _a, {
+    checked = false,
+    disabled = false,
+    onChange = noop
+  } = _b, rest = __objRest(_b, [
+    "checked",
+    "disabled",
+    "onChange"
+  ]);
   return /* @__PURE__ */ jsxs(SwitchTrack, __spreadProps(__spreadValues({ checked, disabled }, rest), { children: [
     /* @__PURE__ */ jsx(
       SwitchInput,
@@ -152,18 +162,12 @@ const CheckboxSwitch = (_a) => {
     ),
     /* @__PURE__ */ jsx(SwitchThumb, { role: "button", checked, disabled })
   ] }));
-};
+}
 CheckboxSwitch.propTypes = {
   checked: bool,
   disabled: bool,
   onChange: func
 };
-CheckboxSwitch.defaultProps = {
-  checked: false,
-  disabled: false,
-  onChange: () => {
-  }
-};
 CheckboxSwitch.displayName = "Checkbox.Switch";
 var Switch_default = CheckboxSwitch;
 export {

package/esm/Chips/web/Chips.js

@@ -91,9 +91,9 @@ const Wrapper = styled.button`
         p {
           color: ${colors.white};
         }
-        
+
         background-color: ${colors.secondary};
-        
+
 
         border-color: transparent;
 
@@ -136,14 +136,15 @@ const Wrapper = styled.button`
     `;
 }}
 `;
+const emptyArr = [];
 const Chips = React.forwardRef(
   (_c, ref) => {
     var _d = _c, {
       children,
-      selected,
+      selected = false,
       counter,
-      icons,
-      disabled,
+      icons = emptyArr,
+      disabled = false,
       onToggle,
       onClick = onToggle,
       theme: {
@@ -220,15 +221,6 @@ Chips.propTypes = {
   onToggle: func,
   onClick: func
 };
-Chips.defaultProps = {
-  children: void 0,
-  selected: false,
-  disabled: false,
-  counter: void 0,
-  icons: [],
-  onToggle: void 0,
-  onClick: void 0
-};
 var Chips_default = withTheme(Chips);
 export {
   Chips_default as default

package/esm/Datepicker/web/Calendar.js

@@ -153,10 +153,10 @@ function Calendar({
   type,
   startDate,
   endDate,
-  onSelectSingle,
-  onSelectRange,
-  disablePastDates,
-  disableFutureDates,
+  onSelectSingle = null,
+  onSelectRange = null,
+  disablePastDates = false,
+  disableFutureDates = false,
   disablePastFrom,
   disableFutureFrom
 }) {
@@ -365,16 +365,6 @@ Calendar.propTypes = {
   disablePastFrom: instanceOf(Date),
   disableFutureFrom: instanceOf(Date)
 };
-Calendar.defaultProps = {
-  startDate: void 0,
-  endDate: void 0,
-  onSelectSingle: null,
-  onSelectRange: null,
-  disablePastDates: false,
-  disableFutureDates: false,
-  disablePastFrom: void 0,
-  disableFutureFrom: void 0
-};
 var Calendar_default = Calendar;
 export {
   Calendar_default as default

package/esm/Datepicker/web/Datepicker.js

@@ -183,22 +183,22 @@ const toUTC = (date) => {
 };
 function Datepicker(_c) {
   var _d = _c, {
-    fullWidth,
+    fullWidth = false,
     type,
     placeholder,
     startDate,
     endDate,
     onSelectSingle,
-    disabled,
+    disabled = false,
     onSelectRange,
     customOnSelectRange,
-    disablePastDates,
-    disableFutureDates,
+    disablePastDates = false,
+    disableFutureDates = false,
     disablePastFrom,
     disableFutureFrom,
     error,
     onOpen,
-    displayEndDateOnly
+    displayEndDateOnly = false
   } = _d, props = __objRest(_d, [
     "fullWidth",
     "type",
@@ -357,23 +357,6 @@ Datepicker.propTypes = {
   onOpen: func,
   displayEndDateOnly: bool
 };
-Datepicker.defaultProps = {
-  fullWidth: false,
-  placeholder: void 0,
-  startDate: void 0,
-  endDate: void 0,
-  disabled: false,
-  onSelectSingle: void 0,
-  onSelectRange: void 0,
-  customOnSelectRange: void 0,
-  disablePastDates: false,
-  disableFutureDates: false,
-  disablePastFrom: void 0,
-  disableFutureFrom: void 0,
-  error: void 0,
-  onOpen: void 0,
-  displayEndDateOnly: false
-};
 var Datepicker_default = Datepicker;
 export {
   Datepicker_default as default,

package/esm/Dialog/web/Dialog.js

@@ -104,12 +104,12 @@ const CloseButton = styled(Button.Icon)`
 const Dialog = React.forwardRef(
   (_a, forwardedRef) => {
     var _b = _a, {
-      isOpen,
-      hideCloseButton,
+      isOpen = false,
+      hideCloseButton = false,
       children,
       dialogId,
       onClose,
-      zIndex,
+      zIndex = 3,
       closeLabel,
       className
     } = _b, props = __objRest(_b, [
@@ -204,15 +204,6 @@ Dialog.propTypes = {
   zIndex: number,
   children: node.isRequired
 };
-Dialog.defaultProps = {
-  isOpen: false,
-  hideCloseButton: false,
-  onClose: void 0,
-  closeLabel: void 0,
-  className: void 0,
-  zIndex: 3,
-  dialogId: void 0
-};
 Dialog.displayName = "Dialog";
 var Dialog_default = Dialog;
 export {

package/esm/Divider/web/Divider.js

@@ -47,19 +47,17 @@ const StyledDivider = styled.hr`
     `;
 }}
 `;
-const Divider = React.forwardRef((_a, ref) => {
-  var _b = _a, { vertical, style } = _b, props = __objRest(_b, ["vertical", "style"]);
-  return /* @__PURE__ */ jsx(StyledDivider, __spreadValues({ vertical, ref, style }, props));
-});
+const Divider = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { vertical = false, style } = _b, props = __objRest(_b, ["vertical", "style"]);
+    return /* @__PURE__ */ jsx(StyledDivider, __spreadValues({ vertical, ref, style }, props));
+  }
+);
 Divider.propTypes = {
   /** If this value is defined, the divider will be in vertical if the flexDirection is row type */
   vertical: bool,
   style: shape({})
 };
-Divider.defaultProps = {
-  vertical: false,
-  style: void 0
-};
 var Divider_default = withTheme(Divider);
 export {
   Divider_default as default

package/esm/Drawer/web/Drawer.js

@@ -17,6 +17,18 @@ 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;
+};
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import styled from "styled-components";
@@ -48,14 +60,14 @@ const StyledDrawer = styled(Dialog)`
     }
   }
 `;
-const Drawer = React.forwardRef((props, forwardedRef) => /* @__PURE__ */ jsx(StyledDrawer, __spreadProps(__spreadValues({}, props), { ref: forwardedRef })));
+const Drawer = React.forwardRef((_a, forwardedRef) => {
+  var _b = _a, { zIndex = 3 } = _b, rest = __objRest(_b, ["zIndex"]);
+  return /* @__PURE__ */ jsx(StyledDrawer, __spreadProps(__spreadValues({}, rest), { zIndex, ref: forwardedRef }));
+});
 Drawer.propTypes = {
   children: node.isRequired,
   zIndex: number
 };
-Drawer.defaultProps = {
-  zIndex: 3
-};
 var Drawer_default = Drawer;
 export {
   Drawer_default as default

package/esm/Dropdown/web/Dropdown.js

@@ -57,7 +57,7 @@ const Wrapper = styled.div`
     position: relative;
     display: inline-block;
     vertical-align: top;
-    
+
     width: ${full ? "100%" : `${dropdown.width}px`};
   `}
 `;
@@ -255,9 +255,27 @@ const ArrowIcon = styled((_a) => {
     transform: rotate(${isOpen ? "180deg" : "0"});
   `}
 `;
+const noop = () => {
+};
 const Dropdown = React.forwardRef(
   (_c, ref) => {
-    var _d = _c, { error, label, disabled, full, options, onChange, isMaxHeight } = _d, rest = __objRest(_d, ["error", "label", "disabled", "full", "options", "onChange", "isMaxHeight"]);
+    var _d = _c, {
+      error,
+      label = "",
+      disabled = false,
+      full = false,
+      options,
+      onChange = noop,
+      isMaxHeight = true
+    } = _d, rest = __objRest(_d, [
+      "error",
+      "label",
+      "disabled",
+      "full",
+      "options",
+      "onChange",
+      "isMaxHeight"
+    ]);
     const inputRef = ref || React.useRef(null);
     const selectedOption = options.find((item) => item.selected === true);
     const [localSelectedItem, setLocalSelectedItem] = useState(selectedOption);
@@ -370,15 +388,6 @@ Dropdown.propTypes = {
   onChange: func,
   isMaxHeight: bool
 };
-Dropdown.defaultProps = {
-  label: "",
-  error: void 0,
-  full: false,
-  disabled: false,
-  onChange: () => {
-  },
-  isMaxHeight: true
-};
 var Dropdown_default = Dropdown;
 export {
   Dropdown_default as default

package/esm/Feedback/web/Feedback.js

@@ -64,7 +64,19 @@ function isChildFromComponent(child, component) {
   return child.type.displayName === component.displayName;
 }
 function Feedback(_a) {
-  var _b = _a, { variant, title, description, children, center } = _b, props = __objRest(_b, ["variant", "title", "description", "children", "center"]);
+  var _b = _a, {
+    variant,
+    title,
+    description,
+    children,
+    center = true
+  } = _b, props = __objRest(_b, [
+    "variant",
+    "title",
+    "description",
+    "children",
+    "center"
+  ]);
   const iconProps = VARIANT_ICONS[variant];
   let primaryButton;
   let secondaryButton;
@@ -125,11 +137,6 @@ Feedback.propTypes = {
   /** Center the component vertically */
   center: bool
 };
-Feedback.defaultProps = {
-  title: void 0,
-  children: void 0,
-  center: true
-};
 var Feedback_default = Feedback;
 export {
   Feedback_default as default

package/esm/Grid/web/Col.js

@@ -47,25 +47,6 @@ Col.propTypes = {
   "xxl-start": number,
   "xxxl-start": number
 };
-Col.defaultProps = {
-  hide: void 0,
-  xxs: void 0,
-  xs: void 0,
-  sm: void 0,
-  md: void 0,
-  lg: void 0,
-  xl: void 0,
-  xxl: void 0,
-  xxxl: void 0,
-  "xxs-start": void 0,
-  "xs-start": void 0,
-  "sm-start": void 0,
-  "md-start": void 0,
-  "lg-start": void 0,
-  "xl-start": void 0,
-  "xxl-start": void 0,
-  "xxxl-start": void 0
-};
 var Col_default = Col;
 export {
   Col_default as default

package/esm/Grid/web/Hide.js

@@ -3,8 +3,26 @@ import styled from "styled-components";
 import tokens from "@gympass/yoga-tokens";
 import { media } from "@gympass/yoga-helpers";
 const { breakpoints } = tokens;
+const defaultProps = {
+  xxs: void 0,
+  xs: void 0,
+  sm: void 0,
+  md: void 0,
+  lg: void 0,
+  xl: void 0,
+  xxl: void 0,
+  xxxl: void 0,
+  "xxs-start": void 0,
+  "xs-start": void 0,
+  "sm-start": void 0,
+  "md-start": void 0,
+  "lg-start": void 0,
+  "xl-start": void 0,
+  "xxl-start": void 0,
+  "xxxl-start": void 0
+};
 const Hide = styled.div`
-  ${(props) => Object.keys(props).filter((prop) => props[prop] && Object.keys(breakpoints).includes(prop)).map((breakpoint) => media.hide[breakpoint])}
+  ${(props = defaultProps) => Object.keys(props).filter((prop) => props[prop] && Object.keys(breakpoints).includes(prop)).map((breakpoint) => media.hide[breakpoint])}
 
   ${(props) => Object.keys(props).filter((prop) => props[`${prop}-start`]).map((breakpoint) => media.hide[`${breakpoint}-start`])}
 `;

package/esm/Header/web/Header.js

@@ -54,7 +54,7 @@ const StyledHeader = styled(Box)`
   `}
 `;
 const Header = (_a) => {
-  var _b = _a, { link, logo, children } = _b, props = __objRest(_b, ["link", "logo", "children"]);
+  var _b = _a, { link = null, logo = null, children = null } = _b, props = __objRest(_b, ["link", "logo", "children"]);
   return /* @__PURE__ */ jsxs(
     StyledHeader,
     __spreadProps(__spreadValues({
@@ -80,11 +80,6 @@ Header.propTypes = {
   /** Use logo to change headers image */
   logo: elementType
 };
-Header.defaultProps = {
-  link: null,
-  children: null,
-  logo: null
-};
 var Header_default = Header;
 export {
   Header_default as default

package/esm/Header/web/Logo.js

@@ -2,13 +2,10 @@ import { jsx } from "react/jsx-runtime";
 import React from "react";
 import { elementType } from "prop-types";
 import GympassLogo from "./GympassLogo";
-const Logo = ({ customLogo: CustomLogo }) => CustomLogo ? /* @__PURE__ */ jsx(CustomLogo, {}) : /* @__PURE__ */ jsx(GympassLogo, {});
+const Logo = ({ customLogo: CustomLogo = null }) => CustomLogo ? /* @__PURE__ */ jsx(CustomLogo, {}) : /* @__PURE__ */ jsx(GympassLogo, {});
 Logo.propTypes = {
   customLogo: elementType
 };
-Logo.defaultProps = {
-  customLogo: null
-};
 var Logo_default = Logo;
 export {
   Logo_default as default

package/esm/Heading/web/Heading.js

@@ -38,7 +38,7 @@ import Title from "./Title";
 import BackButton from "./BackButton";
 import RightButton from "./RightButton";
 const Heading = (_a) => {
-  var _b = _a, { children, noPadding } = _b, props = __objRest(_b, ["children", "noPadding"]);
+  var _b = _a, { children, noPadding = false } = _b, props = __objRest(_b, ["children", "noPadding"]);
   let backButton = null;
   let title = null;
   const rightButtons = [];
@@ -71,11 +71,6 @@ Heading.propTypes = {
   noPadding: bool,
   bg: PropTypes.string
 };
-Heading.defaultProps = {
-  children: void 0,
-  noPadding: false,
-  bg: void 0
-};
 var Heading_default = Heading;
 export {
   Heading_default as default

package/esm/Icon/Icon.js

@@ -45,7 +45,7 @@ import Box from "../Box";
 const Icon = (_a) => {
   var _b = _a, {
     as: Component,
-    size,
+    size = 12,
     width = size,
     height = size,
     fill,
@@ -156,16 +156,6 @@ Icon.propTypes = {
    * Use it as one of theme.spacing tokens (xxsmall, small, medium...) */
   size: oneOfType([oneOf(commonSizes), string, number])
 };
-Icon.defaultProps = {
-  fill: void 0,
-  stroke: void 0,
-  title: void 0,
-  description: void 0,
-  ariaLabel: void 0,
-  width: void 0,
-  height: void 0,
-  size: 12
-};
 var Icon_default = withTheme(Icon);
 export {
   Icon_default as default

package/esm/Input/web/Helper.js

@@ -79,15 +79,6 @@ Helper.propTypes = {
   hideMaxLength: bool,
   a11yId: string
 };
-Helper.defaultProps = {
-  disabled: void 0,
-  error: void 0,
-  helper: void 0,
-  maxLength: void 0,
-  length: void 0,
-  hideMaxLength: void 0,
-  a11yId: void 0
-};
 var Helper_default = Helper;
 export {
   Wrapper,