@gympass/yoga 7.127.3 → 7.128.0

package/esm/Slider/web/Marker.js

@@ -59,8 +59,19 @@ const Circle = styled(RCHandle)`
           0 0 0 8px ${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;
@@ -73,7 +84,7 @@ const Marker = (_a) => {
     })[0];
   };
   return /* @__PURE__ */ jsx(Circle, __spreadProps(__spreadValues({ "data-dragging": Boolean(dragging) }, props), { children: dragging && /* @__PURE__ */ jsx(Tooltip, { data: renderTooltip() }) }));
-};
+}
 Marker.propTypes = {
   values: arrayOf(number),
   dragging: bool,
@@ -88,12 +99,6 @@ Marker.propTypes = {
     })
   )
 };
-Marker.defaultProps = {
-  values: [0],
-  dragging: false,
-  index: 0,
-  tooltip: void 0
-};
 var Marker_default = Marker;
 export {
   Marker_default as default

package/esm/Slider/web/Slider.js

@@ -60,14 +60,16 @@ const StyledRange = styled(RCRange)`
     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: {
@@ -214,15 +216,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,
-  snapped: false,
-  tooltip: [],
-  values: [0]
-};
 Slider.displayName = "Slider";
 var Slider_default = withTheme(Slider);
 export {

package/esm/Slider/web/Tooltip.js

@@ -43,7 +43,7 @@ const Wrapper = styled.div`
   transform: translateX(-50%);
 
   ${({
-  hasRibbon,
+  hasRibbon = false,
   theme: {
     yoga: {
       components: { slider }
@@ -58,9 +58,6 @@ const Wrapper = styled.div`
 Wrapper.propTypes = {
   hasRibbon: bool
 };
-Wrapper.defaultProps = {
-  hasRibbon: false
-};
 const Tip = styled.div`
   position: relative;
   z-index: 3;
@@ -158,8 +155,9 @@ const Description = styled(Text.Body2)`
     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__ */ jsxs(Wrapper, __spreadProps(__spreadValues({ hasRibbon: Boolean(data.ribbon) }, props), { children: [
     data.ribbon && /* @__PURE__ */ jsx(Ribbon, { as: "span", children: data.ribbon }),
     (data.title || data.description) && /* @__PURE__ */ jsxs(Tip, { children: [
@@ -168,7 +166,7 @@ const Tooltip = (_a) => {
     ] }),
     /* @__PURE__ */ jsx(Arrow, {})
   ] })) : null;
-};
+}
 Tooltip.propTypes = {
   data: shape({
     ribbon: string,
@@ -176,9 +174,6 @@ Tooltip.propTypes = {
     description: string
   })
 };
-Tooltip.defaultProps = {
-  data: {}
-};
 var Tooltip_default = Tooltip;
 export {
   Tooltip_default as default

package/esm/Snackbar/web/Snackbar.js

@@ -89,22 +89,22 @@ const StyledSnackbar = styled.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]};
@@ -134,17 +134,17 @@ const AnimatedSnackbar = styled(StyledSnackbar)`
 const Snackbar = React.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 }
@@ -247,17 +247,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 = {
-  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 = memo(withTheme(Snackbar));
 export {
   Snackbar_default as default

package/esm/Spinner/web/Spinner.js

@@ -49,28 +49,30 @@ const StyledSpinner = styled.span`
     }
   `}
 `;
