@patternfly/patternfly 4.210.1 → 4.212.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 (42) hide show
  1. package/RELEASE-NOTES.md +27 -0
  2. package/components/LogViewer/log-viewer.css +15 -8
  3. package/components/LogViewer/log-viewer.scss +16 -8
  4. package/components/Masthead/masthead.css +1 -1
  5. package/components/Masthead/masthead.scss +1 -1
  6. package/components/NotificationBadge/notification-badge.css +13 -1
  7. package/components/NotificationBadge/notification-badge.scss +13 -1
  8. package/components/NotificationBadge/themes/dark/notification-badge.scss +2 -0
  9. package/components/Page/page.css +1 -0
  10. package/components/Page/page.scss +1 -0
  11. package/docs/components/Dropdown/examples/Dropdown.md +2 -2
  12. package/docs/components/LogViewer/examples/LogViewer.md +553 -1
  13. package/docs/components/NotificationBadge/examples/NotificationBadge.md +81 -24
  14. package/docs/components/Tabs/examples/Tabs.md +866 -139
  15. package/docs/demos/AboutModal/examples/AboutModal.md +1 -12
  16. package/docs/demos/Alert/examples/Alert.md +3 -36
  17. package/docs/demos/BackToTop/examples/BackToTop.md +1 -12
  18. package/docs/demos/Banner/examples/Banner.md +2 -24
  19. package/docs/demos/Card/examples/Card.md +15 -3
  20. package/docs/demos/CardView/examples/CardView.md +1 -12
  21. package/docs/demos/ContextSelector/examples/ContextSelector.md +3 -36
  22. package/docs/demos/Dashboard/examples/Dashboard.md +1 -12
  23. package/docs/demos/DataList/examples/DataList.md +4 -48
  24. package/docs/demos/DescriptionList/examples/DescriptionList.md +5 -36
  25. package/docs/demos/Drawer/examples/Drawer.md +7 -60
  26. package/docs/demos/JumpLinks/examples/JumpLinks.md +6 -72
  27. package/docs/demos/Masthead/examples/Masthead.md +2 -24
  28. package/docs/demos/Modal/examples/Modal.md +6 -72
  29. package/docs/demos/Nav/examples/Nav.md +8 -96
  30. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +30 -23
  31. package/docs/demos/Page/examples/Page.md +9 -108
  32. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +19 -85
  33. package/docs/demos/Skeleton/examples/Skeleton.md +1 -12
  34. package/docs/demos/Table/examples/Table.md +14 -168
  35. package/docs/demos/Tabs/examples/Tabs.md +56 -96
  36. package/docs/demos/Toolbar/examples/Toolbar.md +1 -12
  37. package/docs/demos/Wizard/examples/Wizard.md +8 -96
  38. package/package.json +3 -3
  39. package/patternfly-no-reset.css +30 -10
  40. package/patternfly.css +30 -10
  41. package/patternfly.min.css +1 -1
  42. package/patternfly.min.css.map +1 -1
package/docs/demos/Tabs/examples/Tabs.md CHANGED
@@ -49,17 +49,6 @@ section: components
49
49
  <div
50
50
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
51
51
  >
52
- <div class="pf-c-toolbar__item">
53
- <button
54
- class="pf-c-button pf-m-plain"
55
- type="button"
56
- aria-label="Notifications"
57
- >
58
- <span class="pf-c-notification-badge">
59
- <i class="pf-icon-bell" aria-hidden="true"></i>
60
- </span>
61
- </button>
62
- </div>
63
52
  <div
64
53
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
65
54
  >
@@ -67,7 +56,7 @@ section: components
67
56
  <nav
68
57
  class="pf-c-app-launcher"
69
58
  aria-label="Application launcher"
70
- id="tabs-tables-and-tabs-example-masthead-icon-group--app-launcher"
59
+ id="tabs-tables-and-tabs-example-masthead-application-launcher"
71
60
  >
72
61
  <button
73
62
  class="pf-c-app-launcher__toggle"
@@ -894,6 +883,7 @@ section: components
894
883
  <ul class="pf-c-tabs__list">
895
884
  <li class="pf-c-tabs__item pf-m-current">
