@patternfly/patternfly 4.184.1 → 4.185.0

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 (111) hide show
  1. package/assets/icons/iconUnicodes.json +1 -0
  2. package/assets/pficon/pficon.scss +6 -0
  3. package/assets/pficon/pficon.woff +0 -0
  4. package/assets/pficon/pficon.woff2 +0 -0
  5. package/base/patternfly-icons.css +5 -1
  6. package/base/patternfly-pf-icons.css +5 -1
  7. package/components/Masthead/masthead.css +1 -1
  8. package/components/Masthead/masthead.scss +1 -1
  9. package/components/Menu/menu.css +1 -0
  10. package/components/Menu/menu.scss +1 -0
  11. package/docs/components/Form/examples/Form.md +118 -47
  12. package/docs/components/MenuToggle/examples/MenuToggle.md +17 -0
  13. package/docs/components/ModalBox/examples/ModalBox.md +1 -0
  14. package/docs/components/OptionsMenu/examples/options-menu.md +1 -1
  15. package/docs/components/Page/examples/Page.md +9 -8
  16. package/docs/components/Pagination/examples/Pagination.css +3 -0
  17. package/docs/components/Pagination/examples/Pagination.md +136 -158
  18. package/docs/components/Toolbar/examples/Toolbar.md +22 -26
  19. package/docs/components/Wizard/examples/Wizard.md +19 -18
  20. package/docs/demos/AboutModal/examples/AboutModal.md +916 -1
  21. package/docs/demos/Alert/examples/Alert.md +2484 -490
  22. package/docs/demos/BackToTop/examples/BackToTop.md +785 -140
  23. package/docs/demos/Banner/examples/Banner.md +2074 -1466
  24. package/docs/demos/Button/examples/Button.md +33 -21
  25. package/docs/demos/CardView/examples/CardView.md +1086 -285
  26. package/docs/demos/ContextSelector/examples/ContextSelector.md +1580 -1638
  27. package/docs/demos/Dashboard/examples/Dashboard.md +40 -6
  28. package/docs/demos/DataList/examples/DataList.md +3703 -1495
  29. package/docs/demos/DescriptionList/examples/DescriptionList.md +55 -61
  30. package/docs/demos/Drawer/examples/Drawer.md +2554 -439
  31. package/docs/demos/Form/examples/BasicForms.md +40 -8
  32. package/docs/demos/JumpLinks/examples/JumpLinks.md +3223 -596
  33. package/docs/demos/Masthead/examples/Masthead.md +9 -20
  34. package/docs/demos/Modal/examples/Modal.md +5525 -35
  35. package/docs/demos/Nav/examples/Nav.md +6453 -1201
  36. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +4036 -940
  37. package/docs/demos/Page/examples/Page.md +15 -35
  38. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +5 -1
  39. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +20 -4
  40. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +6829 -2373
  41. package/docs/demos/Skeleton/examples/Skeleton.md +831 -149
  42. package/docs/demos/Table/examples/Table.md +253 -338
  43. package/docs/demos/Tabs/examples/Tabs.md +8171 -2943
  44. package/docs/demos/Toolbar/examples/Toolbar.md +885 -253
  45. package/docs/demos/Wizard/examples/Wizard.md +3422 -292
  46. package/docs/pages/icons.md +1 -0
  47. package/icons/pf-icons.json +1 -0
  48. package/package.json +1 -1
  49. package/patternfly-base-no-reset.css +5 -1
  50. package/patternfly-base.css +5 -1
  51. package/patternfly-no-reset.css +7 -2
  52. package/patternfly-theme-dark.css +21 -21
  53. package/patternfly.css +7 -2
  54. package/patternfly.min.css +1 -1
  55. package/patternfly.min.css.map +1 -1
  56. package/themes/dark/_patternfly-theme-dark.scss +119 -0
  57. package/themes/dark/_variables.scss +94 -0
  58. package/themes/dark/colors.scss +16 -0
  59. package/themes/dark/globals.scss +7 -0
  60. package/themes/dark/mixins.scss +5 -0
  61. package/themes/dark/placeholders.scss +30 -0
  62. package/themes/dark/scss-variables.scss +85 -0
  63. package/components/AboutModalBox/themes/dark/about-modal-box.css +0 -0
  64. package/components/Accordion/themes/dark/accordion.css +0 -0
  65. package/components/Alert/themes/dark/alert.css +0 -0
  66. package/components/AppLauncher/themes/dark/app-launcher.css +0 -0
  67. package/components/Badge/themes/dark/badge.css +0 -0
  68. package/components/Banner/themes/dark/banner.css +0 -0
  69. package/components/Breadcrumb/themes/dark/breadcrumb.css +0 -0
  70. package/components/Button/themes/dark/button.css +0 -0
  71. package/components/CalendarMonth/themes/dark/calendar-month.css +0 -0
  72. package/components/Chip/themes/dark/chip.css +0 -0
  73. package/components/ClipboardCopy/themes/dark/clipboard-copy.css +0 -0
  74. package/components/CodeEditor/themes/dark/code-editor.css +0 -0
  75. package/components/ContextSelector/themes/dark/context-selector.css +0 -0
  76. package/components/DataList/themes/dark/data-list.css +0 -0
  77. package/components/DatePicker/themes/dark/date-picker.css +0 -0
  78. package/components/Drawer/themes/dark/drawer.css +0 -0
  79. package/components/Dropdown/themes/dark/dropdown.css +0 -0
  80. package/components/Form/themes/dark/form.css +0 -0
  81. package/components/FormControl/themes/dark/form-control.css +0 -0
  82. package/components/HelperText/themes/dark/helper-text.css +0 -0
  83. package/components/Hint/themes/dark/hint.css +0 -0
  84. package/components/InputGroup/themes/dark/input-group.css +0 -0
  85. package/components/Label/themes/dark/label.css +0 -0
  86. package/components/LogViewer/themes/dark/log-viewer.css +0 -0
  87. package/components/Login/themes/dark/login.css +0 -0
  88. package/components/Masthead/themes/dark/masthead.css +0 -0
  89. package/components/Menu/themes/dark/menu.css +0 -0
  90. package/components/MenuToggle/themes/dark/menu-toggle.css +0 -0
  91. package/components/ModalBox/themes/dark/modal-box.css +0 -0
  92. package/components/Nav/themes/dark/nav.css +0 -0
  93. package/components/NotificationBadge/themes/dark/notification-badge.css +0 -0
  94. package/components/NotificationDrawer/themes/dark/notification-drawer.css +0 -0
  95. package/components/OptionsMenu/themes/dark/options-menu.css +0 -0
  96. package/components/Page/themes/dark/page.css +0 -0
  97. package/components/Pagination/themes/dark/pagination.css +0 -0
  98. package/components/Popover/themes/dark/popover.css +0 -0
  99. package/components/Progress/themes/dark/progress.css +0 -0
  100. package/components/SearchInput/themes/dark/search-input.css +0 -0
  101. package/components/Select/themes/dark/select.css +0 -0
  102. package/components/SimpleList/themes/dark/simple-list.css +0 -0
  103. package/components/Skeleton/themes/dark/skeleton.css +0 -0
  104. package/components/Switch/themes/dark/switch.css +0 -0
  105. package/components/Table/themes/dark/table.css +0 -0
  106. package/components/Tabs/themes/dark/tabs.css +0 -0
  107. package/components/Tile/themes/dark/tile.css +0 -0
  108. package/components/ToggleGroup/themes/dark/toggle-group.css +0 -0
  109. package/components/Tooltip/themes/dark/tooltip.css +0 -0
  110. package/components/TreeView/themes/dark/tree-view.css +0 -0
  111. package/components/Wizard/themes/dark/wizard.css +0 -0
