@patternfly/patternfly 6.5.0-prerelease.84 → 6.5.0-prerelease.85

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 (10) hide show
  1. package/components/Pagination/pagination.css +5 -3
  2. package/components/Pagination/pagination.scss +5 -3
  3. package/components/Toolbar/toolbar.css +1 -1
  4. package/components/Toolbar/toolbar.scss +1 -1
  5. package/components/_index.css +6 -4
  6. package/package.json +1 -1
  7. package/patternfly-no-globals.css +6 -4
  8. package/patternfly.css +6 -4
  9. package/patternfly.min.css +1 -1
  10. package/patternfly.min.css.map +1 -1
package/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/components/Pagination/pagination.scss CHANGED
@@ -47,6 +47,7 @@ $pf-v6-c-pagination--variable-map: build-spacer-map("none", "sm", "md", "lg", "x
47
47
  --#{$pagination}--m-sticky-base--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
48
48
  --#{$pagination}--m-sticky-stuck--BoxShadow: var(--#{$pagination}--m-sticky--BoxShadow);
49
49
  --#{$pagination}--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
50
+ --#{$pagination}--m-sticky--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
50
51
 
51
52
  // bottom
52
53
  --#{$pagination}--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
@@ -66,10 +67,10 @@ $pf-v6-c-pagination--variable-map: build-spacer-map("none", "sm", "md", "lg", "x
66
67
  --#{$pagination}--m-bottom--m-sticky-base--InsetBlockEnd: 0;
67
68
 
68
69
  :where(:root.pf-v6-theme-glass) & {
69
- --#{$pagination}--m-sticky-base--InsetBlockStart: var(--pf-t--global--spacer--sm);
70
70
  --#{$pagination}--m-sticky-stuck--BorderRadius: var(--pf-t--global--border--radius--glass--default);
71
- --#{$pagination}--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--glass--default);
72
- --#{$pagination}--m-bottom--m-sticky-base--InsetBlockEnd: var(--pf-t--global--spacer--sm);
71
+ --#{$pagination}--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
72
+ --#{$pagination}--m-sticky--BorderRadius: var(--#{$pagination}--m-sticky--BorderRadius--glass);
73
+ --#{$pagination}--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
73
74
  }
74
75
 
75
76
  // page menu
@@ -199,6 +200,7 @@ $pf-v6-c-pagination--variable-map: build-spacer-map("none", "sm", "md", "lg", "x
199
200
 
200
201
  inset-block-start: var(--#{$pagination}--m-sticky--InsetBlockStart);
201
202
  background-color: var(--#{$pagination}--m-sticky--BackgroundColor);
203
+ border-radius: var(--#{$pagination}--m-sticky--BorderRadius);
202
204
  box-shadow: var(--#{$pagination}--m-sticky--BoxShadow);
203
205
  }
204
206
 
package/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);
package/components/Toolbar/toolbar.scss CHANGED
@@ -66,7 +66,7 @@ $pf-v6--include-toolbar-breakpoints: true !default;
66
66
  --#{$toolbar}--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
67
67
  --#{$toolbar}--m-sticky--PaddingInlineStart: 0;
68
68
  --#{$toolbar}--m-sticky--PaddingInlineEnd: 0;
69
- --#{$toolbar}--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
69
+ --#{$toolbar}--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
70
70
  --#{$toolbar}--m-sticky--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
71
71
  --#{$toolbar}--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
72
72
  --#{$toolbar}--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
package/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);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.5.0-prerelease.84",
4
+ "version": "6.5.0-prerelease.85",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -23973,6 +23973,7 @@ ul.pf-v6-c-list {
23973
23973
  --pf-v6-c-pagination--m-sticky-base--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
23974
23974
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
23975
23975
  --pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
23976
+ --pf-v6-c-pagination--m-sticky--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
23976
23977
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
23977
23978
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
23978
23979
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
@@ -23990,10 +23991,10 @@ ul.pf-v6-c-list {
23990
23991
  --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
23991
23992
  }
23992
23993
  :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
23993
- --pf-v6-c-pagination--m-sticky-base--InsetBlockStart: var(--pf-t--global--spacer--sm);
23994
23994
  --pf-v6-c-pagination--m-sticky-stuck--BorderRadius: var(--pf-t--global--border--radius--glass--default);
23995
- --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--glass--default);
23996
- --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: var(--pf-t--global--spacer--sm);
23995
+ --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
23996
+ --pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
23997
+ --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
23997
23998
  }
23998
23999
  .pf-v6-c-pagination {
23999
24000
  --pf-v6-c-pagination__page-menu--Display--base: block;
@@ -24109,6 +24110,7 @@ ul.pf-v6-c-list {
24109
24110
  --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth);
24110
24111
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
24111
24112
  background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
24113
+ border-radius: var(--pf-v6-c-pagination--m-sticky--BorderRadius);
24112
24114
  box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
24113
24115
  }
24114
24116
  .pf-v6-c-pagination.pf-m-sticky, .pf-v6-c-pagination.pf-m-sticky-base {
@@ -31914,7 +31916,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31914
31916
  --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
31915
31917
  --pf-v6-c-toolbar--m-sticky--PaddingInlineStart: 0;
31916
31918
  --pf-v6-c-toolbar--m-sticky--PaddingInlineEnd: 0;
31917
- --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
31919
+ --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
31918
31920
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
31919
31921
  --pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
31920
31922
  --pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
package/patternfly.css CHANGED
@@ -24120,6 +24120,7 @@ ul.pf-v6-c-list {
24120
24120
  --pf-v6-c-pagination--m-sticky-base--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
24121
24121
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
24122
24122
  --pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
24123
+ --pf-v6-c-pagination--m-sticky--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
24123
24124
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
24124
24125
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
24125
24126
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
@@ -24137,10 +24138,10 @@ ul.pf-v6-c-list {
24137
24138
  --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
24138
24139
  }
24139
24140
  :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
24140
- --pf-v6-c-pagination--m-sticky-base--InsetBlockStart: var(--pf-t--global--spacer--sm);
24141
24141
  --pf-v6-c-pagination--m-sticky-stuck--BorderRadius: var(--pf-t--global--border--radius--glass--default);
24142
- --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--glass--default);
24143
- --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: var(--pf-t--global--spacer--sm);
24142
+ --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
24143
+ --pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
24144
+ --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
24144
24145
  }
24145
24146
  .pf-v6-c-pagination {
24146
24147
  --pf-v6-c-pagination__page-menu--Display--base: block;
@@ -24256,6 +24257,7 @@ ul.pf-v6-c-list {
24256
24257
  --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth);
24257
24258
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
24258
24259
  background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
24260
+ border-radius: var(--pf-v6-c-pagination--m-sticky--BorderRadius);
24259
24261
  box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
24260
24262
  }
24261
24263
  .pf-v6-c-pagination.pf-m-sticky, .pf-v6-c-pagination.pf-m-sticky-base {
@@ -32061,7 +32063,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32061
32063
  --pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
32062
32064
  --pf-v6-c-toolbar--m-sticky--PaddingInlineStart: 0;
32063
32065
  --pf-v6-c-toolbar--m-sticky--PaddingInlineEnd: 0;
32064
- --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
32066
+ --pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
32065
32067
  --pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
32066
32068
  --pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
32067
32069
  --pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);