@patternfly/react-styles 6.4.0 → 6.5.0-prerelease.10
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 +50 -0
- package/README.md +1 -1
- package/css/assets/images/RHAiExperienceIcon.svg +27 -0
- package/css/assets/images/RHAutomationsLogo.svg +96 -0
- package/css/assets/images/RHServerStackIcon.svg +16 -0
- package/css/assets/images/compass--hero-bg.png +0 -0
- package/css/assets/images/compass--rh-wallpaper-dark.png +0 -0
- package/css/assets/images/compass--rh-wallpaper-light.png +0 -0
- package/css/assets/images/compass--wallpaper-dark.png +0 -0
- package/css/assets/images/compass--wallpaper-light.png +0 -0
- package/css/components/ActionList/action-list.css +9 -0
- package/css/components/ActionList/action-list.d.ts +2 -1
- package/css/components/ActionList/action-list.js +2 -1
- package/css/components/ActionList/action-list.mjs +2 -1
- package/css/components/Button/button.css +34 -4
- package/css/components/Button/button.d.ts +1 -0
- package/css/components/Button/button.js +1 -0
- package/css/components/Button/button.mjs +1 -0
- package/css/components/Card/card.css +12 -0
- package/css/components/Card/card.d.ts +3 -1
- package/css/components/Card/card.js +3 -1
- package/css/components/Card/card.mjs +3 -1
- package/css/components/Compass/compass.css +316 -0
- package/css/components/Compass/compass.d.ts +36 -0
- package/css/components/Compass/compass.js +37 -0
- package/css/components/Compass/compass.mjs +35 -0
- package/css/components/DataList/data-list.css +5 -1
- package/css/components/DataList/data-list.d.ts +1 -0
- package/css/components/DataList/data-list.js +1 -0
- package/css/components/DataList/data-list.mjs +1 -0
- package/css/components/Drawer/drawer.css +72 -28
- package/css/components/Drawer/drawer.d.ts +2 -0
- package/css/components/Drawer/drawer.js +2 -0
- package/css/components/Drawer/drawer.mjs +2 -0
- package/css/components/ExpandableSection/expandable-section.css +3 -0
- package/css/components/Hero/hero.css +74 -0
- package/css/components/Hero/hero.d.ts +11 -0
- package/css/components/Hero/hero.js +12 -0
- package/css/components/Hero/hero.mjs +10 -0
- package/css/components/Masthead/masthead.css +52 -0
- package/css/components/Masthead/masthead.d.ts +1 -0
- package/css/components/Masthead/masthead.js +1 -0
- package/css/components/Masthead/masthead.mjs +1 -0
- package/css/components/Menu/menu.css +1 -1
- package/css/components/MenuToggle/menu-toggle.css +4 -0
- package/css/components/MenuToggle/menu-toggle.d.ts +1 -0
- package/css/components/MenuToggle/menu-toggle.js +1 -0
- package/css/components/MenuToggle/menu-toggle.mjs +1 -0
- package/css/components/Nav/nav.css +59 -0
- package/css/components/Nav/nav.d.ts +3 -1
- package/css/components/Nav/nav.js +3 -1
- package/css/components/Nav/nav.mjs +3 -1
- package/css/components/Page/page.css +20 -0
- package/css/components/Page/page.d.ts +2 -0
- package/css/components/Page/page.js +2 -0
- package/css/components/Page/page.mjs +2 -0
- package/css/components/Panel/panel.css +1 -1
- package/css/components/Spinner/spinner.css +3 -0
- package/css/components/Spinner/spinner.d.ts +1 -0
- package/css/components/Spinner/spinner.js +1 -0
- package/css/components/Spinner/spinner.mjs +1 -0
- package/css/components/Table/table.css +3 -0
- package/css/components/Table/table.d.ts +1 -0
- package/css/components/Table/table.js +1 -0
- package/css/components/Table/table.mjs +1 -0
- package/css/components/Tabs/tabs.css +16 -1
- package/css/components/Tabs/tabs.d.ts +1 -0
- package/css/components/Tabs/tabs.js +1 -0
- package/css/components/Tabs/tabs.mjs +1 -0
- package/css/components/Toolbar/toolbar.css +32 -6
- package/css/components/Toolbar/toolbar.d.ts +1 -0
- package/css/components/Toolbar/toolbar.js +1 -0
- package/css/components/Toolbar/toolbar.mjs +1 -0
- package/css/components/_index.css +792 -117
- package/css/components/_index.d.ts +34 -4
- package/css/components/_index.js +34 -4
- package/css/components/_index.mjs +34 -4
- package/css/docs/components/Compass/examples/Compass.css +17 -0
- package/css/docs/components/Compass/examples/Compass.d.ts +6 -0
- package/css/docs/components/Compass/examples/Compass.js +7 -0
- package/css/docs/components/Compass/examples/Compass.mjs +5 -0
- package/css/docs/layouts/Bullseye/examples/Bullseye.css +2 -2
- package/css/docs/layouts/Bullseye/examples/Bullseye.d.ts +1 -1
- package/css/docs/layouts/Bullseye/examples/Bullseye.js +1 -1
- package/css/docs/layouts/Bullseye/examples/Bullseye.mjs +1 -1
- package/css/docs/layouts/Flex/examples/Flex.css +3 -3
- package/css/docs/layouts/Flex/examples/Flex.d.ts +2 -2
- package/css/docs/layouts/Flex/examples/Flex.js +2 -2
- package/css/docs/layouts/Flex/examples/Flex.mjs +2 -2
- package/css/docs/layouts/Gallery/examples/Gallery.css +2 -2
- package/css/docs/layouts/Gallery/examples/Gallery.d.ts +1 -1
- package/css/docs/layouts/Gallery/examples/Gallery.js +1 -1
- package/css/docs/layouts/Gallery/examples/Gallery.mjs +1 -1
- package/css/docs/layouts/Grid/examples/Grid.css +1 -1
- package/css/docs/layouts/Grid/examples/Grid.d.ts +1 -1
- package/css/docs/layouts/Grid/examples/Grid.js +1 -1
- package/css/docs/layouts/Grid/examples/Grid.mjs +1 -1
- package/css/docs/layouts/Level/examples/Level.css +3 -3
- package/css/docs/layouts/Level/examples/Level.d.ts +1 -1
- package/css/docs/layouts/Level/examples/Level.js +1 -1
- package/css/docs/layouts/Level/examples/Level.mjs +1 -1
- package/css/docs/layouts/Split/examples/Split.css +1 -1
- package/css/docs/layouts/Split/examples/Split.d.ts +1 -1
- package/css/docs/layouts/Split/examples/Split.js +1 -1
- package/css/docs/layouts/Split/examples/Split.mjs +1 -1
- package/css/docs/layouts/Stack/examples/Stack.css +3 -3
- package/css/docs/layouts/Stack/examples/Stack.d.ts +1 -1
- package/css/docs/layouts/Stack/examples/Stack.js +1 -1
- package/css/docs/layouts/Stack/examples/Stack.mjs +1 -1
- package/css/docs/utilities/Alignment/examples/Alignment.css +4 -4
- package/css/docs/utilities/Alignment/examples/Alignment.d.ts +1 -1
- package/css/docs/utilities/Alignment/examples/Alignment.js +1 -1
- package/css/docs/utilities/Alignment/examples/Alignment.mjs +1 -1
- package/css/docs/utilities/BoxShadow/examples/box-shadow.css +2 -2
- package/css/docs/utilities/BoxShadow/examples/box-shadow.d.ts +1 -1
- package/css/docs/utilities/BoxShadow/examples/box-shadow.js +1 -1
- package/css/docs/utilities/BoxShadow/examples/box-shadow.mjs +1 -1
- package/css/docs/utilities/Display/examples/Display.css +1 -1
- package/css/docs/utilities/Display/examples/Display.d.ts +1 -1
- package/css/docs/utilities/Display/examples/Display.js +1 -1
- package/css/docs/utilities/Display/examples/Display.mjs +1 -1
- package/css/docs/utilities/Flex/examples/Flex.css +7 -7
- package/css/docs/utilities/Flex/examples/Flex.d.ts +1 -1
- package/css/docs/utilities/Flex/examples/Flex.js +1 -1
- package/css/docs/utilities/Flex/examples/Flex.mjs +1 -1
- package/css/docs/utilities/Float/examples/Float.css +2 -2
- package/css/docs/utilities/Float/examples/Float.d.ts +1 -1
- package/css/docs/utilities/Float/examples/Float.js +1 -1
- package/css/docs/utilities/Float/examples/Float.mjs +1 -1
- package/css/docs/utilities/Spacing/examples/Spacing.css +2 -2
- package/css/docs/utilities/Spacing/examples/Spacing.d.ts +1 -1
- package/css/docs/utilities/Spacing/examples/Spacing.js +1 -1
- package/css/docs/utilities/Spacing/examples/Spacing.mjs +1 -1
- package/package.json +3 -3
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
.ws-core-
|
|
1
|
+
.ws-core-f-level .ws-preview-html {
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-wrap: wrap;
|
|
4
4
|
min-height: 160px;
|
|
5
5
|
}
|
|
6
|
-
.ws-core-
|
|
6
|
+
.ws-core-f-level :is(.pf-v6-l-level, .pf-v6-l-level__item, .pf-v6-l-level > *) {
|
|
7
7
|
padding: var(--pf-t--global--spacer--sm);
|
|
8
8
|
border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
|
|
9
9
|
}
|
|
10
|
-
.ws-core-
|
|
10
|
+
.ws-core-f-level .pf-v6-l-level {
|
|
11
11
|
width: 100%;
|
|
12
12
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.ws-core-
|
|
1
|
+
.ws-core-f-split :is(.pf-v6-l-split, .pf-v6-l-split__item, .pf-v6-l-split > *) {
|
|
2
2
|
padding: var(--pf-t--global--spacer--sm);
|
|
3
3
|
border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
|
|
4
4
|
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
.ws-core-
|
|
1
|
+
.ws-core-f-stack :is(.pf-v6-l-stack, .pf-v6-l-stack__item, .pf-v6-l-stack > *) {
|
|
2
2
|
padding: var(--pf-t--global--spacer--sm);
|
|
3
3
|
border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
.ws-core-
|
|
6
|
+
.ws-core-f-stack .ws-preview-html {
|
|
7
7
|
display: flex;
|
|
8
8
|
flex-direction: column;
|
|
9
9
|
min-height: 30rem;
|
|
10
10
|
width: 100%;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
|
-
.ws-core-
|
|
13
|
+
.ws-core-f-stack .pf-v6-l-stack {
|
|
14
14
|
flex-grow: 1;
|
|
15
15
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
.ws-core-
|
|
2
|
-
.ws-core-
|
|
3
|
-
.ws-core-
|
|
4
|
-
.ws-core-
|
|
1
|
+
.ws-core-f-alignment .pf-v6-u-text-align-start,
|
|
2
|
+
.ws-core-f-alignment .pf-v6-u-text-align-center,
|
|
3
|
+
.ws-core-f-alignment .pf-v6-u-text-align-end,
|
|
4
|
+
.ws-core-f-alignment .pf-v6-u-text-align-justify {
|
|
5
5
|
padding: var(--pf-t--global--spacer--sm);
|
|
6
6
|
border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
|
|
7
7
|
}
|
|
@@ -4,6 +4,6 @@ declare const _default: {
|
|
|
4
4
|
"textAlignEnd": "pf-v6-u-text-align-end",
|
|
5
5
|
"textAlignJustify": "pf-v6-u-text-align-justify",
|
|
6
6
|
"textAlignStart": "pf-v6-u-text-align-start",
|
|
7
|
-
"
|
|
7
|
+
"wsCoreFAlignment": "ws-core-f-alignment"
|
|
8
8
|
};
|
|
9
9
|
export default _default;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
.ws-core-
|
|
1
|
+
.ws-core-f-box-shadow .ws-preview-html {
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
gap: var(--pf-t--global--spacer--xl);
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
.ws-core-
|
|
7
|
+
.ws-core-f-box-shadow [class*="pf-v6-u-box-shadow"] {
|
|
8
8
|
padding: var(--pf-t--global--spacer--md);
|
|
9
9
|
}
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
.ws-core-
|
|
2
|
-
.ws-core-
|
|
3
|
-
.ws-core-
|
|
1
|
+
.ws-core-f-flex .pf-v6-u-display-flex,
|
|
2
|
+
.ws-core-f-flex .ws-example-flex-item,
|
|
3
|
+
.ws-core-f-flex .pf-v6-u-display-inline-flex {
|
|
4
4
|
flex-wrap: wrap;
|
|
5
5
|
padding: var(--pf-t--global--spacer--sm);
|
|
6
6
|
border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
|
|
7
7
|
}
|
|
8
8
|
|
|
9
|
-
#ws-core-
|
|
10
|
-
#ws-core-
|
|
11
|
-
#ws-core-
|
|
9
|
+
#ws-core-f-flex-aligned-items .pf-v6-u-display-flex,
|
|
10
|
+
#ws-core-f-flex-aligned-self .pf-v6-u-display-flex,
|
|
11
|
+
#ws-core-f-flex-aligned-content .pf-v6-u-display-flex {
|
|
12
12
|
min-height: 160px;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
#ws-core-
|
|
15
|
+
#ws-core-f-flex-aligned-content .ws-example-flex-item {
|
|
16
16
|
height: 40px;
|
|
17
17
|
}
|
|
18
18
|
|
|
@@ -2,7 +2,7 @@ import './Flex.css';
|
|
|
2
2
|
declare const _default: {
|
|
3
3
|
"displayFlex": "pf-v6-u-display-flex",
|
|
4
4
|
"displayInlineFlex": "pf-v6-u-display-inline-flex",
|
|
5
|
-
"
|
|
5
|
+
"wsCoreFFlex": "ws-core-f-flex",
|
|
6
6
|
"wsExampleFlexItem": "ws-example-flex-item",
|
|
7
7
|
"wsExampleUFlexLg": "ws-example-u-flex-lg",
|
|
8
8
|
"wsExampleUFlexMd": "ws-example-u-flex-md"
|
|
@@ -4,7 +4,7 @@ require('./Flex.css');
|
|
|
4
4
|
exports.default = {
|
|
5
5
|
"displayFlex": "pf-v6-u-display-flex",
|
|
6
6
|
"displayInlineFlex": "pf-v6-u-display-inline-flex",
|
|
7
|
-
"
|
|
7
|
+
"wsCoreFFlex": "ws-core-f-flex",
|
|
8
8
|
"wsExampleFlexItem": "ws-example-flex-item",
|
|
9
9
|
"wsExampleUFlexLg": "ws-example-u-flex-lg",
|
|
10
10
|
"wsExampleUFlexMd": "ws-example-u-flex-md"
|
|
@@ -2,7 +2,7 @@ import './Flex.css';
|
|
|
2
2
|
export default {
|
|
3
3
|
"displayFlex": "pf-v6-u-display-flex",
|
|
4
4
|
"displayInlineFlex": "pf-v6-u-display-inline-flex",
|
|
5
|
-
"
|
|
5
|
+
"wsCoreFFlex": "ws-core-f-flex",
|
|
6
6
|
"wsExampleFlexItem": "ws-example-flex-item",
|
|
7
7
|
"wsExampleUFlexLg": "ws-example-u-flex-lg",
|
|
8
8
|
"wsExampleUFlexMd": "ws-example-u-flex-md"
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.ws-core-
|
|
2
|
-
.ws-core-
|
|
1
|
+
.ws-core-f-float .pf-v6-u-float-inline-start,
|
|
2
|
+
.ws-core-f-float .pf-v6-u-float-inline-end {
|
|
3
3
|
padding: var(--pf-t--global--spacer--sm);
|
|
4
4
|
border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
|
|
5
5
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.ws-core-
|
|
2
|
-
.ws-core-
|
|
1
|
+
.ws-core-f-spacing .ws-example-flex-item,
|
|
2
|
+
.ws-core-f-spacing .pf-v6-u-display-flex {
|
|
3
3
|
padding: var(--pf-t--global--spacer--sm);
|
|
4
4
|
border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
|
|
5
5
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/react-styles",
|
|
3
|
-
"version": "6.
|
|
3
|
+
"version": "6.5.0-prerelease.10",
|
|
4
4
|
"main": "dist/js/index.js",
|
|
5
5
|
"module": "dist/esm/index.js",
|
|
6
6
|
"types": "dist/esm/index.d.ts",
|
|
@@ -19,10 +19,10 @@
|
|
|
19
19
|
"clean": "rimraf dist css"
|
|
20
20
|
},
|
|
21
21
|
"devDependencies": {
|
|
22
|
-
"@patternfly/patternfly": "6.
|
|
22
|
+
"@patternfly/patternfly": "6.5.0-prerelease.33",
|
|
23
23
|
"change-case": "^5.4.4",
|
|
24
24
|
"fs-extra": "^11.3.0"
|
|
25
25
|
},
|
|
26
26
|
"license": "MIT",
|
|
27
|
-
"gitHead": "
|
|
27
|
+
"gitHead": "097dae1319f634100648d173b0334f97308dc4d2"
|
|
28
28
|
}
|