@zohodesk/dot 1.0.0-temp-195.3 → 1.0.0-temp-198.2

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

@@ -1,5 +1,109 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`Upload rendering the dataId prop with isPreview isPreviewType are true  1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium preview
+ inflex coldir"
+    data-id="TestdataId"
+    data-selector-id="upload"
+    data-test-id="TestdataId"
+  >
+    <div
+      class="loader"
+      data-id="TestdataId_attachLoading"
+      data-test-id="TestdataId_attachLoading"
+    />
+    <img
+      alt="Uploaded Image"
+      class=" uploadimage  imgMaxFullSize "
+      data-id="TestdataId_fileName"
+      data-test-id="TestdataId_fileName"
+    />
+    <div
+      class="overlay"
+    />
+    <span
+      class="uploadclose"
+      data-id="TestdataId_deleteUpload"
+      data-test-id="TestdataId_deleteUpload"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-close-e fbold   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+      />
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the dataId prop with isPreviewType is false 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium preview
+ inflex coldir"
+    data-id="TestdataId"
+    data-selector-id="upload"
+    data-test-id="TestdataId"
+  >
+    <div
+      class="loader"
+      data-id="TestdataId_attachLoading"
+      data-test-id="TestdataId_attachLoading"
+    />
+    <div
+      class="attachInfo shrinkOff"
+      data-id="TestdataId_openNewTab"
+      data-selector-id="box"
+      data-test-id="TestdataId_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+    <span
+      class="uploadclose"
+      data-id="TestdataId_deleteUpload"
+      data-test-id="TestdataId_deleteUpload"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-close-e fbold   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+      />
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the dataSelectorId prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="selectorId"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
 exports[`Upload rendering the defult props 1`] = `
 <DocumentFragment>
   <div
@@ -22,3 +126,358 @@ exports[`Upload rendering the defult props 1`] = `
   </div>
 </DocumentFragment>
 `;
