@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/pureDark/themes/blue/bluePureDarkDotTheme.module.css CHANGED
@@ -1,16 +1,16 @@
1
1
  [data-mode='pureDark'][data-theme='blue'] {
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsl(0, 0%, calc(6% + var(--zd_pureDark_bg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
3
+ --zdt_freezelayer_darklight_bg: hsla(0, 0%, calc(6% + var(--zd_pureDark_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_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
7
- --zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
8
- --zdt_commonEmptyState_dark_link: hsl(212, 100%, calc(64% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
9
- --zdt_commonEmptyState_dark_link_hover: hsl(221, 100%, calc(57% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
6
+ --zdt_commonEmptyState_dark_title: hsla(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
7
+ --zdt_commonEmptyState_dark_description: hsla(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
8
+ --zdt_commonEmptyState_dark_link: hsla(212, 100%, calc(64% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
9
+ --zdt_commonEmptyState_dark_link_hover: hsla(221, 100%, calc(57% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsl(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
- --zdt_attachmentviewer_header_border: hsl(0, 0%, calc(13% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
14
- --zdt_attachmentviewer_footer_bg: hsl(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
- --zdt_attachmentviewer_arrow_bg_hover: hsl(0, 0%, calc(6% + var(--zd_pureDark_bg_lValue)), calc( + var(--zd_bg_alpha)));
12
+ --zdt_attachmentviewer_header_bg: hsla(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
+ --zdt_attachmentviewer_header_border: hsla(0, 0%, calc(13% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
14
+ --zdt_attachmentviewer_footer_bg: hsla(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0%, calc(6% + var(--zd_pureDark_bg_lValue)), calc( + var(--zd_bg_alpha)));
16
16
  }
package/assets/Appearance/pureDark/themes/green/greenPureDarkDotTheme.module.css CHANGED
@@ -1,16 +1,16 @@
1
1
  [data-mode='pureDark'][data-theme='green'] {
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsl(0, 0%, calc(6% + var(--zd_pureDark_bg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
3
+ --zdt_freezelayer_darklight_bg: hsla(0, 0%, calc(6% + var(--zd_pureDark_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_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
7
- --zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
8
- --zdt_commonEmptyState_dark_link: hsl(133, 40%, calc(45% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
9
- --zdt_commonEmptyState_dark_link_hover: hsl(128, 80%, calc(27% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
6
+ --zdt_commonEmptyState_dark_title: hsla(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
7
+ --zdt_commonEmptyState_dark_description: hsla(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
8
+ --zdt_commonEmptyState_dark_link: hsla(133, 40%, calc(45% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
9
+ --zdt_commonEmptyState_dark_link_hover: hsla(128, 80%, calc(27% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsl(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
- --zdt_attachmentviewer_header_border: hsl(0, 0%, calc(13% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
14
- --zdt_attachmentviewer_footer_bg: hsl(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
- --zdt_attachmentviewer_arrow_bg_hover: hsl(0, 0%, calc(6% + var(--zd_pureDark_bg_lValue)), calc( + var(--zd_bg_alpha)));
12
+ --zdt_attachmentviewer_header_bg: hsla(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
+ --zdt_attachmentviewer_header_border: hsla(0, 0%, calc(13% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
14
+ --zdt_attachmentviewer_footer_bg: hsla(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0%, calc(6% + var(--zd_pureDark_bg_lValue)), calc( + var(--zd_bg_alpha)));
16
16
  }
package/assets/Appearance/pureDark/themes/orange/orangePureDarkDotTheme.module.css CHANGED
@@ -1,16 +1,16 @@
1
1
  [data-mode='pureDark'][data-theme='orange'] {
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsl(0, 0%, calc(6% + var(--zd_pureDark_bg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
3
+ --zdt_freezelayer_darklight_bg: hsla(0, 0%, calc(6% + var(--zd_pureDark_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_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
7
- --zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
8
- --zdt_commonEmptyState_dark_link: hsl(26, 100%, calc(56% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
9
- --zdt_commonEmptyState_dark_link_hover: hsl(29, 100%, calc(33% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
6
+ --zdt_commonEmptyState_dark_title: hsla(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
7
+ --zdt_commonEmptyState_dark_description: hsla(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
8
+ --zdt_commonEmptyState_dark_link: hsla(26, 100%, calc(56% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
9
+ --zdt_commonEmptyState_dark_link_hover: hsla(29, 100%, calc(33% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsl(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
- --zdt_attachmentviewer_header_border: hsl(0, 0%, calc(13% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
14
- --zdt_attachmentviewer_footer_bg: hsl(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
- --zdt_attachmentviewer_arrow_bg_hover: hsl(0, 0%, calc(6% + var(--zd_pureDark_bg_lValue)), calc( + var(--zd_bg_alpha)));
12
+ --zdt_attachmentviewer_header_bg: hsla(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
+ --zdt_attachmentviewer_header_border: hsla(0, 0%, calc(13% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
14
+ --zdt_attachmentviewer_footer_bg: hsla(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0%, calc(6% + var(--zd_pureDark_bg_lValue)), calc( + var(--zd_bg_alpha)));
16
16
  }
package/assets/Appearance/pureDark/themes/red/redPureDarkDotTheme.module.css CHANGED
@@ -1,16 +1,16 @@
1
1
  [data-mode='pureDark'][data-theme='red'] {
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsl(0, 0%, calc(6% + var(--zd_pureDark_bg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
3
+ --zdt_freezelayer_darklight_bg: hsla(0, 0%, calc(6% + var(--zd_pureDark_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_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
7
- --zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
8
- --zdt_commonEmptyState_dark_link: hsl(0, 78%, calc(61% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
9
- --zdt_commonEmptyState_dark_link_hover: hsl(0, 82%, calc(36% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
6
+ --zdt_commonEmptyState_dark_title: hsla(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
7
+ --zdt_commonEmptyState_dark_description: hsla(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
8
+ --zdt_commonEmptyState_dark_link: hsla(0, 78%, calc(61% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
9
+ --zdt_commonEmptyState_dark_link_hover: hsla(0, 82%, calc(36% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsl(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
- --zdt_attachmentviewer_header_border: hsl(0, 0%, calc(13% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
14
- --zdt_attachmentviewer_footer_bg: hsl(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
- --zdt_attachmentviewer_arrow_bg_hover: hsl(0, 0%, calc(6% + var(--zd_pureDark_bg_lValue)), calc( + var(--zd_bg_alpha)));
12
+ --zdt_attachmentviewer_header_bg: hsla(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
+ --zdt_attachmentviewer_header_border: hsla(0, 0%, calc(13% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
14
+ --zdt_attachmentviewer_footer_bg: hsla(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0%, calc(6% + var(--zd_pureDark_bg_lValue)), calc( + var(--zd_bg_alpha)));
16
16
  }
package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkDotTheme.module.css CHANGED
@@ -1,16 +1,16 @@
1
1
  [data-mode='pureDark'][data-theme='yellow'] {
2
2
  /* freezelayer */
3
- --zdt_freezelayer_darklight_bg: hsl(0, 0%, calc(6% + var(--zd_pureDark_bg_lValue)), calc( 0.9 + var(--zd_bg_alpha)));
3
+ --zdt_freezelayer_darklight_bg: hsla(0, 0%, calc(6% + var(--zd_pureDark_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_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
7
- --zdt_commonEmptyState_dark_description: hsl(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
8
- --zdt_commonEmptyState_dark_link: hsl(37, 67%, calc(53% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
9
- --zdt_commonEmptyState_dark_link_hover: hsl(39, 90%, calc(32% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
6
+ --zdt_commonEmptyState_dark_title: hsla(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
7
+ --zdt_commonEmptyState_dark_description: hsla(0, 0%, calc(100% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
8
+ --zdt_commonEmptyState_dark_link: hsla(37, 67%, calc(53% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
9
+ --zdt_commonEmptyState_dark_link_hover: hsla(39, 90%, calc(32% + var(--zd_pureDark_text_lValue)), calc(1 + var(--zd_alpha)));
10
10
 
11
11
  /* attachment viewer */
12
- --zdt_attachmentviewer_header_bg: hsl(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
- --zdt_attachmentviewer_header_border: hsl(0, 0%, calc(13% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
14
- --zdt_attachmentviewer_footer_bg: hsl(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
- --zdt_attachmentviewer_arrow_bg_hover: hsl(0, 0%, calc(6% + var(--zd_pureDark_bg_lValue)), calc( + var(--zd_bg_alpha)));
12
+ --zdt_attachmentviewer_header_bg: hsla(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
13
+ --zdt_attachmentviewer_header_border: hsla(0, 0%, calc(13% + var(--zd_pureDark_border_lValue)), calc(1 + var(--zd_alpha)));
14
+ --zdt_attachmentviewer_footer_bg: hsla(0, 0%, calc(9% + var(--zd_pureDark_bg_lValue)), calc(1 + var(--zd_bg_alpha)));
15
+ --zdt_attachmentviewer_arrow_bg_hover: hsla(0, 0%, calc(6% + var(--zd_pureDark_bg_lValue)), calc( + var(--zd_bg_alpha)));
16
16
  }
package/es/avatar/AvatarStatus/AvatarStatus.js CHANGED
@@ -27,7 +27,8 @@ export default class AvatarStatus extends React.Component {
27
27
  customTextClass,
28
28
  statusTitle,
29
29
  customProps,
30
- dataSelectorId
30
+ dataSelectorId,
31
+ needDefaultBorder
31
32
  } = this.props;
32
33
  let {
33
34
  AvatarStatusProps = {},
@@ -52,6 +53,7 @@ export default class AvatarStatus extends React.Component {
52
53
  initial: initial,
53
54
  shape: shape,
54
55
  needTitle: needTitle,
56
+ needDefaultBorder: needDefaultBorder,
55
57
  needBorder: needBorder
56
58
  }, AvatarProps)), /*#__PURE__*/React.createElement("span", {
57
59
  "data-title": statusTitle,
package/es/avatar/AvatarStatus/props/defaultProps.js CHANGED
@@ -6,5 +6,7 @@ export const defaultProps = {
6
6
  palette: 'info',
7
7
  statusTitle: '',
8
8
  customProps: {},
9
- dataSelectorId: 'avatarStatus'
9
+ dataSelectorId: 'avatarStatus',
10
+ needDefaultBorder: false,
11
+ needBorder: false
10
12
  };
package/es/avatar/AvatarStatus/props/propTypes.js CHANGED
@@ -13,6 +13,8 @@ export const propTypes = {
13
13
  size: PropTypes.string,
14
14
  src: PropTypes.string,
15
15
  state: PropTypes.string,
16
+ needDefaultBorder: PropTypes.bool,
17
+ needBorder: PropTypes.bool,
16
18
  statusTitle: PropTypes.string,
17
19
  textPalette: PropTypes.oneOf(['white', 'black']),
18
20
  title: PropTypes.string,
package/es/avatar/AvatarWithTeam/AvatarWithTeam.js CHANGED
@@ -22,7 +22,8 @@ export default class AvatarWithTeam extends React.Component {
22
22
  teamClassName,
23
23
  borderOnActive,
24
24
  customProps,
25
- dataSelectorId
25
+ dataSelectorId,
26
+ teamBorderActive
26
27
  } = this.props;
27
28
  let {
28
29
  AvatarWithTeamProps = {},
@@ -81,7 +82,7 @@ export default class AvatarWithTeam extends React.Component {
81
82
  customClass: {
82
83
  customAvatar: customTextClass
83
84
  },
84
- borderOnActive: borderOnActive
85
+ borderOnActive: teamBorderActive
85
86
  }, AvatarTeam2Props))) : null);
86
87
  }
87
88
  }
package/es/avatar/AvatarWithTeam/props/defaultProps.js CHANGED
@@ -4,5 +4,6 @@ export const defaultProps = {
4
4
  teamClassName: '',
5
5
  borderOnActive: false,
6
6
  customProps: {},
7
- dataSelectorId: 'avatarWithTeam'
7
+ dataSelectorId: 'avatarWithTeam',
8
+ teamBorderActive: true
8
9
  };
package/es/avatar/AvatarWithTeam/props/propTypes.js CHANGED
@@ -14,6 +14,7 @@ export const propTypes = {
14
14
  textPalette: PropTypes.oneOf(['white', 'black']),
15
15
  title: PropTypes.string,
16
16
  borderOnActive: PropTypes.bool,
17
+ teamBorderActive: PropTypes.bool,
17
18
  customProps: PropTypes.shape({
18
19
  AvatarWithTeamProps: PropTypes.object,
19
20
  Avatar1Props: PropTypes.object,
package/lib/avatar/AvatarStatus/AvatarStatus.js CHANGED
@@ -50,7 +50,8 @@ var AvatarStatus = /*#__PURE__*/function (_React$Component) {
50
50
  customTextClass = _this$props.customTextClass,
51
51
  statusTitle = _this$props.statusTitle,
52
52
  customProps = _this$props.customProps,
53
- dataSelectorId = _this$props.dataSelectorId;
53
+ dataSelectorId = _this$props.dataSelectorId,
54
+ needDefaultBorder = _this$props.needDefaultBorder;
54
55
  var _customProps$AvatarSt = customProps.AvatarStatusProps,
55
56
  AvatarStatusProps = _customProps$AvatarSt === void 0 ? {} : _customProps$AvatarSt,
56
57
  _customProps$AvatarPr = customProps.AvatarProps,
@@ -74,6 +75,7 @@ var AvatarStatus = /*#__PURE__*/function (_React$Component) {
74
75
  initial: initial,
75
76
  shape: shape,
76
77
  needTitle: needTitle,
78
+ needDefaultBorder: needDefaultBorder,
77
79
  needBorder: needBorder
78
80
  }, AvatarProps)), /*#__PURE__*/_react["default"].createElement("span", {
79
81
  "data-title": statusTitle,
package/lib/avatar/AvatarStatus/props/defaultProps.js CHANGED
@@ -12,6 +12,8 @@ var defaultProps = {
12
12
  palette: 'info',
13
13
  statusTitle: '',
14
14
  customProps: {},
15
- dataSelectorId: 'avatarStatus'
15
+ dataSelectorId: 'avatarStatus',
16
+ needDefaultBorder: false,
17
+ needBorder: false
16
18
  };
17
19
  exports.defaultProps = defaultProps;
package/lib/avatar/AvatarStatus/props/propTypes.js CHANGED
@@ -4,29 +4,27 @@ Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
6
  exports.propTypes = void 0;
7
- var _propTypes = _interopRequireDefault(require("prop-types"));
7
+ var _propTypes2 = _interopRequireDefault(require("prop-types"));
8
+ var _propTypes;
8
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
9
- var propTypes = {
10
- className: _propTypes["default"].string,
11
- customTextClass: _propTypes["default"].string,
12
- dataId: _propTypes["default"].string,
13
- initial: _propTypes["default"].string,
14
- name: _propTypes["default"].string,
15
- needBorder: _propTypes["default"].bool,
16
- needTitle: _propTypes["default"].bool,
17
- onClick: _propTypes["default"].func,
18
- palette: _propTypes["default"].oneOf(['primary', 'secondary', 'info', 'default']),
19
- shape: _propTypes["default"].string,
20
- size: _propTypes["default"].string,
21
- src: _propTypes["default"].string,
22
- state: _propTypes["default"].string,
23
- statusTitle: _propTypes["default"].string,
24
- textPalette: _propTypes["default"].oneOf(['white', 'black']),
25
- title: _propTypes["default"].string,
26
- dataSelectorId: _propTypes["default"].string,
27
- customProps: _propTypes["default"].shape({
28
- AvatarStatusProps: _propTypes["default"].object,
29
- AvatarProps: _propTypes["default"].object
30
- })
31
- };
10
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
11
+ var propTypes = (_propTypes = {
12
+ className: _propTypes2["default"].string,
13
+ customTextClass: _propTypes2["default"].string,
14
+ dataId: _propTypes2["default"].string,
15
+ initial: _propTypes2["default"].string,
16
+ name: _propTypes2["default"].string,
17
+ needBorder: _propTypes2["default"].bool,
18
+ needTitle: _propTypes2["default"].bool,
19
+ onClick: _propTypes2["default"].func,
20
+ palette: _propTypes2["default"].oneOf(['primary', 'secondary', 'info', 'default']),
21
+ shape: _propTypes2["default"].string,
22
+ size: _propTypes2["default"].string,
23
+ src: _propTypes2["default"].string,
24
+ state: _propTypes2["default"].string,
25
+ needDefaultBorder: _propTypes2["default"].bool
26
+ }, _defineProperty(_propTypes, "needBorder", _propTypes2["default"].bool), _defineProperty(_propTypes, "statusTitle", _propTypes2["default"].string), _defineProperty(_propTypes, "textPalette", _propTypes2["default"].oneOf(['white', 'black'])), _defineProperty(_propTypes, "title", _propTypes2["default"].string), _defineProperty(_propTypes, "dataSelectorId", _propTypes2["default"].string), _defineProperty(_propTypes, "customProps", _propTypes2["default"].shape({
27
+ AvatarStatusProps: _propTypes2["default"].object,
28
+ AvatarProps: _propTypes2["default"].object
29
+ })), _propTypes);
32
30
  exports.propTypes = propTypes;
package/lib/avatar/AvatarWithTeam/AvatarWithTeam.js CHANGED
@@ -49,7 +49,8 @@ var AvatarWithTeam = /*#__PURE__*/function (_React$Component) {
49
49
  teamClassName = _this$props.teamClassName,
50
50
  borderOnActive = _this$props.borderOnActive,
51
51
  customProps = _this$props.customProps,
52
- dataSelectorId = _this$props.dataSelectorId;
52
+ dataSelectorId = _this$props.dataSelectorId,
53
+ teamBorderActive = _this$props.teamBorderActive;
53
54
  var _customProps$AvatarWi = customProps.AvatarWithTeamProps,
54
55
  AvatarWithTeamProps = _customProps$AvatarWi === void 0 ? {} : _customProps$AvatarWi,
55
56
  _customProps$Avatar1P = customProps.Avatar1Props,
@@ -110,7 +111,7 @@ var AvatarWithTeam = /*#__PURE__*/function (_React$Component) {
110
111
  customClass: {
111
112
  customAvatar: customTextClass
112
113
  },
113
- borderOnActive: borderOnActive
114
+ borderOnActive: teamBorderActive
114
115
  }, AvatarTeam2Props))) : null);
115
116
  }
116
117
  }]);
package/lib/avatar/AvatarWithTeam/props/defaultProps.js CHANGED
@@ -10,6 +10,7 @@ var defaultProps = {
10
10
  teamClassName: '',
11
11
  borderOnActive: false,
12
12
  customProps: {},
13
- dataSelectorId: 'avatarWithTeam'
13
+ dataSelectorId: 'avatarWithTeam',
14
+ teamBorderActive: true
14
15
  };
15
16
  exports.defaultProps = defaultProps;
package/lib/avatar/AvatarWithTeam/props/propTypes.js CHANGED
@@ -21,6 +21,7 @@ var propTypes = {
21
21
  textPalette: _propTypes["default"].oneOf(['white', 'black']),
22
22
  title: _propTypes["default"].string,
23
23
  borderOnActive: _propTypes["default"].bool,
24
+ teamBorderActive: _propTypes["default"].bool,
24
25
  customProps: _propTypes["default"].shape({
25
26
  AvatarWithTeamProps: _propTypes["default"].object,
26
27
  Avatar1Props: _propTypes["default"].object,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/dot",
3
- "version": "1.0.0-temp-131",
3
+ "version": "1.0.0-temp-132",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -44,9 +44,9 @@
44
44
  "velocity-react": "1.4.3",
45
45
  "@zohodesk/variables": "1.0.0-beta.29",
46
46
  "@zohodesk/i18n": "1.0.0-beta.7",
47
- "@zohodesk/components": "1.0.0-temp-132",
47
+ "@zohodesk/components": "1.0.0-temp-133",
48
48
  "@zohodesk/icons": "1.0.0-beta.116",
49
- "@zohodesk/svg": "1.0.0-temp.49",
49
+ "@zohodesk/svg": "1.0.0-temp.50",
50
50
  "@zohodesk/virtualizer": "1.0.3",
51
51
  "react-sortable-hoc": "^0.8.3",
52
52
  "@zohodesk/a11y": "1.3.7"
@@ -55,9 +55,9 @@
55
55
  "velocity-react": "1.4.3",
56
56
  "@zohodesk/variables": "1.0.0-beta.29",
57
57
  "@zohodesk/i18n": "1.0.0-beta.7",
58
- "@zohodesk/components": "1.0.0-temp-132",
58
+ "@zohodesk/components": "1.0.0-temp-133",
59
59
  "@zohodesk/icons": "1.0.0-beta.116",
60
- "@zohodesk/svg": "1.0.0-temp.49",
60
+ "@zohodesk/svg": "1.0.0-temp.50",
61
61
  "@zohodesk/a11y": "1.3.7"
62
62
  },
63
63
  "react-cli": {