@orfium/ictinus 5.43.0 → 5.43.2

package/src/components/DatePicker/OverlayComponent/components/MonthWrapper/__snapshots__/MonthWrapper.test.tsx.snap

@@ -66,11 +66,15 @@ exports[`MonthWrapper > should render correctly 1`] = `
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  gap: var(--ictinus-spacing-4);
   color: var(--ictinus-color-text-default-active);
   width: var(--ictinus-sizing-9);
   height: var(--ictinus-sizing-9);
   background-color: var(--ictinus-color-palette-tertiary-base);
-  padding: var(--ictinus-spacing-0) var(--ictinus-spacing-6) var(--ictinus-spacing-0) var(--ictinus-spacing-6);
+  padding: 0;
   border-radius: var(--ictinus-border-radius-7);
   border: none;
   cursor: pointer;
@@ -97,25 +101,6 @@ exports[`MonthWrapper > should render correctly 1`] = `
 }
 
 .emotion-5 {
-  width: var(--ictinus-sizing-5);
-  height: var(--ictinus-sizing-5);
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-.emotion-6 {
-  width: var(--ictinus-sizing-5);
-  height: var(--ictinus-sizing-5);
-}
-
-.emotion-6 path,
-.emotion-6 rect {
-  fill: var(--ictinus-color-text-default-active)!important;
-}
-
-.emotion-7 {
   padding: 0;
   -webkit-align-content: center;
   -ms-flex-line-pack: center;
@@ -139,7 +124,7 @@ exports[`MonthWrapper > should render correctly 1`] = `
   position: relative;
 }
 
-.emotion-8 {
+.emotion-6 {
   margin: 0 var(--ictinus-spacing-4);
   display: -webkit-box;
   display: -webkit-flex;
@@ -153,7 +138,7 @@ exports[`MonthWrapper > should render correctly 1`] = `
   font-weight: var(--ictinus-weight-medium);
 }
 
-.emotion-10 {
+.emotion-8 {
   font-family: Roboto;
   font-weight: 500;
   line-height: 1.25rem;
@@ -171,6 +156,10 @@ exports[`MonthWrapper > should render correctly 1`] = `
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  gap: var(--ictinus-spacing-4);
   color: var(--ictinus-color-text-default-active);
   height: var(--ictinus-sizing-9);
   background-color: var(--ictinus-color-palette-tertiary-base);
@@ -182,41 +171,25 @@ exports[`MonthWrapper > should render correctly 1`] = `
   transition: background-color,border 150ms linear;
 }
 
-.emotion-10:focus-visible:not(:disabled) {
+.emotion-8:focus-visible:not(:disabled) {
   background-color: var(--ictinus-color-palette-tertiary-muted);
 }
 
-.emotion-10:disabled {
+.emotion-8:disabled {
   opacity: 50%;
   cursor: not-allowed;
 }
 
-.emotion-10:hover:not(:disabled) {
+.emotion-8:hover:not(:disabled) {
   background-color: var(--ictinus-color-palette-tertiary-muted);
 }
 
-.emotion-10:active:not(:disabled),
-.emotion-10[aria-expanded="true"] {
+.emotion-8:active:not(:disabled),
+.emotion-8[aria-expanded="true"] {
   background-color: var(--ictinus-color-palette-tertiary-contrast);
 }
 
-.emotion-11 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  gap: var(--ictinus-spacing-4);
-}
-
-.emotion-12 {
+.emotion-9 {
   cursor: pointer;
   margin: auto 0.3125rem;
   position: absolute;
@@ -229,7 +202,7 @@ exports[`MonthWrapper > should render correctly 1`] = `
   z-index: 10;
 }
 
-.emotion-17 {
+.emotion-12 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -240,7 +213,7 @@ exports[`MonthWrapper > should render correctly 1`] = `
   justify-content: space-around;
 }
 
-.emotion-18 {
+.emotion-13 {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
@@ -262,12 +235,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
   font-weight: var(--ictinus-weight-medium);
 }
 
-.emotion-25 {
+.emotion-20 {
   border-collapse: separate;
   border-spacing: 0 var(--ictinus-spacing-5);
 }
 
-.emotion-26 {
+.emotion-21 {
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
@@ -275,7 +248,7 @@ exports[`MonthWrapper > should render correctly 1`] = `
   background: var(--ictinus-color-palette-tertiary-base);
 }
 
-.emotion-32 {
+.emotion-27 {
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
@@ -285,12 +258,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
   opacity: 1;
 }
 
-.emotion-32:focus-visible {
+.emotion-27:focus-visible {
   background-color: var(--ictinus-color-palette-tertiary-muted);
   border-radius: var(--ictinus-border-radius-7);
 }
 
-.emotion-33 {
+.emotion-28 {
   font-family: Roboto;
   font-weight: 500;
   line-height: 1.25rem;
@@ -316,12 +289,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
   background: transparent;
 }
 
-.emotion-33:hover {
+.emotion-28:hover {
   border-radius: var(--ictinus-border-radius-7);
   background: var(--ictinus-color-palette-tertiary-muted);
 }
 
-.emotion-36 {
+.emotion-31 {
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
@@ -332,12 +305,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
   opacity: 1;
 }
 
-.emotion-36:focus-visible {
+.emotion-31:focus-visible {
   background-color: var(--ictinus-color-palette-tertiary-muted);
   border-radius: var(--ictinus-border-radius-7);
 }
 
-.emotion-37 {
+.emotion-32 {
   font-family: Roboto;
   font-weight: 500;
   line-height: 1.25rem;
@@ -364,12 +337,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
   background: transparent;
 }
 
-.emotion-37:hover {
+.emotion-32:hover {
   border-radius: var(--ictinus-border-radius-7);
   background: var(--ictinus-color-palette-tertiary-muted);
 }
 
-.emotion-38 {
+.emotion-33 {
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
@@ -382,12 +355,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
   border-top-left-radius: 100%;
 }
 
-.emotion-38:focus-visible {
+.emotion-33:focus-visible {
   background-color: var(--ictinus-color-palette-tertiary-muted);
   border-radius: var(--ictinus-border-radius-7);
 }
 
-.emotion-38:after {
+.emotion-33:after {
   z-index: -1;
   content: ' ';
   height: 100%;
@@ -402,7 +375,7 @@ exports[`MonthWrapper > should render correctly 1`] = `
   border-top-left-radius: 100%;
 }
 
-.emotion-39 {
+.emotion-34 {
   font-family: Roboto;
   font-weight: 500;
   line-height: 1.25rem;
@@ -429,12 +402,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
   background: var(--ictinus-color-palette-primary-contrast);
 }
 
-.emotion-39:hover {
+.emotion-34:hover {
   border-radius: var(--ictinus-border-radius-7);
   background: false;
 }
 
-.emotion-40 {
+.emotion-35 {
   vertical-align: middle;
   text-align: center;
   cursor: pointer;
@@ -445,12 +418,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
   background: var(--ictinus-color-palette-tertiary-muted);
 }
 
-.emotion-40:focus-visible {
+.emotion-35:focus-visible {
   background-color: var(--ictinus-color-palette-tertiary-muted);
   border-radius: var(--ictinus-border-radius-7);
 }
 
-.emotion-41 {
+.emotion-36 {
   font-family: Roboto;
   font-weight: 500;
   line-height: 1.25rem;
@@ -476,7 +449,7 @@ exports[`MonthWrapper > should render correctly 1`] = `
   background: transparent;
 }
 
-.emotion-41:hover {
+.emotion-36:hover {
   border-radius: var(--ictinus-border-radius-7);
   background: transparent;
 }
@@ -500,59 +473,53 @@ exports[`MonthWrapper > should render correctly 1`] = `
             data-testid="icon-button-month_back"
             type="button"
           >
-            <div
-              class="emotion-5"
-              data-slot="icon"
+            <svg
+              class="properties_color_active_base__146hxcf23a properties_height_5_base__146hxcf74 properties_width_5_base__146hxcf4c"
+              data-ictinus="test-version"
+              viewBox="0 0 20 20"
+              xmlns="http://www.w3.org/2000/svg"
             >
-              <svg
-                class="emotion-6"
-                fill="none"
-                viewBox="0 0 20 20"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  clip-rule="evenodd"
-                  d="M10.3598 13.6332C11.0111 14.176 12 13.7128 12 12.865V7.13504C12 6.2872 11.0111 5.82405 10.3598 6.36682L6.92186 9.23178C6.44211 9.63157 6.44211 10.3684 6.92187 10.7682L10.3598 13.6332Z"
-                  fill="#6265AD"
-                  fill-rule="evenodd"
-                />
-              </svg>
-            </div>
+              <path
+                clip-rule="evenodd"
+                d="M10.3598 13.6332C11.0111 14.176 12 13.7128 12 12.865V7.13504C12 6.2872 11.0111 5.82405 10.3598 6.36682L6.92186 9.23178C6.44211 9.63157 6.44211 10.3684 6.92187 10.7682L10.3598 13.6332Z"
+                fill="currentColor"
+                fill-rule="evenodd"
+              />
+            </svg>
           </button>
         </div>
       </div>
       <div>
         <div
-          class="emotion-7"
+          class="emotion-5"
         >
           <div
-            class="emotion-8"
+            class="emotion-6"
             data-testid="month_header"
           >
             <div
               class="emotion-3"
             >
               <button
-                class="emotion-10"
+                class="emotion-8"
                 data-slot="button"
                 data-testid="button-month"
                 type="button"
               >
                 <span
-                  class="emotion-11"
+                  class="Text__t6529w6"
+                  data-ictinus="test-version"
                 >
-                  <span>
-                    November
-                     
-                    2020
-                  </span>
+                  November
+                   
+                  2020
                 </span>
               </button>
             </div>
           </div>
         </div>
         <div
-          class="emotion-12"
+          class="emotion-9"
         >
           <div
             class="emotion-3"
@@ -563,103 +530,98 @@ exports[`MonthWrapper > should render correctly 1`] = `
               data-testid="icon-button-month_forward"
               type="button"
             >
-              <div
-                class="emotion-5"
-                data-slot="icon"
+              <svg
+                class="properties_color_active_base__146hxcf23a properties_height_5_base__146hxcf74 properties_width_5_base__146hxcf4c"
+                data-ictinus="test-version"
+                viewBox="0 0 20 20"
+                xmlns="http://www.w3.org/2000/svg"
               >
-                <svg
-                  class="emotion-6"
-                  fill="none"
-                  viewBox="0 0 20 20"
-                  xmlns="http://www.w3.org/2000/svg"
-                >
-                  <path
-                    clip-rule="evenodd"
-                    d="M9.64018 13.6332C8.98886 14.176 8 13.7128 8 12.865V7.13504C8 6.2872 8.98886 5.82405 9.64018 6.36682L13.0781 9.23178C13.5579 9.63157 13.5579 10.3684 13.0781 10.7682L9.64018 13.6332Z"
-                    fill="#6265AD"
-                    fill-rule="evenodd"
-                  />
-                </svg>
-              </div>
+                <path
+                  clip-rule="evenodd"
+                  d="M9.64018 13.6332C8.98886 14.176 8 13.7128 8 12.865V7.13504C8 6.2872 8.98886 5.82405 9.64018 6.36682L13.0781 9.23178C13.5579 9.63157 13.5579 10.3684 13.0781 10.7682L9.64018 13.6332Z"
+                  fill="currentColor"
+                  fill-rule="evenodd"
+                />
+              </svg>
             </button>
           </div>
         </div>
       </div>
     </div>
     <div
-      class="emotion-17"
+      class="emotion-12"
     >
       <div
-        class="emotion-18"
+        class="emotion-13"
       >
         Mo
       </div>
       <div
-        class="emotion-18"
+        class="emotion-13"
       >
         Tu
       </div>
       <div
-        class="emotion-18"
+        class="emotion-13"
       >
         We
       </div>
       <div
-        class="emotion-18"
+        class="emotion-13"
       >
         Th
       </div>
       <div
-        class="emotion-18"
+        class="emotion-13"
       >
         Fr
       </div>
       <div
-        class="emotion-18"
+        class="emotion-13"
       >
         Sa
       </div>
       <div
-        class="emotion-18"
+        class="emotion-13"
       >
         Su
       </div>
     </div>
     <table
-      class="emotion-25"
+      class="emotion-20"
       data-testid="calendar_table"
       tabindex="0"
     >
       <tbody>
         <tr>
           <td
-            class="emotion-26"
+            class="emotion-21"
           />
           <td
-            class="emotion-26"
+            class="emotion-21"
           />
           <td
-            class="emotion-26"
+            class="emotion-21"
           />
           <td
-            class="emotion-26"
+            class="emotion-21"
           />
           <td
-            class="emotion-26"
+            class="emotion-21"
           />
           <td
-            class="emotion-26"
+            class="emotion-21"
           />
           <td
             style="padding: 0px;"
           >
             <div
-              class="emotion-32"
+              class="emotion-27"
               data-testid="1_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-33"
+                class="emotion-28"
               >
                 1
               </div>
@@ -671,12 +633,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-32"
+              class="emotion-27"
               data-testid="2_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-33"
+                class="emotion-28"
               >
                 2
               </div>
@@ -686,12 +648,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-36"
+              class="emotion-31"
               data-testid="3_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-37"
+                class="emotion-32"
               >
                 3
               </div>
@@ -701,12 +663,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-38"
+              class="emotion-33"
               data-testid="4_11_2020_selected"
               tabindex="0"
             >
               <div
-                class="emotion-39"
+                class="emotion-34"
               >
                 4
               </div>
@@ -716,12 +678,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="5_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 5
               </div>
@@ -731,12 +693,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="6_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 6
               </div>
@@ -746,12 +708,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="7_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 7
               </div>
@@ -761,12 +723,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="8_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 8
               </div>
@@ -778,12 +740,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="9_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 9
               </div>
@@ -793,12 +755,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="10_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 10
               </div>
@@ -808,12 +770,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="11_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 11
               </div>
@@ -823,12 +785,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="12_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 12
               </div>
@@ -838,12 +800,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="13_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 13
               </div>
@@ -853,12 +815,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="14_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 14
               </div>
@@ -868,12 +830,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="15_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 15
               </div>
@@ -885,12 +847,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="16_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 16
               </div>
@@ -900,12 +862,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="17_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 17
               </div>
@@ -915,12 +877,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="18_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 18
               </div>
@@ -930,12 +892,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="19_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 19
               </div>
@@ -945,12 +907,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="20_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 20
               </div>
@@ -960,12 +922,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="21_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 21
               </div>
@@ -975,12 +937,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="22_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 22
               </div>
@@ -992,12 +954,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="23_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 23
               </div>
@@ -1007,12 +969,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="24_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 24
               </div>
@@ -1022,12 +984,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="25_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 25
               </div>
@@ -1037,12 +999,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="26_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 26
               </div>
@@ -1052,12 +1014,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="27_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 27
               </div>
@@ -1067,12 +1029,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="28_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 28
               </div>
@@ -1082,12 +1044,12 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="29_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 29
               </div>
@@ -1099,34 +1061,34 @@ exports[`MonthWrapper > should render correctly 1`] = `
             style="padding: 0px;"
           >
             <div
-              class="emotion-40"
+              class="emotion-35"
               data-testid="30_11_2020"
               tabindex="-1"
             >
               <div
-                class="emotion-41"
+                class="emotion-36"
               >
                 30
               </div>
             </div>
           </td>
           <td
-            class="emotion-26"
+            class="emotion-21"
           />
           <td
-            class="emotion-26"
+            class="emotion-21"
           />
           <td
-            class="emotion-26"
+            class="emotion-21"
           />
           <td
-            class="emotion-26"
+            class="emotion-21"
           />
           <td
-            class="emotion-26"
+            class="emotion-21"
           />
           <td
-            class="emotion-26"
+            class="emotion-21"
           />
         </tr>
       </tbody>