+
+exports[`Upload rendering the fileSize prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      >
+        400kb
+      </div>
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the iconName prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-close-e  fileIcon  "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+      />
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the imgSrc prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <img
+      alt="Uploaded Image"
+      class=" uploadimage  imgMaxFullSize "
+      data-id="upload_fileName"
+      data-test-id="upload_fileName"
+      src="http://sampleImageUrl.com"
+    />
+    <div
+      class="overlay"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the isPreview prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium preview
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="loader"
+      data-id="upload_attachLoading"
+      data-test-id="upload_attachLoading"
+    />
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the isPreview prop is false 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the isPreviewType false prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the isPreviewType true prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <img
+      alt="Uploaded Image"
+      class=" uploadimage  imgMaxFullSize "
+      data-id="upload_fileName"
+      data-test-id="upload_fileName"
+    />
+    <div
+      class="overlay"
+    />
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the onRemove prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+    <span
+      class="uploadclose"
+      data-id="upload_deleteUpload"
+      data-test-id="upload_deleteUpload"
+    >
+      <i
+        aria-hidden="true"
+        class="zd_font_icons basic icon-close-e fbold   "
+        data-id="fontIcon"
+        data-selector-id="fontIcon"
+        data-test-id="fontIcon"
+      />
+    </span>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the palette of - light 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the palette of - night 1`] = `
+<DocumentFragment>
+  <div
+    class="container night medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the progressValue prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium preview
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="loader"
+      data-id="upload_attachLoading"
+      data-test-id="upload_attachLoading"
+      style="width: 90%;"
+    />
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the size of - medium 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the size of - small 1`] = `
+<DocumentFragment>
+  <div
+    class="container light small 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;
+
+exports[`Upload rendering the tooltip prop 1`] = `
+<DocumentFragment>
+  <div
+    class="container light medium 
+ inflex coldir"
+    data-id="upload"
+    data-selector-id="upload"
+    data-test-id="upload"
+    data-title="Tooltip"
+  >
+    <div
+      class="attachInfo shrinkOff"
+      data-id="upload_openNewTab"
+      data-selector-id="box"
+      data-test-id="upload_openNewTab"
+    >
+      <div
+        class="attachsize"
+      />
+    </div>
+  </div>
+</DocumentFragment>
+`;

package/es/Upload/props/propTypes.js

@@ -10,7 +10,7 @@ export const propTypes = {
   isPreviewType: PropTypes.bool,
   onClick: PropTypes.func,
   onRemove: PropTypes.func,
-  progressValue: PropTypes.string,
+  progressValue: PropTypes.number,
   size: PropTypes.oneOf(['small', 'medium']),
   tooltip: PropTypes.string,
   palette: PropTypes.oneOf(['light', 'night'])

package/es/avatar/AvatarIcon/AvatarIcon.module.css

@@ -1,58 +1,58 @@
-.varClass {
-  --icon_color: var(--zdt_avatarIcon_dark_icon);
-  --border_color: var(--zdt_avatarIcon_default_border);
-  --border_hoverColor: var(--zdt_avatarIcon_default_hover_border);
-}
-.container {
-  vertical-align: middle;
-  composes: varClass;
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 50%;
-  border-color: var(--border_color)
-}
-.borderOnHover:hover, .borderOnActive {
-  border-color: var(--border_hoverColor)
-}
-.default {
-  --border_color: var(--zdt_avatarIcon_default_border);
-  --border_hoverColor: var(--zdt_avatarIcon_default_hover_border);
-}
-.primary {
-  --border_color: var(--zdt_avatarIcon_primary_border);
-  --border_hoverColor: var(--zdt_avatarIcon_primary_hover_border);
-}
-.secondary {
-  --border_color: var(--zdt_avatarIcon_secondary_border);
-  --border_hoverColor: var(--zdt_avatarIcon_secondary_hover_border);
-}
-.success {
-  --border_color: var(--zdt_avatarIcon_success_border);
-  --border_hoverColor: var(--zdt_avatarIcon_success_hover_border);
-}
-.danger {
-  --border_color: var(--zdt_avatarIcon_danger_border);
-  --border_hoverColor: var(--zdt_avatarIcon_danger_hover_border);
-}
-.iconColor {
-  color: var(--icon_color);
-}
-.icon_danger {
-  --icon_color: var(--zdt_avatarIcon_danger_icon);
-}
-.icon_primary {
-  --icon_color: var(--zdt_avatarIcon_primary_icon);
-}
-.icon_grey {
-  --icon_color: var(--zdt_avatarIcon_grey_icon);
-}
-.icon_success {
-  --icon_color: var(--zdt_avatarIcon_success_icon);
-}
-.icon_smoke18 {
-  --icon_color: var(--zdt_avatarIcon_smoke_icon);
-}
-.icon_dark {
-  --icon_color: var(--zdt_avatarIcon_dark_icon);
-}
-
+.varClass {
+  --icon_color: var(--zdt_avatarIcon_dark_icon);
+  --border_color: var(--zdt_avatarIcon_default_border);
+  --border_hoverColor: var(--zdt_avatarIcon_default_hover_border);
+}
+.container {
+  vertical-align: middle;
+  composes: varClass;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 50%;
+  border-color: var(--border_color)
+}
+.borderOnHover:hover, .borderOnActive {
+  border-color: var(--border_hoverColor)
+}
+.default {
+  --border_color: var(--zdt_avatarIcon_default_border);
+  --border_hoverColor: var(--zdt_avatarIcon_default_hover_border);
+}
+.primary {
+  --border_color: var(--zdt_avatarIcon_primary_border);
+  --border_hoverColor: var(--zdt_avatarIcon_primary_hover_border);
+}
+.secondary {
+  --border_color: var(--zdt_avatarIcon_secondary_border);
+  --border_hoverColor: var(--zdt_avatarIcon_secondary_hover_border);
+}
+.success {
+  --border_color: var(--zdt_avatarIcon_success_border);
+  --border_hoverColor: var(--zdt_avatarIcon_success_hover_border);
+}
+.danger {
+  --border_color: var(--zdt_avatarIcon_danger_border);
+  --border_hoverColor: var(--zdt_avatarIcon_danger_hover_border);
+}
+.iconColor {
+  color: var(--icon_color);
+}
+.icon_danger {
+  --icon_color: var(--zdt_avatarIcon_danger_icon);
+}
+.icon_primary {
+  --icon_color: var(--zdt_avatarIcon_primary_icon);
+}
+.icon_grey {
+  --icon_color: var(--zdt_avatarIcon_grey_icon);
+}
+.icon_success {
+  --icon_color: var(--zdt_avatarIcon_success_icon);
+}
+.icon_smoke18 {
+  --icon_color: var(--zdt_avatarIcon_smoke_icon);
+}
+.icon_dark {
+  --icon_color: var(--zdt_avatarIcon_dark_icon);
+}
+

package/es/common/dot_boxShadow.module.css

@@ -35,6 +35,4 @@
 
     /* desktop notification */
     --zd_bs_desktopnotification_container: var(--zd_bs_contrast_outline, 0 4px 20px var(--zdt_desktopnotification_box_shadow));
-
-
 }