@patternfly/react-icons 5.0.0-alpha.11 → 5.0.0-alpha.13
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/CHANGELOG.md +10 -0
- package/dist/esm/createIcon.d.ts +1 -0
- package/dist/esm/createIcon.d.ts.map +1 -1
- package/dist/esm/createIcon.js +3 -2
- package/dist/esm/createIcon.js.map +1 -1
- package/dist/js/createIcon.d.ts +1 -0
- package/dist/js/createIcon.d.ts.map +1 -1
- package/dist/js/createIcon.js +3 -2
- package/dist/js/createIcon.js.map +1 -1
- package/package.json +3 -3
- package/src/createIcon.tsx +4 -2
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,16 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# 5.0.0-alpha.13 (2023-05-05)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @patternfly/react-icons
|
|
9
|
+
|
|
10
|
+
# 5.0.0-alpha.12 (2023-04-27)
|
|
11
|
+
|
|
12
|
+
### Bug Fixes
|
|
13
|
+
|
|
14
|
+
- **createIcon:** Spread className to svg to fix broken images ([#8954](https://github.com/patternfly/patternfly-react/issues/8954)) ([8073115](https://github.com/patternfly/patternfly-react/commit/80731151f6d91299330f580262cb7e0d2ee670b8))
|
|
15
|
+
|
|
6
16
|
# 5.0.0-alpha.11 (2023-04-25)
|
|
7
17
|
|
|
8
18
|
### Bug Fixes
|
package/dist/esm/createIcon.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../src/createIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../src/createIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAW,EACX,OAAW,EACX,KAAK,EACL,MAAM,EACN,OAAO,EACR,EAAE,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CA6BrD"}
|
package/dist/esm/createIcon.js
CHANGED
|
@@ -12,10 +12,11 @@ export function createIcon({ name, xOffset = 0, yOffset = 0, width, height, svgP
|
|
|
12
12
|
this.id = `icon-title-${currentId++}`;
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
const _a = this.props, { title } = _a, props = __rest(_a, ["title"]);
|
|
15
|
+
const _a = this.props, { title, className } = _a, props = __rest(_a, ["title", "className"]);
|
|
16
|
+
const classes = className ? `pf-svg ${className}` : "pf-svg";
|
|
16
17
|
const hasTitle = Boolean(title);
|
|
17
18
|
const viewBox = [xOffset, yOffset, width, height].join(' ');
|
|
18
|
-
return (React.createElement("svg", Object.assign({ className:
|
|
19
|
+
return (React.createElement("svg", Object.assign({ className: classes, viewBox: viewBox, fill: "currentColor", "aria-labelledby": hasTitle ? this.id : null, "aria-hidden": hasTitle ? null : true, role: "img" }, props),
|
|
19
20
|
hasTitle && React.createElement("title", { id: this.id }, title),
|
|
20
21
|
React.createElement("path", { d: svgPath })));
|
|
21
22
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createIcon.js","sourceRoot":"","sources":["../../src/createIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"createIcon.js","sourceRoot":"","sources":["../../src/createIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,IAAI,SAAS,GAAG,CAAC,CAAC;AAElB;;GAEG;AACH,MAAM,UAAU,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,CAAC,EACX,KAAK,EACL,MAAM,EACN,OAAO,EACQ;;IACf,YAAO,MAAM,OAAQ,SAAQ,KAAK,CAAC,SAAuB;YAAnD;;gBAGL,OAAE,GAAG,cAAc,SAAS,EAAE,EAAE,CAAC;YAwBnC,CAAC;YAtBC,MAAM;gBACJ,MAAM,KAAiC,IAAI,CAAC,KAAK,EAA3C,EAAE,KAAK,EAAE,SAAS,OAAyB,EAApB,KAAK,cAA5B,sBAA8B,CAAa,CAAC;gBAClD,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,UAAU,SAAS,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;gBAE7D,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;gBAChC,MAAM,OAAO,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBAE5D,OAAO,CACL,2CACE,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,cAAc,qBACF,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,iBAC7B,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACnC,IAAI,EAAC,KAAK,IACL,KAAiD;oBAErD,QAAQ,IAAI,+BAAO,EAAE,EAAE,IAAI,CAAC,EAAE,IAAG,KAAK,CAAS;oBAChD,8BAAM,CAAC,EAAE,OAAO,GAAI,CAChB,CACP,CAAC;YACJ,CAAC;SACF;QA1BQ,cAAW,GAAG,IAAK;WA0B1B;AACJ,CAAC"}
|
package/dist/js/createIcon.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../src/createIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"createIcon.d.ts","sourceRoot":"","sources":["../../src/createIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAID;;GAEG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAW,EACX,OAAW,EACX,KAAK,EACL,MAAM,EACN,OAAO,EACR,EAAE,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,YAAY,CAAC,CA6BrD"}
|
package/dist/js/createIcon.js
CHANGED
|
@@ -15,10 +15,11 @@ function createIcon({ name, xOffset = 0, yOffset = 0, width, height, svgPath })
|
|
|
15
15
|
this.id = `icon-title-${currentId++}`;
|
|
16
16
|
}
|
|
17
17
|
render() {
|
|
18
|
-
const _a = this.props, { title } = _a, props = tslib_1.__rest(_a, ["title"]);
|
|
18
|
+
const _a = this.props, { title, className } = _a, props = tslib_1.__rest(_a, ["title", "className"]);
|
|
19
|
+
const classes = className ? `pf-svg ${className}` : "pf-svg";
|
|
19
20
|
const hasTitle = Boolean(title);
|
|
20
21
|
const viewBox = [xOffset, yOffset, width, height].join(' ');
|
|
21
|
-
return (React.createElement("svg", Object.assign({ className:
|
|
22
|
+
return (React.createElement("svg", Object.assign({ className: classes, viewBox: viewBox, fill: "currentColor", "aria-labelledby": hasTitle ? this.id : null, "aria-hidden": hasTitle ? null : true, role: "img" }, props),
|
|
22
23
|
hasTitle && React.createElement("title", { id: this.id }, title),
|
|
23
24
|
React.createElement("path", { d: svgPath })));
|
|
24
25
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"createIcon.js","sourceRoot":"","sources":["../../src/createIcon.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;
|
|
1
|
+
{"version":3,"file":"createIcon.js","sourceRoot":"","sources":["../../src/createIcon.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAgB/B,IAAI,SAAS,GAAG,CAAC,CAAC;AAElB;;GAEG;AACH,SAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,CAAC,EACX,KAAK,EACL,MAAM,EACN,OAAO,EACQ;;IACf,YAAO,MAAM,OAAQ,SAAQ,KAAK,CAAC,SAAuB;YAAnD;;gBAGL,OAAE,GAAG,cAAc,SAAS,EAAE,EAAE,CAAC;YAwBnC,CAAC;YAtBC,MAAM;gBACJ,MAAM,KAAiC,IAAI,CAAC,KAAK,EAA3C,EAAE,KAAK,EAAE,SAAS,OAAyB,EAApB,KAAK,sBAA5B,sBAA8B,CAAa,CAAC;gBAClD,MAAM,OAAO,GAAG,SAAS,CAAC,CAAC,CAAC,UAAU,SAAS,EAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;gBAE7D,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;gBAChC,MAAM,OAAO,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBAE5D,OAAO,CACL,2CACE,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,cAAc,qBACF,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,iBAC7B,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,EACnC,IAAI,EAAC,KAAK,IACL,KAAiD;oBAErD,QAAQ,IAAI,+BAAO,EAAE,EAAE,IAAI,CAAC,EAAE,IAAG,KAAK,CAAS;oBAChD,8BAAM,CAAC,EAAE,OAAO,GAAI,CAChB,CACP,CAAC;YACJ,CAAC;SACF;QA1BQ,cAAW,GAAG,IAAK;WA0B1B;AACJ,CAAC;AApCD,gCAoCC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/react-icons",
|
|
3
|
-
"version": "5.0.0-alpha.
|
|
3
|
+
"version": "5.0.0-alpha.13",
|
|
4
4
|
"description": "PatternFly 4 Icons as React Components",
|
|
5
5
|
"main": "dist/js/index.js",
|
|
6
6
|
"module": "dist/esm/index.js",
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
"@fortawesome/free-regular-svg-icons": "^5.14.0",
|
|
34
34
|
"@fortawesome/free-solid-svg-icons": "^5.14.0",
|
|
35
35
|
"@patternfly/patternfly": "5.0.0-alpha.41",
|
|
36
|
-
"fs-extra": "^11.1.
|
|
36
|
+
"fs-extra": "^11.1.1",
|
|
37
37
|
"glob": "^7.1.2",
|
|
38
38
|
"rimraf": "^2.6.2",
|
|
39
39
|
"tslib": "^2.5.0",
|
|
@@ -43,5 +43,5 @@
|
|
|
43
43
|
"react": "^17 || ^18",
|
|
44
44
|
"react-dom": "^17 || ^18"
|
|
45
45
|
},
|
|
46
|
-
"gitHead": "
|
|
46
|
+
"gitHead": "fbd0e89df0722abba56a1752bd20000943dee2b3"
|
|
47
47
|
}
|
package/src/createIcon.tsx
CHANGED
|
@@ -11,6 +11,7 @@ export interface IconDefinition {
|
|
|
11
11
|
|
|
12
12
|
export interface SVGIconProps extends Omit<React.HTMLProps<SVGElement>, 'ref'> {
|
|
13
13
|
title?: string;
|
|
14
|
+
className?: string;
|
|
14
15
|
}
|
|
15
16
|
|
|
16
17
|
let currentId = 0;
|
|
@@ -32,14 +33,15 @@ export function createIcon({
|
|
|
32
33
|
id = `icon-title-${currentId++}`;
|
|
33
34
|
|
|
34
35
|
render() {
|
|
35
|
-
const { title, ...props } = this.props;
|
|
36
|
+
const { title, className, ...props } = this.props;
|
|
37
|
+
const classes = className ? `pf-svg ${className}` : "pf-svg";
|
|
36
38
|
|
|
37
39
|
const hasTitle = Boolean(title);
|
|
38
40
|
const viewBox = [xOffset, yOffset, width, height].join(' ');
|
|
39
41
|
|
|
40
42
|
return (
|
|
41
43
|
<svg
|
|
42
|
-
className=
|
|
44
|
+
className={classes}
|
|
43
45
|
viewBox={viewBox}
|
|
44
46
|
fill="currentColor"
|
|
45
47
|
aria-labelledby={hasTitle ? this.id : null}
|