@zohodesk/components 1.6.24 → 1.6.26

package/es/Select/__tests__/__snapshots__/SelectWithAvatar.spec.js.snap

@@ -9,13 +9,13 @@ exports[`SelectWithAvatar rendering the defult props 1`] = `
     data-test-id="selectWithAvatar"
   >
     <div
-      class="flex fullSize row alignItems_center container medium borderColor_default hasBorder"
+      class="d-flex d-h-full d-w-full d-flex-row d-items-center container medium borderColor_default hasBorder"
       data-id="containerComponent"
       data-selector-id="container"
       data-test-id="containerComponent"
     >
       <div
-        class="flexible basis_zero noShrink"
+        class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0"
         data-id="selectWithAvatar_textBox"
         data-selector-id="box"
         data-test-id="selectWithAvatar_textBox"

package/es/Select/__tests__/__snapshots__/SelectWithIcon.spec.js.snap

@@ -12,29 +12,29 @@ exports[`SelectWithIcon rendering the defult props 1`] = `
       data-test-id="selectWithIcon"
     >
       <div
-        class="flex fullSize row"
+        class="d-flex d-h-full d-w-full d-flex-row"
         data-id="containerComponent"
         data-selector-id="container"
         data-test-id="containerComponent"
       >
         <div
-          class="flex fullSize column alignItems_center justifyContent_center leftIcon"
+          class="d-flex d-h-full d-w-full d-flex-col d-items-center d-justify-center leftIcon"
           data-id="containerComponent"
           data-selector-id="container"
           data-test-id="containerComponent"
         />
         <div
-          class="flexible basis_zero noShrink"
+          class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0"
           data-id="boxComponent"
           data-selector-id="box"
           data-test-id="boxComponent"
         >
           <div
-            class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder container input iconSelect"
+            class="d-flex d-flex-row varClass customContainer border_bottom effect borderColor_default hasBorder container input iconSelect"
             data-selector-id="textBoxIcon"
           >
             <div
-              class="flexible basis_zero noShrink"
+              class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
@@ -59,32 +59,32 @@ exports[`SelectWithIcon rendering the defult props 1`] = `
               />
             </div>
             <div
-              class="noShrink iconContainer"
+              class="d-flex-shrink-0 iconContainer"
               data-id="boxComponent"
               data-selector-id="box"
               data-test-id="boxComponent"
             >
               <div
-                class="flex fullSize row"
+                class="d-flex d-h-full d-w-full d-flex-row"
                 data-id="containerComponent"
                 data-selector-id="container"
                 data-test-id="containerComponent"
               >
                 <div
-                  class="noShrink icon"
+                  class="d-flex-shrink-0 icon"
                   data-id="boxComponent"
                   data-selector-id="box"
                   data-test-id="boxComponent"
                 >
                   <div
-                    class="inlineFlex alignItems_center justifyContent_center rightPlaceholder"
+                    class="d-inline-flex d-items-center d-justify-center rightPlaceholder"
                     data-id="selectWithIcon_downIcon"
                     data-selector-id="container"
                     data-test-id="selectWithIcon_downIcon"
                   >
                     <i
                       aria-hidden="true"
-                      class="zd_font_icons basic icon-down"
+                      class="zd_font_icons ff icon-down basic d-inline-block d-align-middle"
                       data-id="fontIcon"
                       data-selector-id="fontIcon"
                       data-test-id="fontIcon"

package/es/Switch/Switch.js

@@ -92,9 +92,4 @@ export default class Switch extends React.Component {
 
 }
 Switch.defaultProps = defaultProps;
-Switch.propTypes = propTypes; // if (__DOCS__) {
-//   Switch.docs = {
-//     componentGroup: 'Form Elements',
-//     folderName: 'Style Guide'
-//   };
-// }
+Switch.propTypes = propTypes;

package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap

@@ -4,14 +4,14 @@ exports[`Switch rendering the CustomClass 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container effect SwtichCustomSwitchWrap"
+    class="d-inline-flex d-flex-row d-items-center container effect SwtichCustomSwitchWrap"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
     role="switch"
   >
     <div