package/docs/demos/Page/examples/Page.md CHANGED
@@ -12,7 +12,6 @@ wrapperTag: div
12
12
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
13
13
  href="#main-content-page-demo-basic"
14
14
  >Skip to content</a>
15
-
16
15
  <header class="pf-c-masthead" id="page-demo-basic-masthead">
17
16
  <span class="pf-c-masthead__toggle">
18
17
  <button
@@ -58,7 +57,7 @@ wrapperTag: div
58
57
  aria-label="Notifications"
59
58
  >
60
59
  <span class="pf-c-notification-badge">
61
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
60
+ <i class="pf-icon-bell" aria-hidden="true"></i>
62
61
  </span>
63
62
  </button>
64
63
  </div>
@@ -305,9 +304,7 @@ wrapperTag: div
305
304
  >
306
305
  <span class="pf-c-menu__item-description">
307
306
  <div class="pf-u-font-size-sm">Username:</div>
308
- <div
309
- class="pf-u-font-size-md"
310
- >mshaksho@redhat.com</div>
307
+ <div class="pf-u-font-size-md">ned_username</div>
311
308
  </span>
312
309
  </button>
313
310
  </li>
@@ -933,7 +930,6 @@ wrapperTag: div
933
930
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
934
931
  href="#main-content-page-demo-sticky-top-horizontal-subnav"
