fix: update tests

Author: lisalupi

packages/form/src/components/DateInputField/__tests__/__snapshots__/index.test.tsx.snap

@@ -64,7 +64,7 @@ exports[`dateInputField > should clear field 1`] = `
             class="uv_705z6f0 uv_9rlyg91 uv_w40vpo4 null"
             id="_r_3k_"
             role="dialog"
-            style="--uv_ozfz3c0: -5px; --uv_ozfz3c1: 0px; --uv_ozfz3c2:  rotate(180deg); --uv_ozfz3c4: translate3d(0px, 4px, 0); --uv_ozfz3c5: 0ms; --uv_ozfz3c6: translate3d(0px, 4px, 0); --uv_ozfz3c7: 16.5rem; opacity: 1;"
+            style="--uv_ozfz3c0: -5px; --uv_ozfz3c1: 0px; --uv_ozfz3c2: rotate(180deg); --uv_ozfz3c4: translate3d(0px, 4px, 0); --uv_ozfz3c5: 0ms; --uv_ozfz3c6: translate3d(0px, 4px, 0); --uv_ozfz3c7: 16.5rem; opacity: 1;"
           >
             <div
               class="uv_w40vpo2"

packages/form/src/components/SelectInputField/__tests__/__snapshots__/index.test.tsx.snap

@@ -60,7 +60,7 @@ exports[`selectInputField > should display right value on grouped options 1`] =
             class="uv_5kpm8k0 uv_w40vpo4 null"
             id="_r_l_"
             role="dialog"
-            style="--uv_ozfz3c0: -5px; --uv_ozfz3c1: 0px; --uv_ozfz3c2:  rotate(180deg); --uv_ozfz3c4: translate3d(0px, 4px, 0); --uv_ozfz3c5: 0ms; --uv_ozfz3c6: translate3d(0px, 4px, 0); --uv_ozfz3c7: 100%; opacity: 1;"
+            style="--uv_ozfz3c0: -5px; --uv_ozfz3c1: 0px; --uv_ozfz3c2: rotate(180deg); --uv_ozfz3c4: translate3d(0px, 4px, 0); --uv_ozfz3c5: 0ms; --uv_ozfz3c6: translate3d(0px, 4px, 0); --uv_ozfz3c7: 100%; opacity: 1;"
           >
             <div
               class="uv_w40vpo2"

packages/ui/src/components/Avatar/__tests__/__snapshots__/index.test.tsx.snap

@@ -96,7 +96,7 @@ exports[`avatar > renders correctly with shape circle > renders correctly with s
     <div
       class="styles__19x8y1k0 styles_sentiment_primary__19x8y1k7 styles_shape_circle__19x8y1k1 styles_size_large__19x8y1k3"
       data-has-background="false"
-      style="background-image: url(/src/components/Avatar/__stories__/assets/avatar.svg); background-size: cover;"
+      style="background-image: url("/src/components/Avatar/__stories__/assets/avatar.svg"); background-size: cover;"
     />
   </div>
 </DocumentFragment>
