@patternfly/react-styles 6.5.0-prerelease.24 → 6.5.0-prerelease.25

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 +6 -0
  2. package/css/components/Pagination/pagination.css +5 -3
  3. package/css/components/Toolbar/toolbar.css +4 -1
  4. package/css/components/_index.css +9 -4
  5. 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.5.0-prerelease.25](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.24...@patternfly/react-styles@6.5.0-prerelease.25) (2026-05-12)
7
+
8
+ ### Features
9
+
10
+ - **react-charts:** add high contrast ([#12419](https://github.com/patternfly/patternfly-react/issues/12419)) ([e9c801c](https://github.com/patternfly/patternfly-react/commit/e9c801c84067fb9ed42d10d19deadf8dfca55289))
11
+
6
12
  # [6.5.0-prerelease.24](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.0-prerelease.23...@patternfly/react-styles@6.5.0-prerelease.24) (2026-05-08)
7
13
 
8
14
  ### Features
package/css/components/Pagination/pagination.css CHANGED
@@ -32,6 +32,7 @@
32
32
  --pf-v6-c-pagination--m-sticky-base--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
33
33
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
34
34
  --pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
35
+ --pf-v6-c-pagination--m-sticky--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
35
36
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
36
37
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
37
38
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
@@ -49,10 +50,10 @@
49
50
  --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
50
51
  }
51
52
  :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
52
- --pf-v6-c-pagination--m-sticky-base--InsetBlockStart: var(--pf-t--global--spacer--sm);
53
53
  --pf-v6-c-pagination--m-sticky-stuck--BorderRadius: var(--pf-t--global--border--radius--glass--default);
54
- --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--glass--default);
55
- --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: var(--pf-t--global--spacer--sm);
54
+ --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
55
+ --pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
56
+ --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
56
57
  }
57
58
  .pf-v6-c-pagination {
58
59
  --pf-v6-c-pagination__page-menu--Display--base: block;
@@ -168,6 +169,7 @@
168
169
  --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth);
169
170
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
170
171
  background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
172
+ border-radius: var(--pf-v6-c-pagination--m-sticky--BorderRadius);
171
173
  box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
172
174
  }
173
175
  .pf-v6-c-pagination.pf-m-sticky, .pf-v6-c-pagination.pf-m-sticky-base {
package/css/components/Toolbar/toolbar.css CHANGED
@@ -38,7 +38,7 @@
38
38
  --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
39
39
  --pf-v6-c-toolbar--m-sticky--PaddingInlineStart: 0;
40
40
  --pf-v6-c-toolbar--m-sticky--PaddingInlineEnd: 0;
41
- --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
41
+ --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
42
42
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
43
43
  --pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
44
44
  --pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
@@ -331,7 +331,10 @@
331
331
  z-index: var(--pf-v6-c-toolbar--m-sticky--ZIndex);
332
332
  padding-block-start: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockStart);
333
333
  padding-block-end: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd);
334
+ padding-inline-start: var(--pf-v6-c-toolbar--m-sticky--PaddingInlineStart);
335
+ padding-inline-end: var(--pf-v6-c-toolbar--m-sticky--PaddingInlineEnd);
334
336
  border-block-end: var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor);
337
+ border-radius: var(--pf-v6-c-toolbar--m-sticky--BorderRadius);
335
338
  box-shadow: var(--pf-v6-c-toolbar--m-sticky--BoxShadow);
336
339
  }
337
340
  .pf-v6-c-toolbar.pf-m-sticky-base {
package/css/components/_index.css CHANGED
@@ -14825,6 +14825,7 @@ ul.pf-v6-c-list {
14825
14825
  --pf-v6-c-pagination--m-sticky-base--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
14826
14826
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
14827
14827
  --pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
14828
+ --pf-v6-c-pagination--m-sticky--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
14828
14829
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
14829
14830
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
14830
14831
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
@@ -14842,10 +14843,10 @@ ul.pf-v6-c-list {
14842
14843
  --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
14843
14844
  }
14844
14845
  :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
14845
- --pf-v6-c-pagination--m-sticky-base--InsetBlockStart: var(--pf-t--global--spacer--sm);
14846
14846
  --pf-v6-c-pagination--m-sticky-stuck--BorderRadius: var(--pf-t--global--border--radius--glass--default);
14847
- --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--glass--default);
14848
- --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: var(--pf-t--global--spacer--sm);
14847
+ --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
14848
+ --pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
14849
+ --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
14849
14850
  }
14850
14851
  .pf-v6-c-pagination {
14851
14852
  --pf-v6-c-pagination__page-menu--Display--base: block;
@@ -14961,6 +14962,7 @@ ul.pf-v6-c-list {
14961
14962
  --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth);
14962
14963
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
14963
14964
  background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
14965
+ border-radius: var(--pf-v6-c-pagination--m-sticky--BorderRadius);
14964
14966
  box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
14965
14967
  }
14966
14968
  .pf-v6-c-pagination.pf-m-sticky, .pf-v6-c-pagination.pf-m-sticky-base {
@@ -22766,7 +22768,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22766
22768
  --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
22767
22769
  --pf-v6-c-toolbar--m-sticky--PaddingInlineStart: 0;
22768
22770
  --pf-v6-c-toolbar--m-sticky--PaddingInlineEnd: 0;
22769
- --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
22771
+ --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
22770
22772
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
22771
22773
  --pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
22772
22774
  --pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
@@ -23059,7 +23061,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23059
23061
  z-index: var(--pf-v6-c-toolbar--m-sticky--ZIndex);
23060
23062
  padding-block-start: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockStart);
23061
23063
  padding-block-end: var(--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd);
23064
+ padding-inline-start: var(--pf-v6-c-toolbar--m-sticky--PaddingInlineStart);
23065
+ padding-inline-end: var(--pf-v6-c-toolbar--m-sticky--PaddingInlineEnd);
23062
23066
  border-block-end: var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth) solid var(--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor);
23067
+ border-radius: var(--pf-v6-c-toolbar--m-sticky--BorderRadius);
23063
23068
  box-shadow: var(--pf-v6-c-toolbar--m-sticky--BoxShadow);
23064
23069
  }
23065
23070
  .pf-v6-c-toolbar.pf-m-sticky-base {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "6.5.0-prerelease.24",
3
+ "version": "6.5.0-prerelease.25",
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.5.0-prerelease.82",
22
+ "@patternfly/patternfly": "6.5.0-prerelease.86",
23
23
  "change-case": "^5.4.4",
24
24
  "fs-extra": "^11.3.3"
25
25
  },
26
26
  "license": "MIT",
27
- "gitHead": "49cdd4af567d0e44031932738edb6d05ffe68c99"
27
+ "gitHead": "cd39fc119e43af9e8e451833f1271592f83fc0c1"
28
28
  }