@zohodesk/components 1.0.0-temp-164 → 1.0.0-temp-165

package/lib/common/avatarsizes.module.css

@@ -1,49 +1,49 @@
-/*Avatar common Sizes*/
-.varClass {
-  /* avatar size default variables */
-  --avatar_width: 34px;
-  --avatar_height: 34px;
-}
-.small,
-.xsmall,
-.medium,
-.xmedium,
-.large,
-.xlarge,
-.xxsmall {
-  composes: varClass;
-  width: var(--avatar_width);
-  height: var(--avatar_height);
-}
-.small {
-  --avatar_height: 22px;
-  --avatar_width: 22px;
-}
-.xxsmall {
-  --avatar_height: 18px;
-  --avatar_width: 18px;
-}
-.xsmall {
-  --avatar_height: 30px;
-  --avatar_width: 30px;
-}
-
-.medium {
-  --avatar_height: 34px;
-  --avatar_width: 34px;
-}
-
-.xmedium {
-  --avatar_height: 40px;
-  --avatar_width: 40px;
-}
-
-.large {
-  --avatar_height: 60px;
-  --avatar_width: 60px;
-}
-
-.xlarge {
-  --avatar_height: 80px;
-  --avatar_width: 80px;
+/*Avatar common Sizes*/
+.varClass {
+  /* avatar size default variables */
+  --avatar_width: var(--zd_size34);
+  --avatar_height: var(--zd_size34);
+}
+.small,
+.xsmall,
+.medium,
+.xmedium,
+.large,
+.xlarge,
+.xxsmall {
+  composes: varClass;
+  width: var(--avatar_width);
+  height: var(--avatar_height);
+}
+.small {
+  --avatar_height: var(--zd_size22);
+  --avatar_width: var(--zd_size22);
+}
+.xxsmall {
+  --avatar_height: var(--zd_size18);
+  --avatar_width: var(--zd_size18);
+}
+.xsmall {
+  --avatar_height: var(--zd_size30);
+  --avatar_width: var(--zd_size30);
+}
+
+.medium {
+  --avatar_height: var(--zd_size34);
+  --avatar_width: var(--zd_size34);
+}
+
+.xmedium {
+  --avatar_height: var(--zd_size40);
+  --avatar_width: var(--zd_size40);
+}
+
+.large {
+  --avatar_height: var(--zd_size60);
+  --avatar_width: var(--zd_size60);
+}
+
+.xlarge {
+  --avatar_height: var(--zd_size80);
+  --avatar_width: var(--zd_size80);
 }

package/lib/common/basic.module.css

@@ -1,33 +1,33 @@
-@charset 'utf-8';
-
-@font-face {
-  font-family: Regular;
-  src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');
-  font-weight: 400;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: Light;
-  src: url('https://static.zohocdn.com/webfonts/lato2light/font.woff2') format('woff2');
-  font-weight: 300;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: Semibold;
-  src: url('https://static.zohocdn.com/webfonts/lato2semibold/font.woff2') format('woff2');
-  font-weight: 600;
-  font-style: normal;
-  font-display: swap;
-}
-
-@font-face {
-  font-family: Bold;
-  src: url('https://static.zohocdn.com/webfonts/lato2bold/font.woff2') format('woff2');
-  font-weight: 700;
-  font-style: normal;
-  font-display: swap;
-}
+@charset 'utf-8';
+
+@font-face {
+  font-family: Regular;
+  src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Light;
+  src: url('https://static.zohocdn.com/webfonts/lato2light/font.woff2') format('woff2');
+  font-weight: 300;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Semibold;
+  src: url('https://static.zohocdn.com/webfonts/lato2semibold/font.woff2') format('woff2');
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: Bold;
+  src: url('https://static.zohocdn.com/webfonts/lato2bold/font.woff2') format('woff2');
+  font-weight: 700;
+  font-style: normal;
+  font-display: swap;
+}

package/lib/common/basicReset.module.css

@@ -1,40 +1,40 @@
-a {
-  text-decoration: none;
-}
-
-button {
-  padding: 0;
-}
-
-p, h1, h2, h3, h4, h5, h6 {
-  margin: 0;
-}
-
-iframe {
-  border: 0;
-}
-
-body {
-  text-rendering: optimizeSpeed;
-  margin: 0;
-}
-
-body,
-html {
-  -webkit-text-size-adjust: 100%;
-  -ms-text-size-adjust: 100%;
-  text-size-adjust: 100%;
-}
-
-textarea {
-  font-family: var(--zd_regular);
-}
-
-label, input[type='button'], input[type='submit'], input[type='file'], button {
-  cursor: pointer;
-}
-
-/*Moz Required Box shadow Isssue*/
-input[required]:-moz-ui-invalid {
-  box-shadow: none;
-}
+a {
+  text-decoration: none;
+}
+
+button {
+  padding: 0 ;
+}
+
+p, h1, h2, h3, h4, h5, h6 {
+  margin: 0 ;
+}
+
+iframe {
+  border: 0;
+}
+
+body {
+  text-rendering: optimizeSpeed;
+  margin: 0 ;
+}
+
+body,
+html {
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  text-size-adjust: 100%;
+}
+
+textarea {
+  font-family: var(--zd_regular);
+}
+
+label, input[type='button'], input[type='submit'], input[type='file'], button {
+  cursor: pointer;
+}
+
+/*Moz Required Box shadow Isssue*/
+input[required]:-moz-ui-invalid {
+  box-shadow: none;
+}

package/lib/common/boxShadow.module.css

@@ -1,34 +1,34 @@
-:root {
-    /* avatar */
-    --zd_bs_avatar_black: var(--zd_bs_contrast_outline, inset 0px 0px 5px var(--avatar_boxshadow));
-    --zd_bs_avatar_white: var(--zd_bs_contrast_outline, inset 0px 0px 11px var(--avatar_boxshadow));
-
-    /* button */
-    --zd_bs_button_primary: var(--zd_bs_contrast_outline, 0 3px 10px var(--zdt_button_primary_box_shadow));
-    --zd_bs_button_danger: var(--zd_bs_contrast_outline, 0 3px 10px var(--zdt_button_danger_box_shadow));
-
-    /* button group */
-    --zd_bs_buttongroup_footer: var(--zd_bs_contrast_outline, 0 -4px 5px -3px var(--zdt_buttongroup_footer_box_shadow));
-
-    /* dropbox */
-    --zd_bs_dropbox_default: var(--zd_bs_contrast_outline, 4px 3px 30px var(--zdt_dropbox_default_box_shadow));
-    --zd_bs_dropbox_top: var(--zd_bs_contrast_outline, 0 -3px 30px var(--zdt_dropbox_default_box_shadow));
-    --zd_bs_dropbox_left: var(--zd_bs_contrast_outline, -4px 0 30px var(--zdt_dropbox_default_box_shadow));
-    --zd_bs_dropbox_right: var(--zd_bs_contrast_outline, 4px 0 30px var(--zdt_dropbox_default_box_shadow));
-    --zd_bs_dropbox_bottom: var(--zd_bs_contrast_outline, 0 3px 30px var(--zdt_dropbox_default_box_shadow));
-    --zd_bs_dropbox_arrow: var(--zd_bs_contrast_outline, 1px -1px 2px 0 var(--dropbox_arrow_box_shadow_color));
-
-    /* ribbon */
-    --zd_bs_ribbon_default: var(--zd_bs_contrast_outline, 0 5px 10px var(--zdt_ribbon_default_shadow));
-    --zd_bs_ribbon_danger: var(--zd_bs_contrast_outline, 0 5px 10px var(--zdt_ribbon_danger_shadow));
-    --zd_bs_ribbon_primary: var(--zd_bs_contrast_outline, 0 5px 10px var(--zdt_ribbon_primary_shadow));
-    --zd_bs_ribbon_secondary: var(--zd_bs_contrast_outline, 0 5px 10px var(--zdt_ribbon_secondary_shadow));
-    --zd_bs_ribbon_info: var(--zd_bs_contrast_outline, 0 5px 10px var(--zdt_ribbon_info_shadow));
-    --zd_bs_ribbon_dark: var(--zd_bs_contrast_outline, 0 5px 10px var(--zdt_ribbon_dark_shadow));
-
-    /* switch */
-    --zd_bs_switch_default: var(--zd_bs_contrast_outline, 0 1px 4px 0 var(--zdt_switch_circle_shadow));
-
-    /* tabs */
-    --zd_bs_tabs_shadow: var(--zd_bs_contrast_outline, 0 -2px 9px var(--zdt_tabs_alpha_box_shadow));
+:root {
+    /* avatar */
+    --zd_bs_avatar_black: var(--zd_bs_contrast_outline, inset 0px 0px 5px var(--avatar_boxshadow));
+    --zd_bs_avatar_white: var(--zd_bs_contrast_outline, inset 0px 0px 11px var(--avatar_boxshadow));
+
+    /* button */
+    --zd_bs_button_primary: var(--zd_bs_contrast_outline, 0 3px 10px var(--zdt_button_primary_box_shadow));
+    --zd_bs_button_danger: var(--zd_bs_contrast_outline, 0 3px 10px var(--zdt_button_danger_box_shadow));
+
+    /* button group */
+    --zd_bs_buttongroup_footer: var(--zd_bs_contrast_outline, 0 -4px 5px -3px var(--zdt_buttongroup_footer_box_shadow));
+
+    /* dropbox */
+    --zd_bs_dropbox_default: var(--zd_bs_contrast_outline, 4px 3px 30px var(--zdt_dropbox_default_box_shadow));
+    --zd_bs_dropbox_top: var(--zd_bs_contrast_outline, 0 -3px 30px var(--zdt_dropbox_default_box_shadow));
+    --zd_bs_dropbox_left: var(--zd_bs_contrast_outline, -4px 0 30px var(--zdt_dropbox_default_box_shadow));
+    --zd_bs_dropbox_right: var(--zd_bs_contrast_outline, 4px 0 30px var(--zdt_dropbox_default_box_shadow));
+    --zd_bs_dropbox_bottom: var(--zd_bs_contrast_outline, 0 3px 30px var(--zdt_dropbox_default_box_shadow));
+    --zd_bs_dropbox_arrow: var(--zd_bs_contrast_outline, 1px -1px 2px 0 var(--dropbox_arrow_box_shadow_color));
+
+    /* ribbon */
+    --zd_bs_ribbon_default: var(--zd_bs_contrast_outline, 0 5px 10px var(--zdt_ribbon_default_shadow));
+    --zd_bs_ribbon_danger: var(--zd_bs_contrast_outline, 0 5px 10px var(--zdt_ribbon_danger_shadow));
+    --zd_bs_ribbon_primary: var(--zd_bs_contrast_outline, 0 5px 10px var(--zdt_ribbon_primary_shadow));
+    --zd_bs_ribbon_secondary: var(--zd_bs_contrast_outline, 0 5px 10px var(--zdt_ribbon_secondary_shadow));
+    --zd_bs_ribbon_info: var(--zd_bs_contrast_outline, 0 5px 10px var(--zdt_ribbon_info_shadow));
+    --zd_bs_ribbon_dark: var(--zd_bs_contrast_outline, 0 5px 10px var(--zdt_ribbon_dark_shadow));
+
+    /* switch */
+    --zd_bs_switch_default: var(--zd_bs_contrast_outline, 0 1px 4px 0 var(--zdt_switch_circle_shadow));
+
+    /* tabs */
+    --zd_bs_tabs_shadow: var(--zd_bs_contrast_outline, 0 -2px 9px var(--zdt_tabs_alpha_box_shadow));
 }