@zohodesk/dot 1.0.0-temp-131 → 1.0.0-temp-132

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/assets/Appearance/dark/mode/dotDarkMode.module.css +288 -288
  2. package/assets/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +9 -9
  3. package/assets/Appearance/dark/themes/green/greenDarkDotTheme.module.css +9 -9
  4. package/assets/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +9 -9
  5. package/assets/Appearance/dark/themes/red/redDarkDotTheme.module.css +9 -9
  6. package/assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +9 -9
  7. package/assets/Appearance/default/mode/dotDefaultMode.module.css +282 -282
  8. package/assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +9 -9
  9. package/assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css +9 -9
  10. package/assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +9 -9
  11. package/assets/Appearance/default/themes/red/redDefaultDotTheme.module.css +9 -9
  12. package/assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +9 -9
  13. package/assets/Appearance/pureDark/mode/dotPureDarkMode.module.css +290 -290
  14. package/assets/Appearance/pureDark/themes/blue/bluePureDarkDotTheme.module.css +9 -9
  15. package/assets/Appearance/pureDark/themes/green/greenPureDarkDotTheme.module.css +9 -9
  16. package/assets/Appearance/pureDark/themes/orange/orangePureDarkDotTheme.module.css +9 -9
  17. package/assets/Appearance/pureDark/themes/red/redPureDarkDotTheme.module.css +9 -9
  18. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkDotTheme.module.css +9 -9
  19. package/es/avatar/AvatarStatus/AvatarStatus.js +3 -1
  20. package/es/avatar/AvatarStatus/props/defaultProps.js +3 -1
  21. package/es/avatar/AvatarStatus/props/propTypes.js +2 -0
  22. package/es/avatar/AvatarWithTeam/AvatarWithTeam.js +3 -2
  23. package/es/avatar/AvatarWithTeam/props/defaultProps.js +2 -1
  24. package/es/avatar/AvatarWithTeam/props/propTypes.js +1 -0
  25. package/lib/avatar/AvatarStatus/AvatarStatus.js +3 -1
  26. package/lib/avatar/AvatarStatus/props/defaultProps.js +3 -1
  27. package/lib/avatar/AvatarStatus/props/propTypes.js +22 -24
  28. package/lib/avatar/AvatarWithTeam/AvatarWithTeam.js +3 -2
  29. package/lib/avatar/AvatarWithTeam/props/defaultProps.js +2 -1
  30. package/lib/avatar/AvatarWithTeam/props/propTypes.js +1 -0
  31. package/package.json +5 -5
