@patternfly/patternfly 4.180.1 → 4.182.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.
Files changed (23) hide show
  1. package/assets/images/status-icon-sprite.svg +38 -0
  2. package/components/FormControl/form-control.css +26 -0
  3. package/components/FormControl/form-control.scss +30 -1
  4. package/components/Masthead/masthead.css +21 -27
  5. package/components/Masthead/masthead.scss +21 -27
  6. package/components/Menu/menu.css +10 -0
  7. package/components/Menu/menu.scss +14 -0
  8. package/components/MenuToggle/menu-toggle.css +135 -1
  9. package/components/MenuToggle/menu-toggle.scss +201 -2
  10. package/docs/components/FormControl/examples/FormControl.md +151 -0
  11. package/docs/components/Menu/examples/Menu.md +67 -2
  12. package/docs/components/MenuToggle/examples/MenuToggle.md +552 -20
  13. package/docs/components/Table/examples/Table.md +137 -48
  14. package/docs/demos/ContextSelector/examples/ContextSelector.md +6 -6
  15. package/docs/demos/DescriptionList/examples/DescriptionList.md +3358 -0
  16. package/docs/demos/Masthead/examples/Masthead.md +4 -4
  17. package/docs/demos/Page/examples/Page.md +14 -14
  18. package/docs/demos/Table/examples/Table.md +26 -26
  19. package/package.json +1 -1
  20. package/patternfly-no-reset.css +192 -28
  21. package/patternfly.css +192 -28
  22. package/patternfly.min.css +1 -1
  23. package/patternfly.min.css.map +1 -1
package/docs/demos/Masthead/examples/Masthead.md CHANGED
@@ -1366,7 +1366,7 @@ wrapperTag: div
1366
1366
  <button
1367
1367
  class="pf-c-app-launcher__toggle"
1368
1368
  type="button"
1369
- id="-button"
1369
+ id="masthead-advanced-with-menu-example-masthead-icon-group--app-launcher-button"
1370
1370
  aria-expanded="false"
1371
1371
  aria-label="Application launcher"
1372
1372
  >
@@ -2043,7 +2043,7 @@ wrapperTag: div
2043
2043
  </div>
2044
2044
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
2045
2045
  <div
2046
- class="pf-c-dropdown"
2046
+ class="pf-c-dropdown pf-m-full-height"
2047
2047
  style="--pf-c-dropdown--MaxWidth: 20ch;"
2048
2048
  >
2049
2049
  <button
@@ -2327,7 +2327,7 @@ wrapperTag: div
2327
2327
  <button
2328
2328
  class="pf-c-app-launcher__toggle"
2329
2329
  type="button"
2330
- id="-button"
2330
+ id="masthead-horizontal-nav-masthead-icon-group--app-launcher-button"
2331
2331
  aria-expanded="false"
2332
2332
  aria-label="Application launcher"
2333
2333
  >
@@ -3004,7 +3004,7 @@ wrapperTag: div
3004
3004
  </div>
3005
3005
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
3006
3006
  <div
3007
- class="pf-c-dropdown pf-m-expanded"
3007
+ class="pf-c-dropdown pf-m-expanded pf-m-full-height"
3008
3008
  style="--pf-c-dropdown--MaxWidth: 20ch;"
3009
3009
  >
3010
3010
  <button
package/docs/demos/Page/examples/Page.md CHANGED
@@ -74,7 +74,7 @@ wrapperTag: div
74
74
  <button
75
75
  class="pf-c-app-launcher__toggle"
76
76
  type="button"
77
- id="-button"
77
+ id="page-demo-basic-masthead-icon-group--app-launcher-button"
78
78
  aria-expanded="false"
79
79
  aria-label="Application launcher"
80
80
  >
@@ -751,7 +751,7 @@ wrapperTag: div
751
751
  </div>
752
752
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
753
753
  <div
