Update snapshot

Author: owjs3901

packages/components/src/components/Input/__tests__/__snapshots__/index.browser.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Controlled Input > should render with value 1`] = `
 <div>
   <div
-    class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-1137980104803605758-255"
+    class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255"
   >
     <input
       aria-label="input"
@@ -17,7 +17,7 @@ exports[`Controlled Input > should render with value 1`] = `
 exports[`Input > should have typography when typography is provided 1`] = `
 <div>
   <div
-    class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-1137980104803605758-255"
+    class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255"
   >
     <input
       aria-label="input"
@@ -31,7 +31,7 @@ exports[`Input > should have typography when typography is provided 1`] = `
 exports[`Input > should not have padding right when allowClear is false 1`] = `
 <div>
   <div
-    class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-1137980104803605758-255"
+    class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255"
   >
     <input
       aria-label="input"
@@ -45,7 +45,7 @@ exports[`Input > should not have padding right when allowClear is false 1`] = `
 exports[`Input > should not show clear button when value is empty 1`] = `
 <div>
   <div
-    class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-1137980104803605758-255"
+    class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255"
   >
     <input
       aria-label="input"
@@ -59,7 +59,7 @@ exports[`Input > should not show clear button when value is empty 1`] = `
 exports[`Input > should pass className prop to error message component 1`] = `
 <div>
   <div
-    class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-1137980104803605758-255"
+    class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255"
   >
     <input
       aria-label="input"
@@ -79,7 +79,7 @@ exports[`Input > should pass className prop to error message component 1`] = `
 exports[`Input > should pass className prop to icon component 1`] = `
 <div>
   <div
-    class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-1137980104803605758-255"
+    class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255"
   >
     <div
       aria-label="icon"
@@ -145,7 +145,7 @@ exports[`Input > should pass props to ClearButton component 1`] = `
 exports[`Input > should render disabled icon style when disabled is true 1`] = `
 <div>
   <div
-    class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-1137980104803605758-255"
+    class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255"
   >
     <div
       aria-label="icon"
@@ -179,7 +179,7 @@ exports[`Input > should render disabled icon style when disabled is true 1`] = `
 exports[`Input > should render error style when error is true 1`] = `
 <div>
   <div
-    class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-1137980104803605758-255"
+    class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255"
   >
     <input
       aria-label="input"
@@ -193,7 +193,7 @@ exports[`Input > should render error style when error is true 1`] = `
 exports[`Input > should render with allowClear prop 1`] = `
 <div>
   <div
-    class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-1137980104803605758-255"
+    class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255"
   >
     <input
       aria-label="input"
@@ -207,7 +207,7 @@ exports[`Input > should render with allowClear prop 1`] = `
 exports[`Input > should render with default props 1`] = `
 <div>
   <div
-    class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-1137980104803605758-255"
+    class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255"
   >
     <input
       aria-label="input"
@@ -221,7 +221,7 @@ exports[`Input > should render with default props 1`] = `
 exports[`Input > should render with disabled prop 1`] = `
 <div>
   <div
-    class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-1137980104803605758-255"
+    class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255"
   >
     <input
       aria-label="input"
@@ -236,7 +236,7 @@ exports[`Input > should render with disabled prop 1`] = `
 exports[`Input > should show clear button when value is not empty 1`] = `
 <div>
   <div
-    class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-1137980104803605758-255"
+    class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255"
   >
     <input
       aria-label="input"

packages/components/src/components/Select/__tests__/__snapshots__/index.browser.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Select > should render 1`] = `
 <div>
   <div
-    class="display-0-inline-block--1 height-0-fit-content--1 box-sizing-0-border-box-1137980104803605758-1  "
+    class="display-0-inline-block--1 height-0-fit-content--1 box-sizing-0-border-box-16872530230555934585-1 box-sizing-0-border-box-2187736501337973943-1  "
   >
     <button
       aria-expanded="false"
@@ -28,7 +28,7 @@ exports[`Select > should render 1`] = `
 exports[`Select > should render with overflow screen 1`] = `
 <div>
   <div
