@patternfly/react-styles 6.6.1 → 6.7.0-prerelease.2
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 +51 -1
- package/css/components/Backdrop/backdrop.css +34 -0
- package/css/components/Backdrop/backdrop.d.ts +5 -1
- package/css/components/Backdrop/backdrop.js +5 -1
- package/css/components/Backdrop/backdrop.mjs +5 -1
- package/css/components/Button/button.css +20 -8
- 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/Check/check.css +14 -0
- package/css/components/Compass/compass.css +20 -25
- package/css/components/Compass/compass.d.ts +1 -1
- package/css/components/Compass/compass.js +1 -1
- package/css/components/Compass/compass.mjs +1 -1
- package/css/components/DataList/data-list.css +11 -9
- 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 +10 -0
- package/css/components/Drawer/drawer.d.ts +1 -0
- package/css/components/Drawer/drawer.js +1 -0
- package/css/components/Drawer/drawer.mjs +1 -0
- package/css/components/FormControl/form-control.css +12 -2
- package/css/components/Label/label.css +9 -3
- package/css/components/Masthead/masthead.css +3 -3
- package/css/components/Masthead/masthead.d.ts +1 -1
- package/css/components/Masthead/masthead.js +1 -1
- package/css/components/Masthead/masthead.mjs +1 -1
- package/css/components/MenuToggle/menu-toggle.css +3 -4
- package/css/components/MenuToggle/menu-toggle.d.ts +0 -1
- package/css/components/MenuToggle/menu-toggle.js +0 -1
- package/css/components/MenuToggle/menu-toggle.mjs +0 -1
- package/css/components/ModalBox/modal-box.css +42 -0
- package/css/components/ModalBox/modal-box.d.ts +2 -0
- package/css/components/ModalBox/modal-box.js +2 -0
- package/css/components/ModalBox/modal-box.mjs +2 -0
- package/css/components/Nav/nav.css +26 -6
- package/css/components/Nav/nav.d.ts +3 -2
- package/css/components/Nav/nav.js +3 -2
- package/css/components/Nav/nav.mjs +3 -2
- package/css/components/Page/page.css +66 -18
- package/css/components/Page/page.d.ts +4 -2
- package/css/components/Page/page.js +4 -2
- package/css/components/Page/page.mjs +4 -2
- package/css/components/Radio/radio.css +14 -0
- package/css/components/Table/table-grid.css +26 -14
- package/css/components/Table/table.css +67 -17
- package/css/components/Table/table.d.ts +2 -0
- package/css/components/Table/table.js +2 -0
- package/css/components/Table/table.mjs +2 -0
- package/css/components/Tabs/tabs.css +19 -5
- package/css/components/Toolbar/toolbar.css +198 -184
- package/css/components/Toolbar/toolbar.d.ts +55 -54
- package/css/components/Toolbar/toolbar.js +55 -54
- package/css/components/Toolbar/toolbar.mjs +55 -54
- package/css/components/Wizard/wizard.css +1 -1
- package/css/components/_index.css +599 -303
- package/css/components/_index.d.ts +17 -8
- package/css/components/_index.js +17 -8
- package/css/components/_index.mjs +17 -8
- package/css/docs/components/Nav/examples/Navigation.css +11 -1
- package/css/docs/components/Nav/examples/Navigation.d.ts +4 -1
- package/css/docs/components/Nav/examples/Navigation.js +4 -1
- package/css/docs/components/Nav/examples/Navigation.mjs +4 -1
- package/css/docs/components/Table/examples/Table.css +2 -6
- package/css/docs/components/Toolbar/examples/Toolbar.css +14 -0
- package/css/docs/components/Toolbar/examples/Toolbar.d.ts +1 -0
- package/css/docs/components/Toolbar/examples/Toolbar.js +1 -0
- package/css/docs/components/Toolbar/examples/Toolbar.mjs +1 -0
- package/dist/esm/index.d.ts +1 -1
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/js/index.d.ts +1 -1
- package/dist/js/index.d.ts.map +1 -1
- package/dist/js/index.js +2 -2
- package/dist/js/index.js.map +1 -1
- package/package.json +3 -3
- package/src/index.ts +3 -3
|
@@ -406,6 +406,8 @@ declare const _default: {
|
|
|
406
406
|
"blue": "pf-m-blue",
|
|
407
407
|
"purple": "pf-m-purple",
|
|
408
408
|
"gray": "pf-m-gray",
|
|
409
|
+
"animate": "pf-m-animate",
|
|
410
|
+
"show": "pf-m-show",
|
|
409
411
|
"hidden": "pf-m-hidden",
|
|
410
412
|
"read": "pf-m-read",
|
|
411
413
|
"unread": "pf-m-unread",
|
|
@@ -437,7 +439,6 @@ declare const _default: {
|
|
|
437
439
|
"inProgress": "pf-m-in-progress",
|
|
438
440
|
"notify": "pf-m-notify",
|
|
439
441
|
"docked": "pf-m-docked",
|
|
440
|
-
"textExpanded": "pf-m-text-expanded",
|
|
441
442
|
"start": "pf-m-start",
|
|
442
443
|
"end": "pf-m-end",
|
|
443
444
|
"inRange": "pf-m-in-range",
|
|
@@ -462,6 +463,7 @@ declare const _default: {
|
|
|
462
463
|
"readOnly": "pf-m-read-only",
|
|
463
464
|
"dragHover": "pf-m-drag-hover",
|
|
464
465
|
"animateSmoothly": "pf-m-animate-smoothly",
|
|
466
|
+
"overlay": "pf-m-overlay",
|
|
465
467
|
"editorial": "pf-m-editorial",
|
|
466
468
|
"visited": "pf-m-visited",
|
|
467
469
|
"pageTitle": "pf-m-page-title",
|
|
@@ -586,6 +588,7 @@ declare const _default: {
|
|
|
586
588
|
"noBorder": "pf-m-no-border",
|
|
587
589
|
"resizable": "pf-m-resizable",
|
|
588
590
|
"panelLeft": "pf-m-panel-left",
|
|
591
|
+
"viewport": "pf-m-viewport",
|
|
589
592
|
"resizing": "pf-m-resizing",
|
|
590
593
|
"noBackground": "pf-m-no-background",
|
|
591
594
|
"padding": "pf-m-padding",
|
|
@@ -713,6 +716,7 @@ declare const _default: {
|
|
|
713
716
|
"text": "pf-m-text",
|
|
714
717
|
"avatar": "pf-m-avatar",
|
|
715
718
|
"alignTop": "pf-m-align-top",
|
|
719
|
+
"open": "pf-m-open",
|
|
716
720
|
"help": "pf-m-help",
|
|
717
721
|
"overflowHidden": "pf-m-overflow-hidden",
|
|
718
722
|
"inset": "pf-m-inset",
|
|
@@ -839,6 +843,8 @@ declare const _default: {
|
|
|
839
843
|
"stickyHeaderStuck": "pf-m-sticky-header-stuck",
|
|
840
844
|
"stickyHeader": "pf-m-sticky-header",
|
|
841
845
|
"nestedColumnHeader": "pf-m-nested-column-header",
|
|
846
|
+
"stickyFooterBase": "pf-m-sticky-footer-base",
|
|
847
|
+
"stickyFooterStuck": "pf-m-sticky-footer-stuck",
|
|
842
848
|
"stickyFooter": "pf-m-sticky-footer",
|
|
843
849
|
"striped": "pf-m-striped",
|
|
844
850
|
"stripedEven": "pf-m-striped-even",
|
|
@@ -893,6 +899,7 @@ declare const _default: {
|
|
|
893
899
|
"visibleOnXlHeight": "pf-m-visible-on-xl-height",
|
|
894
900
|
"hiddenOn_2xlHeight": "pf-m-hidden-on-2xl-height",
|
|
895
901
|
"visibleOn_2xlHeight": "pf-m-visible-on-2xl-height",
|
|
902
|
+
"container": "pf-m-container",
|
|
896
903
|
"expandAll": "pf-m-expand-all",
|
|
897
904
|
"label": "pf-m-label",
|
|
898
905
|
"pagination": "pf-m-pagination",
|
|
@@ -901,6 +908,7 @@ declare const _default: {
|
|
|
901
908
|
"labelGroup": "pf-m-label-group",
|
|
902
909
|
"actionGroupPlain": "pf-m-action-group-plain",
|
|
903
910
|
"actionGroupInline": "pf-m-action-group-inline",
|
|
911
|
+
"inset_4xl": "pf-m-inset-4xl",
|
|
904
912
|
"alignStart": "pf-m-align-start",
|
|
905
913
|
"alignEnd": "pf-m-align-end",
|
|
906
914
|
"flexGrow": "pf-m-flex-grow",
|
|
@@ -909,7 +917,6 @@ declare const _default: {
|
|
|
909
917
|
"alignSelfStart": "pf-m-align-self-start",
|
|
910
918
|
"alignSelfCenter": "pf-m-align-self-center",
|
|
911
919
|
"alignSelfEnd": "pf-m-align-self-end",
|
|
912
|
-
"inset_4xl": "pf-m-inset-4xl",
|
|
913
920
|
"alignItemsStretch": "pf-m-align-items-stretch",
|
|
914
921
|
"alignItemsBaseline": "pf-m-align-items-baseline",
|
|
915
922
|
"alignItemsStart": "pf-m-align-items-start",
|
|
@@ -943,8 +950,8 @@ declare const _default: {
|
|
|
943
950
|
"columnGap_4xl": "pf-m-column-gap-4xl",
|
|
944
951
|
"rowGap_4xl": "pf-m-row-gap-4xl",
|
|
945
952
|
"toggleGroup": "pf-m-toggle-group",
|
|
946
|
-
"show": "pf-m-show",
|
|
947
953
|
"hide": "pf-m-hide",
|
|
954
|
+
"inset_4xlOnSm": "pf-m-inset-4xl-on-sm",
|
|
948
955
|
"alignStartOnSm": "pf-m-align-start-on-sm",
|
|
949
956
|
"alignCenterOnSm": "pf-m-align-center-on-sm",
|
|
950
957
|
"alignEndOnSm": "pf-m-align-end-on-sm",
|
|
@@ -954,7 +961,6 @@ declare const _default: {
|
|
|
954
961
|
"alignSelfStartOnSm": "pf-m-align-self-start-on-sm",
|
|
955
962
|
"alignSelfCenterOnSm": "pf-m-align-self-center-on-sm",
|
|
956
963
|
"alignSelfEndOnSm": "pf-m-align-self-end-on-sm",
|
|
957
|
-
"inset_4xlOnSm": "pf-m-inset-4xl-on-sm",
|
|
958
964
|
"wrapOnSm": "pf-m-wrap-on-sm",
|
|
959
965
|
"nowrapOnSm": "pf-m-nowrap-on-sm",
|
|
960
966
|
"alignItemsStretchOnSm": "pf-m-align-items-stretch-on-sm",
|
|
@@ -991,6 +997,7 @@ declare const _default: {
|
|
|
991
997
|
"rowGap_4xlOnSm": "pf-m-row-gap-4xl-on-sm",
|
|
992
998
|
"showOnSm": "pf-m-show-on-sm",
|
|
993
999
|
"hideOnSm": "pf-m-hide-on-sm",
|
|
1000
|
+
"inset_4xlOnMd": "pf-m-inset-4xl-on-md",
|
|
994
1001
|
"alignStartOnMd": "pf-m-align-start-on-md",
|
|
995
1002
|
"alignCenterOnMd": "pf-m-align-center-on-md",
|
|
996
1003
|
"alignEndOnMd": "pf-m-align-end-on-md",
|
|
@@ -1000,7 +1007,6 @@ declare const _default: {
|
|
|
1000
1007
|
"alignSelfStartOnMd": "pf-m-align-self-start-on-md",
|
|
1001
1008
|
"alignSelfCenterOnMd": "pf-m-align-self-center-on-md",
|
|
1002
1009
|
"alignSelfEndOnMd": "pf-m-align-self-end-on-md",
|
|
1003
|
-
"inset_4xlOnMd": "pf-m-inset-4xl-on-md",
|
|
1004
1010
|
"wrapOnMd": "pf-m-wrap-on-md",
|
|
1005
1011
|
"nowrapOnMd": "pf-m-nowrap-on-md",
|
|
1006
1012
|
"alignItemsStretchOnMd": "pf-m-align-items-stretch-on-md",
|
|
@@ -1037,6 +1043,7 @@ declare const _default: {
|
|
|
1037
1043
|
"rowGap_4xlOnMd": "pf-m-row-gap-4xl-on-md",
|
|
1038
1044
|
"showOnMd": "pf-m-show-on-md",
|
|
1039
1045
|
"hideOnMd": "pf-m-hide-on-md",
|
|
1046
|
+
"inset_4xlOnLg": "pf-m-inset-4xl-on-lg",
|
|
1040
1047
|
"alignStartOnLg": "pf-m-align-start-on-lg",
|
|
1041
1048
|
"alignCenterOnLg": "pf-m-align-center-on-lg",
|
|
1042
1049
|
"alignEndOnLg": "pf-m-align-end-on-lg",
|
|
@@ -1046,7 +1053,6 @@ declare const _default: {
|
|
|
1046
1053
|
"alignSelfStartOnLg": "pf-m-align-self-start-on-lg",
|
|
1047
1054
|
"alignSelfCenterOnLg": "pf-m-align-self-center-on-lg",
|
|
1048
1055
|
"alignSelfEndOnLg": "pf-m-align-self-end-on-lg",
|
|
1049
|
-
"inset_4xlOnLg": "pf-m-inset-4xl-on-lg",
|
|
1050
1056
|
"wrapOnLg": "pf-m-wrap-on-lg",
|
|
1051
1057
|
"nowrapOnLg": "pf-m-nowrap-on-lg",
|
|
1052
1058
|
"alignItemsStretchOnLg": "pf-m-align-items-stretch-on-lg",
|
|
@@ -1083,6 +1089,7 @@ declare const _default: {
|
|
|
1083
1089
|
"rowGap_4xlOnLg": "pf-m-row-gap-4xl-on-lg",
|
|
1084
1090
|
"showOnLg": "pf-m-show-on-lg",
|
|
1085
1091
|
"hideOnLg": "pf-m-hide-on-lg",
|
|
1092
|
+
"inset_4xlOnXl": "pf-m-inset-4xl-on-xl",
|
|
1086
1093
|
"alignStartOnXl": "pf-m-align-start-on-xl",
|
|
1087
1094
|
"alignCenterOnXl": "pf-m-align-center-on-xl",
|
|
1088
1095
|
"alignEndOnXl": "pf-m-align-end-on-xl",
|
|
@@ -1092,7 +1099,6 @@ declare const _default: {
|
|
|
1092
1099
|
"alignSelfStartOnXl": "pf-m-align-self-start-on-xl",
|
|
1093
1100
|
"alignSelfCenterOnXl": "pf-m-align-self-center-on-xl",
|
|
1094
1101
|
"alignSelfEndOnXl": "pf-m-align-self-end-on-xl",
|
|
1095
|
-
"inset_4xlOnXl": "pf-m-inset-4xl-on-xl",
|
|
1096
1102
|
"wrapOnXl": "pf-m-wrap-on-xl",
|
|
1097
1103
|
"nowrapOnXl": "pf-m-nowrap-on-xl",
|
|
1098
1104
|
"alignItemsStretchOnXl": "pf-m-align-items-stretch-on-xl",
|
|
@@ -1129,6 +1135,7 @@ declare const _default: {
|
|
|
1129
1135
|
"rowGap_4xlOnXl": "pf-m-row-gap-4xl-on-xl",
|
|
1130
1136
|
"showOnXl": "pf-m-show-on-xl",
|
|
1131
1137
|
"hideOnXl": "pf-m-hide-on-xl",
|
|
1138
|
+
"inset_4xlOn_2xl": "pf-m-inset-4xl-on-2xl",
|
|
1132
1139
|
"alignStartOn_2xl": "pf-m-align-start-on-2xl",
|
|
1133
1140
|
"alignCenterOn_2xl": "pf-m-align-center-on-2xl",
|
|
1134
1141
|
"alignEndOn_2xl": "pf-m-align-end-on-2xl",
|
|
@@ -1138,7 +1145,6 @@ declare const _default: {
|
|
|
1138
1145
|
"alignSelfStartOn_2xl": "pf-m-align-self-start-on-2xl",
|
|
1139
1146
|
"alignSelfCenterOn_2xl": "pf-m-align-self-center-on-2xl",
|
|
1140
1147
|
"alignSelfEndOn_2xl": "pf-m-align-self-end-on-2xl",
|
|
1141
|
-
"inset_4xlOn_2xl": "pf-m-inset-4xl-on-2xl",
|
|
1142
1148
|
"wrapOn_2xl": "pf-m-wrap-on-2xl",
|
|
1143
1149
|
"nowrapOn_2xl": "pf-m-nowrap-on-2xl",
|
|
1144
1150
|
"alignItemsStretchOn_2xl": "pf-m-align-items-stretch-on-2xl",
|
|
@@ -1200,6 +1206,7 @@ declare const _default: {
|
|
|
1200
1206
|
"nav": "pf-v6-c-nav",
|
|
1201
1207
|
"navItem": "pf-v6-c-nav__item",
|
|
1202
1208
|
"navLink": "pf-v6-c-nav__link",
|
|
1209
|
+
"navLinkExpandableIcon": "pf-v6-c-nav__link-expandable-icon",
|
|
1203
1210
|
"navLinkIcon": "pf-v6-c-nav__link-icon",
|
|
1204
1211
|
"navLinkText": "pf-v6-c-nav__link-text",
|
|
1205
1212
|
"navList": "pf-v6-c-nav__list",
|
|
@@ -1243,6 +1250,8 @@ declare const _default: {
|
|
|
1243
1250
|
"pageDock": "pf-v6-c-page__dock",
|
|
1244
1251
|
"pageDockMain": "pf-v6-c-page__dock-main",
|
|
1245
1252
|
"pageDrawer": "pf-v6-c-page__drawer",
|
|
1253
|
+
"pageFooter": "pf-v6-c-page__footer",
|
|
1254
|
+
"pageHeader": "pf-v6-c-page__header",
|
|
1246
1255
|
"pageMain": "pf-v6-c-page__main",
|
|
1247
1256
|
"pageMainBody": "pf-v6-c-page__main-body",
|
|
1248
1257
|
"pageMainBreadcrumb": "pf-v6-c-page__main-breadcrumb",
|
package/css/components/_index.js
CHANGED
|
@@ -408,6 +408,8 @@ exports.default = {
|
|
|
408
408
|
"blue": "pf-m-blue",
|
|
409
409
|
"purple": "pf-m-purple",
|
|
410
410
|
"gray": "pf-m-gray",
|
|
411
|
+
"animate": "pf-m-animate",
|
|
412
|
+
"show": "pf-m-show",
|
|
411
413
|
"hidden": "pf-m-hidden",
|
|
412
414
|
"read": "pf-m-read",
|
|
413
415
|
"unread": "pf-m-unread",
|
|
@@ -439,7 +441,6 @@ exports.default = {
|
|
|
439
441
|
"inProgress": "pf-m-in-progress",
|
|
440
442
|
"notify": "pf-m-notify",
|
|
441
443
|
"docked": "pf-m-docked",
|
|
442
|
-
"textExpanded": "pf-m-text-expanded",
|
|
443
444
|
"start": "pf-m-start",
|
|
444
445
|
"end": "pf-m-end",
|
|
445
446
|
"inRange": "pf-m-in-range",
|
|
@@ -464,6 +465,7 @@ exports.default = {
|
|
|
464
465
|
"readOnly": "pf-m-read-only",
|
|
465
466
|
"dragHover": "pf-m-drag-hover",
|
|
466
467
|
"animateSmoothly": "pf-m-animate-smoothly",
|
|
468
|
+
"overlay": "pf-m-overlay",
|
|
467
469
|
"editorial": "pf-m-editorial",
|
|
468
470
|
"visited": "pf-m-visited",
|
|
469
471
|
"pageTitle": "pf-m-page-title",
|
|
@@ -588,6 +590,7 @@ exports.default = {
|
|
|
588
590
|
"noBorder": "pf-m-no-border",
|
|
589
591
|
"resizable": "pf-m-resizable",
|
|
590
592
|
"panelLeft": "pf-m-panel-left",
|
|
593
|
+
"viewport": "pf-m-viewport",
|
|
591
594
|
"resizing": "pf-m-resizing",
|
|
592
595
|
"noBackground": "pf-m-no-background",
|
|
593
596
|
"padding": "pf-m-padding",
|
|
@@ -715,6 +718,7 @@ exports.default = {
|
|
|
715
718
|
"text": "pf-m-text",
|
|
716
719
|
"avatar": "pf-m-avatar",
|
|
717
720
|
"alignTop": "pf-m-align-top",
|
|
721
|
+
"open": "pf-m-open",
|
|
718
722
|
"help": "pf-m-help",
|
|
719
723
|
"overflowHidden": "pf-m-overflow-hidden",
|
|
720
724
|
"inset": "pf-m-inset",
|
|
@@ -841,6 +845,8 @@ exports.default = {
|
|
|
841
845
|
"stickyHeaderStuck": "pf-m-sticky-header-stuck",
|
|
842
846
|
"stickyHeader": "pf-m-sticky-header",
|
|
843
847
|
"nestedColumnHeader": "pf-m-nested-column-header",
|
|
848
|
+
"stickyFooterBase": "pf-m-sticky-footer-base",
|
|
849
|
+
"stickyFooterStuck": "pf-m-sticky-footer-stuck",
|
|
844
850
|
"stickyFooter": "pf-m-sticky-footer",
|
|
845
851
|
"striped": "pf-m-striped",
|
|
846
852
|
"stripedEven": "pf-m-striped-even",
|
|
@@ -895,6 +901,7 @@ exports.default = {
|
|
|
895
901
|
"visibleOnXlHeight": "pf-m-visible-on-xl-height",
|
|
896
902
|
"hiddenOn_2xlHeight": "pf-m-hidden-on-2xl-height",
|
|
897
903
|
"visibleOn_2xlHeight": "pf-m-visible-on-2xl-height",
|
|
904
|
+
"container": "pf-m-container",
|
|
898
905
|
"expandAll": "pf-m-expand-all",
|
|
899
906
|
"label": "pf-m-label",
|
|
900
907
|
"pagination": "pf-m-pagination",
|
|
@@ -903,6 +910,7 @@ exports.default = {
|
|
|
903
910
|
"labelGroup": "pf-m-label-group",
|
|
904
911
|
"actionGroupPlain": "pf-m-action-group-plain",
|
|
905
912
|
"actionGroupInline": "pf-m-action-group-inline",
|
|
913
|
+
"inset_4xl": "pf-m-inset-4xl",
|
|
906
914
|
"alignStart": "pf-m-align-start",
|
|
907
915
|
"alignEnd": "pf-m-align-end",
|
|
908
916
|
"flexGrow": "pf-m-flex-grow",
|
|
@@ -911,7 +919,6 @@ exports.default = {
|
|
|
911
919
|
"alignSelfStart": "pf-m-align-self-start",
|
|
912
920
|
"alignSelfCenter": "pf-m-align-self-center",
|
|
913
921
|
"alignSelfEnd": "pf-m-align-self-end",
|
|
914
|
-
"inset_4xl": "pf-m-inset-4xl",
|
|
915
922
|
"alignItemsStretch": "pf-m-align-items-stretch",
|
|
916
923
|
"alignItemsBaseline": "pf-m-align-items-baseline",
|
|
917
924
|
"alignItemsStart": "pf-m-align-items-start",
|
|
@@ -945,8 +952,8 @@ exports.default = {
|
|
|
945
952
|
"columnGap_4xl": "pf-m-column-gap-4xl",
|
|
946
953
|
"rowGap_4xl": "pf-m-row-gap-4xl",
|
|
947
954
|
"toggleGroup": "pf-m-toggle-group",
|
|
948
|
-
"show": "pf-m-show",
|
|
949
955
|
"hide": "pf-m-hide",
|
|
956
|
+
"inset_4xlOnSm": "pf-m-inset-4xl-on-sm",
|
|
950
957
|
"alignStartOnSm": "pf-m-align-start-on-sm",
|
|
951
958
|
"alignCenterOnSm": "pf-m-align-center-on-sm",
|
|
952
959
|
"alignEndOnSm": "pf-m-align-end-on-sm",
|
|
@@ -956,7 +963,6 @@ exports.default = {
|
|
|
956
963
|
"alignSelfStartOnSm": "pf-m-align-self-start-on-sm",
|
|
957
964
|
"alignSelfCenterOnSm": "pf-m-align-self-center-on-sm",
|
|
958
965
|
"alignSelfEndOnSm": "pf-m-align-self-end-on-sm",
|
|
959
|
-
"inset_4xlOnSm": "pf-m-inset-4xl-on-sm",
|
|
960
966
|
"wrapOnSm": "pf-m-wrap-on-sm",
|
|
961
967
|
"nowrapOnSm": "pf-m-nowrap-on-sm",
|
|
962
968
|
"alignItemsStretchOnSm": "pf-m-align-items-stretch-on-sm",
|
|
@@ -993,6 +999,7 @@ exports.default = {
|
|
|
993
999
|
"rowGap_4xlOnSm": "pf-m-row-gap-4xl-on-sm",
|
|
994
1000
|
"showOnSm": "pf-m-show-on-sm",
|
|
995
1001
|
"hideOnSm": "pf-m-hide-on-sm",
|
|
1002
|
+
"inset_4xlOnMd": "pf-m-inset-4xl-on-md",
|
|
996
1003
|
"alignStartOnMd": "pf-m-align-start-on-md",
|
|
997
1004
|
"alignCenterOnMd": "pf-m-align-center-on-md",
|
|
998
1005
|
"alignEndOnMd": "pf-m-align-end-on-md",
|
|
@@ -1002,7 +1009,6 @@ exports.default = {
|
|
|
1002
1009
|
"alignSelfStartOnMd": "pf-m-align-self-start-on-md",
|
|
1003
1010
|
"alignSelfCenterOnMd": "pf-m-align-self-center-on-md",
|
|
1004
1011
|
"alignSelfEndOnMd": "pf-m-align-self-end-on-md",
|
|
1005
|
-
"inset_4xlOnMd": "pf-m-inset-4xl-on-md",
|
|
1006
1012
|
"wrapOnMd": "pf-m-wrap-on-md",
|
|
1007
1013
|
"nowrapOnMd": "pf-m-nowrap-on-md",
|
|
1008
1014
|
"alignItemsStretchOnMd": "pf-m-align-items-stretch-on-md",
|
|
@@ -1039,6 +1045,7 @@ exports.default = {
|
|
|
1039
1045
|
"rowGap_4xlOnMd": "pf-m-row-gap-4xl-on-md",
|
|
1040
1046
|
"showOnMd": "pf-m-show-on-md",
|
|
1041
1047
|
"hideOnMd": "pf-m-hide-on-md",
|
|
1048
|
+
"inset_4xlOnLg": "pf-m-inset-4xl-on-lg",
|
|
1042
1049
|
"alignStartOnLg": "pf-m-align-start-on-lg",
|
|
1043
1050
|
"alignCenterOnLg": "pf-m-align-center-on-lg",
|
|
1044
1051
|
"alignEndOnLg": "pf-m-align-end-on-lg",
|
|
@@ -1048,7 +1055,6 @@ exports.default = {
|
|
|
1048
1055
|
"alignSelfStartOnLg": "pf-m-align-self-start-on-lg",
|
|
1049
1056
|
"alignSelfCenterOnLg": "pf-m-align-self-center-on-lg",
|
|
1050
1057
|
"alignSelfEndOnLg": "pf-m-align-self-end-on-lg",
|
|
1051
|
-
"inset_4xlOnLg": "pf-m-inset-4xl-on-lg",
|
|
1052
1058
|
"wrapOnLg": "pf-m-wrap-on-lg",
|
|
1053
1059
|
"nowrapOnLg": "pf-m-nowrap-on-lg",
|
|
1054
1060
|
"alignItemsStretchOnLg": "pf-m-align-items-stretch-on-lg",
|
|
@@ -1085,6 +1091,7 @@ exports.default = {
|
|
|
1085
1091
|
"rowGap_4xlOnLg": "pf-m-row-gap-4xl-on-lg",
|
|
1086
1092
|
"showOnLg": "pf-m-show-on-lg",
|
|
1087
1093
|
"hideOnLg": "pf-m-hide-on-lg",
|
|
1094
|
+
"inset_4xlOnXl": "pf-m-inset-4xl-on-xl",
|
|
1088
1095
|
"alignStartOnXl": "pf-m-align-start-on-xl",
|
|
1089
1096
|
"alignCenterOnXl": "pf-m-align-center-on-xl",
|
|
1090
1097
|
"alignEndOnXl": "pf-m-align-end-on-xl",
|
|
@@ -1094,7 +1101,6 @@ exports.default = {
|
|
|
1094
1101
|
"alignSelfStartOnXl": "pf-m-align-self-start-on-xl",
|
|
1095
1102
|
"alignSelfCenterOnXl": "pf-m-align-self-center-on-xl",
|
|
1096
1103
|
"alignSelfEndOnXl": "pf-m-align-self-end-on-xl",
|
|
1097
|
-
"inset_4xlOnXl": "pf-m-inset-4xl-on-xl",
|
|
1098
1104
|
"wrapOnXl": "pf-m-wrap-on-xl",
|
|
1099
1105
|
"nowrapOnXl": "pf-m-nowrap-on-xl",
|
|
1100
1106
|
"alignItemsStretchOnXl": "pf-m-align-items-stretch-on-xl",
|
|
@@ -1131,6 +1137,7 @@ exports.default = {
|
|
|
1131
1137
|
"rowGap_4xlOnXl": "pf-m-row-gap-4xl-on-xl",
|
|
1132
1138
|
"showOnXl": "pf-m-show-on-xl",
|
|
1133
1139
|
"hideOnXl": "pf-m-hide-on-xl",
|
|
1140
|
+
"inset_4xlOn_2xl": "pf-m-inset-4xl-on-2xl",
|
|
1134
1141
|
"alignStartOn_2xl": "pf-m-align-start-on-2xl",
|
|
1135
1142
|
"alignCenterOn_2xl": "pf-m-align-center-on-2xl",
|
|
1136
1143
|
"alignEndOn_2xl": "pf-m-align-end-on-2xl",
|
|
@@ -1140,7 +1147,6 @@ exports.default = {
|
|
|
1140
1147
|
"alignSelfStartOn_2xl": "pf-m-align-self-start-on-2xl",
|
|
1141
1148
|
"alignSelfCenterOn_2xl": "pf-m-align-self-center-on-2xl",
|
|
1142
1149
|
"alignSelfEndOn_2xl": "pf-m-align-self-end-on-2xl",
|
|
1143
|
-
"inset_4xlOn_2xl": "pf-m-inset-4xl-on-2xl",
|
|
1144
1150
|
"wrapOn_2xl": "pf-m-wrap-on-2xl",
|
|
1145
1151
|
"nowrapOn_2xl": "pf-m-nowrap-on-2xl",
|
|
1146
1152
|
"alignItemsStretchOn_2xl": "pf-m-align-items-stretch-on-2xl",
|
|
@@ -1202,6 +1208,7 @@ exports.default = {
|
|
|
1202
1208
|
"nav": "pf-v6-c-nav",
|
|
1203
1209
|
"navItem": "pf-v6-c-nav__item",
|
|
1204
1210
|
"navLink": "pf-v6-c-nav__link",
|
|
1211
|
+
"navLinkExpandableIcon": "pf-v6-c-nav__link-expandable-icon",
|
|
1205
1212
|
"navLinkIcon": "pf-v6-c-nav__link-icon",
|
|
1206
1213
|
"navLinkText": "pf-v6-c-nav__link-text",
|
|
1207
1214
|
"navList": "pf-v6-c-nav__list",
|
|
@@ -1245,6 +1252,8 @@ exports.default = {
|
|
|
1245
1252
|
"pageDock": "pf-v6-c-page__dock",
|
|
1246
1253
|
"pageDockMain": "pf-v6-c-page__dock-main",
|
|
1247
1254
|
"pageDrawer": "pf-v6-c-page__drawer",
|
|
1255
|
+
"pageFooter": "pf-v6-c-page__footer",
|
|
1256
|
+
"pageHeader": "pf-v6-c-page__header",
|
|
1248
1257
|
"pageMain": "pf-v6-c-page__main",
|
|
1249
1258
|
"pageMainBody": "pf-v6-c-page__main-body",
|
|
1250
1259
|
"pageMainBreadcrumb": "pf-v6-c-page__main-breadcrumb",
|
|
@@ -406,6 +406,8 @@ export default {
|
|
|
406
406
|
"blue": "pf-m-blue",
|
|
407
407
|
"purple": "pf-m-purple",
|
|
408
408
|
"gray": "pf-m-gray",
|
|
409
|
+
"animate": "pf-m-animate",
|
|
410
|
+
"show": "pf-m-show",
|
|
409
411
|
"hidden": "pf-m-hidden",
|
|
410
412
|
"read": "pf-m-read",
|
|
411
413
|
"unread": "pf-m-unread",
|
|
@@ -437,7 +439,6 @@ export default {
|
|
|
437
439
|
"inProgress": "pf-m-in-progress",
|
|
438
440
|
"notify": "pf-m-notify",
|
|
439
441
|
"docked": "pf-m-docked",
|
|
440
|
-
"textExpanded": "pf-m-text-expanded",
|
|
441
442
|
"start": "pf-m-start",
|
|
442
443
|
"end": "pf-m-end",
|
|
443
444
|
"inRange": "pf-m-in-range",
|
|
@@ -462,6 +463,7 @@ export default {
|
|
|
462
463
|
"readOnly": "pf-m-read-only",
|
|
463
464
|
"dragHover": "pf-m-drag-hover",
|
|
464
465
|
"animateSmoothly": "pf-m-animate-smoothly",
|
|
466
|
+
"overlay": "pf-m-overlay",
|
|
465
467
|
"editorial": "pf-m-editorial",
|
|
466
468
|
"visited": "pf-m-visited",
|
|
467
469
|
"pageTitle": "pf-m-page-title",
|
|
@@ -586,6 +588,7 @@ export default {
|
|
|
586
588
|
"noBorder": "pf-m-no-border",
|
|
587
589
|
"resizable": "pf-m-resizable",
|
|
588
590
|
"panelLeft": "pf-m-panel-left",
|
|
591
|
+
"viewport": "pf-m-viewport",
|
|
589
592
|
"resizing": "pf-m-resizing",
|
|
590
593
|
"noBackground": "pf-m-no-background",
|
|
591
594
|
"padding": "pf-m-padding",
|
|
@@ -713,6 +716,7 @@ export default {
|
|
|
713
716
|
"text": "pf-m-text",
|
|
714
717
|
"avatar": "pf-m-avatar",
|
|
715
718
|
"alignTop": "pf-m-align-top",
|
|
719
|
+
"open": "pf-m-open",
|
|
716
720
|
"help": "pf-m-help",
|
|
717
721
|
"overflowHidden": "pf-m-overflow-hidden",
|
|
718
722
|
"inset": "pf-m-inset",
|
|
@@ -839,6 +843,8 @@ export default {
|
|
|
839
843
|
"stickyHeaderStuck": "pf-m-sticky-header-stuck",
|
|
840
844
|
"stickyHeader": "pf-m-sticky-header",
|
|
841
845
|
"nestedColumnHeader": "pf-m-nested-column-header",
|
|
846
|
+
"stickyFooterBase": "pf-m-sticky-footer-base",
|
|
847
|
+
"stickyFooterStuck": "pf-m-sticky-footer-stuck",
|
|
842
848
|
"stickyFooter": "pf-m-sticky-footer",
|
|
843
849
|
"striped": "pf-m-striped",
|
|
844
850
|
"stripedEven": "pf-m-striped-even",
|
|
@@ -893,6 +899,7 @@ export default {
|
|
|
893
899
|
"visibleOnXlHeight": "pf-m-visible-on-xl-height",
|
|
894
900
|
"hiddenOn_2xlHeight": "pf-m-hidden-on-2xl-height",
|
|
895
901
|
"visibleOn_2xlHeight": "pf-m-visible-on-2xl-height",
|
|
902
|
+
"container": "pf-m-container",
|
|
896
903
|
"expandAll": "pf-m-expand-all",
|
|
897
904
|
"label": "pf-m-label",
|
|
898
905
|
"pagination": "pf-m-pagination",
|
|
@@ -901,6 +908,7 @@ export default {
|
|
|
901
908
|
"labelGroup": "pf-m-label-group",
|
|
902
909
|
"actionGroupPlain": "pf-m-action-group-plain",
|
|
903
910
|
"actionGroupInline": "pf-m-action-group-inline",
|
|
911
|
+
"inset_4xl": "pf-m-inset-4xl",
|
|
904
912
|
"alignStart": "pf-m-align-start",
|
|
905
913
|
"alignEnd": "pf-m-align-end",
|
|
906
914
|
"flexGrow": "pf-m-flex-grow",
|
|
@@ -909,7 +917,6 @@ export default {
|
|
|
909
917
|
"alignSelfStart": "pf-m-align-self-start",
|
|
910
918
|
"alignSelfCenter": "pf-m-align-self-center",
|
|
911
919
|
"alignSelfEnd": "pf-m-align-self-end",
|
|
912
|
-
"inset_4xl": "pf-m-inset-4xl",
|
|
913
920
|
"alignItemsStretch": "pf-m-align-items-stretch",
|
|
914
921
|
"alignItemsBaseline": "pf-m-align-items-baseline",
|
|
915
922
|
"alignItemsStart": "pf-m-align-items-start",
|
|
@@ -943,8 +950,8 @@ export default {
|
|
|
943
950
|
"columnGap_4xl": "pf-m-column-gap-4xl",
|
|
944
951
|
"rowGap_4xl": "pf-m-row-gap-4xl",
|
|
945
952
|
"toggleGroup": "pf-m-toggle-group",
|
|
946
|
-
"show": "pf-m-show",
|
|
947
953
|
"hide": "pf-m-hide",
|
|
954
|
+
"inset_4xlOnSm": "pf-m-inset-4xl-on-sm",
|
|
948
955
|
"alignStartOnSm": "pf-m-align-start-on-sm",
|
|
949
956
|
"alignCenterOnSm": "pf-m-align-center-on-sm",
|
|
950
957
|
"alignEndOnSm": "pf-m-align-end-on-sm",
|
|
@@ -954,7 +961,6 @@ export default {
|
|
|
954
961
|
"alignSelfStartOnSm": "pf-m-align-self-start-on-sm",
|
|
955
962
|
"alignSelfCenterOnSm": "pf-m-align-self-center-on-sm",
|
|
956
963
|
"alignSelfEndOnSm": "pf-m-align-self-end-on-sm",
|
|
957
|
-
"inset_4xlOnSm": "pf-m-inset-4xl-on-sm",
|
|
958
964
|
"wrapOnSm": "pf-m-wrap-on-sm",
|
|
959
965
|
"nowrapOnSm": "pf-m-nowrap-on-sm",
|
|
960
966
|
"alignItemsStretchOnSm": "pf-m-align-items-stretch-on-sm",
|
|
@@ -991,6 +997,7 @@ export default {
|
|
|
991
997
|
"rowGap_4xlOnSm": "pf-m-row-gap-4xl-on-sm",
|
|
992
998
|
"showOnSm": "pf-m-show-on-sm",
|
|
993
999
|
"hideOnSm": "pf-m-hide-on-sm",
|
|
1000
|
+
"inset_4xlOnMd": "pf-m-inset-4xl-on-md",
|
|
994
1001
|
"alignStartOnMd": "pf-m-align-start-on-md",
|
|
995
1002
|
"alignCenterOnMd": "pf-m-align-center-on-md",
|
|
996
1003
|
"alignEndOnMd": "pf-m-align-end-on-md",
|
|
@@ -1000,7 +1007,6 @@ export default {
|
|
|
1000
1007
|
"alignSelfStartOnMd": "pf-m-align-self-start-on-md",
|
|
1001
1008
|
"alignSelfCenterOnMd": "pf-m-align-self-center-on-md",
|
|
1002
1009
|
"alignSelfEndOnMd": "pf-m-align-self-end-on-md",
|
|
1003
|
-
"inset_4xlOnMd": "pf-m-inset-4xl-on-md",
|
|
1004
1010
|
"wrapOnMd": "pf-m-wrap-on-md",
|
|
1005
1011
|
"nowrapOnMd": "pf-m-nowrap-on-md",
|
|
1006
1012
|
"alignItemsStretchOnMd": "pf-m-align-items-stretch-on-md",
|
|
@@ -1037,6 +1043,7 @@ export default {
|
|
|
1037
1043
|
"rowGap_4xlOnMd": "pf-m-row-gap-4xl-on-md",
|
|
1038
1044
|
"showOnMd": "pf-m-show-on-md",
|
|
1039
1045
|
"hideOnMd": "pf-m-hide-on-md",
|
|
1046
|
+
"inset_4xlOnLg": "pf-m-inset-4xl-on-lg",
|
|
1040
1047
|
"alignStartOnLg": "pf-m-align-start-on-lg",
|
|
1041
1048
|
"alignCenterOnLg": "pf-m-align-center-on-lg",
|
|
1042
1049
|
"alignEndOnLg": "pf-m-align-end-on-lg",
|
|
@@ -1046,7 +1053,6 @@ export default {
|
|
|
1046
1053
|
"alignSelfStartOnLg": "pf-m-align-self-start-on-lg",
|
|
1047
1054
|
"alignSelfCenterOnLg": "pf-m-align-self-center-on-lg",
|
|
1048
1055
|
"alignSelfEndOnLg": "pf-m-align-self-end-on-lg",
|
|
1049
|
-
"inset_4xlOnLg": "pf-m-inset-4xl-on-lg",
|
|
1050
1056
|
"wrapOnLg": "pf-m-wrap-on-lg",
|
|
1051
1057
|
"nowrapOnLg": "pf-m-nowrap-on-lg",
|
|
1052
1058
|
"alignItemsStretchOnLg": "pf-m-align-items-stretch-on-lg",
|
|
@@ -1083,6 +1089,7 @@ export default {
|
|
|
1083
1089
|
"rowGap_4xlOnLg": "pf-m-row-gap-4xl-on-lg",
|
|
1084
1090
|
"showOnLg": "pf-m-show-on-lg",
|
|
1085
1091
|
"hideOnLg": "pf-m-hide-on-lg",
|
|
1092
|
+
"inset_4xlOnXl": "pf-m-inset-4xl-on-xl",
|
|
1086
1093
|
"alignStartOnXl": "pf-m-align-start-on-xl",
|
|
1087
1094
|
"alignCenterOnXl": "pf-m-align-center-on-xl",
|
|
1088
1095
|
"alignEndOnXl": "pf-m-align-end-on-xl",
|
|
@@ -1092,7 +1099,6 @@ export default {
|
|
|
1092
1099
|
"alignSelfStartOnXl": "pf-m-align-self-start-on-xl",
|
|
1093
1100
|
"alignSelfCenterOnXl": "pf-m-align-self-center-on-xl",
|
|
1094
1101
|
"alignSelfEndOnXl": "pf-m-align-self-end-on-xl",
|
|
1095
|
-
"inset_4xlOnXl": "pf-m-inset-4xl-on-xl",
|
|
1096
1102
|
"wrapOnXl": "pf-m-wrap-on-xl",
|
|
1097
1103
|
"nowrapOnXl": "pf-m-nowrap-on-xl",
|
|
1098
1104
|
"alignItemsStretchOnXl": "pf-m-align-items-stretch-on-xl",
|
|
@@ -1129,6 +1135,7 @@ export default {
|
|
|
1129
1135
|
"rowGap_4xlOnXl": "pf-m-row-gap-4xl-on-xl",
|
|
1130
1136
|
"showOnXl": "pf-m-show-on-xl",
|
|
1131
1137
|
"hideOnXl": "pf-m-hide-on-xl",
|
|
1138
|
+
"inset_4xlOn_2xl": "pf-m-inset-4xl-on-2xl",
|
|
1132
1139
|
"alignStartOn_2xl": "pf-m-align-start-on-2xl",
|
|
1133
1140
|
"alignCenterOn_2xl": "pf-m-align-center-on-2xl",
|
|
1134
1141
|
"alignEndOn_2xl": "pf-m-align-end-on-2xl",
|
|
@@ -1138,7 +1145,6 @@ export default {
|
|
|
1138
1145
|
"alignSelfStartOn_2xl": "pf-m-align-self-start-on-2xl",
|
|
1139
1146
|
"alignSelfCenterOn_2xl": "pf-m-align-self-center-on-2xl",
|
|
1140
1147
|
"alignSelfEndOn_2xl": "pf-m-align-self-end-on-2xl",
|
|
1141
|
-
"inset_4xlOn_2xl": "pf-m-inset-4xl-on-2xl",
|
|
1142
1148
|
"wrapOn_2xl": "pf-m-wrap-on-2xl",
|
|
1143
1149
|
"nowrapOn_2xl": "pf-m-nowrap-on-2xl",
|
|
1144
1150
|
"alignItemsStretchOn_2xl": "pf-m-align-items-stretch-on-2xl",
|
|
@@ -1200,6 +1206,7 @@ export default {
|
|
|
1200
1206
|
"nav": "pf-v6-c-nav",
|
|
1201
1207
|
"navItem": "pf-v6-c-nav__item",
|
|
1202
1208
|
"navLink": "pf-v6-c-nav__link",
|
|
1209
|
+
"navLinkExpandableIcon": "pf-v6-c-nav__link-expandable-icon",
|
|
1203
1210
|
"navLinkIcon": "pf-v6-c-nav__link-icon",
|
|
1204
1211
|
"navLinkText": "pf-v6-c-nav__link-text",
|
|
1205
1212
|
"navList": "pf-v6-c-nav__list",
|
|
@@ -1243,6 +1250,8 @@ export default {
|
|
|
1243
1250
|
"pageDock": "pf-v6-c-page__dock",
|
|
1244
1251
|
"pageDockMain": "pf-v6-c-page__dock-main",
|
|
1245
1252
|
"pageDrawer": "pf-v6-c-page__drawer",
|
|
1253
|
+
"pageFooter": "pf-v6-c-page__footer",
|
|
1254
|
+
"pageHeader": "pf-v6-c-page__header",
|
|
1246
1255
|
"pageMain": "pf-v6-c-page__main",
|
|
1247
1256
|
"pageMainBody": "pf-v6-c-page__main-body",
|
|
1248
1257
|
"pageMainBreadcrumb": "pf-v6-c-page__main-breadcrumb",
|
|
@@ -13,17 +13,27 @@
|
|
|
13
13
|
inset-inline-start: 265px;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
+
#ws-core-c-navigation-docked-nav-with-expandable-links .pf-v6-c-nav__item:has(.pf-m-current) {
|
|
17
|
+
--pf-v6-c-nav__item--accent--ScaleY: var(--pf-v6-c-nav__item--current--accent--ScaleY);
|
|
18
|
+
|
|
19
|
+
> .pf-v6-c-nav__link {
|
|
20
|
+
background-color: var(--pf-v6-c-nav__link--m-current--BackgroundColor);
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
16
24
|
#ws-core-c-navigation-horizontal .ws-preview-html,
|
|
17
25
|
#ws-core-c-navigation-horizontal-overflow .ws-preview-html {
|
|
18
26
|
padding: var(--pf-t--global--spacer--md);
|
|
19
27
|
}
|
|
20
28
|
|
|
21
29
|
.ws-core-c-navigation .ws-preview-html {
|
|
30
|
+
padding-inline-start: var(--pf-t--global--spacer--md);
|
|
31
|
+
padding-inline-end: var(--pf-t--global--spacer--md);
|
|
22
32
|
background: var(--pf-v6-c-page__sidebar--BackgroundColor); /* use sidebar background for vertical nav examples */
|
|
23
33
|
}
|
|
24
34
|
|
|
25
35
|
[id^="ws-core-c-navigation-horizontal"] .ws-preview-html {
|
|
26
|
-
background: var(--pf-
|
|
36
|
+
background: var(--pf-t--global--background--color--secondary--default); /* use masthead background for horizontal nav examples */
|
|
27
37
|
}
|
|
28
38
|
|
|
29
39
|
[id^="ws-core-c-navigation-horizontal-subnav"] .ws-preview-html {
|
|
@@ -3,8 +3,11 @@ declare const _default: {
|
|
|
3
3
|
"menu": "pf-v6-c-menu",
|
|
4
4
|
"modifiers": {
|
|
5
5
|
"flyout": "pf-m-flyout",
|
|
6
|
-
"nav": "pf-m-nav"
|
|
6
|
+
"nav": "pf-m-nav",
|
|
7
|
+
"current": "pf-m-current"
|
|
7
8
|
},
|
|
9
|
+
"navItem": "pf-v6-c-nav__item",
|
|
10
|
+
"navLink": "pf-v6-c-nav__link",
|
|
8
11
|
"wsCoreCNavigation": "ws-core-c-navigation",
|
|
9
12
|
"wsPreviewHtml": "ws-preview-html"
|
|
10
13
|
};
|
|
@@ -5,8 +5,11 @@ exports.default = {
|
|
|
5
5
|
"menu": "pf-v6-c-menu",
|
|
6
6
|
"modifiers": {
|
|
7
7
|
"flyout": "pf-m-flyout",
|
|
8
|
-
"nav": "pf-m-nav"
|
|
8
|
+
"nav": "pf-m-nav",
|
|
9
|
+
"current": "pf-m-current"
|
|
9
10
|
},
|
|
11
|
+
"navItem": "pf-v6-c-nav__item",
|
|
12
|
+
"navLink": "pf-v6-c-nav__link",
|
|
10
13
|
"wsCoreCNavigation": "ws-core-c-navigation",
|
|
11
14
|
"wsPreviewHtml": "ws-preview-html"
|
|
12
15
|
};
|
|
@@ -3,8 +3,11 @@ export default {
|
|
|
3
3
|
"menu": "pf-v6-c-menu",
|
|
4
4
|
"modifiers": {
|
|
5
5
|
"flyout": "pf-m-flyout",
|
|
6
|
-
"nav": "pf-m-nav"
|
|
6
|
+
"nav": "pf-m-nav",
|
|
7
|
+
"current": "pf-m-current"
|
|
7
8
|
},
|
|
9
|
+
"navItem": "pf-v6-c-nav__item",
|
|
10
|
+
"navLink": "pf-v6-c-nav__link",
|
|
8
11
|
"wsCoreCNavigation": "ws-core-c-navigation",
|
|
9
12
|
"wsPreviewHtml": "ws-preview-html"
|
|
10
13
|
};
|
|
@@ -13,15 +13,11 @@
|
|
|
13
13
|
#ws-core-c-table-nested-column-headers-sticky-header .ws-preview-html,
|
|
14
14
|
#ws-core-c-table-sticky-header .ws-preview-html,
|
|
15
15
|
#ws-core-c-table-sticky-footer .ws-preview-html,
|
|
16
|
-
#ws-core-c-table-sticky-header-with-base-and-stuck .ws-preview-html
|
|
16
|
+
#ws-core-c-table-sticky-header-with-base-and-stuck .ws-preview-html,
|
|
17
|
+
#ws-core-c-table-sticky-footer-with-base-and-stuck .ws-preview-html {
|
|
17
18
|
height: 400px;
|
|
18
19
|
}
|
|
19
20
|
|
|
20
|
-
#ws-core-c-table-sticky-header .ws-preview-html,
|
|
21
|
-
#ws-core-c-table-sticky-footer .ws-preview-html {
|
|
22
|
-
overflow: auto;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
21
|
.pf-v6-c-overflow-menu .pf-v6-c-menu {
|
|
26
22
|
position: absolute;
|
|
27
23
|
inset-inline-end: 0;
|
|
@@ -26,6 +26,8 @@
|
|
|
26
26
|
|
|
27
27
|
#ws-core-c-toolbar-adjusted-group-column-gap .pf-v6-c-toolbar,
|
|
28
28
|
#ws-core-c-toolbar-adjusted-group-column-gap .pf-v6-c-toolbar__group,
|
|
29
|
+
#toolbar-as-container-example .pf-v6-c-toolbar,
|
|
30
|
+
#toolbar-as-container-example .pf-v6-c-toolbar__group,
|
|
29
31
|
#ws-core-e-toolbar-simple .pf-v6-c-toolbar,
|
|
30
32
|
#ws-core-e-toolbar-simple .pf-v6-c-toolbar__group,
|
|
31
33
|
#ws-core-c-toolbar-no-padding .pf-v6-c-toolbar,
|
|
@@ -47,6 +49,7 @@
|
|
|
47
49
|
}
|
|
48
50
|
|
|
49
51
|
#ws-core-c-toolbar-adjusted-group-column-gap .pf-v6-c-toolbar__item,
|
|
52
|
+
#toolbar-as-container-example .pf-v6-c-toolbar__item,
|
|
50
53
|
#ws-core-e-toolbar-simple .pf-v6-c-toolbar__item,
|
|
51
54
|
#ws-core-e-toolbar-adjusted-spacers .pf-v6-c-toolbar__item,
|
|
52
55
|
#ws-core-e-toolbar-adjusted-group-spacers .pf-v6-c-toolbar__item,
|
|
@@ -62,6 +65,7 @@
|
|
|
62
65
|
}
|
|
63
66
|
|
|
64
67
|
#ws-core-c-toolbar-adjusted-group-column-gap .pf-v6-c-toolbar__item,
|
|
68
|
+
#toolbar-as-container-example .pf-v6-c-toolbar__item,
|
|
65
69
|
#ws-core-e-toolbar-simple .pf-v6-c-toolbar__item,
|
|
66
70
|
#ws-core-e-toolbar-adjusted-spacers .pf-v6-c-toolbar__item,
|
|
67
71
|
#ws-core-e-toolbar-adjusted-group-spacers .pf-v6-c-toolbar__item,
|
|
@@ -79,3 +83,13 @@
|
|
|
79
83
|
height: 200px;
|
|
80
84
|
overflow: auto;
|
|
81
85
|
}
|
|
86
|
+
|
|
87
|
+
.ws-core-resizeable-container {
|
|
88
|
+
width: 800px;
|
|
89
|
+
min-width: 300px;
|
|
90
|
+
max-width: 100%;
|
|
91
|
+
padding: var(--pf-t--global--spacer--sm);
|
|
92
|
+
overflow: auto;
|
|
93
|
+
resize: horizontal;
|
|
94
|
+
border: var(--pf-t--global--border--width--extra-strong) dashed var(--pf-t--global--border--color--default);
|
|
95
|
+
}
|
|
@@ -3,6 +3,7 @@ declare const _default: {
|
|
|
3
3
|
"toolbar": "pf-v6-c-toolbar",
|
|
4
4
|
"toolbarGroup": "pf-v6-c-toolbar__group",
|
|
5
5
|
"toolbarItem": "pf-v6-c-toolbar__item",
|
|
6
|
+
"wsCoreResizeableContainer": "ws-core-resizeable-container",
|
|
6
7
|
"wsPreviewHtml": "ws-preview-html"
|
|
7
8
|
};
|
|
8
9
|
export default _default;
|
package/dist/esm/index.d.ts
CHANGED