754
- class="pf-c-dropdown"
754
+ class="pf-c-dropdown pf-m-full-height"
755
755
  style="--pf-c-dropdown--MaxWidth: 20ch;"
756
756
  >
757
757
  <button
@@ -998,7 +998,7 @@ wrapperTag: div
998
998
  <button
999
999
  class="pf-c-app-launcher__toggle"
1000
1000
  type="button"
1001
- id="-button"
1001
+ id="page-demo-sticky-top-horizontal-subnav-masthead-icon-group--app-launcher-button"
1002
1002
  aria-expanded="false"
1003
1003
  aria-label="Application launcher"
1004
1004
  >
@@ -1675,7 +1675,7 @@ wrapperTag: div
1675
1675
  </div>
1676
1676
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
1677
1677
  <div
1678
- class="pf-c-dropdown"
1678
+ class="pf-c-dropdown pf-m-full-height"
1679
1679
  style="--pf-c-dropdown--MaxWidth: 20ch;"
1680
1680
  >
1681
1681
  <button
@@ -2083,7 +2083,7 @@ wrapperTag: div
2083
2083
  <button
2084
2084
  class="pf-c-app-launcher__toggle"
2085
2085
  type="button"
2086
- id="-button"
2086
+ id="page-demo-sticky-top-breadcrumb-masthead-icon-group--app-launcher-button"
2087
2087
  aria-expanded="false"
2088
2088
  aria-label="Application launcher"
2089
2089
  >
@@ -2760,7 +2760,7 @@ wrapperTag: div
2760
2760
  </div>
2761
2761
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
2762
2762
  <div
2763
- class="pf-c-dropdown"
2763
+ class="pf-c-dropdown pf-m-full-height"
2764
2764
  style="--pf-c-dropdown--MaxWidth: 20ch;"
2765
2765
  >
2766
2766
  <button
@@ -3133,7 +3133,7 @@ wrapperTag: div
3133
3133
  <button
3134
3134
  class="pf-c-app-launcher__toggle"
3135
3135
  type="button"
3136
- id="-button"
3136
+ id="page-demo-sticky-top-section-group-masthead-icon-group--app-launcher-button"
3137
3137
  aria-expanded="false"
3138
3138
  aria-label="Application launcher"
3139
3139
  >
@@ -3810,7 +3810,7 @@ wrapperTag: div
3810
3810
  </div>
3811
3811
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
3812
3812
  <div
3813
- class="pf-c-dropdown"
3813
+ class="pf-c-dropdown pf-m-full-height"
3814
3814
  style="--pf-c-dropdown--MaxWidth: 20ch;"
3815
3815
  >
3816
3816
  <button
@@ -4180,7 +4180,7 @@ wrapperTag: div
4180
4180
  <button
4181
4181
  class="pf-c-app-launcher__toggle"
4182
4182
  type="button"
4183
- id="-button"
4183
+ id="page-demo-sticky-section-bottom-masthead-icon-group--app-launcher-button"
4184
4184
  aria-expanded="false"
4185
4185
  aria-label="Application launcher"
4186
4186
  >
@@ -4857,7 +4857,7 @@ wrapperTag: div
4857
4857
  </div>
4858
4858
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
4859
4859
  <div
4860
- class="pf-c-dropdown"
4860
+ class="pf-c-dropdown pf-m-full-height"
4861
4861
  style="--pf-c-dropdown--MaxWidth: 20ch;"
4862
4862
  >
4863
4863
  <button
@@ -5232,7 +5232,7 @@ wrapperTag: div
5232
5232
  <button
5233
5233
  class="pf-c-app-launcher__toggle"
5234
5234
  type="button"
5235
- id="-button"
5235
+ id="page-demo-overflow-scroll-masthead-icon-group--app-launcher-button"
5236
5236
  aria-expanded="false"
5237
5237
  aria-label="Application launcher"
5238
5238
  >
