@patternfly/react-styles 6.3.0-prerelease.8 → 6.3.0-prerelease.9

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 (12) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/css/components/DataList/data-list.css +2 -2
  3. package/css/components/Table/table-grid.css +15 -0
  4. package/css/components/Table/table-grid.d.ts +1 -0
  5. package/css/components/Table/table-grid.js +1 -0
  6. package/css/components/Table/table-grid.mjs +1 -0
  7. package/css/components/Table/table.css +12 -0
  8. package/css/components/Table/table.d.ts +1 -0
  9. package/css/components/Table/table.js +1 -0
  10. package/css/components/Table/table.mjs +1 -0
  11. package/css/components/_index.css +29 -2
  12. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,12 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [6.3.0-prerelease.9](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.3.0-prerelease.8...@patternfly/react-styles@6.3.0-prerelease.9) (2025-06-23)
7
+
8
+ ### Bug Fixes
9
+
10
+ - Bumped to latest core version. ([#11880](https://github.com/patternfly/patternfly-react/issues/11880)) ([0380aa5](https://github.com/patternfly/patternfly-react/commit/0380aa504b4d0d83459126bfd98b2e4e29cac4e8))
11
+
6
12
  # [6.3.0-prerelease.8](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.3.0-prerelease.7...@patternfly/react-styles@6.3.0-prerelease.8) (2025-06-20)
7
13
 
8
14
  ### Features
package/css/components/DataList/data-list.css CHANGED
@@ -511,8 +511,8 @@
511
511
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
512
512
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
513
513
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
514
- --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
515
- --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
514
+ --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
515
+ --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
516
516
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
517
517
  }
518
518
  @media screen and (min-width: 36rem) {
package/css/components/Table/table-grid.css CHANGED
@@ -154,6 +154,9 @@
154
154
  grid-template-columns: 1fr minmax(0, 1.5fr);
155
155
  align-items: start;
156
156
  }
157
+ .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
158
+ align-items: center;
159
+ }
157
160
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
158
161
  grid-column: 2;
159
162
  }
@@ -454,6 +457,9 @@
454
457
  grid-template-columns: 1fr minmax(0, 1.5fr);
455
458
  align-items: start;
456
459
  }
460
+ .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
461
+ align-items: center;
462
+ }
457
463
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
458
464
  grid-column: 2;
459
465
  }
@@ -757,6 +763,9 @@
757
763
  grid-template-columns: 1fr minmax(0, 1.5fr);
758
764
  align-items: start;
759
765
  }
766
+ .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
767
+ align-items: center;
768
+ }
760
769
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
761
770
  grid-column: 2;
762
771
  }
@@ -1060,6 +1069,9 @@
1060
1069
  grid-template-columns: 1fr minmax(0, 1.5fr);
1061
1070
  align-items: start;
1062
1071
  }
1072
+ .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
1073
+ align-items: center;
1074
+ }
1063
1075
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
1064
1076
  grid-column: 2;
1065
1077
  }
@@ -1363,6 +1375,9 @@
1363
1375
  grid-template-columns: 1fr minmax(0, 1.5fr);
1364
1376
  align-items: start;
1365
1377
  }
1378
+ .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
1379
+ align-items: center;
1380
+ }
1366
1381
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
1367
1382
  grid-column: 2;
1368
1383
  }
