@patternfly/patternfly 6.3.0-prerelease.56 → 6.3.0-prerelease.58

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 (11) hide show
  1. package/components/CalendarMonth/calendar-month.css +16 -0
  2. package/components/CalendarMonth/calendar-month.scss +16 -0
  3. package/components/Pagination/pagination.css +14 -1
  4. package/components/Pagination/pagination.scss +14 -1
  5. package/components/_index.css +30 -1
  6. package/docs/components/Pagination/examples/Pagination.md +111 -0
  7. package/package.json +1 -1
  8. package/patternfly-no-globals.css +30 -1
  9. package/patternfly.css +30 -1
  10. package/patternfly.min.css +1 -1
  11. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css CHANGED
@@ -11119,6 +11119,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11119
11119
  --pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
11120
11120
  --pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
11121
11121
  --pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
11122
+ --pf-v6-c-calendar-month__dates-cell--after--BorderColor: var(--pf-t--global--border--color--high-contrast);
11123
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: 0;
11124
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: 0;
11122
11125
  --pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11123
11126
  --pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
11124
11127
  --pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
@@ -11126,6 +11129,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11126
11129
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
11127
11130
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
11128
11131
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11132
+ --pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
11133
+ --pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
11129
11134
  --pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
11130
11135
  --pf-v6-c-calendar-month__date--Width: 4ch;
11131
11136
  --pf-v6-c-calendar-month__date--Height: 4ch;
@@ -11144,6 +11149,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11144
11149
  --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
11145
11150
  --pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
11146
11151
  --pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
11152
+ --pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
11153
+ --pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderColor: var(--pf-t--global--border--color--high-contrast);
11147
11154
  }
11148
11155
 
11149
11156
  .pf-v6-c-calendar-month {
@@ -11216,13 +11223,20 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11216
11223
  inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
11217
11224
  inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
11218
11225
  inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
11226
+ pointer-events: none;
11219
11227
  content: "";
11220
11228
  background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
11229
+ border: solid var(--pf-v6-c-calendar-month__dates-cell--after--BorderColor);
11230
+ border-width: var(--pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth) 0 var(--pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth);
11221
11231
  }
11222
11232
  .pf-v6-c-calendar-month__dates-cell.pf-m-current {
11223
11233
  --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
11234
+ --pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderWidth);
11235
+ --pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderColor);
11224
11236
  }
11225
11237
  .pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
11238
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth);
11239
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockEndWidth);
11226
11240
  --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
11227
11241
  --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
11228
11242
  --pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
@@ -11249,6 +11263,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11249
11263
  }
11250
11264
  .pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
11251
11265
  --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
11266
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: 0;
11267
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: 0;
11252
11268
  --pf-v6-c-calendar-month__date--BackgroundColor: transparent;
11253
11269
  }
11254
11270
 
