@zohodesk/components 1.0.0-temp-120 → 1.0.0-temp-122

package/es/common/avatarsizes.module.css

@@ -1,45 +1,45 @@
-/*Avatar common Sizes*/
-.varClass {
-  /* avatar size default variables */
-  --avatar_width: var(--zd_size34);
-  --avatar_height: var(--zd_size34);
-}
-.small,
-.xsmall,
-.medium,
-.xmedium,
-.large,
-.xlarge {
-  composes: varClass;
-  width: var(--avatar_width);
-  height: var(--avatar_height);
-}
-.small {
-  --avatar_height: var(--zd_size22);
-  --avatar_width: var(--zd_size22);
-}
-
-.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);
+/*Avatar common Sizes*/
+.varClass {
+  /* avatar size default variables */
+  --avatar_width: var(--zd_size34);
+  --avatar_height: var(--zd_size34);
+}
+.small,
+.xsmall,
+.medium,
+.xmedium,
+.large,
+.xlarge {
+  composes: varClass;
+  width: var(--avatar_width);
+  height: var(--avatar_height);
+}
+.small {
+  --avatar_height: var(--zd_size22);
+  --avatar_width: var(--zd_size22);
+}
+
+.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/es/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/es/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/es/common/boxShadow.module.css

@@ -0,0 +1,77 @@
+:global(.shadowOn) {
+    /* avatar */
+    --bs_avatar_black: inset 0px 0px 5px var(--avatar_boxshadow);
+    --bs_avatar_white: inset 0px 0px 11px var(--avatar_boxshadow);
+
+    /* button */
+    --bs_button_primary: 0 3px 10px var(--zdt_button_primary_box_shadow);
+    --bs_button_danger: 0 3px 10px var(--zdt_button_danger_box_shadow);
+
+    /* button group */
+    --bs_buttongroup_footer: 0 -4px 5px -3px var(--zdt_buttongroup_footer_box_shadow);
+
+    /* dropbox */
+    --bs_dropbox_default: 4px 3px 30px var(--zdt_dropbox_default_box_shadow);
+    --bs_dropbox_top: 0 -3px 30px var(--zdt_dropbox_default_box_shadow);
+    --bs_dropbox_left: -4px 0 30px var(--zdt_dropbox_default_box_shadow);
+    --bs_dropbox_right: 4px 0 30px var(--zdt_dropbox_default_box_shadow);
+    --bs_dropbox_bottom: 0 3px 30px var(--zdt_dropbox_default_box_shadow);
+    --bs_dropbox_arrow: 1px -1px 2px 0 var(--dropbox_arrow_box_shadow_color);
+
+    /* ribbon */
+    --bs_ribbon_default: 0 5px 10px var(--zdt_ribbon_default_shadow);
+    --bs_ribbon_danger: 0 5px 10px var(--zdt_ribbon_danger_shadow);
+    --bs_ribbon_primary: 0 5px 10px var(--zdt_ribbon_primary_shadow);
+    --bs_ribbon_secondary: 0 5px 10px var(--zdt_ribbon_secondary_shadow);
+    --bs_ribbon_info: 0 5px 10px var(--zdt_ribbon_info_shadow);
+    --bs_ribbon_dark: 0 5px 10px var(--zdt_ribbon_dark_shadow);
+
+    /* switch */
+    --bs_switch_default: 0 1px 4px 0 var(--zdt_switch_circle_shadow);
+
+    /* tabs */
+    --bs_tabs_shadow: 0 -2px 9px var(--zdt_tabs_alpha_box_shadow);
+
+    /* tooltip */
+    --bs_tooltip_shadow: 0 4px 12px 0 var(--zdt_tooltip_default_box_shadow);
+}
+
+:global(.shadowOffWithOutline) {
+    --bs_contrast_outine: 0 0 2px var(--zdt_contrast_shadow);
+
+    /* avatar */
+    --bs_avatar_black: var(--bs_contrast_outine);
+    --bs_avatar_white: var(--bs_contrast_outine);
+
+    /* button */
+    --bs_button_primary: var(--bs_contrast_outine);
+    --bs_button_danger: var(--bs_contrast_outine);
+
+    /* button group */
+    --bs_buttongroup_footer: var(--bs_contrast_outine);
+
+    /* dropbox */
+    --bs_dropbox_default: var(--bs_contrast_outine);
+    --bs_dropbox_top: var(--bs_contrast_outine);
+    --bs_dropbox_left: var(--bs_contrast_outine);
+    --bs_dropbox_right: var(--bs_contrast_outine);
+    --bs_dropbox_bottom: var(--bs_contrast_outine);
+    --bs_dropbox_arrow: var(--bs_contrast_outine);
+
+    /* ribbon */
+    --bs_ribbon_default: var(--bs_contrast_outine);
+    --bs_ribbon_danger: var(--bs_contrast_outine);
+    --bs_ribbon_primary: var(--bs_contrast_outine);
+    --bs_ribbon_secondary: var(--bs_contrast_outine);
+    --bs_ribbon_info: var(--bs_contrast_outine);
+    --bs_ribbon_dark: var(--bs_contrast_outine);
+
+    /* switch */
+    --bs_switch_default: var(--bs_contrast_outine);
+
+    /* tabs */
+    --bs_tabs_shadow: var(--bs_contrast_outine);
+
+    /* tooltip */
+    --bs_tooltip_shadow: var(--bs_contrast_outine);
+}