@zohodesk/dot 1.0.0-temp-182 → 1.0.0-temp-181.8

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/ImportantNotes/ImportantNotes.module.css

@@ -6,7 +6,7 @@
 .title {
   font-size: var(--zd_font_size13) ;
   line-height: 1.3846;
-  color: var(--zdt_base_color);
+  color: var(--zdt_importantnotes_title_text);
 }
 
 .icon {

package/es/Message/Message.module.css

@@ -19,7 +19,7 @@
   pointer-events: initial;
   box-shadow: var(--zd_bs_message_container);
   border-radius: 0 0 5px 5px;
-  background: var(--zdt_base_bg);
+  background: var(--zdt_message_default_bg);
 }
 
 [dir=ltr] .container {

package/es/Separator/Separator.module.css

@@ -1,43 +1,34 @@
 .varClass {
   --separator_fontSize: var(--zd_font_size15);
 }
-
 .separator {
   font-size: var(--separator_fontSize);
   margin: 0 var(--zd_size5) ;
 }
-
 .dot {
   --separator_fontSize: var(--zd_font_size8);
 }
-
 .slash {
   --separator_fontSize: var(--zd_font_size10);
   /* line-height: var(--zd_size10); */
 }
-
 .arrow {
   --separator_fontSize: var(--zd_font_size8);
   /* line-height: var(--zd_size7); */
 }
-
 .comma {
   --separator_fontSize: var(--zd_font_size15);
   /* line-height: var(--zd_size13); */
 }
-
 .none {
   display: none;
 }
-
 .default {
   color: var(--zdt_separator_default_text);
 }
-
 .primary {
   color: var(--zdt_separator_primary_text);
 }
-
 .secondary {
-  color: var(--zdt_base_color);
-}
+  color: var(--zdt_separator_secondary_text);
+}

package/es/TagWithIcon/TagWithIcon.module.css

@@ -1,67 +1,67 @@
-.varClass {
-  --tag_bg_color: var(--zdt_tagWithIconGrey_bg);
-  --tag_text_color: var(--zdt_base_color);
-  --tag_border_color: var(--zdt_tagWithIconGrey_border);
-  --tag_small_fontSize: var(--zd_font_size10);
-  --tag_large_fontSize: var(--zd_font_size12);
-}
-
-.wrapper {
-  composes: varClass;
-  color: var(--tag_text_color);
-  background-color: var(--tag_bg_color);
-}
-
-.small,
-.large {
-  max-width: 100% ;
-  height: var(--zd_size18) ;
-}
-
-.small, .large {
-  border: 1px solid var(--tag_border_color);
-  border-radius: var(--zd_size4);
-  padding: 0 var(--zd_size6) ;
-}
-
-.bold {
-  composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
-}
-
-.small_text {
-  font-size: var(--tag_small_fontSize);
-}
-
-.large_text {
-  font-size: var(--tag_large_fontSize);
-}
-
-.text {
-  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
-}
-
-[dir=ltr] .iconSpace {
-  margin-right: var(--zd_size4) ;
-}
-
-[dir=rtl] .iconSpace {
-  margin-left: var(--zd_size4) ;
-}
-
-.yellow {
-  --tag_bg_color: var(--zdt_tagWithIconYellow_bg);
-  --tag_text_color: var(--zdt_tagWithIconYellow_text);
-  --tag_border_color: var(--zdt_tagWithIconYellow_border);
-}
-
-.grey {
-  --tag_bg_color: var(--zdt_tagWithIconGrey_bg);
-  --tag_text_color: var(--zdt_base_color);
-  --tag_border_color: var(--zdt_tagWithIconGrey_border);
-}
-
-.blue {
-  --tag_bg_color: var(--zdt_tagWithIconBlue_bg);
-  --tag_text_color: var(--zdt_tagWithIconBlue_text);
-  --tag_border_color: var(--zdt_tagWithIconBlue_border);
+.varClass {
+  --tag_bg_color: var(--zdt_tagWithIconGrey_bg);
+  --tag_text_color: var(--zdt_tagWithIconGrey_text);
+  --tag_border_color: var(--zdt_tagWithIconGrey_border);
+  --tag_small_fontSize: var(--zd_font_size10);
+  --tag_large_fontSize: var(--zd_font_size12);
+}
+
+.wrapper {
+  composes: varClass;
+  color: var(--tag_text_color);
+  background-color: var(--tag_bg_color);
+}
+
+.small,
+.large {
+  max-width: 100% ;
+  height: var(--zd_size18) ;
+}
+
+.small, .large {
+  border: 1px solid var(--tag_border_color);
+  border-radius: var(--zd_size4);
+  padding: 0 var(--zd_size6) ;
+}
+
+.bold {
+  composes: semibold from '~@zohodesk/components/lib/common/common.module.css';
+}
+
+.small_text {
+  font-size: var(--tag_small_fontSize);
+}
+
+.large_text {
+  font-size: var(--tag_large_fontSize);
+}
+
+.text {
+  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
+}
+
+[dir=ltr] .iconSpace {
+  margin-right: var(--zd_size4) ;
+}
+
+[dir=rtl] .iconSpace {
+  margin-left: var(--zd_size4) ;
+}
+
+.yellow {
+  --tag_bg_color: var(--zdt_tagWithIconYellow_bg);
+  --tag_text_color: var(--zdt_tagWithIconYellow_text);
+  --tag_border_color: var(--zdt_tagWithIconYellow_border);
+}
+
+.grey {
+  --tag_bg_color: var(--zdt_tagWithIconGrey_bg);
+  --tag_text_color: var(--zdt_tagWithIconGrey_text);
+  --tag_border_color: var(--zdt_tagWithIconGrey_border);
+}
+
+.blue {
+  --tag_bg_color: var(--zdt_tagWithIconBlue_bg);
+  --tag_text_color: var(--zdt_tagWithIconBlue_text);
+  --tag_border_color: var(--zdt_tagWithIconBlue_border);
 }

package/es/ToastMessage/ToastMessage.module.css

@@ -4,7 +4,7 @@
   max-height: 100% ;
   border-radius: 5px;
   box-shadow: var(--zd_bs_toastmessage_container);
-  background-color: var(--zdt_base_bg);
+  background-color: var(--zdt_toastmessage_default_bg);
   margin-bottom: var(--zd_size7) ;
 }[dir=ltr] .container {
   transform-origin: right center;
@@ -116,7 +116,7 @@
 }
 
 .cancelButton:hover {
-  color: var(--zdt_base_color);
+  color: var(--zdt_toastmessage_cancel_hover_text);
 }
 
 .primary:hover,
