@patternfly/react-styles 4.52.21 → 4.52.22

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.
Files changed (175) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/css/components/AboutModalBox/about-modal-box.mjs +16 -0
  3. package/css/components/Accordion/accordion.mjs +15 -0
  4. package/css/components/ActionList/action-list.mjs +8 -0
  5. package/css/components/Alert/alert.mjs +24 -0
  6. package/css/components/AlertGroup/alert-group.mjs +8 -0
  7. package/css/components/AppLauncher/app-launcher.mjs +26 -0
  8. package/css/components/Avatar/avatar.mjs +12 -0
  9. package/css/components/BackToTop/back-to-top.mjs +8 -0
  10. package/css/components/Backdrop/backdrop.mjs +5 -0
  11. package/css/components/BackgroundImage/background-image.mjs +5 -0
  12. package/css/components/Badge/badge.mjs +8 -0
  13. package/css/components/Banner/banner.mjs +15 -0
  14. package/css/components/Brand/brand.mjs +7 -0
  15. package/css/components/Breadcrumb/breadcrumb.mjs +15 -0
  16. package/css/components/Button/button.mjs +30 -0
  17. package/css/components/CalendarMonth/calendar-month.mjs +27 -0
  18. package/css/components/Card/card.mjs +33 -0
  19. package/css/components/Check/check.mjs +12 -0
  20. package/css/components/Chip/chip.mjs +12 -0
  21. package/css/components/ChipGroup/chip-group.mjs +12 -0
  22. package/css/components/ClipboardCopy/clipboard-copy.mjs +17 -0
  23. package/css/components/CodeBlock/code-block.mjs +9 -0
  24. package/css/components/CodeEditor/code-editor.mjs +20 -0
  25. package/css/components/Consoles/AccessConsoles.mjs +5 -0
  26. package/css/components/Consoles/DesktopViewer.mjs +4 -0
  27. package/css/components/Consoles/SerialConsole.mjs +5 -0
  28. package/css/components/Consoles/VncConsole.mjs +5 -0
  29. package/css/components/Consoles/xterm.mjs +25 -0
  30. package/css/components/Content/content.mjs +8 -0
  31. package/css/components/ContextSelector/context-selector.mjs +22 -0
  32. package/css/components/DataList/data-list-grid.mjs +22 -0
  33. package/css/components/DataList/data-list.mjs +56 -0
  34. package/css/components/DatePicker/date-picker.mjs +13 -0
  35. package/css/components/DescriptionList/description-list-order.mjs +96 -0
  36. package/css/components/DescriptionList/description-list.mjs +48 -0
  37. package/css/components/Divider/divider.mjs +66 -0
  38. package/css/components/DragDrop/drag-drop.mjs +9 -0
  39. package/css/components/Drawer/drawer.mjs +61 -0
  40. package/css/components/Dropdown/dropdown.mjs +49 -0
  41. package/css/components/DualListSelector/dual-list-selector.mjs +39 -0
  42. package/css/components/EmptyState/empty-state.mjs +20 -0
  43. package/css/components/ExpandableSection/expandable-section.mjs +18 -0
  44. package/css/components/FileUpload/file-upload.mjs +14 -0
  45. package/css/components/Form/form.mjs +53 -0
  46. package/css/components/FormControl/form-control.mjs +17 -0
  47. package/css/components/HelperText/helper-text.mjs +14 -0
  48. package/css/components/Hint/hint.mjs +16 -0
  49. package/css/components/InlineEdit/inline-edit.mjs +23 -0
  50. package/css/components/InputGroup/input-group.mjs +9 -0
  51. package/css/components/JumpLinks/jump-links.mjs +32 -0
  52. package/css/components/Label/label.mjs +21 -0
  53. package/css/components/LabelGroup/label-group.mjs +17 -0
  54. package/css/components/List/list.mjs +12 -0
  55. package/css/components/LogViewer/log-viewer.mjs +26 -0
  56. package/css/components/Login/login.mjs +22 -0
  57. package/css/components/Masthead/masthead.mjs +74 -0
  58. package/css/components/Menu/menu.mjs +56 -0
  59. package/css/components/MenuToggle/menu-toggle.mjs +26 -0
  60. package/css/components/ModalBox/modal-box.mjs +26 -0
  61. package/css/components/MultipleFileUpload/multiple-file-upload.mjs +25 -0
  62. package/css/components/Nav/nav.mjs +38 -0
  63. package/css/components/NotificationBadge/notification-badge.mjs +12 -0
  64. package/css/components/NotificationDrawer/notification-drawer.mjs +33 -0
  65. package/css/components/NumberInput/number-input.mjs +8 -0
  66. package/css/components/OptionsMenu/options-menu.mjs +24 -0
  67. package/css/components/OverflowMenu/overflow-menu.mjs +14 -0
  68. package/css/components/Page/page.mjs +78 -0
  69. package/css/components/Pagination/pagination.mjs +32 -0
  70. package/css/components/Panel/panel.mjs +13 -0
  71. package/css/components/Popover/popover.mjs +35 -0
  72. package/css/components/Popper/Popper.mjs +4 -0
  73. package/css/components/Progress/progress.mjs +22 -0
  74. package/css/components/ProgressStepper/progress-stepper.mjs +24 -0
  75. package/css/components/Radio/radio.mjs +12 -0
  76. package/css/components/SearchInput/search-input.mjs +21 -0
  77. package/css/components/Select/select.mjs +58 -0
  78. package/css/components/Sidebar/sidebar.mjs +58 -0
  79. package/css/components/SimpleList/simple-list.mjs +10 -0
  80. package/css/components/Skeleton/skeleton.mjs +32 -0
  81. package/css/components/SkipToContent/skip-to-content.mjs +4 -0
  82. package/css/components/Slider/slider.mjs +22 -0
  83. package/css/components/Spinner/spinner.mjs +14 -0
  84. package/css/components/Switch/switch.mjs +13 -0
  85. package/css/components/TabContent/tab-content.mjs +9 -0
  86. package/css/components/Table/inline-edit.mjs +13 -0
  87. package/css/components/Table/table-grid.mjs +32 -0
  88. package/css/components/Table/table-scrollable.mjs +12 -0
  89. package/css/components/Table/table-tree-view.mjs +24 -0
  90. package/css/components/Table/table.mjs +79 -0
  91. package/css/components/Tabs/tabs.mjs +77 -0
  92. package/css/components/TextInputGroup/text-input-group.mjs +18 -0
  93. package/css/components/Tile/tile.mjs +14 -0
  94. package/css/components/Title/title.mjs +13 -0
  95. package/css/components/ToggleGroup/toggle-group.mjs +13 -0
  96. package/css/components/Toolbar/toolbar.mjs +162 -0
  97. package/css/components/Tooltip/tooltip.mjs +21 -0
  98. package/css/components/Topology/topology-components.mjs +64 -0
  99. package/css/components/Topology/topology-controlbar.mjs +10 -0
  100. package/css/components/Topology/topology-side-bar.mjs +13 -0
  101. package/css/components/Topology/topology-view.mjs +5 -0
  102. package/css/components/TreeView/tree-view.mjs +28 -0
  103. package/css/components/Truncate/truncate.mjs +6 -0
  104. package/css/components/Wizard/wizard.mjs +39 -0
  105. package/css/docs/components/AppLauncher/examples/application-launcher.mjs +2 -0
  106. package/css/docs/components/Avatar/examples/Avatar.mjs +2 -0
  107. package/css/docs/components/BackToTop/examples/BackToTop.mjs +2 -0
  108. package/css/docs/components/Breadcrumb/examples/Breadcrumb.mjs +2 -0
  109. package/css/docs/components/Button/examples/Button.mjs +5 -0
  110. package/css/docs/components/Card/examples/Card.mjs +4 -0
  111. package/css/docs/components/ContextSelector/examples/context-selector.mjs +2 -0
  112. package/css/docs/components/DatePicker/examples/DatePicker.mjs +2 -0
  113. package/css/docs/components/Divider/examples/Divider.mjs +4 -0
  114. package/css/docs/components/DragDrop/examples/DragDrop.mjs +7 -0
  115. package/css/docs/components/Drawer/examples/Drawer.mjs +4 -0
  116. package/css/docs/components/Dropdown/examples/Dropdown.mjs +5 -0
  117. package/css/docs/components/FormControl/examples/FormControl.mjs +2 -0
  118. package/css/docs/components/Label/examples/Label.mjs +5 -0
  119. package/css/docs/components/LogViewer/examples/LogViewer.mjs +5 -0
  120. package/css/docs/components/Menu/examples/Menu.mjs +2 -0
  121. package/css/docs/components/MenuToggle/examples/MenuToggle.mjs +4 -0
  122. package/css/docs/components/Nav/examples/Navigation.mjs +12 -0
  123. package/css/docs/components/NotificationBadge/examples/NotificationBadge.mjs +4 -0
  124. package/css/docs/components/OptionsMenu/examples/options-menu.mjs +2 -0
  125. package/css/docs/components/OverflowMenu/examples/overflow-menu.mjs +5 -0
  126. package/css/docs/components/Pagination/examples/Pagination.mjs +2 -0
  127. package/css/docs/components/Popover/examples/Popover.mjs +5 -0
  128. package/css/docs/components/SearchInput/examples/SearchInput.mjs +2 -0
  129. package/css/docs/components/Select/examples/Select.mjs +2 -0
  130. package/css/docs/components/Sidebar/examples/Sidebar.mjs +5 -0
  131. package/css/docs/components/Skeleton/examples/Skeleton.mjs +5 -0
  132. package/css/docs/components/Table/examples/Table.mjs +5 -0
  133. package/css/docs/components/Tabs/examples/Tabs.mjs +5 -0
  134. package/css/docs/components/Tile/examples/Tile.mjs +5 -0
  135. package/css/docs/components/ToggleGroup/examples/toggle-group.mjs +4 -0
  136. package/css/docs/components/Toolbar/examples/Toolbar.mjs +6 -0
  137. package/css/docs/components/Truncate/examples/Truncate.mjs +4 -0
  138. package/css/docs/components/Wizard/examples/Wizard.mjs +5 -0
  139. package/css/docs/demos/Card/examples/Card.mjs +7 -0
  140. package/css/docs/demos/Toolbar/examples/Toolbar.mjs +2 -0
  141. package/css/docs/layouts/Bullseye/examples/Bullseye.mjs +6 -0
  142. package/css/docs/layouts/Flex/examples/Flex.mjs +7 -0
  143. package/css/docs/layouts/Gallery/examples/Gallery.mjs +6 -0
  144. package/css/docs/layouts/Grid/examples/Grid.mjs +5 -0
  145. package/css/docs/layouts/Level/examples/Level.mjs +7 -0
  146. package/css/docs/layouts/Split/examples/Split.mjs +6 -0
  147. package/css/docs/layouts/Stack/examples/Stack.mjs +7 -0
  148. package/css/docs/utilities/Alignment/examples/Alignment.mjs +8 -0
  149. package/css/docs/utilities/BoxShadow/examples/box-shadow.mjs +4 -0
  150. package/css/docs/utilities/Display/examples/Display.mjs +12 -0
  151. package/css/docs/utilities/Flex/examples/Flex.mjs +9 -0
  152. package/css/docs/utilities/Float/examples/Float.mjs +6 -0
  153. package/css/docs/utilities/Sizing/examples/Sizing.mjs +8 -0
  154. package/css/docs/utilities/Spacing/examples/Spacing.mjs +6 -0
  155. package/css/docs/utilities/Text/examples/Text.mjs +2 -0
  156. package/css/layouts/Bullseye/bullseye.mjs +4 -0
  157. package/css/layouts/Flex/flex.mjs +366 -0
  158. package/css/layouts/Gallery/gallery.mjs +7 -0
  159. package/css/layouts/Grid/grid.mjs +296 -0
  160. package/css/layouts/Level/level.mjs +7 -0
  161. package/css/layouts/Split/split.mjs +10 -0
  162. package/css/layouts/Stack/stack.mjs +9 -0
  163. package/css/layouts/Toolbar/toolbar.mjs +7 -0
  164. package/css/utilities/Accessibility/accessibility.mjs +21 -0
  165. package/css/utilities/Alignment/alignment.mjs +27 -0
  166. package/css/utilities/BackgroundColor/BackgroundColor.mjs +99 -0
  167. package/css/utilities/BoxShadow/box-shadow.mjs +24 -0
  168. package/css/utilities/Display/display.mjs +57 -0
  169. package/css/utilities/Flex/flex.mjs +231 -0
  170. package/css/utilities/Float/float.mjs +15 -0
  171. package/css/utilities/Sizing/sizing.mjs +199 -0
  172. package/css/utilities/Spacing/spacing.mjs +843 -0
  173. package/css/utilities/Text/text.mjs +280 -0
  174. package/package.json +2 -2
  175. package/scripts/writeClassMaps.js +10 -0