935
932
  >Skip to content</a>
936
-
937
933
  <header
938
934
  class="pf-c-masthead"
939
935
  id="page-demo-sticky-top-horizontal-subnav-masthead"
@@ -982,7 +978,7 @@ wrapperTag: div
982
978
  aria-label="Notifications"
983
979
  >
984
980
  <span class="pf-c-notification-badge">
985
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
981
+ <i class="pf-icon-bell" aria-hidden="true"></i>
986
982
  </span>
987
983
  </button>
988
984
  </div>
@@ -1229,9 +1225,7 @@ wrapperTag: div
1229
1225
  >
1230
1226
  <span class="pf-c-menu__item-description">
1231
1227
  <div class="pf-u-font-size-sm">Username:</div>
1232
- <div
1233
- class="pf-u-font-size-md"
1234
- >mshaksho@redhat.com</div>
1228
+ <div class="pf-u-font-size-md">ned_username</div>
1235
1229
  </span>
1236
1230
  </button>
1237
1231
  </li>
@@ -2021,7 +2015,6 @@ wrapperTag: div
2021
2015
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
2022
2016
  href="#main-content-page-demo-sticky-top-breadcrumb"
2023
2017
  >Skip to content</a>
2024
-
2025
2018
  <header class="pf-c-masthead" id="page-demo-sticky-top-breadcrumb-masthead">
2026
2019
  <span class="pf-c-masthead__toggle">
2027
2020
  <button
@@ -2067,7 +2060,7 @@ wrapperTag: div
2067
2060
  aria-label="Notifications"
2068
2061
  >
2069
2062
  <span class="pf-c-notification-badge">
2070
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
2063
+ <i class="pf-icon-bell" aria-hidden="true"></i>
2071
2064
  </span>
2072
2065
  </button>
2073
2066
  </div>
@@ -2314,9 +2307,7 @@ wrapperTag: div
2314
2307
  >
2315
2308
  <span class="pf-c-menu__item-description">
2316
2309
  <div class="pf-u-font-size-sm">Username:</div>
2317
- <div
2318
- class="pf-u-font-size-md"
2319
- >mshaksho@redhat.com</div>
2310
+ <div class="pf-u-font-size-md">ned_username</div>
2320
2311
  </span>
2321
2312
  </button>
2322
2313
  </li>
@@ -3068,7 +3059,6 @@ wrapperTag: div
3068
3059
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
3069
3060
  href="#main-content-page-demo-sticky-top-section-group"
3070
3061
  >Skip to content</a>
3071
-
3072
3062
  <header
3073
3063
  class="pf-c-masthead"