896
885
  <button
886
+ type="button"
897
887
  class="pf-c-tabs__link"
898
888
  aria-controls="tabs-tables-and-tabs-example-tabs-details-panel"
899
889
  id="tabs-tables-and-tabs-example-tabs-details-link"
@@ -903,6 +893,7 @@ section: components
903
893
  </li>
904
894
  <li class="pf-c-tabs__item">
905
895
  <button
896
+ type="button"
906
897
  class="pf-c-tabs__link"
907
898
  aria-controls="tabs-tables-and-tabs-example-tabs-yaml-panel"
908
899
  id="tabs-tables-and-tabs-example-tabs-yaml-link"
@@ -912,6 +903,7 @@ section: components
912
903
  </li>
913
904
  <li class="pf-c-tabs__item">
914
905
  <button
906
+ type="button"
915
907
  class="pf-c-tabs__link"
916
908
  aria-controls="tabs-tables-and-tabs-example-tabs-environment-panel"
917
909
  id="tabs-tables-and-tabs-example-tabs-environment-link"
@@ -921,6 +913,7 @@ section: components
921
913
  </li>
922
914
  <li class="pf-c-tabs__item">
923
915
  <button
916
+ type="button"
924
917
  class="pf-c-tabs__link"
925
918
  aria-controls="tabs-tables-and-tabs-example-tabs-logs-panel"
926
919
  id="tabs-tables-and-tabs-example-tabs-logs-link"
@@ -930,6 +923,7 @@ section: components
930
923
  </li>
931
924
  <li class="pf-c-tabs__item">
932
925
  <button
926
+ type="button"
933
927
  class="pf-c-tabs__link"
934
928
  aria-controls="tabs-tables-and-tabs-example-tabs-events-panel"
935
929
  id="tabs-tables-and-tabs-example-tabs-events-link"
@@ -939,6 +933,7 @@ section: components
939
933
  </li>
940
934
  <li class="pf-c-tabs__item">
941
935
  <button
936
+ type="button"
942
937
  class="pf-c-tabs__link"
943
938
  aria-controls="tabs-tables-and-tabs-example-tabs-terminal-panel"
944
939
  id="tabs-tables-and-tabs-example-tabs-terminal-link"
@@ -1210,17 +1205,6 @@ section: components
1210
1205
  <div
1211
1206
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
1212
1207
  >
1213
- <div class="pf-c-toolbar__item">
1214
- <button
1215
- class="pf-c-button pf-m-plain"
1216
- type="button"
1217
- aria-label="Notifications"
1218
- >
1219
- <span class="pf-c-notification-badge">
1220
- <i class="pf-icon-bell" aria-hidden="true"></i>
1221
- </span>
1222
- </button>
1223
- </div>
1224
1208
  <div
1225
1209
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
1226
1210
  >
@@ -1228,7 +1212,7 @@ section: components
1228
1212
  <nav
1229
1213
  class="pf-c-app-launcher"
1230
1214
  aria-label="Application launcher"
1231
- id="tabs-tables-and-tabs-example-masthead-icon-group--app-launcher"
1215
+ id="tabs-tables-and-tabs-example-masthead-application-launcher"
1232
1216
  >
1233
1217
  <button
1234
1218
  class="pf-c-app-launcher__toggle"
@@ -2054,6 +2038,7 @@ section: components
2054
2038
  <ul class="pf-c-tabs__list">
2055
2039
  <li class="pf-c-tabs__item pf-m-current">
2056
2040
  <button
2041
+ type="button"
2057
2042
  class="pf-c-tabs__link"
2058
2043
  aria-controls="tabs-tables-and-tabs-example-tabs-details-panel"
2059
2044
  id="tabs-tables-and-tabs-example-tabs-details-link"
@@ -2063,6 +2048,7 @@ section: components
2063
2048
  </li>
2064
2049
  <li class="pf-c-tabs__item">
2065
2050
  <button
2051
+ type="button"
2066
2052
  class="pf-c-tabs__link"
2067
2053
  aria-controls="tabs-tables-and-tabs-example-tabs-yaml-panel"
