@gympass/yoga 7.127.3 → 7.127.4

package/cjs/Accordion/web/Accordion.js

@@ -250,10 +250,10 @@ const Accordion = (_a) => {
     title,
     subtitle,
     children,
-    disabled,
-    expanded,
-    small,
-    hasHorizontalPadding
+    disabled = false,
+    expanded = false,
+    small = false,
+    hasHorizontalPadding = true
   } = _b, props = __objRest(_b, [
     "title",
     "subtitle",
@@ -313,12 +313,4 @@ Accordion.propTypes = {
   small: import_prop_types.bool,
   hasHorizontalPadding: import_prop_types.bool
 };
-Accordion.defaultProps = {
-  title: void 0,
-  subtitle: void 0,
-  disabled: false,
-  expanded: false,
-  small: false,
-  hasHorizontalPadding: true
-};
 var Accordion_default = Accordion;

package/cjs/Accordion/web/Small.js

@@ -55,5 +55,4 @@ function AccordionSmall(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Accordion.default, __spreadProps(__spreadValues({}, props), { small: true }));
 }
 AccordionSmall.propTypes = import_Accordion.default.propTypes;
-AccordionSmall.defaultProps = import_Accordion.default.defaultProps;
 var Small_default = AccordionSmall;

package/cjs/ActionRequirement/web/ActionRequirement.js

@@ -98,7 +98,7 @@ function ActionRequirement(props) {
     checkable,
     illustration,
     list,
-    titleAsTextDisplay
+    titleAsTextDisplay = false
   } = props;
   let primaryButton;
   let secondaryButton;
@@ -134,11 +134,4 @@ ActionRequirement.propTypes = {
   list: (0, import_prop_types.oneOfType)([(0, import_prop_types.arrayOf)(import_prop_types.node), import_prop_types.node]),
   titleAsTextDisplay: import_prop_types.bool
 };
-ActionRequirement.defaultProps = {
-  children: void 0,
-  checkable: void 0,
-  illustration: void 0,
-  list: void 0,
-  titleAsTextDisplay: false
-};
 var ActionRequirement_default = ActionRequirement;

package/cjs/AutoComplete/web/AutoComplete.js

@@ -193,21 +193,24 @@ const Match = import_styled_components.default.mark`
     font-weight: ${autocomplete.list.font.weight.matched};
   `}
 `;
+const noop = () => {
+};
+const emptyArr = [];
 const AutoComplete = import_react.default.forwardRef(
   (_a, ref) => {
     var _b = _a, {
       className,
       style,
-      full,
-      options,
-      onChange,
-      onClean,
-      onSelect,
+      full = false,
+      options = emptyArr,
+      onChange = noop,
+      onClean = noop,
+      onSelect = noop,
       value,
       error,
-      openSuggestionsAriaLabel,
-      closeSuggestionsAriaLabel,
-      shouldFilterOptions
+      openSuggestionsAriaLabel = "Open suggestions",
+      closeSuggestionsAriaLabel = "Close suggestions",
+      shouldFilterOptions = true
     } = _b, props = __objRest(_b, [
       "className",
       "style",
@@ -359,21 +362,4 @@ AutoComplete.propTypes = {
   /** flag to enable options filtering */
   shouldFilterOptions: import_prop_types.bool
 };
-AutoComplete.defaultProps = {
-  className: void 0,
-  full: false,
-  options: [],
-  style: void 0,
-  onSelect: () => {
-  },
-  onChange: () => {
-  },
-  onClean: () => {
-  },
-  value: void 0,
-  error: void 0,
-  openSuggestionsAriaLabel: "Open suggestions",
-  closeSuggestionsAriaLabel: "Close suggestions",
-  shouldFilterOptions: true
-};
 var AutoComplete_default = AutoComplete;

package/cjs/Avatar/web/Avatar.js

@@ -81,7 +81,21 @@ const Content = ({ icon, alt, src, fill, content, stroke }) => {
 };
 const Avatar = (0, import_react.forwardRef)(
   (_a, ref) => {
-    var _b = _a, { src, alt, fill, stroke, icon = import_yoga_icons.BuildingFilled, children } = _b, otherProps = __objRest(_b, ["src", "alt", "fill", "stroke", "icon", "children"]);
+    var _b = _a, {
+      src,
+      alt,
+      fill = "white",
+      stroke,
+      icon = import_yoga_icons.BuildingFilled,
+      children
+    } = _b, otherProps = __objRest(_b, [
+      "src",
+      "alt",
+      "fill",
+      "stroke",
+      "icon",
+      "children"
+    ]);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_Box.default,
       __spreadProps(__spreadValues({
@@ -117,12 +131,6 @@ Content.propTypes = __spreadValues({
   fill: import_prop_types.string,
   alt: import_prop_types.string
 }, import_Box.default.propTypes);
-Content.defaultProps = {
-  src: void 0,
-  fill: "white",
-  alt: void 0,
-  icon: void 0
-};
 Avatar.propTypes = __spreadValues({
   src: import_prop_types.string,
   /**  Required if src is true */
@@ -152,12 +160,5 @@ Avatar.propTypes = __spreadValues({
   fill: import_prop_types.string,
   stroke: import_prop_types.string
 }, import_Box.default.propTypes);
-Avatar.defaultProps = __spreadValues({
-  src: void 0,
-  alt: void 0,
-  icon: void 0,
-  fill: "white",
-  stroke: void 0
-}, import_Box.default.defaultProps);
 Avatar.displayName = "Avatar";
 var Avatar_default = Avatar;

package/cjs/Avatar/web/AvatarCircle.js

@@ -78,6 +78,5 @@ const AvatarCircle = (0, import_react.forwardRef)((_a, ref) => {
   );
 });
 AvatarCircle.propTypes = import_Avatar.default.propTypes;
-AvatarCircle.defaultProps = import_Avatar.default.defaultProps;
 AvatarCircle.displayName = "Avatar.Circle";
 var AvatarCircle_default = AvatarCircle;

package/cjs/Banner/web/Banner.js

@@ -114,7 +114,19 @@ BannerActionButton.propTypes = {
   }).isRequired
 };
 const Banner = (0, import_react.forwardRef)((props, ref) => {
-  const _a = props, { icon, variant, message, primaryButton, secondaryButton } = _a, rest = __objRest(_a, ["icon", "variant", "message", "primaryButton", "secondaryButton"]);
+  const _a = props, {
+    icon,
+    variant = "informative",
+    message,
+    primaryButton,
+    secondaryButton
+  } = _a, rest = __objRest(_a, [
+    "icon",
+    "variant",
+    "message",
+    "primaryButton",
+    "secondaryButton"
+  ]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(StyledBanner, __spreadProps(__spreadValues({ ref, variant }, rest), { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_Box.default, { display: "flex", flex: 1, alignItems: "center", children: [
       icon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -173,10 +185,4 @@ Banner.propTypes = {
     );
   }
 };
-Banner.defaultProps = {
-  icon: void 0,
-  variant: "informative",
-  primaryButton: void 0,
-  secondaryButton: void 0
-};
 var Banner_default = Banner;

package/cjs/Button/web/Button.js

@@ -72,18 +72,20 @@ const SpinnerContainer = import_styled_components.default.div`
   left: 50%;
   transform: translate(-50%, -50%);
 `;
+const noop = () => {
+};
 const Button = (0, import_react.forwardRef)(
   (_a, ref) => {
     var _b = _a, {
-      children,
-      onClick,
-      full,
-      disabled,
-      inverted,
-      small,
-      secondary,
+      children = "Button",
+      onClick = noop,
+      full = false,
+      disabled = void 0,
+      inverted = false,
+      small = false,
+      secondary = false,
       icon: Icon,
-      isLoading
+      isLoading = false
     } = _b, props = __objRest(_b, [
       "children",
       "onClick",
@@ -135,19 +137,5 @@ Button.propTypes = {
   icon: (0, import_prop_types.oneOfType)([import_prop_types.node, import_prop_types.func]),
   href: import_prop_types.string
 };
-Button.defaultProps = {
-  ariaLabel: void 0,
-  children: "Button",
-  disabled: void 0,
-  full: false,
-  inverted: false,
-  isLoading: false,
-  onClick: () => {
-  },
-  small: false,
-  secondary: false,
-  icon: void 0,
-  href: void 0
-};
 Button.displayName = "Button";
 var Button_default = Button;

package/cjs/Button/web/Icon.js

@@ -98,19 +98,25 @@ const ButtonIcon = (0, import_react.forwardRef)(
           components: { button }
         }
       },
-      small,
+      small = false,
       disabled,
-      isLoading
+      isLoading = false,
+      secondary = false,
+      inverted = false
     } = _b, props = __objRest(_b, [
       "icon",
       "theme",
       "small",
       "disabled",
-      "isLoading"
+      "isLoading",
+      "secondary",
+      "inverted"
     ]);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       IconStyled,
       __spreadProps(__spreadValues({}, props), {
+        secondary,
+        inverted,
         ref,
         small,
         disabled: disabled || isLoading,
@@ -135,13 +141,5 @@ ButtonIcon.propTypes = {
   icon: (0, import_prop_types.oneOfType)([import_prop_types.node, import_prop_types.func]),
   isLoading: import_prop_types.bool
 };
-ButtonIcon.defaultProps = {
-  small: false,
-  disabled: void 0,
-  secondary: false,
-  inverted: false,
-  icon: void 0,
-  isLoading: false
-};
 ButtonIcon.displayName = "Button.Icon";
 var Icon_default = (0, import_styled_components.withTheme)(ButtonIcon);

package/cjs/Button/web/Link.js

@@ -146,12 +146,20 @@ const Link = (0, import_styled_components.default)(import_Button.default)`
 }}
 `;
 const ButtonLink = (0, import_react.forwardRef)((_a, ref) => {
-  var rest = __objRest(_a, []);
+  var _b = _a, { secondary = false } = _b, rest = __objRest(_b, ["secondary"]);
   const props = Object.fromEntries(
     Object.entries(rest).filter(([key]) => key !== "isLoading")
   );
   const { disabled } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Link, __spreadProps(__spreadValues({}, props), { disabled, "aria-disabled": disabled, ref }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Link,
+    __spreadProps(__spreadValues({}, props), {
+      secondary,
+      disabled,
+      "aria-disabled": disabled,
+      ref
+    })
+  );
 });
 ButtonLink.propTypes = {
   disabled: import_prop_types.bool,
@@ -160,11 +168,5 @@ ButtonLink.propTypes = {
   /** an Icon from yoga-icons package */
   icon: (0, import_prop_types.oneOfType)([import_prop_types.node, import_prop_types.func])
 };
-ButtonLink.defaultProps = {
-  disabled: void 0,
-  secondary: false,
-  href: void 0,
-  icon: void 0
-};
 ButtonLink.displayName = "Button.Link";
 var Link_default = ButtonLink;

package/cjs/Button/web/Text.js

@@ -168,7 +168,7 @@ const ButtonText = (0, import_react.forwardRef)((_a, ref) => {
   const props = Object.fromEntries(
     Object.entries(rest).filter(([key]) => key !== "isLoading")
   );
-  const { secondary, inverted } = props;
+  const { secondary = false, inverted = false } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     StyledButton,
     __spreadProps(__spreadValues({}, props), {
@@ -182,9 +182,5 @@ ButtonText.propTypes = {
   inverted: import_prop_types.bool,
   secondary: import_prop_types.bool
 };
-ButtonText.defaultProps = {
-  inverted: false,
-  secondary: false
-};
 ButtonText.displayName = "Button.Text";
 var Text_default = ButtonText;

package/cjs/Card/web/Card/Card.js

@@ -78,10 +78,10 @@ const CardStyled = import_styled_components.default.section`
   }
 }) => `
   ${hasShadow ? `