@@ -21864,6 +21880,9 @@ ul.pf-v6-c-list {
21864
21880
  .pf-v6-c-pagination {
21865
21881
  --pf-v6-c-pagination--inset: 0;
21866
21882
  --pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
21883
+ --pf-v6-c-pagination--BorderColor: var(--pf-t--global--border--color--high-contrast);
21884
+ --pf-v6-c-pagination--BorderBlockStartWidth: 0;
21885
+ --pf-v6-c-pagination--BorderBlockEndWidth: 0;
21867
21886
  --pf-v6-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--lg);
21868
21887
  --pf-v6-c-pagination__nav--Display: none;
21869
21888
  --pf-v6-c-pagination--m-display-summary__nav--Display: none;
@@ -21885,14 +21904,17 @@ ul.pf-v6-c-list {
21885
21904
  --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
21886
21905
  --pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
21887
21906
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
21907
+ --pf-v6-c-pagination--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21888
21908
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
21889
21909
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
21890
21910
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
21891
21911
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
21912
+ --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
21892
21913
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
21893
21914
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
21894
21915
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
21895
21916
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
21917
+ --pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
21896
21918
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
21897
21919
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
21898
21920
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -21907,6 +21929,7 @@ ul.pf-v6-c-list {
21907
21929
  @media screen and (min-width: 48rem) {
21908
21930
  .pf-v6-c-pagination {
21909
21931
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
21932
+ --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
21910
21933
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
21911
21934
  --pf-v6-c-pagination__nav--Display: inline-flex;
21912
21935
  --pf-v6-c-pagination__total-items--Display: none;
@@ -21926,6 +21949,9 @@ ul.pf-v6-c-list {
21926
21949
  justify-content: flex-end;
21927
21950
  padding-inline-start: var(--pf-v6-c-pagination--inset);
21928
21951
  padding-inline-end: var(--pf-v6-c-pagination--inset);
21952
+ border: 0 solid var(--pf-v6-c-pagination--BorderColor);
21953
+ border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
21954
+ border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
21929
21955
  }
21930
21956
  .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
21931
21957
  display: var(--pf-v6-c-pagination__page-menu--Display);
@@ -21933,6 +21959,7 @@ ul.pf-v6-c-list {
21933
21959
  .pf-v6-c-pagination.pf-m-bottom {
21934
21960
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow);
21935
21961
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: auto;
21962
+ --pf-v6-c-pagination--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth);
21936
21963
  position: sticky;
21937
21964
  inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
21938
21965
  justify-content: center;
@@ -21959,7 +21986,6 @@ ul.pf-v6-c-list {
21959
21986
  }
21960
21987
  @media screen and (min-width: 48rem) {
21961
21988
  .pf-v6-c-pagination.pf-m-bottom {
21962
- --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
21963
21989
  --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
21964
21990
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
21965
21991
  position: relative;
@@ -21991,10 +22017,13 @@ ul.pf-v6-c-list {
21991
22017
  padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
21992
22018
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
21993
22019
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
22020
+ border: 0;
21994
22021
  box-shadow: none;
21995
22022
  }
21996
22023
  .pf-v6-c-pagination.pf-m-sticky {
21997
22024
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
22025
+ --pf-v6-c-pagination--BorderBlockEndWidth: var(--pf-v6-c-pagination--m-sticky--BorderBlockEndWidth);
22026
+ --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth);
21998
22027
  position: sticky;
21999
22028
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
22000
22029
  z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
package/patternfly.css CHANGED
@@ -11259,6 +11259,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11259
11259
  --pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
11260
11260
  --pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
11261
11261
  --pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
11262
+ --pf-v6-c-calendar-month__dates-cell--after--BorderColor: var(--pf-t--global--border--color--high-contrast);
11263
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: 0;
11264
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: 0;
11262
11265
  --pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11263
11266
  --pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
11264
11267
  --pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
@@ -11266,6 +11269,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11266
11269
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
11267
11270
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
11268
11271
  --pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11272
+ --pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
11273
+ --pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
11269
11274
  --pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
11270
11275
  --pf-v6-c-calendar-month__date--Width: 4ch;
11271
11276
  --pf-v6-c-calendar-month__date--Height: 4ch;
@@ -11284,6 +11289,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11284
11289
  --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
11285
11290
  --pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
11286
11291
  --pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
11292
+ --pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
11293
+ --pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderColor: var(--pf-t--global--border--color--high-contrast);
11287
11294
  }
11288
11295
 
11289
11296
  .pf-v6-c-calendar-month {
@@ -11356,13 +11363,20 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11356
11363
  inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
11357
11364
  inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
11358
11365
  inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
11366
+ pointer-events: none;
11359
11367
  content: "";
11360
11368
  background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
11369
+ border: solid var(--pf-v6-c-calendar-month__dates-cell--after--BorderColor);
11370
+ border-width: var(--pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth) 0 var(--pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth);
11361
11371
  }
11362
11372
  .pf-v6-c-calendar-month__dates-cell.pf-m-current {
11363
11373
  --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
11374
+ --pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderWidth);
11375
+ --pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--after--BorderColor);
11364
11376
  }
11365
11377
  .pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
11378
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockStartWidth);
11379
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--after--BorderBlockEndWidth);
11366
11380
  --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
11367
11381
  --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
11368
11382
  --pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
@@ -11389,6 +11403,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11389
11403
  }
11390
11404
  .pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
11391
11405
  --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
11406
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockStartWidth: 0;
11407
+ --pf-v6-c-calendar-month__dates-cell--after--BorderBlockEndWidth: 0;
11392
11408
  --pf-v6-c-calendar-month__date--BackgroundColor: transparent;
11393
11409
  }