@@ -249,7 +249,7 @@
 }
 
 .dropdown:hover i {
-  color: var(--zdt_base_color);
+  color: var(--zdt_toastmessage_cancel_hover_text);
 }
 
 .message {

package/es/alert/AlertHeader/AlertHeader.module.css

@@ -55,9 +55,7 @@
 
 /* icon size */
 
-.icon_delete,
-.icon_alert,
-.icon_remoteAssist {
+.icon_delete, .icon_alert, .icon_remoteAssist {
   font-size: var(--zd_font_size20) ;
 }
 
@@ -79,5 +77,5 @@
 }
 
 .text_default {
-  color: var(--zdt_base_color);
+  color: var(--zdt_alertheader_default_text);
 }

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/avatar/AvatarUser/AvatarUser.module.css

@@ -3,13 +3,11 @@
   composes: dInflex from '~@zohodesk/components/lib/common/common.module.css';
   vertical-align: middle;
 }
-
 .paid,
 .portal,
 .delete {
   font-size: var(--zd_font_size10) ;
 }
-
 .paid,
 .portal,
 .delete,
@@ -17,28 +15,22 @@
   position: absolute;
   line-height: 0;
 }
-
 .paid {
   composes: middle from '~@zohodesk/components/lib/common/common.module.css';
 }
-
 [dir=ltr] .paid {
   left: 50% ;
 }
-
 [dir=rtl] .paid {
   right: 50% ;
 }
-
 .paid {
   top: calc( var(--zd_size2) * -1 ) ;
 }
-
 .portal, .lock {
-  background-color: var(--zdt_base_bg);
+  background-color: var(--zdt_avataruser_default_bg);
   border-radius: 50%;
 }
-
 .delete {
   top: 0 ;
   width: 100% ;
@@ -51,87 +43,66 @@
   border-radius: 50%;
   background-color: var(--zdt_avataruser_delete_bg);
 }
-
 [dir=ltr] .delete {
   left: 0 ;
 }
