@patternfly/patternfly 6.0.0-alpha.169 → 6.0.0-alpha.170

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 (27) hide show
  1. package/components/Card/card.css +3 -3
  2. package/components/Card/card.scss +3 -3
  3. package/components/_index.css +3 -3
  4. package/docs/components/InputGroup/examples/InputGroup.md +11 -53
  5. package/docs/components/Login/examples/Login.md +11 -42
  6. package/docs/demos/Card/examples/Card.md +64 -324
  7. package/docs/demos/CardView/examples/CardView.md +11 -103
  8. package/docs/demos/Dashboard/examples/Dashboard.md +22 -128
  9. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +105 -794
  10. package/docs/demos/Table/examples/Table.md +141 -1320
  11. package/docs/demos/Tabs/examples/Tabs.md +11 -103
  12. package/package.json +1 -1
  13. package/patternfly-no-globals.css +3 -3
  14. package/patternfly.css +3 -3
  15. package/patternfly.min.css +1 -1
  16. package/patternfly.min.css.map +1 -1
  17. package/docs/components/AppLauncher/deprecated/application-launcher.css +0 -25
  18. package/docs/components/AppLauncher/deprecated/application-launcher.md +0 -792
  19. package/docs/components/ContextSelector/deprecated/context-selector.css +0 -7
  20. package/docs/components/ContextSelector/deprecated/context-selector.md +0 -907
  21. package/docs/components/Dropdown/deprecated/Dropdown.css +0 -64
  22. package/docs/components/Dropdown/deprecated/Dropdown.md +0 -2920
  23. package/docs/components/OptionsMenu/deprecated/options-menu.css +0 -25
  24. package/docs/components/OptionsMenu/deprecated/options-menu.md +0 -1014
  25. package/docs/components/Select/deprecated/Select.css +0 -56
  26. package/docs/components/Select/deprecated/Select.md +0 -3609
  27. package/docs/demos/ContextSelector/examples/ContextSelector.md +0 -1781
package/docs/demos/CardView/examples/CardView.md CHANGED
@@ -439,111 +439,19 @@ section: patterns
439
439
  </div>
440
440
 
441
441
  <div class="pf-v6-c-toolbar__item">
442
- <div class="pf-v6-c-select">
443
- <span
444
- id="card-view-basic-example-toolbar-select-checkbox-status-label"
445
- hidden
446
- >Choose many</span>
447
-
448
- <button
449
- class="pf-v6-c-select__toggle"
450
- type="button"
451
- id="card-view-basic-example-toolbar-select-checkbox-status-toggle"
452
- aria-haspopup="true"
453
- aria-expanded="false"
454
- aria-labelledby="card-view-basic-example-toolbar-select-checkbox-status-label card-view-basic-example-toolbar-select-checkbox-status-toggle"
455
- >
456
- <div class="pf-v6-c-select__toggle-wrapper">
457
- <span class="pf-v6-c-select__toggle-text">Status</span>
458
- </div>
459
- <span class="pf-v6-c-select__toggle-arrow">
442
+ <button
443
+ class="pf-v6-c-menu-toggle"
444
+ type="button"
445
+ aria-expanded="false"
446
+ id="card-view-basic-example-toolbar-select-checkbox-status"
447
+ >
448
+ <span class="pf-v6-c-menu-toggle__text">Status</span>
449
+ <span class="pf-v6-c-menu-toggle__controls">
450
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
460
451
  <i class="fas fa-caret-down" aria-hidden="true"></i>
461
452
  </span>