@@ -5909,7 +5909,7 @@ wrapperTag: div
5909
5909
  </div>
5910
5910
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
5911
5911
  <div
5912
- class="pf-c-dropdown"
5912
+ class="pf-c-dropdown pf-m-full-height"
5913
5913
  style="--pf-c-dropdown--MaxWidth: 20ch;"
5914
5914
  >
5915
5915
  <button
@@ -6288,7 +6288,7 @@ wrapperTag: div
6288
6288
  <button
6289
6289
  class="pf-c-app-launcher__toggle"
6290
6290
  type="button"
6291
- id="-button"
6291
+ id="page-demo-centered-section-masthead-icon-group--app-launcher-button"
6292
6292
  aria-expanded="false"
6293
6293
  aria-label="Application launcher"
6294
6294
  >
@@ -6965,7 +6965,7 @@ wrapperTag: div
6965
6965
  </div>
6966
6966
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
6967
6967
  <div
6968
- class="pf-c-dropdown"
6968
+ class="pf-c-dropdown pf-m-full-height"
6969
6969
  style="--pf-c-dropdown--MaxWidth: 20ch;"
6970
6970
  >
6971
6971
  <button
package/docs/demos/Table/examples/Table.md CHANGED
@@ -74,7 +74,7 @@ wrapperTag: div
74
74
  <button
75
75
  class="pf-c-app-launcher__toggle"
76
76
  type="button"
77
- id="-button"
77
+ id="basic-demo-masthead-icon-group--app-launcher-button"
78
78
  aria-expanded="false"
79
79
  aria-label="Application launcher"
80
80
  >
@@ -751,7 +751,7 @@ wrapperTag: div
751
751
  </div>
752
752
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
753
753
  <div
754
- class="pf-c-dropdown"
754
+ class="pf-c-dropdown pf-m-full-height"
755
755
  style="--pf-c-dropdown--MaxWidth: 20ch;"
756
756
  >
757
757
  <button
@@ -1793,7 +1793,7 @@ wrapperTag: div
1793
1793
  <button
1794
1794
  class="pf-c-app-launcher__toggle"
1795
1795
  type="button"
1796
- id="-button"
1796
+ id="sortable-demo-masthead-icon-group--app-launcher-button"
1797
1797
  aria-expanded="false"
1798
1798
  aria-label="Application launcher"
1799
1799
  >
@@ -2470,7 +2470,7 @@ wrapperTag: div
2470
2470
  </div>
2471
2471
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
2472
2472
  <div
2473
- class="pf-c-dropdown"
2473
+ class="pf-c-dropdown pf-m-full-height"
2474
2474
  style="--pf-c-dropdown--MaxWidth: 20ch;"
2475
2475
  >
2476
2476
  <button
@@ -3686,7 +3686,7 @@ wrapperTag: div
3686
3686
  <button
3687
3687
  class="pf-c-app-launcher__toggle"
3688
3688
  type="button"
3689
- id="-button"
3689
+ id="expandable-demo-masthead-icon-group--app-launcher-button"
3690
3690
  aria-expanded="false"
3691
3691
  aria-label="Application launcher"
3692
3692
  >
@@ -4363,7 +4363,7 @@ wrapperTag: div
4363
4363
  </div>
4364
4364
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
4365
4365
  <div
4366
- class="pf-c-dropdown"
4366
+ class="pf-c-dropdown pf-m-full-height"
4367
4367
  style="--pf-c-dropdown--MaxWidth: 20ch;"
4368
4368
  >
4369
4369
  <button
@@ -5781,7 +5781,7 @@ wrapperTag: div
5781
5781
  <button
5782
5782
  class="pf-c-app-launcher__toggle"
5783
5783
  type="button"
5784
- id="-button"
5784
+ id="compact-demo-masthead-icon-group--app-launcher-button"
5785
5785
  aria-expanded="false"
5786
5786
  aria-label="Application launcher"