2068
2054
  id="tabs-tables-and-tabs-example-tabs-yaml-link"
@@ -2072,6 +2058,7 @@ section: components
2072
2058
  </li>
2073
2059
  <li class="pf-c-tabs__item">
2074
2060
  <button
2061
+ type="button"
2075
2062
  class="pf-c-tabs__link"
2076
2063
  aria-controls="tabs-tables-and-tabs-example-tabs-environment-panel"
2077
2064
  id="tabs-tables-and-tabs-example-tabs-environment-link"
@@ -2081,6 +2068,7 @@ section: components
2081
2068
  </li>
2082
2069
  <li class="pf-c-tabs__item">
2083
2070
  <button
2071
+ type="button"
2084
2072
  class="pf-c-tabs__link"
2085
2073
  aria-controls="tabs-tables-and-tabs-example-tabs-logs-panel"
2086
2074
  id="tabs-tables-and-tabs-example-tabs-logs-link"
@@ -2090,6 +2078,7 @@ section: components
2090
2078
  </li>
2091
2079
  <li class="pf-c-tabs__item">
2092
2080
  <button
2081
+ type="button"
2093
2082
  class="pf-c-tabs__link"
2094
2083
  aria-controls="tabs-tables-and-tabs-example-tabs-events-panel"
2095
2084
  id="tabs-tables-and-tabs-example-tabs-events-link"
@@ -2099,6 +2088,7 @@ section: components
2099
2088
  </li>
2100
2089
  <li class="pf-c-tabs__item">
2101
2090
  <button
2091
+ type="button"
2102
2092
  class="pf-c-tabs__link"
2103
2093
  aria-controls="tabs-tables-and-tabs-example-tabs-terminal-panel"
2104
2094
  id="tabs-tables-and-tabs-example-tabs-terminal-link"
@@ -2121,6 +2111,7 @@ section: components
2121
2111
  <ul class="pf-c-tabs__list">
2122
2112
  <li class="pf-c-tabs__item pf-m-current">
2123
2113
  <button
2114
+ type="button"
2124
2115
  class="pf-c-tabs__link"
2125
2116
  aria-controls="tabs-tables-and-tabs-example-tabs-secondary-pod-info-panel"
2126
2117
  id="tabs-tables-and-tabs-example-tabs-secondary-pod-info-link"
@@ -2130,6 +2121,7 @@ section: components
2130
2121
  </li>
2131
2122
  <li class="pf-c-tabs__item">
2132
2123
  <button
2124
+ type="button"
2133
2125
  class="pf-c-tabs__link"
2134
2126
  aria-controls="tabs-tables-and-tabs-example-tabs-secondary-editable-aspects-panel"
2135
2127
  id="tabs-tables-and-tabs-example-tabs-secondary-editable-aspects-link"
@@ -2371,17 +2363,6 @@ section: components
2371
2363
  <div
2372
2364
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
2373
2365
  >
2374
- <div class="pf-c-toolbar__item">
2375
- <button
2376
- class="pf-c-button pf-m-plain"
2377
- type="button"
2378
- aria-label="Notifications"
2379
- >
2380
- <span class="pf-c-notification-badge">
2381
- <i class="pf-icon-bell" aria-hidden="true"></i>
2382
- </span>
2383
- </button>
2384
- </div>
2385
2366
  <div
2386
2367
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
2387
2368
  >
@@ -2389,7 +2370,7 @@ section: components
2389
2370
  <nav
2390
2371
  class="pf-c-app-launcher"
2391
2372
  aria-label="Application launcher"
2392
- id="nested-tabs-example-masthead-icon-group--app-launcher"
2373
+ id="nested-tabs-example-masthead-application-launcher"
2393
2374
  >
2394
2375
  <button
2395
2376
  class="pf-c-app-launcher__toggle"
@@ -3215,6 +3196,7 @@ section: components
3215
3196
  <ul class="pf-c-tabs__list">
3216
3197
  <li class="pf-c-tabs__item pf-m-current">
3217
3198
  <button
3199
+ type="button"
3218
3200
  class="pf-c-tabs__link"
3219
3201
  aria-controls="nested-tabs-example-tabs-tabs-cluster-1-panel"
