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

@@ -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": {

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 }), []);

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"

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>