@patternfly/patternfly 4.184.2 → 4.185.1
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/RELEASE-NOTES.md +22 -0
- package/assets/icons/iconUnicodes.json +1 -0
- package/assets/pficon/pficon.scss +6 -0
- package/assets/pficon/pficon.woff +0 -0
- package/assets/pficon/pficon.woff2 +0 -0
- package/base/patternfly-icons.css +5 -1
- package/base/patternfly-pf-icons.css +5 -1
- package/components/Masthead/masthead.css +1 -1
- package/components/Masthead/masthead.scss +1 -1
- package/components/Menu/menu.css +1 -0
- package/components/Menu/menu.scss +1 -0
- package/docs/demos/AboutModal/examples/AboutModal.md +916 -1
- package/docs/demos/Alert/examples/Alert.md +2484 -490
- package/docs/demos/BackToTop/examples/BackToTop.md +785 -140
- package/docs/demos/Banner/examples/Banner.md +2074 -1466
- package/docs/demos/Button/examples/Button.md +33 -21
- package/docs/demos/CardView/examples/CardView.md +1065 -260
- package/docs/demos/ContextSelector/examples/ContextSelector.md +1580 -1638
- package/docs/demos/Dashboard/examples/Dashboard.md +40 -6
- package/docs/demos/DataList/examples/DataList.md +3777 -1553
- package/docs/demos/DescriptionList/examples/DescriptionList.md +55 -61
- package/docs/demos/Drawer/examples/Drawer.md +2554 -439
- package/docs/demos/JumpLinks/examples/JumpLinks.md +3223 -596
- package/docs/demos/Masthead/examples/Masthead.md +9 -20
- package/docs/demos/Modal/examples/Modal.md +5521 -34
- package/docs/demos/Nav/examples/Nav.md +6453 -1201
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +4036 -940
- package/docs/demos/Page/examples/Page.md +14 -35
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +6003 -1512
- package/docs/demos/Skeleton/examples/Skeleton.md +831 -149
- package/docs/demos/Table/examples/Table.md +26 -65
- package/docs/demos/Tabs/examples/Tabs.md +10149 -4897
- package/docs/demos/Toolbar/examples/Toolbar.md +797 -149
- package/docs/demos/Wizard/examples/Wizard.md +3418 -288
- package/docs/pages/icons.md +1 -0
- package/icons/pf-icons.json +1 -0
- package/package.json +1 -1
- package/patternfly-base-no-reset.css +5 -1
- package/patternfly-base.css +5 -1
- package/patternfly-no-reset.css +7 -2
- package/patternfly-theme-dark.css +21 -21
- package/patternfly.css +7 -2
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/themes/dark/_patternfly-theme-dark.scss +1 -0
|
@@ -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-
|
|
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">*</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-
|
|
23
|
-
name="progress-button-
|
|
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-
|
|
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">*</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-
|
|
42
|
-
name="progress-button-
|
|
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
|
|
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">*</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
|
|
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">*</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
|
|
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">*</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
|
|
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">*</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>
|