@gympass/yoga 7.130.0 → 7.131.1

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

@@ -75,21 +75,21 @@ const EnhancePrice = styled.View`
 const PlanCardContent = (_a) => {
   var _b = _a, {
     title,
-    subtitle,
-    description,
-    currency,
-    suffix,
     price,
     period,
-    children
+    subtitle = null,
+    description = null,
+    currency = null,
+    suffix = null,
+    children = null
   } = _b, rest = __objRest(_b, [
     "title",
+    "price",
+    "period",
     "subtitle",
     "description",
     "currency",
     "suffix",
-    "price",
-    "period",
     "children"
   ]);
   return /* @__PURE__ */ jsxs(Content, __spreadProps(__spreadValues({}, rest), { children: [
@@ -120,13 +120,6 @@ PlanCardContent.propTypes = {
   subtitle: string,
   children: node
 };
-PlanCardContent.defaultProps = {
-  children: null,
-  description: null,
-  subtitle: null,
-  currency: null,
-  suffix: null
-};
 PlanCardContent.displayName = "PlanCard.Content";
 var Content_default = PlanCardContent;
 export {

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

@@ -66,10 +66,10 @@ const ListItem = withTheme(
   (_a) => {
     var {
       text,
-      variant,
+      variant = void 0,
       theme: yogaTheme,
-      icon,
-      buttonProps: _b
+      icon = void 0,
+      buttonProps: _b = {}
     } = _a, _c = _b, { children } = _c, buttonProps = __objRest(_c, ["children"]);
     const itemColor = get(yogaTheme.yoga.colors, variant);
     if (variant && !itemColor)
@@ -102,11 +102,6 @@ ListItem.propTypes = {
    */
   variant: string
 };
-ListItem.defaultProps = {
-  icon: void 0,
-  buttonProps: {},
-  variant: void 0
-};
 export {
   List,
   ListItem

package/esm/Card/native/PlanCard/PlanCard.js

@@ -71,7 +71,13 @@ const Border = styled.View`
 }) => color};
 `;
 const PlanCard = (_a) => {
-  var _b = _a, { children, variant } = _b, rest = __objRest(_b, ["children", "variant"]);
+  var _b = _a, {
+    children = void 0,
+    variant = "deepPurple"
+  } = _b, rest = __objRest(_b, [
+    "children",
+    "variant"
+  ]);
   return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Plan, __spreadProps(__spreadValues({}, rest), { children: [
     /* @__PURE__ */ jsx(Border, { variant }),
     children
@@ -102,10 +108,6 @@ PlanCard.propTypes = {
     "white"
   ])
 };
-PlanCard.defaultProps = {
-  children: void 0,
-  variant: "deepPurple"
-};
 PlanCard.displayName = "PlanCard";
 var PlanCard_default = PlanCard;
 export {

package/esm/Checkbox/native/Checkbox.js

@@ -173,15 +173,17 @@ const CheckArea = styled.View(
 );
 const Checkbox = (_a) => {
   var _b = _a, {
-    label,
-    helper,
-    disabled,
-    checked,
-    error,
-    style,
-    onPressIn,
-    onPressOut,
-    inverted,
+    label = void 0,
+    helper = void 0,
+    disabled = false,
+    checked = false,
+    error = void 0,
+    style = {},
+    onPressIn = () => {
+    },
+    onPressOut = () => {
+    },
+    inverted = false,
     theme: {
       yoga: {
         components: { checkbox },
@@ -256,19 +258,6 @@ Checkbox.propTypes = {
   onPressIn: func,
   onPressOut: func
 };
-Checkbox.defaultProps = {
-  label: void 0,
-  helper: void 0,
-  checked: false,
-  disabled: false,
-  inverted: false,
-  error: void 0,
-  style: {},
-  onPressIn: () => {
-  },
-  onPressOut: () => {
-  }
-};
 Checkbox.displayName = "Checkbox";
 var Checkbox_default = withTheme(Checkbox);
 export {

package/esm/Checkbox/native/Switch.js

@@ -65,9 +65,9 @@ const SwitchThumb = styled(Box).attrs(
   })
 )``;
 const CheckboxSwitch = ({
-  checked,
-  pressed,
-  disabled,
+  checked = false,
+  pressed = false,
+  disabled = false,
   theme: {
     yoga: {
       components: { checkboxswitch }
@@ -154,11 +154,6 @@ CheckboxSwitch.propTypes = {
   disabled: bool,
   pressed: bool
 };
-CheckboxSwitch.defaultProps = {
-  checked: false,
-  disabled: false,
-  pressed: false
-};
 CheckboxSwitch.displayName = "Checkbox.Switch";
 var Switch_default = withTouchable(withTheme(CheckboxSwitch));
 export {

package/esm/Chips/native/Chips.js

@@ -89,12 +89,12 @@ const StyledChips = styled(Text)`
 const Chips = React.forwardRef(
   (_a, ref) => {
     var _b = _a, {
-      children,
-      selected,
-      counter,
-      icons,
-      disabled,
-      onToggle,
+      children = void 0,
+      selected = false,
+      counter = void 0,
+      icons = [],
+      disabled = false,
+      onToggle = void 0,
       onPress = onToggle,
       theme: {
         yoga: { spacing, colors }
@@ -185,15 +185,6 @@ Chips.propTypes = {
   onToggle: func,
   onPress: func
 };
-Chips.defaultProps = {
-  children: void 0,
-  selected: false,
-  disabled: false,
-  counter: void 0,
-  icons: [],
-  onToggle: void 0,
-  onPress: void 0
-};
 var Chips_default = withTheme(Chips);
 export {
   Chips_default as default

package/esm/Divider/native/Divider.js

@@ -17,16 +17,13 @@ const StyledDivider = styled.View`
     `;
 }}
 `;
-const Divider = React.forwardRef(({ vertical }, ref) => {
+const Divider = React.forwardRef(({ vertical = false }, ref) => {
   return /* @__PURE__ */ jsx(StyledDivider, { vertical, ref });
 });
 Divider.propTypes = {
   /** If this value is defined, the divider will be in vertical when the flexDirection is row type */
   vertical: bool
 };
-Divider.defaultProps = {
-  vertical: false
-};
 var Divider_default = withTheme(Divider);
 export {
   Divider_default as default

package/esm/Dropdown/native/Backdrop.js

@@ -97,10 +97,11 @@ const Title = styled(Text.Bold)`
 `;
 const Backdrop = (_a) => {
   var _b = _a, {
-    visible,
-    title,
+    visible = false,
+    title = null,
     children,
-    onClose,
+    onClose = () => {
+    },
     theme: {
       yoga: {
         transition,
@@ -145,12 +146,6 @@ Backdrop.propTypes = {
   children: node.isRequired,
   onClose: func
 };
-Backdrop.defaultProps = {
-  visible: false,
-  title: null,
-  onClose: () => {
-  }
-};
 var Backdrop_default = withTheme(Backdrop);
 export {
   Backdrop_default as default

package/esm/Dropdown/native/Dropdown.js

@@ -100,14 +100,15 @@ const getSelectedOption = (options) => options.find((item) => item.selected ===
 const Dropdown = React.forwardRef(
   (_a, ref) => {
     var _b = _a, {
-      error,
-      label,
-      disabled,
-      full,
+      error = void 0,
+      label = "",
+      disabled = false,
+      full = false,
       options,
-      cancelActionLabel,
-      confirmActionLabel,
-      onChange,
+      cancelActionLabel = "Cancel",
+      confirmActionLabel = "Confirm",
+      onChange = () => {
+      },
       theme: {
         yoga: {
           components: { dropdown }
@@ -204,16 +205,6 @@ Dropdown.propTypes = {
   confirmActionLabel: string,
   onChange: func
 };
-Dropdown.defaultProps = {
-  label: "",
-  error: void 0,
-  full: false,
-  cancelActionLabel: "Cancel",
-  confirmActionLabel: "Confirm",
-  disabled: false,
-  onChange: () => {
-  }
-};
 var Dropdown_default = withTheme(Dropdown);
 export {
   Dropdown_default as default

package/esm/Dropdown/native/Options.android.js

@@ -38,7 +38,8 @@ const OptionText = styled(Text.Body2)`
     color: ${isSelected ? `${dropdown.selected.option.font.color}` : `${dropdown.option.font.color}`};
   `}
 `;
-const Options = ({ options, selectedOption, onSelect }) => /* @__PURE__ */ jsx(
+const Options = ({ options, selectedOption = null, onSelect = () => {
+} }) => /* @__PURE__ */ jsx(
   List,
   {
     style: { height: 60 * 3.6 },
@@ -70,11 +71,6 @@ Options.propTypes = {
   selectedOption: shape(optionShape),
   onSelect: func
 };
-Options.defaultProps = {
-  selectedOption: null,
-  onSelect: () => {
-  }
-};
 var Options_android_default = Options;
 export {
   Options_android_default as default

package/esm/Dropdown/native/Options.ios.js

@@ -44,11 +44,13 @@ const PickerActions = styled.View`
 `;
 const Options = ({
   options,
-  selectedOption,
+  selectedOption = null,
   cancelActionLabel,
   confirmActionLabel,
-  onSelect,
-  onClose,
+  onSelect = () => {
+  },
+  onClose = () => {
+  },
   theme: {
     yoga: { baseFont }
   }
@@ -84,13 +86,6 @@ Options.propTypes = {
   onSelect: func,
   onClose: func
 };
-Options.defaultProps = {
-  selectedOption: null,
-  onSelect: () => {
-  },
-  onClose: () => {
-  }
-};
 var Options_ios_default = withTheme(Options);
 export {
   Options_ios_default as default

package/esm/Input/native/Helper.js

@@ -45,14 +45,14 @@ const Info = styled(Text.Caption)(
 );
 const Helper = React.forwardRef(
   ({
-    full,
-    error,
-    helper,
-    disabled,
-    focused,
-    maxLength,
-    length,
-    hideMaxLength
+    full = false,
+    error = void 0,
+    helper = void 0,
+    disabled = void 0,
+    focused = false,
+    maxLength = void 0,
+    length = void 0,
+    hideMaxLength = false
   }, ref) => /* @__PURE__ */ jsxs(HelperWrapper, { ref, full, disabled, children: [
     (error || helper) && /* @__PURE__ */ jsx(Info, { disabled, focused, error, children: error || helper }),
     !hideMaxLength && maxLength && /* @__PURE__ */ jsxs(Info, { disabled, focused, error, children: [
@@ -72,16 +72,6 @@ Helper.propTypes = {
   length: number,
   hideMaxLength: bool
 };
-Helper.defaultProps = {
-  disabled: void 0,
-  error: void 0,
-  focused: false,
-  full: false,
-  helper: void 0,
-  maxLength: void 0,
-  length: void 0,
-  hideMaxLength: false
-};
 var Helper_default = Helper;
 export {
   Helper_default as default

package/esm/Input/native/Input.js

@@ -171,21 +171,24 @@ const CloseIcon = styled.View(
 const Input = React.forwardRef(
   (_a, ref) => {
     var _b = _a, {
-      cleanable,
-      disabled,
-      error,
-      full,
-      helper,
-      label,
-      maxLength,
-      readOnly,
-      style,
-      textContentType,
-      value,
-      onBlur,
-      onClean,
-      onFocus,
-      hideMaxLength,
+      cleanable = true,
+      disabled = false,
+      error = void 0,
+      full = false,
+      helper = void 0,
+      label = "",
+      maxLength = void 0,
+      readOnly = false,
+      style = {},
+      textContentType = void 0,
+      value = "",
+      onBlur = () => {
+      },
+      onClean = () => {
+      },
+      onFocus = () => {
+      },
+      hideMaxLength = false,
       theme: {
         yoga: {
           colors,
@@ -344,26 +347,6 @@ Input.propTypes = {
   onFocus: func,
   hideMaxLength: bool
 };
-Input.defaultProps = {
-  cleanable: true,
-  disabled: false,
-  error: void 0,
-  full: false,
-  helper: void 0,
-  label: "",
-  maxLength: void 0,
-  readOnly: false,
-  style: {},
-  textContentType: void 0,
-  value: "",
-  onBlur: () => {
-  },
-  onClean: () => {
-  },
-  onFocus: () => {
-  },
-  hideMaxLength: false
-};
 var Input_default = withTheme(Input);
 export {
   Input_default as default

package/esm/Input/native/Password.js

@@ -67,11 +67,13 @@ const IconWrapper = styled.View(
 const Password = React.forwardRef(
   (_a, ref) => {
     var _b = _a, {
-      disabled,
-      style,
-      full,
-      onBlur,
-      onFocus,
+      disabled = false,
+      style = void 0,
+      full = false,
+      onBlur = () => {
+      },
+      onFocus = () => {
+      },
       theme: {
         yoga: {
           colors,
@@ -151,15 +153,6 @@ Password.propTypes = {
   onBlur: func,
   onFocus: func
 };
-Password.defaultProps = {
-  disabled: false,
-  full: false,
-  style: void 0,
-  onBlur: () => {
-  },
-  onFocus: () => {
-  }
-};
 var Password_default = withTheme(Password);
 export {
   Password_default as default

package/esm/Input/web/Input.js

@@ -135,7 +135,8 @@ const Input = React.forwardRef(
       a11yId,
       closeAriaLabel = "Clear",
       includeAriaAttributes = true,
-      leftElement
+      leftElement,
+      clearButtonAriaLabel = "Clear"
     } = _b, props = __objRest(_b, [
       "cleanable",
       "children",
@@ -156,7 +157,8 @@ const Input = React.forwardRef(
       "a11yId",
       "closeAriaLabel",
       "includeAriaAttributes",
-      "leftElement"
+      "leftElement",
+      "clearButtonAriaLabel"
     ]);
     const inputRef = ref || useRef(null);
     const cleanField = (e) => {
@@ -235,6 +237,8 @@ const Input = React.forwardRef(
                 height: 20,
                 role: "button",
                 hasIconRight: !!rightIcon,
+                "aria-label": clearButtonAriaLabel,
+                "data-testid": "clearButtonAriaLabel",
                 children: /* @__PURE__ */ jsx(Close, { "aria-label": closeAriaLabel })
               }
             ),
@@ -299,7 +303,9 @@ Input.propTypes = {
   /** this prop will be used in the aria-label of the clear input button. */
   closeAriaLabel: string,
   /** element on the left */
-  leftElement: node
+  leftElement: node,
+  /** aria label for close button */
+  clearButtonAriaLabel: string
 };
 var Input_default = Input;
 export {

package/esm/Input/web/Input.test.js

@@ -164,5 +164,14 @@ describe("<Input />", () => {
       expect(inputElement).toBeInTheDocument();
       expect(inputElement).toHaveAttribute("aria-label", value);
     });
+    it("should have close aria label", () => {
+      const value = "test label clear";
+      const { getByTestId } = render(
+        /* @__PURE__ */ jsx(ThemeProvider, { children: /* @__PURE__ */ jsx(Input, { label: "abc123", value: "foo", clearButtonAriaLabel: value }) })
+      );
+      const inputElement = getByTestId("clearButtonAriaLabel");
+      expect(inputElement).toBeInTheDocument();
+      expect(inputElement).toHaveAttribute("aria-label", value);
+    });
   });
 });

package/esm/List/native/ListItem.js

@@ -70,9 +70,9 @@ const ListItem = (_a) => {
         }
       }
     },
-    small,
-    divided,
-    onPress
+    small = false,
+    divided = true,
+    onPress = void 0
   } = _b, rest = __objRest(_b, [
     "theme",
     "small",
@@ -97,11 +97,6 @@ ListItem.propTypes = {
   divided: PropTypes.bool,
   onPress: PropTypes.func
 };
-ListItem.defaultProps = {
-  small: false,
-  divided: true,
-  onPress: void 0
-};
 ListItem.displayName = "List.Item";
 var ListItem_default = withTheme(ListItem);
 export {

package/esm/Progress/native/Progress.js

@@ -134,7 +134,20 @@ const Label = styled.Text`
 `;
 const Progress = React.forwardRef(
   (_a, ref) => {
-    var _b = _a, { label, max, value, variant } = _b, props = __objRest(_b, ["label", "max", "value", "variant"]);
+    var _b = _a, {
+      label = {
+        value: void 0,
+        placement: "left"
+      },
+      max = 1,
+      value = void 0,
+      variant = "verve"
+    } = _b, props = __objRest(_b, [
+      "label",
+      "max",
+      "value",
+      "variant"
+    ]);
     const isNumber = !/[a-zA-Z]/g.test(label.value);
     const align = label.placement || "left";
     return /* @__PURE__ */ jsxs(ProgressWrapper, __spreadProps(__spreadValues({ ref }, props), { isNumber, align, children: [
@@ -183,15 +196,6 @@ Progress.propTypes = {
     "white"
   ])
 };
-Progress.defaultProps = {
-  label: {
-    value: void 0,
-    placement: "left"
-  },
-  max: 1,
-  value: void 0,
-  variant: "verve"
-};
 var Progress_default = Progress;
 export {
   Progress_default as default

package/esm/RadioGroup/native/Button/RadioButton.js

@@ -83,7 +83,7 @@ const Text = styled.Text(
 );
 const RadioGroupButton = React.forwardRef(
   (_a, ref) => {
-    var _b = _a, { value, children } = _b, rest = __objRest(_b, ["value", "children"]);
+    var _b = _a, { value = "", children } = _b, rest = __objRest(_b, ["value", "children"]);
     const _a2 = useContext(RadioGroupContext), { onChange, small, selectedValue } = _a2, context = __objRest(_a2, ["onChange", "small", "selectedValue"]);
     const inputValue = value || children;
     const checked = inputValue === selectedValue;
@@ -104,9 +104,6 @@ RadioGroupButton.propTypes = {
   value: oneOfType([string, number]),
   children: node.isRequired
 };
-RadioGroupButton.defaultProps = {
-  value: ""
-};
 var RadioButton_default = RadioGroupButton;
 export {
   RadioButton_default as default

package/esm/RadioGroup/native/Radio/Radio.js

@@ -119,7 +119,7 @@ const Shadow = styled.View(
 );
 const RadioGroupRadio = React.forwardRef(
   (_a, ref) => {
-    var _b = _a, { value, disabled } = _b, rest = __objRest(_b, ["value", "disabled"]);
+    var _b = _a, { value = "", disabled = false } = _b, rest = __objRest(_b, ["value", "disabled"]);
     const _a2 = useContext(RadioGroupContext), { onChange, small, selectedValue } = _a2, context = __objRest(_a2, ["onChange", "small", "selectedValue"]);
     const [pressing, togglePressing] = useState(false);
     const inputValue = value;
@@ -161,10 +161,6 @@ RadioGroupRadio.propTypes = {
   disabled: bool,
   value: oneOfType([string, number])
 };
-RadioGroupRadio.defaultProps = {
-  disabled: false,
-  value: ""
-};
 var Radio_default = RadioGroupRadio;
 export {
   Radio_default as default

package/esm/RadioGroup/native/RadioGroup.js

@@ -59,7 +59,18 @@ const GrayLine = styled.View(
   `
 );
 const RadioGroup = (_a) => {
-  var _b = _a, { onChange, selectedValue, small, children } = _b, rest = __objRest(_b, ["onChange", "selectedValue", "small", "children"]);
+  var _b = _a, {
+    onChange = () => {
+    },
+    selectedValue = "",
+    small = false,
+    children
+  } = _b, rest = __objRest(_b, [
+    "onChange",
+    "selectedValue",
+    "small",
+    "children"
+  ]);
   const [groupSize, setGroupSize] = useState(0);
   const isButton = React.Children.map(children, (child) => child.type).every(
     (child) => child === RadioButton
@@ -95,12 +106,6 @@ RadioGroup.propTypes = {
   small: bool,
   children: node.isRequired
 };
-RadioGroup.defaultProps = {
-  onChange: () => {
-  },
-  selectedValue: "",
-  small: false
-};
 var RadioGroup_default = RadioGroup;
 export {
   RadioGroup_default as default