-    class="display-0-inline-block--1 height-0-fit-content--1 box-sizing-0-border-box-1137980104803605758-1  "
+    class="display-0-inline-block--1 height-0-fit-content--1 box-sizing-0-border-box-16872530230555934585-1 box-sizing-0-border-box-2187736501337973943-1  "
   >
     <button
       aria-expanded="true"
@@ -83,7 +83,7 @@ exports[`Select > should render with overflow screen 1`] = `
         Option 4
       </div>
       <div
-        class="display-0-inline-block--1 height-0-fit-content--1 box-sizing-0-border-box-1137980104803605758-1  "
+        class="display-0-inline-block--1 height-0-fit-content--1 box-sizing-0-border-box-16872530230555934585-1 box-sizing-0-border-box-2187736501337973943-1  "
       >
         <div
           aria-expanded="false"
@@ -120,7 +120,7 @@ exports[`Select > should render with overflow screen 1`] = `
 exports[`Select > should render with typography prop 1`] = `
 <div>
   <div
-    class="display-0-inline-block--1 height-0-fit-content--1 box-sizing-0-border-box-1137980104803605758-1 typo-body1 "
+    class="display-0-inline-block--1 height-0-fit-content--1 box-sizing-0-border-box-16872530230555934585-1 box-sizing-0-border-box-2187736501337973943-1 typo-body1 "
   >
     <button
       aria-expanded="false"
@@ -146,7 +146,7 @@ exports[`Select > should render with x and y properties 1`] = `
 <div>
   <div
     aria-label="Select"
-    class="display-0-inline-block--1 height-0-fit-content--1 box-sizing-0-border-box-1137980104803605758-1  "
+    class="display-0-inline-block--1 height-0-fit-content--1 box-sizing-0-border-box-16872530230555934585-1 box-sizing-0-border-box-2187736501337973943-1  "
   >
     <button
       aria-expanded="false"

packages/components/src/components/Stepper/__tests__/__snapshots__/index.browser.test.tsx.snap

@@ -37,11 +37,11 @@ exports[`Stepper > should render 1`] = `
       </div>
     </button>
     <div
-      class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-1137980104803605758-255"
+      class=" display-0-inline-block--255 position-0-relative--255 box-sizing-0-border-box-16872530230555934585-255 box-sizing-0-border-box-2187736501337973943-255"
     >
       <input
         aria-label="Stepper value"
-        class="width-0-60px--2 text-align-0-center--2 border-radius-0-6px--2 display-0-none-1599573265477977541-2 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-7704306251139592248-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-14172363753176421546-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-14172363753176421546-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-14172363753176421546-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-16231282139879731451-1 outline-0-none-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-8380715471663921674-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-15878565022192187906-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--border,light-dark(#E4E4E4,#434343))--1 padding-left-0-12px--1 padding-right-0-12px--1 "
+        class="width-0-60px--2 text-align-0-center--2 border-radius-0-6px--2 display-0-none-14808099437505465214-2 display-0-none-3565067101072487361-2 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-7704306251139592248-1 background-0-var(--inputDisabledBg,light-dark(#F0F0F3,#414244))-14172363753176421546-1 border-0-1px solid var(--border,light-dark(#E4E4E4,#434343))-14172363753176421546-1 color-0-var(--inputDisabledText,light-dark(#D6D7DE,#373737))-14172363753176421546-1 background-0-var(--primaryBg,light-dark(#F4F3FA,#F4F3FA0D))-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-16231282139879731451-1 outline-0-none-16231282139879731451-1 border-0-1px solid var(--primary,light-dark(#674DC7,#8163E1))-8380715471663921674-1 color-0-var(--inputPlaceholder,light-dark(#A9A8AB,#CBCBCB))-15878565022192187906-1 background-0-var(--inputBg,light-dark(#FFF,#2E2E2E))--1 border-radius-0-8px--1 border-style-0-solid--1 border-width-0-1px--1 padding-bottom-0-12px--1 padding-top-0-12px--1 transition-0-all .1s ease-in-out--1 border-color-0-var(--border,light-dark(#E4E4E4,#434343))--1 padding-left-0-12px--1 padding-right-0-12px--1 "
         data-value="0"
         type="number"
         value="0"