@@ -0,0 +1,12 @@
1
+ import('./list.css');
2
+ export default {
3
+ "list": "pf-c-list",
4
+ "listItem": "pf-c-list__item",
5
+ "listItemIcon": "pf-c-list__item-icon",
6
+ "modifiers": {
7
+ "iconLg": "pf-m-icon-lg",
8
+ "plain": "pf-m-plain",
9
+ "inline": "pf-m-inline",
10
+ "bordered": "pf-m-bordered"
11
+ }
12
+ };
@@ -0,0 +1,26 @@
1
+ import('./log-viewer.css');
2
+ export default {
3
+ "button": "pf-c-button",
4
+ "card": "pf-c-card",
5
+ "logViewer": "pf-c-log-viewer",
6
+ "logViewerHeader": "pf-c-log-viewer__header",
7
+ "logViewerIndex": "pf-c-log-viewer__index",
8
+ "logViewerList": "pf-c-log-viewer__list",
9
+ "logViewerListItem": "pf-c-log-viewer__list-item",
10
+ "logViewerMain": "pf-c-log-viewer__main",
11
+ "logViewerScrollContainer": "pf-c-log-viewer__scroll-container",
12
+ "logViewerString": "pf-c-log-viewer__string",
13
+ "logViewerText": "pf-c-log-viewer__text",
14
+ "logViewerTimestamp": "pf-c-log-viewer__timestamp",
15
+ "modifiers": {
16
+ "dark": "pf-m-dark",
17
+ "wrapText": "pf-m-wrap-text",
18
+ "nowrap": "pf-m-nowrap",
19
+ "lineNumbers": "pf-m-line-numbers",
20
+ "match": "pf-m-match",
21
+ "current": "pf-m-current"
22
+ },
23
+ "searchInput": "pf-c-search-input",
24
+ "toolbar": "pf-c-toolbar",
25
+ "toolbarContentSection": "pf-c-toolbar__content-section"
26
+ };
@@ -0,0 +1,22 @@
1
+ import('./login.css');
2
+ export default {
3
+ "brand": "pf-c-brand",
4
+ "button": "pf-c-button",
5
+ "card": "pf-c-card",
6
+ "dropdown": "pf-c-dropdown",
7
+ "list": "pf-c-list",
8
+ "login": "pf-c-login",
9
+ "loginContainer": "pf-c-login__container",
10
+ "loginFooter": "pf-c-login__footer",
11
+ "loginHeader": "pf-c-login__header",
12
+ "loginMain": "pf-c-login__main",
13
+ "loginMainBody": "pf-c-login__main-body",
14
+ "loginMainFooter": "pf-c-login__main-footer",
15
+ "loginMainFooterBand": "pf-c-login__main-footer-band",
16
+ "loginMainFooterLinks": "pf-c-login__main-footer-links",
17
+ "loginMainFooterLinksItem": "pf-c-login__main-footer-links-item",
18
+ "loginMainFooterLinksItemLink": "pf-c-login__main-footer-links-item-link",
19
+ "loginMainHeader": "pf-c-login__main-header",
20
+ "loginMainHeaderDesc": "pf-c-login__main-header-desc",
21
+ "title": "pf-c-title"
22
+ };
@@ -0,0 +1,74 @@
1
+ import('./masthead.css');
2
+ export default {
3
+ "button": "pf-c-button",
4
+ "card": "pf-c-card",
5
+ "contextSelector": "pf-c-context-selector",
6
+ "dropdown": "pf-c-dropdown",
7
+ "masthead": "pf-c-masthead",
8
+ "mastheadBrand": "pf-c-masthead__brand",
9
+ "mastheadContent": "pf-c-masthead__content",
10
+ "mastheadMain": "pf-c-masthead__main",
11
+ "mastheadToggle": "pf-c-masthead__toggle",
12
+ "menuToggle": "pf-c-menu-toggle",
13
+ "modifiers": {
14
+ "light_200": "pf-m-light-200",
15
+ "light": "pf-m-light",
16
+ "resizeObserver": "pf-m-resize-observer",
17
+ "breakpointXl": "pf-m-breakpoint-xl",
18
+ "fullHeight": "pf-m-full-height",
19
+ "horizontal": "pf-m-horizontal",
20
+ "displayStack": "pf-m-display-stack",
21
+ "displayInline": "pf-m-display-inline",
22
+ "insetNone": "pf-m-inset-none",
23
+ "insetSm": "pf-m-inset-sm",
24
+ "insetMd": "pf-m-inset-md",
25
+ "insetLg": "pf-m-inset-lg",
26
+ "insetXl": "pf-m-inset-xl",
27
+ "inset_2xl": "pf-m-inset-2xl",
28
+ "displayStackOnSm": "pf-m-display-stack-on-sm",
29
+ "displayInlineOnSm": "pf-m-display-inline-on-sm",
30
+ "insetNoneOnSm": "pf-m-inset-none-on-sm",
31
+ "insetSmOnSm": "pf-m-inset-sm-on-sm",
32
+ "insetMdOnSm": "pf-m-inset-md-on-sm",
33
+ "insetLgOnSm": "pf-m-inset-lg-on-sm",
34
+ "insetXlOnSm": "pf-m-inset-xl-on-sm",
35
+ "inset_2xlOnSm": "pf-m-inset-2xl-on-sm",
36
+ "displayStackOnMd": "pf-m-display-stack-on-md",
37
+ "displayInlineOnMd": "pf-m-display-inline-on-md",
38
+ "insetNoneOnMd": "pf-m-inset-none-on-md",
39
+ "insetSmOnMd": "pf-m-inset-sm-on-md",
40
+ "insetMdOnMd": "pf-m-inset-md-on-md",
41
+ "insetLgOnMd": "pf-m-inset-lg-on-md",
42
+ "insetXlOnMd": "pf-m-inset-xl-on-md",
43
+ "inset_2xlOnMd": "pf-m-inset-2xl-on-md",
44
+ "displayStackOnLg": "pf-m-display-stack-on-lg",
45
+ "displayInlineOnLg": "pf-m-display-inline-on-lg",
46
+ "insetNoneOnLg": "pf-m-inset-none-on-lg",
47
+ "insetSmOnLg": "pf-m-inset-sm-on-lg",
48
+ "insetMdOnLg": "pf-m-inset-md-on-lg",
49
+ "insetLgOnLg": "pf-m-inset-lg-on-lg",
50
+ "insetXlOnLg": "pf-m-inset-xl-on-lg",
51
+ "inset_2xlOnLg": "pf-m-inset-2xl-on-lg",
52
+ "displayStackOnXl": "pf-m-display-stack-on-xl",
53
+ "displayInlineOnXl": "pf-m-display-inline-on-xl",
54
+ "insetNoneOnXl": "pf-m-inset-none-on-xl",
55
+ "insetSmOnXl": "pf-m-inset-sm-on-xl",
56
+ "insetMdOnXl": "pf-m-inset-md-on-xl",
57
+ "insetLgOnXl": "pf-m-inset-lg-on-xl",
58
+ "insetXlOnXl": "pf-m-inset-xl-on-xl",
59
+ "inset_2xlOnXl": "pf-m-inset-2xl-on-xl",
60
+ "displayStackOn_2xl": "pf-m-display-stack-on-2xl",
61
+ "displayInlineOn_2xl": "pf-m-display-inline-on-2xl",
62
+ "insetNoneOn_2xl": "pf-m-inset-none-on-2xl",
63
+ "insetSmOn_2xl": "pf-m-inset-sm-on-2xl",
64
+ "insetMdOn_2xl": "pf-m-inset-md-on-2xl",
65
+ "insetLgOn_2xl": "pf-m-inset-lg-on-2xl",
66
+ "insetXlOn_2xl": "pf-m-inset-xl-on-2xl",
67
+ "inset_2xlOn_2xl": "pf-m-inset-2xl-on-2xl"
68
+ },
69
+ "nav": "pf-c-nav",
70
+ "page": "pf-c-page",
71
+ "toolbar": "pf-c-toolbar",
72
+ "toolbarContentSection": "pf-c-toolbar__content-section",
73
+ "toolbarExpandableContent": "pf-c-toolbar__expandable-content"
74
+ };
@@ -0,0 +1,56 @@
1
+ import('./menu.css');
2
+ export default {
3
+ "breadcrumb": "pf-c-breadcrumb",
4
+ "divider": "pf-c-divider",
5
+ "menu": "pf-c-menu",
6
+ "menuBreadcrumb": "pf-c-menu__breadcrumb",
7
+ "menuContent": "pf-c-menu__content",
8
+ "menuFooter": "pf-c-menu__footer",
9
+ "menuGroup": "pf-c-menu__group",
10
+ "menuGroupTitle": "pf-c-menu__group-title",
11
+ "menuHeader": "pf-c-menu__header",
12
+ "menuItem": "pf-c-menu__item",
13
+ "menuItemAction": "pf-c-menu__item-action",
14
+ "menuItemActionIcon": "pf-c-menu__item-action-icon",
15
+ "menuItemCheck": "pf-c-menu__item-check",
16
+ "menuItemDescription": "pf-c-menu__item-description",
17
+ "menuItemExternalIcon": "pf-c-menu__item-external-icon",
18
+ "menuItemIcon": "pf-c-menu__item-icon",
19
+ "menuItemMain": "pf-c-menu__item-main",
20
+ "menuItemSelectIcon": "pf-c-menu__item-select-icon",
21
+ "menuItemText": "pf-c-menu__item-text",
22
+ "menuItemToggleIcon": "pf-c-menu__item-toggle-icon",
23
+ "menuList": "pf-c-menu__list",
24
+ "menuListItem": "pf-c-menu__list-item",
25
+ "menuSearch": "pf-c-menu__search",
26
+ "modifiers": {
27
+ "hidden": "pf-m-hidden",
28
+ "hiddenOnSm": "pf-m-hidden-on-sm",
29
+ "visibleOnSm": "pf-m-visible-on-sm",
30
+ "hiddenOnMd": "pf-m-hidden-on-md",
31
+ "visibleOnMd": "pf-m-visible-on-md",
32
+ "hiddenOnLg": "pf-m-hidden-on-lg",
33
+ "visibleOnLg": "pf-m-visible-on-lg",
34
+ "hiddenOnXl": "pf-m-hidden-on-xl",
35
+ "visibleOnXl": "pf-m-visible-on-xl",
36
+ "hiddenOn_2xl": "pf-m-hidden-on-2xl",
37
+ "visibleOn_2xl": "pf-m-visible-on-2xl",
38
+ "flyout": "pf-m-flyout",
39
+ "top": "pf-m-top",
40
+ "left": "pf-m-left",
41
+ "drilldown": "pf-m-drilldown",
42
+ "drilledIn": "pf-m-drilled-in",
43
+ "currentPath": "pf-m-current-path",
44
+ "static": "pf-m-static",
45
+ "plain": "pf-m-plain",
46
+ "scrollable": "pf-m-scrollable",
47
+ "nav": "pf-m-nav",
48
+ "focus": "pf-m-focus",
49
+ "disabled": "pf-m-disabled",
50
+ "load": "pf-m-load",
51
+ "loading": "pf-m-loading",
52
+ "selected": "pf-m-selected",
53
+ "favorite": "pf-m-favorite",
54
+ "favorited": "pf-m-favorited"
55
+ }
56
+ };
@@ -0,0 +1,26 @@
1
+ import('./menu-toggle.css');
2
+ export default {
3
+ "check": "pf-c-check",
4
+ "menuToggle": "pf-c-menu-toggle",
5
+ "menuToggleButton": "pf-c-menu-toggle__button",
6
+ "menuToggleControls": "pf-c-menu-toggle__controls",
7
+ "menuToggleCount": "pf-c-menu-toggle__count",
8
+ "menuToggleIcon": "pf-c-menu-toggle__icon",
9
+ "menuToggleText": "pf-c-menu-toggle__text",
10
+ "menuToggleToggleIcon": "pf-c-menu-toggle__toggle-icon",
11
+ "modifiers": {
12
+ "primary": "pf-m-primary",
13
+ "secondary": "pf-m-secondary",
14
+ "expanded": "pf-m-expanded",
15
+ "plain": "pf-m-plain",
16
+ "text": "pf-m-text",
17
+ "disabled": "pf-m-disabled",
18
+ "fullHeight": "pf-m-full-height",
19
+ "typeahead": "pf-m-typeahead",
20
+ "splitButton": "pf-m-split-button",
21
+ "action": "pf-m-action",
22
+ "active": "pf-m-active",
23
+ "fullWidth": "pf-m-full-width"
24
+ },
25
+ "textInputGroup": "pf-c-text-input-group"
26
+ };
@@ -0,0 +1,26 @@
1
+ import('./modal-box.css');
2
+ export default {
3
+ "button": "pf-c-button",
4
+ "modalBox": "pf-c-modal-box",
5
+ "modalBoxBody": "pf-c-modal-box__body",
6
+ "modalBoxDescription": "pf-c-modal-box__description",
7
+ "modalBoxFooter": "pf-c-modal-box__footer",
8
+ "modalBoxHeader": "pf-c-modal-box__header",
9
+ "modalBoxHeaderMain": "pf-c-modal-box__header-main",
10
+ "modalBoxTitle": "pf-c-modal-box__title",
11
+ "modalBoxTitleIcon": "pf-c-modal-box__title-icon",
12
+ "modalBoxTitleText": "pf-c-modal-box__title-text",
13
+ "modifiers": {
14
+ "sm": "pf-m-sm",
15
+ "md": "pf-m-md",
16
+ "lg": "pf-m-lg",
17
+ "alignTop": "pf-m-align-top",
18
+ "danger": "pf-m-danger",
19
+ "warning": "pf-m-warning",
20
+ "success": "pf-m-success",
21
+ "default": "pf-m-default",
22
+ "info": "pf-m-info",
23
+ "help": "pf-m-help",
24
+ "icon": "pf-m-icon"
25
+ }
26
+ };
@@ -0,0 +1,25 @@
1
+ import('./multiple-file-upload.css');
2
+ export default {
3
+ "modifiers": {
4
+ "horizontal": "pf-m-horizontal",
5
+ "dragOver": "pf-m-drag-over"
6
+ },
7
+ "multipleFileUpload": "pf-c-multiple-file-upload",
8
+ "multipleFileUploadInfo": "pf-c-multiple-file-upload__info",
9
+ "multipleFileUploadMain": "pf-c-multiple-file-upload__main",
10
+ "multipleFileUploadStatus": "pf-c-multiple-file-upload__status",
11
+ "multipleFileUploadStatusItem": "pf-c-multiple-file-upload__status-item",
12
+ "multipleFileUploadStatusItemClose": "pf-c-multiple-file-upload__status-item-close",
13
+ "multipleFileUploadStatusItemIcon": "pf-c-multiple-file-upload__status-item-icon",
14
+ "multipleFileUploadStatusItemMain": "pf-c-multiple-file-upload__status-item-main",
15
+ "multipleFileUploadStatusItemProgress": "pf-c-multiple-file-upload__status-item-progress",
16
+ "multipleFileUploadStatusItemProgressSize": "pf-c-multiple-file-upload__status-item-progress-size",
17
+ "multipleFileUploadStatusItemProgressText": "pf-c-multiple-file-upload__status-item-progress-text",
18
+ "multipleFileUploadStatusProgress": "pf-c-multiple-file-upload__status-progress",
19
+ "multipleFileUploadStatusProgressIcon": "pf-c-multiple-file-upload__status-progress-icon",
20
+ "multipleFileUploadTitle": "pf-c-multiple-file-upload__title",
21
+ "multipleFileUploadTitleIcon": "pf-c-multiple-file-upload__title-icon",
22
+ "multipleFileUploadTitleText": "pf-c-multiple-file-upload__title-text",
23
+ "multipleFileUploadTitleTextSeparator": "pf-c-multiple-file-upload__title-text-separator",
24
+ "multipleFileUploadUpload": "pf-c-multiple-file-upload__upload"
25
+ };
@@ -0,0 +1,38 @@
1
+ import('./nav.css');
2
+ export default {
3
+ "divider": "pf-c-divider",
4
+ "menu": "pf-c-menu",
5
+ "menuContent": "pf-c-menu__content",
6
+ "menuItem": "pf-c-menu__item",
7
+ "menuItemToggleIcon": "pf-c-menu__item-toggle-icon",
8
+ "menuListItem": "pf-c-menu__list-item",
9
+ "modifiers": {
10
+ "flyout": "pf-m-flyout",
11
+ "top": "pf-m-top",
12
+ "left": "pf-m-left",
13
+ "current": "pf-m-current",
14
+ "drillUp": "pf-m-drill-up",
15
+ "horizontal": "pf-m-horizontal",
16
+ "tertiary": "pf-m-tertiary",
17
+ "horizontalSubnav": "pf-m-horizontal-subnav",
18
+ "light": "pf-m-light",
19
+ "scrollable": "pf-m-scrollable",
20
+ "overflowHidden": "pf-m-overflow-hidden",
21
+ "expandable": "pf-m-expandable",
22
+ "expanded": "pf-m-expanded",
23
+ "drilldown": "pf-m-drilldown",
24
+ "hover": "pf-m-hover",
25
+ "start": "pf-m-start",
26
+ "noTitle": "pf-m-no-title"
27
+ },
28
+ "nav": "pf-c-nav",
29
+ "navItem": "pf-c-nav__item",
30
+ "navLink": "pf-c-nav__link",
31
+ "navList": "pf-c-nav__list",
32
+ "navScrollButton": "pf-c-nav__scroll-button",
33
+ "navSection": "pf-c-nav__section",
34
+ "navSectionTitle": "pf-c-nav__section-title",
35
+ "navSubnav": "pf-c-nav__subnav",
36
+ "navToggle": "pf-c-nav__toggle",
37
+ "navToggleIcon": "pf-c-nav__toggle-icon"
38
+ };
@@ -0,0 +1,12 @@
1
+ import('./notification-badge.css');
2
+ export default {
3
+ "iconAttentionBell": "pf-icon-attention-bell",
4
+ "iconBell": "pf-icon-bell",
5
+ "modifiers": {
6
+ "read": "pf-m-read",
7
+ "unread": "pf-m-unread",
8
+ "attention": "pf-m-attention"
9
+ },
10
+ "notificationBadge": "pf-c-notification-badge",
11
+ "notificationBadgeCount": "pf-c-notification-badge__count"
12
+ };
@@ -0,0 +1,33 @@
1
+ import('./notification-drawer.css');
2
+ export default {
3
+ "modifiers": {
4
+ "read": "pf-m-read",
5
+ "info": "pf-m-info",
6
+ "warning": "pf-m-warning",
7
+ "danger": "pf-m-danger",
8
+ "success": "pf-m-success",
9
+ "default": "pf-m-default",
10
+ "hoverable": "pf-m-hoverable",
11
+ "truncate": "pf-m-truncate",
12
+ "expanded": "pf-m-expanded"
13
+ },
14
+ "notificationDrawer": "pf-c-notification-drawer",
15
+ "notificationDrawerBody": "pf-c-notification-drawer__body",
16
+ "notificationDrawerGroup": "pf-c-notification-drawer__group",
17
+ "notificationDrawerGroupList": "pf-c-notification-drawer__group-list",
18
+ "notificationDrawerGroupToggle": "pf-c-notification-drawer__group-toggle",
19
+ "notificationDrawerGroupToggleCount": "pf-c-notification-drawer__group-toggle-count",
20
+ "notificationDrawerGroupToggleIcon": "pf-c-notification-drawer__group-toggle-icon",
21
+ "notificationDrawerGroupToggleTitle": "pf-c-notification-drawer__group-toggle-title",
22
+ "notificationDrawerHeader": "pf-c-notification-drawer__header",
23
+ "notificationDrawerHeaderAction": "pf-c-notification-drawer__header-action",
24
+ "notificationDrawerHeaderStatus": "pf-c-notification-drawer__header-status",
25
+ "notificationDrawerHeaderTitle": "pf-c-notification-drawer__header-title",
26
+ "notificationDrawerListItem": "pf-c-notification-drawer__list-item",
27
+ "notificationDrawerListItemAction": "pf-c-notification-drawer__list-item-action",
28
+ "notificationDrawerListItemDescription": "pf-c-notification-drawer__list-item-description",
29
+ "notificationDrawerListItemHeader": "pf-c-notification-drawer__list-item-header",
30
+ "notificationDrawerListItemHeaderIcon": "pf-c-notification-drawer__list-item-header-icon",
31
+ "notificationDrawerListItemHeaderTitle": "pf-c-notification-drawer__list-item-header-title",
32
+ "notificationDrawerListItemTimestamp": "pf-c-notification-drawer__list-item-timestamp"
33
+ };
@@ -0,0 +1,8 @@
1
+ import('./number-input.css');
2
+ export default {
3
+ "formControl": "pf-c-form-control",
4
+ "inputGroup": "pf-c-input-group",
5
+ "numberInput": "pf-c-number-input",
6
+ "numberInputIcon": "pf-c-number-input__icon",
7
+ "numberInputUnit": "pf-c-number-input__unit"
8
+ };
@@ -0,0 +1,24 @@
1
+ import('./options-menu.css');
2
+ export default {
3
+ "divider": "pf-c-divider",
4
+ "modifiers": {
5
+ "plain": "pf-m-plain",
6
+ "text": "pf-m-text",
7
+ "active": "pf-m-active",
8
+ "expanded": "pf-m-expanded",
9
+ "disabled": "pf-m-disabled",
10
+ "top": "pf-m-top",
11
+ "alignRight": "pf-m-align-right"
12
+ },
13
+ "optionsMenu": "pf-c-options-menu",
14
+ "optionsMenuGroup": "pf-c-options-menu__group",
15
+ "optionsMenuGroupTitle": "pf-c-options-menu__group-title",
16
+ "optionsMenuMenu": "pf-c-options-menu__menu",
17
+ "optionsMenuMenuItem": "pf-c-options-menu__menu-item",
18
+ "optionsMenuMenuItemIcon": "pf-c-options-menu__menu-item-icon",
19
+ "optionsMenuToggle": "pf-c-options-menu__toggle",
20
+ "optionsMenuToggleButton": "pf-c-options-menu__toggle-button",
21
+ "optionsMenuToggleButtonIcon": "pf-c-options-menu__toggle-button-icon",
22
+ "optionsMenuToggleIcon": "pf-c-options-menu__toggle-icon",
23
+ "optionsMenuToggleText": "pf-c-options-menu__toggle-text"
24
+ };
@@ -0,0 +1,14 @@
1
+ import('./overflow-menu.css');
2
+ export default {
3
+ "divider": "pf-c-divider",
4
+ "modifiers": {
5
+ "buttonGroup": "pf-m-button-group",
6
+ "iconButtonGroup": "pf-m-icon-button-group",
7
+ "vertical": "pf-m-vertical"
8
+ },
9
+ "overflowMenu": "pf-c-overflow-menu",
10
+ "overflowMenuContent": "pf-c-overflow-menu__content",
11
+ "overflowMenuControl": "pf-c-overflow-menu__control",
12
+ "overflowMenuGroup": "pf-c-overflow-menu__group",
13
+ "overflowMenuItem": "pf-c-overflow-menu__item"
14
+ };
@@ -0,0 +1,78 @@
1
+ import('./page.css');
2
+ export default {
3
+ "avatar": "pf-c-avatar",
4
+ "brand": "pf-c-brand",
5
+ "button": "pf-c-button",
6
+ "card": "pf-c-card",
7
+ "contextSelector": "pf-c-context-selector",
8
+ "drawer": "pf-c-drawer",
9
+ "masthead": "pf-c-masthead",
10
+ "modifiers": {
11
+ "light": "pf-m-light",
12
+ "menu": "pf-m-menu",
13
+ "hidden": "pf-m-hidden",
14
+ "hiddenOnSm": "pf-m-hidden-on-sm",
15
+ "visibleOnSm": "pf-m-visible-on-sm",
16
+ "hiddenOnMd": "pf-m-hidden-on-md",
17
+ "visibleOnMd": "pf-m-visible-on-md",
18
+ "hiddenOnLg": "pf-m-hidden-on-lg",
19
+ "visibleOnLg": "pf-m-visible-on-lg",
20
+ "hiddenOnXl": "pf-m-hidden-on-xl",
21
+ "visibleOnXl": "pf-m-visible-on-xl",
22
+ "hiddenOn_2xl": "pf-m-hidden-on-2xl",
23
+ "visibleOn_2xl": "pf-m-visible-on-2xl",
24
+ "read": "pf-m-read",
25
+ "selected": "pf-m-selected",
26
+ "unread": "pf-m-unread",
27
+ "attention": "pf-m-attention",
28
+ "expanded": "pf-m-expanded",
29
+ "collapsed": "pf-m-collapsed",
30
+ "limitWidth": "pf-m-limit-width",
31
+ "alignCenter": "pf-m-align-center",
32
+ "stickyTop": "pf-m-sticky-top",
33
+ "stickyBottom": "pf-m-sticky-bottom",
34
+ "overflowScroll": "pf-m-overflow-scroll",
35
+ "shadowBottom": "pf-m-shadow-bottom",
36
+ "shadowTop": "pf-m-shadow-top",
37
+ "fill": "pf-m-fill",
38
+ "noFill": "pf-m-no-fill",
39
+ "dark_100": "pf-m-dark-100",
40
+ "dark_200": "pf-m-dark-200",
41
+ "padding": "pf-m-padding",
42
+ "noPadding": "pf-m-no-padding",
43
+ "paddingOnSm": "pf-m-padding-on-sm",
44
+ "noPaddingOnSm": "pf-m-no-padding-on-sm",
45
+ "paddingOnMd": "pf-m-padding-on-md",
46
+ "noPaddingOnMd": "pf-m-no-padding-on-md",
47
+ "paddingOnLg": "pf-m-padding-on-lg",
48
+ "noPaddingOnLg": "pf-m-no-padding-on-lg",
49
+ "paddingOnXl": "pf-m-padding-on-xl",
50
+ "noPaddingOnXl": "pf-m-no-padding-on-xl",
51
+ "paddingOn_2xl": "pf-m-padding-on-2xl",
52
+ "noPaddingOn_2xl": "pf-m-no-padding-on-2xl"
53
+ },
54
+ "nav": "pf-c-nav",
55
+ "notificationBadge": "pf-c-notification-badge",
56
+ "page": "pf-c-page",
57
+ "pageDrawer": "pf-c-page__drawer",
58
+ "pageHeader": "pf-c-page__header",
59
+ "pageHeaderBrand": "pf-c-page__header-brand",
60
+ "pageHeaderBrandLink": "pf-c-page__header-brand-link",
61
+ "pageHeaderBrandToggle": "pf-c-page__header-brand-toggle",
62
+ "pageHeaderNav": "pf-c-page__header-nav",
63
+ "pageHeaderTools": "pf-c-page__header-tools",
64
+ "pageHeaderToolsGroup": "pf-c-page__header-tools-group",
65
+ "pageHeaderToolsItem": "pf-c-page__header-tools-item",
66
+ "pageMain": "pf-c-page__main",
67
+ "pageMainBody": "pf-c-page__main-body",
68
+ "pageMainBreadcrumb": "pf-c-page__main-breadcrumb",
69
+ "pageMainDrawer": "pf-c-page__main-drawer",
70
+ "pageMainGroup": "pf-c-page__main-group",
71
+ "pageMainNav": "pf-c-page__main-nav",
72
+ "pageMainSection": "pf-c-page__main-section",
73
+ "pageMainSubnav": "pf-c-page__main-subnav",
74
+ "pageMainTabs": "pf-c-page__main-tabs",
75
+ "pageMainWizard": "pf-c-page__main-wizard",
76
+ "pageSidebar": "pf-c-page__sidebar",
77
+ "pageSidebarBody": "pf-c-page__sidebar-body"
78
+ };
@@ -0,0 +1,32 @@
1
+ import('./pagination.css');
2
+ export default {
3
+ "button": "pf-c-button",
4
+ "formControl": "pf-c-form-control",
5
+ "modifiers": {
6
+ "bottom": "pf-m-bottom",
7
+ "static": "pf-m-static",
8
+ "first": "pf-m-first",
9
+ "last": "pf-m-last",
10
+ "sticky": "pf-m-sticky",
11
+ "compact": "pf-m-compact",
12
+ "displaySummary": "pf-m-display-summary",
13
+ "displayFull": "pf-m-display-full",
14
+ "displaySummaryOnSm": "pf-m-display-summary-on-sm",
15
+ "displayFullOnSm": "pf-m-display-full-on-sm",
16
+ "displaySummaryOnMd": "pf-m-display-summary-on-md",
17
+ "displayFullOnMd": "pf-m-display-full-on-md",
18
+ "displaySummaryOnLg": "pf-m-display-summary-on-lg",
19
+ "displayFullOnLg": "pf-m-display-full-on-lg",
20
+ "displaySummaryOnXl": "pf-m-display-summary-on-xl",
21
+ "displayFullOnXl": "pf-m-display-full-on-xl",
22
+ "displaySummaryOn_2xl": "pf-m-display-summary-on-2xl",
23
+ "displayFullOn_2xl": "pf-m-display-full-on-2xl"
24
+ },
25
+ "optionsMenu": "pf-c-options-menu",
26
+ "optionsMenuToggle": "pf-c-options-menu__toggle",
27
+ "pagination": "pf-c-pagination",
28
+ "paginationNav": "pf-c-pagination__nav",
29
+ "paginationNavControl": "pf-c-pagination__nav-control",
30
+ "paginationNavPageSelect": "pf-c-pagination__nav-page-select",
31
+ "paginationTotalItems": "pf-c-pagination__total-items"
32
+ };
@@ -0,0 +1,13 @@
1
+ import('./panel.css');
2
+ export default {
3
+ "modifiers": {
4
+ "bordered": "pf-m-bordered",
5
+ "raised": "pf-m-raised",
6
+ "scrollable": "pf-m-scrollable"
7
+ },
8
+ "panel": "pf-c-panel",
9
+ "panelFooter": "pf-c-panel__footer",
10
+ "panelHeader": "pf-c-panel__header",
11
+ "panelMain": "pf-c-panel__main",
12
+ "panelMainBody": "pf-c-panel__main-body"
13
+ };
@@ -0,0 +1,35 @@
1
+ import('./popover.css');
2
+ export default {
3
+ "button": "pf-c-button",
4
+ "modifiers": {
5
+ "noPadding": "pf-m-no-padding",
6
+ "widthAuto": "pf-m-width-auto",
7
+ "top": "pf-m-top",
8
+ "topLeft": "pf-m-top-left",
9
+ "topRight": "pf-m-top-right",
10
+ "bottom": "pf-m-bottom",
11
+ "bottomLeft": "pf-m-bottom-left",
12
+ "bottomRight": "pf-m-bottom-right",
13
+ "left": "pf-m-left",
14
+ "leftTop": "pf-m-left-top",
15
+ "leftBottom": "pf-m-left-bottom",
16
+ "right": "pf-m-right",
17
+ "rightTop": "pf-m-right-top",
18
+ "rightBottom": "pf-m-right-bottom",
19
+ "danger": "pf-m-danger",
20
+ "warning": "pf-m-warning",
21
+ "success": "pf-m-success",
22
+ "default": "pf-m-default",
23
+ "info": "pf-m-info",
24
+ "icon": "pf-m-icon"
25
+ },
26
+ "popover": "pf-c-popover",
27
+ "popoverArrow": "pf-c-popover__arrow",
28
+ "popoverBody": "pf-c-popover__body",
29
+ "popoverContent": "pf-c-popover__content",
30
+ "popoverFooter": "pf-c-popover__footer",
31
+ "popoverTitle": "pf-c-popover__title",
32
+ "popoverTitleIcon": "pf-c-popover__title-icon",
33
+ "popoverTitleText": "pf-c-popover__title-text",
34
+ "title": "pf-c-title"
35
+ };
@@ -0,0 +1,4 @@
1
+ import('./Popper.css');
2
+ export default {
3
+ "popover": "pf-c-popover"
4
+ };
@@ -0,0 +1,22 @@
1
+ import('./progress.css');
2
+ export default {
3
+ "modifiers": {
4
+ "sm": "pf-m-sm",
5
+ "lg": "pf-m-lg",
6
+ "inside": "pf-m-inside",
7
+ "outside": "pf-m-outside",
8
+ "staticWidth": "pf-m-static-width",
9
+ "singleline": "pf-m-singleline",
10
+ "success": "pf-m-success",
11
+ "warning": "pf-m-warning",
12
+ "danger": "pf-m-danger",
13
+ "truncate": "pf-m-truncate"
14
+ },
15
+ "progress": "pf-c-progress",
16
+ "progressBar": "pf-c-progress__bar",
17
+ "progressDescription": "pf-c-progress__description",
18
+ "progressIndicator": "pf-c-progress__indicator",
19
+ "progressMeasure": "pf-c-progress__measure",
20
+ "progressStatus": "pf-c-progress__status",
21
+ "progressStatusIcon": "pf-c-progress__status-icon"
22
+ };
@@ -0,0 +1,24 @@
1
+ import('./progress-stepper.css');
2
+ export default {
3
+ "faExclamationTriangle": "fa-exclamation-triangle",
4
+ "modifiers": {
5
+ "center": "pf-m-center",
6
+ "vertical": "pf-m-vertical",
7
+ "compact": "pf-m-compact",
8
+ "current": "pf-m-current",
9
+ "pending": "pf-m-pending",
10
+ "success": "pf-m-success",
11
+ "danger": "pf-m-danger",
12
+ "warning": "pf-m-warning",
13
+ "info": "pf-m-info",
14
+ "helpText": "pf-m-help-text"
15
+ },
16
+ "pficon": "pficon",
17
+ "progressStepper": "pf-c-progress-stepper",
18
+ "progressStepperStep": "pf-c-progress-stepper__step",
19
+ "progressStepperStepConnector": "pf-c-progress-stepper__step-connector",
20
+ "progressStepperStepDescription": "pf-c-progress-stepper__step-description",
21
+ "progressStepperStepIcon": "pf-c-progress-stepper__step-icon",
22
+ "progressStepperStepMain": "pf-c-progress-stepper__step-main",
23
+ "progressStepperStepTitle": "pf-c-progress-stepper__step-title"
24
+ };
@@ -0,0 +1,12 @@
1
+ import('./radio.css');
2
+ export default {
3
+ "modifiers": {
4
+ "standalone": "pf-m-standalone",
5
+ "disabled": "pf-m-disabled"
6
+ },
7
+ "radio": "pf-c-radio",
8
+ "radioBody": "pf-c-radio__body",
9
+ "radioDescription": "pf-c-radio__description",
10
+ "radioInput": "pf-c-radio__input",
11
+ "radioLabel": "pf-c-radio__label"
12
+ };