@patternfly/react-core 4.256.0 → 4.257.0

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 (18) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/dist/esm/components/Banner/Banner.d.ts +7 -5
  3. package/dist/esm/components/Banner/Banner.d.ts.map +1 -1
  4. package/dist/esm/components/Banner/Banner.js +2 -2
  5. package/dist/esm/components/Banner/Banner.js.map +1 -1
  6. package/dist/js/components/Banner/Banner.d.ts +7 -5
  7. package/dist/js/components/Banner/Banner.d.ts.map +1 -1
  8. package/dist/js/components/Banner/Banner.js +2 -2
  9. package/dist/js/components/Banner/Banner.js.map +1 -1
  10. package/dist/umd/react-core.min.css +1049 -1049
  11. package/dist/umd/react-core.min.js +1 -1
  12. package/package.json +2 -2
  13. package/src/components/Banner/Banner.tsx +8 -6
  14. package/src/components/Banner/__tests__/Banner.test.tsx +3 -13
  15. package/src/components/Banner/__tests__/__snapshots__/Banner.test.tsx.snap +0 -5
  16. package/src/components/Banner/examples/Banner.md +19 -0
  17. package/src/components/Banner/examples/BannerBasic.tsx +7 -9
  18. package/src/components/Banner/examples/BannerStatus.tsx +56 -0
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
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
+ # [4.257.0](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.256.0...@patternfly/react-core@4.257.0) (2022-10-24)
7
+
8
+
9
+ ### Features
10
+
11
+ * **Banner:** add support for status icons ([#8195](https://github.com/patternfly/patternfly-react/issues/8195)) ([6bd6c88](https://github.com/patternfly/patternfly-react/commit/6bd6c88d11dad080480f8227b26f1f34cf8d7766))
12
+
13
+
14
+
15
+
16
+
6
17
  # [4.256.0](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@4.255.2...@patternfly/react-core@4.256.0) (2022-10-24)
7
18
 
8
19
 
package/dist/esm/components/Banner/Banner.d.ts CHANGED
@@ -1,15 +1,17 @@
1
1
  import * as React from 'react';
2
2
  export interface BannerProps extends React.HTMLProps<HTMLDivElement> {
3
- /** Content rendered inside the banner */
3
+ /** Content rendered inside the banner. */
4
4
  children?: React.ReactNode;
5
- /** Additional classes added to the banner */
5
+ /** Additional classes added to the banner. */
6
6
  className?: string;
7
- /** Variant styles for the banner */
8
- variant?: 'default' | 'info' | 'danger' | 'success' | 'warning';
9
7
  /** If set to true, the banner sticks to the top of its container */
10
8
  isSticky?: boolean;
11
- /** Text announced by screen readers to indicate the type of banner. Defaults to "${variant} banner" if this prop is not passed in */
9
+ /** Text announced by screen readers to indicate the type of banner. This prop should only
10
+ * be passed in when the banner conveys status/severity.
11
+ */
12
12
  screenReaderText?: string;
13
+ /** Variant styles for the banner. */
14
+ variant?: 'default' | 'info' | 'danger' | 'success' | 'warning';
13
15
  }
14
16
  export declare const Banner: React.FunctionComponent<BannerProps>;
15
17
  //# sourceMappingURL=Banner.d.ts.map
package/dist/esm/components/Banner/Banner.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAClE,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAChE,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qIAAqI;IACrI,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAoBvD,CAAC"}
1
+ {"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAClE,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qCAAqC;IACrC,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;CACjE;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAoBvD,CAAC"}
package/dist/esm/components/Banner/Banner.js CHANGED
@@ -5,8 +5,8 @@ import { css } from '@patternfly/react-styles';
5
5
  export const Banner = (_a) => {
6
6
  var { children, className, variant = 'default', screenReaderText, isSticky = false } = _a, props = __rest(_a, ["children", "className", "variant", "screenReaderText", "isSticky"]);
7
7
  return (React.createElement("div", Object.assign({ className: css(styles.banner, styles.modifiers[variant], isSticky && styles.modifiers.sticky, className) }, props),
8
- children,
9
- React.createElement("span", { className: "pf-u-screen-reader" }, screenReaderText || `${variant} banner`)));
8
+ screenReaderText && React.createElement("span", { className: "pf-u-screen-reader" }, screenReaderText),
9
+ children));
10
10
  };
11
11
  Banner.displayName = 'Banner';
12
12
  //# sourceMappingURL=Banner.js.map
