@workday/canvas-kit-react 9.1.25 → 9.1.27

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 (11) hide show
  1. package/button/lib/PrimaryButton.tsx +4 -0
  2. package/dist/commonjs/button/lib/PrimaryButton.d.ts.map +1 -1
  3. package/dist/commonjs/button/lib/PrimaryButton.js +4 -0
  4. package/dist/commonjs/modal/lib/ModalOverlay.d.ts.map +1 -1
  5. package/dist/commonjs/modal/lib/ModalOverlay.js +9 -2
  6. package/dist/es6/button/lib/PrimaryButton.d.ts.map +1 -1
  7. package/dist/es6/button/lib/PrimaryButton.js +4 -0
  8. package/dist/es6/modal/lib/ModalOverlay.d.ts.map +1 -1
  9. package/dist/es6/modal/lib/ModalOverlay.js +9 -2
  10. package/modal/lib/ModalOverlay.tsx +25 -15
  11. package/package.json +3 -3
package/button/lib/PrimaryButton.tsx CHANGED
@@ -31,15 +31,19 @@ const getPrimaryButtonColors = (variant: 'inverse' | undefined, theme: EmotionCa
31
31
  },
32
32
  hover: {
33
33
  background: themePrimary.dark,
34
+ label: themePrimary.contrast,
34
35
  },
35
36
  active: {
36
37
  background: themePrimary.darkest,
38
+ label: themePrimary.contrast,
37
39
  },
38
40
  focus: {
39
41
  background: themePrimary.main,
42
+ label: themePrimary.contrast,
40
43
  },
41
44
  disabled: {
42
45
  background: themePrimary.main,
46
+ label: themePrimary.contrast,
43
47
  },
44
48
  };
45
49
 
package/dist/commonjs/button/lib/PrimaryButton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PrimaryButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/PrimaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,cAAc,EAEd,SAAS,EAIV,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAC,WAAW,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AACnD,OAAO,EAAa,eAAe,EAAsC,MAAM,cAAc,CAAC;AA0E9F,MAAM,WAAW,kBAAmB,SAAQ,SAAS,EAAE,cAAc,EAAE,eAAe;IACpF;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,2FA+CxB,CAAC"}
1
+ {"version":3,"file":"PrimaryButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/PrimaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,cAAc,EAEd,SAAS,EAIV,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAC,WAAW,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AACnD,OAAO,EAAa,eAAe,EAAsC,MAAM,cAAc,CAAC;AA8E9F,MAAM,WAAW,kBAAmB,SAAQ,SAAS,EAAE,cAAc,EAAE,eAAe;IACpF;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,2FA+CxB,CAAC"}
package/dist/commonjs/button/lib/PrimaryButton.js CHANGED
@@ -37,15 +37,19 @@ const getPrimaryButtonColors = (variant, theme) => {
37
37
  },
38
38
  hover: {
39
39
  background: themePrimary.dark,
40
+ label: themePrimary.contrast,
40
41
  },
41
42
  active: {
42
43
  background: themePrimary.darkest,
44
+ label: themePrimary.contrast,
43
45
  },
44
46
  focus: {
45
47
  background: themePrimary.main,
48
+ label: themePrimary.contrast,
46
49
  },
47
50
  disabled: {
48
51
  background: themePrimary.main,
52
+ label: themePrimary.contrast,
49
53
  },
50
54
  };
51
55
  case 'inverse':
