@patternfly/react-core 4.241.0 → 4.241.1
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 +11 -0
- package/dist/esm/components/OverflowMenu/OverflowMenu.d.ts +1 -0
- package/dist/esm/components/OverflowMenu/OverflowMenu.d.ts.map +1 -1
- package/dist/esm/components/OverflowMenu/OverflowMenu.js +3 -2
- package/dist/esm/components/OverflowMenu/OverflowMenu.js.map +1 -1
- package/dist/esm/components/Tabs/Tabs.js +2 -2
- package/dist/esm/components/Tabs/Tabs.js.map +1 -1
- package/dist/esm/helpers/Popper/FindRefWrapper.d.ts +1 -1
- package/dist/js/components/OverflowMenu/OverflowMenu.d.ts +1 -0
- package/dist/js/components/OverflowMenu/OverflowMenu.d.ts.map +1 -1
- package/dist/js/components/OverflowMenu/OverflowMenu.js +3 -2
- package/dist/js/components/OverflowMenu/OverflowMenu.js.map +1 -1
- package/dist/js/components/Tabs/Tabs.js +2 -2
- package/dist/js/components/Tabs/Tabs.js.map +1 -1
- package/dist/js/helpers/Popper/FindRefWrapper.d.ts +1 -1
- package/dist/umd/react-core.min.css +32 -32
- package/dist/umd/react-core.min.js +1 -1
- package/package.json +7 -7
- package/src/components/AlertGroup/examples/AlertGroupSingularDynamic.tsx +3 -3
- package/src/components/AlertGroup/examples/AlertGroupSingularDynamicOverflow.tsx +3 -3
- package/src/components/OverflowMenu/OverflowMenu.tsx +4 -2
- package/src/components/Tabs/Tabs.tsx +2 -2
- package/src/components/Tabs/__tests__/Tabs.test.tsx +19 -0
- package/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap +0 -546
- package/src/components/Title/examples/Title.md +4 -50
- package/src/components/Title/examples/TitleCustomSizes.tsx +25 -0
- package/src/components/Title/examples/TitleDefaultSizes.tsx +13 -0
|
@@ -6,56 +6,10 @@ propComponents: ['Title']
|
|
|
6
6
|
---
|
|
7
7
|
|
|
8
8
|
## Examples
|
|
9
|
-
### Sizes
|
|
10
|
-
```
|
|
11
|
-
import React from 'react';
|
|
12
|
-
import { Title, TitleSizes } from '@patternfly/react-core';
|
|
13
|
-
|
|
14
|
-
<React.Fragment>
|
|
15
|
-
<Title headingLevel="h1" size={TitleSizes['4xl']}>
|
|
16
|
-
4xl Title
|
|
17
|
-
</Title>
|
|
18
|
-
<Title headingLevel="h2" size="3xl">
|
|
19
|
-
3xl Title
|
|
20
|
-
</Title>
|
|
21
|
-
<Title headingLevel="h3" size={TitleSizes['2xl']}>
|
|
22
|
-
2xl Title
|
|
23
|
-
</Title>
|
|
24
|
-
<Title headingLevel="h4" size="xl">
|
|
25
|
-
xl Title
|
|
26
|
-
</Title>
|
|
27
|
-
<Title headingLevel="h5" size={TitleSizes.lg}>
|
|
28
|
-
lg Title
|
|
29
|
-
</Title>
|
|
30
|
-
<Title headingLevel="h6" size="md">
|
|
31
|
-
md Title
|
|
32
|
-
</Title>
|
|
33
|
-
</React.Fragment>
|
|
9
|
+
### Default Sizes
|
|
10
|
+
```ts file="./TitleDefaultSizes.tsx"
|
|
34
11
|
```
|
|
35
12
|
|
|
36
|
-
###
|
|
37
|
-
```
|
|
38
|
-
import React from 'react';
|
|
39
|
-
import { Title } from '@patternfly/react-core';
|
|
40
|
-
|
|
41
|
-
<React.Fragment>
|
|
42
|
-
<Title headingLevel="h1">
|
|
43
|
-
h1 default to 2xl
|
|
44
|
-
</Title>
|
|
45
|
-
<Title headingLevel="h2">
|
|
46
|
-
h2 defaults to xl
|
|
47
|
-
</Title>
|
|
48
|
-
<Title headingLevel="h3">
|
|
49
|
-
h3 defaults to lg
|
|
50
|
-
</Title>
|
|
51
|
-
<Title headingLevel="h4">
|
|
52
|
-
h4 defaults to md
|
|
53
|
-
</Title>
|
|
54
|
-
<Title headingLevel="h5">
|
|
55
|
-
h5 defaults to md
|
|
56
|
-
</Title>
|
|
57
|
-
<Title headingLevel="h6">
|
|
58
|
-
h6 defaults to md
|
|
59
|
-
</Title>
|
|
60
|
-
</React.Fragment>
|
|
13
|
+
### Custom Sizes
|
|
14
|
+
```ts file="./TitleCustomSizes.tsx"
|
|
61
15
|
```
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Title, TitleSizes } from '@patternfly/react-core';
|
|
3
|
+
|
|
4
|
+
export const TitleCustomSizes: React.FunctionComponent = () => (
|
|
5
|
+
<React.Fragment>
|
|
6
|
+
<Title headingLevel="h1" size={TitleSizes['4xl']}>
|
|
7
|
+
h1 as 4xl
|
|
8
|
+
</Title>
|
|
9
|
+
<Title headingLevel="h2" size="3xl">
|
|
10
|
+
h2 as 3xl
|
|
11
|
+
</Title>
|
|
12
|
+
<Title headingLevel="h3" size={TitleSizes['2xl']}>
|
|
13
|
+
h3 as 2xl
|
|
14
|
+
</Title>
|
|
15
|
+
<Title headingLevel="h4" size="xl">
|
|
16
|
+
h4 as xl
|
|
17
|
+
</Title>
|
|
18
|
+
<Title headingLevel="h5" size={TitleSizes.lg}>
|
|
19
|
+
h5 as lg
|
|
20
|
+
</Title>
|
|
21
|
+
<Title headingLevel="h6" size="md">
|
|
22
|
+
h6 as md Title
|
|
23
|
+
</Title>
|
|
24
|
+
</React.Fragment>
|
|
25
|
+
);
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { Title } from '@patternfly/react-core';
|
|
3
|
+
|
|
4
|
+
export const TitleDefaultSizes: React.FunctionComponent = () => (
|
|
5
|
+
<React.Fragment>
|
|
6
|
+
<Title headingLevel="h1">h1 defaults to 2xl</Title>
|
|
7
|
+
<Title headingLevel="h2">h2 defaults to xl</Title>
|
|
8
|
+
<Title headingLevel="h3">h3 defaults to lg</Title>
|
|
9
|
+
<Title headingLevel="h4">h4 defaults to md</Title>
|
|
10
|
+
<Title headingLevel="h5">h5 defaults to md</Title>
|
|
11
|
+
<Title headingLevel="h6">h6 defaults to md</Title>
|
|
12
|
+
</React.Fragment>
|
|
13
|
+
);
|