5787
5787
  >
@@ -6458,7 +6458,7 @@ wrapperTag: div
6458
6458
  </div>
6459
6459
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
6460
6460
  <div
6461
- class="pf-c-dropdown"
6461
+ class="pf-c-dropdown pf-m-full-height"
6462
6462
  style="--pf-c-dropdown--MaxWidth: 20ch;"
6463
6463
  >
6464
6464
  <button
@@ -7532,7 +7532,7 @@ wrapperTag: div
7532
7532
  <button
7533
7533
  class="pf-c-app-launcher__toggle"
7534
7534
  type="button"
7535
- id="-button"
7535
+ id="compound-expansion-demo-masthead-icon-group--app-launcher-button"
7536
7536
  aria-expanded="false"
7537
7537
  aria-label="Application launcher"
7538
7538
  >
@@ -8209,7 +8209,7 @@ wrapperTag: div
8209
8209
  </div>
8210
8210
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
8211
8211
  <div
8212
- class="pf-c-dropdown"
8212
+ class="pf-c-dropdown pf-m-full-height"
8213
8213
  style="--pf-c-dropdown--MaxWidth: 20ch;"
8214
8214
  >
8215
8215
  <button
@@ -12497,7 +12497,7 @@ wrapperTag: div
12497
12497
  <button
12498
12498
  class="pf-c-app-launcher__toggle"
12499
12499
  type="button"
12500
- id="-button"
12500
+ id="loading-state-demo-masthead-icon-group--app-launcher-button"
12501
12501
  aria-expanded="false"
12502
12502
  aria-label="Application launcher"
12503
12503
  >
@@ -13174,7 +13174,7 @@ wrapperTag: div
13174
13174
  </div>
13175
13175
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
13176
13176
  <div
13177
- class="pf-c-dropdown"
13177
+ class="pf-c-dropdown pf-m-full-height"
13178
13178
  style="--pf-c-dropdown--MaxWidth: 20ch;"
13179
13179
  >
13180
13180
  <button
@@ -13441,7 +13441,7 @@ wrapperTag: div
13441
13441
  <button
13442
13442
  class="pf-c-app-launcher__toggle"
13443
13443
  type="button"
13444
- id="-button"
13444
+ id="empty-state-demo-masthead-icon-group--app-launcher-button"
13445
13445
  aria-expanded="false"
13446
13446
  aria-label="Application launcher"
13447
13447
  >
@@ -14118,7 +14118,7 @@ wrapperTag: div
14118
14118
  </div>
14119
14119
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
14120
14120
  <div
14121
- class="pf-c-dropdown"
14121
+ class="pf-c-dropdown pf-m-full-height"
14122
14122
  style="--pf-c-dropdown--MaxWidth: 20ch;"
14123
14123
  >
14124
14124
  <button
@@ -14388,7 +14388,7 @@ wrapperTag: div
14388
14388
  <button
14389
14389
  class="pf-c-app-launcher__toggle"
14390
14390
  type="button"
14391
- id="-button"
14391
+ id="static-bottom-pagination-demo-masthead-icon-group--app-launcher-button"
14392
14392
  aria-expanded="false"
14393
14393
  aria-label="Application launcher"
14394
14394
  >
@@ -15065,7 +15065,7 @@ wrapperTag: div
15065
15065
  </div>
15066
15066
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
15067
15067
  <div
15068
- class="pf-c-dropdown"
15068
+ class="pf-c-dropdown pf-m-full-height"
15069
15069
  style="--pf-c-dropdown--MaxWidth: 20ch;"
15070
15070
  >
15071
15071
  <button
@@ -16279,7 +16279,7 @@ wrapperTag: div
16279
16279
  <button
16280
16280
  class="pf-c-app-launcher__toggle"
16281
16281
  type="button"
16282
- id="-button"
16282
+ id="column-management-demo-masthead-icon-group--app-launcher-button"
16283
16283
  aria-expanded="false"
