From b3a33b239942a52544eaa952832065eeedb3a340 Mon Sep 17 00:00:00 2001
From: Hadas Farhi <hadasfa@monday.com>
Date: Tue, 13 Jul 2021 15:51:16 +0300
Subject: [PATCH] Feature/hadasfa/last ver fix 0.57 (#167)

* css: toggle apperance when disable

* fix disable apperance

* fix toggle tests and avatar badge example

* bump ver

* fix chips tests
---
 package.json                                  |  2 +-
 .../Avatar/__stories__/avatar.stories.js      |  2 +-
 .../__snapshots__/chips.jest.js.snap          |  1 -
 .../__snapshots__/toggle.jest.js.snap         | 28 +++++++++----------
 4 files changed, 16 insertions(+), 17 deletions(-)

diff --git a/package.json b/package.json
index c04e6d8503..e83309c48e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "monday-ui-react-core",
-  "version": "0.3.56",
+  "version": "0.3.57",
   "description": "Official monday.com UI resources for application development in React.js",
   "main": "dist/main.js",
   "scripts": {
diff --git a/src/components/Avatar/__stories__/avatar.stories.js b/src/components/Avatar/__stories__/avatar.stories.js
index 9dc29b6f26..b54042555c 100644
--- a/src/components/Avatar/__stories__/avatar.stories.js
+++ b/src/components/Avatar/__stories__/avatar.stories.js
@@ -11,7 +11,7 @@ import "./avatar.stories.scss";
 
 const IMG_SRC =
   "https://files.monday.com/use1/photos/16447897/small/16447897-Hadas_Farhi_photo_2020_10_04_10_14_06.png?1601806446";
-const BADGE_SRC = "https://cdn7.monday.com/images/working-status/wfh.svg";
+const BADGE_SRC = "https://cdn.worldvectorlogo.com/logos/monday-1.svg";
 
 export const States = () => {
   const badgeProps = useMemo(() => ({ src: BADGE_SRC }), []);
diff --git a/src/components/Chips/__tests__/__snapshots__/chips.jest.js.snap b/src/components/Chips/__tests__/__snapshots__/chips.jest.js.snap
index b582998753..c73d2d89e9 100644
--- a/src/components/Chips/__tests__/__snapshots__/chips.jest.js.snap
+++ b/src/components/Chips/__tests__/__snapshots__/chips.jest.js.snap
@@ -17,7 +17,6 @@ exports[`renders correctly with empty props 1`] = `
   </div>
   <svg
     aria-hidden={false}
-    aria-label=""
     className="icon_component chip-icon close icon_component--clickable"
     fill="currentColor"
     height="18"
diff --git a/src/components/Toggle/__tests__/__snapshots__/toggle.jest.js.snap b/src/components/Toggle/__tests__/__snapshots__/toggle.jest.js.snap
index 4526df1b89..1c6286bfdb 100644
--- a/src/components/Toggle/__tests__/__snapshots__/toggle.jest.js.snap
+++ b/src/components/Toggle/__tests__/__snapshots__/toggle.jest.js.snap
@@ -2,10 +2,10 @@
 
 exports[`Toggle Tests Snapshot Tests renders correctly when disabled 1`] = `
 <label
-  className="monday-style-toggle_wrapper"
+  className="monday-style-toggle_wrapper monday-style-toggle_wrapper--disabled"
 >
   <span
-    className="monday-style-toggle__text"
+    className="monday-style-toggle_text"
   >
     Off
   </span>
@@ -34,10 +34,10 @@ exports[`Toggle Tests Snapshot Tests renders correctly when disabled 1`] = `
   />
   <div
     aria-hidden="true"
-    className="monday-style-toggle_toggle monday-style-toggle_toggle--selected monday-style-toggle_toggle--disabled"
+    className="monday-style-toggle_toggle monday-style-toggle_toggle--selected"
   />
   <span
-    className="monday-style-toggle__text"
+    className="monday-style-toggle_text"
   >
     On
   </span>
@@ -49,7 +49,7 @@ exports[`Toggle Tests Snapshot Tests renders correctly when selection defined by
   className="monday-style-toggle_wrapper"
 >
   <span
-    className="monday-style-toggle__text"
+    className="monday-style-toggle_text"
   >
     Off
   </span>
@@ -81,7 +81,7 @@ exports[`Toggle Tests Snapshot Tests renders correctly when selection defined by
     className="monday-style-toggle_toggle dummy-class-name monday-style-toggle_toggle--not-selected"
   />
   <span
-    className="monday-style-toggle__text"
+    className="monday-style-toggle_text"
   >
     On
   </span>
@@ -93,7 +93,7 @@ exports[`Toggle Tests Snapshot Tests renders correctly when selection defined by
   className="monday-style-toggle_wrapper"
 >
   <span
-    className="monday-style-toggle__text"
+    className="monday-style-toggle_text"
   >
     Off
   </span>
@@ -125,7 +125,7 @@ exports[`Toggle Tests Snapshot Tests renders correctly when selection defined by
     className="monday-style-toggle_toggle dummy-class-name monday-style-toggle_toggle--selected"
   />
   <span
-    className="monday-style-toggle__text"
+    className="monday-style-toggle_text"
   >
     On
   </span>
@@ -137,7 +137,7 @@ exports[`Toggle Tests Snapshot Tests renders correctly when selection defined by
   className="monday-style-toggle_wrapper"
 >
   <span
-    className="monday-style-toggle__text"
+    className="monday-style-toggle_text"
   >
     Off
   </span>
@@ -169,7 +169,7 @@ exports[`Toggle Tests Snapshot Tests renders correctly when selection defined by
     className="monday-style-toggle_toggle dummy-class-name monday-style-toggle_toggle--not-selected"
   />
   <span
-    className="monday-style-toggle__text"
+    className="monday-style-toggle_text"
   >
     On
   </span>
@@ -181,7 +181,7 @@ exports[`Toggle Tests Snapshot Tests renders correctly when selection defined by
   className="monday-style-toggle_wrapper"
 >
   <span
-    className="monday-style-toggle__text"
+    className="monday-style-toggle_text"
   >
     Off
   </span>
@@ -213,7 +213,7 @@ exports[`Toggle Tests Snapshot Tests renders correctly when selection defined by
     className="monday-style-toggle_toggle dummy-class-name monday-style-toggle_toggle--selected"
   />
   <span
-    className="monday-style-toggle__text"
+    className="monday-style-toggle_text"
   >
     On
   </span>
@@ -225,7 +225,7 @@ exports[`Toggle Tests Snapshot Tests renders correctly with empty props 1`] = `
   className="monday-style-toggle_wrapper"
 >
   <span
-    className="monday-style-toggle__text"
+    className="monday-style-toggle_text"
   >
     Off
   </span>
@@ -257,7 +257,7 @@ exports[`Toggle Tests Snapshot Tests renders correctly with empty props 1`] = `
     className="monday-style-toggle_toggle monday-style-toggle_toggle--selected"
   />
   <span
-    className="monday-style-toggle__text"
+    className="monday-style-toggle_text"
   >
     On
   </span>