@zohodesk/dot 1.0.0-temp-138 → 1.0.0-temp.139

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 (59) hide show
  1. package/README.md +6 -0
  2. package/assets/Appearance/dark/mode/dotDarkMode.module.css +66 -0
  3. package/assets/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +4 -0
  4. package/assets/Appearance/dark/themes/green/greenDarkDotTheme.module.css +4 -0
  5. package/assets/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +4 -0
  6. package/assets/Appearance/dark/themes/red/redDarkDotTheme.module.css +4 -0
  7. package/assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +4 -0
  8. package/assets/Appearance/default/mode/dotDefaultMode.module.css +66 -0
  9. package/assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +4 -0
  10. package/assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css +4 -0
  11. package/assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +4 -0
  12. package/assets/Appearance/default/themes/red/redDefaultDotTheme.module.css +4 -0
  13. package/assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +4 -0
  14. package/assets/Appearance/pureDark/mode/dotPureDarkMode.module.css +66 -0
  15. package/assets/Appearance/pureDark/themes/blue/bluePureDarkDotTheme.module.css +4 -0
  16. package/assets/Appearance/pureDark/themes/green/greenPureDarkDotTheme.module.css +4 -0
  17. package/assets/Appearance/pureDark/themes/orange/orangePureDarkDotTheme.module.css +4 -0
  18. package/assets/Appearance/pureDark/themes/red/redPureDarkDotTheme.module.css +4 -0
  19. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkDotTheme.module.css +4 -0
  20. package/css_error.log +1 -0
  21. package/es/TagWithIcon/TagWithIcon.js +62 -0
  22. package/es/TagWithIcon/TagWithIcon.module.css +56 -0
  23. package/es/dropdown/ToggleDropDown/ToggleDropDown.js +2 -2
  24. package/es/dropdown/ToggleDropDown/props/defaultProps.js +2 -1
  25. package/es/dropdown/ToggleDropDown/props/propTypes.js +5 -1
  26. package/es/layout/List/CommentsList/CommentListItemCommon.module.css +143 -0
  27. package/es/layout/List/CommentsList/CommentListItemFromTab.module.css +50 -0
  28. package/es/layout/List/CommentsList/CommentListItemFromTabUI.js +121 -0
  29. package/es/layout/List/CommentsList/CommentListItemWeb.module.css +45 -0
  30. package/es/layout/List/CommentsList/CommentListItemWebUI.js +107 -0
  31. package/es/layout/List/ThreadsList/ThreadListItemCommon.module.css +345 -0
  32. package/es/layout/List/ThreadsList/ThreadListItemFromTab.module.css +35 -0
  33. package/es/layout/List/ThreadsList/ThreadListItemFromTabUI.js +282 -0
  34. package/es/layout/List/ThreadsList/ThreadListItemWeb.module.css +35 -0
  35. package/es/layout/List/ThreadsList/ThreadListItemWebUI.js +270 -0
  36. package/es/layout/List/common/SubTabListItemTabCommon.module.css +59 -0
  37. package/es/layout/List/common/SubTabListItemWebCommon.module.css +99 -0
  38. package/es/layout/List/common/twoToneIconColor.module.css +26 -0
  39. package/es/list/status/StatusListItem/StatusListItem.module.css +7 -5
  40. package/lib/TagWithIcon/TagWithIcon.js +92 -0
  41. package/lib/TagWithIcon/TagWithIcon.module.css +56 -0
  42. package/lib/dropdown/ToggleDropDown/ToggleDropDown.js +4 -2
  43. package/lib/dropdown/ToggleDropDown/props/defaultProps.js +2 -1
  44. package/lib/dropdown/ToggleDropDown/props/propTypes.js +5 -1
  45. package/lib/layout/List/CommentsList/CommentListItemCommon.module.css +143 -0
  46. package/lib/layout/List/CommentsList/CommentListItemFromTab.module.css +50 -0
  47. package/lib/layout/List/CommentsList/CommentListItemFromTabUI.js +123 -0
  48. package/lib/layout/List/CommentsList/CommentListItemWeb.module.css +45 -0
  49. package/lib/layout/List/CommentsList/CommentListItemWebUI.js +109 -0
  50. package/lib/layout/List/ThreadsList/ThreadListItemCommon.module.css +345 -0
  51. package/lib/layout/List/ThreadsList/ThreadListItemFromTab.module.css +35 -0
  52. package/lib/layout/List/ThreadsList/ThreadListItemFromTabUI.js +283 -0
  53. package/lib/layout/List/ThreadsList/ThreadListItemWeb.module.css +35 -0
  54. package/lib/layout/List/ThreadsList/ThreadListItemWebUI.js +271 -0
  55. package/lib/layout/List/common/SubTabListItemTabCommon.module.css +59 -0
  56. package/lib/layout/List/common/SubTabListItemWebCommon.module.css +99 -0
  57. package/lib/layout/List/common/twoToneIconColor.module.css +26 -0
  58. package/lib/list/status/StatusListItem/StatusListItem.module.css +7 -5
  59. package/package.json +3 -3