3220
3202
  id="nested-tabs-example-tabs-tabs-cluster-1-link"
@@ -3224,6 +3206,7 @@ section: components
3224
3206
  </li>
3225
3207
  <li class="pf-c-tabs__item">
3226
3208
  <button
3209
+ type="button"
3227
3210
  class="pf-c-tabs__link"
3228
3211
  aria-controls="nested-tabs-example-tabs-tabs-cluster-2-panel"
3229
3212
  id="nested-tabs-example-tabs-tabs-cluster-2-link"
@@ -3261,6 +3244,7 @@ section: components
3261
3244
  <ul class="pf-c-tabs__list">
3262
3245
  <li class="pf-c-tabs__item pf-m-current">
3263
3246
  <button
3247
+ type="button"
3264
3248
  class="pf-c-tabs__link"
3265
3249
  aria-controls="nested-tabs-example-tabs-tabs-subtabs-cluster-panel"
3266
3250
  id="nested-tabs-example-tabs-tabs-subtabs-cluster-link"
@@ -3270,6 +3254,7 @@ section: components
3270
3254
  </li>
3271
3255
  <li class="pf-c-tabs__item">
3272
3256
  <button
3257
+ type="button"
3273
3258
  class="pf-c-tabs__link"
3274
3259
  aria-controls="nested-tabs-example-tabs-tabs-subtabs-control-plane-panel"
3275
3260
  id="nested-tabs-example-tabs-tabs-subtabs-control-plane-link"
@@ -3279,6 +3264,7 @@ section: components
3279
3264
  </li>
3280
3265
  <li class="pf-c-tabs__item">
3281
3266
  <button
3267
+ type="button"
3282
3268
  class="pf-c-tabs__link"
3283
3269
  aria-controls="nested-tabs-example-tabs-tabs-subtabs-operators-panel"
3284
3270
  id="nested-tabs-example-tabs-tabs-subtabs-operators-link"
@@ -3288,6 +3274,7 @@ section: components
3288
3274
  </li>
3289
3275
  <li class="pf-c-tabs__item">
3290
3276
  <button
3277
+ type="button"
3291
3278
  class="pf-c-tabs__link"
3292
3279
  aria-controls="nested-tabs-example-tabs-tabs-subtabs-virtualization-panel"
3293
3280
  id="nested-tabs-example-tabs-tabs-subtabs-virtualization-link"
@@ -3441,17 +3428,6 @@ section: components
3441
3428
  <div
3442
3429
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
3443
3430
  >
3444
- <div class="pf-c-toolbar__item">
3445
- <button
3446
- class="pf-c-button pf-m-plain"
3447
- type="button"
3448
- aria-label="Notifications"
3449
- >
3450
- <span class="pf-c-notification-badge">
3451
- <i class="pf-icon-bell" aria-hidden="true"></i>
3452
- </span>
3453
- </button>
3454
- </div>
3455
3431
  <div
3456
3432
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
3457
3433
  >
@@ -3459,7 +3435,7 @@ section: components
3459
3435
  <nav
3460
3436
  class="pf-c-app-launcher"
3461
3437
  aria-label="Application launcher"
3462
- id="table-tabs-example-masthead-icon-group--app-launcher"
3438
+ id="table-tabs-example-masthead-application-launcher"
3463
3439
  >
3464
3440
  <button
3465
3441
  class="pf-c-app-launcher__toggle"
@@ -4281,6 +4257,7 @@ section: components
4281
4257
  <ul class="pf-c-tabs__list">
4282
4258
  <li class="pf-c-tabs__item pf-m-current">
4283
4259
  <button
4260
+ type="button"
4284
4261
  class="pf-c-tabs__link"
4285
4262
  aria-controls="table-tabs-example-tabs-tabs-nodes-panel"
4286
4263
  id="table-tabs-example-tabs-tabs-nodes-link"
@@ -4290,6 +4267,7 @@ section: components
4290
4267
  </li>
4291
4268
  <li class="pf-c-tabs__item">
4292
4269
  <button
4270
+ type="button"
4293
4271
  class="pf-c-tabs__link"
