@zohodesk/dot 1.0.0-temp-193.4 → 1.0.0-temp-194

package/es/IconButton/IconButton.module.css

@@ -1,22 +1,22 @@
-.varClass {
-  --iconColor: var(--zdt_iconButton_icon_black);
-}
-.wrapper {
-  height: var(--zd_size28) ;
-  width: var(--zd_size28) ;
-  composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
-  composes: varClass;
-  color: var(--iconColor);
-  cursor: pointer;
-}
-.primary {
-  --iconColor: var(--zdt_iconButton_icon_primary);
-}
-.primary:hover {
-  --iconColor: var(--zdt_iconButton_icon_primaryHover);
-}
-.primary_active,
-.primaryFilled,
-.primaryFilled_active {
-  --iconColor: var(--zdt_iconButton_icon_primaryActive);
-}
+.varClass {
+  --iconColor: var(--zdt_iconButton_icon_black);
+}
+.wrapper {
+  height: var(--zd_size28) ;
+  width: var(--zd_size28) ;
+  composes: offSelection from '~@zohodesk/components/lib/common/common.module.css';
+  composes: varClass;
+  color: var(--iconColor);
+  cursor: pointer;
+}
+.primary {
+  --iconColor: var(--zdt_iconButton_icon_primary);
+}
+.primary:hover {
+  --iconColor: var(--zdt_iconButton_icon_primaryHover);
+}
+.primary_active,
+.primaryFilled,
+.primaryFilled_active {
+  --iconColor: var(--zdt_iconButton_icon_primaryActive);
+}

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

