@patternfly/react-core 5.0.0-alpha.41 → 5.0.0-alpha.42

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 (15) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/components/Banner/Banner.d.ts +1 -1
  3. package/components/Banner/Banner.d.ts.map +1 -1
  4. package/components/Banner/Banner.js.map +1 -1
  5. package/dist/esm/components/Banner/Banner.d.ts +1 -1
  6. package/dist/esm/components/Banner/Banner.d.ts.map +1 -1
  7. package/dist/esm/components/Banner/Banner.js.map +1 -1
  8. package/dist/js/components/Banner/Banner.d.ts +1 -1
  9. package/dist/js/components/Banner/Banner.d.ts.map +1 -1
  10. package/dist/js/components/Banner/Banner.js.map +1 -1
  11. package/package.json +2 -2
  12. package/src/components/Banner/Banner.tsx +2 -2
  13. package/src/components/Banner/__tests__/Banner.test.tsx +12 -12
  14. package/src/components/Banner/examples/BannerBasic.tsx +4 -4
  15. package/src/components/Banner/examples/BannerStatus.tsx +4 -4
package/CHANGELOG.md CHANGED
@@ -3,6 +3,12 @@
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.42 (2023-03-21)
7
+
8
+ ### Features
9
+
10
+ - **Banner:** updated variants to colors ([#8808](https://github.com/patternfly/patternfly-react/issues/8808)) ([6bf4d35](https://github.com/patternfly/patternfly-react/commit/6bf4d35fa6681a3c2b183ccf07f7a8a5df308430))
11
+
6
12
  # [5.0.0-alpha.41](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-core@5.0.0-alpha.40...@patternfly/react-core@5.0.0-alpha.41) (2023-03-20)
7
13
 
8
14
  ### Bug Fixes
package/components/Banner/Banner.d.ts CHANGED
@@ -11,7 +11,7 @@ export interface BannerProps extends React.HTMLProps<HTMLDivElement> {
11
11
  */
12
12
  screenReaderText?: string;
13
13
  /** Variant styles for the banner. */
14
- variant?: 'default' | 'info' | 'danger' | 'success' | 'warning';
14
+ variant?: 'default' | 'blue' | 'red' | 'green' | 'gold';
15
15
  }
16
16
  export declare const Banner: React.FunctionComponent<BannerProps>;
17
17
  //# sourceMappingURL=Banner.d.ts.map
package/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,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"}
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,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;CACzD;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAoBvD,CAAC"}
package/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;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"}
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,OAA4C,CAAC,EAC9D,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/esm/components/Banner/Banner.d.ts CHANGED
@@ -11,7 +11,7 @@ export interface BannerProps extends React.HTMLProps<HTMLDivElement> {
11
11
  */
12
12
  screenReaderText?: string;
13
13
  /** Variant styles for the banner. */
14
- variant?: 'default' | 'info' | 'danger' | 'success' | 'warning';
14
+ variant?: 'default' | 'blue' | 'red' | 'green' | 'gold';
15
15
  }
16
16
  export declare const Banner: React.FunctionComponent<BannerProps>;
17
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,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"}
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,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;CACzD;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAoBvD,CAAC"}
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;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"}
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,OAA4C,CAAC,EAC9D,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
@@ -11,7 +11,7 @@ export interface BannerProps extends React.HTMLProps<HTMLDivElement> {
11
11
  */
12
12
  screenReaderText?: string;
13
13
  /** Variant styles for the banner. */
14
- variant?: 'default' | 'info' | 'danger' | 'success' | 'warning';
14
+ variant?: 'default' | 'blue' | 'red' | 'green' | 'gold';
15
15
  }
16
16
  export declare const Banner: React.FunctionComponent<BannerProps>;
17
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,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"}
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,KAAK,GAAG,OAAO,GAAG,MAAM,CAAC;CACzD;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAoBvD,CAAC"}
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;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,IAAA,kBAAG,EACZ,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"}
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,IAAA,kBAAG,EACZ,gBAAM,CAAC,MAAM,EACb,gBAAM,CAAC,SAAS,CAAC,OAA4C,CAAC,EAC9D,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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-core",
3
- "version": "5.0.0-alpha.41",
3
+ "version": "5.0.0-alpha.42",
4
4
  "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
5
5
  "main": "dist/js/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -70,5 +70,5 @@
70
70
  "react": "^17 || ^18",
71
71
  "react-dom": "^17 || ^18"
72
72
  },
73
- "gitHead": "c8a84859edab851733312c80d2f83689610d1e9b"
73
+ "gitHead": "966feee1c2aac99d2f7dfa6e59199cdd2f9db811"
74
74
  }
package/src/components/Banner/Banner.tsx CHANGED
@@ -14,7 +14,7 @@ export interface BannerProps extends React.HTMLProps<HTMLDivElement> {
14
14
  */
15
15
  screenReaderText?: string;
16
16
  /** Variant styles for the banner. */
17
- variant?: 'default' | 'info' | 'danger' | 'success' | 'warning';
17
+ variant?: 'default' | 'blue' | 'red' | 'green' | 'gold';
18
18
  }
19
19
 