3074
3064
  id="page-demo-sticky-top-section-group-masthead"
@@ -3117,7 +3107,7 @@ wrapperTag: div
3117
3107
  aria-label="Notifications"
3118
3108
  >
3119
3109
  <span class="pf-c-notification-badge">
3120
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
3110
+ <i class="pf-icon-bell" aria-hidden="true"></i>
3121
3111
  </span>
3122
3112
  </button>
3123
3113
  </div>
@@ -3364,9 +3354,7 @@ wrapperTag: div
3364
3354
  >
3365
3355
  <span class="pf-c-menu__item-description">
3366
3356
  <div class="pf-u-font-size-sm">Username:</div>
3367
- <div
3368
- class="pf-u-font-size-md"
3369
- >mshaksho@redhat.com</div>
3357
+ <div class="pf-u-font-size-md">ned_username</div>
3370
3358
  </span>
3371
3359
  </button>
3372
3360
  </li>
@@ -4118,7 +4106,6 @@ wrapperTag: div
4118
4106
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
4119
4107
  href="#main-content-page-demo-sticky-section-bottom"
4120
4108
  >Skip to content</a>
4121
-
4122
4109
  <header class="pf-c-masthead" id="page-demo-sticky-section-bottom-masthead">
4123
4110
  <span class="pf-c-masthead__toggle">
4124
4111
  <button
@@ -4164,7 +4151,7 @@ wrapperTag: div
4164
4151
  aria-label="Notifications"
4165
4152
  >
4166
4153
  <span class="pf-c-notification-badge">
4167
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
4154
+ <i class="pf-icon-bell" aria-hidden="true"></i>
4168
4155
  </span>
4169
4156
  </button>
4170
4157
  </div>
@@ -4411,9 +4398,7 @@ wrapperTag: div
4411
4398
  >
4412
4399
  <span class="pf-c-menu__item-description">
4413
4400
  <div class="pf-u-font-size-sm">Username:</div>
4414
- <div
4415
- class="pf-u-font-size-md"
4416
- >mshaksho@redhat.com</div>
4401
+ <div class="pf-u-font-size-md">ned_username</div>
4417
4402
  </span>
4418
4403
  </button>
4419
4404
  </li>
@@ -5170,7 +5155,6 @@ wrapperTag: div
5170
5155
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
5171
5156
  href="#main-content-page-demo-overflow-scroll"
5172
5157
  >Skip to content</a>
5173
-
5174
5158
  <header class="pf-c-masthead" id="page-demo-overflow-scroll-masthead">
5175
5159
  <span class="pf-c-masthead__toggle">
5176
5160
  <button
@@ -5216,7 +5200,7 @@ wrapperTag: div
5216
5200
  aria-label="Notifications"
5217
5201
  >
5218
5202
  <span class="pf-c-notification-badge">
5219
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
5203
+ <i class="pf-icon-bell" aria-hidden="true"></i>
5220
5204
  </span>
5221
5205
  </button>
5222
5206
  </div>
@@ -5463,9 +5447,7 @@ wrapperTag: div
5463
5447
  >
5464
5448
  <span class="pf-c-menu__item-description">
5465
5449
  <div class="pf-u-font-size-sm">Username:</div>
5466
- <div
5467
- class="pf-u-font-size-md"
5468
- >mshaksho@redhat.com</div>
5450
+ <div class="pf-u-font-size-md">ned_username</div>
5469
5451
  </span>
5470
5452
  </button>
5471
5453
  </li>
@@ -6050,6 +6032,7 @@ wrapperTag: div
6050
6032
  </section>
6051
6033
  <section
6052
6034
  class="pf-c-page__main-section pf-m-limit-width pf-m-overflow-scroll"
6035
+ tabindex="0"
6053
6036
  >
6054
6037
  <div class="pf-c-page__main-body">
6055
6038
  <div class="pf-l-gallery pf-m-gutter">