@@ -338,7 +338,7 @@ exports[`avatar > renders correctly with shape circle > renders correctly with s
     <div
       class="styles__19x8y1k0 styles_sentiment_primary__19x8y1k7 styles_shape_circle__19x8y1k1 styles_size_medium__19x8y1k4"
       data-has-background="false"
-      style="background-image: url(/src/components/Avatar/__stories__/assets/avatar.svg); background-size: cover;"
+      style="background-image: url("/src/components/Avatar/__stories__/assets/avatar.svg"); background-size: cover;"
     />
   </div>
 </DocumentFragment>
@@ -580,7 +580,7 @@ exports[`avatar > renders correctly with shape circle > renders correctly with s
     <div
       class="styles__19x8y1k0 styles_sentiment_primary__19x8y1k7 styles_shape_circle__19x8y1k1 styles_size_small__19x8y1k5"
       data-has-background="false"
-      style="background-image: url(/src/components/Avatar/__stories__/assets/avatar.svg); background-size: cover;"
+      style="background-image: url("/src/components/Avatar/__stories__/assets/avatar.svg"); background-size: cover;"
     />
   </div>
 </DocumentFragment>
@@ -822,7 +822,7 @@ exports[`avatar > renders correctly with shape circle > renders correctly with s
     <div
       class="styles__19x8y1k0 styles_sentiment_primary__19x8y1k7 styles_shape_circle__19x8y1k1 styles_size_xsmall__19x8y1k6"
       data-has-background="false"
-      style="background-image: url(/src/components/Avatar/__stories__/assets/avatar.svg); background-size: cover;"
+      style="background-image: url("/src/components/Avatar/__stories__/assets/avatar.svg"); background-size: cover;"
     />
   </div>
 </DocumentFragment>
@@ -1064,7 +1064,7 @@ exports[`avatar > renders correctly with shape square > renders correctly with s
     <div
       class="styles__19x8y1k0 styles_sentiment_primary__19x8y1k7 styles_shape_square__19x8y1k2 styles_size_large__19x8y1k3 styles_undefined_compound_0__19x8y1k9"
       data-has-background="false"
-      style="background-image: url(/src/components/Avatar/__stories__/assets/avatar.svg); background-size: cover;"
+      style="background-image: url("/src/components/Avatar/__stories__/assets/avatar.svg"); background-size: cover;"
     />
   </div>
 </DocumentFragment>
@@ -1306,7 +1306,7 @@ exports[`avatar > renders correctly with shape square > renders correctly with s
     <div
       class="styles__19x8y1k0 styles_sentiment_primary__19x8y1k7 styles_shape_square__19x8y1k2 styles_size_medium__19x8y1k4 styles_undefined_compound_1__19x8y1ka"
       data-has-background="false"
-      style="background-image: url(/src/components/Avatar/__stories__/assets/avatar.svg); background-size: cover;"
+      style="background-image: url("/src/components/Avatar/__stories__/assets/avatar.svg"); background-size: cover;"
     />
   </div>
 </DocumentFragment>
@@ -1548,7 +1548,7 @@ exports[`avatar > renders correctly with shape square > renders correctly with s
     <div
       class="styles__19x8y1k0 styles_sentiment_primary__19x8y1k7 styles_shape_square__19x8y1k2 styles_size_small__19x8y1k5 styles_undefined_compound_2__19x8y1kb"
       data-has-background="false"
-      style="background-image: url(/src/components/Avatar/__stories__/assets/avatar.svg); background-size: cover;"
+      style="background-image: url("/src/components/Avatar/__stories__/assets/avatar.svg"); background-size: cover;"
     />
   </div>
 </DocumentFragment>
@@ -1790,7 +1790,7 @@ exports[`avatar > renders correctly with shape square > renders correctly with s
     <div
       class="styles__19x8y1k0 styles_sentiment_primary__19x8y1k7 styles_shape_square__19x8y1k2 styles_size_xsmall__19x8y1k6 styles_undefined_compound_3__19x8y1kc"
       data-has-background="false"
-      style="background-image: url(/src/components/Avatar/__stories__/assets/avatar.svg); background-size: cover;"
+      style="background-image: url("/src/components/Avatar/__stories__/assets/avatar.svg"); background-size: cover;"
     />
   </div>
 </DocumentFragment>

packages/ui/src/components/Banner/__tests__/__snapshots__/index.test.tsx.snap

@@ -18,11 +18,11 @@ exports[`banner > renders correctly with a button 1`] = `
       </div>
       <div
         class="styles__toi52u0 styles_alignItems_start_xxsmall__toi52u3j styles_flexDirection_column_xxsmall__toi52u2d styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_1rem_xxsmall__toi52ud styles_justifyContent_space-between_xxsmall__toi52u6p"
-        style="flex: 1;"
+        style="flex: 1 1 0%;"
       >
         <div
           class="styles__toi52u0 styles_alignItems_normal_xxsmall__toi52u31 styles_flexDirection_column_xxsmall__toi52u2d styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_0.25rem_xxsmall__toi52u1v styles_justifyContent_center_xxsmall__toi52u5j"
-          style="flex: 1;"
+          style="flex: 1 1 0%;"
         >
           <p
             class="style__m4c9ow0 style_strikeThrough_false__m4c9ow2 style_italic_false__m4c9ow4 style_underline_false__m4c9ow6 style_oneLine_false__m4c9ow8 style_sentiment_primary__m4c9ow9 style_prominence_default__m4c9owi style_variant_headingSmall__m4c9ow15 style_disabled_false__m4c9ow1b style_undefined_compound_0__m4c9ow1c style_undefined_compound_72__m4c9ow3c"
@@ -83,11 +83,11 @@ exports[`banner > renders correctly with a link 1`] = `
       </div>
       <div
         class="styles__toi52u0 styles_alignItems_start_xxsmall__toi52u3j styles_flexDirection_column_xxsmall__toi52u2d styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_1rem_xxsmall__toi52ud styles_justifyContent_space-between_xxsmall__toi52u6p"
-        style="flex: 1;"
+        style="flex: 1 1 0%;"
       >
         <div
           class="styles__toi52u0 styles_alignItems_normal_xxsmall__toi52u31 styles_flexDirection_column_xxsmall__toi52u2d styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_0.25rem_xxsmall__toi52u1v styles_justifyContent_center_xxsmall__toi52u5j"
-          style="flex: 1;"
+          style="flex: 1 1 0%;"
         >
           <p
             class="style__m4c9ow0 style_strikeThrough_false__m4c9ow2 style_italic_false__m4c9ow4 style_underline_false__m4c9ow6 style_oneLine_false__m4c9ow8 style_sentiment_primary__m4c9ow9 style_prominence_default__m4c9owi style_variant_headingSmall__m4c9ow15 style_disabled_false__m4c9ow1b style_undefined_compound_0__m4c9ow1c style_undefined_compound_72__m4c9ow3c"
@@ -166,11 +166,11 @@ exports[`banner > renders correctly with closable to false 1`] = `
       </div>
       <div
         class="styles__toi52u0 styles_alignItems_center_xxsmall__toi52u3d styles_flexDirection_row_xxsmall__toi52u2j styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_1rem_xxsmall__toi52ud styles_justifyContent_space-between_xxsmall__toi52u6p"
-        style="flex: 1;"
+        style="flex: 1 1 0%;"
       >
         <div
           class="styles__toi52u0 styles_alignItems_normal_xxsmall__toi52u31 styles_flexDirection_column_xxsmall__toi52u2d styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_0.25rem_xxsmall__toi52u1v styles_justifyContent_center_xxsmall__toi52u5j"
-          style="flex: 1;"
+          style="flex: 1 1 0%;"
         >
           <p
             class="style__m4c9ow0 style_strikeThrough_false__m4c9ow2 style_italic_false__m4c9ow4 style_underline_false__m4c9ow6 style_oneLine_false__m4c9ow8 style_sentiment_primary__m4c9ow9 style_prominence_default__m4c9owi style_variant_headingSmall__m4c9ow15 style_disabled_false__m4c9ow1b style_undefined_compound_0__m4c9ow1c style_undefined_compound_72__m4c9ow3c"
@@ -207,11 +207,11 @@ exports[`banner > renders correctly with default values 1`] = `
       </div>
       <div
         class="styles__toi52u0 styles_alignItems_start_xxsmall__toi52u3j styles_flexDirection_column_xxsmall__toi52u2d styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_1rem_xxsmall__toi52ud styles_justifyContent_space-between_xxsmall__toi52u6p"
-        style="flex: 1;"
+        style="flex: 1 1 0%;"
       >
         <div
           class="styles__toi52u0 styles_alignItems_normal_xxsmall__toi52u31 styles_flexDirection_column_xxsmall__toi52u2d styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_0.25rem_xxsmall__toi52u1v styles_justifyContent_center_xxsmall__toi52u5j"
-          style="flex: 1;"
+          style="flex: 1 1 0%;"
         >
           <p
             class="style__m4c9ow0 style_strikeThrough_false__m4c9ow2 style_italic_false__m4c9ow4 style_underline_false__m4c9ow6 style_oneLine_false__m4c9ow8 style_sentiment_primary__m4c9ow9 style_prominence_default__m4c9owi style_variant_headingSmall__m4c9ow15 style_disabled_false__m4c9ow1b style_undefined_compound_0__m4c9ow1c style_undefined_compound_72__m4c9ow3c"
@@ -262,11 +262,11 @@ exports[`banner > renders correctly with direction row 1`] = `
       </div>
       <div
         class="styles__toi52u0 styles_alignItems_center_xxsmall__toi52u3d styles_flexDirection_row_xxsmall__toi52u2j styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_1rem_xxsmall__toi52ud styles_justifyContent_space-between_xxsmall__toi52u6p"
-        style="flex: 1;"
+        style="flex: 1 1 0%;"
       >
         <div
           class="styles__toi52u0 styles_alignItems_normal_xxsmall__toi52u31 styles_flexDirection_column_xxsmall__toi52u2d styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_0.25rem_xxsmall__toi52u1v styles_justifyContent_center_xxsmall__toi52u5j"
-          style="flex: 1;"
+          style="flex: 1 1 0%;"
         >
           <p
             class="style__m4c9ow0 style_strikeThrough_false__m4c9ow2 style_italic_false__m4c9ow4 style_underline_false__m4c9ow6 style_oneLine_false__m4c9ow8 style_sentiment_primary__m4c9ow9 style_prominence_default__m4c9owi style_variant_headingSmall__m4c9ow15 style_disabled_false__m4c9ow1b style_undefined_compound_0__m4c9ow1c style_undefined_compound_72__m4c9ow3c"
@@ -317,11 +317,11 @@ exports[`banner > should render correctly with dark theme 1`] = `
       </div>
       <div
         class="styles__toi52u0 styles_alignItems_start_xxsmall__toi52u3j styles_flexDirection_column_xxsmall__toi52u2d styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_1rem_xxsmall__toi52ud styles_justifyContent_space-between_xxsmall__toi52u6p"
-        style="flex: 1;"
+        style="flex: 1 1 0%;"
       >
         <div
           class="styles__toi52u0 styles_alignItems_normal_xxsmall__toi52u31 styles_flexDirection_column_xxsmall__toi52u2d styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_0.25rem_xxsmall__toi52u1v styles_justifyContent_center_xxsmall__toi52u5j"
-          style="flex: 1;"
+          style="flex: 1 1 0%;"
         >
           <p
             class="style__m4c9ow0 style_strikeThrough_false__m4c9ow2 style_italic_false__m4c9ow4 style_underline_false__m4c9ow6 style_oneLine_false__m4c9ow8 style_sentiment_primary__m4c9ow9 style_prominence_default__m4c9owi style_variant_headingSmall__m4c9ow15 style_disabled_false__m4c9ow1b style_undefined_compound_0__m4c9ow1c style_undefined_compound_72__m4c9ow3c"
@@ -400,11 +400,11 @@ exports[`banner > sizes and variants > renders correctly with size medium and va
       </div>
       <div
         class="styles__toi52u0 styles_alignItems_start_xxsmall__toi52u3j styles_flexDirection_column_xxsmall__toi52u2d styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_1rem_xxsmall__toi52ud styles_justifyContent_space-between_xxsmall__toi52u6p"
-        style="flex: 1;"
+        style="flex: 1 1 0%;"
       >
         <div
           class="styles__toi52u0 styles_alignItems_normal_xxsmall__toi52u31 styles_flexDirection_column_xxsmall__toi52u2d styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_0.25rem_xxsmall__toi52u1v styles_justifyContent_center_xxsmall__toi52u5j"
-          style="flex: 1;"
+          style="flex: 1 1 0%;"
         >
           <p
             class="style__m4c9ow0 style_strikeThrough_false__m4c9ow2 style_italic_false__m4c9ow4 style_underline_false__m4c9ow6 style_oneLine_false__m4c9ow8 style_sentiment_primary__m4c9ow9 style_prominence_default__m4c9owi style_variant_headingSmall__m4c9ow15 style_disabled_false__m4c9ow1b style_undefined_compound_0__m4c9ow1c style_undefined_compound_72__m4c9ow3c"
@@ -455,11 +455,11 @@ exports[`banner > sizes and variants > renders correctly with size medium and va
       </div>
       <div
         class="styles__toi52u0 styles_alignItems_start_xxsmall__toi52u3j styles_flexDirection_column_xxsmall__toi52u2d styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_1rem_xxsmall__toi52ud styles_justifyContent_space-between_xxsmall__toi52u6p"
-        style="flex: 1;"
+        style="flex: 1 1 0%;"
       >
         <div
           class="styles__toi52u0 styles_alignItems_normal_xxsmall__toi52u31 styles_flexDirection_column_xxsmall__toi52u2d styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_0.25rem_xxsmall__toi52u1v styles_justifyContent_center_xxsmall__toi52u5j"
-          style="flex: 1;"
+          style="flex: 1 1 0%;"
         >
           <p
             class="style__m4c9ow0 style_strikeThrough_false__m4c9ow2 style_italic_false__m4c9ow4 style_underline_false__m4c9ow6 style_oneLine_false__m4c9ow8 style_sentiment_white__m4c9owh style_prominence_strong__m4c9owj style_variant_headingSmall__m4c9ow15 style_disabled_false__m4c9ow1b style_undefined_compound_33__m4c9ow29 style_undefined_compound_73__m4c9ow3d"
@@ -510,11 +510,11 @@ exports[`banner > sizes and variants > renders correctly with size small and var
       </div>
       <div
         class="styles__toi52u0 styles_alignItems_start_xxsmall__toi52u3j styles_flexDirection_column_xxsmall__toi52u2d styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_1rem_xxsmall__toi52ud styles_justifyContent_space-between_xxsmall__toi52u6p"
-        style="flex: 1;"
+        style="flex: 1 1 0%;"
       >
         <div
           class="styles__toi52u0 styles_alignItems_normal_xxsmall__toi52u31 styles_flexDirection_column_xxsmall__toi52u2d styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_0.25rem_xxsmall__toi52u1v styles_justifyContent_center_xxsmall__toi52u5j"
-          style="flex: 1;"
+          style="flex: 1 1 0%;"
         >
           <p
             class="style__m4c9ow0 style_strikeThrough_false__m4c9ow2 style_italic_false__m4c9ow4 style_underline_false__m4c9ow6 style_oneLine_false__m4c9ow8 style_sentiment_primary__m4c9ow9 style_prominence_default__m4c9owi style_variant_bodyStronger__m4c9owr style_disabled_false__m4c9ow1b style_undefined_compound_0__m4c9ow1c style_undefined_compound_72__m4c9ow3c"
@@ -565,11 +565,11 @@ exports[`banner > sizes and variants > renders correctly with size small and var
       </div>
       <div
         class="styles__toi52u0 styles_alignItems_start_xxsmall__toi52u3j styles_flexDirection_column_xxsmall__toi52u2d styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_1rem_xxsmall__toi52ud styles_justifyContent_space-between_xxsmall__toi52u6p"
-        style="flex: 1;"
+        style="flex: 1 1 0%;"
       >
         <div
           class="styles__toi52u0 styles_alignItems_normal_xxsmall__toi52u31 styles_flexDirection_column_xxsmall__toi52u2d styles_flexWrap_nowrap_xxsmall__toi52u7d styles_gap_0.25rem_xxsmall__toi52u1v styles_justifyContent_center_xxsmall__toi52u5j"
-          style="flex: 1;"
+          style="flex: 1 1 0%;"
         >
           <p
             class="style__m4c9ow0 style_strikeThrough_false__m4c9ow2 style_italic_false__m4c9ow4 style_underline_false__m4c9ow6 style_oneLine_false__m4c9ow8 style_sentiment_white__m4c9owh style_prominence_strong__m4c9owj style_variant_bodyStronger__m4c9owr style_disabled_false__m4c9ow1b style_undefined_compound_33__m4c9ow29 style_undefined_compound_73__m4c9ow3d"