462
- </button>
463
-
464
- <div class="pf-v6-c-select__menu" hidden>
465
- <fieldset
466
- class="pf-v6-c-select__menu-fieldset"
467
- aria-label="Select input"
468
- >
469
- <label
470
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
471
- id="card-view-basic-example-toolbar-select-checkbox-status-active"
472
- for="card-view-basic-example-toolbar-select-checkbox-status-active-input"
473
- >
474
- <input
475
- class="pf-v6-c-check__input"
476
- type="checkbox"
477
- aria-describedby="card-view-basic-example-toolbar-select-checkbox-status-active-description"
478
- id="card-view-basic-example-toolbar-select-checkbox-status-active-input"
479
- name="card-view-basic-example-toolbar-select-checkbox-status-active-input"
480
- />
481
- <span class="pf-v6-c-check__label">Active</span>
482
- <span
483
- class="pf-v6-c-check__description"
484
- id="card-view-basic-example-toolbar-select-checkbox-status-active-description"
485
- >This is a description</span>
486
- </label>
487
- <label
488
- class="pf-v6-c-check pf-v6-c-select__menu-item pf-m-description"
489
- id="card-view-basic-example-toolbar-select-checkbox-status-canceled"
490
- for="card-view-basic-example-toolbar-select-checkbox-status-canceled-input"
491
- >
492
- <input
493
- class="pf-v6-c-check__input"
494
- type="checkbox"
495
- aria-describedby="card-view-basic-example-toolbar-select-checkbox-status-canceled-description"
496
- id="card-view-basic-example-toolbar-select-checkbox-status-canceled-input"
497
- name="card-view-basic-example-toolbar-select-checkbox-status-canceled-input"
498
- />
499
- <span class="pf-v6-c-check__label">Canceled</span>
500
- <span
501
- class="pf-v6-c-check__description"
502
- id="card-view-basic-example-toolbar-select-checkbox-status-canceled-description"
503
- >This is a really long description that describes the menu item. This is a really long description that describes the menu item.</span>
504
- </label>
505
- <label
506
- class="pf-v6-c-check pf-v6-c-select__menu-item"
507
- id="card-view-basic-example-toolbar-select-checkbox-status-paused"
508
- for="card-view-basic-example-toolbar-select-checkbox-status-paused-input"
509
- >
510
- <input
511
- class="pf-v6-c-check__input"
512
- type="checkbox"
513
- id="card-view-basic-example-toolbar-select-checkbox-status-paused-input"
514
- name="card-view-basic-example-toolbar-select-checkbox-status-paused-input"
515
- />
516
- <span class="pf-v6-c-check__label">Paused</span>
517
- </label>
518
- <label
519
- class="pf-v6-c-check pf-v6-c-select__menu-item"
520
- id="card-view-basic-example-toolbar-select-checkbox-status-warning"
521
- for="card-view-basic-example-toolbar-select-checkbox-status-warning-input"
522
- >
523
- <input
524
- class="pf-v6-c-check__input"
525
- type="checkbox"
526
- id="card-view-basic-example-toolbar-select-checkbox-status-warning-input"
527
- name="card-view-basic-example-toolbar-select-checkbox-status-warning-input"
528
- />
529
- <span class="pf-v6-c-check__label">Warning</span>
530
- </label>
531
- <label
532
- class="pf-v6-c-check pf-v6-c-select__menu-item"
533
- id="card-view-basic-example-toolbar-select-checkbox-status-restarted"
534
- for="card-view-basic-example-toolbar-select-checkbox-status-restarted-input"
535
- >
536
- <input
537
- class="pf-v6-c-check__input"
538
- type="checkbox"
539
- id="card-view-basic-example-toolbar-select-checkbox-status-restarted-input"
540
- name="card-view-basic-example-toolbar-select-checkbox-status-restarted-input"
541
- />
542
- <span class="pf-v6-c-check__label">Restarted</span>
543
- </label>
544
- </fieldset>
545
- </div>
546
- </div>
453
+ </span>
454
+ </button>
547
455
  </div>
548
456
  </div>
549
457
 
package/docs/demos/Dashboard/examples/Dashboard.md CHANGED
@@ -907,72 +907,19 @@ cssPrefix: pf-d-dashboard
907
907
  <div class="pf-v6-c-card" id="dashboard-demo-line-chart-card-1">
908
908
  <div class="pf-v6-c-card__header">
909
909
  <div class="pf-v6-c-card__actions pf-m-no-offset">
910
- <div class="pf-v6-c-select">
911
- <span
912
- id="dashboard-demo-line-chart-card-1-select-dropdown-label"
913
- hidden
914
- >Choose one</span>
915
-
916
- <button
917
- class="pf-v6-c-select__toggle pf-m-plain"
918
- type="button"
919
- id="dashboard-demo-line-chart-card-1-select-dropdown-toggle"
920
- aria-haspopup="true"
921
- aria-expanded="false"
922
- aria-labelledby="dashboard-demo-line-chart-card-1-select-dropdown-label dashboard-demo-line-chart-card-1-select-dropdown-toggle"
923
- >
924
- <div class="pf-v6-c-select__toggle-wrapper">
925
- <span class="pf-v6-c-select__toggle-text">24 hours</span>
926
- </div>
927
- <span class="pf-v6-c-select__toggle-arrow">
910
+ <button
911
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
912
+ type="button"
913
+ aria-expanded="false"
914
+ id="dashboard-demo-line-chart-card-1-select-dropdown"
915
+ >
916
+ <span class="pf-v6-c-menu-toggle__text">24 hours</span>
917
+ <span class="pf-v6-c-menu-toggle__controls">
918
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
928
919
  <i class="fas fa-caret-down" aria-hidden="true"></i>
929
920
  </span>
