@zohodesk/components 1.0.0-temp-242 → 1.0.0-temp-244

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 (44) hide show
  1. package/README.md +0 -4
  2. package/es/AvatarTeam/AvatarTeam.module.css +189 -189
  3. package/es/Buttongroup/Buttongroup.module.css +104 -104
  4. package/es/DropBox/css/DropBox.module.css +58 -58
  5. package/es/DropDown/DropDownHeading.module.css +53 -53
  6. package/es/DropDown/DropDownItem.module.css +94 -94
  7. package/es/Label/Label.module.css +57 -57
  8. package/es/PopOver/PopOver.module.css +8 -8
  9. package/es/Popup/Popup.js +1045 -21
  10. package/es/Popup/PositionMapping.js +72 -0
  11. package/es/Popup/Registry.js +36 -0
  12. package/es/Popup/intersectionObserver.js +49 -0
  13. package/es/Popup/viewPort.js +373 -0
  14. package/es/Ribbon/Ribbon.module.css +499 -499
  15. package/es/Switch/Switch.module.css +127 -127
  16. package/es/Tag/Tag.module.css +253 -253
  17. package/es/TextBox/TextBox.module.css +196 -196
  18. package/es/TextBoxIcon/TextBoxIcon.module.css +79 -79
  19. package/es/Tooltip/Tooltip.js +2 -2
  20. package/es/common/customscroll.module.css +141 -141
  21. package/es/utils/Common.js +1 -1
  22. package/es/v1/Popup/Popup.js +1 -1
  23. package/lib/AvatarTeam/AvatarTeam.module.css +189 -189
  24. package/lib/Buttongroup/Buttongroup.module.css +104 -104
  25. package/lib/DropBox/css/DropBox.module.css +58 -58
  26. package/lib/DropDown/DropDownHeading.module.css +53 -53
  27. package/lib/DropDown/DropDownItem.module.css +94 -94
  28. package/lib/Label/Label.module.css +57 -57
  29. package/lib/PopOver/PopOver.module.css +8 -8
  30. package/lib/Popup/Popup.js +1152 -25
  31. package/lib/Popup/PositionMapping.js +81 -0
  32. package/lib/Popup/Registry.js +46 -0
  33. package/lib/Popup/intersectionObserver.js +72 -0
  34. package/lib/Popup/viewPort.js +367 -0
  35. package/lib/Ribbon/Ribbon.module.css +499 -499
  36. package/lib/Switch/Switch.module.css +127 -127
  37. package/lib/Tag/Tag.module.css +253 -253
  38. package/lib/TextBox/TextBox.module.css +196 -196
  39. package/lib/TextBoxIcon/TextBoxIcon.module.css +79 -79
  40. package/lib/Tooltip/Tooltip.js +2 -2
  41. package/lib/common/customscroll.module.css +141 -141
  42. package/lib/utils/Common.js +1 -1
  43. package/lib/v1/Popup/Popup.js +1 -1
  44. package/package.json +4 -4