@@ -0,0 +1,99 @@
1
+ .listWrapper .innerWrapper, .peekViewWrapper .innerWrapper {
2
+ padding-top: var(--zd_size15);
3
+ padding-bottom: var(--zd_size12);
4
+ }
5
+
6
+ [dir=ltr] .listWrapper {
7
+ padding-left: var(--zd_size65);
8
+ padding-right: var(--zd_size65);
9
+ }
10
+
11
+ [dir=rtl] .listWrapper {
12
+ padding-right: var(--zd_size65);
13
+ padding-left: var(--zd_size65);
14
+ }
15
+
16
+ [dir=ltr] .peekViewWrapper {
17
+ padding-left: var(--zd_size42);
18
+ padding-right: var(--zd_size42);
19
+ }
20
+
21
+ [dir=rtl] .peekViewWrapper {
22
+ padding-right: var(--zd_size42);
23
+ padding-left: var(--zd_size42);
24
+ }
25
+
26
+ [dir=ltr] .avatarWrapper {
27
+ margin-right: var(--zd_size25);
28
+ }
29
+
30
+ [dir=rtl] .avatarWrapper {
31
+ margin-left: var(--zd_size25);
32
+ }
33
+
34
+ .secondaryWrapper {
35
+ line-height: var(--zd_size18);
36
+ margin-top: var(--zd_size2);
37
+ }
38
+
39
+ .floatingWrapper {
40
+ display: none;
41
+ }
42
+
43
+ .wrapper {
44
+ transition: padding var(--zd_transition3);
45
+ }
46
+
47
+ .wrapper:hover .floatingWrapper {
48
+ display: block;
49
+ }
50
+
51
+ .notAccessible {
52
+ cursor: not-allowed
53
+ }
54
+
55
+ .dot {
56
+ color: var(--zdt_dot_text);
57
+ font-size: var(--zd_font_size16);
58
+ display: none;
59
+ transform: perspective(1px);
60
+ margin: 0 var(--zd_size6)
61
+ }
62
+
63
+ [is-dot='true']+.dot {
64
+ display: block
65
+ }
66
+
67
+ .posRel {
68
+ position: relative;
69
+ }
70
+
71
+ .dotted {
72
+ composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
73
+ }
74
+
75
+ .visibleOnHover {
76
+ opacity: 0;
77
+ visibility: hidden;
78
+ }
79
+
80
+ .wrapper:hover .visibleOnHover {
81
+ opacity: 1;
82
+ visibility: visible;
83
+ }
84
+
85
+ .pointer {
86
+ cursor: pointer;
87
+ }
88
+
89
+ .secondaryItem {
90
+ max-width: var(--zd_size232)
91
+ }
92
+
93
+ [dir=ltr] .icnSpace {
94
+ margin-left: var(--zd_size8)
95
+ }
96
+
97
+ [dir=rtl] .icnSpace {
98
+ margin-right: var(--zd_size8)
99
+ }
@@ -0,0 +1,26 @@
1
+ .primary :global .path1:before {
2
+ color: var(--zdt_twotoneIcon_primary_bg);
3
+ }
4
+
5
+ .primary :global .path2:before {
6
+ color: var(--zdt_twotoneIcon_primary_border);
7
+ }
8
+
9
+ /* .secondary :global .path1:before {
10
+ color: var(--zdt_twotoneIcon_secondary_bg);
11
+ }
12
+ .secondary :global .path2:before {
13
+ color: var(--zdt_twotoneIcon_secondary_border);
14
+ }
15
+ .danger :global .path1:before {
16
+ color: var(--zdt_twotoneIcon_danger_bg);
17
+ }
18
+ .danger :global .path2:before {
19
+ color: var(--zdt_twotoneIcon_danger_border);
20
+ }
21
+ .info :global .path1:before {
22
+ color: var(--zdt_twotoneIcon_info_bg);
23
+ }
24
+ .info :global .path2:before {
25
+ color: var(--zdt_twotoneIcon_info_border);
26
+ } */
@@ -3,6 +3,7 @@
3
3
  font-size: var(--zd_font_size13);