930
- </button>
931
-
932
- <ul
933
- class="pf-v6-c-select__menu pf-m-align-right"
934
- role="listbox"
935
- aria-labelledby="dashboard-demo-line-chart-card-1-select-dropdown-label"
936
- hidden
937
- >
938
- <li role="presentation">
939
- <button
940
- class="pf-v6-c-select__menu-item"
941
- role="option"
942
- >Running</button>
943
- </li>
944
- <li role="presentation">
945
- <button
946
- class="pf-v6-c-select__menu-item pf-m-selected"
947
- role="option"
948
- aria-selected="true"
949
- >
950
- Stopped
951
- <span class="pf-v6-c-select__menu-item-icon">
952
- <i class="fas fa-check" aria-hidden="true"></i>
953
- </span>
954
- </button>
955
- </li>
956
- <li role="presentation">
957
- <button
958
- class="pf-v6-c-select__menu-item"
959
- role="option"
960
- >Down</button>
961
- </li>
962
- <li role="presentation">
963
- <button
964
- class="pf-v6-c-select__menu-item"
965
- role="option"
966
- >Degraded</button>
967
- </li>
968
- <li role="presentation">
969
- <button
970
- class="pf-v6-c-select__menu-item"
971
- role="option"
972
- >Needs maintenance</button>
973
- </li>
974
- </ul>
975
- </div>
921
+ </span>
922
+ </button>
976
923
  </div>
977
924
  <div
978
925
  class="pf-v6-c-card__title"
@@ -1437,72 +1384,19 @@ cssPrefix: pf-d-dashboard
1437
1384
  <div class="pf-v6-c-card" id="dashboard-demo-events-card-1">
1438
1385
  <div class="pf-v6-c-card__header">
1439
1386
  <div class="pf-v6-c-card__actions pf-m-no-offset">
1440
- <div class="pf-v6-c-select">
1441
- <span
1442
- id="dashboard-demo-events-card-1-select-dropdown-label"
1443
- hidden
1444
- >Choose one</span>
1445
-
1446
- <button
1447
- class="pf-v6-c-select__toggle pf-m-plain"
1448
- type="button"
1449
- id="dashboard-demo-events-card-1-select-dropdown-toggle"
1450
- aria-haspopup="true"
1451
- aria-expanded="false"
1452
- aria-labelledby="dashboard-demo-events-card-1-select-dropdown-label dashboard-demo-events-card-1-select-dropdown-toggle"
1453
- >
1454
- <div class="pf-v6-c-select__toggle-wrapper">
1455
- <span class="pf-v6-c-select__toggle-text">Status</span>
1456
- </div>
1457
- <span class="pf-v6-c-select__toggle-arrow">
1387
+ <button
1388
+ class="pf-v6-c-menu-toggle pf-m-plain pf-m-text"
1389
+ type="button"
1390
+ aria-expanded="false"
1391
+ id="dashboard-demo-events-card-1-select-dropdown"
1392
+ >
1393
+ <span class="pf-v6-c-menu-toggle__text">Status</span>
1394
+ <span class="pf-v6-c-menu-toggle__controls">
1395
+ <span class="pf-v6-c-menu-toggle__toggle-icon">
1458
1396
  <i class="fas fa-caret-down" aria-hidden="true"></i>
1459
1397
  </span>
1460
- </button>
1461
-
1462
- <ul
1463
- class="pf-v6-c-select__menu pf-m-align-right"
1464
- role="listbox"
1465
- aria-labelledby="dashboard-demo-events-card-1-select-dropdown-label"
1466
- hidden
1467
- >
1468
- <li role="presentation">
1469
- <button
1470
- class="pf-v6-c-select__menu-item"
1471
- role="option"
1472
- >Running</button>
1473
- </li>
1474
- <li role="presentation">
1475
- <button
1476
- class="pf-v6-c-select__menu-item pf-m-selected"
1477
- role="option"
1478
- aria-selected="true"
1479
- >
1480
- Stopped
1481
- <span class="pf-v6-c-select__menu-item-icon">
1482
- <i class="fas fa-check" aria-hidden="true"></i>
1483
- </span>
1484
- </button>
1485
- </li>
1486
- <li role="presentation">
1487
- <button
1488
- class="pf-v6-c-select__menu-item"
1489
- role="option"
1490
- >Down</button>
1491
- </li>
1492
- <li role="presentation">
1493
- <button
1494
- class="pf-v6-c-select__menu-item"
1495
- role="option"
1496
- >Degraded</button>
1497
- </li>
1498
- <li role="presentation">
1499
- <button
1500
- class="pf-v6-c-select__menu-item"
1501
- role="option"
1502
- >Needs maintenance</button>
1503
- </li>
1504
- </ul>
1505
- </div>
1398
+ </span>
1399
+ </button>
1506
1400
  </div>
1507
1401
  <div
1508
1402
  class="pf-v6-c-card__title"