@patternfly/react-styles 6.5.0-prerelease.17 → 6.5.0-prerelease.19
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/css/components/Button/button.css +3 -3
- package/css/components/Button/button.d.ts +1 -1
- package/css/components/Button/button.js +1 -1
- package/css/components/Button/button.mjs +1 -1
- package/css/components/Card/card.css +16 -12
- package/css/components/Card/card.d.ts +3 -2
- package/css/components/Card/card.js +3 -2
- package/css/components/Card/card.mjs +3 -2
- package/css/components/Compass/compass.css +15 -80
- package/css/components/Compass/compass.d.ts +3 -10
- package/css/components/Compass/compass.js +3 -10
- package/css/components/Compass/compass.mjs +3 -10
- package/css/components/Drawer/drawer.css +1 -1
- package/css/components/Drawer/drawer.d.ts +2 -2
- package/css/components/Drawer/drawer.js +2 -2
- package/css/components/Drawer/drawer.mjs +2 -2
- package/css/components/MenuToggle/menu-toggle.css +4 -4
- package/css/components/MenuToggle/menu-toggle.d.ts +1 -1
- package/css/components/MenuToggle/menu-toggle.js +1 -1
- package/css/components/MenuToggle/menu-toggle.mjs +1 -1
- package/css/components/OverflowMenu/overflow-menu.css +16 -0
- package/css/components/OverflowMenu/overflow-menu.d.ts +1 -0
- package/css/components/OverflowMenu/overflow-menu.js +1 -0
- package/css/components/OverflowMenu/overflow-menu.mjs +1 -0
- package/css/components/Page/page.css +4 -4
- package/css/components/Page/page.d.ts +1 -1
- package/css/components/Page/page.js +1 -1
- package/css/components/Page/page.mjs +1 -1
- package/css/components/Panel/panel.css +28 -4
- package/css/components/Panel/panel.d.ts +7 -2
- package/css/components/Panel/panel.js +7 -2
- package/css/components/Panel/panel.mjs +7 -2
- package/css/components/Toolbar/toolbar.css +100 -0
- package/css/components/Toolbar/toolbar.d.ts +10 -0
- package/css/components/Toolbar/toolbar.js +10 -0
- package/css/components/Toolbar/toolbar.mjs +10 -0
- package/css/components/_index.css +186 -106
- package/css/components/_index.d.ts +17 -9
- package/css/components/_index.js +17 -9
- package/css/components/_index.mjs +17 -9
- package/css/docs/components/Compass/examples/Compass.css +2 -2
- package/css/docs/components/OverflowMenu/examples/overflow-menu.css +6 -3
- package/css/docs/components/Panel/examples/Panel.css +3 -0
- package/css/docs/components/Panel/examples/Panel.d.ts +5 -0
- package/css/docs/components/Panel/examples/Panel.js +6 -0
- package/css/docs/components/Panel/examples/Panel.mjs +4 -0
- package/package.json +3 -3
package/css/components/_index.js
CHANGED
|
@@ -126,7 +126,6 @@ exports.default = {
|
|
|
126
126
|
"compassNav": "pf-v6-c-compass__nav",
|
|
127
127
|
"compassNavContent": "pf-v6-c-compass__nav-content",
|
|
128
128
|
"compassNavMain": "pf-v6-c-compass__nav-main",
|
|
129
|
-
"compassPanel": "pf-v6-c-compass__panel",
|
|
130
129
|
"compassProfile": "pf-v6-c-compass__profile",
|
|
131
130
|
"compassSidebar": "pf-v6-c-compass__sidebar",
|
|
132
131
|
"content": "pf-v6-c-content",
|
|
@@ -432,7 +431,7 @@ exports.default = {
|
|
|
432
431
|
"progress": "pf-m-progress",
|
|
433
432
|
"inProgress": "pf-m-in-progress",
|
|
434
433
|
"notify": "pf-m-notify",
|
|
435
|
-
"
|
|
434
|
+
"docked": "pf-m-docked",
|
|
436
435
|
"textExpanded": "pf-m-text-expanded",
|
|
437
436
|
"start": "pf-m-start",
|
|
438
437
|
"end": "pf-m-end",
|
|
@@ -443,11 +442,11 @@ exports.default = {
|
|
|
443
442
|
"selected": "pf-m-selected",
|
|
444
443
|
"hover": "pf-m-hover",
|
|
445
444
|
"focus": "pf-m-focus",
|
|
445
|
+
"glass": "pf-m-glass",
|
|
446
446
|
"selectable": "pf-m-selectable",
|
|
447
447
|
"clickable": "pf-m-clickable",
|
|
448
448
|
"compact": "pf-m-compact",
|
|
449
449
|
"fullHeight": "pf-m-full-height",
|
|
450
|
-
"glass": "pf-m-glass",
|
|
451
450
|
"toggleRight": "pf-m-toggle-right",
|
|
452
451
|
"wrap": "pf-m-wrap",
|
|
453
452
|
"noOffset": "pf-m-no-offset",
|
|
@@ -458,11 +457,6 @@ exports.default = {
|
|
|
458
457
|
"readOnly": "pf-m-read-only",
|
|
459
458
|
"dragHover": "pf-m-drag-hover",
|
|
460
459
|
"animateSmoothly": "pf-m-animate-smoothly",
|
|
461
|
-
"noGlass": "pf-m-no-glass",
|
|
462
|
-
"noBorder": "pf-m-no-border",
|
|
463
|
-
"pill": "pf-m-pill",
|
|
464
|
-
"scrollable": "pf-m-scrollable",
|
|
465
|
-
"noScreenWarning": "pf-m-no-screen-warning",
|
|
466
460
|
"editorial": "pf-m-editorial",
|
|
467
461
|
"visited": "pf-m-visited",
|
|
468
462
|
"pageTitle": "pf-m-page-title",
|
|
@@ -584,9 +578,11 @@ exports.default = {
|
|
|
584
578
|
"inset_2xlOn_2xl": "pf-m-inset-2xl-on-2xl",
|
|
585
579
|
"inset_3xlOn_2xl": "pf-m-inset-3xl-on-2xl",
|
|
586
580
|
"panelBottom": "pf-m-panel-bottom",
|
|
581
|
+
"noBorder": "pf-m-no-border",
|
|
587
582
|
"resizable": "pf-m-resizable",
|
|
588
583
|
"panelLeft": "pf-m-panel-left",
|
|
589
584
|
"resizing": "pf-m-resizing",
|
|
585
|
+
"pill": "pf-m-pill",
|
|
590
586
|
"noBackground": "pf-m-no-background",
|
|
591
587
|
"padding": "pf-m-padding",
|
|
592
588
|
"width_25": "pf-m-width-25",
|
|
@@ -639,6 +635,7 @@ exports.default = {
|
|
|
639
635
|
"resizeBoth": "pf-m-resize-both",
|
|
640
636
|
"indeterminate": "pf-m-indeterminate",
|
|
641
637
|
"dynamic": "pf-m-dynamic",
|
|
638
|
+
"noGlass": "pf-m-no-glass",
|
|
642
639
|
"2xl": "pf-m-2xl",
|
|
643
640
|
"3xl": "pf-m-3xl",
|
|
644
641
|
"bodySm": "pf-m-body-sm",
|
|
@@ -687,7 +684,6 @@ exports.default = {
|
|
|
687
684
|
"category": "pf-m-category",
|
|
688
685
|
"iconLg": "pf-m-icon-lg",
|
|
689
686
|
"resizeObserver": "pf-m-resize-observer",
|
|
690
|
-
"docked": "pf-m-docked",
|
|
691
687
|
"displayStack": "pf-m-display-stack",
|
|
692
688
|
"displayInline": "pf-m-display-inline",
|
|
693
689
|
"displayStackOnSm": "pf-m-display-stack-on-sm",
|
|
@@ -705,6 +701,7 @@ exports.default = {
|
|
|
705
701
|
"drilldown": "pf-m-drilldown",
|
|
706
702
|
"drilledIn": "pf-m-drilled-in",
|
|
707
703
|
"currentPath": "pf-m-current-path",
|
|
704
|
+
"scrollable": "pf-m-scrollable",
|
|
708
705
|
"load": "pf-m-load",
|
|
709
706
|
"fullWidth": "pf-m-full-width",
|
|
710
707
|
"form": "pf-m-form",
|
|
@@ -766,6 +763,7 @@ exports.default = {
|
|
|
766
763
|
"displaySummaryOn_2xl": "pf-m-display-summary-on-2xl",
|
|
767
764
|
"displayFullOn_2xl": "pf-m-display-full-on-2xl",
|
|
768
765
|
"raised": "pf-m-raised",
|
|
766
|
+
"scrollableAutoHeight": "pf-m-scrollable-auto-height",
|
|
769
767
|
"widthAuto": "pf-m-width-auto",
|
|
770
768
|
"topLeft": "pf-m-top-left",
|
|
771
769
|
"topRight": "pf-m-top-right",
|
|
@@ -875,6 +873,16 @@ exports.default = {
|
|
|
875
873
|
"h4": "pf-m-h4",
|
|
876
874
|
"h5": "pf-m-h5",
|
|
877
875
|
"h6": "pf-m-h6",
|
|
876
|
+
"hiddenOnSmHeight": "pf-m-hidden-on-sm-height",
|
|
877
|
+
"visibleOnSmHeight": "pf-m-visible-on-sm-height",
|
|
878
|
+
"hiddenOnMdHeight": "pf-m-hidden-on-md-height",
|
|
879
|
+
"visibleOnMdHeight": "pf-m-visible-on-md-height",
|
|
880
|
+
"hiddenOnLgHeight": "pf-m-hidden-on-lg-height",
|
|
881
|
+
"visibleOnLgHeight": "pf-m-visible-on-lg-height",
|
|
882
|
+
"hiddenOnXlHeight": "pf-m-hidden-on-xl-height",
|
|
883
|
+
"visibleOnXlHeight": "pf-m-visible-on-xl-height",
|
|
884
|
+
"hiddenOn_2xlHeight": "pf-m-hidden-on-2xl-height",
|
|
885
|
+
"visibleOn_2xlHeight": "pf-m-visible-on-2xl-height",
|
|
878
886
|
"expandAll": "pf-m-expand-all",
|
|
879
887
|
"label": "pf-m-label",
|
|
880
888
|
"pagination": "pf-m-pagination",
|
|
@@ -124,7 +124,6 @@ export default {
|
|
|
124
124
|
"compassNav": "pf-v6-c-compass__nav",
|
|
125
125
|
"compassNavContent": "pf-v6-c-compass__nav-content",
|
|
126
126
|
"compassNavMain": "pf-v6-c-compass__nav-main",
|
|
127
|
-
"compassPanel": "pf-v6-c-compass__panel",
|
|
128
127
|
"compassProfile": "pf-v6-c-compass__profile",
|
|
129
128
|
"compassSidebar": "pf-v6-c-compass__sidebar",
|
|
130
129
|
"content": "pf-v6-c-content",
|
|
@@ -430,7 +429,7 @@ export default {
|
|
|
430
429
|
"progress": "pf-m-progress",
|
|
431
430
|
"inProgress": "pf-m-in-progress",
|
|
432
431
|
"notify": "pf-m-notify",
|
|
433
|
-
"
|
|
432
|
+
"docked": "pf-m-docked",
|
|
434
433
|
"textExpanded": "pf-m-text-expanded",
|
|
435
434
|
"start": "pf-m-start",
|
|
436
435
|
"end": "pf-m-end",
|
|
@@ -441,11 +440,11 @@ export default {
|
|
|
441
440
|
"selected": "pf-m-selected",
|
|
442
441
|
"hover": "pf-m-hover",
|
|
443
442
|
"focus": "pf-m-focus",
|
|
443
|
+
"glass": "pf-m-glass",
|
|
444
444
|
"selectable": "pf-m-selectable",
|
|
445
445
|
"clickable": "pf-m-clickable",
|
|
446
446
|
"compact": "pf-m-compact",
|
|
447
447
|
"fullHeight": "pf-m-full-height",
|
|
448
|
-
"glass": "pf-m-glass",
|
|
449
448
|
"toggleRight": "pf-m-toggle-right",
|
|
450
449
|
"wrap": "pf-m-wrap",
|
|
451
450
|
"noOffset": "pf-m-no-offset",
|
|
@@ -456,11 +455,6 @@ export default {
|
|
|
456
455
|
"readOnly": "pf-m-read-only",
|
|
457
456
|
"dragHover": "pf-m-drag-hover",
|
|
458
457
|
"animateSmoothly": "pf-m-animate-smoothly",
|
|
459
|
-
"noGlass": "pf-m-no-glass",
|
|
460
|
-
"noBorder": "pf-m-no-border",
|
|
461
|
-
"pill": "pf-m-pill",
|
|
462
|
-
"scrollable": "pf-m-scrollable",
|
|
463
|
-
"noScreenWarning": "pf-m-no-screen-warning",
|
|
464
458
|
"editorial": "pf-m-editorial",
|
|
465
459
|
"visited": "pf-m-visited",
|
|
466
460
|
"pageTitle": "pf-m-page-title",
|
|
@@ -582,9 +576,11 @@ export default {
|
|
|
582
576
|
"inset_2xlOn_2xl": "pf-m-inset-2xl-on-2xl",
|
|
583
577
|
"inset_3xlOn_2xl": "pf-m-inset-3xl-on-2xl",
|
|
584
578
|
"panelBottom": "pf-m-panel-bottom",
|
|
579
|
+
"noBorder": "pf-m-no-border",
|
|
585
580
|
"resizable": "pf-m-resizable",
|
|
586
581
|
"panelLeft": "pf-m-panel-left",
|
|
587
582
|
"resizing": "pf-m-resizing",
|
|
583
|
+
"pill": "pf-m-pill",
|
|
588
584
|
"noBackground": "pf-m-no-background",
|
|
589
585
|
"padding": "pf-m-padding",
|
|
590
586
|
"width_25": "pf-m-width-25",
|
|
@@ -637,6 +633,7 @@ export default {
|
|
|
637
633
|
"resizeBoth": "pf-m-resize-both",
|
|
638
634
|
"indeterminate": "pf-m-indeterminate",
|
|
639
635
|
"dynamic": "pf-m-dynamic",
|
|
636
|
+
"noGlass": "pf-m-no-glass",
|
|
640
637
|
"2xl": "pf-m-2xl",
|
|
641
638
|
"3xl": "pf-m-3xl",
|
|
642
639
|
"bodySm": "pf-m-body-sm",
|
|
@@ -685,7 +682,6 @@ export default {
|
|
|
685
682
|
"category": "pf-m-category",
|
|
686
683
|
"iconLg": "pf-m-icon-lg",
|
|
687
684
|
"resizeObserver": "pf-m-resize-observer",
|
|
688
|
-
"docked": "pf-m-docked",
|
|
689
685
|
"displayStack": "pf-m-display-stack",
|
|
690
686
|
"displayInline": "pf-m-display-inline",
|
|
691
687
|
"displayStackOnSm": "pf-m-display-stack-on-sm",
|
|
@@ -703,6 +699,7 @@ export default {
|
|
|
703
699
|
"drilldown": "pf-m-drilldown",
|
|
704
700
|
"drilledIn": "pf-m-drilled-in",
|
|
705
701
|
"currentPath": "pf-m-current-path",
|
|
702
|
+
"scrollable": "pf-m-scrollable",
|
|
706
703
|
"load": "pf-m-load",
|
|
707
704
|
"fullWidth": "pf-m-full-width",
|
|
708
705
|
"form": "pf-m-form",
|
|
@@ -764,6 +761,7 @@ export default {
|
|
|
764
761
|
"displaySummaryOn_2xl": "pf-m-display-summary-on-2xl",
|
|
765
762
|
"displayFullOn_2xl": "pf-m-display-full-on-2xl",
|
|
766
763
|
"raised": "pf-m-raised",
|
|
764
|
+
"scrollableAutoHeight": "pf-m-scrollable-auto-height",
|
|
767
765
|
"widthAuto": "pf-m-width-auto",
|
|
768
766
|
"topLeft": "pf-m-top-left",
|
|
769
767
|
"topRight": "pf-m-top-right",
|
|
@@ -873,6 +871,16 @@ export default {
|
|
|
873
871
|
"h4": "pf-m-h4",
|
|
874
872
|
"h5": "pf-m-h5",
|
|
875
873
|
"h6": "pf-m-h6",
|
|
874
|
+
"hiddenOnSmHeight": "pf-m-hidden-on-sm-height",
|
|
875
|
+
"visibleOnSmHeight": "pf-m-visible-on-sm-height",
|
|
876
|
+
"hiddenOnMdHeight": "pf-m-hidden-on-md-height",
|
|
877
|
+
"visibleOnMdHeight": "pf-m-visible-on-md-height",
|
|
878
|
+
"hiddenOnLgHeight": "pf-m-hidden-on-lg-height",
|
|
879
|
+
"visibleOnLgHeight": "pf-m-visible-on-lg-height",
|
|
880
|
+
"hiddenOnXlHeight": "pf-m-hidden-on-xl-height",
|
|
881
|
+
"visibleOnXlHeight": "pf-m-visible-on-xl-height",
|
|
882
|
+
"hiddenOn_2xlHeight": "pf-m-hidden-on-2xl-height",
|
|
883
|
+
"visibleOn_2xlHeight": "pf-m-visible-on-2xl-height",
|
|
876
884
|
"expandAll": "pf-m-expand-all",
|
|
877
885
|
"label": "pf-m-label",
|
|
878
886
|
"pagination": "pf-m-pagination",
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
height: 600px;
|
|
3
3
|
}
|
|
4
4
|
|
|
5
|
-
#ws-core-a-compass-
|
|
5
|
+
#ws-core-a-compass-basic [class*="pf-v6-c-compass"],
|
|
6
6
|
#ws-core-a-compass-docked [class*="pf-v6-c-compass"] {
|
|
7
7
|
position: relative;
|
|
8
8
|
}
|
|
9
9
|
|
|
10
|
-
#ws-core-a-compass-
|
|
10
|
+
#ws-core-a-compass-basic [class*="pf-v6-c-compass"]::after,
|
|
11
11
|
#ws-core-a-compass-docked [class*="pf-v6-c-compass"]::after {
|
|
12
12
|
position: absolute;
|
|
13
13
|
inset: 0;
|
|
@@ -1,11 +1,14 @@
|
|
|
1
1
|
#ws-core-c-overflow-menu-simple .pf-v6-c-overflow-menu__item,
|
|
2
2
|
#ws-core-c-overflow-menu-simple .pf-v6-c-overflow-menu__group,
|
|
3
|
-
#ws-core-c-overflow-menu-group-types .pf-v6-c-overflow-menu__group:not([class*="pf-m-"])
|
|
3
|
+
#ws-core-c-overflow-menu-group-types .pf-v6-c-overflow-menu__group:not([class*="pf-m-"]),
|
|
4
|
+
#ws-core-c-overflow-menu-vertical .pf-v6-c-overflow-menu__item,
|
|
5
|
+
#ws-core-c-overflow-menu-vertical .pf-v6-c-overflow-menu__group {
|
|
4
6
|
padding: .5rem;
|
|
5
7
|
border: 2px dashed #393f44;
|
|
6
8
|
}
|
|
7
9
|
|
|
8
|
-
#ws-core-c-overflow-menu-simple .pf-v6-c-overflow-menu__group .pf-v6-c-overflow-menu__item
|
|
10
|
+
#ws-core-c-overflow-menu-simple .pf-v6-c-overflow-menu__group .pf-v6-c-overflow-menu__item,
|
|
11
|
+
#ws-core-c-overflow-menu-vertical .pf-v6-c-overflow-menu__group .pf-v6-c-overflow-menu__item {
|
|
9
12
|
padding: 0;
|
|
10
13
|
border: none;
|
|
11
|
-
}
|
|
14
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@patternfly/react-styles",
|
|
3
|
-
"version": "6.5.0-prerelease.
|
|
3
|
+
"version": "6.5.0-prerelease.19",
|
|
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.5.0-prerelease.
|
|
22
|
+
"@patternfly/patternfly": "6.5.0-prerelease.72",
|
|
23
23
|
"change-case": "^5.4.4",
|
|
24
24
|
"fs-extra": "^11.3.3"
|
|
25
25
|
},
|
|
26
26
|
"license": "MIT",
|
|
27
|
-
"gitHead": "
|
|
27
|
+
"gitHead": "30db3d99f05b39b6478ed7ed48baeb29bfb895cd"
|
|
28
28
|
}
|