@patternfly/patternfly 6.0.0-alpha.226 → 6.0.0-alpha.227

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 (22) hide show
  1. package/components/Table/table.css +39 -34
  2. package/components/Table/table.scss +48 -45
  3. package/components/_index.css +39 -34
  4. package/docs/components/Check/examples/Check.md +10 -15
  5. package/docs/components/DataList/examples/DataList.md +0 -13
  6. package/docs/components/InlineEdit/examples/InlineEdit.md +34 -7
  7. package/docs/components/Menu/examples/Menu.md +3 -12
  8. package/docs/components/Table/examples/Table.md +3796 -1216
  9. package/docs/components/Toolbar/examples/Toolbar.md +0 -5
  10. package/docs/demos/Card/examples/Card.md +38 -14
  11. package/docs/demos/CardView/examples/CardView.md +0 -1
  12. package/docs/demos/DataList/examples/DataList.md +65 -53
  13. package/docs/demos/DescriptionList/examples/DescriptionList.md +30 -5
  14. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +0 -1
  15. package/docs/demos/Table/examples/Table.md +1482 -548
  16. package/docs/demos/Tabs/examples/Tabs.md +66 -48
  17. package/docs/demos/Toolbar/examples/Toolbar.md +176 -58
  18. package/package.json +1 -1
  19. package/patternfly-no-globals.css +39 -34
  20. package/patternfly.css +39 -34
  21. package/patternfly.min.css +1 -1
  22. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -22572,6 +22572,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22572
22572
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead) {
22573
22573
  --pf-v6-c-table--cell--FontSize: var(--pf-v6-c-table__thead--cell--FontSize);
22574
22574
  --pf-v6-c-table--cell--FontWeight: var(--pf-v6-c-table__thead--cell--FontWeight);
22575
+ --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
22576
+ --pf-v6-c-table--cell--MaxWidth: var(--pf-v6-c-table--m-truncate--cell--MaxWidth);
22577
+ --pf-v6-c-table--cell--Overflow: hidden;
22578
+ --pf-v6-c-table--cell--TextOverflow: ellipsis;
22579
+ --pf-v6-c-table--cell--WhiteSpace: nowrap;
22575
22580
  }
22576
22581
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nested-column-header button:where(.pf-v6-c-button) {
22577
22582
  outline-offset: var(--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset);
@@ -22598,40 +22603,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22598
22603
  .pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td).pf-m-help {
22599
22604
  min-width: var(--pf-v6-c-table__th--m-help--MinWidth);
22600
22605
  }