@@ -1,142 +1,142 @@
1
- .scroll {
2
- /* Variable:Ignore */
3
- --zd-scroll-width: 12px;
4
- /* Variable:Ignore */
5
- --zd-scroll-height: 12px;
6
- --zd-scroll-bg: var(--zdt_customscroll_default_bg);
7
- --zd-scroll-corner-bg: transparent;
8
- --zd-scroll-thump: var(--zdt_customscroll_thump_bg);
9
- --zd-scroll-thump-hoverbg: var(--zdt_customscroll_thump_hover_bg);
10
- --zd-scroll-border: var(--zdt_customscroll_border);
11
- }
12
-
13
- .scroll[data-scroll-palette='dark'],
14
- .scroll [data-scroll-palette='dark'] {
15
- --zd-scroll-bg: var(--zdt_customscroll_dark_bg);
16
- --zd-scroll-thump: var(--zdt_customscroll_thump_dark_bg);
17
- --zd-scroll-thump-hoverbg: var(--zdt_customscroll_thump_dark_hover_bg);
18
- --zd-scroll-border: var(--zdt_customscroll_dark_border);
19
- }
20
-
21
- .scroll,
22
- .scroll * {
23
- /* css:theme-validation:ignore */
24
- scrollbar-color: var(--zd-scroll-thump) var(--zd-scroll-bg);
25
- scrollbar-width: thin;
26
- /* css:theme-validation:ignore */
27
- -ms-scrollbar-highlight-color: var(--zd-scroll-bg);
28
- /* css:theme-validation:ignore */
29
- -ms-scrollbar-face-color: var(--zd-scroll-thump);
30
- }
31
-
32
- .scroll::-webkit-scrollbar,
33
- .scroll ::-webkit-scrollbar {
34
- /* css:theme-validation:ignore */
35
- }
36
-
37
- .scroll::-webkit-scrollbar, .scroll ::-webkit-scrollbar {
38
- background: var(--zd-scroll-corner-bg);
39
- }
40
-
41
- .scroll::-webkit-scrollbar:hover,
42
- .scroll ::-webkit-scrollbar:hover {
43
- /* css:theme-validation:ignore */
44
- }
45
-
46
- .scroll::-webkit-scrollbar:hover, .scroll ::-webkit-scrollbar:hover {
47
- background: var(--zd-scroll-bg);
48
- }
49
-
50
- .scroll::-webkit-scrollbar:horizontal,
51
- .scroll ::-webkit-scrollbar:horizontal {
52
- height: var(--zd-scroll-height);
53
- }
54
-
55
- .scroll::-webkit-scrollbar:vertical,
56
- .scroll ::-webkit-scrollbar:vertical {
57
- width: var(--zd-scroll-width);
58
- }
59
-
60
- .scroll::-webkit-scrollbar-button,
61
- .scroll ::-webkit-scrollbar-button {
62
- display: none;
63
- width: 0 ;
64
- height: 0 ;
65
- }
66
-
67
- [dir=ltr] .scroll::-webkit-scrollbar-track:vertical, [dir=ltr] .scroll ::-webkit-scrollbar-track:vertical {
68
- border-left: 1px solid transparent;
69
- border-right: 1px solid transparent;
70
- }
71
-
72
- [dir=rtl] .scroll::-webkit-scrollbar-track:vertical, [dir=rtl] .scroll ::-webkit-scrollbar-track:vertical {
73
- border-right: 1px solid transparent;
74
- border-left: 1px solid transparent;
75
- }
76
-
77
- .scroll::-webkit-scrollbar-track:vertical:hover,
78
- .scroll ::-webkit-scrollbar-track:vertical:hover {
79
- /* css:theme-validation:ignore */
80
- }
81
-
82
- .scroll::-webkit-scrollbar-track:vertical:hover, .scroll ::-webkit-scrollbar-track:vertical:hover {
83
- border-color: var(--zd-scroll-border);
84
- }
85
-
86
- .scroll::-webkit-scrollbar-track:horizontal, .scroll ::-webkit-scrollbar-track:horizontal {
87
- border-top: 1px solid transparent;
88
- border-bottom: 1px solid transparent;
89
- }
90
-
91
- .scroll::-webkit-scrollbar-track:horizontal:hover,
92
- .scroll ::-webkit-scrollbar-track:horizontal:hover {
93
- /* css:theme-validation:ignore */
94
- }
95
-
96
- .scroll::-webkit-scrollbar-track:horizontal:hover, .scroll ::-webkit-scrollbar-track:horizontal:hover {
97
- border-color: var(--zd-scroll-border);
98
- }
99
-
100
- .scroll::-webkit-scrollbar-track-piece, .scroll ::-webkit-scrollbar-track-piece {
101
- background: inherit;
102
- }
103
-
104
- .scroll::-webkit-scrollbar-thumb,
105
- .scroll ::-webkit-scrollbar-thumb {
106
- /* css:theme-validation:ignore */
107
- /* display: none; */
108
- }
109
-
110
- .scroll::-webkit-scrollbar-thumb, .scroll ::-webkit-scrollbar-thumb {
111
- border-radius: 10px;
112
- background: var(--zd-scroll-thump);
113
- background-clip: padding-box;
114
- border: 3px solid transparent;
115
- }
116
-
117
- .scroll::-webkit-scrollbar-thumb:hover,
118
- .scroll ::-webkit-scrollbar-thumb:hover {
119
- /* css:theme-validation:ignore */
120
- }
121
-
122
- .scroll::-webkit-scrollbar-thumb:hover, .scroll ::-webkit-scrollbar-thumb:hover {
123
- background: var(--zd-scroll-thump-hoverbg);
124
- background-clip: padding-box;
125
- border: 3px solid transparent;
126
- }
127
-
128
- /* .scroll:hover > ::-webkit-scrollbar-thumb,
129
- .scroll *:hover > ::-webkit-scrollbar-thumb {
130
- display: block;
131
- } */
132
- .scroll::-webkit-scrollbar-corner,
133
- .scroll ::-webkit-scrollbar-corner {
134
- /* css:theme-validation:ignore */
135
- }
136
- .scroll::-webkit-scrollbar-corner, .scroll ::-webkit-scrollbar-corner {
137
- background: var(--zd-scroll-corner-bg);
138
- }
139
-
140
- .scroll::-webkit-resizer, .scroll ::-webkit-resizer {
141
- background: inherit;
1
+ .scroll {
2
+ /* Variable:Ignore */
3
+ --zd-scroll-width: 12px;
4
+ /* Variable:Ignore */
5
+ --zd-scroll-height: 12px;
6
+ --zd-scroll-bg: var(--zdt_customscroll_default_bg);
7
+ --zd-scroll-corner-bg: transparent;
8
+ --zd-scroll-thump: var(--zdt_customscroll_thump_bg);
9
+ --zd-scroll-thump-hoverbg: var(--zdt_customscroll_thump_hover_bg);
10
+ --zd-scroll-border: var(--zdt_customscroll_border);
11
+ }
12
+
13
+ .scroll[data-scroll-palette='dark'],
14
+ .scroll [data-scroll-palette='dark'] {
15
+ --zd-scroll-bg: var(--zdt_customscroll_dark_bg);
16
+ --zd-scroll-thump: var(--zdt_customscroll_thump_dark_bg);
17
+ --zd-scroll-thump-hoverbg: var(--zdt_customscroll_thump_dark_hover_bg);
18
+ --zd-scroll-border: var(--zdt_customscroll_dark_border);
19
+ }
20
+
21
+ .scroll,
22
+ .scroll * {
23
+ /* css:theme-validation:ignore */
24
+ scrollbar-color: var(--zd-scroll-thump) var(--zd-scroll-bg);
25
+ scrollbar-width: thin;
26
+ /* css:theme-validation:ignore */
27
+ -ms-scrollbar-highlight-color: var(--zd-scroll-bg);
28
+ /* css:theme-validation:ignore */
29
+ -ms-scrollbar-face-color: var(--zd-scroll-thump);
30
+ }
31
+
32
+ .scroll::-webkit-scrollbar,
33
+ .scroll ::-webkit-scrollbar {
34
+ /* css:theme-validation:ignore */
35
+ }
36
+
37
+ .scroll::-webkit-scrollbar, .scroll ::-webkit-scrollbar {
38
+ background: var(--zd-scroll-corner-bg);
39
+ }
40
+
41
+ .scroll::-webkit-scrollbar:hover,
42
+ .scroll ::-webkit-scrollbar:hover {
43
+ /* css:theme-validation:ignore */
44
+ }
45
+
46
+ .scroll::-webkit-scrollbar:hover, .scroll ::-webkit-scrollbar:hover {
47
+ background: var(--zd-scroll-bg);
48
+ }
49
+
50
+ .scroll::-webkit-scrollbar:horizontal,
51
+ .scroll ::-webkit-scrollbar:horizontal {
52
+ height: var(--zd-scroll-height);
53
+ }
54
+
55
+ .scroll::-webkit-scrollbar:vertical,
56
+ .scroll ::-webkit-scrollbar:vertical {
57
+ width: var(--zd-scroll-width);
58
+ }
59
+
60
+ .scroll::-webkit-scrollbar-button,
61
+ .scroll ::-webkit-scrollbar-button {
62
+ display: none;
63
+ width: 0 ;
64
+ height: 0 ;
65
+ }
66
+
67
+ [dir=ltr] .scroll::-webkit-scrollbar-track:vertical, [dir=ltr] .scroll ::-webkit-scrollbar-track:vertical {
68
+ border-left: 1px solid transparent;
69
+ border-right: 1px solid transparent;
70
+ }
71
+
72
+ [dir=rtl] .scroll::-webkit-scrollbar-track:vertical, [dir=rtl] .scroll ::-webkit-scrollbar-track:vertical {
73
+ border-right: 1px solid transparent;
74
+ border-left: 1px solid transparent;
75
+ }
76
+
77
+ .scroll::-webkit-scrollbar-track:vertical:hover,
78
+ .scroll ::-webkit-scrollbar-track:vertical:hover {
79
+ /* css:theme-validation:ignore */
80
+ }
81
+
82
+ .scroll::-webkit-scrollbar-track:vertical:hover, .scroll ::-webkit-scrollbar-track:vertical:hover {
83
+ border-color: var(--zd-scroll-border);
84
+ }
85
+
86
+ .scroll::-webkit-scrollbar-track:horizontal, .scroll ::-webkit-scrollbar-track:horizontal {
87
+ border-top: 1px solid transparent;
88
+ border-bottom: 1px solid transparent;
89
+ }
90
+
91
+ .scroll::-webkit-scrollbar-track:horizontal:hover,
92
+ .scroll ::-webkit-scrollbar-track:horizontal:hover {
93
+ /* css:theme-validation:ignore */
94
+ }
95
+
96
+ .scroll::-webkit-scrollbar-track:horizontal:hover, .scroll ::-webkit-scrollbar-track:horizontal:hover {
97
+ border-color: var(--zd-scroll-border);
98
+ }
99
+
100
+ .scroll::-webkit-scrollbar-track-piece, .scroll ::-webkit-scrollbar-track-piece {
101
+ background: inherit;
102
+ }
103
+
104
+ .scroll::-webkit-scrollbar-thumb,
105
+ .scroll ::-webkit-scrollbar-thumb {
106
+ /* css:theme-validation:ignore */
107
+ /* display: none; */
108
+ }
109
+
110
+ .scroll::-webkit-scrollbar-thumb, .scroll ::-webkit-scrollbar-thumb {
111
+ border-radius: 10px;
112
+ background: var(--zd-scroll-thump);
113
+ background-clip: padding-box;
114
+ border: 3px solid transparent;
115
+ }
116
+
117
+ .scroll::-webkit-scrollbar-thumb:hover,
118
+ .scroll ::-webkit-scrollbar-thumb:hover {
119
+ /* css:theme-validation:ignore */
120
+ }
121
+
122
+ .scroll::-webkit-scrollbar-thumb:hover, .scroll ::-webkit-scrollbar-thumb:hover {
123
+ background: var(--zd-scroll-thump-hoverbg);
124
+ background-clip: padding-box;
125
+ border: 3px solid transparent;
126
+ }
127
+
128
+ /* .scroll:hover > ::-webkit-scrollbar-thumb,
129
+ .scroll *:hover > ::-webkit-scrollbar-thumb {
130
+ display: block;
131
+ } */
132
+ .scroll::-webkit-scrollbar-corner,
133
+ .scroll ::-webkit-scrollbar-corner {
134
+ /* css:theme-validation:ignore */
135
+ }
136
+ .scroll::-webkit-scrollbar-corner, .scroll ::-webkit-scrollbar-corner {
137
+ background: var(--zd-scroll-corner-bg);
138
+ }
139
+
140
+ .scroll::-webkit-resizer, .scroll ::-webkit-resizer {
141
+ background: inherit;
142
142
  }
@@ -38,7 +38,7 @@ exports.stopAllEventPropagation = exports.scrollTo = void 0;
38
38
  exports.stopPropagation = stopPropagation;
39
39
  exports.throttle = void 0;
40
40
 
41
- var _viewPort = _interopRequireDefault(require("@zohodesk/dotkit/es/react/components/Popup/utils/viewPort.js"));
41
+ var _viewPort = _interopRequireDefault(require("../Popup/viewPort"));
42
42
 
43
43
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
44
44
 
@@ -15,7 +15,7 @@ var _hoistNonReactStatics = _interopRequireDefault(require("hoist-non-react-stat
15
15
 
16
16
  var _Common = require("../../utils/Common.js");
17
17
 
18
- var _viewPort = _interopRequireDefault(require("@zohodesk/dotkit/es/react/components/Popup/utils/viewPort.js"));
18
+ var _viewPort = _interopRequireDefault(require("../../Popup/viewPort"));
19
19
 
20
20
  var _PositionMapping = require("../../Popup/PositionMapping.js");
21
21
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/components",
3
- "version": "1.0.0-temp-242",
3
+ "version": "1.0.0-temp-244",
4
4
  "main": "es/index.js",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -39,7 +39,7 @@
39
39
  "build:css:umd": "npm run clean && npm run init && react-cli build:css:umd",
40
40
  "coverage": "react-cli coverage",
41
41
  "prepare": "npm run init && npm run css:build ",
42
- "prepublishOnly": "node prePublish.js && npm run css:review && npm run review:props ",
42
+ "prepublishOnly": "node prePublish.js && npm run download_only",
43
43
  "postpublish": "node postPublish.js",
44
44
  "report": "react-cli publish:report",
45
45
  "test": "react-cli test",
@@ -80,7 +80,7 @@
80
80
  "@zohodesk-private/react-prop-validator": "1.2.3",
81
81
  "@zohodesk/a11y": "2.3.8",
82
82
  "@zohodesk/docstool": "1.0.0-alpha-2",
83
- "@zohodesk/dotkit": "1.0.0-temp-2",
83
+ "@zohodesk/dotkit": "1.0.3",
84
84
  "@zohodesk/hooks": "2.0.6",
85
85
  "@zohodesk/icons": "1.1.3",
86
86
  "@zohodesk/layout": "3.1.0",
@@ -109,6 +109,6 @@
109
109
  "@zohodesk/utils": "1.3.15",
110
110
  "@zohodesk/a11y": "2.3.8",
111
111
  "@zohodesk/layout": "3.1.0",
112
- "@zohodesk/dotkit": "1.0.0-temp-2"
112
+ "@zohodesk/dotkit": "1.0.3"
113
113
  }
114
114
  }