@zohodesk/components 1.6.25 → 1.6.27

package/lib/Textarea/Textarea.js

@@ -160,11 +160,4 @@ var Textarea = /*#__PURE__*/function (_React$Component) {
 
 exports["default"] = Textarea;
 Textarea.defaultProps = _defaultProps.defaultProps;
-Textarea.propTypes = _propTypes.propTypes; // if (__DOCS__) {
-//   Textarea.docs = {
-//     componentGroup: 'Form Elements',
-//     folderName: 'Style Guide',
-//     external: true,
-//     description: ' '
-//   };
-// }
+Textarea.propTypes = _propTypes.propTypes;

package/lib/Tooltip/Tooltip.js

@@ -591,11 +591,4 @@ var Tooltip = /*#__PURE__*/function (_React$Component) {
 
 exports["default"] = Tooltip;
 Tooltip.propTypes = _propTypes.propTypes;
-Tooltip.defaultProps = _defaultProps.defaultProps; // if (__DOCS__) {
-//   Tooltip.docs = {
-//     componentGroup: 'Atom',
-//     folderName: 'Style Guide',
-//     description: ' ',
-//     external: true
-//   };
-// }
+Tooltip.defaultProps = _defaultProps.defaultProps;

package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js

@@ -119,8 +119,4 @@ var VelocityAnimation = /*#__PURE__*/function (_React$Component) {
 exports["default"] = VelocityAnimation;
 VelocityAnimation.defaultProps = _defaultProps.defaultProps;
 VelocityAnimation.propTypes = _propTypes.propTypes;
-VelocityAnimation.contextType = _LibraryContextInit["default"]; // if (__DOCS__) {
-//   VelocityAnimation.docs = {
-//     componentGroup: 'Animation'
-//   };
-// }
+VelocityAnimation.contextType = _LibraryContextInit["default"];

package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js

@@ -209,8 +209,4 @@ VelocityAnimationGroup.defaultProps = _objectSpread(_objectSpread({}, _defaultPr
   component: _react["default"].Fragment
 });
 VelocityAnimationGroup.propTypes = _propTypes.propTypes;
-VelocityAnimationGroup.contextType = _LibraryContextInit["default"]; // if (__DOCS__) {
-//   VelocityAnimationGroup.docs = {
-//     componentGroup: 'Animation'
-//   };
-// }
+VelocityAnimationGroup.contextType = _LibraryContextInit["default"];

package/lib/semantic/Button/Button.js

@@ -98,9 +98,4 @@ var Button = /*#__PURE__*/function (_React$Component) {
 
 exports["default"] = Button;
 Button.defaultProps = _defaultProps.defaultProps;
-Button.propTypes = _propTypes.propTypes; // if (__DOCS__) {
-//   Button.docs = {
-//     componentGroup: 'semantic',
-//     folderName: 'DefaultComponents'
-//   };
-// }
+Button.propTypes = _propTypes.propTypes;

package/lib/shared/ArrowIcon/__tests__/__snapshots__/ArrowIcon.spec.js.snap

@@ -4,14 +4,14 @@ exports[`ArrowIcon Should be render isActive is true 1`] = `
 <DocumentFragment>
   <div
     aria-hidden="true"
-    class="inlineFlex column alignItems_center justifyContent_center arrowIcon active"
+    class="d-inline-flex d-flex-col d-items-center d-justify-center arrowIcon active"
     data-id="undefined_downIcon"
     data-selector-id="container"
     data-test-id="undefined_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"
@@ -25,14 +25,14 @@ exports[`ArrowIcon Should be render isDisabled is true 1`] = `
 <DocumentFragment>
   <div
     aria-hidden="true"
-    class="inlineFlex column alignItems_center justifyContent_center arrowIcon disabled"
+    class="d-inline-flex d-flex-col d-items-center d-justify-center arrowIcon disabled"
     data-id="undefined_downIcon"
     data-selector-id="container"
     data-test-id="undefined_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"
@@ -46,14 +46,14 @@ exports[`ArrowIcon Should be render isReadOnly is true 1`] = `
 <DocumentFragment>
   <div
     aria-hidden="true"
-    class="inlineFlex column alignItems_center justifyContent_center arrowIcon readonly"
+    class="d-inline-flex d-flex-col d-items-center d-justify-center arrowIcon readonly"
     data-id="undefined_downIcon"
     data-selector-id="container"
     data-test-id="undefined_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"
@@ -67,14 +67,14 @@ exports[`ArrowIcon Should be render isRotated is true 1`] = `
 <DocumentFragment>
   <div
     aria-hidden="true"
-    class="inlineFlex column alignItems_center justifyContent_center arrowIcon rotated"
+    class="d-inline-flex d-flex-col d-items-center d-justify-center arrowIcon rotated"
     data-id="undefined_downIcon"
     data-selector-id="container"
     data-test-id="undefined_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"
@@ -88,7 +88,7 @@ exports[`ArrowIcon Should be render with a11yAttributes 1`] = `
 <DocumentFragment>
   <div
     aria-hidden="true"
-    class="inlineFlex column alignItems_center justifyContent_center arrowIcon"
+    class="d-inline-flex d-flex-col d-items-center d-justify-center arrowIcon"
     data-a11y-focus="true"
     data-id="undefined_downIcon"
     data-selector-id="container"
@@ -96,7 +96,7 @@ exports[`ArrowIcon Should be render with a11yAttributes 1`] = `
   >
     <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"
@@ -110,14 +110,14 @@ exports[`ArrowIcon Should be render with customClass 1`] = `
 <DocumentFragment>
   <div
     aria-hidden="true"
-    class="inlineFlex column alignItems_center justifyContent_center arrowIcon arrowIcon_containerClass"
+    class="d-inline-flex d-flex-col d-items-center d-justify-center arrowIcon arrowIcon_containerClass"
     data-id="undefined_downIcon"
     data-selector-id="container"
     data-test-id="undefined_downIcon"
   >
     <i
       aria-hidden="true"
-      class="zd_font_icons basic icon-down arrowIcon_iconClass"
+      class="zd_font_icons ff icon-down basic d-inline-block d-align-middle arrowIcon_iconClass"
       data-id="fontIcon"
       data-selector-id="fontIcon"
       data-test-id="fontIcon"
@@ -131,14 +131,14 @@ exports[`ArrowIcon Should be render with customProps 1`] = `
 <DocumentFragment>
   <div
     aria-hidden="true"
-    class="inlineFlex column alignItems_center justifyContent_center arrowIcon"
+    class="d-inline-flex d-flex-col d-items-center d-justify-center arrowIcon"
     data-id="undefined_downIcon"
     data-selector-id="container"
     data-test-id="hereIsTestId"
   >
     <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"
@@ -152,14 +152,14 @@ exports[`ArrowIcon Should be render with dataId 1`] = `
 <DocumentFragment>
   <div
     aria-hidden="true"
-    class="inlineFlex column alignItems_center justifyContent_center arrowIcon"
+    class="d-inline-flex d-flex-col d-items-center d-justify-center arrowIcon"
     data-id="ArrowIcon-test-dataId_downIcon"
     data-selector-id="container"
     data-test-id="ArrowIcon-test-dataId_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"
@@ -181,7 +181,7 @@ exports[`ArrowIcon Should be render with tagAttributes 1`] = `
 <DocumentFragment>
   <div
     aria-hidden="true"
-    class="inlineFlex column alignItems_center justifyContent_center arrowIcon"
+    class="d-inline-flex d-flex-col d-items-center d-justify-center arrowIcon"
     data-id="undefined_downIcon"
     data-selector-id="container"
     data-test-id="undefined_downIcon"
@@ -189,7 +189,7 @@ exports[`ArrowIcon Should be render with tagAttributes 1`] = `
   >
     <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"
@@ -203,14 +203,14 @@ exports[`ArrowIcon rendering the defult props 1`] = `
 <DocumentFragment>
   <div
     aria-hidden="true"
-    class="inlineFlex column alignItems_center justifyContent_center arrowIcon"
+    class="d-inline-flex d-flex-col d-items-center d-justify-center arrowIcon"
     data-id="undefined_downIcon"
     data-selector-id="container"
     data-test-id="undefined_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/lib/shared/InputFieldLine/__tests__/__snapshots__/InputFieldLine.spec.js.snap

@@ -3,7 +3,7 @@
 exports[`InputFieldLine Should be render hasEffect is false 1`] = `
 <DocumentFragment>
   <div
-    class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder"
+    class="d-flex d-flex-row varClass customContainer border_bottom effect borderColor_default hasBorder"
     data-selector-id="container"
     data-title=""
   />
@@ -13,7 +13,7 @@ exports[`InputFieldLine Should be render hasEffect is false 1`] = `
 exports[`InputFieldLine Should be render hasPadding is true 1`] = `
 <DocumentFragment>
   <div
-    class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder"
+    class="d-flex d-flex-row varClass customContainer border_bottom effect borderColor_default hasBorder"
     data-selector-id="container"
     data-title=""
   />
@@ -23,7 +23,7 @@ exports[`InputFieldLine Should be render hasPadding is true 1`] = `
 exports[`InputFieldLine Should be render isActive is true 1`] = `
 <DocumentFragment>
   <div
-    class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder active"
+    class="d-flex d-flex-row varClass customContainer border_bottom effect borderColor_default hasBorder active"
     data-selector-id="container"
     data-title=""
   />
@@ -33,7 +33,7 @@ exports[`InputFieldLine Should be render isActive is true 1`] = `
 exports[`InputFieldLine Should be render isDisabled is true 1`] = `
 <DocumentFragment>
   <div
-    class="flex row varClass customContainer border_bottom disabled borderColor_default hasBorder"
+    class="d-flex d-flex-row varClass customContainer border_bottom disabled borderColor_default hasBorder"
     data-selector-id="container"
     data-title=""
   />
@@ -43,7 +43,7 @@ exports[`InputFieldLine Should be render isDisabled is true 1`] = `
 exports[`InputFieldLine Should be render isReadOnly is true 1`] = `
 <DocumentFragment>
   <div
-    class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder"
+    class="d-flex d-flex-row varClass customContainer border_bottom effect borderColor_default hasBorder"
     data-selector-id="container"
     data-title=""
   />
@@ -53,7 +53,7 @@ exports[`InputFieldLine Should be render isReadOnly is true 1`] = `
 exports[`InputFieldLine Should be render with title 1`] = `
 <DocumentFragment>
   <div
-    class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder"
+    class="d-flex d-flex-row varClass customContainer border_bottom effect borderColor_default hasBorder"
     data-selector-id="container"
     data-title="InputFieldLine Test Title"
   />
@@ -63,7 +63,7 @@ exports[`InputFieldLine Should be render with title 1`] = `
 exports[`InputFieldLine Should render border - all 1`] = `
 <DocumentFragment>
   <div
-    class="flex row varClass customContainer border_all effect borderColor_default hasBorder"
+    class="d-flex d-flex-row varClass customContainer border_all effect borderColor_default hasBorder"
     data-selector-id="container"
     data-title=""
   />
@@ -73,7 +73,7 @@ exports[`InputFieldLine Should render border - all 1`] = `
 exports[`InputFieldLine Should render border - bottom 1`] = `
 <DocumentFragment>
   <div
-    class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder"
+    class="d-flex d-flex-row varClass customContainer border_bottom effect borderColor_default hasBorder"
     data-selector-id="container"
     data-title=""
   />
@@ -83,7 +83,7 @@ exports[`InputFieldLine Should render border - bottom 1`] = `
 exports[`InputFieldLine Should render border - none 1`] = `
 <DocumentFragment>
   <div
-    class="flex row varClass customContainer effect"
+    class="d-flex d-flex-row varClass customContainer effect"
     data-selector-id="container"
     data-title=""
   />
@@ -93,7 +93,7 @@ exports[`InputFieldLine Should render border - none 1`] = `
 exports[`InputFieldLine Should render borderColor - dark 1`] = `
 <DocumentFragment>
   <div
-    class="flex row varClass customContainer border_bottom effect borderColor_dark hasBorder"
+    class="d-flex d-flex-row varClass customContainer border_bottom effect borderColor_dark hasBorder"
     data-selector-id="container"
     data-title=""
   />
@@ -103,7 +103,7 @@ exports[`InputFieldLine Should render borderColor - dark 1`] = `
 exports[`InputFieldLine Should render borderColor - default 1`] = `
 <DocumentFragment>
   <div
-    class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder"
+    class="d-flex d-flex-row varClass customContainer border_bottom effect borderColor_default hasBorder"
     data-selector-id="container"
     data-title=""
   />
@@ -113,7 +113,7 @@ exports[`InputFieldLine Should render borderColor - default 1`] = `
 exports[`InputFieldLine Should render borderColor - error 1`] = `
 <DocumentFragment>
   <div
-    class="flex row varClass customContainer border_bottom effect borderColor_error hasBorder"
+    class="d-flex d-flex-row varClass customContainer border_bottom effect borderColor_error hasBorder"
     data-selector-id="container"
     data-title=""
   />
@@ -123,7 +123,7 @@ exports[`InputFieldLine Should render borderColor - error 1`] = `
 exports[`InputFieldLine Should render borderColor - transparent 1`] = `
 <DocumentFragment>
   <div
-    class="flex row varClass customContainer border_bottom effect borderColor_transparent hasBorder"
+    class="d-flex d-flex-row varClass customContainer border_bottom effect borderColor_transparent hasBorder"
     data-selector-id="container"
     data-title=""
   />
@@ -133,7 +133,7 @@ exports[`InputFieldLine Should render borderColor - transparent 1`] = `
 exports[`InputFieldLine Should render customClass 1`] = `
 <DocumentFragment>
   <div
-    class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder inputFieldLine-custom-class"
+    class="d-flex d-flex-row varClass customContainer border_bottom effect borderColor_default hasBorder inputFieldLine-custom-class"
     data-selector-id="container"
     data-title=""
   />
@@ -143,7 +143,7 @@ exports[`InputFieldLine Should render customClass 1`] = `
 exports[`InputFieldLine Should render customProps 1`] = `
 <DocumentFragment>
   <div
-    class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder"
+    class="d-flex d-flex-row varClass customContainer border_bottom effect borderColor_default hasBorder"
     data-selector-id="container"
     data-test="inputFieldLine-test"
     data-title=""
@@ -154,7 +154,7 @@ exports[`InputFieldLine Should render customProps 1`] = `
 exports[`InputFieldLine Should render dataId 1`] = `
 <DocumentFragment>
   <div
-    class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder"
+    class="d-flex d-flex-row varClass customContainer border_bottom effect borderColor_default hasBorder"
     data-id="inputFieldLine-test-id"
     data-selector-id="container"
     data-test-id="inputFieldLine-test-id"
@@ -166,7 +166,7 @@ exports[`InputFieldLine Should render dataId 1`] = `
 exports[`InputFieldLine Should render size  - medium 1`] = `
 <DocumentFragment>
   <div
-    class="flex row scroll_vertical varClass customContainer medium padding_medium border_bottom effect borderColor_default hasBorder"
+    class="d-flex d-flex-row d-overflow-y-auto d-overflow-x-hidden varClass customContainer medium padding_medium border_bottom effect borderColor_default hasBorder"
     data-selector-id="container"
     data-title=""
   />
@@ -176,7 +176,7 @@ exports[`InputFieldLine Should render size  - medium 1`] = `
 exports[`InputFieldLine Should render size  - xmedium 1`] = `
 <DocumentFragment>
   <div
-    class="flex row scroll_vertical varClass customContainer xmedium padding_xmedium border_bottom effect borderColor_default hasBorder"
+    class="d-flex d-flex-row d-overflow-y-auto d-overflow-x-hidden varClass customContainer xmedium padding_xmedium border_bottom effect borderColor_default hasBorder"
     data-selector-id="container"
     data-title=""
   />
@@ -186,7 +186,7 @@ exports[`InputFieldLine Should render size  - xmedium 1`] = `
 exports[`InputFieldLine rendering the defult props 1`] = `
 <DocumentFragment>
   <div
-    class="flex row varClass customContainer border_bottom effect borderColor_default hasBorder"
+    class="d-flex d-flex-row varClass customContainer border_bottom effect borderColor_default hasBorder"
     data-selector-id="container"
     data-title=""
   />