@gympass/yoga 7.127.3 → 7.128.0

package/cjs/Stepper/web/Stepper.js

@@ -90,7 +90,7 @@ const LineWrapper = import_styled_components.default.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__ */ (0, import_jsx_runtime.jsxs)(Root, __spreadProps(__spreadValues({}, rest), { children: [
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(LineWrapper, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -121,9 +121,4 @@ Stepper.propTypes = {
   activeStep: import_shared.limitChildren,
   secondary: import_prop_types.bool
 };
-Stepper.defaultProps = {
-  children: void 0,
-  activeStep: 0,
-  secondary: false
-};
 var Stepper_default = Stepper;

package/cjs/Tag/web/Informative.js

@@ -89,15 +89,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",
@@ -131,11 +131,5 @@ TagInformative.propTypes = {
   /** After set a max-width can put ellipses for large texts */
   ellipsis: import_prop_types.bool
 };
-TagInformative.defaultProps = {
-  icon: void 0,
-  small: false,
-  variant: "neutral",
-  ellipsis: false
-};
 TagInformative.displayName = "Tag.Informative";
 var Informative_default = (0, import_styled_components.withTheme)(TagInformative);

package/cjs/Tag/web/Tag.js

@@ -127,7 +127,17 @@ const StyledText = (0, import_styled_components.default)(import_Text.default.Ove
   `}
 `;
 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__ */ (0, import_jsx_runtime.jsx)(StyledTag, __spreadProps(__spreadValues({ variant, small }, rest), { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StyledText, { numberOfLines: ellipsis ? 1 : void 0, children }) }));
 };
 Tag.propTypes = {
@@ -139,11 +149,6 @@ Tag.propTypes = {
   /** After set a max-width can put ellipses for large texts */
   ellipsis: import_prop_types.bool
 };
-Tag.defaultProps = {
-  variant: "",
-  small: false,
-  ellipsis: false
-};
 var Tag_default = Tag;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/cjs/Text/web/Text.js

@@ -1,7 +1,9 @@
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __getProtoOf = Object.getPrototypeOf;
@@ -19,6 +21,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;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -129,7 +144,28 @@ Bold.displayName = "Text.Bold";
 const Black = styledText("black");
 Black.displayName = "Text.Black";
 const TextRenderer = styledText("p");
-const Text = (props) => /* @__PURE__ */ (0, import_jsx_runtime.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__ */ (0, import_jsx_runtime.jsx)(
+    TextRenderer,
+    __spreadProps(__spreadValues({}, rest), {
+      inverted,
+      fontSize,
+      light,
+      bold
+    })
+  );
+};
 Text.displayName = "Text";
 Text.Display1 = Display1;
 Text.Display2 = Display2;
@@ -197,15 +233,6 @@ Text.propTypes = {
   bold: import_prop_types.bool,
   fontSize: fontSizes
 };
-Text.defaultProps = {
-  inverted: false,
-  variant: void 0,
-  size: void 0,
-  fontSize: "medium",
-  numberOfLines: void 0,
-  light: false,
-  bold: false
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Black,

package/cjs/TextArea/web/TextArea.js

@@ -86,19 +86,22 @@ const StyledField = (0, import_styled_components.default)(import_Field.default)`
   resize: none;
   height: 100%;
 `;
+const noop = () => {
+};
 const TextArea = import_react.default.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",
@@ -109,7 +112,8 @@ const TextArea = import_react.default.forwardRef(
       "className",
       "style",
       "value",
-      "onChange"
+      "onChange",
+      "readOnly"
     ]);
     const [textAreaValue, setTextAreaValue] = (0, import_react.useState)(value);
     const [typed, setTyped] = (0, import_react.useState)(Boolean(value));
@@ -137,6 +141,7 @@ const TextArea = import_react.default.forwardRef(
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                   StyledField,
                   __spreadProps(__spreadValues({}, props), {
+                    readOnly,
                     disabled,
                     full,
                     label,
@@ -191,19 +196,4 @@ TextArea.propTypes = {
   value: import_prop_types.string,
   onChange: import_prop_types.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;

package/cjs/Theme/Provider/Provider.js

@@ -91,13 +91,10 @@ const getTheme = ({ locale, theme }) => {
   return (0, import_theme.default)(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__ */ (0, import_jsx_runtime.jsx)(import_styled_components.ThemeProvider, __spreadValues({ theme: { yoga: getTheme({ locale, theme }) } }, rest));
 };
 Provider.propTypes = {
   locale: import_prop_types.default.string
 };
-Provider.defaultProps = {
-  locale: "pt-BR"
-};
 var Provider_default = Provider;

package/esm/Accordion/web/Accordion.js

@@ -219,10 +219,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",
@@ -282,14 +282,6 @@ Accordion.propTypes = {
   small: bool,
   hasHorizontalPadding: bool
 };
-Accordion.defaultProps = {
-  title: void 0,
-  subtitle: void 0,
-  disabled: false,
-  expanded: false,
-  small: false,
-  hasHorizontalPadding: true
-};
 var Accordion_default = Accordion;
 export {
   Accordion_default as default

package/esm/Accordion/web/Small.js

@@ -24,7 +24,6 @@ function AccordionSmall(props) {
   return /* @__PURE__ */ jsx(Accordion, __spreadProps(__spreadValues({}, props), { small: true }));
 }
 AccordionSmall.propTypes = Accordion.propTypes;
-AccordionSmall.defaultProps = Accordion.defaultProps;
 var Small_default = AccordionSmall;
 export {
   Small_default as default

package/esm/ActionRequirement/web/ActionRequirement.js

@@ -72,7 +72,7 @@ function ActionRequirement(props) {
     checkable,
     illustration,
     list,
-    titleAsTextDisplay
+    titleAsTextDisplay = false
   } = props;
   let primaryButton;
   let secondaryButton;
@@ -108,13 +108,6 @@ ActionRequirement.propTypes = {
   list: oneOfType([arrayOf(node), node]),
   titleAsTextDisplay: bool
 };
-ActionRequirement.defaultProps = {
-  children: void 0,
-  checkable: void 0,
-  illustration: void 0,
-  list: void 0,
-  titleAsTextDisplay: false
-};
 var ActionRequirement_default = ActionRequirement;
 export {
   ActionRequirement_default as default

package/esm/AutoComplete/web/AutoComplete.js

@@ -162,21 +162,24 @@ const Match = styled.mark`
     font-weight: ${autocomplete.list.font.weight.matched};
   `}
 `;
+const noop = () => {
+};
+const emptyArr = [];
 const AutoComplete = React.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",
@@ -328,23 +331,6 @@ AutoComplete.propTypes = {
   /** flag to enable options filtering */
   shouldFilterOptions: 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;
 export {
   AutoComplete_default as default

package/esm/Avatar/web/Avatar.js

@@ -50,7 +50,21 @@ const Content = ({ icon, alt, src, fill, content, stroke }) => {
 };
 const Avatar = forwardRef(
   (_a, ref) => {
-    var _b = _a, { src, alt, fill, stroke, icon = BuildingFilled, children } = _b, otherProps = __objRest(_b, ["src", "alt", "fill", "stroke", "icon", "children"]);
+    var _b = _a, {
+      src,
+      alt,
+      fill = "white",
+      stroke,
+      icon = BuildingFilled,
+      children
+    } = _b, otherProps = __objRest(_b, [
+      "src",
+      "alt",
+      "fill",
+      "stroke",
+      "icon",
+      "children"
+    ]);
     return /* @__PURE__ */ jsx(
       Box,
       __spreadProps(__spreadValues({
@@ -86,12 +100,6 @@ Content.propTypes = __spreadValues({
   fill: string,
   alt: string
 }, Box.propTypes);
-Content.defaultProps = {
-  src: void 0,
-  fill: "white",
-  alt: void 0,
-  icon: void 0
-};
 Avatar.propTypes = __spreadValues({
   src: string,
   /**  Required if src is true */
@@ -121,13 +129,6 @@ Avatar.propTypes = __spreadValues({
   fill: string,
   stroke: string
 }, Box.propTypes);
-Avatar.defaultProps = __spreadValues({
-  src: void 0,
-  alt: void 0,
-  icon: void 0,
-  fill: "white",
-  stroke: void 0
-}, Box.defaultProps);
 Avatar.displayName = "Avatar";
 var Avatar_default = Avatar;
 export {

package/esm/Avatar/web/AvatarCircle.js

@@ -47,7 +47,6 @@ const AvatarCircle = forwardRef((_a, ref) => {
   );
 });
 AvatarCircle.propTypes = Avatar.propTypes;
-AvatarCircle.defaultProps = Avatar.defaultProps;
 AvatarCircle.displayName = "Avatar.Circle";
 var AvatarCircle_default = AvatarCircle;
 export {

package/esm/Banner/web/Banner.js

@@ -92,7 +92,19 @@ BannerActionButton.propTypes = {
   }).isRequired
 };
 const Banner = 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__ */ jsxs(StyledBanner, __spreadProps(__spreadValues({ ref, variant }, rest), { children: [
     /* @__PURE__ */ jsxs(Box, { display: "flex", flex: 1, alignItems: "center", children: [
       icon && /* @__PURE__ */ jsx(
@@ -151,12 +163,6 @@ Banner.propTypes = {
     );
   }
 };
-Banner.defaultProps = {
-  icon: void 0,
-  variant: "informative",
-  primaryButton: void 0,
-  secondaryButton: void 0
-};
 var Banner_default = Banner;
 export {
   Banner_default as default

package/esm/Button/web/Button.js

@@ -41,18 +41,20 @@ const SpinnerContainer = styled.div`
   left: 50%;
   transform: translate(-50%, -50%);
 `;
+const noop = () => {
+};
 const Button = 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",
@@ -104,20 +106,6 @@ Button.propTypes = {
   icon: oneOfType([node, func]),
   href: 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;
 export {

package/esm/Button/web/Icon.js

@@ -67,19 +67,25 @@ const ButtonIcon = 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__ */ jsx(
       IconStyled,
       __spreadProps(__spreadValues({}, props), {
+        secondary,
+        inverted,
         ref,
         small,
         disabled: disabled || isLoading,
@@ -104,14 +110,6 @@ ButtonIcon.propTypes = {
   icon: oneOfType([node, func]),
   isLoading: bool
 };
-ButtonIcon.defaultProps = {
-  small: false,
-  disabled: void 0,
-  secondary: false,
-  inverted: false,
-  icon: void 0,
-  isLoading: false
-};
 ButtonIcon.displayName = "Button.Icon";
 var Icon_default = withTheme(ButtonIcon);
 export {

package/esm/Button/web/Link.js

@@ -115,12 +115,20 @@ const Link = styled(Button)`
 }}
 `;
 const ButtonLink = 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__ */ jsx(Link, __spreadProps(__spreadValues({}, props), { disabled, "aria-disabled": disabled, ref }));
+  return /* @__PURE__ */ jsx(
+    Link,
+    __spreadProps(__spreadValues({}, props), {
+      secondary,
+      disabled,
+      "aria-disabled": disabled,
+      ref
+    })
+  );
 });
 ButtonLink.propTypes = {
   disabled: bool,
@@ -129,12 +137,6 @@ ButtonLink.propTypes = {
   /** an Icon from yoga-icons package */
   icon: oneOfType([node, func])
 };
-ButtonLink.defaultProps = {
-  disabled: void 0,
-  secondary: false,
-  href: void 0,
-  icon: void 0
-};
 ButtonLink.displayName = "Button.Link";
 var Link_default = ButtonLink;
 export {

package/esm/Button/web/Text.js

@@ -137,7 +137,7 @@ const ButtonText = 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__ */ jsx(
     StyledButton,
     __spreadProps(__spreadValues({}, props), {
@@ -151,10 +151,6 @@ ButtonText.propTypes = {
   inverted: bool,
   secondary: bool
 };
-ButtonText.defaultProps = {
-  inverted: false,
-  secondary: false
-};
 ButtonText.displayName = "Button.Text";
 var Text_default = ButtonText;
 export {

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

@@ -47,10 +47,10 @@ const CardStyled = styled.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};
         ` : `
@@ -79,12 +79,12 @@ const Ribbon = styled(Text.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;
 
@@ -93,13 +93,16 @@ const Ribbon = styled(Text.Tiny)`
   color: ${variant ? white : text.primary};
   `}
 `;
-const Card = React.forwardRef((_a, ref) => {
-  var _b = _a, { ribbon, children } = _b, rest = __objRest(_b, ["ribbon", "children"]);
-  return /* @__PURE__ */ jsxs(CardStyled, __spreadProps(__spreadValues({ ref }, rest), { children: [
-    Object.keys(ribbon).length > 0 && /* @__PURE__ */ jsx(Ribbon, { variant: ribbon.variant, as: "span", children: ribbon.text }),
-    children
-  ] }));
-});
+const emptyObj = {};
+const Card = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { ribbon = emptyObj, children = null, hasShadow = true } = _b, rest = __objRest(_b, ["ribbon", "children", "hasShadow"]);
+    return /* @__PURE__ */ jsxs(CardStyled, __spreadProps(__spreadValues({ ref, hasShadow }, rest), { children: [
+      Object.keys(ribbon).length > 0 && /* @__PURE__ */ 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,
@@ -132,11 +135,6 @@ Card.propTypes = {
   /** applies a shadow to the card (enabled by default) */
   hasShadow: bool
 };
-Card.defaultProps = {
-  ribbon: {},
-  children: null,
-  hasShadow: true
-};
 Card.displayName = "Card";
 var Card_default = Card;
 export {