@patternfly/patternfly 6.0.0-alpha.225 → 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 (25) hide show
  1. package/components/ExpandableSection/expandable-section.css +0 -1
  2. package/components/ExpandableSection/expandable-section.scss +0 -1
  3. package/components/Table/table.css +39 -34
  4. package/components/Table/table.scss +48 -45
  5. package/components/_index.css +39 -35
  6. package/docs/components/Check/examples/Check.md +10 -15
  7. package/docs/components/DataList/examples/DataList.md +0 -13
  8. package/docs/components/InlineEdit/examples/InlineEdit.md +34 -7
  9. package/docs/components/Menu/examples/Menu.md +3 -12
  10. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +3 -3
  11. package/docs/components/Table/examples/Table.md +3796 -1216
  12. package/docs/components/Toolbar/examples/Toolbar.md +0 -5
  13. package/docs/demos/Card/examples/Card.md +38 -14
  14. package/docs/demos/CardView/examples/CardView.md +0 -1
  15. package/docs/demos/DataList/examples/DataList.md +65 -53
  16. package/docs/demos/DescriptionList/examples/DescriptionList.md +30 -5
  17. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +0 -1
  18. package/docs/demos/Table/examples/Table.md +1482 -548
  19. package/docs/demos/Tabs/examples/Tabs.md +66 -48
  20. package/docs/demos/Toolbar/examples/Toolbar.md +176 -58
  21. package/package.json +1 -1
  22. package/patternfly-no-globals.css +39 -35
  23. package/patternfly.css +39 -35
  24. package/patternfly.min.css +1 -1
  25. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -12303,7 +12303,6 @@ ul) {
12303
12303
  display: flex;
12304
12304
  flex-direction: column;
12305
12305
  gap: var(--pf-v6-c-expandable-section--Gap);
12306
- align-items: start;
12307
12306
  }
12308
12307
  .pf-v6-c-expandable-section.pf-m-expanded {
12309
12308
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
@@ -22573,6 +22572,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22573
22572
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead) {
22574
22573
  --pf-v6-c-table--cell--FontSize: var(--pf-v6-c-table__thead--cell--FontSize);
22575
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;
22576
22580
  }
22577
22581
  .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nested-column-header button:where(.pf-v6-c-button) {
22578
22582
  outline-offset: var(--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset);
@@ -22599,40 +22603,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22599
22603
  .pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td).pf-m-help {
22600
22604
  min-width: var(--pf-v6-c-table__th--m-help--MinWidth);
22601
22605
  }
22602
- .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 {
22603
- --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
22604
- --pf-v6-c-table--cell--MaxWidth: var(--pf-v6-c-table--m-truncate--cell--MaxWidth);
22605
- --pf-v6-c-table--cell--Overflow: hidden;
22606
- --pf-v6-c-table--cell--TextOverflow: ellipsis;
22607
- --pf-v6-c-table--cell--WhiteSpace: nowrap;
22608
- }
22609
-
22610
- .pf-v6-c-table :where([class*=pf-v6-c-table]).pf-m-wrap, :where(.pf-v6-c-table) > :is(thead, tbody).pf-m-wrap {
22611
- --pf-v6-c-table--cell--MinWidth: 0;
22612
- --pf-v6-c-table--cell--MaxWidth: none;
22613
- --pf-v6-c-table--cell--Overflow: visible;
22614
- --pf-v6-c-table--cell--TextOverflow: clip;
22615
- --pf-v6-c-table--cell--WhiteSpace: normal;
22616
- }
22617
- .pf-v6-c-table :where([class*=pf-v6-c-table]).pf-m-nowrap, :where(.pf-v6-c-table) > :is(thead, tbody).pf-m-nowrap {
22618
- --pf-v6-c-table--cell--MinWidth: 0;
22619
- --pf-v6-c-table--cell--MaxWidth: none;
22620
- --pf-v6-c-table--cell--Overflow: visible;
22621
- --pf-v6-c-table--cell--TextOverflow: clip;
22622
- --pf-v6-c-table--cell--WhiteSpace: nowrap;
22623
- }
22624
- .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 {
22625
- --pf-v6-c-table--cell--MinWidth: fit-content;
22626
- --pf-v6-c-table--cell--MaxWidth: none;
22627
- --pf-v6-c-table--cell--Width: 1%;
22628
- --pf-v6-c-table--cell--Overflow: visible;
22629
- --pf-v6-c-table--cell--TextOverflow: clip;
22630
- --pf-v6-c-table--cell--WhiteSpace: nowrap;
22631
- }
22632
- .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 {
22633
- --pf-v6-c-table--cell--WordBreak: break-word;
22634
- --pf-v6-c-table--cell--WhiteSpace: normal;
22635
- }
22636
22606
  .pf-v6-c-table.pf-m-no-border-rows > tbody:where(.pf-v6-c-table__tbody) {
22637
22607
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
22638
22608
  --pf-v6-c-table__tbody--BorderBlockEndWidth: 0;
@@ -22696,6 +22666,40 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22696
22666
  --pf-v6-c-table__sort-indicator--MarginInlineStart: 0;
22697
22667
  }
22698
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
+
22699
22703
  .pf-v6-c-table__text {
22700
22704
  --pf-v6-c-table--cell--MaxWidth: 100%;
22701
22705
  position: relative;