4294
4272
  aria-controls="table-tabs-example-tabs-tabs-node-connectors-panel"
4295
4273
  id="table-tabs-example-tabs-tabs-node-connectors-link"
@@ -5659,6 +5637,7 @@ section: components
5659
5637
  <div class="pf-c-tabs pf-m-box pf-m-fill" id="-tabs">
5660
5638
  <button
5661
5639
  class="pf-c-tabs__scroll-button"
5640
+ type="button"
5662
5641
  aria-label="Scroll left"
5663
5642
  >
5664
5643
  <i class="fas fa-angle-left" aria-hidden="true"></i>
@@ -5666,6 +5645,7 @@ section: components
5666
5645
  <ul class="pf-c-tabs__list">
5667
5646
  <li class="pf-c-tabs__item pf-m-current">
5668
5647
  <button
5648
+ type="button"
5669
5649
  class="pf-c-tabs__link"
5670
5650
  aria-controls="-tabs-tab1-panel"
5671
5651
  id="-tabs-tab1-link"
@@ -5675,6 +5655,7 @@ section: components
5675
5655
  </li>
5676
5656
  <li class="pf-c-tabs__item">
5677
5657
  <button
5658
+ type="button"
5678
5659
  class="pf-c-tabs__link"
5679
5660
  aria-controls="-tabs-tab2-panel"
5680
5661
  id="-tabs-tab2-link"
@@ -5685,6 +5666,7 @@ section: components
5685
5666
  </ul>
5686
5667
  <button
5687
5668
  class="pf-c-tabs__scroll-button"
5669
+ type="button"
5688
5670
  aria-label="Scroll right"
5689
5671
  >
5690
5672
  <i class="fas fa-angle-right" aria-hidden="true"></i>
@@ -5851,17 +5833,6 @@ section: components
5851
5833
  <div
5852
5834
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
5853
5835
  >
5854
- <div class="pf-c-toolbar__item">
5855
- <button
5856
- class="pf-c-button pf-m-plain"
5857
- type="button"
5858
- aria-label="Notifications"
5859
- >
5860
- <span class="pf-c-notification-badge">
5861
- <i class="pf-icon-bell" aria-hidden="true"></i>
5862
- </span>
5863
- </button>
5864
- </div>
5865
5836
  <div
5866
5837
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
5867
5838
  >
@@ -5869,7 +5840,7 @@ section: components
5869
5840
  <nav
5870
5841
  class="pf-c-app-launcher"
5871
5842
  aria-label="Application launcher"
5872
- id="table-tabs-example-masthead-icon-group--app-launcher"
5843
+ id="table-tabs-example-masthead-application-launcher"
5873
5844
  >
5874
5845
  <button
5875
5846
  class="pf-c-app-launcher__toggle"
@@ -6692,6 +6663,7 @@ section: components
6692
6663
  <ul class="pf-c-tabs__list">
6693
6664
  <li class="pf-c-tabs__item pf-m-current">
6694
6665
  <button
6666
+ type="button"
6695
6667
  class="pf-c-tabs__link"
6696
6668
  aria-controls="table-tabs-example-tabs-tabs-nodes-panel"
6697
6669
  id="table-tabs-example-tabs-tabs-nodes-link"
@@ -6701,6 +6673,7 @@ section: components
6701
6673
  </li>
6702
6674
  <li class="pf-c-tabs__item">
6703
6675
  <button
6676
+ type="button"
6704
6677
  class="pf-c-tabs__link"
6705
6678
  aria-controls="table-tabs-example-tabs-tabs-node-connectors-panel"
6706
6679
  id="table-tabs-example-tabs-tabs-node-connectors-link"
@@ -8073,6 +8046,7 @@ section: components
8073
8046
  >
8074
8047
  <button
8075
8048
  class="pf-c-tabs__scroll-button"
8049
+ type="button"
8076
8050
  aria-label="Scroll left"
8077
8051
  >
8078
8052
  <i class="fas fa-angle-left" aria-hidden="true"></i>
@@ -8080,6 +8054,7 @@ section: components
8080
8054
  <ul class="pf-c-tabs__list">