package/css/components/Table/table-grid.d.ts CHANGED
@@ -7,6 +7,7 @@ declare const _default: {
7
7
  "expanded": "pf-m-expanded",
8
8
  "selected": "pf-m-selected",
9
9
  "compact": "pf-m-compact",
10
+ "action": "pf-m-action",
10
11
  "noPadding": "pf-m-no-padding",
11
12
  "hoverable": "pf-m-hoverable",
12
13
  "nowrap": "pf-m-nowrap",
package/css/components/Table/table-grid.js CHANGED
@@ -9,6 +9,7 @@ exports.default = {
9
9
  "expanded": "pf-m-expanded",
10
10
  "selected": "pf-m-selected",
11
11
  "compact": "pf-m-compact",
12
+ "action": "pf-m-action",
12
13
  "noPadding": "pf-m-no-padding",
13
14
  "hoverable": "pf-m-hoverable",
14
15
  "nowrap": "pf-m-nowrap",
package/css/components/Table/table-grid.mjs CHANGED
@@ -7,6 +7,7 @@ export default {
7
7
  "expanded": "pf-m-expanded",
8
8
  "selected": "pf-m-selected",
9
9
  "compact": "pf-m-compact",
10
+ "action": "pf-m-action",
10
11
  "noPadding": "pf-m-no-padding",
11
12
  "hoverable": "pf-m-hoverable",
12
13
  "nowrap": "pf-m-nowrap",
package/css/components/Table/table.css CHANGED
@@ -118,6 +118,10 @@
118
118
  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
119
119
  --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
120
120
  --pf-v6-c-table--m-compact--cell--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
121
+ --pf-v6-c-table__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
122
+ --pf-v6-c-table__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
123
+ --pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
124
+ --pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
121
125
  --pf-v6-c-table--m-compact__action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
122
126
  --pf-v6-c-table--m-compact__action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
123
127
  --pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
@@ -346,6 +350,10 @@
346
350
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :where(th, td) {
347
351
  overflow-wrap: break-word;
348
352
  }
353
+ .pf-v6-c-table .pf-v6-c-table__td.pf-m-action {
354
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__td--m-action--PaddingBlockStart);
355
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__td--m-action--PaddingBlockEnd);
356
+ }
349
357
  .pf-v6-c-table .pf-v6-c-table__sort {
350
358
  min-width: var(--pf-v6-c-table__sort--MinWidth);
351
359
  }
@@ -824,6 +832,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
824
832
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__action--PaddingBlockStart);
825
833
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__action--PaddingBlockEnd);
826
834
  }
835
+ .pf-v6-c-table.pf-m-compact .pf-v6-c-table__td.pf-m-action {
836
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart);
837
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd);
838
+ }
827
839
  .pf-v6-c-table.pf-m-compact .pf-v6-c-table__icon {
828
840
  width: auto;
829
841
  min-width: 0;
package/css/components/Table/table.d.ts CHANGED
@@ -27,6 +27,7 @@ declare const _default: {
27
27
  "favorite": "pf-m-favorite",
28
28
  "borderRight": "pf-m-border-right",
29
29
  "borderLeft": "pf-m-border-left",
30
+ "action": "pf-m-action",
30
31
  "noBorderRows": "pf-m-no-border-rows",
31
32
  "expanded": "pf-m-expanded",
32
33
  "clickable": "pf-m-clickable",
package/css/components/Table/table.js CHANGED
@@ -29,6 +29,7 @@ exports.default = {
29
29
  "favorite": "pf-m-favorite",
30
30
  "borderRight": "pf-m-border-right",
31
31
  "borderLeft": "pf-m-border-left",
32
+ "action": "pf-m-action",
32
33
  "noBorderRows": "pf-m-no-border-rows",
33
34
  "expanded": "pf-m-expanded",
34
35
  "clickable": "pf-m-clickable",
package/css/components/Table/table.mjs CHANGED
@@ -27,6 +27,7 @@ export default {
27
27
  "favorite": "pf-m-favorite",
28
28
  "borderRight": "pf-m-border-right",
29
29
  "borderLeft": "pf-m-border-left",
30
+ "action": "pf-m-action",
30
31
  "noBorderRows": "pf-m-no-border-rows",
31
32
  "expanded": "pf-m-expanded",
32
33
  "clickable": "pf-m-clickable",
package/css/components/_index.css CHANGED
@@ -4127,8 +4127,8 @@ ul) {
4127
4127
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
4128
4128
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
4129
4129
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
4130
- --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
4131
- --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
4130
+ --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
4131
+ --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
4132
4132
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
4133
4133
  }
4134
4134
  @media screen and (min-width: 36rem) {
@@ -15803,6 +15803,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15803
15803
  grid-template-columns: 1fr minmax(0, 1.5fr);
15804
15804
  align-items: start;
15805
15805
  }
15806
+ .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
15807
+ align-items: center;
15808
+ }
15806
15809
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
15807
15810
  grid-column: 2;
15808
15811
  }
@@ -16103,6 +16106,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16103
16106
  grid-template-columns: 1fr minmax(0, 1.5fr);
16104
16107
  align-items: start;
16105
16108
  }