22601
- .pf-v6-c-table > thead, .pf-v6-c-table :where([class*=pf-v6-c-table]).pf-m-truncate, :where(.pf-v6-c-table) > :is(thead, tbody).pf-m-truncate {
22602
- --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
22603
- --pf-v6-c-table--cell--MaxWidth: var(--pf-v6-c-table--m-truncate--cell--MaxWidth);
22604
- --pf-v6-c-table--cell--Overflow: hidden;
22605
- --pf-v6-c-table--cell--TextOverflow: ellipsis;
22606
- --pf-v6-c-table--cell--WhiteSpace: nowrap;
22607
- }
22608
-
22609
- .pf-v6-c-table :where([class*=pf-v6-c-table]).pf-m-wrap, :where(.pf-v6-c-table) > :is(thead, tbody).pf-m-wrap {
22610
- --pf-v6-c-table--cell--MinWidth: 0;
22611
- --pf-v6-c-table--cell--MaxWidth: none;
22612
- --pf-v6-c-table--cell--Overflow: visible;
22613
- --pf-v6-c-table--cell--TextOverflow: clip;
22614
- --pf-v6-c-table--cell--WhiteSpace: normal;
22615
- }
22616
- .pf-v6-c-table :where([class*=pf-v6-c-table]).pf-m-nowrap, :where(.pf-v6-c-table) > :is(thead, tbody).pf-m-nowrap {
22617
- --pf-v6-c-table--cell--MinWidth: 0;
22618
- --pf-v6-c-table--cell--MaxWidth: none;
22619
- --pf-v6-c-table--cell--Overflow: visible;
22620
- --pf-v6-c-table--cell--TextOverflow: clip;
22621
- --pf-v6-c-table--cell--WhiteSpace: nowrap;
22622
- }
22623
- .pf-v6-c-table :where([class*=pf-v6-c-table]) .pf-v6-c-table__icon, .pf-v6-c-table :where([class*=pf-v6-c-table]).pf-m-fit-content, :where(.pf-v6-c-table) > :is(thead, tbody) .pf-v6-c-table__icon, :where(.pf-v6-c-table) > :is(thead, tbody).pf-m-fit-content {
22624
- --pf-v6-c-table--cell--MinWidth: fit-content;
22625
- --pf-v6-c-table--cell--MaxWidth: none;
22626
- --pf-v6-c-table--cell--Width: 1%;
22627
- --pf-v6-c-table--cell--Overflow: visible;
22628
- --pf-v6-c-table--cell--TextOverflow: clip;
22629
- --pf-v6-c-table--cell--WhiteSpace: nowrap;
22630
- }
22631
- .pf-v6-c-table :where([class*=pf-v6-c-table]).pf-m-break-word, :where(.pf-v6-c-table) > :is(thead, tbody).pf-m-break-word {
22632
- --pf-v6-c-table--cell--WordBreak: break-word;
22633
- --pf-v6-c-table--cell--WhiteSpace: normal;
22634
- }
22635
22606
  .pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody) {
22636
22607
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
22637
22608
  --pf-v6-c-table__tbody--BorderBlockEndWidth: 0;
@@ -22695,6 +22666,40 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22695
22666
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
22696
22667
  }
22697
22668
 
22669
+ [class*=pf-v6-c-table].pf-m-truncate {
22670
+ --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
22671
+ --pf-v6-c-table--cell--MaxWidth: var(--pf-v6-c-table--m-truncate--cell--MaxWidth);
22672
+ --pf-v6-c-table--cell--Overflow: hidden;
22673
+ --pf-v6-c-table--cell--TextOverflow: ellipsis;
22674
+ --pf-v6-c-table--cell--WhiteSpace: nowrap;
22675
+ }
22676
+ [class*=pf-v6-c-table].pf-m-wrap {
22677
+ --pf-v6-c-table--cell--MinWidth: 0;
22678
+ --pf-v6-c-table--cell--MaxWidth: none;
22679
+ --pf-v6-c-table--cell--Overflow: visible;
22680
+ --pf-v6-c-table--cell--TextOverflow: clip;
22681
+ --pf-v6-c-table--cell--WhiteSpace: normal;
22682
+ }
22683
+ [class*=pf-v6-c-table].pf-m-nowrap {
22684
+ --pf-v6-c-table--cell--MinWidth: 0;
22685
+ --pf-v6-c-table--cell--MaxWidth: none;
22686
+ --pf-v6-c-table--cell--Overflow: visible;
22687
+ --pf-v6-c-table--cell--TextOverflow: clip;
22688
+ --pf-v6-c-table--cell--WhiteSpace: nowrap;
22689
+ }
22690
+ [class*=pf-v6-c-table] .pf-v6-c-table__icon, [class*=pf-v6-c-table].pf-m-fit-content {
22691
+ --pf-v6-c-table--cell--MinWidth: fit-content;
22692
+ --pf-v6-c-table--cell--MaxWidth: none;
22693
+ --pf-v6-c-table--cell--Width: 1%;
22694
+ --pf-v6-c-table--cell--Overflow: visible;
22695
+ --pf-v6-c-table--cell--TextOverflow: clip;
22696
+ --pf-v6-c-table--cell--WhiteSpace: nowrap;
22697
+ }
22698
+ [class*=pf-v6-c-table].pf-m-break-word {
22699
+ --pf-v6-c-table--cell--WordBreak: break-word;
22700
+ --pf-v6-c-table--cell--WhiteSpace: normal;
22701
+ }
22702
+
22698
22703
  .pf-v6-c-table__text {
22699
22704
  --pf-v6-c-table--cell--MaxWidth: 100%;
22700
22705
  position: relative;