@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/default/themes/blue/blueDefaultDotTheme.module.css CHANGED
@@ -1,16 +1,16 @@
1
1
  [data-mode='default'][data-theme='blue'] {
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsl(227, 27%, calc(24% + var(--zd_default_bg_lValue)), calc( 0.94 + var(--zd_bg_alpha)));
3
+ --zdt_freezelayer_darklight_bg: hsla(227, 27%, calc(24% + var(--zd_default_bg_lValue)), calc( 0.94 + var(--zd_bg_alpha)));
4
4
 
5
5
  /* common empty state */
6
- --zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
7
- --zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
8
- --zdt_commonEmptyState_dark_link: hsl(207, 96%, calc(71% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
9
- --zdt_commonEmptyState_dark_link_hover: hsl(221, 100%, calc(57% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
6
+ --zdt_commonEmptyState_dark_title: hsla(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
7
+ --zdt_commonEmptyState_dark_description: hsla(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
8
+ --zdt_commonEmptyState_dark_link: hsla(207, 96%, calc(71% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
9
+ --zdt_commonEmptyState_dark_link_hover: hsla(221, 100%, calc(57% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsl(227, 27%, calc(24% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
- --zdt_attachmentviewer_header_border: hsl(228, 18%, calc(32% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
14
- --zdt_attachmentviewer_footer_bg: hsl(227, 27%, calc(24% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
- --zdt_attachmentviewer_arrow_bg_hover: hsl(227, 27%, calc(24% + var(--zd_default_bg_lValue)), calc( + var(--zd_bg_alpha)));
12
+ --zdt_attachmentviewer_header_bg: hsla(227, 27%, calc(24% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
+ --zdt_attachmentviewer_header_border: hsla(228, 18%, calc(32% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
14
+ --zdt_attachmentviewer_footer_bg: hsla(227, 27%, calc(24% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(227, 27%, calc(24% + var(--zd_default_bg_lValue)), calc( + var(--zd_bg_alpha)));
16
16
  }
package/assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css CHANGED
@@ -1,16 +1,16 @@
1
1
  [data-mode='default'][data-theme='green'] {
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsl(190, 43%, calc(10% + var(--zd_default_bg_lValue)), calc( 0.94 + var(--zd_bg_alpha)));
3
+ --zdt_freezelayer_darklight_bg: hsla(190, 43%, calc(10% + var(--zd_default_bg_lValue)), calc( 0.94 + var(--zd_bg_alpha)));
4
4
 
5
5
  /* common empty state */
6
- --zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
7
- --zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
8
- --zdt_commonEmptyState_dark_link: hsl(133, 48%, calc(52% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
9
- --zdt_commonEmptyState_dark_link_hover: hsl(134, 79%, calc(26% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
6
+ --zdt_commonEmptyState_dark_title: hsla(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
7
+ --zdt_commonEmptyState_dark_description: hsla(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
8
+ --zdt_commonEmptyState_dark_link: hsla(133, 48%, calc(52% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
9
+ --zdt_commonEmptyState_dark_link_hover: hsla(134, 79%, calc(26% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsl(190, 43%, calc(10% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
- --zdt_attachmentviewer_header_border: hsl(190, 37%, calc(16% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
14
- --zdt_attachmentviewer_footer_bg: hsl(190, 43%, calc(10% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
- --zdt_attachmentviewer_arrow_bg_hover: hsl(190, 43%, calc(10% + var(--zd_default_bg_lValue)), calc( + var(--zd_bg_alpha)));
12
+ --zdt_attachmentviewer_header_bg: hsla(190, 43%, calc(10% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
+ --zdt_attachmentviewer_header_border: hsla(190, 37%, calc(16% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
14
+ --zdt_attachmentviewer_footer_bg: hsla(190, 43%, calc(10% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(190, 43%, calc(10% + var(--zd_default_bg_lValue)), calc( + var(--zd_bg_alpha)));
16
16
  }
package/assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css CHANGED
@@ -1,16 +1,16 @@
1
1
  [data-mode='default'][data-theme='orange'] {
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsl(39, 31%, calc(11% + var(--zd_default_bg_lValue)), calc( 0.94 + var(--zd_bg_alpha)));
3
+ --zdt_freezelayer_darklight_bg: hsla(39, 31%, calc(11% + var(--zd_default_bg_lValue)), calc( 0.94 + var(--zd_bg_alpha)));
4
4
 
5
5
  /* common empty state */
6
- --zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
7
- --zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
8
- --zdt_commonEmptyState_dark_link: hsl(28, 82%, calc(49% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
9
- --zdt_commonEmptyState_dark_link_hover: hsl(30, 100%, calc(35% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
6
+ --zdt_commonEmptyState_dark_title: hsla(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
7
+ --zdt_commonEmptyState_dark_description: hsla(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
8
+ --zdt_commonEmptyState_dark_link: hsla(28, 82%, calc(49% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
9
+ --zdt_commonEmptyState_dark_link_hover: hsla(30, 100%, calc(35% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsl(39, 31%, calc(11% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
- --zdt_attachmentviewer_header_border: hsl(54, 46%, calc(12% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
14
- --zdt_attachmentviewer_footer_bg: hsl(39, 31%, calc(11% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
- --zdt_attachmentviewer_arrow_bg_hover: hsl(39, 31%, calc(11% + var(--zd_default_bg_lValue)), calc( + var(--zd_bg_alpha)));
12
+ --zdt_attachmentviewer_header_bg: hsla(39, 31%, calc(11% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
+ --zdt_attachmentviewer_header_border: hsla(54, 46%, calc(12% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
14
+ --zdt_attachmentviewer_footer_bg: hsla(39, 31%, calc(11% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(39, 31%, calc(11% + var(--zd_default_bg_lValue)), calc( + var(--zd_bg_alpha)));
16
16
  }
package/assets/Appearance/default/themes/red/redDefaultDotTheme.module.css CHANGED
@@ -1,16 +1,16 @@
1
1
  [data-mode='default'][data-theme='red'] {
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsl(322, 39%, calc(10% + var(--zd_default_bg_lValue)), calc( 0.94 + var(--zd_bg_alpha)));
3
+ --zdt_freezelayer_darklight_bg: hsla(322, 39%, calc(10% + var(--zd_default_bg_lValue)), calc( 0.94 + var(--zd_bg_alpha)));
4
4
 
5
5
  /* common empty state */
6
- --zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
7
- --zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
8
- --zdt_commonEmptyState_dark_link: hsl(0, 100%, calc(69% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
9
- --zdt_commonEmptyState_dark_link_hover: hsl(1, 75%, calc(38% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
6
+ --zdt_commonEmptyState_dark_title: hsla(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
7
+ --zdt_commonEmptyState_dark_description: hsla(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
8
+ --zdt_commonEmptyState_dark_link: hsla(0, 100%, calc(69% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
9
+ --zdt_commonEmptyState_dark_link_hover: hsla(1, 75%, calc(38% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsl(322, 39%, calc(10% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
- --zdt_attachmentviewer_header_border: hsl(351, 23%, calc(16% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
14
- --zdt_attachmentviewer_footer_bg: hsl(322, 39%, calc(10% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
- --zdt_attachmentviewer_arrow_bg_hover: hsl(322, 39%, calc(10% + var(--zd_default_bg_lValue)), calc( + var(--zd_bg_alpha)));
12
+ --zdt_attachmentviewer_header_bg: hsla(322, 39%, calc(10% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
+ --zdt_attachmentviewer_header_border: hsla(351, 23%, calc(16% + var(--zd_default_border_lValue)), calc(1 + var(--zd_alpha)));
14
+ --zdt_attachmentviewer_footer_bg: hsla(322, 39%, calc(10% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(322, 39%, calc(10% + var(--zd_default_bg_lValue)), calc( + var(--zd_bg_alpha)));
16
16
  }
package/assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css CHANGED
@@ -1,16 +1,16 @@
1
1
  [data-mode='default'][data-theme='yellow'] {
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsl(67, 33%, calc(11% + var(--zd_default_bg_lValue)), calc( 0.94 + var(--zd_bg_alpha)));
3
+ --zdt_freezelayer_darklight_bg: hsla(67, 33%, calc(11% + var(--zd_default_bg_lValue)), calc( 0.94 + var(--zd_bg_alpha)));
4
4
 
5
5
  /* common empty state */
6
- --zdt_commonEmptyState_dark_title: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
7
- --zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
8
- --zdt_commonEmptyState_dark_link: hsl(46, 81%, calc(52% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
9
- --zdt_commonEmptyState_dark_link_hover: hsl(48, 100%, calc(35% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
6
+ --zdt_commonEmptyState_dark_title: hsla(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
7
+ --zdt_commonEmptyState_dark_description: hsla(0, 0%, calc(100% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
8
+ --zdt_commonEmptyState_dark_link: hsla(46, 81%, calc(52% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
9
+ --zdt_commonEmptyState_dark_link_hover: hsla(48, 100%, calc(35% + var(--zd_default_text_lValue)), calc(1 + var(--zd_alpha)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsl(67, 33%, calc(11% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
- --zdt_attachmentviewer_header_border: hsl(0, 0%, calc(100% + var(--zd_default_border_lValue)), calc( 0.08 + var(--zd_alpha)));
14
- --zdt_attachmentviewer_footer_bg: hsl(67, 33%, calc(11% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
- --zdt_attachmentviewer_arrow_bg_hover: hsl(67, 33%, calc(11% + var(--zd_default_bg_lValue)), calc( + var(--zd_bg_alpha)));
12
+ --zdt_attachmentviewer_header_bg: hsla(67, 33%, calc(11% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
+ --zdt_attachmentviewer_header_border: hsla(0, 0%, calc(100% + var(--zd_default_border_lValue)), calc( 0.08 + var(--zd_alpha)));
14
+ --zdt_attachmentviewer_footer_bg: hsla(67, 33%, calc(11% + var(--zd_default_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(67, 33%, calc(11% + var(--zd_default_bg_lValue)), calc( + var(--zd_bg_alpha)));
16
16
  }