@workday/canvas-kit-react 5.3.13 → 5.3.16

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 (38) hide show
  1. package/action-bar/lib/ActionBar.tsx +1 -1
  2. package/banner/lib/Banner.tsx +32 -33
  3. package/dist/commonjs/action-bar/lib/ActionBar.js +3 -6
  4. package/dist/commonjs/banner/lib/Banner.d.ts +4 -5
  5. package/dist/commonjs/banner/lib/Banner.d.ts.map +1 -1
  6. package/dist/commonjs/banner/lib/Banner.js +10 -32
  7. package/dist/commonjs/button/lib/parts/ButtonLabel.d.ts +1 -1
  8. package/dist/commonjs/common/lib/utils/components.d.ts +1 -1
  9. package/dist/commonjs/pagination/lib/Pagination/PageList.d.ts +1 -1
  10. package/dist/commonjs/pagination/lib/Pagination/Pagination.d.ts +5 -5
  11. package/dist/commonjs/pagination/lib/Pagination/common/List.d.ts +1 -1
  12. package/dist/commonjs/pagination/lib/Pagination/common/utils/space.d.ts +28 -28
  13. package/dist/commonjs/popup/lib/hooks/usePopupTarget.js +1 -1
  14. package/dist/es6/action-bar/lib/ActionBar.js +1 -1
  15. package/dist/es6/banner/lib/Banner.d.ts +4 -5
  16. package/dist/es6/banner/lib/Banner.d.ts.map +1 -1
  17. package/dist/es6/banner/lib/Banner.js +10 -32
  18. package/dist/es6/button/lib/parts/ButtonLabel.d.ts +1 -1
  19. package/dist/es6/pagination/lib/Pagination/PageList.d.ts +1 -1
  20. package/dist/es6/pagination/lib/Pagination/Pagination.d.ts +5 -5
  21. package/dist/es6/pagination/lib/Pagination/common/List.d.ts +1 -1
  22. package/dist/es6/pagination/lib/Pagination/common/utils/space.d.ts +28 -28
  23. package/dist/es6/popup/lib/hooks/usePopupTarget.js +1 -1
  24. package/package.json +5 -5
  25. package/popup/lib/hooks/usePopupTarget.ts +1 -1
  26. package/ts3.5/dist/commonjs/banner/lib/Banner.d.ts +4 -5
  27. package/ts3.5/dist/commonjs/button/lib/parts/ButtonLabel.d.ts +1 -1
  28. package/ts3.5/dist/commonjs/common/lib/utils/components.d.ts +1 -1
  29. package/ts3.5/dist/commonjs/pagination/lib/Pagination/PageList.d.ts +1 -1
  30. package/ts3.5/dist/commonjs/pagination/lib/Pagination/Pagination.d.ts +5 -5
  31. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/List.d.ts +1 -1
  32. package/ts3.5/dist/commonjs/pagination/lib/Pagination/common/utils/space.d.ts +28 -28
  33. package/ts3.5/dist/es6/banner/lib/Banner.d.ts +4 -5
  34. package/ts3.5/dist/es6/button/lib/parts/ButtonLabel.d.ts +1 -1
  35. package/ts3.5/dist/es6/pagination/lib/Pagination/PageList.d.ts +1 -1
  36. package/ts3.5/dist/es6/pagination/lib/Pagination/Pagination.d.ts +5 -5
  37. package/ts3.5/dist/es6/pagination/lib/Pagination/common/List.d.ts +1 -1
  38. package/ts3.5/dist/es6/pagination/lib/Pagination/common/utils/space.d.ts +28 -28
package/ts3.5/dist/es6/pagination/lib/Pagination/common/utils/space.d.ts CHANGED
@@ -31,96 +31,96 @@ export interface SpaceProps {
31
31
  pl?: Spacing;
32
32
  }
33
33
  export declare const space: {
34
- margin: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
34
+ margin: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
35
35
  margin: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
36
36
  };
37
- m: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
37
+ m: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
38
38
  margin: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
39
39
  };
40
- marginX: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
40
+ marginX: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
41
41
  marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
42
42
  marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
43
43
  };
44
- mx: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
44
+ mx: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
45
45
  marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
46
46
  marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
47
47
  };
48
- marginY: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
48
+ marginY: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
49
49
  marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
50
50
  marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
51
51
  };
52
- my: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
52
+ my: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
53
53
  marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
54
54
  marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
55
55
  };
56
- marginT: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
56
+ marginT: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
57
57
  marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
58
58
  };
59
- mt: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
59
+ mt: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
60
60
  marginTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
61
61
  };
62
- marginR: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
62
+ marginR: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
63
63
  marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
64
64
  };
65
- mr: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
65
+ mr: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
66
66
  marginRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
67
67
  };
68
- marginB: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
68
+ marginB: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
69
69
  marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
70
70
  };
71
- mb: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
71
+ mb: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
72
72
  marginBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
73
73
  };
74
- marginL: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
74
+ marginL: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
75
75
  marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
76
76
  };
77
- ml: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
77
+ ml: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
78
78
  marginLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
79
79
  };
80
- padding: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
80
+ padding: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
81
81
  padding: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
82
82
  };
83
- p: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
83
+ p: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
84
84
  padding: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
85
85
  };
86
- paddingX: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
86
+ paddingX: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
87
87
  paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
88
88
  paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
89
89
  };
90
- px: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
90
+ px: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
91
91
  paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
92
92
  paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
93
93
  };
94
- paddingY: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
94
+ paddingY: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
95
95
  paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
96
96
  paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
97
97
  };
98
- py: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
98
+ py: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
99
99
  paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
100
100
  paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
101
101
  };
102
- paddingT: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
102
+ paddingT: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
103
103
  paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
104
104
  };
105
- pt: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
105
+ pt: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
106
106
  paddingTop: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
107
107
  };
108
- paddingR: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
108
+ paddingR: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
109
109
  paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
110
110
  };
111
- pr: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
111
+ pr: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
112
112
  paddingRight: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
113
113
  };
114
- paddingB: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
114
+ paddingB: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
115
115
  paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
116
116
  };
117
- pb: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
117
+ pb: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
118
118
  paddingBottom: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
119
119
  };
120
- paddingL: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
120
+ paddingL: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
121
121
  paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
122
122
  };
123
- pl: (value: "s" | "zero" | "m" | "l" | "xxxs" | "xxs" | "xs" | "xl" | "xxl" | "xxxl") => {
123
+ pl: (value: "s" | "zero" | "m" | "l" | "xl" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl") => {
124
124
  paddingLeft: "0px" | "4px" | "8px" | "12px" | "16px" | "24px" | "32px" | "40px" | "64px" | "80px";
125
125
  };
126
126
  };