@@ -1,316 +1,316 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`IconButton Checking the "Children" 1`] = `
-<DocumentFragment>
-  <button
-    aria-pressed="false"
-    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
-    data-id="iconContainer"
-    data-ishtml="false"
-    data-selector-id="iconButton"
-    data-test-id="iconContainer"
-  >
-    <span>
-      Element 1
-    </span>
-    <span>
-      Element 2
-    </span>
-    <span>
-      Element 3
-    </span>
-  </button>
-</DocumentFragment>
-`;
-
-exports[`IconButton eleRef prop is a function 1`] = `
-<DocumentFragment>
-  <button
-    aria-pressed="false"
-    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
-    data-id="iconContainer"
-    data-ishtml="false"
-    data-selector-id="iconButton"
-    data-test-id="iconContainer"
-  />
-</DocumentFragment>
-`;
-
-exports[`IconButton rendering ally 1`] = `
-<DocumentFragment>
-  <button
-    aria-controls="ariaControls"
-    aria-expanded="true"
-    aria-haspopup="true"
-    aria-label="ariaLabel"
-    aria-labelledby="ariaLabelledby"
-    aria-pressed="false"
-    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
-    data-id="iconContainer"
-    data-ishtml="false"
-    data-selector-id="iconButton"
-    data-test-id="iconContainer"
-  />
-</DocumentFragment>
-`;
-
-exports[`IconButton rendering ally 2`] = `
-<DocumentFragment>
-  <button
-    aria-expanded="false"
-    aria-haspopup="false"
-    aria-pressed="false"
-    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
-    data-id="iconContainer"
-    data-ishtml="false"
-    data-selector-id="iconButton"
-    data-test-id="iconContainer"
-  />
-</DocumentFragment>
-`;
-
-exports[`IconButton rendering in ClassName 1`] = `
-<DocumentFragment>
-  <button
-    aria-pressed="false"
-    class="buttonReset wrapper IconButtonClass undefined effect default border defaultHover  hoverEffect  inflex coldir both"
-    data-id="iconContainer"
-    data-ishtml="false"
-    data-selector-id="iconButton"
-    data-test-id="iconContainer"
-  />
-</DocumentFragment>
-`;
-
-exports[`IconButton rendering in Icon 1`] = `
-<DocumentFragment>
-  <button
-    aria-pressed="false"
-    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
-    data-id="iconContainer"
-    data-ishtml="false"
-    data-selector-id="iconButton"
-    data-test-id="iconContainer"
-  >
-    <i
-      aria-hidden="true"
-      class="zd_font_icons basic icon-infoStroke fbold iconClass  "
-      data-id="fontIcon"
-      data-selector-id="fontIcon"
-      data-test-id="fontIcon"
-      style="--zd-iconfont-size: var(--zd_font_size13);"
-    />
-  </button>
-</DocumentFragment>
-`;
-
-exports[`IconButton rendering in dataIsHtml is True 1`] = `
-<DocumentFragment>
-  <button
-    aria-pressed="false"
-    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
-    data-id="iconContainer"
-    data-ishtml="true"
-    data-selector-id="iconButton"
-    data-test-id="iconContainer"
-  />
-</DocumentFragment>
-`;
-
-exports[`IconButton rendering in isDisabled is True 1`] = `
-<DocumentFragment>
-  <button
-    aria-pressed="false"
-    class="buttonReset wrapper  undefined effect default border defaultHover   disabled inflex coldir both"
-    data-id="iconContainer"
-    data-ishtml="false"
-    data-selector-id="iconButton"
-    data-test-id="iconContainer"
-    disabled=""
-  />
-</DocumentFragment>
-`;
-
-exports[`IconButton rendering in title 1`] = `
-<DocumentFragment>
-  <button
-    aria-pressed="false"
-    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
-    data-id="iconContainer"
-    data-ishtml="false"
-    data-selector-id="iconButton"
-    data-test-id="iconContainer"
-    data-title="IconTitle"
-  />
-</DocumentFragment>
-`;
-
-exports[`IconButton rendering isNeedEffect is False 1`] = `
-<DocumentFragment>
-  <button
-    aria-pressed="false"
-    class="buttonReset wrapper  undefined  inflex coldir both"
-    data-id="iconContainer"
-    data-ishtml="false"
-    data-selector-id="iconButton"
-    data-test-id="iconContainer"
-  />
-</DocumentFragment>
-`;
-
-exports[`IconButton rendering needButtonTag 1`] = `
-<DocumentFragment>
-  <div
-    aria-pressed="false"
-    class="false wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
-    data-id="iconContainer"
-    data-ishtml="false"
-    data-selector-id="iconButton"
-    data-test-id="iconContainer"
-  />
-</DocumentFragment>
-`;
-
-exports[`IconButton rendering the defult props 1`] = `
-<DocumentFragment>
-  <button
-    aria-pressed="false"
-    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
-    data-id="iconContainer"
-    data-ishtml="false"
-    data-selector-id="iconButton"
-    data-test-id="iconContainer"
-  />
-</DocumentFragment>
-`;
-
-exports[`IconButton rendering the hovertypes- bg 1`] = `
-<DocumentFragment>
-  <button
-    aria-pressed="false"
-    class="buttonReset wrapper  undefined effect default border bgHover  hoverEffect  inflex coldir both"
-    data-id="iconContainer"
-    data-ishtml="false"
-    data-selector-id="iconButton"
-    data-test-id="iconContainer"
-  />
-</DocumentFragment>
-`;
-
-exports[`IconButton rendering the hovertypes- border 1`] = `
-<DocumentFragment>
-  <button
-    aria-pressed="false"
-    class="buttonReset wrapper  undefined effect default border borderHover  hoverEffect  inflex coldir both"
-    data-id="iconContainer"
-    data-ishtml="false"
-    data-selector-id="iconButton"
-    data-test-id="iconContainer"
-  />
-</DocumentFragment>
-`;
-
-exports[`IconButton rendering the hovertypes- default 1`] = `
-<DocumentFragment>
-  <button
-    aria-pressed="false"
-    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
-    data-id="iconContainer"
-    data-ishtml="false"
-    data-selector-id="iconButton"
-    data-test-id="iconContainer"
-  />
-</DocumentFragment>
-`;
-
-exports[`IconButton rendering the isActive true with palette of- default 1`] = `
-<DocumentFragment>
-  <button
-    aria-pressed="false"
-    class="buttonReset wrapper  undefined effect default border defaultHover active hoverEffect  inflex coldir both"
-    data-id="iconContainer"
-    data-ishtml="false"
-    data-selector-id="iconButton"
-    data-test-id="iconContainer"
-  />
-</DocumentFragment>
-`;
-
-exports[`IconButton rendering the isActive true with palette of- primary 1`] = `
-<DocumentFragment>
-  <button
-    aria-pressed="false"
-    class="buttonReset wrapper  primary_active effect primary border defaultHover active hoverEffect  inflex coldir both"
-    data-id="iconContainer"
-    data-ishtml="false"
-    data-selector-id="iconButton"
-    data-test-id="iconContainer"
-  />
-</DocumentFragment>
-`;
-
-exports[`IconButton rendering the isActive true with palette of- primaryFilled 1`] = `
-<DocumentFragment>
-  <button
-    aria-pressed="false"
-    class="buttonReset wrapper  primaryFilled_active effect primaryFilled border defaultHover active hoverEffect  inflex coldir both"
-    data-id="iconContainer"
-    data-ishtml="false"
-    data-selector-id="iconButton"
-    data-test-id="iconContainer"
-  />
-</DocumentFragment>
-`;
-
-exports[`IconButton rendering the palette of- default 1`] = `
-<DocumentFragment>
-  <button
-    aria-pressed="false"
-    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
-    data-id="iconContainer"
-    data-ishtml="false"
-    data-selector-id="iconButton"
-    data-test-id="iconContainer"
-  />
-</DocumentFragment>
-`;
-
-exports[`IconButton rendering the palette of- primary 1`] = `
-<DocumentFragment>
-  <button
-    aria-pressed="false"
-    class="buttonReset wrapper  primary effect primary border defaultHover  hoverEffect  inflex coldir both"
-    data-id="iconContainer"
-    data-ishtml="false"
-    data-selector-id="iconButton"
-    data-test-id="iconContainer"
-  />
-</DocumentFragment>
-`;
-
-exports[`IconButton rendering the palette of- primaryFilled 1`] = `
-<DocumentFragment>
-  <button
-    aria-pressed="false"
-    class="buttonReset wrapper  primaryFilled effect primaryFilled border defaultHover  hoverEffect  inflex coldir both"
-    data-id="iconContainer"
-    data-ishtml="false"
-    data-selector-id="iconButton"
-    data-test-id="iconContainer"
-  />
-</DocumentFragment>
-`;
-
-exports[`IconButton rendering tourId 1`] = `
-<DocumentFragment>
-  <button
-    aria-pressed="false"
-    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
-    data-id="iconContainer"
-    data-ishtml="false"
-    data-selector-id="iconButton"
-    data-test-id="iconContainer"
-    data-tour="tourId"
-  />
-</DocumentFragment>
-`;
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`IconButton Checking the "Children" 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  >
+    <span>
+      Element 1
+    </span>
+    <span>
+      Element 2
+    </span>
+    <span>
+      Element 3
+    </span>
+  </button>
+</DocumentFragment>
+`;
+
+exports[`IconButton eleRef prop is a function 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering ally 1`] = `
+<DocumentFragment>
+  <button
+    aria-controls="ariaControls"
+    aria-expanded="true"
+    aria-haspopup="true"
+    aria-label="ariaLabel"
+    aria-labelledby="ariaLabelledby"
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering ally 2`] = `
+<DocumentFragment>
+  <button
+    aria-expanded="false"
+    aria-haspopup="false"
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering in ClassName 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper IconButtonClass undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering in Icon 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  >
+    <i
+      aria-hidden="true"
+      class="zd_font_icons basic icon-infoStroke fbold iconClass  "
+      data-id="fontIcon"
+      data-selector-id="fontIcon"
+      data-test-id="fontIcon"
+      style="--zd-iconfont-size: var(--zd_font_size13);"
+    />
+  </button>
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering in dataIsHtml is True 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="true"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering in isDisabled is True 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover   disabled inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+    disabled=""
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering in title 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+    data-title="IconTitle"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering isNeedEffect is False 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering needButtonTag 1`] = `
+<DocumentFragment>
+  <div
+    aria-pressed="false"
+    class="false wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the defult props 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the hovertypes- bg 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border bgHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the hovertypes- border 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border borderHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the hovertypes- default 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the isActive true with palette of- default 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover active hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the isActive true with palette of- primary 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  primary_active effect primary border defaultHover active hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the isActive true with palette of- primaryFilled 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  primaryFilled_active effect primaryFilled border defaultHover active hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the palette of- default 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the palette of- primary 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  primary effect primary border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering the palette of- primaryFilled 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  primaryFilled effect primaryFilled border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+  />
+</DocumentFragment>
+`;
+
+exports[`IconButton rendering tourId 1`] = `
+<DocumentFragment>
+  <button
+    aria-pressed="false"
+    class="buttonReset wrapper  undefined effect default border defaultHover  hoverEffect  inflex coldir both"
+    data-id="iconContainer"
+    data-ishtml="false"
+    data-selector-id="iconButton"
+    data-test-id="iconContainer"
+    data-tour="tourId"
+  />
+</DocumentFragment>
+`;