-      class="noShrink switch_medium SwtichCustomSwitchSize"
+      class="d-flex-shrink-0 switch_medium SwtichCustomSwitchSize"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -45,7 +45,7 @@ exports[`Switch rendering the CustomProps 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container effect"
+    class="d-inline-flex d-flex-row d-items-center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-switch="true"
@@ -53,7 +53,7 @@ exports[`Switch rendering the CustomProps 1`] = `
     role="switch"
   >
     <div
-      class="noShrink switch_medium"
+      class="d-flex-shrink-0 switch_medium"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -88,14 +88,14 @@ exports[`Switch rendering the ID 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container effect"
+    class="d-inline-flex d-flex-row d-items-center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
     role="switch"
   >
     <div
-      class="noShrink switch_medium"
+      class="d-flex-shrink-0 switch_medium"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -129,14 +129,14 @@ exports[`Switch rendering the Name 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container effect"
+    class="d-inline-flex d-flex-row d-items-center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
     role="switch"
   >
     <div
-      class="noShrink switch_medium"
+      class="d-flex-shrink-0 switch_medium"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -162,7 +162,7 @@ exports[`Switch rendering the Title 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container effect"
+    class="d-inline-flex d-flex-row d-items-center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
@@ -170,7 +170,7 @@ exports[`Switch rendering the Title 1`] = `
     role="switch"
   >
     <div
-      class="noShrink switch_medium"
+      class="d-flex-shrink-0 switch_medium"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -195,14 +195,14 @@ exports[`Switch rendering the Value 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container effect"
+    class="d-inline-flex d-flex-row d-items-center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
     role="switch"
   >
     <div
-      class="noShrink switch_medium"
+      class="d-flex-shrink-0 switch_medium"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -227,14 +227,14 @@ exports[`Switch rendering the checked 1`] = `
 <DocumentFragment>
   <div
     aria-checked="true"
-    class="inlineFlex row alignItems_center container effect"
+    class="d-inline-flex d-flex-row d-items-center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
     role="switch"
   >
     <div
-      class="noShrink switch_medium"
+      class="d-flex-shrink-0 switch_medium"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -260,14 +260,14 @@ exports[`Switch rendering the dataId 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container effect"
+    class="d-inline-flex d-flex-row d-items-center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
     role="switch"
   >
     <div
-      class="noShrink switch_medium"
+      class="d-flex-shrink-0 switch_medium"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -294,14 +294,14 @@ exports[`Switch rendering the defult props 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container effect"
+    class="d-inline-flex d-flex-row d-items-center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
     role="switch"
   >
     <div
-      class="noShrink switch_medium"
+      class="d-flex-shrink-0 switch_medium"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -324,7 +324,7 @@ exports[`Switch rendering the disabled and disableTitle 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container disabled"
+    class="d-inline-flex d-flex-row d-items-center container disabled"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
@@ -332,7 +332,7 @@ exports[`Switch rendering the disabled and disableTitle 1`] = `
     role="switch"
   >
     <div
-      class="noShrink switch_medium"
+      class="d-flex-shrink-0 switch_medium"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -358,14 +358,14 @@ exports[`Switch rendering the isReadOnly 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container readonly"
+    class="d-inline-flex d-flex-row d-items-center container readonly"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
     role="switch"
   >
     <div
-      class="noShrink switch_medium"
+      class="d-flex-shrink-0 switch_medium"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -389,14 +389,14 @@ exports[`Switch rendering the labelSize of- danger 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container effect"
+    class="d-inline-flex d-flex-row d-items-center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
     role="switch"
   >
     <div
-      class="noShrink switch_medium"
+      class="d-flex-shrink-0 switch_medium"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -430,14 +430,14 @@ exports[`Switch rendering the labelSize of- default 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container effect"
+    class="d-inline-flex d-flex-row d-items-center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
     role="switch"
   >
     <div
-      class="noShrink switch_medium"
+      class="d-flex-shrink-0 switch_medium"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -471,14 +471,14 @@ exports[`Switch rendering the labelSize of- large 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container effect"
+    class="d-inline-flex d-flex-row d-items-center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
     role="switch"
   >
     <div
-      class="noShrink switch_medium"
+      class="d-flex-shrink-0 switch_medium"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -512,14 +512,14 @@ exports[`Switch rendering the labelSize of- mandatory 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container effect"
+    class="d-inline-flex d-flex-row d-items-center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
     role="switch"
   >
     <div
-      class="noShrink switch_medium"
+      class="d-flex-shrink-0 switch_medium"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -553,14 +553,14 @@ exports[`Switch rendering the labelSize of- medium 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container effect"
+    class="d-inline-flex d-flex-row d-items-center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
     role="switch"
   >
     <div
-      class="noShrink switch_medium"
+      class="d-flex-shrink-0 switch_medium"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -594,14 +594,14 @@ exports[`Switch rendering the labelSize of- primary 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container effect"
+    class="d-inline-flex d-flex-row d-items-center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
     role="switch"
   >
     <div
-      class="noShrink switch_medium"
+      class="d-flex-shrink-0 switch_medium"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -635,14 +635,14 @@ exports[`Switch rendering the labelSize of- secondary 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container effect"
+    class="d-inline-flex d-flex-row d-items-center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
     role="switch"
   >
     <div
-      class="noShrink switch_medium"
+      class="d-flex-shrink-0 switch_medium"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -676,14 +676,14 @@ exports[`Switch rendering the labelSize of- small 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container effect"
+    class="d-inline-flex d-flex-row d-items-center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
     role="switch"
   >
     <div
-      class="noShrink switch_medium"
+      class="d-flex-shrink-0 switch_medium"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -717,14 +717,14 @@ exports[`Switch rendering the size of- medium 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container effect"
+    class="d-inline-flex d-flex-row d-items-center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
     role="switch"
   >
     <div
-      class="noShrink switch_medium"
+      class="d-flex-shrink-0 switch_medium"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -749,14 +749,14 @@ exports[`Switch rendering the size of- small 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container effect"
+    class="d-inline-flex d-flex-row d-items-center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
     role="switch"
   >
     <div
-      class="noShrink switch_small"
+      class="d-flex-shrink-0 switch_small"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"
@@ -781,14 +781,14 @@ exports[`Switch rendering the text 1`] = `
 <DocumentFragment>
   <div
     aria-checked="false"
-    class="inlineFlex row alignItems_center container effect"
+    class="d-inline-flex d-flex-row d-items-center container effect"
     data-id="containerComponent"
     data-selector-id="switch"
     data-test-id="containerComponent"
     role="switch"
   >
     <div
-      class="noShrink switch_medium"
+      class="d-flex-shrink-0 switch_medium"
       data-id="boxComponent"
       data-selector-id="box"
       data-test-id="boxComponent"

package/es/Tab/Tab.js

@@ -104,9 +104,4 @@ export default function Tab({
   }, children) : null));
 }
 Tab.defaultProps = Tab_defaultProps;
-Tab.propTypes = Tab_propTypes; // if (__DOCS__) {
-//   Tab.docs = {
-//     componentGroup: 'Tab',
-//     folderName: 'Style Guide'
-//   };
-// }
+Tab.propTypes = Tab_propTypes;

package/es/Tab/__tests__/__snapshots__/Tab.spec.js.snap

@@ -4,7 +4,7 @@ exports[`Tab rendering the defult props 1`] = `
 <DocumentFragment>
   <div
     aria-selected="false"
-    class="basis_auto noShrink tab horizontal"
+    class="d-basis-auto d-flex-shrink-0 tab horizontal"
     data-id="tabMenu_Tab"
     data-selector-id="tab"
     data-test-id="tabMenu_Tab"
@@ -12,7 +12,7 @@ exports[`Tab rendering the defult props 1`] = `
     tabindex="0"
   >
     <div
-      class="flex fullSize row alignItems_center justifyContent_center textContainer"
+      class="d-flex d-h-full d-w-full d-flex-row d-items-center d-justify-center textContainer"
       data-id="containerComponent"
       data-selector-id="container"
       data-test-id="containerComponent"

package/es/Tab/__tests__/__snapshots__/TabContent.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`TabContent rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="flex fullSize column container"
+    class="d-flex d-h-full d-w-full d-flex-col container"
     data-id="tabContent_TabContent"
     data-scroll="true"
     data-selector-id="tabContent"

package/es/Tab/__tests__/__snapshots__/TabContentWrapper.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`TabContentWrapper rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="flexible basis_zero noShrink"
+    class="d-min-h-0 d-min-w-0 d-flex-grow d-basis-0 d-flex-shrink-0"
     data-id="boxComponent"
     data-selector-id="tabContentWrapper"
     data-test-id="boxComponent"