@patternfly/react-styles 6.3.0 → 6.3.1

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 (5) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/css/components/Table/table.css +12 -1
  3. package/css/components/TextInputGroup/text-input-group.css +4 -0
  4. package/css/components/_index.css +16 -1
  5. package/package.json +3 -3
package/CHANGELOG.md CHANGED
@@ -3,6 +3,10 @@
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.1 (2025-08-05)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-styles
9
+
6
10
  # 6.3.0 (2025-07-22)
7
11
 
8
12
  **Note:** Version bump only for package @patternfly/react-styles
package/css/components/Table/table.css CHANGED
@@ -10,7 +10,8 @@
10
10
  --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
11
11
  --pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
12
12
  --pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
13
- --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
13
+ --pf-v6-c-table__thead__toggle--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
14
+ --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
14
15
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
15
16
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
16
17
  --pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
@@ -613,6 +614,12 @@
613
614
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table__toggle--PaddingInlineStart);
614
615
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table__toggle--PaddingInlineEnd);
615
616
  }
617
+ .pf-v6-c-table__thead .pf-v6-c-table__toggle .pf-v6-c-button {
618
+ margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
619
+ margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
620
+ line-height: 1lh;
621
+ }
622
+
616
623
  .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
617
624
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
618
625
  }
@@ -735,6 +742,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
735
742
  align-self: last baseline;
736
743
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
737
744
  }
745
+ .pf-v6-c-table__column-help-action .pf-v6-c-button {
746
+ line-height: 1lh;
747
+ }
738
748
 
739
749
  .pf-v6-c-table__sort {
740
750
  vertical-align: bottom;
@@ -845,6 +855,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
845
855
 
846
856
  .pf-v6-c-table__thead {
847
857
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
858
+ --pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-v6-c-table__thead__toggle--PaddingBlockStart);
848
859
  --pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-v6-c-table__thead__toggle--PaddingBlockEnd);
849
860
  vertical-align: bottom;
850
861
  }
package/css/components/TextInputGroup/text-input-group.css CHANGED
@@ -31,6 +31,7 @@
31
31
  --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
32
32
  --pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
33
33
  --pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
34
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-t--global--text--color--regular);
34
35
  --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
35
36
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
36
37
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
@@ -77,6 +78,8 @@
77
78
  }
78
79
  .pf-v6-c-text-input-group.pf-m-disabled {
79
80
  --pf-v6-c-text-input-group--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
81
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
82
+ --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
80
83
  --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--Color);
81
84
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color);
82
85
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
@@ -187,6 +190,7 @@
187
190
  padding-block-end: var(--pf-v6-c-text-input-group__text-input--PaddingBlockEnd);
188
191
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
189
192
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
193
+ color: var(--pf-v6-c-text-input-group__text-input--Color);
190
194
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
191
195
  border: 0;
192
196
  outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
package/css/components/_index.css CHANGED
@@ -17276,7 +17276,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17276
17276
  --pf-v6-c-table__caption--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
17277
17277
  --pf-v6-c-table__thead--cell--FontSize: var(--pf-t--global--font--size--body--sm);
17278
17278
  --pf-v6-c-table__thead--cell--FontWeight: var(--pf-t--global--font--weight--body--bold);
17279
- --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
17279
+ --pf-v6-c-table__thead__toggle--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
17280
+ --pf-v6-c-table__thead__toggle--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
17280
17281
  --pf-v6-c-table__tbody--cell--PaddingBlockStart: var(--pf-v6-c-table--cell--Padding--base);
17281
17282
  --pf-v6-c-table__tbody--cell--PaddingBlockEnd: var(--pf-v6-c-table--cell--Padding--base);
17282
17283
  --pf-v6-c-table__tbody--cell--FontSize: var(--pf-t--global--font--size--body--default);
@@ -17879,6 +17880,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17879
17880
  --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table__toggle--PaddingInlineStart);
17880
17881
  --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table__toggle--PaddingInlineEnd);
17881
17882
  }
17883
+ .pf-v6-c-table__thead .pf-v6-c-table__toggle .pf-v6-c-button {
17884
+ margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
17885
+ margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
17886
+ line-height: 1lh;
17887
+ }
17888
+
17882
17889
  .pf-v6-c-table__toggle .pf-v6-c-button.pf-m-expanded .pf-v6-c-table__toggle-icon {
17883
17890
  transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
17884
17891
  }
@@ -18001,6 +18008,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18001
18008
  align-self: last baseline;
18002
18009
  margin-inline-start: var(--pf-v6-c-table__column-help--MarginInlineStart);
18003
18010
  }
18011
+ .pf-v6-c-table__column-help-action .pf-v6-c-button {
18012
+ line-height: 1lh;
18013
+ }
18004
18014
 
18005
18015
  .pf-v6-c-table__sort {
18006
18016
  vertical-align: bottom;
@@ -18111,6 +18121,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18111
18121
 
18112
18122
  .pf-v6-c-table__thead {
18113
18123
  --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
18124
+ --pf-v6-c-table__toggle--PaddingBlockStart: var(--pf-v6-c-table__thead__toggle--PaddingBlockStart);
18114
18125
  --pf-v6-c-table__toggle--PaddingBlockEnd: var(--pf-v6-c-table__thead__toggle--PaddingBlockEnd);
18115
18126
  vertical-align: bottom;
18116
18127
  }
@@ -20025,6 +20036,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20025
20036
  --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
20026
20037
  --pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
20027
20038
  --pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
20039
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-t--global--text--color--regular);
20028
20040
  --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
20029
20041
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
20030
20042
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
@@ -20071,6 +20083,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20071
20083
  }
20072
20084
  .pf-v6-c-text-input-group.pf-m-disabled {
20073
20085
  --pf-v6-c-text-input-group--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
20086
+ --pf-v6-c-text-input-group__text-input--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
20087
+ --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-v6-c-text-input-group--m-disabled--Color);
20074
20088
  --pf-v6-c-text-input-group__icon--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--Color);
20075
20089
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-v6-c-text-input-group--m-disabled__icon--m-status--Color);
20076
20090
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-v6-c-text-input-group--m-disabled--BackgroundColor);
@@ -20181,6 +20195,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20181
20195
  padding-block-end: var(--pf-v6-c-text-input-group__text-input--PaddingBlockEnd);
20182
20196
  padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
20183
20197
  padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
20198
+ color: var(--pf-v6-c-text-input-group__text-input--Color);
20184
20199
  background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
20185
20200
  border: 0;
20186
20201
  outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "6.3.0",
3
+ "version": "6.3.1",
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.41",
22
+ "@patternfly/patternfly": "6.3.1",
23
23
  "change-case": "^5.4.4",
24
24
  "fs-extra": "^11.3.0"
25
25
  },
26
26
  "license": "MIT",
27
- "gitHead": "0652301cae338bfef026f04bada414d0a5c2ee79"
27
+ "gitHead": "08775efb8b882f3b2b6cf7b7221f41154875415b"
28
28
  }