@workday/canvas-kit-react 11.1.17 → 11.1.18
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/button/lib/parts/ButtonLabelIcon.tsx +3 -2
- package/dist/commonjs/button/lib/parts/ButtonLabelIcon.d.ts.map +1 -1
- package/dist/commonjs/button/lib/parts/ButtonLabelIcon.js +2 -1
- package/dist/es6/button/lib/parts/ButtonLabelIcon.d.ts.map +1 -1
- package/dist/es6/button/lib/parts/ButtonLabelIcon.js +2 -1
- package/package.json +4 -4
|
@@ -2,6 +2,7 @@ import React from 'react';
|
|
|
2
2
|
import {ButtonSizes} from '../types';
|
|
3
3
|
import {createComponent} from '@workday/canvas-kit-react/common';
|
|
4
4
|
import {SystemIcon, SystemIconProps} from '@workday/canvas-kit-react/icon';
|
|
5
|
+
import {px2rem} from '@workday/canvas-kit-styling';
|
|
5
6
|
|
|
6
7
|
export interface ButtonLabelIconProps extends Partial<SystemIconProps> {
|
|
7
8
|
/**
|
|
@@ -42,8 +43,8 @@ export const ButtonLabelIcon = createComponent('span')({
|
|
|
42
43
|
size={iconSize}
|
|
43
44
|
icon={icon}
|
|
44
45
|
shouldMirror={shouldMirrorIcon}
|
|
45
|
-
width={
|
|
46
|
-
height={
|
|
46
|
+
width={px2rem(iconSize)}
|
|
47
|
+
height={px2rem(iconSize)}
|
|
47
48
|
display="inline-block"
|
|
48
49
|
{...elemProps}
|
|
49
50
|
/>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonLabelIcon.d.ts","sourceRoot":"","sources":["../../../../../button/lib/parts/ButtonLabelIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAErC,OAAO,EAAa,eAAe,EAAC,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonLabelIcon.d.ts","sourceRoot":"","sources":["../../../../../button/lib/parts/ButtonLabelIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAErC,OAAO,EAAa,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAG3E,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,eAAe,CAAC;IACpE;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AASD,eAAO,MAAM,eAAe,2FAyB1B,CAAC"}
|
|
@@ -7,6 +7,7 @@ exports.ButtonLabelIcon = void 0;
|
|
|
7
7
|
const react_1 = __importDefault(require("react"));
|
|
8
8
|
const common_1 = require("@workday/canvas-kit-react/common");
|
|
9
9
|
const icon_1 = require("@workday/canvas-kit-react/icon");
|
|
10
|
+
const canvas_kit_styling_1 = require("@workday/canvas-kit-styling");
|
|
10
11
|
const iconSizes = {
|
|
11
12
|
extraSmall: 18,
|
|
12
13
|
small: 20,
|
|
@@ -20,6 +21,6 @@ exports.ButtonLabelIcon = common_1.createComponent('span')({
|
|
|
20
21
|
return null;
|
|
21
22
|
}
|
|
22
23
|
const iconSize = iconSizes[size];
|
|
23
|
-
return (react_1.default.createElement(icon_1.SystemIcon, Object.assign({ size: iconSize, icon: icon, shouldMirror: shouldMirrorIcon, width:
|
|
24
|
+
return (react_1.default.createElement(icon_1.SystemIcon, Object.assign({ size: iconSize, icon: icon, shouldMirror: shouldMirrorIcon, width: canvas_kit_styling_1.px2rem(iconSize), height: canvas_kit_styling_1.px2rem(iconSize), display: "inline-block" }, elemProps)));
|
|
24
25
|
},
|
|
25
26
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonLabelIcon.d.ts","sourceRoot":"","sources":["../../../../../button/lib/parts/ButtonLabelIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAErC,OAAO,EAAa,eAAe,EAAC,MAAM,gCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonLabelIcon.d.ts","sourceRoot":"","sources":["../../../../../button/lib/parts/ButtonLabelIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAC,MAAM,UAAU,CAAC;AAErC,OAAO,EAAa,eAAe,EAAC,MAAM,gCAAgC,CAAC;AAG3E,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,eAAe,CAAC;IACpE;;;;OAIG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AASD,eAAO,MAAM,eAAe,2FAyB1B,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { createComponent } from '@workday/canvas-kit-react/common';
|
|
3
3
|
import { SystemIcon } from '@workday/canvas-kit-react/icon';
|
|
4
|
+
import { px2rem } from '@workday/canvas-kit-styling';
|
|
4
5
|
const iconSizes = {
|
|
5
6
|
extraSmall: 18,
|
|
6
7
|
small: 20,
|
|
@@ -14,6 +15,6 @@ export const ButtonLabelIcon = createComponent('span')({
|
|
|
14
15
|
return null;
|
|
15
16
|
}
|
|
16
17
|
const iconSize = iconSizes[size];
|
|
17
|
-
return (React.createElement(SystemIcon, Object.assign({ size: iconSize, icon: icon, shouldMirror: shouldMirrorIcon, width:
|
|
18
|
+
return (React.createElement(SystemIcon, Object.assign({ size: iconSize, icon: icon, shouldMirror: shouldMirrorIcon, width: px2rem(iconSize), height: px2rem(iconSize), display: "inline-block" }, elemProps)));
|
|
18
19
|
},
|
|
19
20
|
});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-react",
|
|
3
|
-
"version": "11.1.
|
|
3
|
+
"version": "11.1.18",
|
|
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,8 +49,8 @@
|
|
|
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": "^11.1.
|
|
53
|
-
"@workday/canvas-kit-styling": "^11.1.
|
|
52
|
+
"@workday/canvas-kit-popup-stack": "^11.1.18",
|
|
53
|
+
"@workday/canvas-kit-styling": "^11.1.18",
|
|
54
54
|
"@workday/canvas-system-icons-web": "^3.0.0",
|
|
55
55
|
"@workday/canvas-tokens-web": "^2.0.0",
|
|
56
56
|
"@workday/design-assets-types": "^0.2.8",
|
|
@@ -67,5 +67,5 @@
|
|
|
67
67
|
"@workday/canvas-accent-icons-web": "^3.0.0",
|
|
68
68
|
"@workday/canvas-applet-icons-web": "^2.0.0"
|
|
69
69
|
},
|
|
70
|
-
"gitHead": "
|
|
70
|
+
"gitHead": "f4b6ec441a411aab91f6a62cd6eca745c85f3f8f"
|
|
71
71
|
}
|