@zohodesk/dot 1.9.16 → 1.9.17

package/es/form/fields/RadioField/__tests__/__snapshots__/RadioField.spec.js.snap

@@ -3,19 +3,19 @@
 exports[`RadioField rendering options with isBoxStyle 1`] = `
 <DocumentFragment>
   <div
-    class="container  "
+    class="container"
     data-selector-id="radioField"
   >
     <div
-      class="fieldContainer radiosWrapper  radioContainer"
+      class="fieldContainer radiosWrapper radioContainer"
     >
       <span
-        class=" radioWrap "
+        class="radioWrap"
       >
         <div
           aria-checked="false"
           aria-readonly="false"
-          class="container  pointer hoverEfffect  radioBox primaryTextOnly hoverableRadioBox flex rowdir both"
+          class="flex row alignItems_center justifyContent_center container pointer hoverEfffect radioBox primaryTextOnly hoverableRadioBox"
           data-id="1"
           data-selector-id="container"
           data-test-id="1"
@@ -23,8 +23,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
           tabindex="0"
         >
           <div
-            class="radio  
-            hoverprimary medium filled centerPathprimary    shrinkOff"
+            class="noShrink radio hoverprimary medium filled centerPathprimary"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -51,15 +50,13 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
             </label>
           </div>
           <div
-            class="labelContainer grow basis shrinkOff"
+            class="flexible basis_zero noShrink labelContainer"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
           >
             <label
-              class="label title medium default font_primary
-          dotted cursor  
-                  primaryLabel pointer    "
+              class="label title medium default font_primary dotted cursor primaryLabel pointer"
               data-id="Chennai_label"
               data-selector-id="label"
               data-test-id="Chennai_label"
@@ -71,12 +68,12 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
         </div>
       </span>
       <span
-        class=" radioWrap "
+        class="radioWrap"
       >
         <div
           aria-checked="false"
           aria-readonly="true"
-          class="container  disabled   radioBox primaryTextOnly flex rowdir both"
+          class="flex row alignItems_center justifyContent_center container disabled radioBox primaryTextOnly"
           data-id="2"
           data-selector-id="container"
           data-test-id="2"
@@ -85,8 +82,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
           tabindex="-1"
         >
           <div
-            class="radio  
-             medium filled centerPathprimary  disabled  shrinkOff"
+            class="noShrink radio medium filled centerPathprimary disabled"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -113,15 +109,13 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
             </label>
           </div>
           <div
-            class="labelContainer grow basis shrinkOff"
+            class="flexible basis_zero noShrink labelContainer"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
           >
             <label
-              class="label title medium default font_primary
-          dotted cursor  disabled
-                  primaryLabel     "
+              class="label title medium default font_primary dotted cursor disabled primaryLabel"
               data-id="Mumbai_label"
               data-selector-id="label"
               data-test-id="Mumbai_label"
@@ -133,12 +127,12 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
         </div>
       </span>
       <span
-        class=" radioWrap "
+        class="radioWrap"
       >
         <div
           aria-checked="false"
           aria-readonly="false"
-          class="container  pointer hoverEfffect  radioBox primaryTextOnly hoverableRadioBox flex rowdir both"
+          class="flex row alignItems_center justifyContent_center container pointer hoverEfffect radioBox primaryTextOnly hoverableRadioBox"
           data-id="3"
           data-selector-id="container"
           data-test-id="3"
@@ -146,8 +140,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
           tabindex="-1"
         >
           <div
-            class="radio  
-            hoverprimary medium filled centerPathprimary    shrinkOff"
+            class="noShrink radio hoverprimary medium filled centerPathprimary"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -174,7 +167,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
             </label>
           </div>
           <div
-            class="labelContainer grow basis shrinkOff"
+            class="flexible basis_zero noShrink labelContainer"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -185,9 +178,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
               data-test-id="flex"
             >
               <label
-                class="label title medium default font_primary
-          dotted cursor  
-                  primaryLabel pointer    "
+                class="label title medium default font_primary dotted cursor primaryLabel pointer"
                 data-id="Delhi_label"
                 data-selector-id="label"
                 data-test-id="Delhi_label"
@@ -202,7 +193,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
               >
                 <i
                   aria-hidden="true"
-                  class="zd_font_icons basic icon-info  infoIcon  "
+                  class="zd_font_icons basic icon-info infoIcon"
                   data-id="fontIcon"
                   data-selector-id="fontIcon"
                   data-test-id="fontIcon"
@@ -215,12 +206,12 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
         </div>
       </span>
       <span
-        class=" radioWrap "
+        class="radioWrap"
       >
         <div
           aria-checked="false"
           aria-readonly="false"
-          class="container  pointer hoverEfffect  radioBox primaryTextOnly hoverableRadioBox flex rowdir both"
+          class="flex row alignItems_center justifyContent_center container pointer hoverEfffect radioBox primaryTextOnly hoverableRadioBox"
           data-id="4"
           data-selector-id="container"
           data-test-id="4"
@@ -228,8 +219,7 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
           tabindex="-1"
         >
           <div
-            class="radio  
-            hoverprimary medium filled centerPathprimary    shrinkOff"
+            class="noShrink radio hoverprimary medium filled centerPathprimary"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -256,15 +246,13 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
             </label>
           </div>
           <div
-            class="labelContainer grow basis shrinkOff"
+            class="flexible basis_zero noShrink labelContainer"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
           >
             <label
-              class="label title medium default font_primary
-          dotted cursor  
-                  primaryLabel pointer    "
+              class="label title medium default font_primary dotted cursor primaryLabel pointer"
               data-id="Kolkata_label"
               data-selector-id="label"
               data-test-id="Kolkata_label"
@@ -283,11 +271,11 @@ exports[`RadioField rendering options with isBoxStyle 1`] = `
 exports[`RadioField rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="container  "
+    class="container"
     data-selector-id="radioField"
   >
     <div
-      class="fieldContainer   radioContainer"
+      class="fieldContainer radioContainer"
     />
   </div>
 </DocumentFragment>
@@ -296,19 +284,19 @@ exports[`RadioField rendering the defult props 1`] = `
 exports[`RadioField rendering with options 1`] = `
 <DocumentFragment>
   <div
-    class="container  "
+    class="container"
     data-selector-id="radioField"
   >
     <div
-      class="fieldContainer   radioContainer"
+      class="fieldContainer radioContainer"
     >
       <span
-        class="radio radioWrap "
+        class="radio radioWrap"
       >
         <div
           aria-checked="false"
           aria-readonly="false"
-          class="container  pointer hoverEfffect   flex rowdir both"
+          class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
           data-id="1"
           data-selector-id="container"
           data-test-id="1"
@@ -316,8 +304,7 @@ exports[`RadioField rendering with options 1`] = `
           tabindex="0"
         >
           <div
-            class="radio  
-            hoverprimary medium filled centerPathprimary    shrinkOff"
+            class="noShrink radio hoverprimary medium filled centerPathprimary"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -344,15 +331,13 @@ exports[`RadioField rendering with options 1`] = `
             </label>
           </div>
           <div
-            class="labelContainer grow basis shrinkOff"
+            class="flexible basis_zero noShrink labelContainer"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
           >
             <label
-              class="label title medium default font_primary
-          dotted cursor  
-                  primaryLabel pointer    "
+              class="label title medium default font_primary dotted cursor primaryLabel pointer"
               data-id="Chennai_label"
               data-selector-id="label"
               data-test-id="Chennai_label"
@@ -364,12 +349,12 @@ exports[`RadioField rendering with options 1`] = `
         </div>
       </span>
       <span
-        class="radio radioWrap "
+        class="radio radioWrap"
       >
         <div
           aria-checked="false"
           aria-readonly="true"
-          class="container  disabled    flex rowdir both"
+          class="flex row alignItems_center justifyContent_center container disabled"
           data-id="2"
           data-selector-id="container"
           data-test-id="2"
@@ -378,8 +363,7 @@ exports[`RadioField rendering with options 1`] = `
           tabindex="-1"
         >
           <div
-            class="radio  
-             medium filled centerPathprimary  disabled  shrinkOff"
+            class="noShrink radio medium filled centerPathprimary disabled"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -406,15 +390,13 @@ exports[`RadioField rendering with options 1`] = `
             </label>
           </div>
           <div
-            class="labelContainer grow basis shrinkOff"
+            class="flexible basis_zero noShrink labelContainer"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
           >
             <label
-              class="label title medium default font_primary
-          dotted cursor  disabled
-                  primaryLabel     "
+              class="label title medium default font_primary dotted cursor disabled primaryLabel"
               data-id="Mumbai_label"
               data-selector-id="label"
               data-test-id="Mumbai_label"
@@ -426,12 +408,12 @@ exports[`RadioField rendering with options 1`] = `
         </div>
       </span>
       <span
-        class="radio radioWrap "
+        class="radio radioWrap"
       >
         <div
           aria-checked="false"
           aria-readonly="false"
-          class="container  pointer hoverEfffect   flex rowdir both"
+          class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
           data-id="3"
           data-selector-id="container"
           data-test-id="3"
@@ -439,8 +421,7 @@ exports[`RadioField rendering with options 1`] = `
           tabindex="-1"
         >
           <div
-            class="radio  
-            hoverprimary medium filled centerPathprimary    shrinkOff"
+            class="noShrink radio hoverprimary medium filled centerPathprimary"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -467,7 +448,7 @@ exports[`RadioField rendering with options 1`] = `
             </label>
           </div>
           <div
-            class="labelContainer grow basis shrinkOff"
+            class="flexible basis_zero noShrink labelContainer"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -478,9 +459,7 @@ exports[`RadioField rendering with options 1`] = `
               data-test-id="flex"
             >
               <label
-                class="label title medium default font_primary
-          dotted cursor  
-                  primaryLabel pointer    "
+                class="label title medium default font_primary dotted cursor primaryLabel pointer"
                 data-id="Delhi_label"
                 data-selector-id="label"
                 data-test-id="Delhi_label"
@@ -495,7 +474,7 @@ exports[`RadioField rendering with options 1`] = `
               >
                 <i
                   aria-hidden="true"
-                  class="zd_font_icons basic icon-info  infoIcon  "
+                  class="zd_font_icons basic icon-info infoIcon"
                   data-id="fontIcon"
                   data-selector-id="fontIcon"
                   data-test-id="fontIcon"
@@ -508,12 +487,12 @@ exports[`RadioField rendering with options 1`] = `
         </div>
       </span>
       <span
-        class="radio radioWrap "
+        class="radio radioWrap"
       >
         <div
           aria-checked="false"
           aria-readonly="false"
-          class="container  pointer hoverEfffect   flex rowdir both"
+          class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
           data-id="4"
           data-selector-id="container"
           data-test-id="4"
@@ -521,8 +500,7 @@ exports[`RadioField rendering with options 1`] = `
           tabindex="-1"
         >
           <div
-            class="radio  
-            hoverprimary medium filled centerPathprimary    shrinkOff"
+            class="noShrink radio hoverprimary medium filled centerPathprimary"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -549,15 +527,13 @@ exports[`RadioField rendering with options 1`] = `
             </label>
           </div>
           <div
-            class="labelContainer grow basis shrinkOff"
+            class="flexible basis_zero noShrink labelContainer"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
           >
             <label
-              class="label title medium default font_primary
-          dotted cursor  
-                  primaryLabel pointer    "
+              class="label title medium default font_primary dotted cursor primaryLabel pointer"
               data-id="Kolkata_label"
               data-selector-id="label"
               data-test-id="Kolkata_label"
@@ -576,19 +552,19 @@ exports[`RadioField rendering with options 1`] = `
 exports[`RadioField rendering with secondaryTextOptions & isBoxStyle 1`] = `
 <DocumentFragment>
   <div
-    class="container  "
+    class="container"
     data-selector-id="radioField"
   >
     <div
-      class="fieldContainer radiosWrapper  radioContainer"
+      class="fieldContainer radiosWrapper radioContainer"
     >
       <span
-        class=" radioWrap "
+        class="radioWrap"
       >
         <div
           aria-checked="false"
           aria-readonly="false"
-          class="container  pointer hoverEfffect  radioBox withSecondaryText hoverableRadioBox flex rowdir both"
+          class="flex row alignItems_center justifyContent_center container pointer hoverEfffect radioBox withSecondaryText hoverableRadioBox"
           data-id="1"
           data-selector-id="container"
           data-test-id="1"
@@ -596,8 +572,7 @@ exports[`RadioField rendering with secondaryTextOptions & isBoxStyle 1`] = `
           tabindex="0"
         >
           <div
-            class="radio  
-            hoverprimary medium filled centerPathprimary   withSecondaryText shrinkOff selfStart"
+            class="noShrink alignSelf_start radio hoverprimary medium filled centerPathprimary withSecondaryText"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -624,15 +599,13 @@ exports[`RadioField rendering with secondaryTextOptions & isBoxStyle 1`] = `
             </label>
           </div>
           <div
-            class="labelContainer grow basis shrinkOff"
+            class="flexible basis_zero noShrink labelContainer"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
           >
             <label
-              class="label title medium default font_primary
-          dotted cursor  
-                  primaryLabel pointer    "
+              class="label title medium default font_primary dotted cursor primaryLabel pointer"
               data-id="Chennai_label"
               data-selector-id="label"
               data-test-id="Chennai_label"
@@ -641,7 +614,7 @@ exports[`RadioField rendering with secondaryTextOptions & isBoxStyle 1`] = `
               Chennai
             </label>
             <div
-              class="size12 lineheight_1_2 secondaryText "
+              class="size12 lineheight_1_2 secondaryText"
               data-title="Tamil Nadu Capital"
             >
               Tamil Nadu Capital
@@ -650,12 +623,12 @@ exports[`RadioField rendering with secondaryTextOptions & isBoxStyle 1`] = `
         </div>
       </span>
       <span
-        class=" radioWrap "
+        class="radioWrap"
       >
         <div
           aria-checked="false"
           aria-readonly="true"
-          class="container  disabled   radioBox withSecondaryText flex rowdir both"
+          class="flex row alignItems_center justifyContent_center container disabled radioBox withSecondaryText"
           data-id="2"
           data-selector-id="container"
           data-test-id="2"
@@ -664,8 +637,7 @@ exports[`RadioField rendering with secondaryTextOptions & isBoxStyle 1`] = `
           tabindex="-1"
         >
           <div
-            class="radio  
-             medium filled centerPathprimary  disabled withSecondaryText shrinkOff selfStart"
+            class="noShrink alignSelf_start radio medium filled centerPathprimary disabled withSecondaryText"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -692,15 +664,13 @@ exports[`RadioField rendering with secondaryTextOptions & isBoxStyle 1`] = `
             </label>
           </div>
           <div
-            class="labelContainer grow basis shrinkOff"
+            class="flexible basis_zero noShrink labelContainer"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
           >
             <label
-              class="label title medium default font_primary
-          dotted cursor  disabled
-                  primaryLabel     "
+              class="label title medium default font_primary dotted cursor disabled primaryLabel"
               data-id="Mumbai_label"
               data-selector-id="label"
               data-test-id="Mumbai_label"
@@ -709,7 +679,7 @@ exports[`RadioField rendering with secondaryTextOptions & isBoxStyle 1`] = `
               Mumbai
             </label>
             <div
-              class="size12 lineheight_1_2 secondaryText "
+              class="size12 lineheight_1_2 secondaryText"
             >
               Maharashtra Capital
             </div>
@@ -717,12 +687,12 @@ exports[`RadioField rendering with secondaryTextOptions & isBoxStyle 1`] = `
         </div>
       </span>
       <span
-        class=" radioWrap "
+        class="radioWrap"
       >
         <div
           aria-checked="false"
           aria-readonly="false"
-          class="container  pointer hoverEfffect  radioBox withSecondaryText hoverableRadioBox flex rowdir both"
+          class="flex row alignItems_center justifyContent_center container pointer hoverEfffect radioBox withSecondaryText hoverableRadioBox"
           data-id="3"
           data-selector-id="container"
           data-test-id="3"
@@ -730,8 +700,7 @@ exports[`RadioField rendering with secondaryTextOptions & isBoxStyle 1`] = `
           tabindex="-1"
         >
           <div
-            class="radio  
-            hoverprimary medium filled centerPathprimary   withSecondaryText shrinkOff selfStart"
+            class="noShrink alignSelf_start radio hoverprimary medium filled centerPathprimary withSecondaryText"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -758,7 +727,7 @@ exports[`RadioField rendering with secondaryTextOptions & isBoxStyle 1`] = `
             </label>
           </div>
           <div
-            class="labelContainer grow basis shrinkOff"
+            class="flexible basis_zero noShrink labelContainer"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -769,9 +738,7 @@ exports[`RadioField rendering with secondaryTextOptions & isBoxStyle 1`] = `
               data-test-id="flex"
             >
               <label
-                class="label title medium default font_primary
-          dotted cursor  
-                  primaryLabel pointer    "
+                class="label title medium default font_primary dotted cursor primaryLabel pointer"
                 data-id="Delhi_label"
                 data-selector-id="label"
                 data-test-id="Delhi_label"
@@ -786,7 +753,7 @@ exports[`RadioField rendering with secondaryTextOptions & isBoxStyle 1`] = `
               >
                 <i
                   aria-hidden="true"
-                  class="zd_font_icons basic icon-info  infoIcon  "
+                  class="zd_font_icons basic icon-info infoIcon"
                   data-id="fontIcon"
                   data-selector-id="fontIcon"
                   data-test-id="fontIcon"
@@ -796,7 +763,7 @@ exports[`RadioField rendering with secondaryTextOptions & isBoxStyle 1`] = `
               </div>
             </div>
             <div
-              class="size12 lineheight_1_2 secondaryText "
+              class="size12 lineheight_1_2 secondaryText"
               data-title="Capital of India"
             >
               Capital of India
@@ -812,19 +779,19 @@ exports[`RadioField rendering with secondaryTextOptions & isBoxStyle 1`] = `
 exports[`RadioField rendering with secondaryTextOptions 1`] = `
 <DocumentFragment>
   <div
-    class="container  "
+    class="container"
     data-selector-id="radioField"
   >
     <div
-      class="fieldContainer   radioContainer"
+      class="fieldContainer radioContainer"
     >
       <span
-        class="radio radioWrap "
+        class="radio radioWrap"
       >
         <div
           aria-checked="false"
           aria-readonly="false"
-          class="container  pointer hoverEfffect   flex rowdir both"
+          class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
           data-id="1"
           data-selector-id="container"
           data-test-id="1"
@@ -832,8 +799,7 @@ exports[`RadioField rendering with secondaryTextOptions 1`] = `
           tabindex="0"
         >
           <div
-            class="radio  
-            hoverprimary medium filled centerPathprimary   withSecondaryText shrinkOff selfStart"
+            class="noShrink alignSelf_start radio hoverprimary medium filled centerPathprimary withSecondaryText"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -860,15 +826,13 @@ exports[`RadioField rendering with secondaryTextOptions 1`] = `
             </label>
           </div>
           <div
-            class="labelContainer grow basis shrinkOff"
+            class="flexible basis_zero noShrink labelContainer"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
           >
             <label
-              class="label title medium default font_primary
-          dotted cursor  
-                  primaryLabel pointer    "
+              class="label title medium default font_primary dotted cursor primaryLabel pointer"
               data-id="Chennai_label"
               data-selector-id="label"
               data-test-id="Chennai_label"
@@ -877,7 +841,7 @@ exports[`RadioField rendering with secondaryTextOptions 1`] = `
               Chennai
             </label>
             <div
-              class="size12 lineheight_1_2 secondaryText "
+              class="size12 lineheight_1_2 secondaryText"
               data-title="Tamil Nadu Capital"
             >
               Tamil Nadu Capital
@@ -886,12 +850,12 @@ exports[`RadioField rendering with secondaryTextOptions 1`] = `
         </div>
       </span>
       <span
-        class="radio radioWrap "
+        class="radio radioWrap"
       >
         <div
           aria-checked="false"
           aria-readonly="true"
-          class="container  disabled    flex rowdir both"
+          class="flex row alignItems_center justifyContent_center container disabled"
           data-id="2"
           data-selector-id="container"
           data-test-id="2"
@@ -900,8 +864,7 @@ exports[`RadioField rendering with secondaryTextOptions 1`] = `
           tabindex="-1"
         >
           <div
-            class="radio  
-             medium filled centerPathprimary  disabled withSecondaryText shrinkOff selfStart"
+            class="noShrink alignSelf_start radio medium filled centerPathprimary disabled withSecondaryText"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -928,15 +891,13 @@ exports[`RadioField rendering with secondaryTextOptions 1`] = `
             </label>
           </div>
           <div
-            class="labelContainer grow basis shrinkOff"
+            class="flexible basis_zero noShrink labelContainer"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
           >
             <label
-              class="label title medium default font_primary
-          dotted cursor  disabled
-                  primaryLabel     "
+              class="label title medium default font_primary dotted cursor disabled primaryLabel"
               data-id="Mumbai_label"
               data-selector-id="label"
               data-test-id="Mumbai_label"
@@ -945,7 +906,7 @@ exports[`RadioField rendering with secondaryTextOptions 1`] = `
               Mumbai
             </label>
             <div
-              class="size12 lineheight_1_2 secondaryText "
+              class="size12 lineheight_1_2 secondaryText"
             >
               Maharashtra Capital
             </div>
@@ -953,12 +914,12 @@ exports[`RadioField rendering with secondaryTextOptions 1`] = `
         </div>
       </span>
       <span
-        class="radio radioWrap "
+        class="radio radioWrap"
       >
         <div
           aria-checked="false"
           aria-readonly="false"
-          class="container  pointer hoverEfffect   flex rowdir both"
+          class="flex row alignItems_center justifyContent_center container pointer hoverEfffect"
           data-id="3"
           data-selector-id="container"
           data-test-id="3"
@@ -966,8 +927,7 @@ exports[`RadioField rendering with secondaryTextOptions 1`] = `
           tabindex="-1"
         >
           <div
-            class="radio  
-            hoverprimary medium filled centerPathprimary   withSecondaryText shrinkOff selfStart"
+            class="noShrink alignSelf_start radio hoverprimary medium filled centerPathprimary withSecondaryText"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -994,7 +954,7 @@ exports[`RadioField rendering with secondaryTextOptions 1`] = `
             </label>
           </div>
           <div
-            class="labelContainer grow basis shrinkOff"
+            class="flexible basis_zero noShrink labelContainer"
             data-id="boxComponent"
             data-selector-id="box"
             data-test-id="boxComponent"
@@ -1005,9 +965,7 @@ exports[`RadioField rendering with secondaryTextOptions 1`] = `
               data-test-id="flex"
             >
               <label
-                class="label title medium default font_primary
-          dotted cursor  
-                  primaryLabel pointer    "
+                class="label title medium default font_primary dotted cursor primaryLabel pointer"
                 data-id="Delhi_label"
                 data-selector-id="label"
                 data-test-id="Delhi_label"
@@ -1022,7 +980,7 @@ exports[`RadioField rendering with secondaryTextOptions 1`] = `
               >
                 <i
                   aria-hidden="true"
-                  class="zd_font_icons basic icon-info  infoIcon  "
+                  class="zd_font_icons basic icon-info infoIcon"
                   data-id="fontIcon"
                   data-selector-id="fontIcon"
                   data-test-id="fontIcon"
@@ -1032,7 +990,7 @@ exports[`RadioField rendering with secondaryTextOptions 1`] = `
               </div>
             </div>
             <div
-              class="size12 lineheight_1_2 secondaryText "
+              class="size12 lineheight_1_2 secondaryText"
               data-title="Capital of India"
             >
               Capital of India