8081
8055
  <li class="pf-c-tabs__item pf-m-current">
8082
8056
  <button
8057
+ type="button"
8083
8058
  class="pf-c-tabs__link"
8084
8059
  aria-controls="-tabs-tab1-panel"
8085
8060
  id="-tabs-tab1-link"
@@ -8089,6 +8064,7 @@ section: components
8089
8064
  </li>
8090
8065
  <li class="pf-c-tabs__item">
8091
8066
  <button
8067
+ type="button"
8092
8068
  class="pf-c-tabs__link"
8093
8069
  aria-controls="-tabs-tab2-panel"
8094
8070
  id="-tabs-tab2-link"
@@ -8098,6 +8074,7 @@ section: components
8098
8074
  </li>
8099
8075
  <li class="pf-c-tabs__item">
8100
8076
  <button
8077
+ type="button"
8101
8078
  class="pf-c-tabs__link"
8102
8079
  aria-controls="-tabs-tab3-panel"
8103
8080
  id="-tabs-tab3-link"
@@ -8108,6 +8085,7 @@ section: components
8108
8085
  </ul>
8109
8086
  <button
8110
8087
  class="pf-c-tabs__scroll-button"
8088
+ type="button"
8111
8089
  aria-label="Scroll right"
8112
8090
  >
8113
8091
  <i class="fas fa-angle-right" aria-hidden="true"></i>
@@ -8276,6 +8254,7 @@ section: components
8276
8254
  <ul class="pf-c-tabs__list">
8277
8255
  <li class="pf-c-tabs__item pf-m-current">
8278
8256
  <button
8257
+ type="button"
8279
8258
  class="pf-c-tabs__link"
8280
8259
  aria-controls="modal-tabs-example-tabs-details-panel"
8281
8260
  id="modal-tabs-example-tabs-details-link"
@@ -8285,6 +8264,7 @@ section: components
8285
8264
  </li>
8286
8265
  <li class="pf-c-tabs__item">
8287
8266
  <button
8267
+ type="button"
8288
8268
  class="pf-c-tabs__link"
8289
8269
  aria-controls="modal-tabs-example-tabs-documentation-panel"
8290
8270
  id="modal-tabs-example-tabs-documentation-link"
@@ -8371,17 +8351,6 @@ section: components
8371
8351
  <div
8372
8352
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
8373
8353
  >
8374
- <div class="pf-c-toolbar__item">
8375
- <button
8376
- class="pf-c-button pf-m-plain"
8377
- type="button"
8378
- aria-label="Notifications"
8379
- >
8380
- <span class="pf-c-notification-badge">
8381
- <i class="pf-icon-bell" aria-hidden="true"></i>
8382
- </span>
8383
- </button>
8384
- </div>
8385
8354
  <div
8386
8355
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
8387
8356
  >
@@ -8389,7 +8358,7 @@ section: components
8389
8358
  <nav
8390
8359
  class="pf-c-app-launcher"
8391
8360
  aria-label="Application launcher"
8392
- id="modal-tabs-example-masthead-icon-group--app-launcher"
8361
+ id="modal-tabs-example-masthead-application-launcher"
8393
8362
  >
8394
8363
  <button
8395
8364
  class="pf-c-app-launcher__toggle"
@@ -10410,17 +10379,6 @@ section: components
10410
10379
  <div
10411
10380
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
10412
10381
  >
10413
- <div class="pf-c-toolbar__item">
10414
- <button
10415
- class="pf-c-button pf-m-plain"
10416
- type="button"
10417
- aria-label="Notifications"
10418
- >
10419
- <span class="pf-c-notification-badge">
10420
- <i class="pf-icon-bell" aria-hidden="true"></i>
10421
- </span>
10422
- </button>
10423
- </div>
10424
10382
  <div
10425
10383
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
10426
10384
  >
@@ -10428,7 +10386,7 @@ section: components
10428
10386
  <nav
10429
10387
  class="pf-c-app-launcher"
10430
10388
  aria-label="Application launcher"
10431
- id="gray-tabs-example-masthead-icon-group--app-launcher"
10389
+ id="gray-tabs-example-masthead-application-launcher"
10432
10390
  >