-          padding: 
-            ${card.padding.top}px 
+          padding:
+            ${card.padding.top}px
             ${card.padding.right}px
-            ${card.padding.bottom}px 
+            ${card.padding.bottom}px
             ${card.padding.left}px;
           box-shadow: ${card.elevation};
         ` : `
@@ -110,12 +110,12 @@ const Ribbon = (0, import_styled_components.default)(import_Text.default.Tiny)`
   margin-left: -${card.padding.left}px;
   margin-bottom: ${card.padding.bottom}px;
 
-  padding: 
+  padding:
     ${spacing.xxxsmall}px
     ${spacing.xsmall}px
     ${spacing.xxxsmall}px
     ${spacing.small}px;
-  
+
   border-top-right-radius: ${card.ribbon.radius}px;
   border-bottom-right-radius: ${card.ribbon.radius}px;
 
@@ -124,13 +124,16 @@ const Ribbon = (0, import_styled_components.default)(import_Text.default.Tiny)`
   color: ${variant ? white : text.primary};
   `}
 `;
-const Card = import_react.default.forwardRef((_a, ref) => {
-  var _b = _a, { ribbon, children } = _b, rest = __objRest(_b, ["ribbon", "children"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardStyled, __spreadProps(__spreadValues({ ref }, rest), { children: [
-    Object.keys(ribbon).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Ribbon, { variant: ribbon.variant, as: "span", children: ribbon.text }),
-    children
-  ] }));
-});
+const emptyObj = {};
+const Card = import_react.default.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { ribbon = emptyObj, children = null, hasShadow = true } = _b, rest = __objRest(_b, ["ribbon", "children", "hasShadow"]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(CardStyled, __spreadProps(__spreadValues({ ref, hasShadow }, rest), { children: [
+      Object.keys(ribbon).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Ribbon, { variant: ribbon.variant, as: "span", children: ribbon.text }),
+      children
+    ] }));
+  }
+);
 Card.propTypes = {
   /** text: the content inside the Card Ribbon.
    * variant: style the card following the theme (primary, secondary, vibin, hope,
@@ -163,10 +166,5 @@ Card.propTypes = {
   /** applies a shadow to the card (enabled by default) */
   hasShadow: import_prop_types.bool
 };
