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

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 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
+
 # [6.1.0-prerelease.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.1.0-prerelease.1...@patternfly/react-styles@6.1.0-prerelease.2) (2024-11-19)
 
 **Note:** Version bump only for package @patternfly/react-styles

package/css/components/DataList/data-list.css

@@ -503,6 +503,8 @@
   --pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--compact);
+  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--compact);
   --pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
   --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
@@ -556,6 +558,10 @@
 .pf-v6-c-data-list.pf-m-compact .pf-v6-c-data-list__check {
   font-size: var(--pf-v6-c-data-list--m-compact__check--FontSize);
 }
+.pf-v6-c-data-list.pf-m-compact .pf-v6-c-data-list__item-action {
+  padding-block-start: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart--offset));
+  padding-block-end: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd--offset));
+}
 .pf-v6-c-data-list.pf-m-drag-over {
   overflow-anchor: none;
 }

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

@@ -3728,6 +3728,8 @@ ul) {
   --pf-v6-c-data-list--m-compact__item-control--MarginInlineEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--compact);
+  --pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--compact);
   --pf-v6-c-data-list--m-compact__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
   --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
@@ -3781,6 +3783,10 @@ ul) {
 .pf-v6-c-data-list.pf-m-compact .pf-v6-c-data-list__check {
   font-size: var(--pf-v6-c-data-list--m-compact__check--FontSize);
 }
+.pf-v6-c-data-list.pf-m-compact .pf-v6-c-data-list__item-action {
+  padding-block-start: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart) - var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockStart--offset));
+  padding-block-end: calc(var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd) - var(--pf-v6-c-data-list--m-compact__item-action--PaddingBlockEnd--offset));
+}
 .pf-v6-c-data-list.pf-m-drag-over {
   overflow-anchor: none;
 }
@@ -16202,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;
@@ -16216,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);
@@ -16604,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);
@@ -16618,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);
@@ -16671,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.2",
+  "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.4",
+    "@patternfly/patternfly": "6.1.0-prerelease.6",
     "change-case": "^5.4.4",
     "fs-extra": "^11.2.0"
   },
   "license": "MIT",
-  "gitHead": "53da56fdc7b7b149101c9d1156b5999dda3ba579"
+  "gitHead": "b0877b3cf7898cd134c56ba91ba251a8f4301225"
 }