package/assets/Appearance/dark/themes/blue/blueDarkDotTheme.module.css CHANGED
@@ -1,16 +1,16 @@
1
1
  [data-mode='dark'][data-theme='blue'] {
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
3
+ --zdt_freezelayer_darklight_bg: hsla(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
4
4
 
5
5
  /* common empty state */
6
- --zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
7
- --zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
8
- --zdt_commonEmptyState_dark_link: hsl(212, 100%, calc(64% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
9
- --zdt_commonEmptyState_dark_link_hover: hsl(221, 100%, calc(57% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
6
+ --zdt_commonEmptyState_dark_title: hsla(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
7
+ --zdt_commonEmptyState_dark_description: hsla(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
8
+ --zdt_commonEmptyState_dark_link: hsla(212, 100%, calc(64% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
9
+ --zdt_commonEmptyState_dark_link_hover: hsla(221, 100%, calc(57% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
- --zdt_attachmentviewer_header_border: hsl(218, 23%, calc(23% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
14
- --zdt_attachmentviewer_footer_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
- --zdt_attachmentviewer_arrow_bg_hover: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( + var(--zd_bg_alpha)));
12
+ --zdt_attachmentviewer_header_bg: hsla(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
+ --zdt_attachmentviewer_header_border: hsla(218, 23%, calc(23% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
14
+ --zdt_attachmentviewer_footer_bg: hsla(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( + var(--zd_bg_alpha)));
16
16
  }
package/assets/Appearance/dark/themes/green/greenDarkDotTheme.module.css CHANGED
@@ -1,16 +1,16 @@
1
1
  [data-mode='dark'][data-theme='green'] {
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
3
+ --zdt_freezelayer_darklight_bg: hsla(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
4
4
 
5
5
  /* common empty state */
6
- --zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
7
- --zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
8
- --zdt_commonEmptyState_dark_link: hsl(133, 40%, calc(45% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
9
- --zdt_commonEmptyState_dark_link_hover: hsl(128, 80%, calc(27% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
6
+ --zdt_commonEmptyState_dark_title: hsla(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
7
+ --zdt_commonEmptyState_dark_description: hsla(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
8
+ --zdt_commonEmptyState_dark_link: hsla(133, 40%, calc(45% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
9
+ --zdt_commonEmptyState_dark_link_hover: hsla(128, 80%, calc(27% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
- --zdt_attachmentviewer_header_border: hsl(218, 23%, calc(23% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
14
- --zdt_attachmentviewer_footer_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
- --zdt_attachmentviewer_arrow_bg_hover: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( + var(--zd_bg_alpha)));
12
+ --zdt_attachmentviewer_header_bg: hsla(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
+ --zdt_attachmentviewer_header_border: hsla(218, 23%, calc(23% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
14
+ --zdt_attachmentviewer_footer_bg: hsla(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( + var(--zd_bg_alpha)));
16
16
  }
package/assets/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css CHANGED
@@ -1,16 +1,16 @@
1
1
  [data-mode='dark'][data-theme='orange'] {
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
3
+ --zdt_freezelayer_darklight_bg: hsla(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
4
4
 
5
5
  /* common empty state */
6
- --zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
7
- --zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
8
- --zdt_commonEmptyState_dark_link: hsl(26, 100%, calc(56% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
9
- --zdt_commonEmptyState_dark_link_hover: hsl(29, 100%, calc(33% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
6
+ --zdt_commonEmptyState_dark_title: hsla(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
7
+ --zdt_commonEmptyState_dark_description: hsla(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
8
+ --zdt_commonEmptyState_dark_link: hsla(26, 100%, calc(56% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
9
+ --zdt_commonEmptyState_dark_link_hover: hsla(29, 100%, calc(33% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
- --zdt_attachmentviewer_header_border: hsl(218, 23%, calc(23% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
14
- --zdt_attachmentviewer_footer_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
- --zdt_attachmentviewer_arrow_bg_hover: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( + var(--zd_bg_alpha)));
12
+ --zdt_attachmentviewer_header_bg: hsla(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
+ --zdt_attachmentviewer_header_border: hsla(218, 23%, calc(23% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
14
+ --zdt_attachmentviewer_footer_bg: hsla(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( + var(--zd_bg_alpha)));
16
16
  }
package/assets/Appearance/dark/themes/red/redDarkDotTheme.module.css CHANGED
@@ -1,16 +1,16 @@
1
1
  [data-mode='dark'][data-theme='red'] {
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
3
+ --zdt_freezelayer_darklight_bg: hsla(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
4
4
 
5
5
  /* common empty state */
6
- --zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
7
- --zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
8
- --zdt_commonEmptyState_dark_link: hsl(0, 78%, calc(61% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
9
- --zdt_commonEmptyState_dark_link_hover: hsl(0, 82%, calc(36% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
6
+ --zdt_commonEmptyState_dark_title: hsla(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
7
+ --zdt_commonEmptyState_dark_description: hsla(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
8
+ --zdt_commonEmptyState_dark_link: hsla(0, 78%, calc(61% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
9
+ --zdt_commonEmptyState_dark_link_hover: hsla(0, 82%, calc(36% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
- --zdt_attachmentviewer_header_border: hsl(218, 23%, calc(23% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
14
- --zdt_attachmentviewer_footer_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
- --zdt_attachmentviewer_arrow_bg_hover: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( + var(--zd_bg_alpha)));
12
+ --zdt_attachmentviewer_header_bg: hsla(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
+ --zdt_attachmentviewer_header_border: hsla(218, 23%, calc(23% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
14
+ --zdt_attachmentviewer_footer_bg: hsla(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( + var(--zd_bg_alpha)));
16
16
  }
package/assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css CHANGED
@@ -1,16 +1,16 @@
1
1
  [data-mode='dark'][data-theme='yellow'] {
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
3
+ --zdt_freezelayer_darklight_bg: hsla(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
4
4
 
5
5
  /* common empty state */
6
- --zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
7
- --zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
8
- --zdt_commonEmptyState_dark_link: hsl(37, 67%, calc(53% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
9
- --zdt_commonEmptyState_dark_link_hover: hsl(39, 90%, calc(32% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
6
+ --zdt_commonEmptyState_dark_title: hsla(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
7
+ --zdt_commonEmptyState_dark_description: hsla(0, 0%, calc(100% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
8
+ --zdt_commonEmptyState_dark_link: hsla(37, 67%, calc(53% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
9
+ --zdt_commonEmptyState_dark_link_hover: hsla(39, 90%, calc(32% + var(--zd_dark_text_lValue)), calc(1 + var(--zd_alpha)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
- --zdt_attachmentviewer_header_border: hsl(218, 23%, calc(23% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
14
- --zdt_attachmentviewer_footer_bg: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
- --zdt_attachmentviewer_arrow_bg_hover: hsl(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( + var(--zd_bg_alpha)));
12
+ --zdt_attachmentviewer_header_bg: hsla(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
+ --zdt_attachmentviewer_header_border: hsla(218, 23%, calc(23% + var(--zd_dark_border_lValue)), calc(1 + var(--zd_alpha)));
14
+ --zdt_attachmentviewer_footer_bg: hsla(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(218, 23%, calc(14% + var(--zd_dark_bg_lValue)), calc( + var(--zd_bg_alpha)));
16
16
  }