11394
11410
 
@@ -22004,6 +22020,9 @@ ul.pf-v6-c-list {
22004
22020
  .pf-v6-c-pagination {
22005
22021
  --pf-v6-c-pagination--inset: 0;
22006
22022
  --pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
22023
+ --pf-v6-c-pagination--BorderColor: var(--pf-t--global--border--color--high-contrast);
22024
+ --pf-v6-c-pagination--BorderBlockStartWidth: 0;
22025
+ --pf-v6-c-pagination--BorderBlockEndWidth: 0;
22007
22026
  --pf-v6-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--lg);
22008
22027
  --pf-v6-c-pagination__nav--Display: none;
22009
22028
  --pf-v6-c-pagination--m-display-summary__nav--Display: none;
@@ -22025,14 +22044,17 @@ ul.pf-v6-c-list {
22025
22044
  --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22026
22045
  --pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
22027
22046
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
22047
+ --pf-v6-c-pagination--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
22028
22048
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22029
22049
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
22030
22050
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
22031
22051
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
22052
+ --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
22032
22053
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22033
22054
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
22034
22055
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
22035
22056
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
22057
+ --pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
22036
22058
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
22037
22059
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
22038
22060
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -22047,6 +22069,7 @@ ul.pf-v6-c-list {
22047
22069
  @media screen and (min-width: 48rem) {
22048
22070
  .pf-v6-c-pagination {
22049
22071
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
22072
+ --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
22050
22073
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
22051
22074
  --pf-v6-c-pagination__nav--Display: inline-flex;
22052
22075
  --pf-v6-c-pagination__total-items--Display: none;
@@ -22066,6 +22089,9 @@ ul.pf-v6-c-list {
22066
22089
  justify-content: flex-end;
22067
22090
  padding-inline-start: var(--pf-v6-c-pagination--inset);
22068
22091
  padding-inline-end: var(--pf-v6-c-pagination--inset);
22092
+ border: 0 solid var(--pf-v6-c-pagination--BorderColor);
22093
+ border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
22094
+ border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
22069
22095
  }
22070
22096
  .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
22071
22097
  display: var(--pf-v6-c-pagination__page-menu--Display);
@@ -22073,6 +22099,7 @@ ul.pf-v6-c-list {
22073
22099
  .pf-v6-c-pagination.pf-m-bottom {
22074
22100
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow);
22075
22101
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: auto;
22102
+ --pf-v6-c-pagination--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth);
22076
22103
  position: sticky;
22077
22104
  inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
22078
22105
  justify-content: center;
@@ -22099,7 +22126,6 @@ ul.pf-v6-c-list {
22099
22126
  }
22100
22127
  @media screen and (min-width: 48rem) {
22101
22128
  .pf-v6-c-pagination.pf-m-bottom {
22102
- --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
22103
22129
  --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
22104
22130
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
22105
22131
  position: relative;
@@ -22131,10 +22157,13 @@ ul.pf-v6-c-list {
22131
22157
  padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
22132
22158
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
22133
22159
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
22160
+ border: 0;
22134
22161
  box-shadow: none;
22135
22162
  }
22136
22163
  .pf-v6-c-pagination.pf-m-sticky {
22137
22164
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
22165
+ --pf-v6-c-pagination--BorderBlockEndWidth: var(--pf-v6-c-pagination--m-sticky--BorderBlockEndWidth);
22166
+ --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth);
22138
22167
  position: sticky;
22139
22168
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
22140
22169
  z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);