@@ -6226,7 +6209,6 @@ wrapperTag: div
6226
6209
  class="pf-c-skip-to-content pf-c-button pf-m-primary"
6227
6210
  href="#main-content-page-demo-centered-section"
6228
6211
  >Skip to content</a>
6229
-
6230
6212
  <header class="pf-c-masthead" id="page-demo-centered-section-masthead">
6231
6213
  <span class="pf-c-masthead__toggle">
6232
6214
  <button
@@ -6272,7 +6254,7 @@ wrapperTag: div
6272
6254
  aria-label="Notifications"
6273
6255
  >
6274
6256
  <span class="pf-c-notification-badge">
6275
- <i class="pf-icon-attention-bell" aria-hidden="true"></i>
6257
+ <i class="pf-icon-bell" aria-hidden="true"></i>
6276
6258
  </span>
6277
6259
  </button>
6278
6260
  </div>
@@ -6519,9 +6501,7 @@ wrapperTag: div
6519
6501
  >
6520
6502
  <span class="pf-c-menu__item-description">
6521
6503
  <div class="pf-u-font-size-sm">Username:</div>
6522
- <div
6523
- class="pf-u-font-size-md"
6524
- >mshaksho@redhat.com</div>
6504
+ <div class="pf-u-font-size-md">ned_username</div>
6525
6505
  </span>
6526
6506
  </button>
6527
6507
  </li>
package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md CHANGED
@@ -18,7 +18,11 @@ section: demos
18
18
  <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
19
19
  </label>
20
20
 
21
- <button class="pf-c-form__group-label-help" aria-label="More info">
21
+ <button
22
+ class="pf-c-form__group-label-help"
23
+ aria-label="More information for password field"
24
+ aria-describedby="password-generator-demo--initial-password"
25
+ >
22
26
  <i class="pficon pf-icon-help" aria-hidden="true"></i>
23
27
  </button>
24
28
  </div>
package/docs/demos/PasswordStrength/examples/PasswordStrength.md CHANGED
@@ -19,7 +19,11 @@ section: demos
19
19
  <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
20
20
  </label>
21
21
 
22
- <button class="pf-c-form__group-label-help" aria-label="More info">
22
+ <button
23
+ class="pf-c-form__group-label-help"
24
+ aria-label="More information for password field"
25
+ aria-describedby="password-strength-demo--initial-password"
26
+ >
23
27
  <i class="pficon pf-icon-help" aria-hidden="true"></i>
24
28
  </button>
25
29
  </div>
@@ -94,7 +98,11 @@ section: demos
94
98
  <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
95
99
  </label>
96
100
 
97
- <button class="pf-c-form__group-label-help" aria-label="More info">
101
+ <button
102
+ class="pf-c-form__group-label-help"
103
+ aria-label="More information for password field"
104
+ aria-describedby="password-strength-demo--invalid-password"
105
+ >
98
106
  <i class="pficon pf-icon-help" aria-hidden="true"></i>
99
107
  </button>
100
108
  </div>
@@ -169,7 +177,11 @@ section: demos
169
177
  <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
170
178
  </label>
171
179
 
172
- <button class="pf-c-form__group-label-help" aria-label="More info">
180
+ <button
181
+ class="pf-c-form__group-label-help"
182
+ aria-label="More information for password field"
183
+ aria-describedby="password-strength-demo--weak-password"
184
+ >
173
185
  <i class="pficon pf-icon-help" aria-hidden="true"></i>
174
186
  </button>
175
187
  </div>
@@ -253,7 +265,11 @@ section: demos
253
265
  <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
254
266
  </label>
255
267
 
256
- <button class="pf-c-form__group-label-help" aria-label="More info">
268
+ <button
269
+ class="pf-c-form__group-label-help"
270
+ aria-label="More information for password field"
271
+ aria-describedby="password-strength-demo--strong-password"
272
+ >
257
273
  <i class="pficon pf-icon-help" aria-hidden="true"></i>
258
274
  </button>
259
275
  </div>