-Card.defaultProps = {
-  ribbon: {},
-  children: null,
-  hasShadow: true
-};
 Card.displayName = "Card";
 var Card_default = Card;

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

@@ -130,15 +130,15 @@ const EnhancePrice = (0, import_styled_components.default)(import_Text.default.M
 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",
@@ -183,16 +183,5 @@ PlanCardContent.propTypes = {
   /** color of the badge attached to the title  */
   badgeColor: import_prop_types.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;

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

@@ -129,12 +129,13 @@ const Button = import_styled_components.default.button`
 
   ${truncateStyle}
 `;
+const emptyObj = {};
 const ListItem = (0, import_styled_components.withTheme)((props) => {
   const {
     text,
-    truncate,
+    truncate = true,
     icon: Icon,
-    buttonProps,
+    buttonProps = emptyObj,
     theme: yogaTheme,
     children,
     onClick
@@ -173,13 +174,6 @@ ListItem.propTypes = {
   children: import_prop_types.node,
   truncate: import_prop_types.bool
 };
-ListItem.defaultProps = {
-  truncate: true,
-  icon: void 0,
-  buttonProps: {},
-  onClick: void 0,
-  children: void 0
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   List,

package/cjs/Card/web/PlanCard/PlanCard.js

@@ -167,7 +167,7 @@ const DiscountWrapper = (0, import_styled_components.default)(import_Box.default
 }}
 `;
 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__ */ (0, import_jsx_runtime.jsxs)(Plan, __spreadProps(__spreadValues({}, rest), { children: [
     hasDiscount && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DiscountWrapper, { bg: variant, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Text.default.Tiny, { color: "white", fontWeight: "medium", children: discount }) }),
@@ -180,11 +180,6 @@ PlanCard.propTypes = {
   discount: import_prop_types.string,
   variant: import_prop_types.string
 };
-PlanCard.defaultProps = {
-  children: void 0,
-  discount: void 0,
-  variant: "deepPurple"
-};
 PlanCard.displayName = "PlanCard";
 var PlanCard_default = PlanCard;
 // Annotate the CommonJS export names for ESM import in node:

package/cjs/Checkbox/web/Checkbox.js

@@ -283,13 +283,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: {
@@ -392,18 +392,5 @@ Checkbox.propTypes = {
   className: import_prop_types.string,
   ariaLabel: import_prop_types.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 = (0, import_styled_components.withTheme)(Checkbox);

package/cjs/Checkbox/web/Switch.js

@@ -166,8 +166,18 @@ const SwitchThumb = import_styled_components.default.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__ */ (0, import_jsx_runtime.jsxs)(SwitchTrack, __spreadProps(__spreadValues({ checked, disabled }, rest), { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       SwitchInput,
@@ -183,17 +193,11 @@ const CheckboxSwitch = (_a) => {
     ),
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SwitchThumb, { role: "button", checked, disabled })
   ] }));
-};
+}
 CheckboxSwitch.propTypes = {
   checked: import_prop_types.bool,
   disabled: import_prop_types.bool,
   onChange: import_prop_types.func
 };
-CheckboxSwitch.defaultProps = {
-  checked: false,
-  disabled: false,
-  onChange: () => {
-  }
-};
 CheckboxSwitch.displayName = "Checkbox.Switch";
 var Switch_default = CheckboxSwitch;

package/cjs/Chips/web/Chips.js

@@ -122,9 +122,9 @@ const Wrapper = import_styled_components.default.button`
         p {
           color: ${colors.white};
         }
-        
+
         background-color: ${colors.secondary};
-        
+
 
         border-color: transparent;
 
@@ -167,14 +167,15 @@ const Wrapper = import_styled_components.default.button`
     `;
 }}
 `;
+const emptyArr = [];
 const Chips = import_react.default.forwardRef(
   (_c, ref) => {
     var _d = _c, {
       children,
-      selected,
+      selected = false,
       counter,
-      icons,
-      disabled,
+      icons = emptyArr,
+      disabled = false,
       onToggle,
       onClick = onToggle,
       theme: {
@@ -251,13 +252,4 @@ Chips.propTypes = {
   onToggle: import_prop_types.func,
   onClick: import_prop_types.func
 };
-Chips.defaultProps = {
-  children: void 0,
-  selected: false,
-  disabled: false,
-  counter: void 0,
-  icons: [],
-  onToggle: void 0,
-  onClick: void 0
-};
 var Chips_default = (0, import_styled_components.withTheme)(Chips);

package/cjs/Datepicker/web/Calendar.js

@@ -186,10 +186,10 @@ function Calendar({
   type,
   startDate,
   endDate,
-  onSelectSingle,
-  onSelectRange,
-  disablePastDates,
-  disableFutureDates,
+  onSelectSingle = null,
+  onSelectRange = null,
+  disablePastDates = false,
+  disableFutureDates = false,
   disablePastFrom,
   disableFutureFrom
 }) {
@@ -398,14 +398,4 @@ Calendar.propTypes = {
   disablePastFrom: (0, import_prop_types.instanceOf)(Date),
   disableFutureFrom: (0, import_prop_types.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;