@gympass/yoga 7.91.1 → 7.92.0

package/cjs/Feedback/web/Feedback.js

@@ -71,16 +71,16 @@ var import_StyledFeedback = require("./StyledFeedback");
 const ICON_SIZE = 64;
 const VARIANT_ICONS = {
   success: {
-    as: import_yoga_icons.CheckedFull,
-    fill: "hope"
+    as: import_yoga_icons.Success
   },
   informative: {
-    as: import_yoga_icons.Info,
-    fill: "relax"
+    as: import_yoga_icons.Information
   },
   attention: {
-    as: import_yoga_icons.AlertTriangle,
-    fill: "brandingVerve"
+    as: import_yoga_icons.Attention
+  },
+  delayed: {
+    as: import_yoga_icons.Delayed
   }
 };
 function isChildFromComponent(child, component) {
@@ -121,7 +121,7 @@ function Feedback(_a) {
           __spreadProps(__spreadValues({}, iconProps), {
             size: ICON_SIZE,
             mb: "large",
-            "data-testid": "feedback-icon"
+            "data-testid": `feedback-icon-${variant}`
           })
         ),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_StyledFeedback.TextContainer, { children: [

package/cjs/Feedback/web/Feedback.test.js

@@ -72,7 +72,7 @@ describe("<Feedback />", () => {
     const { getByTestId } = renderWithTheme(
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Feedback, { variant: "success", title, description })
     );
-    expect(getByTestId("feedback-icon")).toMatchSnapshot();
+    expect(getByTestId("feedback-icon-success")).toMatchSnapshot();
   });
   it("should render the icon for informative variant", () => {
     const { getByTestId } = renderWithTheme(
@@ -85,12 +85,18 @@ describe("<Feedback />", () => {
         }
       )
     );
-    expect(getByTestId("feedback-icon")).toMatchSnapshot();
+    expect(getByTestId("feedback-icon-informative")).toMatchSnapshot();
   });
   it("should render the icon for attention variant", () => {
     const { getByTestId } = renderWithTheme(
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Feedback, { variant: "attention", title, description })
     );
-    expect(getByTestId("feedback-icon")).toMatchSnapshot();
+    expect(getByTestId("feedback-icon-attention")).toMatchSnapshot();
+  });
+  it("should render the icon for delayed variant", () => {
+    const { getByTestId } = renderWithTheme(
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.Feedback, { variant: "delayed", title, description })
+    );
+    expect(getByTestId("feedback-icon-delayed")).toMatchSnapshot();
   });
 });

package/esm/Feedback/web/Feedback.js

@@ -32,7 +32,7 @@ var __objRest = (source, exclude) => {
 import { jsx, jsxs } from "react/jsx-runtime";
 import { arrayOf, node, oneOf, oneOfType, string, bool } from "prop-types";
 import React from "react";
-import { CheckedFull, Info, AlertTriangle } from "@gympass/yoga-icons";
+import { Attention, Delayed, Information, Success } from "@gympass/yoga-icons";
 import Icon from "../../Icon";
 import Box from "../../Box";
 import Text from "../../Text";
@@ -47,16 +47,16 @@ import {
 const ICON_SIZE = 64;
 const VARIANT_ICONS = {
   success: {
-    as: CheckedFull,
-    fill: "hope"
+    as: Success
   },
   informative: {
-    as: Info,
-    fill: "relax"
+    as: Information
   },
   attention: {
-    as: AlertTriangle,
-    fill: "brandingVerve"
+    as: Attention
+  },
+  delayed: {
+    as: Delayed
   }
 };
 function isChildFromComponent(child, component) {
@@ -97,7 +97,7 @@ function Feedback(_a) {
           __spreadProps(__spreadValues({}, iconProps), {
             size: ICON_SIZE,
             mb: "large",
-            "data-testid": "feedback-icon"
+            "data-testid": `feedback-icon-${variant}`
           })
         ),
         /* @__PURE__ */ jsxs(TextContainer, { children: [

package/esm/Feedback/web/Feedback.test.js

@@ -49,7 +49,7 @@ describe("<Feedback />", () => {
     const { getByTestId } = renderWithTheme(
       /* @__PURE__ */ jsx(Feedback, { variant: "success", title, description })
     );
-    expect(getByTestId("feedback-icon")).toMatchSnapshot();
+    expect(getByTestId("feedback-icon-success")).toMatchSnapshot();
   });
   it("should render the icon for informative variant", () => {
     const { getByTestId } = renderWithTheme(
@@ -62,12 +62,18 @@ describe("<Feedback />", () => {
         }
       )
     );
-    expect(getByTestId("feedback-icon")).toMatchSnapshot();
+    expect(getByTestId("feedback-icon-informative")).toMatchSnapshot();
   });
   it("should render the icon for attention variant", () => {
     const { getByTestId } = renderWithTheme(
       /* @__PURE__ */ jsx(Feedback, { variant: "attention", title, description })
     );
-    expect(getByTestId("feedback-icon")).toMatchSnapshot();
+    expect(getByTestId("feedback-icon-attention")).toMatchSnapshot();
+  });
+  it("should render the icon for delayed variant", () => {
+    const { getByTestId } = renderWithTheme(
+      /* @__PURE__ */ jsx(Feedback, { variant: "delayed", title, description })
+    );
+    expect(getByTestId("feedback-icon-delayed")).toMatchSnapshot();
   });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gympass/yoga",
-  "version": "7.91.1",
+  "version": "7.92.0",
   "description": "Gympass component library",
   "main": "./cjs",
   "types": "./typings/index.d.ts",
@@ -28,7 +28,7 @@
   "dependencies": {
     "@gympass/yoga-common": "^1.3.0",
     "@gympass/yoga-helpers": "^1.0.4",
-    "@gympass/yoga-icons": "^1.17.0",
+    "@gympass/yoga-icons": "^1.18.0",
     "@gympass/yoga-illustrations": "^0.5.2",
     "@gympass/yoga-system": "^0.11.1",
     "@gympass/yoga-tokens": "^3.2.2",
@@ -57,7 +57,7 @@
     "react-native": "0.72.3",
     "styled-components": "^4.4.0"
   },
-  "gitHead": "9cdfae959a192ee74b28474e57056d175b734906",
+  "gitHead": "d3d44375e5ab0b126e8df60bd41618494f10e935",
   "module": "./esm",
   "private": false,
   "react-native": "./cjs/index.native.js"