4
4
  position: relative;
5
5
  list-style: none;
6
+ min-height: var(--zd_size35);
6
7
  cursor: pointer;
7
8
  }
8
9
  [dir=ltr] .withBorder {
@@ -12,13 +13,13 @@
12
13
  border-right: 1px solid var(--zdt_statuslistitem_default_border);
13
14
  }
14
15
  [dir=ltr] .small {
15
- padding: var(--zd_size9) var(--zd_size3) var(--zd_size9) var(--zd_size5);
16
+ padding: var(--zd_size7) var(--zd_size3) var(--zd_size7) var(--zd_size5);
16
17
  }
17
18
  [dir=rtl] .small {
18
- padding: var(--zd_size9) var(--zd_size5) var(--zd_size9) var(--zd_size3);
19
+ padding: var(--zd_size7) var(--zd_size5) var(--zd_size7) var(--zd_size3);
19
20
  }
20
21
  .medium {
21
- padding: var(--zd_size9) var(--zd_size20);
22
+ padding: var(--zd_size7) var(--zd_size20);
22
23
  }
23
24
  .large {
24
25
  height: var(--zd_size48);
@@ -29,13 +30,14 @@
29
30
  [dir=rtl] .large {
30
31
  padding: var(--zd_size10) var(--zd_size25) var(--zd_size10) var(--zd_size3);
31
32
  }
32
-
33
+ .value,.multiLineValue {
34
+ line-height: var(--zd_size20);
35
+ }
33
36
  .value {
34
37
  composes: dotted from '~@zohodesk/components/lib/common/common.module.css';
35
38
  }
36
39
  .multiLineValue{
37
40
  word-break: break-word;
38
- line-height: var(--zd_size20);
39
41
  composes: clamp from '~@zohodesk/components/lib/common/common.module.css';
40
42
  }
41
43
  [dir=ltr] .withBorder.active {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/dot",
3
- "version": "1.0.0-temp-138",
3
+ "version": "1.0.0-temp.139",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -44,7 +44,7 @@
44
44
  "velocity-react": "1.4.3",
45
45
  "@zohodesk/variables": "1.0.0-beta.30",
46
46
  "@zohodesk/i18n": "1.0.0-beta.7",
47
- "@zohodesk/components": "1.0.0-alpha-262",
47
+ "@zohodesk/components": "1.0.0-alpha-263",
48
48
  "@zohodesk/icons": "1.0.0-beta.119",
49
49
  "@zohodesk/svg": "1.0.0-beta.54",
50
50
  "@zohodesk/virtualizer": "1.0.3",
@@ -55,7 +55,7 @@
55
55
  "velocity-react": "1.4.3",
56
56
  "@zohodesk/variables": "1.0.0-beta.30",
57
57
  "@zohodesk/i18n": "1.0.0-beta.7",
58
- "@zohodesk/components": "1.0.0-alpha-262",
58
+ "@zohodesk/components": "1.0.0-alpha-263",
59
59
  "@zohodesk/icons": "1.0.0-beta.119",
60
60
  "@zohodesk/svg": "1.0.0-beta.54",
61
61
  "@zohodesk/virtualizer": "1.0.3",