@workday/canvas-kit-react 6.5.0 → 6.6.1
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.
- package/action-bar/lib/ActionBar.tsx +2 -2
- package/common/lib/utils/index.ts +1 -0
- package/dist/commonjs/action-bar/lib/ActionBar.js +2 -2
- package/dist/commonjs/common/lib/utils/index.d.ts +1 -0
- package/dist/commonjs/common/lib/utils/index.d.ts.map +1 -1
- package/dist/commonjs/common/lib/utils/index.js +1 -0
- package/dist/commonjs/popup/lib/hooks/useDisableBodyScroll.d.ts.map +1 -1
- package/dist/commonjs/popup/lib/hooks/useDisableBodyScroll.js +2 -0
- package/dist/es6/action-bar/lib/ActionBar.js +2 -2
- package/dist/es6/common/lib/utils/index.d.ts +1 -0
- package/dist/es6/common/lib/utils/index.d.ts.map +1 -1
- package/dist/es6/common/lib/utils/index.js +1 -0
- package/dist/es6/popup/lib/hooks/useDisableBodyScroll.d.ts.map +1 -1
- package/dist/es6/popup/lib/hooks/useDisableBodyScroll.js +2 -0
- package/package.json +5 -5
- package/popup/lib/hooks/useDisableBodyScroll.ts +2 -0
- package/ts3.5/dist/commonjs/common/lib/utils/index.d.ts +1 -0
- package/ts3.5/dist/es6/common/lib/utils/index.d.ts +1 -0
|
@@ -42,7 +42,7 @@ const ChildrenContainer = styled('div')(
|
|
|
42
42
|
{
|
|
43
43
|
display: 'inline-block',
|
|
44
44
|
padding: `0 ${space.m}`,
|
|
45
|
-
'*:not(
|
|
45
|
+
'> *:not(style) ~ *:not(style)': {
|
|
46
46
|
marginLeft: space.s,
|
|
47
47
|
},
|
|
48
48
|
},
|
|
@@ -54,7 +54,7 @@ const ChildrenContainer = styled('div')(
|
|
|
54
54
|
flexDirection: 'row-reverse',
|
|
55
55
|
'> *': {
|
|
56
56
|
flex: 1,
|
|
57
|
-
'&:not(
|
|
57
|
+
'&:not(style) ~ *:not(style)': {
|
|
58
58
|
marginRight: space.s,
|
|
59
59
|
marginLeft: 0,
|
|
60
60
|
},
|
|
@@ -10,6 +10,7 @@ export * from './useMount';
|
|
|
10
10
|
export * from './components';
|
|
11
11
|
export * from './models';
|
|
12
12
|
export * from './elements';
|
|
13
|
+
export * from './useConstant';
|
|
13
14
|
export * from './useIsFullscreen';
|
|
14
15
|
export * from './useWindowSize';
|
|
15
16
|
export * from './useResizeObserver';
|
|
@@ -71,7 +71,7 @@ var ActionBarContainer = common_1.styled('div')({
|
|
|
71
71
|
var ChildrenContainer = common_1.styled('div')({
|
|
72
72
|
display: 'inline-block',
|
|
73
73
|
padding: "0 " + tokens_1.space.m,
|
|
74
|
-
'*:not(
|
|
74
|
+
'> *:not(style) ~ *:not(style)': {
|
|
75
75
|
marginLeft: tokens_1.space.s,
|
|
76
76
|
},
|
|
77
77
|
}, function (_a) {
|
|
@@ -85,7 +85,7 @@ var ChildrenContainer = common_1.styled('div')({
|
|
|
85
85
|
flexDirection: 'row-reverse',
|
|
86
86
|
'> *': {
|
|
87
87
|
flex: 1,
|
|
88
|
-
'&:not(
|
|
88
|
+
'&:not(style) ~ *:not(style)': {
|
|
89
89
|
marginRight: tokens_1.space.s,
|
|
90
90
|
marginLeft: 0,
|
|
91
91
|
},
|
|
@@ -10,6 +10,7 @@ export * from './useMount';
|
|
|
10
10
|
export * from './components';
|
|
11
11
|
export * from './models';
|
|
12
12
|
export * from './elements';
|
|
13
|
+
export * from './useConstant';
|
|
13
14
|
export * from './useIsFullscreen';
|
|
14
15
|
export * from './useWindowSize';
|
|
15
16
|
export * from './useResizeObserver';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC"}
|
|
@@ -15,6 +15,7 @@ __export(require("./useMount"));
|
|
|
15
15
|
__export(require("./components"));
|
|
16
16
|
__export(require("./models"));
|
|
17
17
|
__export(require("./elements"));
|
|
18
|
+
__export(require("./useConstant"));
|
|
18
19
|
__export(require("./useIsFullscreen"));
|
|
19
20
|
__export(require("./useWindowSize"));
|
|
20
21
|
__export(require("./useResizeObserver"));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDisableBodyScroll.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useDisableBodyScroll.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"useDisableBodyScroll.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useDisableBodyScroll.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,sIAwBhC,CAAC"}
|
|
@@ -22,6 +22,8 @@ exports.useDisableBodyScroll = function (model, elemProps) {
|
|
|
22
22
|
var overflowX = document.body.style.overflowX;
|
|
23
23
|
var overflow = document.body.style.overflow;
|
|
24
24
|
document.body.style.overflow = 'hidden';
|
|
25
|
+
document.body.style.overflowY = 'hidden';
|
|
26
|
+
document.body.style.overflowX = 'hidden';
|
|
25
27
|
return function () {
|
|
26
28
|
document.body.style.overflow = overflow;
|
|
27
29
|
document.body.style.overflowY = overflowY;
|
|
@@ -62,7 +62,7 @@ var ActionBarContainer = styled('div')({
|
|
|
62
62
|
var ChildrenContainer = styled('div')({
|
|
63
63
|
display: 'inline-block',
|
|
64
64
|
padding: "0 " + space.m,
|
|
65
|
-
'*:not(
|
|
65
|
+
'> *:not(style) ~ *:not(style)': {
|
|
66
66
|
marginLeft: space.s,
|
|
67
67
|
},
|
|
68
68
|
}, function (_a) {
|
|
@@ -76,7 +76,7 @@ var ChildrenContainer = styled('div')({
|
|
|
76
76
|
flexDirection: 'row-reverse',
|
|
77
77
|
'> *': {
|
|
78
78
|
flex: 1,
|
|
79
|
-
'&:not(
|
|
79
|
+
'&:not(style) ~ *:not(style)': {
|
|
80
80
|
marginRight: space.s,
|
|
81
81
|
marginLeft: 0,
|
|
82
82
|
},
|
|
@@ -10,6 +10,7 @@ export * from './useMount';
|
|
|
10
10
|
export * from './components';
|
|
11
11
|
export * from './models';
|
|
12
12
|
export * from './elements';
|
|
13
|
+
export * from './useConstant';
|
|
13
14
|
export * from './useIsFullscreen';
|
|
14
15
|
export * from './useWindowSize';
|
|
15
16
|
export * from './useResizeObserver';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../common/lib/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC"}
|
|
@@ -10,6 +10,7 @@ export * from './useMount';
|
|
|
10
10
|
export * from './components';
|
|
11
11
|
export * from './models';
|
|
12
12
|
export * from './elements';
|
|
13
|
+
export * from './useConstant';
|
|
13
14
|
export * from './useIsFullscreen';
|
|
14
15
|
export * from './useWindowSize';
|
|
15
16
|
export * from './useResizeObserver';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDisableBodyScroll.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useDisableBodyScroll.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,
|
|
1
|
+
{"version":3,"file":"useDisableBodyScroll.d.ts","sourceRoot":"","sources":["../../../../../popup/lib/hooks/useDisableBodyScroll.ts"],"names":[],"mappings":"AAIA;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,sIAwBhC,CAAC"}
|
|
@@ -17,6 +17,8 @@ export var useDisableBodyScroll = function (model, elemProps) {
|
|
|
17
17
|
var overflowX = document.body.style.overflowX;
|
|
18
18
|
var overflow = document.body.style.overflow;
|
|
19
19
|
document.body.style.overflow = 'hidden';
|
|
20
|
+
document.body.style.overflowY = 'hidden';
|
|
21
|
+
document.body.style.overflowX = 'hidden';
|
|
20
22
|
return function () {
|
|
21
23
|
document.body.style.overflow = overflow;
|
|
22
24
|
document.body.style.overflowY = overflowY;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-react",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.6.1",
|
|
4
4
|
"description": "The parent module that contains all Workday Canvas Kit React components",
|
|
5
5
|
"author": "Workday, Inc. (https://www.workday.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -57,9 +57,9 @@
|
|
|
57
57
|
"@emotion/styled": "^10.0.27",
|
|
58
58
|
"@popperjs/core": "^2.5.4",
|
|
59
59
|
"@workday/canvas-colors-web": "^2.0.0",
|
|
60
|
-
"@workday/canvas-kit-labs-react": "^6.
|
|
61
|
-
"@workday/canvas-kit-popup-stack": "^6.
|
|
62
|
-
"@workday/canvas-kit-preview-react": "^6.
|
|
60
|
+
"@workday/canvas-kit-labs-react": "^6.6.1",
|
|
61
|
+
"@workday/canvas-kit-popup-stack": "^6.6.1",
|
|
62
|
+
"@workday/canvas-kit-preview-react": "^6.6.1",
|
|
63
63
|
"@workday/canvas-system-icons-web": "1.0.41",
|
|
64
64
|
"@workday/design-assets-types": "^0.2.4",
|
|
65
65
|
"chroma-js": "^2.1.0",
|
|
@@ -77,5 +77,5 @@
|
|
|
77
77
|
"@workday/canvas-accent-icons-web": "^1.0.0",
|
|
78
78
|
"@workday/canvas-applet-icons-web": "^0.17.50"
|
|
79
79
|
},
|
|
80
|
-
"gitHead": "
|
|
80
|
+
"gitHead": "e6ff906ba30638d76829bc2efa7d2036473ea2d3"
|
|
81
81
|
}
|
|
@@ -22,6 +22,8 @@ export const useDisableBodyScroll = (model: PopupModel, elemProps = {}) => {
|
|
|
22
22
|
const overflow = document.body.style.overflow;
|
|
23
23
|
|
|
24
24
|
document.body.style.overflow = 'hidden';
|
|
25
|
+
document.body.style.overflowY = 'hidden';
|
|
26
|
+
document.body.style.overflowX = 'hidden';
|
|
25
27
|
|
|
26
28
|
return () => {
|
|
27
29
|
document.body.style.overflow = overflow;
|
|
@@ -10,6 +10,7 @@ export * from './useMount';
|
|
|
10
10
|
export * from './components';
|
|
11
11
|
export * from './models';
|
|
12
12
|
export * from './elements';
|
|
13
|
+
export * from './useConstant';
|
|
13
14
|
export * from './useIsFullscreen';
|
|
14
15
|
export * from './useWindowSize';
|
|
15
16
|
export * from './useResizeObserver';
|
|
@@ -10,6 +10,7 @@ export * from './useMount';
|
|
|
10
10
|
export * from './components';
|
|
11
11
|
export * from './models';
|
|
12
12
|
export * from './elements';
|
|
13
|
+
export * from './useConstant';
|
|
13
14
|
export * from './useIsFullscreen';
|
|
14
15
|
export * from './useWindowSize';
|
|
15
16
|
export * from './useResizeObserver';
|