10433
10391
  <button
10434
10392
  class="pf-c-app-launcher__toggle"
@@ -11254,6 +11212,7 @@ section: components
11254
11212
  <ul class="pf-c-tabs__list">
11255
11213
  <li class="pf-c-tabs__item">
11256
11214
  <button
11215
+ type="button"
11257
11216
  class="pf-c-tabs__link"
11258
11217
  aria-controls="gray-tabs-example-tabs-tabs-cluster-1-panel"
11259
11218
  id="gray-tabs-example-tabs-tabs-cluster-1-link"
@@ -11263,6 +11222,7 @@ section: components
11263
11222
  </li>
11264
11223
  <li class="pf-c-tabs__item pf-m-current">
11265
11224
  <button
11225
+ type="button"
11266
11226
  class="pf-c-tabs__link"
11267
11227
  aria-controls="gray-tabs-example-tabs-tabs-cluster-2-panel"
11268
11228
  id="gray-tabs-example-tabs-tabs-cluster-2-link"
@@ -11272,6 +11232,7 @@ section: components
11272
11232
  </li>
11273
11233
  <li class="pf-c-tabs__item">
11274
11234
  <button
11235
+ type="button"
11275
11236
  class="pf-c-tabs__link"
11276
11237
  aria-controls="gray-tabs-example-tabs-tabs-cluster-3-panel"
11277
11238
  id="gray-tabs-example-tabs-tabs-cluster-3-link"
@@ -11323,6 +11284,7 @@ section: components
11323
11284
  <ul class="pf-c-tabs__list">
11324
11285
  <li class="pf-c-tabs__item pf-m-current">
11325
11286
  <button
11287
+ type="button"
11326
11288
  class="pf-c-tabs__link"
11327
11289
  aria-controls="gray-tabs-example-tabs-tabs-subtabs-cluster-panel"
11328
11290
  id="gray-tabs-example-tabs-tabs-subtabs-cluster-link"
@@ -11332,6 +11294,7 @@ section: components
11332
11294
  </li>
11333
11295
  <li class="pf-c-tabs__item">
11334
11296
  <button
11297
+ type="button"
11335
11298
  class="pf-c-tabs__link"
11336
11299
  aria-controls="gray-tabs-example-tabs-tabs-subtabs-control-plane-panel"
11337
11300
  id="gray-tabs-example-tabs-tabs-subtabs-control-plane-link"
@@ -11341,6 +11304,7 @@ section: components
11341
11304
  </li>
11342
11305
  <li class="pf-c-tabs__item">
11343
11306
  <button
11307
+ type="button"
11344
11308
  class="pf-c-tabs__link"
11345
11309
  aria-controls="gray-tabs-example-tabs-tabs-subtabs-operators-panel"
11346
11310
  id="gray-tabs-example-tabs-tabs-subtabs-operators-link"
@@ -11350,6 +11314,7 @@ section: components
11350
11314
  </li>
11351
11315
  <li class="pf-c-tabs__item">
11352
11316
  <button
11317
+ type="button"
11353
11318
  class="pf-c-tabs__link"
11354
11319
  aria-controls="gray-tabs-example-tabs-tabs-subtabs-virtualization-panel"
11355
11320
  id="gray-tabs-example-tabs-tabs-subtabs-virtualization-link"
@@ -11503,17 +11468,6 @@ section: components
11503
11468
  <div
11504
11469
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
11505
11470
  >
11506
- <div class="pf-c-toolbar__item">
11507
- <button
11508
- class="pf-c-button pf-m-plain"
11509
- type="button"
11510
- aria-label="Notifications"
11511
- >
11512
- <span class="pf-c-notification-badge">
11513
- <i class="pf-icon-bell" aria-hidden="true"></i>
11514
- </span>
11515
- </button>
11516
- </div>
11517
11471
  <div
11518
11472
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
11519
11473
  >
@@ -11521,7 +11475,7 @@ section: components
11521
11475
  <nav
11522
11476
  class="pf-c-app-launcher"
11523
11477
  aria-label="Application launcher"
