@gympass/yoga 7.131.0 → 7.131.2

package/esm/Result/native/Attendances.js

@@ -15,7 +15,7 @@ const List = styled(Text.Caption).attrs({
 const ItemSeparator = styled(Box).attrs({
   height: "zero"
 })``;
-const Attendances = ({ attendances, rate, color }) => /* @__PURE__ */ jsxs(
+const Attendances = ({ attendances, rate = void 0, color = "deep" }) => /* @__PURE__ */ jsxs(
   Box,
   {
     display: "flex",
@@ -45,10 +45,6 @@ Attendances.propTypes = {
   rate: string,
   color: string
 };
-Attendances.defaultProps = {
-  rate: void 0,
-  color: "deep"
-};
 var Attendances_default = Attendances;
 export {
   Attendances_default as default

package/esm/Result/native/Details.js

@@ -64,12 +64,13 @@ const StyledText = styled(Text.Body2)`
 const ResultDetails = ({
   items,
   limit,
-  limitLabel,
-  dots,
-  renderItem: Item
+  limitLabel = "",
+  dots = false,
+  renderItem = Text.Body2
 }) => {
   const refinedList = limit !== 0 ? items.slice(0, limit) : items;
   const numberOfItemsLeft = items.length - limit;
+  const Item = renderItem;
   return /* @__PURE__ */ jsx(Box, { flexDirection: "row", alignItems: "center", mt: "xxxsmall", children: /* @__PURE__ */ jsx(Container, { numberOfLines: 1, children: refinedList == null ? void 0 : refinedList.map(
     (_a, index) => {
       var _b = _a, { icon: IconComponent, variant } = _b, props = __objRest(_b, ["icon", "variant"]);
@@ -117,12 +118,6 @@ ResultDetails.propTypes = {
   /** The component to render as the item of the list. */
   renderItem: oneOfType([node, func, shape({ render: func.isRequired })])
 };
-ResultDetails.defaultProps = {
-  limit: void 0,
-  limitLabel: "",
-  dots: false,
-  renderItem: Text.Body2
-};
 var Details_default = ResultDetails;
 export {
   Details_default as default

package/esm/Result/native/Result/index.js

@@ -8,14 +8,14 @@ import { Content, StyledBox } from "./styles";
 import TextWithBadge from "./TextWithBadge";
 const Result = ({
   avatar: Avatar,
-  attendances,
-  rate,
+  attendances = void 0,
+  rate = void 0,
   title,
-  subTitle,
-  divided,
-  children,
-  attendancesColor,
-  badgeIcon
+  subTitle = void 0,
+  divided = false,
+  children = void 0,
+  attendancesColor = void 0,
+  badgeIcon = void 0
 }) => {
   return /* @__PURE__ */ jsxs(StyledBox, { divided, display: "flex", flexDirection: "row", children: [
     Avatar && /* @__PURE__ */ jsx(Fragment, { children: isValidElement(Avatar) ? Avatar : /* @__PURE__ */ jsx(Avatar, {}) }),
@@ -59,15 +59,6 @@ Result.propTypes = {
   /** The property that defines a whether a badge should be shown and which icon should be rendered */
   badgeIcon: node
 };
-Result.defaultProps = {
-  rate: void 0,
-  divided: false,
-  subTitle: void 0,
-  children: void 0,
-  attendances: void 0,
-  attendancesColor: void 0,
-  badgeIcon: void 0
-};
 var Result_default = Result;
 export {
   Result_default as default

package/esm/Result/native/Tags.js

@@ -47,7 +47,7 @@ const Wrapper = styled.ScrollView`
     margin-top: ${xxsmall}px;
   `}
 `;
-const ResultTags = ({ items, disableScroll }) => /* @__PURE__ */ jsx(
+const ResultTags = ({ items, disableScroll = false }) => /* @__PURE__ */ jsx(
   Wrapper,
   {
     horizontal: true,
@@ -68,9 +68,6 @@ ResultTags.propTypes = {
   items: arrayOf(shape({})).isRequired,
   disableScroll: bool
 };
-ResultTags.defaultProps = {
-  disableScroll: false
-};
 var Tags_default = ResultTags;
 export {
   Tags_default as default

package/esm/Skeleton/native/Skeleton.js

@@ -64,7 +64,15 @@ const StyledSkeleton = styled.View`
   `}
 `;
 function Skeleton(_a) {
-  var _b = _a, { animation = "pulse" } = _b, props = __objRest(_b, ["animation"]);
+  var _b = _a, {
+    animation = "pulse",
+    variant = void 0,
+    color = "primary"
+  } = _b, rest = __objRest(_b, [
+    "animation",
+    "variant",
+    "color"
+  ]);
   const [opacity] = useState(new Animated.Value(0.4));
   useEffect(() => {
     if (animation) {
@@ -87,7 +95,7 @@ function Skeleton(_a) {
       ).start();
     }
   }, [opacity]);
-  return /* @__PURE__ */ jsx(Animated.View, { style: { opacity }, children: /* @__PURE__ */ jsx(StyledSkeleton, __spreadValues({}, props)) });
+  return /* @__PURE__ */ jsx(Animated.View, { style: { opacity }, children: /* @__PURE__ */ jsx(StyledSkeleton, __spreadValues({ variant, color }, rest)) });
 }
 Skeleton.propTypes = {
   /**
@@ -138,11 +146,6 @@ Skeleton.propTypes = {
    */
   animation: oneOf(["pulse", false])
 };
-Skeleton.defaultProps = {
-  variant: void 0,
-  animation: "pulse",
-  color: "primary"
-};
 var Skeleton_default = Skeleton;
 export {
   Skeleton_default as default

package/esm/Slider/native/Label.js

@@ -7,7 +7,7 @@ const LabelView = styled.View`
 `;
 const LabelText = styled.Text(
   ({
-    placement,
+    placement = "left",
     theme: {
       yoga: { baseFont }
     }
@@ -24,9 +24,6 @@ const LabelText = styled.Text(
 LabelText.propTypes = {
   placement: oneOf(["left", "right"])
 };
-LabelText.defaultProps = {
-  placement: "left"
-};
 export {
   LabelText,
   LabelView

package/esm/Slider/native/Marker.js

@@ -28,7 +28,7 @@ const Circle = styled(Box).attrs(
 )``;
 const CirclePressed = styled(Circle)(
   ({
-    pressed,
+    pressed = false,
     theme: {
       yoga: {
         components: { slider }
@@ -49,21 +49,20 @@ const CirclePressed = styled(Circle)(
 CirclePressed.propTypes = {
   pressed: bool
 };
-CirclePressed.defaultProps = {
-  pressed: false
-};
-const Marker = ({ pressed, tooltip }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  pressed && tooltip && /* @__PURE__ */ jsx(
-    Tooltip,
-    {
-      description: tooltip.description,
-      title: tooltip.title,
-      ribbon: tooltip.ribbon
-    }
-  ),
-  /* @__PURE__ */ jsx(CirclePressed, { as: View, pressed }),
-  /* @__PURE__ */ jsx(Circle, { accessible: true, accessibilityRole: "adjustable" })
-] });
+function Marker({ pressed = false, tooltip }) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    pressed && tooltip && /* @__PURE__ */ jsx(
+      Tooltip,
+      {
+        description: tooltip.description,
+        title: tooltip.title,
+        ribbon: tooltip.ribbon
+      }
+    ),
+    /* @__PURE__ */ jsx(CirclePressed, { as: View, pressed }),
+    /* @__PURE__ */ jsx(Circle, { accessible: true, accessibilityRole: "adjustable" })
+  ] });
+}
 Marker.propTypes = {
   pressed: bool,
   tooltip: shape({
@@ -74,10 +73,6 @@ Marker.propTypes = {
     step: number
   })
 };
-Marker.defaultProps = {
-  pressed: false,
-  tooltip: void 0
-};
 var Marker_default = Marker;
 export {
   Marker_default as default

package/esm/Slider/native/Slider.js

@@ -40,14 +40,14 @@ import Marker from "./Marker";
 import Step from "./Step";
 const Slider = (_a) => {
   var _b = _a, {
-    max,
-    maxLabel,
-    min,
-    minLabel,
-    snapped,
-    values,
-    tooltip,
-    sliderLength,
+    max = 10,
+    maxLabel = void 0,
+    min = 0,
+    minLabel = void 0,
+    snapped = false,
+    values = [0],
+    tooltip = [],
+    sliderLength = 280,
     theme: {
       yoga: {
         components: { slider }
@@ -152,16 +152,6 @@ Slider.propTypes = {
   /** an array that accepts one or two numbers, this determines how many markers will be displayed */
   values: arrayOf(number)
 };
-Slider.defaultProps = {
-  max: 10,
-  maxLabel: void 0,
-  min: 0,
-  minLabel: void 0,
-  sliderLength: 280,
-  snapped: false,
-  tooltip: [],
-  values: [0]
-};
 Slider.displayName = "Slider";
 var Slider_default = withTheme(Slider);
 export {

package/esm/Slider/native/Step.js

@@ -2,7 +2,7 @@ import styled from "styled-components";
 import { bool } from "prop-types";
 const Step = styled.View(
   ({
-    active,
+    active = false,
     theme: {
       yoga: {
         components: { slider }
@@ -18,9 +18,6 @@ const Step = styled.View(
 Step.propTypes = {
   active: bool
 };
-Step.defaultProps = {
-  active: false
-};
 var Step_default = Step;
 export {
   Step_default as default

package/esm/Slider/native/Tooltip.js

@@ -154,7 +154,15 @@ Ribbon.propTypes = {
   children: node.isRequired
 };
 const Tooltip = (_c) => {
-  var _d = _c, { title, description, ribbon } = _d, props = __objRest(_d, ["title", "description", "ribbon"]);
+  var _d = _c, {
+    title = void 0,
+    description = void 0,
+    ribbon = void 0
+  } = _d, props = __objRest(_d, [
+    "title",
+    "description",
+    "ribbon"
+  ]);
   return /* @__PURE__ */ jsxs(Wrapper, { children: [
     /* @__PURE__ */ jsx(Arrow, {}),
     ribbon && /* @__PURE__ */ jsx(Ribbon, { children: ribbon }),
@@ -169,11 +177,6 @@ Tooltip.propTypes = {
   description: string,
   ribbon: string
 };
-Tooltip.defaultProps = {
-  title: void 0,
-  description: void 0,
-  ribbon: void 0
-};
 var Tooltip_default = Tooltip;
 export {
   Tooltip_default as default

package/esm/Snackbar/native/Snackbar.js

@@ -77,15 +77,15 @@ const SnackbarContainer = styled.View`
 `;
 const Snackbar = forwardRef((props, ref) => {
   const _a = props, {
-    icon,
-    message,
-    actionLabel,
-    onAction,
-    variant,
-    onSnackbarClose,
-    duration,
-    bottomOffset,
-    dataTestId
+    icon = void 0,
+    message = "",
+    actionLabel = void 0,
+    onAction = void 0,
+    variant = "success",
+    onSnackbarClose = void 0,
+    duration = "default",
+    bottomOffset = 0,
+    dataTestId = "snackbar"
   } = _a, rest = __objRest(_a, [
     "icon",
     "message",
@@ -234,17 +234,6 @@ Snackbar.propTypes = {
   /* A unique identifier for the Snackbar component, used for testing purposes with tools like Jest and Testing Library.  */
   dataTestId: string
 };
-Snackbar.defaultProps = {
-  variant: "success",
-  icon: void 0,
-  message: "",
-  actionLabel: void 0,
-  onAction: void 0,
-  onSnackbarClose: void 0,
-  duration: "default",
-  bottomOffset: 0,
-  dataTestId: "snackbar"
-};
 var Snackbar_default = Snackbar;
 export {
   Snackbar_default as default

package/esm/Snackbar/native/SnackbarAnimationWrapper.js

@@ -23,7 +23,7 @@ const Wrapper = styled(Animated.View)(
   `
 );
 const SnackbarAnimationWrapper = forwardRef(
-  ({ onSnackbarClose, children, duration }, ref) => {
+  ({ onSnackbarClose = void 0, children, duration }, ref) => {
     const { height: windowHeight } = useWindowDimensions();
     const [childrenHeight, setChildrenHeight] = useState();
     const translateY = useRef(new Animated.Value(windowHeight)).current;
@@ -105,9 +105,6 @@ SnackbarAnimationWrapper.propTypes = {
   children: node.isRequired,
   duration: oneOf(["fast", "default", "slow", "indefinite"]).isRequired
 };
-SnackbarAnimationWrapper.defaultProps = {
-  onSnackbarClose: void 0
-};
 var SnackbarAnimationWrapper_default = SnackbarAnimationWrapper;
 export {
   SnackbarAnimationWrapper_default as default

package/esm/Stepper/native/Dots.js

@@ -52,7 +52,7 @@ const Label = styled(Text.Overline)(
     `;
   }
 );
-function Dots({ activeStep, labels, secondary }) {
+function Dots({ activeStep = 0, labels = [], secondary = false }) {
   return /* @__PURE__ */ jsx(Wrapper, { children: labels.map((label, index) => /* @__PURE__ */ jsxs(DotWrapper, { children: [
     /* @__PURE__ */ jsx(Dot, { active: activeDot(index, activeStep), secondary }),
     /* @__PURE__ */ jsx(Label, { active: activeDot(index, activeStep), secondary, children: label })
@@ -63,11 +63,6 @@ Dots.propTypes = {
   labels: arrayOf(string),
   secondary: bool
 };
-Dots.defaultProps = {
-  activeStep: 0,
-  labels: [],
-  secondary: false
-};
 var Dots_default = Dots;
 export {
   Dots_default as default

package/esm/Stepper/native/Line.js

@@ -40,7 +40,7 @@ const ActiveLine = styled.View(
     height: 4px;
 `
 );
-function Line({ activeStep, totalSteps, secondary }) {
+function Line({ activeStep = 0, totalSteps = 0, secondary = false }) {
   return /* @__PURE__ */ jsxs(Wrapper, { children: [
     /* @__PURE__ */ jsx(InactiveLine, {}),
     /* @__PURE__ */ jsx(
@@ -57,11 +57,6 @@ Line.propTypes = {
   totalSteps: number,
   secondary: bool
 };
-Line.defaultProps = {
-  activeStep: 0,
-  totalSteps: 0,
-  secondary: false
-};
 var Line_default = Line;
 export {
   Line_default as default

package/esm/Stepper/native/Stepper.js

@@ -53,7 +53,7 @@ const LineWrapper = styled.View(
 `
 );
 function Stepper(_a) {
-  var _b = _a, { children, activeStep, secondary } = _b, rest = __objRest(_b, ["children", "activeStep", "secondary"]);
+  var _b = _a, { children, activeStep = 0, secondary = false } = _b, rest = __objRest(_b, ["children", "activeStep", "secondary"]);
   return /* @__PURE__ */ jsxs(Wrapper, __spreadProps(__spreadValues({}, rest), { children: [
     /* @__PURE__ */ jsxs(LineWrapper, { children: [
       /* @__PURE__ */ jsx(
@@ -86,11 +86,6 @@ Stepper.propTypes = {
   /** Use secondary color */
   secondary: bool
 };
-Stepper.defaultProps = {
-  children: void 0,
-  activeStep: 0,
-  secondary: false
-};
 var Stepper_default = Stepper;
 export {
   Stepper_default as default

package/esm/Tag/native/Informative.js

@@ -75,16 +75,16 @@ const StyledTextInformative = styled(StyledText)`
 const TagInformative = (_a) => {
   var _b = _a, {
     children,
-    icon,
-    ellipsis,
+    icon = void 0,
+    ellipsis = false,
     theme: {
       yoga: {
         colors: { text },
         components: { tag }
       }
     },
-    small,
-    variant
+    small = false,
+    variant = "neutral"
   } = _b, rest = __objRest(_b, [
     "children",
     "icon",
@@ -115,12 +115,6 @@ TagInformative.propTypes = {
   small: bool,
   ellipsis: bool
 };
-TagInformative.defaultProps = {
-  variant: "neutral",
-  icon: void 0,
-  small: false,
-  ellipsis: false
-};
 TagInformative.displayName = "Tag.Informative";
 var Informative_default = withTheme(TagInformative);
 export {

package/esm/Tag/native/Tag.js

@@ -95,7 +95,17 @@ const StyledText = styled((_a) => {
   `}
 `;
 const Tag = (_c) => {
-  var _d = _c, { children, variant, small, ellipsis } = _d, rest = __objRest(_d, ["children", "variant", "small", "ellipsis"]);
+  var _d = _c, {
+    children,
+    variant = "",
+    small = false,
+    ellipsis = false
+  } = _d, rest = __objRest(_d, [
+    "children",
+    "variant",
+    "small",
+    "ellipsis"
+  ]);
   return /* @__PURE__ */ jsx(StyledTag, __spreadProps(__spreadValues({ variant, small }, rest), { children: /* @__PURE__ */ jsx(StyledText, { numberOfLines: ellipsis ? 1 : void 0, children }) }));
 };
 Tag.propTypes = {
@@ -106,11 +116,6 @@ Tag.propTypes = {
   children: node.isRequired,
   ellipsis: bool
 };
-Tag.defaultProps = {
-  variant: "",
-  small: false,
-  ellipsis: false
-};
 var Tag_default = Tag;
 export {
   StyledTag,

package/esm/Text/native/Text.js

@@ -14,6 +14,18 @@ var __spreadValues = (a, b) => {
     }
   return a;
 };
+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";
@@ -72,7 +84,34 @@ Bold.displayName = "Text.Bold";
 const Black = styledText("black");
 Black.displayName = "Text.Black";
 const TextRenderer = styledText("p");
-const Text = (props) => /* @__PURE__ */ jsx(TextRenderer, __spreadValues({}, props));
+const Text = (_a) => {
+  var _b = _a, {
+    inverted = false,
+    variant = void 0,
+    size = void 0,
+    fontSize = "medium",
+    light = false,
+    bold = false
+  } = _b, rest = __objRest(_b, [
+    "inverted",
+    "variant",
+    "size",
+    "fontSize",
+    "light",
+    "bold"
+  ]);
+  return /* @__PURE__ */ jsx(
+    TextRenderer,
+    __spreadValues({
+      inverted,
+      variant,
+      size,
+      fontSize,
+      light,
+      bold
+    }, rest)
+  );
+};
 Text.displayName = "Text";
 Text.Display1 = Display1;
 Text.Display2 = Display2;
@@ -139,14 +178,6 @@ Text.propTypes = {
   bold: bool,
   fontSize: fontSizes
 };
-Text.defaultProps = {
-  inverted: false,
-  variant: void 0,
-  size: void 0,
-  fontSize: "medium",
-  light: false,
-  bold: false
-};
 export {
   Black,
   Body1,

package/esm/TextArea/native/TextArea.js

@@ -25,7 +25,44 @@ import Input from "../../Input";
 const StyledInput = styled(Input)`
   height: 88px;
 `;
-const TextArea = (props) => /* @__PURE__ */ jsx(StyledInput, __spreadProps(__spreadValues({}, props), { textAlignVertical: "top", multiline: true, cleanable: false }));
+const TextArea = ({
+  disabled = false,
+  error = void 0,
+  full = false,
+  helper = void 0,
+  label = "",
+  maxLength = void 0,
+  readOnly = false,
+  value = "",
+  onBlur = () => {
+  },
+  onChangeText = () => {
+  },
+  onFocus = () => {
+  }
+}) => {
+  const props = {
+    disabled,
+    error,
+    full,
+    helper,
+    label,
+    maxLength,
+    readOnly,
+    value,
+    onBlur,
+    onChangeText,
+    onFocus
+  };
+  return /* @__PURE__ */ jsx(
+    StyledInput,
+    __spreadProps(__spreadValues({}, props), {
+      textAlignVertical: "top",
+      multiline: true,
+      cleanable: false
+    })
+  );
+};
 TextArea.propTypes = {
   disabled: bool,
   /** A error text to be displayed below field */
@@ -42,22 +79,6 @@ TextArea.propTypes = {
   onChangeText: func,
   onFocus: func
 };
-TextArea.defaultProps = {
-  disabled: false,
-  error: void 0,
-  full: false,
-  helper: void 0,
-  label: "",
-  maxLength: void 0,
-  readOnly: false,
-  value: "",
-  onBlur: () => {
-  },
-  onChangeText: () => {
-  },
-  onFocus: () => {
-  }
-};
 var TextArea_default = TextArea;
 export {
   TextArea_default as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.131.0",
+  "version": "7.131.2",
   "description": "Gympass component library",
   "main": "./cjs",
   "types": "./typings/index.d.ts",
@@ -59,7 +59,7 @@
     "react-native": "0.72.3",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "26df123dcfe659e0e80491e56d38db3ce457296c",
+  "gitHead": "818a0a624ed180aa9fa5244cd848c279f45b445e",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"