@patternfly/react-styles 6.1.0-prerelease.3 → 6.1.0-prerelease.4

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.1.0-prerelease.4](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.1.0-prerelease.3...@patternfly/react-styles@6.1.0-prerelease.4) (2024-11-25)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
 # [6.1.0-prerelease.3](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.1.0-prerelease.2...@patternfly/react-styles@6.1.0-prerelease.3) (2024-11-20)
 
 **Note:** Version bump only for package @patternfly/react-styles

package/css/components/Table/table.css

@@ -27,7 +27,7 @@
   --pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
   --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
-  --pf-v6-c-table--cell--MinWidth: 0;
+  --pf-v6-c-table--cell--MinWidth: calc(var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineEnd));
   --pf-v6-c-table--cell--MaxWidth: none;
   --pf-v6-c-table--cell--Width: auto;
   --pf-v6-c-table--cell--Overflow: visible;
@@ -41,6 +41,8 @@
   --pf-v6-c-table--cell--m-help--MinWidth: 11ch;
   --pf-v6-c-table--m-truncate--cell--MaxWidth: 1px;
   --pf-v6-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineStart));
+  --pf-v6-c-table__text--MinWidth: 100%;
+  --pf-v6-c-table__text--m-truncate--MinWidth: 5ch;
   --pf-v6-c-table--m-truncate__text--MinWidth: 5ch;
   --pf-v6-c-table--cell--hidden-visible--Display: table-cell;
   --pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -429,11 +431,10 @@
 }
 
 .pf-v6-c-table__text {
-  --pf-v6-c-table--cell--MaxWidth: 100%;
   position: relative;
   display: block;
   width: var(--pf-v6-c-table--cell--Width);
-  min-width: var(--pf-v6-c-table--text--MinWidth);
+  min-width: var(--pf-v6-c-table__text--MinWidth);
   max-width: var(--pf-v6-c-table--cell--MaxWidth);
   overflow: var(--pf-v6-c-table--cell--Overflow);
   line-height: var(--pf-v6-c-table--cell--LineHeight);
@@ -443,7 +444,7 @@
 }
 .pf-v6-c-table__text.pf-m-truncate {
   --pf-v6-c-table--cell--MinWidth: 100%;
-  --pf-v6-c-table--text--MinWidth: var(--pf-v6-c-table--m-truncate__text--MinWidth);
+  min-width: max(var(--pf-v6-c-table__text--m-truncate--MinWidth), var(--pf-v6-c-table__text--MinWidth));
 }
 .pf-v6-c-table__text.pf-m-truncate > :where(th, td) {
   overflow: var(--pf-v6-c-table--cell--Overflow);
@@ -496,6 +497,7 @@
 .pf-v6-c-table__button-content .pf-v6-c-table__text,
 .pf-v6-c-table__column-help .pf-v6-c-table__text {
   min-width: auto;
+  max-width: 100%;
 }
 .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nowrap .pf-v6-c-table__button-content, .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-nowrap .pf-v6-c-table__button-content, .pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-nowrap .pf-v6-c-table__button-content,
 .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nowrap .pf-v6-c-table__column-help,

package/css/components/_index.css

@@ -16208,7 +16208,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-table--cell--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-table--cell--first-last-child--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
   --pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart: var(--pf-v6-c-table--cell--Padding--base);
-  --pf-v6-c-table--cell--MinWidth: 0;
+  --pf-v6-c-table--cell--MinWidth: calc(var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineEnd));
   --pf-v6-c-table--cell--MaxWidth: none;
   --pf-v6-c-table--cell--Width: auto;
   --pf-v6-c-table--cell--Overflow: visible;
@@ -16222,6 +16222,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
   --pf-v6-c-table--cell--m-help--MinWidth: 11ch;
   --pf-v6-c-table--m-truncate--cell--MaxWidth: 1px;
   --pf-v6-c-table--m-truncate--cell--MinWidth: calc(5ch + var(--pf-v6-c-table--cell--PaddingInlineEnd) + var(--pf-v6-c-table--cell--PaddingInlineStart));
+  --pf-v6-c-table__text--MinWidth: 100%;
+  --pf-v6-c-table__text--m-truncate--MinWidth: 5ch;
   --pf-v6-c-table--m-truncate__text--MinWidth: 5ch;
   --pf-v6-c-table--cell--hidden-visible--Display: table-cell;
   --pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -16610,11 +16612,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
 }
 
 .pf-v6-c-table__text {
-  --pf-v6-c-table--cell--MaxWidth: 100%;
   position: relative;
   display: block;
   width: var(--pf-v6-c-table--cell--Width);
-  min-width: var(--pf-v6-c-table--text--MinWidth);
+  min-width: var(--pf-v6-c-table__text--MinWidth);
   max-width: var(--pf-v6-c-table--cell--MaxWidth);
   overflow: var(--pf-v6-c-table--cell--Overflow);
   line-height: var(--pf-v6-c-table--cell--LineHeight);
@@ -16624,7 +16625,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
 }
 .pf-v6-c-table__text.pf-m-truncate {
   --pf-v6-c-table--cell--MinWidth: 100%;
-  --pf-v6-c-table--text--MinWidth: var(--pf-v6-c-table--m-truncate__text--MinWidth);
+  min-width: max(var(--pf-v6-c-table__text--m-truncate--MinWidth), var(--pf-v6-c-table__text--MinWidth));
 }
 .pf-v6-c-table__text.pf-m-truncate > :where(th, td) {
   overflow: var(--pf-v6-c-table--cell--Overflow);
@@ -16677,6 +16678,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
 .pf-v6-c-table__button-content .pf-v6-c-table__text,
 .pf-v6-c-table__column-help .pf-v6-c-table__text {
   min-width: auto;
+  max-width: 100%;
 }
 .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nowrap .pf-v6-c-table__button-content, .pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-nowrap .pf-v6-c-table__button-content, .pf-v6-c-table th:where(.pf-v6-c-table__th).pf-m-nowrap .pf-v6-c-table__button-content,
 .pf-v6-c-table thead:where(.pf-v6-c-table__thead).pf-m-nowrap .pf-v6-c-table__column-help,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "6.1.0-prerelease.3",
+  "version": "6.1.0-prerelease.4",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
@@ -19,10 +19,10 @@
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "6.1.0-prerelease.5",
+    "@patternfly/patternfly": "6.1.0-prerelease.6",
     "change-case": "^5.4.4",
     "fs-extra": "^11.2.0"
   },
   "license": "MIT",
-  "gitHead": "0f9245023fb9bdf860c9eee91b6fe160b6c261c5"
+  "gitHead": "b0877b3cf7898cd134c56ba91ba251a8f4301225"
 }