@patternfly/patternfly 4.153.0 → 4.154.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 (8) hide show
  1. package/components/MenuToggle/menu-toggle.css +1 -1
  2. package/components/MenuToggle/menu-toggle.scss +1 -1
  3. package/docs/components/MenuToggle/examples/MenuToggle.md +48 -0
  4. package/package.json +1 -1
  5. package/patternfly-no-reset.css +1 -1
  6. package/patternfly.css +1 -1
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
package/components/MenuToggle/menu-toggle.css CHANGED
@@ -96,7 +96,7 @@
96
96
  --pf-c-menu-toggle--m-expanded--Color: var(--pf-c-menu-toggle--m-primary--m-expanded--Color);
97
97
  --pf-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-c-menu-toggle--m-primary--m-expanded--BackgroundColor);
98
98
  }
99
- .pf-c-menu-toggle.pf-m-plain {
99
+ .pf-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
100
100
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-plain--Color);
101
101
  --pf-c-menu-toggle--hover--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
102
102
  --pf-c-menu-toggle--focus--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
package/components/MenuToggle/menu-toggle.scss CHANGED
@@ -132,7 +132,7 @@
132
132
  --pf-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-c-menu-toggle--m-primary--m-expanded--BackgroundColor);
133
133
  }
134
134
 
135
- &.pf-m-plain {
135
+ &.pf-m-plain:not(.pf-m-text) {
136
136
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-plain--Color);
137
137
  --pf-c-menu-toggle--hover--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
138
138
  --pf-c-menu-toggle--focus--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
package/docs/components/MenuToggle/examples/MenuToggle.md CHANGED
@@ -186,6 +186,53 @@ cssPrefix: pf-c-menu-toggle
186
186
 
187
187
  ```
188
188
 
189
+ ### Plain with text
190
+
191
+ ```html
192
+ <button
193
+ class="pf-c-menu-toggle pf-m-plain pf-m-text"
194
+ type="button"
195
+ aria-expanded="false"
196
+ disabled
197
+ >
198
+ <span class="pf-c-menu-toggle__text">Disabled</span>
199
+ <span class="pf-c-menu-toggle__controls">
200
+ <span class="pf-c-menu-toggle__toggle-icon">
201
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
202
+ </span>
203
+ </span>
204
+ </button>
205
+
206
+ &nbsp;
207
+ <button
208
+ class="pf-c-menu-toggle pf-m-plain pf-m-text"
209
+ type="button"
210
+ aria-expanded="false"
211
+ >
212
+ <span class="pf-c-menu-toggle__text">Custom text</span>
213
+ <span class="pf-c-menu-toggle__controls">
214
+ <span class="pf-c-menu-toggle__toggle-icon">
215
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
216
+ </span>
217
+ </span>
218
+ </button>
219
+
220
+ &nbsp;
221
+ <button
222
+ class="pf-c-menu-toggle pf-m-plain pf-m-text pf-m-expanded"
223
+ type="button"
224
+ aria-expanded="true"
225
+ >
226
+ <span class="pf-c-menu-toggle__text">Custom text (expanded)</span>
227
+ <span class="pf-c-menu-toggle__controls">
228
+ <span class="pf-c-menu-toggle__toggle-icon">
229
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
230
+ </span>
231
+ </span>
232
+ </button>
233
+
234
+ ```
235
+
189
236
  ### With image and text
190
237
 
191
238
  ```html
@@ -246,6 +293,7 @@ cssPrefix: pf-c-menu-toggle
246
293
  | `.pf-c-menu-toggle__controls` | `<span>` | Defines the menu toggle component controls. |
247
294
  | `.pf-c-menu-toggle__toggle-icon` | `<span>` | Defines the menu toggle component toggle/arrow icon. |
248
295
  | `.pf-m-primary` | `.pf-c-menu-toggle` | Modifies the menu toggle component for the primary variation. |
296
+ | `.pf-m-text` | `.pf-c-menu-toggle` | Modifies the menu toggle component for the text variation. |
249
297
  | `.pf-m-plain` | `.pf-c-menu-toggle` | Modifies the menu toggle component for the plain variation. |
250
298
  | `.pf-m-expanded` | `.pf-c-menu-toggle` | Modifies the menu toggle component for the expanded state. |
251
299
  | `.pf-m-full-height` | `.pf-c-menu-toggle` | Modifies the menu toggle component to full height of parent. |
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "4.153.0",
4
+ "version": "4.154.0",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-reset.css CHANGED
@@ -16222,7 +16222,7 @@ ul.pf-c-list {
16222
16222
  --pf-c-menu-toggle--m-expanded--Color: var(--pf-c-menu-toggle--m-primary--m-expanded--Color);
16223
16223
  --pf-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-c-menu-toggle--m-primary--m-expanded--BackgroundColor);
16224
16224
  }
16225
- .pf-c-menu-toggle.pf-m-plain {
16225
+ .pf-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
16226
16226
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-plain--Color);
16227
16227
  --pf-c-menu-toggle--hover--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
16228
16228
  --pf-c-menu-toggle--focus--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
package/patternfly.css CHANGED
@@ -16358,7 +16358,7 @@ ul.pf-c-list {
16358
16358
  --pf-c-menu-toggle--m-expanded--Color: var(--pf-c-menu-toggle--m-primary--m-expanded--Color);
16359
16359
  --pf-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-c-menu-toggle--m-primary--m-expanded--BackgroundColor);
16360
16360
  }
16361
- .pf-c-menu-toggle.pf-m-plain {
16361
+ .pf-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
16362
16362
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--m-plain--Color);
16363
16363
  --pf-c-menu-toggle--hover--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
16364
16364
  --pf-c-menu-toggle--focus--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);