11524
- id="gray-tabs-example-masthead-icon-group--app-launcher"
11478
+ id="gray-tabs-example-masthead-application-launcher"
11525
11479
  >
11526
11480
  <button
11527
11481
  class="pf-c-app-launcher__toggle"
@@ -12347,6 +12301,7 @@ section: components
12347
12301
  <ul class="pf-c-tabs__list">
12348
12302
  <li class="pf-c-tabs__item">
12349
12303
  <button
12304
+ type="button"
12350
12305
  class="pf-c-tabs__link"
12351
12306
  aria-controls="gray-tabs-example-tabs-tabs-new-panel"
12352
12307
  id="gray-tabs-example-tabs-tabs-new-link"
@@ -12356,6 +12311,7 @@ section: components
12356
12311
  </li>
12357
12312
  <li class="pf-c-tabs__item pf-m-current">
12358
12313
  <button
12314
+ type="button"
12359
12315
  class="pf-c-tabs__link"
12360
12316
  aria-controls="gray-tabs-example-tabs-tabs-get-started-panel"
12361
12317
  id="gray-tabs-example-tabs-tabs-get-started-link"
@@ -12365,6 +12321,7 @@ section: components
12365
12321
  </li>
12366
12322
  <li class="pf-c-tabs__item">
12367
12323
  <button
12324
+ type="button"
12368
12325
  class="pf-c-tabs__link"
12369
12326
  aria-controls="gray-tabs-example-tabs-tabs-knowledge-panel"
12370
12327
  id="gray-tabs-example-tabs-tabs-knowledge-link"
@@ -12374,6 +12331,7 @@ section: components
12374
12331
  </li>
12375
12332
  <li class="pf-c-tabs__item">
12376
12333
  <button
12334
+ type="button"
12377
12335
  class="pf-c-tabs__link"
12378
12336
  aria-controls="gray-tabs-example-tabs-tabs-support-panel"
12379
12337
  id="gray-tabs-example-tabs-tabs-support-link"
@@ -12419,6 +12377,7 @@ section: components
12419
12377
  <ul class="pf-c-tabs__list">
12420
12378
  <li class="pf-c-tabs__item pf-m-current">
12421
12379
  <button
12380
+ type="button"
12422
12381
  class="pf-c-tabs__link"
12423
12382
  aria-controls="gray-tabs-example-tabs-subtabs-x86-panel"
12424
12383
  id="gray-tabs-example-tabs-subtabs-x86-link"
@@ -12428,6 +12387,7 @@ section: components
12428
12387
  </li>
12429
12388
  <li class="pf-c-tabs__item">
12430
12389
  <button
12390
+ type="button"
12431
12391
  class="pf-c-tabs__link"
12432
12392
  aria-controls="gray-tabs-example-tabs-subtabs-additional-architectures-panel"
12433
12393
  id="gray-tabs-example-tabs-subtabs-additional-architectures-link"
package/docs/demos/Toolbar/examples/Toolbar.md CHANGED
@@ -1822,17 +1822,6 @@ section: components
1822
1822
  <div
1823
1823
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-align-right pf-m-spacer-none pf-m-spacer-md-on-md"
1824
1824
  >
1825
- <div class="pf-c-toolbar__item">
1826
- <button
1827
- class="pf-c-button pf-m-plain"
1828
- type="button"
1829
- aria-label="Notifications"
1830
- >
1831
- <span class="pf-c-notification-badge">
1832
- <i class="pf-icon-bell" aria-hidden="true"></i>
1833
- </span>
1834
- </button>
1835
- </div>
1836
1825
  <div
1837
1826
  class="pf-c-toolbar__group pf-m-icon-button-group pf-m-hidden pf-m-visible-on-lg"
1838
1827
  >
@@ -1840,7 +1829,7 @@ section: components
1840
1829
  <nav
1841
1830
  class="pf-c-app-launcher"
1842
1831
  aria-label="Application launcher"
1843
- id="toolbar-pagination-management-example-masthead-icon-group--app-launcher"
1832
+ id="toolbar-pagination-management-example-masthead-application-launcher"
1844
1833
  >
1845
1834
  <button
1846
1835
  class="pf-c-app-launcher__toggle"