-
 [dir=rtl] .delete {
   right: 0 ;
 }
-
 .container:hover .delete {
   opacity: 1;
 }
-
 .small .portal {
   top: 0 ;
 }
-
 [dir=ltr] .small .portal {
   right: calc( var(--zd_size4) * -1 ) ;
 }
-
 [dir=rtl] .small .portal {
   left: calc( var(--zd_size4) * -1 ) ;
 }
-
 .xsmall .portal {
   top: var(--zd_size1) ;
 }
-
 [dir=ltr] .xsmall .portal {
   right: calc( var(--zd_size2) * -1 ) ;
 }
-
 [dir=rtl] .xsmall .portal {
   left: calc( var(--zd_size2) * -1 ) ;
 }
-
 .medium .portal {
   top: var(--zd_size1) ;
 }
-
 [dir=ltr] .medium .portal {
   right: calc( var(--zd_size1) * -1 ) ;
 }
-
 [dir=rtl] .medium .portal {
   left: calc( var(--zd_size1) * -1 ) ;
 }
-
 .xmedium .portal {
   top: var(--zd_size3) ;
 }
-
 [dir=ltr] .xmedium .portal {
   right: 0 ;
 }
-
 [dir=rtl] .xmedium .portal {
   left: 0 ;
 }
-
 .large .portal {
   top: var(--zd_size8) ;
 }
-
 [dir=ltr] .large .portal {
   right: var(--zd_size1) ;
 }
-
 [dir=rtl] .large .portal {
   left: var(--zd_size1) ;
 }
-
 .xlarge .portal {
   top: var(--zd_size15) ;
 }
-
 [dir=ltr] .xlarge .portal {
   right: var(--zd_size2) ;
 }
-
 [dir=rtl] .xlarge .portal {
   left: var(--zd_size2) ;
 }
@@ -148,68 +119,53 @@
 [dir=rtl] .small .lock {
   left: calc( var(--zd_size5) * -1 ) ;
 }
-
 .xsmall .lock {
   top: var(--zd_size1) ;
   font-size: var(--zd_font_size12) ;
 }
-
 [dir=ltr] .xsmall .lock {
   right: calc( var(--zd_size4) * -1 ) ;
 }
-
 [dir=rtl] .xsmall .lock {
   left: calc( var(--zd_size4) * -1 ) ;
 }
-
 .medium .lock {
   top: var(--zd_size2) ;
   font-size: var(--zd_font_size13) ;
 }
-
 [dir=ltr] .medium .lock {
   right: calc( var(--zd_size5) * -1 ) ;
 }
-
 [dir=rtl] .medium .lock {
   left: calc( var(--zd_size5) * -1 ) ;
 }
-
 .xmedium .lock {
   top: var(--zd_size4) ;
   font-size: var(--zd_font_size14) ;
 }
-
 [dir=ltr] .xmedium .lock {
   right: calc( var(--zd_size6) * -1 ) ;
 }
-
 [dir=rtl] .xmedium .lock {
   left: calc( var(--zd_size6) * -1 ) ;
 }
-
 .large .lock {
   top: var(--zd_size6) ;
   font-size: var(--zd_font_size18) ;
 }
-
 [dir=ltr] .large .lock {
   right: calc( var(--zd_size6) * -1 ) ;
 }
-
 [dir=rtl] .large .lock {
   left: calc( var(--zd_size6) * -1 ) ;
 }
-
 .xlarge .lock {
   top: var(--zd_size12) ;
   font-size: var(--zd_font_size22) ;
 }
-
 [dir=ltr] .xlarge .lock {
   right: calc( var(--zd_size8) * -1 ) ;
 }
-
 [dir=rtl] .xlarge .lock {
   left: calc( var(--zd_size8) * -1 ) ;
-}
+}

package/es/avatar/AvatarWithTeam/AvatarWithTeam.module.css

@@ -11,7 +11,7 @@
   padding: var(--zd_size2) ;
   border-radius: 50%;
   transform: scale(0.8);
-  background-color: var(--zdt_base_bg);
+  background-color: var(--zdt_avatarwithteam_default_bg);
 }
 
 [dir=ltr] .teamAvatar {
@@ -20,4 +20,4 @@
 
 [dir=rtl] .teamAvatar {
   left: calc( var(--zd_size10) * -1 ) ;
-}
+}

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));
-
-
 }