16109
+ .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
16110
+ align-items: center;
16111
+ }
16106
16112
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
16107
16113
  grid-column: 2;
16108
16114
  }
@@ -16406,6 +16412,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16406
16412
  grid-template-columns: 1fr minmax(0, 1.5fr);
16407
16413
  align-items: start;
16408
16414
  }
16415
+ .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
16416
+ align-items: center;
16417
+ }
16409
16418
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
16410
16419
  grid-column: 2;
16411
16420
  }
@@ -16709,6 +16718,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16709
16718
  grid-template-columns: 1fr minmax(0, 1.5fr);
16710
16719
  align-items: start;
16711
16720
  }
16721
+ .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
16722
+ align-items: center;
16723
+ }
16712
16724
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
16713
16725
  grid-column: 2;
16714
16726
  }
@@ -17012,6 +17024,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17012
17024
  grid-template-columns: 1fr minmax(0, 1.5fr);
17013
17025
  align-items: start;
17014
17026
  }
17027
+ .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
17028
+ align-items: center;
17029
+ }
17015
17030
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
17016
17031
  grid-column: 2;
17017
17032
  }
@@ -17339,6 +17354,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17339
17354
  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
17340
17355
  --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
17341
17356
  --pf-v6-c-table--m-compact--cell--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
17357
+ --pf-v6-c-table__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
17358
+ --pf-v6-c-table__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
17359
+ --pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
17360
+ --pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
17342
17361
  --pf-v6-c-table--m-compact__action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
17343
17362
  --pf-v6-c-table--m-compact__action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
17344
17363
  --pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
@@ -17567,6 +17586,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17567
17586
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :where(th, td) {
17568
17587
  overflow-wrap: break-word;
17569
17588
  }
17589
+ .pf-v6-c-table .pf-v6-c-table__td.pf-m-action {
17590
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__td--m-action--PaddingBlockStart);
17591
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__td--m-action--PaddingBlockEnd);
17592
+ }
17570
17593
  .pf-v6-c-table .pf-v6-c-table__sort {
17571
17594
  min-width: var(--pf-v6-c-table__sort--MinWidth);
17572
17595
  }
@@ -18045,6 +18068,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18045
18068
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__action--PaddingBlockStart);
18046
18069
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__action--PaddingBlockEnd);
18047
18070
  }
18071
+ .pf-v6-c-table.pf-m-compact .pf-v6-c-table__td.pf-m-action {
18072
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart);
18073
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd);
18074
+ }
18048
18075
  .pf-v6-c-table.pf-m-compact .pf-v6-c-table__icon {
18049
18076
  width: auto;
18050
18077
  min-width: 0;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "6.3.0-prerelease.8",
3
+ "version": "6.3.0-prerelease.9",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -19,10 +19,10 @@
19
19
  "clean": "rimraf dist css"
20
20
  },
21
21
  "devDependencies": {
22
- "@patternfly/patternfly": "6.3.0-prerelease.35",
22
+ "@patternfly/patternfly": "6.3.0-prerelease.36",
23
23
  "change-case": "^5.4.4",
24
24
  "fs-extra": "^11.3.0"
25
25
  },
26
26
  "license": "MIT",
27
- "gitHead": "f7974fbc0bcfaeff92cb05a4604bb48f4df54375"
27
+ "gitHead": "46b82e579ecedf3676a698830fb0a742985e7517"
28
28
  }