-const Spinner = React.forwardRef(({ size, color, theme }, ref) => {
-  return /* @__PURE__ */ jsx(
-    StyledSpinner,
-    {
-      color: get(theme.yoga.colors, color, color),
-      size: get(theme.yoga.spacing, size, size),
-      ref,
-      "aria-label": "loading-icon",
-      children: /* @__PURE__ */ jsx("span", { className: "spinner", children: /* @__PURE__ */ jsx("svg", { className: "circular", viewBox: "22 22 44 44", children: /* @__PURE__ */ jsx(
-        "circle",
-        {
-          className: "path",
-          fill: "none",
-          strokeWidth: "3.6",
-          cx: "44",
-          cy: "44",
-          r: "20.2"
-        }
-      ) }) })
-    }
-  );
-});
+const Spinner = React.forwardRef(
+  ({ size = "medium", color = "primary", theme }, ref) => {
+    return /* @__PURE__ */ jsx(
+      StyledSpinner,
+      {
+        color: get(theme.yoga.colors, color, color),
+        size: get(theme.yoga.spacing, size, size),
+        ref,
+        "aria-label": "loading-icon",
+        children: /* @__PURE__ */ jsx("span", { className: "spinner", children: /* @__PURE__ */ jsx("svg", { className: "circular", viewBox: "22 22 44 44", children: /* @__PURE__ */ jsx(
+          "circle",
+          {
+            className: "path",
+            fill: "none",
+            strokeWidth: "3.6",
+            cx: "44",
+            cy: "44",
+            r: "20.2"
+          }
+        ) }) })
+      }
+    );
+  }
+);
 const commonSizes = [
   "xxxsmall",
   "xxsmall",
@@ -88,10 +90,6 @@ Spinner.propTypes = {
   size: oneOfType([oneOf(commonSizes), string, number]),
   color: string
 };
-Spinner.defaultProps = {
-  size: "medium",
-  color: "primary"
-};
 var Spinner_default = withTheme(Spinner);
 export {
   Spinner_default as default

package/esm/Stepper/web/Dots.js

@@ -61,7 +61,8 @@ const Wrapper = styled.div`
   display: flex;
   justify-content: space-between;
 `;
-function Dots({ activeStep, labels, secondary }) {
+const emptyArr = [];
+function Dots({ activeStep = 0, labels = emptyArr, secondary = false }) {
   return /* @__PURE__ */ jsx(Wrapper, { children: labels.map((label, index) => /* @__PURE__ */ jsxs(
     DotWrapper,
     {
@@ -80,11 +81,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/web/Line.js

@@ -30,10 +30,6 @@ Line.propTypes = {
   activeStep: number,
   totalSteps: number
 };
-Line.defaultProps = {
-  activeStep: 0,
-  totalSteps: 0
-};
 var Line_default = Line;
 export {
   Line_default as default

package/esm/Stepper/web/Stepper.js

@@ -59,7 +59,7 @@ const LineWrapper = styled.div`
   `}
 `;
 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(Root, __spreadProps(__spreadValues({}, rest), { children: [
     /* @__PURE__ */ jsxs(LineWrapper, { children: [
       /* @__PURE__ */ jsx(
@@ -90,11 +90,6 @@ Stepper.propTypes = {
   activeStep: limitChildren,
   secondary: bool
 };
-Stepper.defaultProps = {
-  children: void 0,
-  activeStep: 0,
-  secondary: false
-};
 var Stepper_default = Stepper;
 export {
   Stepper_default as default

package/esm/Tag/web/Informative.js

@@ -58,15 +58,15 @@ const TagInformative = (_a) => {
   var _b = _a, {
     children,
     icon,
-    variant,
+    variant = "neutral",
     theme: {
       yoga: {
         colors: { text },
         components: { tag }
       }
     },
-    small,
-    ellipsis
+    small = false,
+    ellipsis = false
   } = _b, rest = __objRest(_b, [
     "children",
     "icon",
@@ -100,12 +100,6 @@ TagInformative.propTypes = {
   /** After set a max-width can put ellipses for large texts */
   ellipsis: bool
 };
-TagInformative.defaultProps = {
-  icon: void 0,
-  small: false,
-  variant: "neutral",
-  ellipsis: false
-};
 TagInformative.displayName = "Tag.Informative";
 var Informative_default = withTheme(TagInformative);
 export {

package/esm/Tag/web/Tag.js

@@ -94,7 +94,17 @@ const StyledText = styled(Text.Overline)`
   `}
 `;
 const Tag = (_a) => {
-  var _b = _a, { children, variant, small, ellipsis } = _b, rest = __objRest(_b, ["children", "variant", "small", "ellipsis"]);
+  var _b = _a, {
+    children,
+    variant = "",
+    small = false,
+    ellipsis = false
+  } = _b, rest = __objRest(_b, [
+    "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 = {
   /** After set a max-width can put ellipses for large texts */
   ellipsis: bool
 };
-Tag.defaultProps = {
-  variant: "",
-  small: false,
-  ellipsis: false
-};
 var Tag_default = Tag;
 export {
   StyledTag,

package/esm/Text/web/Text.js

@@ -1,4 +1,6 @@
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
@@ -14,6 +16,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;
+};
 import { jsx } from "react/jsx-runtime";
 import React from "react";
 import styled from "styled-components";
@@ -74,7 +89,28 @@ 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,
+    fontSize = "medium",
+    light = false,
+    bold = false
+  } = _b, rest = __objRest(_b, [
+    "inverted",
+    "fontSize",
+    "light",
+    "bold"
+  ]);
+  return /* @__PURE__ */ jsx(
+    TextRenderer,
+    __spreadProps(__spreadValues({}, rest), {
+      inverted,
+      fontSize,
+      light,
+      bold
+    })
+  );
+};
 Text.displayName = "Text";
 Text.Display1 = Display1;
 Text.Display2 = Display2;
@@ -142,15 +178,6 @@ Text.propTypes = {
   bold: bool,
   fontSize: fontSizes
 };
-Text.defaultProps = {
-  inverted: false,
-  variant: void 0,
-  size: void 0,
-  fontSize: "medium",
-  numberOfLines: void 0,
-  light: false,
-  bold: false
-};
 export {
   Black,
   Body1,

package/esm/TextArea/web/TextArea.js

@@ -55,19 +55,22 @@ const StyledField = styled(Field)`
   resize: none;
   height: 100%;
 `;
+const noop = () => {
+};
 const TextArea = React.forwardRef(
   (_a, ref) => {
     var _b = _a, {
-      disabled,
+      disabled = false,
       error,
-      full,
+      full = false,
       helper,
-      label,
+      label = "",
       maxLength,
       className,
       style,
-      value,
-      onChange
+      value = "",
+      onChange = noop,
+      readOnly = false
     } = _b, props = __objRest(_b, [
       "disabled",
       "error",
@@ -78,7 +81,8 @@ const TextArea = React.forwardRef(
       "className",
       "style",
       "value",
-      "onChange"
+      "onChange",
+      "readOnly"
     ]);
     const [textAreaValue, setTextAreaValue] = useState(value);
     const [typed, setTyped] = useState(Boolean(value));
@@ -106,6 +110,7 @@ const TextArea = React.forwardRef(
                 /* @__PURE__ */ jsx(
                   StyledField,
                   __spreadProps(__spreadValues({}, props), {
+                    readOnly,
                     disabled,
                     full,
                     label,
@@ -160,21 +165,6 @@ TextArea.propTypes = {
   value: string,
   onChange: func
 };
-TextArea.defaultProps = {
-  className: void 0,
-  disabled: false,
-  error: void 0,
-  full: false,
-  helper: void 0,
-  label: "",
-  maxLength: void 0,
-  placeholder: void 0,
-  readOnly: false,
-  style: void 0,
-  value: "",
-  onChange: () => {
-  }
-};
 var TextArea_default = TextArea;
 export {
   TextArea_default as default

package/esm/Theme/Provider/Provider.js

@@ -60,15 +60,12 @@ const getTheme = ({ locale, theme }) => {
   return yogaThemeBuilder(tokens, customTokens);
 };
 const Provider = (_a) => {
-  var _b = _a, { locale, theme } = _b, rest = __objRest(_b, ["locale", "theme"]);
+  var _b = _a, { locale = "pt-BR", theme } = _b, rest = __objRest(_b, ["locale", "theme"]);
   return /* @__PURE__ */ jsx(ThemeProvider, __spreadValues({ theme: { yoga: getTheme({ locale, theme }) } }, rest));
 };
 Provider.propTypes = {
   locale: PropTypes.string
 };
-Provider.defaultProps = {
-  locale: "pt-BR"
-};
 var Provider_default = Provider;
 export {
   Provider_default as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.127.3",
+  "version": "7.128.0",
   "description": "Gympass component library",
   "main": "./cjs",
   "types": "./typings/index.d.ts",
@@ -58,7 +58,7 @@
     "react-native": "0.72.3",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "e6138656f7f27ae5ff47cc8264906b11fc06edc1",
+  "gitHead": "d3904daa0d594a33c0687a0f6ad8baa3df9d156b",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"

package/typings/NavigationMenu/web/Item/styles.d.ts

@@ -9,9 +9,9 @@ declare const StyledTag: styled_components.StyledComponent<{
     ({ children, variant, small, ellipsis, ...rest }: {
         [x: string]: any;
         children: any;
-        variant: any;
-        small: any;
-        ellipsis: any;
+        variant?: string | undefined;
+        small?: boolean | undefined;
+        ellipsis?: boolean | undefined;
     }): JSX.Element;
     propTypes: {
         variant: prop_types.Requireable<string>;
@@ -19,11 +19,6 @@ declare const StyledTag: styled_components.StyledComponent<{
         small: prop_types.Requireable<boolean>;
         ellipsis: prop_types.Requireable<boolean>;
     };
-    defaultProps: {
-        variant: string;
-        small: boolean;
-        ellipsis: boolean;
-    };
 }, any, {}, never>;
 declare const StyledText: styled_components.StyledComponent<string, any, {}, never>;
 declare const StyledItem: styled_components.StyledComponent<string, any, {