package/dist/esm/components/Banner/Banner.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,uDAAuD,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAe/C,MAAM,CAAC,MAAM,MAAM,GAAyC,CAAC,EAO/C,EAAE,EAAE;QAP2C,EAC3D,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,gBAAgB,EAChB,QAAQ,GAAG,KAAK,OAEJ,EADT,KAAK,cANmD,oEAO5D,CADS;IACS,OAAA,CACjB,2CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,MAAM,EACb,MAAM,CAAC,SAAS,CAAC,OAAoD,CAAC,EACtE,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,MAAM,EACnC,SAAS,CACV,IACG,KAAK;QAER,QAAQ;QACT,8BAAM,SAAS,EAAC,oBAAoB,IAAE,gBAAgB,IAAI,GAAG,OAAO,SAAS,CAAQ,CACjF,CACP,CAAA;CAAA,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
1
+ {"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,uDAAuD,CAAC;AAC3E,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAiB/C,MAAM,CAAC,MAAM,MAAM,GAAyC,CAAC,EAO/C,EAAE,EAAE;QAP2C,EAC3D,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,gBAAgB,EAChB,QAAQ,GAAG,KAAK,OAEJ,EADT,KAAK,cANmD,oEAO5D,CADS;IACS,OAAA,CACjB,2CACE,SAAS,EAAE,GAAG,CACZ,MAAM,CAAC,MAAM,EACb,MAAM,CAAC,SAAS,CAAC,OAAoD,CAAC,EACtE,QAAQ,IAAI,MAAM,CAAC,SAAS,CAAC,MAAM,EACnC,SAAS,CACV,IACG,KAAK;QAER,gBAAgB,IAAI,8BAAM,SAAS,EAAC,oBAAoB,IAAE,gBAAgB,CAAQ;QAClF,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AACF,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
package/dist/js/components/Banner/Banner.d.ts CHANGED
@@ -1,15 +1,17 @@
1
1
  import * as React from 'react';
2
2
  export interface BannerProps extends React.HTMLProps<HTMLDivElement> {
3
- /** Content rendered inside the banner */
3
+ /** Content rendered inside the banner. */
4
4
  children?: React.ReactNode;
5
- /** Additional classes added to the banner */
5
+ /** Additional classes added to the banner. */
6
6
  className?: string;
7
- /** Variant styles for the banner */
8
- variant?: 'default' | 'info' | 'danger' | 'success' | 'warning';
9
7
  /** If set to true, the banner sticks to the top of its container */
10
8
  isSticky?: boolean;
11
- /** Text announced by screen readers to indicate the type of banner. Defaults to "${variant} banner" if this prop is not passed in */
9
+ /** Text announced by screen readers to indicate the type of banner. This prop should only
10
+ * be passed in when the banner conveys status/severity.
11
+ */
12
12
  screenReaderText?: string;
13
+ /** Variant styles for the banner. */
14
+ variant?: 'default' | 'info' | 'danger' | 'success' | 'warning';
13
15
  }
14
16
  export declare const Banner: React.FunctionComponent<BannerProps>;
15
17
  //# sourceMappingURL=Banner.d.ts.map
package/dist/js/components/Banner/Banner.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAClE,yCAAyC;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oCAAoC;IACpC,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;IAChE,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qIAAqI;IACrI,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAoBvD,CAAC"}
1
+ {"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC;IAClE,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,8CAA8C;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oEAAoE;IACpE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,qCAAqC;IACrC,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC;CACjE;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAoBvD,CAAC"}
package/dist/js/components/Banner/Banner.js CHANGED
@@ -8,8 +8,8 @@ const react_styles_1 = require("@patternfly/react-styles");
8
8
  const Banner = (_a) => {
9
9
  var { children, className, variant = 'default', screenReaderText, isSticky = false } = _a, props = tslib_1.__rest(_a, ["children", "className", "variant", "screenReaderText", "isSticky"]);
10
10
  return (React.createElement("div", Object.assign({ className: react_styles_1.css(banner_1.default.banner, banner_1.default.modifiers[variant], isSticky && banner_1.default.modifiers.sticky, className) }, props),
11
- children,
12
- React.createElement("span", { className: "pf-u-screen-reader" }, screenReaderText || `${variant} banner`)));
11
+ screenReaderText && React.createElement("span", { className: "pf-u-screen-reader" }, screenReaderText),
12
+ children));
13
13
  };
14
14
  exports.Banner = Banner;
15
15
  exports.Banner.displayName = 'Banner';
package/dist/js/components/Banner/Banner.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2GAA2E;AAC3E,2DAA+C;AAexC,MAAM,MAAM,GAAyC,CAAC,EAO/C,EAAE,EAAE;QAP2C,EAC3D,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,gBAAgB,EAChB,QAAQ,GAAG,KAAK,OAEJ,EADT,KAAK,sBANmD,oEAO5D,CADS;IACS,OAAA,CACjB,2CACE,SAAS,EAAE,kBAAG,CACZ,gBAAM,CAAC,MAAM,EACb,gBAAM,CAAC,SAAS,CAAC,OAAoD,CAAC,EACtE,QAAQ,IAAI,gBAAM,CAAC,SAAS,CAAC,MAAM,EACnC,SAAS,CACV,IACG,KAAK;QAER,QAAQ;QACT,8BAAM,SAAS,EAAC,oBAAoB,IAAE,gBAAgB,IAAI,GAAG,OAAO,SAAS,CAAQ,CACjF,CACP,CAAA;CAAA,CAAC;AApBW,QAAA,MAAM,UAoBjB;AACF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}
1
+ {"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../../src/components/Banner/Banner.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAC/B,2GAA2E;AAC3E,2DAA+C;AAiBxC,MAAM,MAAM,GAAyC,CAAC,EAO/C,EAAE,EAAE;QAP2C,EAC3D,QAAQ,EACR,SAAS,EACT,OAAO,GAAG,SAAS,EACnB,gBAAgB,EAChB,QAAQ,GAAG,KAAK,OAEJ,EADT,KAAK,sBANmD,oEAO5D,CADS;IACS,OAAA,CACjB,2CACE,SAAS,EAAE,kBAAG,CACZ,gBAAM,CAAC,MAAM,EACb,gBAAM,CAAC,SAAS,CAAC,OAAoD,CAAC,EACtE,QAAQ,IAAI,gBAAM,CAAC,SAAS,CAAC,MAAM,EACnC,SAAS,CACV,IACG,KAAK;QAER,gBAAgB,IAAI,8BAAM,SAAS,EAAC,oBAAoB,IAAE,gBAAgB,CAAQ;QAClF,QAAQ,CACL,CACP,CAAA;CAAA,CAAC;AApBW,QAAA,MAAM,UAoBjB;AACF,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC"}