package/dist/commonjs/modal/lib/ModalOverlay.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ModalOverlay.d.ts","sourceRoot":"","sources":["../../../../modal/lib/ModalOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,OAAO,EAAM,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAG/D,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;CAAG;AA+CtD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;EAOvB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;EAQ1B,CAAC"}
1
+ {"version":3,"file":"ModalOverlay.d.ts","sourceRoot":"","sources":["../../../../modal/lib/ModalOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,OAAO,EAAM,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAG/D,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;CAAG;AAyDtD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;EAOvB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;EAQ1B,CAAC"}
package/dist/commonjs/modal/lib/ModalOverlay.js CHANGED
@@ -33,6 +33,13 @@ const Container = styled_1.default(layout_1.Box)({
33
33
  '.wd-no-animation &': {
34
34
  animation: 'none',
35
35
  },
36
+ }, ({ theme }) => {
37
+ const { canvas: canvasTheme } = common_1.getTheme(theme);
38
+ return {
39
+ [canvasTheme.breakpoints.down('s')]: {
40
+ height: '100%',
41
+ },
42
+ };
36
43
  });
37
44
  // This centering container helps fix an issue with Chrome. Chrome doesn't normally do subpixel
38
45
  // positioning, but seems to when using flexbox centering. This messes up Popper calculations inside
@@ -41,14 +48,14 @@ const Container = styled_1.default(layout_1.Box)({
41
48
  const ResponsiveContainer = styled_1.default('div')(({ theme }) => {
42
49
  const { canvas: canvasTheme } = common_1.getTheme(theme);
43
50
  return {
44
- maxHeight: '100vh',
51
+ maxHeight: '100%',
45
52
  display: 'flex',
46
53
  position: 'absolute',
47
54
  left: 0,
48
55
  top: 0,
49
56
  justifyContent: 'center',
50
57
  alignItems: 'center',
51
- height: '100vh',
58
+ height: '100%',
52
59
  [canvasTheme.breakpoints.down('s')]: {
53
60
  alignItems: 'end',
54
61
  },
package/dist/es6/button/lib/PrimaryButton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PrimaryButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/PrimaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,cAAc,EAEd,SAAS,EAIV,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAC,WAAW,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AACnD,OAAO,EAAa,eAAe,EAAsC,MAAM,cAAc,CAAC;AA0E9F,MAAM,WAAW,kBAAmB,SAAQ,SAAS,EAAE,cAAc,EAAE,eAAe;IACpF;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,2FA+CxB,CAAC"}
1
+ {"version":3,"file":"PrimaryButton.d.ts","sourceRoot":"","sources":["../../../../button/lib/PrimaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EACL,cAAc,EAEd,SAAS,EAIV,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAC,WAAW,EAAE,aAAa,EAAC,MAAM,SAAS,CAAC;AACnD,OAAO,EAAa,eAAe,EAAsC,MAAM,cAAc,CAAC;AA8E9F,MAAM,WAAW,kBAAmB,SAAQ,SAAS,EAAE,cAAc,EAAE,eAAe;IACpF;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;OAGG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,2FA+CxB,CAAC"}
package/dist/es6/button/lib/PrimaryButton.js CHANGED
@@ -15,15 +15,19 @@ const getPrimaryButtonColors = (variant, theme) => {
15
15
  },
16
16
  hover: {
17
17
  background: themePrimary.dark,
18
+ label: themePrimary.contrast,
18
19
  },
19
20
  active: {
20
21
  background: themePrimary.darkest,
22
+ label: themePrimary.contrast,
21
23
  },
22
24
  focus: {
23
25
  background: themePrimary.main,
26
+ label: themePrimary.contrast,
24
27
  },
25
28
  disabled: {
26
29
  background: themePrimary.main,
30
+ label: themePrimary.contrast,
27
31
  },
28
32
  };
29
33
  case 'inverse':
package/dist/es6/modal/lib/ModalOverlay.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ModalOverlay.d.ts","sourceRoot":"","sources":["../../../../modal/lib/ModalOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,OAAO,EAAM,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAG/D,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;CAAG;AA+CtD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;EAOvB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;EAQ1B,CAAC"}
1
+ {"version":3,"file":"ModalOverlay.d.ts","sourceRoot":"","sources":["../../../../modal/lib/ModalOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAc1B,OAAO,EAAM,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAG/D,MAAM,WAAW,iBAAkB,SAAQ,QAAQ;CAAG;AAyDtD,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;EAOvB,CAAC;AAEH,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;EAQ1B,CAAC"}
package/dist/es6/modal/lib/ModalOverlay.js CHANGED
@@ -27,6 +27,13 @@ const Container = styled(Box)({
27
27
  '.wd-no-animation &': {
28
28
  animation: 'none',
29
29
  },
30
+ }, ({ theme }) => {
31
+ const { canvas: canvasTheme } = getTheme(theme);
32
+ return {
33
+ [canvasTheme.breakpoints.down('s')]: {
34
+ height: '100%',
35
+ },
36
+ };
30
37
  });
31
38
  // This centering container helps fix an issue with Chrome. Chrome doesn't normally do subpixel
32
39
  // positioning, but seems to when using flexbox centering. This messes up Popper calculations inside
@@ -35,14 +42,14 @@ const Container = styled(Box)({
35
42
  const ResponsiveContainer = styled('div')(({ theme }) => {
36
43
  const { canvas: canvasTheme } = getTheme(theme);
37
44
  return {
38
- maxHeight: '100vh',
45
+ maxHeight: '100%',
39
46
  display: 'flex',
40
47
  position: 'absolute',
41
48
  left: 0,
42
49
  top: 0,
43
50
  justifyContent: 'center',
44
51
  alignItems: 'center',
45
- height: '100vh',
52
+ height: '100%',
46
53
  [canvasTheme.breakpoints.down('s')]: {
47
54
  alignItems: 'end',
48
55
  },
package/modal/lib/ModalOverlay.tsx CHANGED
@@ -26,20 +26,30 @@ const fadeIn = keyframes`
26
26
  }
27
27
  `;
28
28
 
29
- const Container = styled(Box)<StyledType>({
30
- position: 'fixed',
31
- top: 0,
32
- left: 0,
33
- width: '100vw',
34
- height: '100vh',
35
- background: 'rgba(0,0,0,0.65)',
36
- animationName: `${fadeIn}`,
37
- animationDuration: '0.3s',
38
- // Allow overriding of animation in special cases
39
- '.wd-no-animation &': {
40
- animation: 'none',
29
+ const Container = styled(Box)<StyledType>(
30
+ {
31
+ position: 'fixed',
32
+ top: 0,
33
+ left: 0,
34
+ width: '100vw',
35
+ height: '100vh',
36
+ background: 'rgba(0,0,0,0.65)',
37
+ animationName: `${fadeIn}`,
38
+ animationDuration: '0.3s',
39
+ // Allow overriding of animation in special cases
40
+ '.wd-no-animation &': {
41
+ animation: 'none',
42
+ },
41
43
  },
42
- });
44
+ ({theme}) => {
45
+ const {canvas: canvasTheme} = getTheme(theme);
46
+ return {
47
+ [canvasTheme.breakpoints.down('s')]: {
48
+ height: '100%',
49
+ },
50
+ };
51
+ }
52
+ );
43
53
 
44
54
  // This centering container helps fix an issue with Chrome. Chrome doesn't normally do subpixel
45
55
  // positioning, but seems to when using flexbox centering. This messes up Popper calculations inside
@@ -48,14 +58,14 @@ const Container = styled(Box)<StyledType>({
48
58
  const ResponsiveContainer = styled('div')(({theme}) => {
49
59
  const {canvas: canvasTheme} = getTheme(theme);
50
60
  return {
51
- maxHeight: '100vh',
61
+ maxHeight: '100%',
52
62
  display: 'flex',
53
63
  position: 'absolute',
54
64
  left: 0,
55
65
  top: 0,
56
66
  justifyContent: 'center',
57
67
  alignItems: 'center',
58
- height: '100vh',
68
+ height: '100%',
59
69
  [canvasTheme.breakpoints.down('s')]: {
60
70
  alignItems: 'end',
61
71
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@workday/canvas-kit-react",
3
- "version": "9.1.25",
3
+ "version": "9.1.27",
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",
@@ -49,7 +49,7 @@
49
49
  "@emotion/styled": "^11.6.0",
50
50
  "@popperjs/core": "^2.5.4",
51
51
  "@workday/canvas-colors-web": "^2.0.0",
52
- "@workday/canvas-kit-popup-stack": "^9.1.25",
52
+ "@workday/canvas-kit-popup-stack": "^9.1.27",
53
53
  "@workday/canvas-system-icons-web": "^3.0.0",
54
54
  "@workday/design-assets-types": "^0.2.8",
55
55
  "chroma-js": "^2.1.0",
@@ -66,5 +66,5 @@
66
66
  "@workday/canvas-accent-icons-web": "^3.0.0",
67
67
  "@workday/canvas-applet-icons-web": "^2.0.0"
68
68
  },
69
- "gitHead": "14663d9ff82f3112d0e992e91f0308ff048b209e"
69
+ "gitHead": "74a41a5adf2f804d3ea163d25944fa3b5ca6a12f"
70
70
  }