@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/Button/examples/Button.md CHANGED
@@ -7,10 +7,10 @@ cssPrefix: pf-d-button
7
7
  ### Progress button - initial
8
8
 
9
9
  ```html
10
- <form novalidate class="pf-c-form">
10
+ <form novalidate class="pf-c-form pf-m-limit-width">
11
11
  <div class="pf-c-form__group">
12
12
  <div class="pf-c-form__group-label">
13
- <label class="pf-c-form__label" for="progress-button-initial-login">
13
+ <label class="pf-c-form__label" for="progress-button-example-login">
14
14
  <span class="pf-c-form__label-text">Username</span>
15
15
  <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
16
16
  </label>
@@ -19,8 +19,8 @@ cssPrefix: pf-d-button
19
19
  <input
20
20
  class="pf-c-form-control"
21
21
  type="text"
22
- id="progress-button-initial-login"
23
- name="progress-button-initial-login"
22
+ id="progress-button-example-login"
23
+ name="progress-button-example-login"
24
24
  value="johndoe"
25
25
  required
26
26
  />
@@ -28,7 +28,7 @@ cssPrefix: pf-d-button
28
28
  </div>
29
29
  <div class="pf-c-form__group">
30
30
  <div class="pf-c-form__group-label">
31
- <label class="pf-c-form__label" for="progress-button-initial-password">
31
+ <label class="pf-c-form__label" for="progress-button-example-password">
32
32
  <span class="pf-c-form__label-text">Password</span>
33
33
  <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
34
34
  </label>
@@ -38,8 +38,8 @@ cssPrefix: pf-d-button
38
38
  class="pf-c-form-control"
39
39
  type="password"
40
40
  value="p@ssw0rd"
41
- id="progress-button-initial-password"
42
- name="progress-button-initial-password"
41
+ id="progress-button-example-password"
42
+ name="progress-button-example-password"
43
43
  required
44
44
  />
45
45
  </div>
@@ -59,10 +59,13 @@ cssPrefix: pf-d-button
59
59
  ### Progress button - loading
60
60
 
61
61
  ```html
62
- <form novalidate class="pf-c-form">
62
+ <form novalidate class="pf-c-form pf-m-limit-width">
63
63
  <div class="pf-c-form__group">
64
64
  <div class="pf-c-form__group-label">
65
- <label class="pf-c-form__label" for="progress-button-loading-login">
65
+ <label
66
+ class="pf-c-form__label"
67
+ for="progress-button-loading-example-login"
68
+ >
66
69
  <span class="pf-c-form__label-text">Username</span>
67
70
  <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
68
71
  </label>
@@ -71,8 +74,8 @@ cssPrefix: pf-d-button
71
74
  <input
72
75
  class="pf-c-form-control"
73
76
  type="text"
74
- id="progress-button-loading-login"
75
- name="progress-button-loading-login"
77
+ id="progress-button-loading-example-login"
78
+ name="progress-button-loading-example-login"
76
79
  value="johndoe"
77
80
  required
78
81
  />
@@ -80,7 +83,10 @@ cssPrefix: pf-d-button
80
83
  </div>
81
84
  <div class="pf-c-form__group">
82
85
  <div class="pf-c-form__group-label">
83
- <label class="pf-c-form__label" for="progress-button-loading-password">
86
+ <label
87
+ class="pf-c-form__label"
88
+ for="progress-button-loading-example-password"
89
+ >
84
90
  <span class="pf-c-form__label-text">Password</span>
85
91
  <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
86
92
  </label>
@@ -90,8 +96,8 @@ cssPrefix: pf-d-button
90
96
  class="pf-c-form-control"
91
97
  type="password"
92
98
  value="p@ssw0rd"
93
- id="progress-button-loading-password"
94
- name="progress-button-loading-password"
99
+ id="progress-button-loading-example-password"
100
+ name="progress-button-loading-example-password"
95
101
  required
96
102
  />
97
103
  </div>
@@ -124,10 +130,13 @@ cssPrefix: pf-d-button
124
130
  ### Progress button - complete
125
131
 
126
132
  ```html
127
- <form novalidate class="pf-c-form">
133
+ <form novalidate class="pf-c-form pf-m-limit-width">
128
134
  <div class="pf-c-form__group">
129
135
  <div class="pf-c-form__group-label">
130
- <label class="pf-c-form__label" for="progress-button-complete-login">
136
+ <label
137
+ class="pf-c-form__label"
138
+ for="progress-button-complete-example-login"
139
+ >
131
140
  <span class="pf-c-form__label-text">Username</span>
132
141
  <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
133
142
  </label>
@@ -136,8 +145,8 @@ cssPrefix: pf-d-button
136
145
  <input
137
146
  class="pf-c-form-control"
138
147
  type="text"
139
- id="progress-button-complete-login"
140
- name="progress-button-complete-login"
148
+ id="progress-button-complete-example-login"
149
+ name="progress-button-complete-example-login"
141
150
  value="johndoe"
142
151
  required
143
152
  />
@@ -145,7 +154,10 @@ cssPrefix: pf-d-button
145
154
  </div>
146
155
  <div class="pf-c-form__group">
147
156
  <div class="pf-c-form__group-label">
148
- <label class="pf-c-form__label" for="progress-button-complete-password">
157
+ <label
158
+ class="pf-c-form__label"
159
+ for="progress-button-complete-example-password"
160
+ >
149
161
  <span class="pf-c-form__label-text">Password</span>
150
162
  <span class="pf-c-form__label-required" aria-hidden="true">&#42;</span>
151
163
  </label>
@@ -155,8 +167,8 @@ cssPrefix: pf-d-button
155
167
  class="pf-c-form-control"
156
168
  type="password"
157
169
  value="p@ssw0rd"
158
- id="progress-button-complete-password"
159
- name="progress-button-complete-password"
170
+ id="progress-button-complete-example-password"
171
+ name="progress-button-complete-example-password"
160
172
  required
161
173
  />
162
174
  </div>