20
20
  export const Banner: React.FunctionComponent<BannerProps> = ({
@@ -28,7 +28,7 @@ export const Banner: React.FunctionComponent<BannerProps> = ({
28
28
  <div
29
29
  className={css(
30
30
  styles.banner,
31
- styles.modifiers[variant as 'success' | 'danger' | 'warning' | 'info'],
31
+ styles.modifiers[variant as 'green' | 'red' | 'gold' | 'blue'],
32
32
  isSticky && styles.modifiers.sticky,
33
33
  className
34
34
  )}
package/src/components/Banner/__tests__/Banner.test.tsx CHANGED
@@ -31,24 +31,24 @@ test('Renders without any modifier class when variant prop is not passed', () =>
31
31
  expect(screen.getByText('Test')).toHaveClass('pf-c-banner', { exact: true });
32
32
  });
33
33
 
34
- test('Renders with class name pf-m-success when "success" is passed to variant prop', () => {
35
- render(<Banner variant="success">Test</Banner>);
36
- expect(screen.getByText('Test')).toHaveClass('pf-m-success');
34
+ test('Renders with class name pf-m-green when "green" is passed to variant prop', () => {
35
+ render(<Banner variant="green">Test</Banner>);
36
+ expect(screen.getByText('Test')).toHaveClass('pf-m-green');
37
37
  });
38
38
 
39
- test('Renders with class name pf-m-danger when "danger" is passed to variant prop', () => {
40
- render(<Banner variant="danger">Test</Banner>);
41
- expect(screen.getByText('Test')).toHaveClass('pf-m-danger');
39
+ test('Renders with class name pf-m-red when "red" is passed to variant prop', () => {
40
+ render(<Banner variant="red">Test</Banner>);
41
+ expect(screen.getByText('Test')).toHaveClass('pf-m-red');
42
42
  });
43
43
 
44
- test('Renders with class name pf-m-warning when "warning" is passed to variant prop', () => {
45
- render(<Banner variant="warning">Test</Banner>);
46
- expect(screen.getByText('Test')).toHaveClass('pf-m-warning');
44
+ test('Renders with class name pf-m-gold when "gold" is passed to variant prop', () => {
45
+ render(<Banner variant="gold">Test</Banner>);
46
+ expect(screen.getByText('Test')).toHaveClass('pf-m-gold');
47
47
  });
48
48
 
49
- test('Renders with class name pf-m-info when "info" is passed to variant prop', () => {
50
- render(<Banner variant="info">Test</Banner>);
51
- expect(screen.getByText('Test')).toHaveClass('pf-m-info');
49
+ test('Renders with class name pf-m-blue when "blue" is passed to variant prop', () => {
50
+ render(<Banner variant="blue">Test</Banner>);
51
+ expect(screen.getByText('Test')).toHaveClass('pf-m-blue');
52
52
  });
53
53
 
54
54
  test('Does not render pf-u-screen-reader class by default', () => {
package/src/components/Banner/examples/BannerBasic.tsx CHANGED
@@ -5,12 +5,12 @@ export const BannerBasic: React.FunctionComponent = () => (
5
5
  <>
6
6
  <Banner>Default banner</Banner>
7
7
  <br />
8
- <Banner variant="info">Blue banner</Banner>
8
+ <Banner variant="blue">Blue banner</Banner>
9
9
  <br />
10
- <Banner variant="danger">Red banner</Banner>
10
+ <Banner variant="red">Red banner</Banner>
11
11
  <br />
12
- <Banner variant="success">Green banner</Banner>
12
+ <Banner variant="green">Green banner</Banner>
13
13
  <br />
14
- <Banner variant="warning">Gold banner</Banner>
14
+ <Banner variant="gold">Gold banner</Banner>
15
15
  </>
16
16
  );
package/src/components/Banner/examples/BannerStatus.tsx CHANGED
@@ -17,7 +17,7 @@ export const BannerStatus: React.FunctionComponent = () => (
17
17
  </Flex>
18
18
  </Banner>
19
19
  <br />
20
- <Banner screenReaderText="Info banner" variant="info">
20
+ <Banner screenReaderText="Info banner" variant="blue">
21
21
  <Flex spaceItems={{ default: 'spaceItemsSm' }}>
22
22
  <FlexItem>
23
23
  <InfoCircleIcon />
@@ -26,7 +26,7 @@ export const BannerStatus: React.FunctionComponent = () => (
26
26
  </Flex>
27
27
  </Banner>
28
28
  <br />
29
- <Banner screenReaderText="Danger banner" variant="danger">
29
+ <Banner screenReaderText="Danger banner" variant="red">
30
30
  <Flex spaceItems={{ default: 'spaceItemsSm' }}>
31
31
  <FlexItem>
32
32
  <ExclamationCircleIcon />
@@ -35,7 +35,7 @@ export const BannerStatus: React.FunctionComponent = () => (
35
35
  </Flex>
36
36
  </Banner>
37
37
  <br />
38
- <Banner screenReaderText="Success banner" variant="success">
38
+ <Banner screenReaderText="Success banner" variant="green">
39
39
  <Flex spaceItems={{ default: 'spaceItemsSm' }}>
40
40
  <FlexItem>
41
41
  <CheckCircleIcon />
@@ -44,7 +44,7 @@ export const BannerStatus: React.FunctionComponent = () => (
44
44
  </Flex>
45
45
  </Banner>
46
46
  <br />
47
- <Banner screenReaderText="Warning banner" variant="warning">
47
+ <Banner screenReaderText="Warning banner" variant="gold">
48
48
  <Flex spaceItems={{ default: 'spaceItemsSm' }}>
49
49
  <FlexItem>
50
50
  <ExclamationTriangleIcon />