@patternfly/patternfly 5.0.0-alpha.13 → 5.0.0-alpha.18
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/assets/pficon/pficon.woff +0 -0
- package/assets/pficon/pficon.woff2 +0 -0
- package/components/Accordion/accordion.css +2 -0
- package/components/Accordion/accordion.scss +2 -0
- package/components/AppLauncher/app-launcher.css +2 -0
- package/components/AppLauncher/app-launcher.scss +2 -0
- package/components/Breadcrumb/breadcrumb.css +2 -0
- package/components/Breadcrumb/breadcrumb.scss +2 -0
- package/components/ContextSelector/context-selector.css +5 -1
- package/components/ContextSelector/context-selector.scss +6 -2
- package/components/DataList/data-list.css +2 -1
- package/components/DataList/data-list.scss +2 -1
- package/components/Drawer/drawer.css +13 -13
- package/components/Dropdown/dropdown.css +12 -10
- package/components/Dropdown/dropdown.scss +2 -0
- package/components/ExpandableSection/expandable-section.css +2 -0
- package/components/ExpandableSection/expandable-section.scss +2 -0
- package/components/Label/label.css +2 -0
- package/components/Label/label.scss +2 -0
- package/components/Login/login.css +1 -1
- package/components/Menu/menu.css +2 -0
- package/components/Menu/menu.scss +2 -0
- package/components/MenuToggle/menu-toggle.css +2 -0
- package/components/MenuToggle/menu-toggle.scss +2 -0
- package/components/Page/page.css +60 -60
- package/components/Pagination/pagination.css +2 -2
- package/components/SearchInput/search-input.css +2 -0
- package/components/SearchInput/search-input.scss +2 -0
- package/components/Table/table-grid.css +28 -28
- package/components/Table/table-tree-view.css +4 -4
- package/components/TextInputGroup/text-input-group.css +4 -2
- package/components/TextInputGroup/text-input-group.scss +4 -3
- package/components/Toolbar/toolbar.css +35 -35
- package/components/TreeView/tree-view.css +7 -15
- package/components/TreeView/tree-view.scss +7 -18
- package/components/Wizard/wizard.css +2 -0
- package/components/Wizard/wizard.scss +2 -0
- package/docs/components/AboutModalBox/examples/AboutModalBox.md +13 -13
- package/docs/components/Accordion/examples/Accordion.md +12 -12
- package/docs/components/ActionList/examples/ActionList.md +6 -6
- package/docs/components/Alert/examples/Alert.md +19 -19
- package/docs/components/AlertGroup/examples/AlertGroup.md +12 -12
- package/docs/components/AppLauncher/examples/application-launcher.md +51 -46
- package/docs/components/Avatar/examples/Avatar.md +11 -11
- package/docs/components/BackToTop/examples/BackToTop.md +4 -4
- package/docs/components/Backdrop/examples/Backdrop.md +4 -4
- package/docs/components/BackgroundImage/examples/BackgroundImage.md +4 -4
- package/docs/components/Badge/examples/Badge.md +5 -5
- package/docs/components/Banner/examples/Banner.md +8 -8
- package/docs/components/Brand/examples/Brand.md +9 -9
- package/docs/components/Breadcrumb/examples/Breadcrumb.md +20 -20
- package/docs/components/Button/examples/Button.md +35 -35
- package/docs/components/CalendarMonth/examples/CalendarMonth.md +32 -32
- package/docs/components/Card/examples/Card.md +27 -27
- package/docs/components/Check/examples/Check.md +13 -13
- package/docs/components/Chip/examples/Chip.md +13 -13
- package/docs/components/ChipGroup/examples/ChipGroup.md +15 -15
- package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
- package/docs/components/CodeBlock/examples/CodeBlock.md +9 -9
- package/docs/components/CodeEditor/examples/CodeEditor.md +56 -33
- package/docs/components/Content/examples/Content.md +10 -10
- package/docs/components/ContextSelector/examples/context-selector.css +5 -1
- package/docs/components/ContextSelector/examples/context-selector.md +86 -80
- package/docs/components/DataList/examples/DataList.md +83 -83
- package/docs/components/DatePicker/examples/DatePicker.md +10 -10
- package/docs/components/DescriptionList/examples/DescriptionList.md +24 -24
- package/docs/components/Divider/examples/Divider.md +10 -10
- package/docs/components/DragDrop/examples/DragDrop.md +5 -5
- package/docs/components/Drawer/examples/Drawer.md +43 -43
- package/docs/components/Dropdown/examples/Dropdown.css +5 -2
- package/docs/components/Dropdown/examples/Dropdown.md +50 -50
- package/docs/components/DualListSelector/examples/DualListSelector.md +201 -197
- package/docs/components/EmptyState/examples/EmptyState.md +19 -19
- package/docs/components/ExpandableSection/examples/ExpandableSection.md +23 -23
- package/docs/components/FileUpload/examples/FileUpload.md +8 -8
- package/docs/components/Form/examples/Form.md +64 -64
- package/docs/components/FormControl/examples/FormControl.md +20 -20
- package/docs/components/HelperText/examples/HelperText.md +12 -12
- package/docs/components/Hint/examples/Hint.md +7 -7
- package/docs/components/Icon/examples/Icon.md +10 -10
- package/docs/components/InlineEdit/examples/InlineEdit.md +24 -24
- package/docs/components/InputGroup/examples/InputGroup.md +10 -10
- package/docs/components/JumpLinks/examples/JumpLinks.md +35 -35
- package/docs/components/Label/examples/Label.md +31 -31
- package/docs/components/LabelGroup/examples/LabelGroup.md +22 -22
- package/docs/components/List/examples/List.md +18 -18
- package/docs/components/LogViewer/examples/LogViewer.md +69 -69
- package/docs/components/Login/examples/Login.md +32 -32
- package/docs/components/Masthead/examples/masthead.md +9 -9
- package/docs/components/Menu/examples/Menu.md +81 -79
- package/docs/components/MenuToggle/examples/MenuToggle.md +24 -24
- package/docs/components/ModalBox/examples/ModalBox.md +35 -35
- package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +25 -25
- package/docs/components/Nav/examples/Navigation.md +69 -69
- package/docs/components/NotificationBadge/examples/NotificationBadge.md +8 -8
- package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +44 -44
- package/docs/components/NumberInput/examples/NumberInput.md +12 -12
- package/docs/components/OptionsMenu/examples/options-menu.md +27 -28
- package/docs/components/OverflowMenu/examples/overflow-menu.md +25 -25
- package/docs/components/Page/examples/Page.md +54 -54
- package/docs/components/Pagination/examples/Pagination.md +27 -27
- package/docs/components/Panel/examples/Panel.md +10 -10
- package/docs/components/Popover/examples/Popover.md +34 -34
- package/docs/components/Progress/examples/Progress.md +31 -31
- package/docs/components/ProgressStepper/examples/ProgressStepper.md +45 -38
- package/docs/components/Radio/examples/Radio.md +11 -11
- package/docs/components/SearchInput/examples/SearchInput.md +34 -34
- package/docs/components/Select/examples/Select.md +143 -143
- package/docs/components/Sidebar/examples/Sidebar.md +14 -14
- package/docs/components/SimpleList/examples/SimpleList.md +15 -15
- package/docs/components/Skeleton/examples/Skeleton.md +8 -8
- package/docs/components/SkipToContent/examples/SkipToContent.md +5 -5
- package/docs/components/Slider/examples/Slider.md +24 -24
- package/docs/components/Spinner/examples/Spinner.md +24 -24
- package/docs/components/Switch/examples/Switch.md +19 -19
- package/docs/components/TabContent/examples/TabContent.md +13 -13
- package/docs/components/Table/examples/Table.md +155 -155
- package/docs/components/Tabs/examples/Tabs.md +47 -47
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +19 -19
- package/docs/components/Tile/examples/Tile.md +15 -15
- package/docs/components/Timestamp/examples/Timestamp.md +5 -5
- package/docs/components/Title/examples/Title.md +17 -17
- package/docs/components/ToggleGroup/examples/toggle-group.md +13 -13
- package/docs/components/Toolbar/examples/Toolbar.md +113 -113
- package/docs/components/Tooltip/examples/Tooltip.md +10 -10
- package/docs/components/TreeView/examples/TreeView.md +34 -34
- package/docs/components/Truncate/examples/Truncate.md +4 -4
- package/docs/components/Wizard/examples/Wizard.md +59 -59
- package/docs/demos/AboutModal/examples/AboutModal.md +4 -4
- package/docs/demos/Alert/examples/Alert.md +13 -13
- package/docs/demos/BackToTop/examples/BackToTop.md +4 -4
- package/docs/demos/Banner/examples/Banner.md +8 -8
- package/docs/demos/Card/examples/Card.md +7 -7
- package/docs/demos/CardView/examples/CardView.md +7 -7
- package/docs/demos/ContextSelector/examples/ContextSelector.md +18 -18
- package/docs/demos/Dashboard/examples/Dashboard.md +9 -5
- package/docs/demos/DataList/examples/DataList.md +22 -22
- package/docs/demos/DescriptionList/examples/DescriptionList.md +12 -12
- package/docs/demos/Drawer/examples/Drawer.md +20 -20
- package/docs/demos/HelperText/examples/HelperText.md +8 -8
- package/docs/demos/JumpLinks/examples/JumpLinks.md +28 -28
- package/docs/demos/Masthead/examples/Masthead.md +29 -29
- package/docs/demos/Modal/examples/Modal.md +24 -24
- package/docs/demos/Nav/examples/Nav.md +47 -47
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +40 -28
- package/docs/demos/Page/examples/Page.md +36 -36
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +32 -32
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +36 -36
- package/docs/demos/Skeleton/examples/Skeleton.md +4 -4
- package/docs/demos/Table/examples/Table.md +78 -78
- package/docs/demos/Tabs/examples/Tabs.md +25 -25
- package/docs/demos/Toolbar/examples/Toolbar.md +16 -16
- package/docs/demos/Wizard/examples/Wizard.md +54 -54
- package/docs/layouts/Bullseye/examples/Bullseye.md +4 -4
- package/docs/layouts/Flex/examples/Flex.md +98 -98
- package/docs/layouts/Gallery/examples/Gallery.md +7 -7
- package/docs/layouts/Grid/examples/Grid.md +9 -9
- package/docs/layouts/Level/examples/Level.md +5 -5
- package/docs/layouts/Split/examples/Split.md +7 -7
- package/docs/layouts/Stack/examples/Stack.md +6 -6
- package/docs/utilities/Accessibility/examples/Accessibility.md +4 -4
- package/docs/utilities/Alignment/examples/Alignment.md +6 -6
- package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +12 -12
- package/docs/utilities/BoxShadow/examples/box-shadow.md +22 -22
- package/docs/utilities/Display/examples/Display.md +11 -11
- package/docs/utilities/Flex/examples/Flex.md +34 -34
- package/docs/utilities/Float/examples/Float.md +4 -4
- package/docs/utilities/Sizing/examples/Sizing.md +50 -50
- package/docs/utilities/Spacing/examples/Spacing.md +34 -34
- package/docs/utilities/Text/examples/Text.md +27 -27
- package/icons/{pf-icons.json → pf-icons.mjs} +1 -1
- package/layouts/Grid/grid.css +5 -5
- package/package.json +56 -61
- package/patternfly-no-reset.css +196 -177
- package/patternfly.css +196 -177
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -96,7 +96,7 @@ wrapperTag: div
|
|
|
96
96
|
</div>
|
|
97
97
|
<section class="pf-c-app-launcher__group">
|
|
98
98
|
<h1 class="pf-c-app-launcher__group-title">Favorites</h1>
|
|
99
|
-
<ul>
|
|
99
|
+
<ul role="list">
|
|
100
100
|
<li
|
|
101
101
|
class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
|
|
102
102
|
>
|
|
@@ -148,7 +148,7 @@ wrapperTag: div
|
|
|
148
148
|
<hr class="pf-c-divider" />
|
|
149
149
|
<section class="pf-c-app-launcher__group">
|
|
150
150
|
<h1 class="pf-c-app-launcher__group-title">Group 1</h1>
|
|
151
|
-
<ul>
|
|
151
|
+
<ul role="list">
|
|
152
152
|
<li
|
|
153
153
|
class="pf-c-app-launcher__menu-wrapper pf-m-external"
|
|
154
154
|
>
|
|
@@ -803,7 +803,7 @@ wrapperTag: div
|
|
|
803
803
|
id="wizard-basic-example-primary-nav"
|
|
804
804
|
aria-label="Global"
|
|
805
805
|
>
|
|
806
|
-
<ul class="pf-c-nav__list">
|
|
806
|
+
<ul class="pf-c-nav__list" role="list">
|
|
807
807
|
<li class="pf-c-nav__item">
|
|
808
808
|
<a href="#" class="pf-c-nav__link">System panel</a>
|
|
809
809
|
</li>
|
|
@@ -835,7 +835,7 @@ wrapperTag: div
|
|
|
835
835
|
<section class="pf-c-page__main-breadcrumb pf-m-limit-width">
|
|
836
836
|
<div class="pf-c-page__main-body">
|
|
837
837
|
<nav class="pf-c-breadcrumb" aria-label="breadcrumb">
|
|
838
|
-
<ol class="pf-c-breadcrumb__list">
|
|
838
|
+
<ol class="pf-c-breadcrumb__list" role="list">
|
|
839
839
|
<li class="pf-c-breadcrumb__item">
|
|
840
840
|
<a href="#" class="pf-c-breadcrumb__link">Section home</a>
|
|
841
841
|
</li>
|
|
@@ -960,7 +960,7 @@ wrapperTag: div
|
|
|
960
960
|
<div class="pf-c-wizard__outer-wrap">
|
|
961
961
|
<div class="pf-c-wizard__inner-wrap">
|
|
962
962
|
<nav class="pf-c-wizard__nav" aria-label="Steps">
|
|
963
|
-
<ol class="pf-c-wizard__nav-list">
|
|
963
|
+
<ol class="pf-c-wizard__nav-list" role="list">
|
|
964
964
|
<li class="pf-c-wizard__nav-item">
|
|
965
965
|
<button class="pf-c-wizard__nav-link">Information</button>
|
|
966
966
|
</li>
|
|
@@ -968,7 +968,7 @@ wrapperTag: div
|
|
|
968
968
|
<button
|
|
969
969
|
class="pf-c-wizard__nav-link pf-m-current"
|
|
970
970
|
>Configuration</button>
|
|
971
|
-
<ol class="pf-c-wizard__nav-list">
|
|
971
|
+
<ol class="pf-c-wizard__nav-list" role="list">
|
|
972
972
|
<li class="pf-c-wizard__nav-item">
|
|
973
973
|
<button class="pf-c-wizard__nav-link">Substep A</button>
|
|
974
974
|
</li>
|
|
@@ -1228,7 +1228,7 @@ wrapperTag: div
|
|
|
1228
1228
|
</div>
|
|
1229
1229
|
<section class="pf-c-app-launcher__group">
|
|
1230
1230
|
<h1 class="pf-c-app-launcher__group-title">Favorites</h1>
|
|
1231
|
-
<ul>
|
|
1231
|
+
<ul role="list">
|
|
1232
1232
|
<li
|
|
1233
1233
|
class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
|
|
1234
1234
|
>
|
|
@@ -1280,7 +1280,7 @@ wrapperTag: div
|
|
|
1280
1280
|
<hr class="pf-c-divider" />
|
|
1281
1281
|
<section class="pf-c-app-launcher__group">
|
|
1282
1282
|
<h1 class="pf-c-app-launcher__group-title">Group 1</h1>
|
|
1283
|
-
<ul>
|
|
1283
|
+
<ul role="list">
|
|
1284
1284
|
<li
|
|
1285
1285
|
class="pf-c-app-launcher__menu-wrapper pf-m-external"
|
|
1286
1286
|
>
|
|
@@ -1935,7 +1935,7 @@ wrapperTag: div
|
|
|
1935
1935
|
id="wizard-nav-expanded-example-primary-nav"
|
|
1936
1936
|
aria-label="Global"
|
|
1937
1937
|
>
|
|
1938
|
-
<ul class="pf-c-nav__list">
|
|
1938
|
+
<ul class="pf-c-nav__list" role="list">
|
|
1939
1939
|
<li class="pf-c-nav__item">
|
|
1940
1940
|
<a href="#" class="pf-c-nav__link">System panel</a>
|
|
1941
1941
|
</li>
|
|
@@ -1967,7 +1967,7 @@ wrapperTag: div
|
|
|
1967
1967
|
<section class="pf-c-page__main-breadcrumb pf-m-limit-width">
|
|
1968
1968
|
<div class="pf-c-page__main-body">
|
|
1969
1969
|
<nav class="pf-c-breadcrumb" aria-label="breadcrumb">
|
|
1970
|
-
<ol class="pf-c-breadcrumb__list">
|
|
1970
|
+
<ol class="pf-c-breadcrumb__list" role="list">
|
|
1971
1971
|
<li class="pf-c-breadcrumb__item">
|
|
1972
1972
|
<a href="#" class="pf-c-breadcrumb__link">Section home</a>
|
|
1973
1973
|
</li>
|
|
@@ -2092,7 +2092,7 @@ wrapperTag: div
|
|
|
2092
2092
|
<div class="pf-c-wizard__outer-wrap">
|
|
2093
2093
|
<div class="pf-c-wizard__inner-wrap">
|
|
2094
2094
|
<nav class="pf-c-wizard__nav pf-m-expanded" aria-label="Steps">
|
|
2095
|
-
<ol class="pf-c-wizard__nav-list">
|
|
2095
|
+
<ol class="pf-c-wizard__nav-list" role="list">
|
|
2096
2096
|
<li class="pf-c-wizard__nav-item">
|
|
2097
2097
|
<button class="pf-c-wizard__nav-link">Information</button>
|
|
2098
2098
|
</li>
|
|
@@ -2100,7 +2100,7 @@ wrapperTag: div
|
|
|
2100
2100
|
<button
|
|
2101
2101
|
class="pf-c-wizard__nav-link pf-m-current"
|
|
2102
2102
|
>Configuration</button>
|
|
2103
|
-
<ol class="pf-c-wizard__nav-list">
|
|
2103
|
+
<ol class="pf-c-wizard__nav-list" role="list">
|
|
2104
2104
|
<li class="pf-c-wizard__nav-item">
|
|
2105
2105
|
<button class="pf-c-wizard__nav-link">Substep A</button>
|
|
2106
2106
|
</li>
|
|
@@ -2360,7 +2360,7 @@ wrapperTag: div
|
|
|
2360
2360
|
</div>
|
|
2361
2361
|
<section class="pf-c-app-launcher__group">
|
|
2362
2362
|
<h1 class="pf-c-app-launcher__group-title">Favorites</h1>
|
|
2363
|
-
<ul>
|
|
2363
|
+
<ul role="list">
|
|
2364
2364
|
<li
|
|
2365
2365
|
class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
|
|
2366
2366
|
>
|
|
@@ -2412,7 +2412,7 @@ wrapperTag: div
|
|
|
2412
2412
|
<hr class="pf-c-divider" />
|
|
2413
2413
|
<section class="pf-c-app-launcher__group">
|
|
2414
2414
|
<h1 class="pf-c-app-launcher__group-title">Group 1</h1>
|
|
2415
|
-
<ul>
|
|
2415
|
+
<ul role="list">
|
|
2416
2416
|
<li
|
|
2417
2417
|
class="pf-c-app-launcher__menu-wrapper pf-m-external"
|
|
2418
2418
|
>
|
|
@@ -3067,7 +3067,7 @@ wrapperTag: div
|
|
|
3067
3067
|
id="wizard-with-drawer-closed-example-primary-nav"
|
|
3068
3068
|
aria-label="Global"
|
|
3069
3069
|
>
|
|
3070
|
-
<ul class="pf-c-nav__list">
|
|
3070
|
+
<ul class="pf-c-nav__list" role="list">
|
|
3071
3071
|
<li class="pf-c-nav__item">
|
|
3072
3072
|
<a href="#" class="pf-c-nav__link">System panel</a>
|
|
3073
3073
|
</li>
|
|
@@ -3099,7 +3099,7 @@ wrapperTag: div
|
|
|
3099
3099
|
<section class="pf-c-page__main-breadcrumb pf-m-limit-width">
|
|
3100
3100
|
<div class="pf-c-page__main-body">
|
|
3101
3101
|
<nav class="pf-c-breadcrumb" aria-label="breadcrumb">
|
|
3102
|
-
<ol class="pf-c-breadcrumb__list">
|
|
3102
|
+
<ol class="pf-c-breadcrumb__list" role="list">
|
|
3103
3103
|
<li class="pf-c-breadcrumb__item">
|
|
3104
3104
|
<a href="#" class="pf-c-breadcrumb__link">Section home</a>
|
|
3105
3105
|
</li>
|
|
@@ -3224,7 +3224,7 @@ wrapperTag: div
|
|
|
3224
3224
|
<div class="pf-c-wizard__outer-wrap">
|
|
3225
3225
|
<div class="pf-c-wizard__inner-wrap">
|
|
3226
3226
|
<nav class="pf-c-wizard__nav" aria-label="Steps">
|
|
3227
|
-
<ol class="pf-c-wizard__nav-list">
|
|
3227
|
+
<ol class="pf-c-wizard__nav-list" role="list">
|
|
3228
3228
|
<li class="pf-c-wizard__nav-item">
|
|
3229
3229
|
<button class="pf-c-wizard__nav-link">Information</button>
|
|
3230
3230
|
</li>
|
|
@@ -3232,7 +3232,7 @@ wrapperTag: div
|
|
|
3232
3232
|
<button
|
|
3233
3233
|
class="pf-c-wizard__nav-link pf-m-current"
|
|
3234
3234
|
>Configuration</button>
|
|
3235
|
-
<ol class="pf-c-wizard__nav-list">
|
|
3235
|
+
<ol class="pf-c-wizard__nav-list" role="list">
|
|
3236
3236
|
<li class="pf-c-wizard__nav-item">
|
|
3237
3237
|
<button class="pf-c-wizard__nav-link">Substep A</button>
|
|
3238
3238
|
</li>
|
|
@@ -3570,7 +3570,7 @@ wrapperTag: div
|
|
|
3570
3570
|
</div>
|
|
3571
3571
|
<section class="pf-c-app-launcher__group">
|
|
3572
3572
|
<h1 class="pf-c-app-launcher__group-title">Favorites</h1>
|
|
3573
|
-
<ul>
|
|
3573
|
+
<ul role="list">
|
|
3574
3574
|
<li
|
|
3575
3575
|
class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
|
|
3576
3576
|
>
|
|
@@ -3622,7 +3622,7 @@ wrapperTag: div
|
|
|
3622
3622
|
<hr class="pf-c-divider" />
|
|
3623
3623
|
<section class="pf-c-app-launcher__group">
|
|
3624
3624
|
<h1 class="pf-c-app-launcher__group-title">Group 1</h1>
|
|
3625
|
-
<ul>
|
|
3625
|
+
<ul role="list">
|
|
3626
3626
|
<li
|
|
3627
3627
|
class="pf-c-app-launcher__menu-wrapper pf-m-external"
|
|
3628
3628
|
>
|
|
@@ -4277,7 +4277,7 @@ wrapperTag: div
|
|
|
4277
4277
|
id="wizard-with-drawer-expanded-example-primary-nav"
|
|
4278
4278
|
aria-label="Global"
|
|
4279
4279
|
>
|
|
4280
|
-
<ul class="pf-c-nav__list">
|
|
4280
|
+
<ul class="pf-c-nav__list" role="list">
|
|
4281
4281
|
<li class="pf-c-nav__item">
|
|
4282
4282
|
<a href="#" class="pf-c-nav__link">System panel</a>
|
|
4283
4283
|
</li>
|
|
@@ -4309,7 +4309,7 @@ wrapperTag: div
|
|
|
4309
4309
|
<section class="pf-c-page__main-breadcrumb pf-m-limit-width">
|
|
4310
4310
|
<div class="pf-c-page__main-body">
|
|
4311
4311
|
<nav class="pf-c-breadcrumb" aria-label="breadcrumb">
|
|
4312
|
-
<ol class="pf-c-breadcrumb__list">
|
|
4312
|
+
<ol class="pf-c-breadcrumb__list" role="list">
|
|
4313
4313
|
<li class="pf-c-breadcrumb__item">
|
|
4314
4314
|
<a href="#" class="pf-c-breadcrumb__link">Section home</a>
|
|
4315
4315
|
</li>
|
|
@@ -4434,7 +4434,7 @@ wrapperTag: div
|
|
|
4434
4434
|
<div class="pf-c-wizard__outer-wrap">
|
|
4435
4435
|
<div class="pf-c-wizard__inner-wrap">
|
|
4436
4436
|
<nav class="pf-c-wizard__nav" aria-label="Steps">
|
|
4437
|
-
<ol class="pf-c-wizard__nav-list">
|
|
4437
|
+
<ol class="pf-c-wizard__nav-list" role="list">
|
|
4438
4438
|
<li class="pf-c-wizard__nav-item">
|
|
4439
4439
|
<button class="pf-c-wizard__nav-link">Information</button>
|
|
4440
4440
|
</li>
|
|
@@ -4442,7 +4442,7 @@ wrapperTag: div
|
|
|
4442
4442
|
<button
|
|
4443
4443
|
class="pf-c-wizard__nav-link pf-m-current"
|
|
4444
4444
|
>Configuration</button>
|
|
4445
|
-
<ol class="pf-c-wizard__nav-list">
|
|
4445
|
+
<ol class="pf-c-wizard__nav-list" role="list">
|
|
4446
4446
|
<li class="pf-c-wizard__nav-item">
|
|
4447
4447
|
<button class="pf-c-wizard__nav-link">Substep A</button>
|
|
4448
4448
|
</li>
|
|
@@ -4774,7 +4774,7 @@ wrapperTag: div
|
|
|
4774
4774
|
</div>
|
|
4775
4775
|
<section class="pf-c-app-launcher__group">
|
|
4776
4776
|
<h1 class="pf-c-app-launcher__group-title">Favorites</h1>
|
|
4777
|
-
<ul>
|
|
4777
|
+
<ul role="list">
|
|
4778
4778
|
<li
|
|
4779
4779
|
class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
|
|
4780
4780
|
>
|
|
@@ -4826,7 +4826,7 @@ wrapperTag: div
|
|
|
4826
4826
|
<hr class="pf-c-divider" />
|
|
4827
4827
|
<section class="pf-c-app-launcher__group">
|
|
4828
4828
|
<h1 class="pf-c-app-launcher__group-title">Group 1</h1>
|
|
4829
|
-
<ul>
|
|
4829
|
+
<ul role="list">
|
|
4830
4830
|
<li
|
|
4831
4831
|
class="pf-c-app-launcher__menu-wrapper pf-m-external"
|
|
4832
4832
|
>
|
|
@@ -5481,7 +5481,7 @@ wrapperTag: div
|
|
|
5481
5481
|
id="wizard-with-drawer-info-example-primary-nav"
|
|
5482
5482
|
aria-label="Global"
|
|
5483
5483
|
>
|
|
5484
|
-
<ul class="pf-c-nav__list">
|
|
5484
|
+
<ul class="pf-c-nav__list" role="list">
|
|
5485
5485
|
<li class="pf-c-nav__item">
|
|
5486
5486
|
<a href="#" class="pf-c-nav__link">System panel</a>
|
|
5487
5487
|
</li>
|
|
@@ -5513,7 +5513,7 @@ wrapperTag: div
|
|
|
5513
5513
|
<section class="pf-c-page__main-breadcrumb pf-m-limit-width">
|
|
5514
5514
|
<div class="pf-c-page__main-body">
|
|
5515
5515
|
<nav class="pf-c-breadcrumb" aria-label="breadcrumb">
|
|
5516
|
-
<ol class="pf-c-breadcrumb__list">
|
|
5516
|
+
<ol class="pf-c-breadcrumb__list" role="list">
|
|
5517
5517
|
<li class="pf-c-breadcrumb__item">
|
|
5518
5518
|
<a href="#" class="pf-c-breadcrumb__link">Section home</a>
|
|
5519
5519
|
</li>
|
|
@@ -5638,7 +5638,7 @@ wrapperTag: div
|
|
|
5638
5638
|
<div class="pf-c-wizard__outer-wrap">
|
|
5639
5639
|
<div class="pf-c-wizard__inner-wrap">
|
|
5640
5640
|
<nav class="pf-c-wizard__nav" aria-label="Steps">
|
|
5641
|
-
<ol class="pf-c-wizard__nav-list">
|
|
5641
|
+
<ol class="pf-c-wizard__nav-list" role="list">
|
|
5642
5642
|
<li class="pf-c-wizard__nav-item">
|
|
5643
5643
|
<button class="pf-c-wizard__nav-link">Information</button>
|
|
5644
5644
|
</li>
|
|
@@ -5646,7 +5646,7 @@ wrapperTag: div
|
|
|
5646
5646
|
<button
|
|
5647
5647
|
class="pf-c-wizard__nav-link pf-m-current"
|
|
5648
5648
|
>Configuration</button>
|
|
5649
|
-
<ol class="pf-c-wizard__nav-list">
|
|
5649
|
+
<ol class="pf-c-wizard__nav-list" role="list">
|
|
5650
5650
|
<li class="pf-c-wizard__nav-item">
|
|
5651
5651
|
<button class="pf-c-wizard__nav-link">Substep A</button>
|
|
5652
5652
|
</li>
|
|
@@ -5851,7 +5851,7 @@ wrapperTag: div
|
|
|
5851
5851
|
</div>
|
|
5852
5852
|
<section class="pf-c-app-launcher__group">
|
|
5853
5853
|
<h1 class="pf-c-app-launcher__group-title">Favorites</h1>
|
|
5854
|
-
<ul>
|
|
5854
|
+
<ul role="list">
|
|
5855
5855
|
<li
|
|
5856
5856
|
class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
|
|
5857
5857
|
>
|
|
@@ -5903,7 +5903,7 @@ wrapperTag: div
|
|
|
5903
5903
|
<hr class="pf-c-divider" />
|
|
5904
5904
|
<section class="pf-c-app-launcher__group">
|
|
5905
5905
|
<h1 class="pf-c-app-launcher__group-title">Group 1</h1>
|
|
5906
|
-
<ul>
|
|
5906
|
+
<ul role="list">
|
|
5907
5907
|
<li
|
|
5908
5908
|
class="pf-c-app-launcher__menu-wrapper pf-m-external"
|
|
5909
5909
|
>
|
|
@@ -6558,7 +6558,7 @@ wrapperTag: div
|
|
|
6558
6558
|
id="wizard-in-page-example-primary-nav"
|
|
6559
6559
|
aria-label="Global"
|
|
6560
6560
|
>
|
|
6561
|
-
<ul class="pf-c-nav__list">
|
|
6561
|
+
<ul class="pf-c-nav__list" role="list">
|
|
6562
6562
|
<li class="pf-c-nav__item">
|
|
6563
6563
|
<a href="#" class="pf-c-nav__link">System panel</a>
|
|
6564
6564
|
</li>
|
|
@@ -6590,7 +6590,7 @@ wrapperTag: div
|
|
|
6590
6590
|
<section class="pf-c-page__main-breadcrumb pf-m-limit-width">
|
|
6591
6591
|
<div class="pf-c-page__main-body">
|
|
6592
6592
|
<nav class="pf-c-breadcrumb" aria-label="breadcrumb">
|
|
6593
|
-
<ol class="pf-c-breadcrumb__list">
|
|
6593
|
+
<ol class="pf-c-breadcrumb__list" role="list">
|
|
6594
6594
|
<li class="pf-c-breadcrumb__item">
|
|
6595
6595
|
<a href="#" class="pf-c-breadcrumb__link">Section home</a>
|
|
6596
6596
|
</li>
|
|
@@ -6656,7 +6656,7 @@ wrapperTag: div
|
|
|
6656
6656
|
<div class="pf-c-wizard__outer-wrap">
|
|
6657
6657
|
<div class="pf-c-wizard__inner-wrap">
|
|
6658
6658
|
<nav class="pf-c-wizard__nav" aria-label="Steps">
|
|
6659
|
-
<ol class="pf-c-wizard__nav-list">
|
|
6659
|
+
<ol class="pf-c-wizard__nav-list" role="list">
|
|
6660
6660
|
<li class="pf-c-wizard__nav-item">
|
|
6661
6661
|
<button class="pf-c-wizard__nav-link">Information</button>
|
|
6662
6662
|
</li>
|
|
@@ -6664,7 +6664,7 @@ wrapperTag: div
|
|
|
6664
6664
|
<button
|
|
6665
6665
|
class="pf-c-wizard__nav-link pf-m-current"
|
|
6666
6666
|
>Configuration</button>
|
|
6667
|
-
<ol class="pf-c-wizard__nav-list">
|
|
6667
|
+
<ol class="pf-c-wizard__nav-list" role="list">
|
|
6668
6668
|
<li class="pf-c-wizard__nav-item">
|
|
6669
6669
|
<button class="pf-c-wizard__nav-link">Substep A</button>
|
|
6670
6670
|
</li>
|
|
@@ -6945,7 +6945,7 @@ wrapperTag: div
|
|
|
6945
6945
|
</div>
|
|
6946
6946
|
<section class="pf-c-app-launcher__group">
|
|
6947
6947
|
<h1 class="pf-c-app-launcher__group-title">Favorites</h1>
|
|
6948
|
-
<ul>
|
|
6948
|
+
<ul role="list">
|
|
6949
6949
|
<li
|
|
6950
6950
|
class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
|
|
6951
6951
|
>
|
|
@@ -6997,7 +6997,7 @@ wrapperTag: div
|
|
|
6997
6997
|
<hr class="pf-c-divider" />
|
|
6998
6998
|
<section class="pf-c-app-launcher__group">
|
|
6999
6999
|
<h1 class="pf-c-app-launcher__group-title">Group 1</h1>
|
|
7000
|
-
<ul>
|
|
7000
|
+
<ul role="list">
|
|
7001
7001
|
<li
|
|
7002
7002
|
class="pf-c-app-launcher__menu-wrapper pf-m-external"
|
|
7003
7003
|
>
|
|
@@ -7652,7 +7652,7 @@ wrapperTag: div
|
|
|
7652
7652
|
id="in-page-nav-expanded-example-primary-nav"
|
|
7653
7653
|
aria-label="Global"
|
|
7654
7654
|
>
|
|
7655
|
-
<ul class="pf-c-nav__list">
|
|
7655
|
+
<ul class="pf-c-nav__list" role="list">
|
|
7656
7656
|
<li class="pf-c-nav__item">
|
|
7657
7657
|
<a href="#" class="pf-c-nav__link">System panel</a>
|
|
7658
7658
|
</li>
|
|
@@ -7684,7 +7684,7 @@ wrapperTag: div
|
|
|
7684
7684
|
<section class="pf-c-page__main-breadcrumb pf-m-limit-width">
|
|
7685
7685
|
<div class="pf-c-page__main-body">
|
|
7686
7686
|
<nav class="pf-c-breadcrumb" aria-label="breadcrumb">
|
|
7687
|
-
<ol class="pf-c-breadcrumb__list">
|
|
7687
|
+
<ol class="pf-c-breadcrumb__list" role="list">
|
|
7688
7688
|
<li class="pf-c-breadcrumb__item">
|
|
7689
7689
|
<a href="#" class="pf-c-breadcrumb__link">Section home</a>
|
|
7690
7690
|
</li>
|
|
@@ -7750,7 +7750,7 @@ wrapperTag: div
|
|
|
7750
7750
|
<div class="pf-c-wizard__outer-wrap">
|
|
7751
7751
|
<div class="pf-c-wizard__inner-wrap">
|
|
7752
7752
|
<nav class="pf-c-wizard__nav pf-m-expanded" aria-label="Steps">
|
|
7753
|
-
<ol class="pf-c-wizard__nav-list">
|
|
7753
|
+
<ol class="pf-c-wizard__nav-list" role="list">
|
|
7754
7754
|
<li class="pf-c-wizard__nav-item">
|
|
7755
7755
|
<button class="pf-c-wizard__nav-link">Information</button>
|
|
7756
7756
|
</li>
|
|
@@ -7758,7 +7758,7 @@ wrapperTag: div
|
|
|
7758
7758
|
<button
|
|
7759
7759
|
class="pf-c-wizard__nav-link pf-m-current"
|
|
7760
7760
|
>Configuration</button>
|
|
7761
|
-
<ol class="pf-c-wizard__nav-list">
|
|
7761
|
+
<ol class="pf-c-wizard__nav-list" role="list">
|
|
7762
7762
|
<li class="pf-c-wizard__nav-item">
|
|
7763
7763
|
<button class="pf-c-wizard__nav-link">Substep A</button>
|
|
7764
7764
|
</li>
|
|
@@ -8021,7 +8021,7 @@ wrapperTag: div
|
|
|
8021
8021
|
</div>
|
|
8022
8022
|
<section class="pf-c-app-launcher__group">
|
|
8023
8023
|
<h1 class="pf-c-app-launcher__group-title">Favorites</h1>
|
|
8024
|
-
<ul>
|
|
8024
|
+
<ul role="list">
|
|
8025
8025
|
<li
|
|
8026
8026
|
class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
|
|
8027
8027
|
>
|
|
@@ -8073,7 +8073,7 @@ wrapperTag: div
|
|
|
8073
8073
|
<hr class="pf-c-divider" />
|
|
8074
8074
|
<section class="pf-c-app-launcher__group">
|
|
8075
8075
|
<h1 class="pf-c-app-launcher__group-title">Group 1</h1>
|
|
8076
|
-
<ul>
|
|
8076
|
+
<ul role="list">
|
|
8077
8077
|
<li
|
|
8078
8078
|
class="pf-c-app-launcher__menu-wrapper pf-m-external"
|
|
8079
8079
|
>
|
|
@@ -8728,7 +8728,7 @@ wrapperTag: div
|
|
|
8728
8728
|
id="wizard-with-drawer-in-page-example-primary-nav"
|
|
8729
8729
|
aria-label="Global"
|
|
8730
8730
|
>
|
|
8731
|
-
<ul class="pf-c-nav__list">
|
|
8731
|
+
<ul class="pf-c-nav__list" role="list">
|
|
8732
8732
|
<li class="pf-c-nav__item">
|
|
8733
8733
|
<a href="#" class="pf-c-nav__link">System panel</a>
|
|
8734
8734
|
</li>
|
|
@@ -8760,7 +8760,7 @@ wrapperTag: div
|
|
|
8760
8760
|
<section class="pf-c-page__main-breadcrumb pf-m-limit-width">
|
|
8761
8761
|
<div class="pf-c-page__main-body">
|
|
8762
8762
|
<nav class="pf-c-breadcrumb" aria-label="breadcrumb">
|
|
8763
|
-
<ol class="pf-c-breadcrumb__list">
|
|
8763
|
+
<ol class="pf-c-breadcrumb__list" role="list">
|
|
8764
8764
|
<li class="pf-c-breadcrumb__item">
|
|
8765
8765
|
<a href="#" class="pf-c-breadcrumb__link">Section home</a>
|
|
8766
8766
|
</li>
|
|
@@ -8826,7 +8826,7 @@ wrapperTag: div
|
|
|
8826
8826
|
<div class="pf-c-wizard__outer-wrap">
|
|
8827
8827
|
<div class="pf-c-wizard__inner-wrap">
|
|
8828
8828
|
<nav class="pf-c-wizard__nav" aria-label="Steps">
|
|
8829
|
-
<ol class="pf-c-wizard__nav-list">
|
|
8829
|
+
<ol class="pf-c-wizard__nav-list" role="list">
|
|
8830
8830
|
<li class="pf-c-wizard__nav-item">
|
|
8831
8831
|
<button class="pf-c-wizard__nav-link">Information</button>
|
|
8832
8832
|
</li>
|
|
@@ -8834,7 +8834,7 @@ wrapperTag: div
|
|
|
8834
8834
|
<button
|
|
8835
8835
|
class="pf-c-wizard__nav-link pf-m-current"
|
|
8836
8836
|
>Configuration</button>
|
|
8837
|
-
<ol class="pf-c-wizard__nav-list">
|
|
8837
|
+
<ol class="pf-c-wizard__nav-list" role="list">
|
|
8838
8838
|
<li class="pf-c-wizard__nav-item">
|
|
8839
8839
|
<button class="pf-c-wizard__nav-link">Substep A</button>
|
|
8840
8840
|
</li>
|
|
@@ -9166,7 +9166,7 @@ wrapperTag: div
|
|
|
9166
9166
|
</div>
|
|
9167
9167
|
<section class="pf-c-app-launcher__group">
|
|
9168
9168
|
<h1 class="pf-c-app-launcher__group-title">Favorites</h1>
|
|
9169
|
-
<ul>
|
|
9169
|
+
<ul role="list">
|
|
9170
9170
|
<li
|
|
9171
9171
|
class="pf-c-app-launcher__menu-wrapper pf-m-external pf-m-favorite"
|
|
9172
9172
|
>
|
|
@@ -9218,7 +9218,7 @@ wrapperTag: div
|
|
|
9218
9218
|
<hr class="pf-c-divider" />
|
|
9219
9219
|
<section class="pf-c-app-launcher__group">
|
|
9220
9220
|
<h1 class="pf-c-app-launcher__group-title">Group 1</h1>
|
|
9221
|
-
<ul>
|
|
9221
|
+
<ul role="list">
|
|
9222
9222
|
<li
|
|
9223
9223
|
class="pf-c-app-launcher__menu-wrapper pf-m-external"
|
|
9224
9224
|
>
|
|
@@ -9873,7 +9873,7 @@ wrapperTag: div
|
|
|
9873
9873
|
id="wizard-with-drawer-in-page-expanded-example-primary-nav"
|
|
9874
9874
|
aria-label="Global"
|
|
9875
9875
|
>
|
|
9876
|
-
<ul class="pf-c-nav__list">
|
|
9876
|
+
<ul class="pf-c-nav__list" role="list">
|
|
9877
9877
|
<li class="pf-c-nav__item">
|
|
9878
9878
|
<a href="#" class="pf-c-nav__link">System panel</a>
|
|
9879
9879
|
</li>
|
|
@@ -9905,7 +9905,7 @@ wrapperTag: div
|
|
|
9905
9905
|
<section class="pf-c-page__main-breadcrumb pf-m-limit-width">
|
|
9906
9906
|
<div class="pf-c-page__main-body">
|
|
9907
9907
|
<nav class="pf-c-breadcrumb" aria-label="breadcrumb">
|
|
9908
|
-
<ol class="pf-c-breadcrumb__list">
|
|
9908
|
+
<ol class="pf-c-breadcrumb__list" role="list">
|
|
9909
9909
|
<li class="pf-c-breadcrumb__item">
|
|
9910
9910
|
<a href="#" class="pf-c-breadcrumb__link">Section home</a>
|
|
9911
9911
|
</li>
|
|
@@ -9971,7 +9971,7 @@ wrapperTag: div
|
|
|
9971
9971
|
<div class="pf-c-wizard__outer-wrap">
|
|
9972
9972
|
<div class="pf-c-wizard__inner-wrap">
|
|
9973
9973
|
<nav class="pf-c-wizard__nav" aria-label="Steps">
|
|
9974
|
-
<ol class="pf-c-wizard__nav-list">
|
|
9974
|
+
<ol class="pf-c-wizard__nav-list" role="list">
|
|
9975
9975
|
<li class="pf-c-wizard__nav-item">
|
|
9976
9976
|
<button class="pf-c-wizard__nav-link">Information</button>
|
|
9977
9977
|
</li>
|
|
@@ -9979,7 +9979,7 @@ wrapperTag: div
|
|
|
9979
9979
|
<button
|
|
9980
9980
|
class="pf-c-wizard__nav-link pf-m-current"
|
|
9981
9981
|
>Configuration</button>
|
|
9982
|
-
<ol class="pf-c-wizard__nav-list">
|
|
9982
|
+
<ol class="pf-c-wizard__nav-list" role="list">
|
|
9983
9983
|
<li class="pf-c-wizard__nav-item">
|
|
9984
9984
|
<button class="pf-c-wizard__nav-link">Substep A</button>
|
|
9985
9985
|
</li>
|
|
@@ -23,7 +23,7 @@ The bullseye layout is designed to center a single child element horizontally an
|
|
|
23
23
|
|
|
24
24
|
### Usage
|
|
25
25
|
|
|
26
|
-
| Class
|
|
27
|
-
|
|
|
28
|
-
| `.pf-l-bullseye`
|
|
29
|
-
| `.pf-l-bullseye__item` |
|
|
26
|
+
| Class | Applied to | Outcome |
|
|
27
|
+
| -- | -- | -- |
|
|
28
|
+
| `.pf-l-bullseye` | `<div>` | Initializes the bullseye layout. A bullseye can only have one child. |
|
|
29
|
+
| `.pf-l-bullseye__item` | `<div>` | Explicitly sets the child for the bullseye. This class isn't necessary, but it is included to keep inline with BEM convention, and to provide an entity that will later be used for applying modifiers. |
|