16284
16284
  aria-label="Application launcher"
16285
16285
  >
@@ -16956,7 +16956,7 @@ wrapperTag: div
16956
16956
  </div>
16957
16957
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
16958
16958
  <div
16959
- class="pf-c-dropdown"
16959
+ class="pf-c-dropdown pf-m-full-height"
16960
16960
  style="--pf-c-dropdown--MaxWidth: 20ch;"
16961
16961
  >
16962
16962
  <button
@@ -18250,7 +18250,7 @@ wrapperTag: div
18250
18250
  <button
18251
18251
  class="pf-c-app-launcher__toggle"
18252
18252
  type="button"
18253
- id="-button"
18253
+ id="sticky-header-demo-masthead-icon-group--app-launcher-button"
18254
18254
  aria-expanded="false"
18255
18255
  aria-label="Application launcher"
18256
18256
  >
@@ -18927,7 +18927,7 @@ wrapperTag: div
18927
18927
  </div>
18928
18928
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
18929
18929
  <div
18930
- class="pf-c-dropdown"
18930
+ class="pf-c-dropdown pf-m-full-height"
18931
18931
  style="--pf-c-dropdown--MaxWidth: 20ch;"
18932
18932
  >
18933
18933
  <button
@@ -20141,7 +20141,7 @@ wrapperTag: div
20141
20141
  <button
20142
20142
  class="pf-c-app-launcher__toggle"
20143
20143
  type="button"
20144
- id="-button"
20144
+ id="sticky-first-column-demo-masthead-icon-group--app-launcher-button"
20145
20145
  aria-expanded="false"
20146
20146
  aria-label="Application launcher"
20147
20147
  >
@@ -20818,7 +20818,7 @@ wrapperTag: div
20818
20818
  </div>
20819
20819
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
20820
20820
  <div
20821
- class="pf-c-dropdown"
20821
+ class="pf-c-dropdown pf-m-full-height"
20822
20822
  style="--pf-c-dropdown--MaxWidth: 20ch;"
20823
20823
  >
20824
20824
  <button
@@ -21958,7 +21958,7 @@ wrapperTag: div
21958
21958
  <button
21959
21959
  class="pf-c-app-launcher__toggle"
21960
21960
  type="button"
21961
- id="-button"
21961
+ id="sticky-multiple-columns-demo-masthead-icon-group--app-launcher-button"
21962
21962
  aria-expanded="false"
21963
21963
  aria-label="Application launcher"
21964
21964
  >
@@ -22635,7 +22635,7 @@ wrapperTag: div
22635
22635
  </div>
22636
22636
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
22637
22637
  <div
22638
- class="pf-c-dropdown"
22638
+ class="pf-c-dropdown pf-m-full-height"
22639
22639
  style="--pf-c-dropdown--MaxWidth: 20ch;"
22640
22640
  >
22641
22641
  <button
@@ -23797,7 +23797,7 @@ wrapperTag: div
23797
23797
  <button
23798
23798
  class="pf-c-app-launcher__toggle"
23799
23799
  type="button"
23800
- id="-button"
23800
+ id="sticky-header-and-multiple columns-demo-masthead-icon-group--app-launcher-button"
23801
23801
  aria-expanded="false"
23802
23802
  aria-label="Application launcher"
23803
23803
  >
@@ -24474,7 +24474,7 @@ wrapperTag: div
24474
24474
  </div>
24475
24475
  <div class="pf-c-toolbar__item pf-m-hidden pf-m-visible-on-sm">
24476
24476
  <div
24477
- class="pf-c-dropdown"
24477
+ class="pf-c-dropdown pf-m-full-height"
24478
24478
  style="--pf-c-dropdown--MaxWidth: 20ch;"
24479
24479
  >
24480
24480
  <button
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.180.1",
4
+ "version": "4.182.1",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {