@patternfly/patternfly 6.3.0-prerelease.55 → 6.3.0-prerelease.57

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 (34) hide show
  1. package/base/patternfly-variables.css +0 -36
  2. package/base/tokens/tokens-local.scss +0 -38
  3. package/components/Accordion/accordion.css +2 -2
  4. package/components/Accordion/accordion.scss +2 -2
  5. package/components/Banner/banner.css +1 -1
  6. package/components/Banner/banner.scss +1 -1
  7. package/components/CodeBlock/code-block.css +1 -1
  8. package/components/CodeBlock/code-block.scss +1 -1
  9. package/components/DatePicker/date-picker.css +3 -0
  10. package/components/DatePicker/date-picker.scss +4 -0
  11. package/components/Drawer/drawer.css +2 -2
  12. package/components/Drawer/drawer.scss +2 -2
  13. package/components/Login/login.css +1 -1
  14. package/components/Login/login.scss +1 -1
  15. package/components/Menu/menu.css +1 -1
  16. package/components/Menu/menu.scss +1 -1
  17. package/components/ModalBox/modal-box.css +1 -1
  18. package/components/ModalBox/modal-box.scss +1 -1
  19. package/components/Pagination/pagination.css +14 -1
  20. package/components/Pagination/pagination.scss +14 -1
  21. package/components/Popover/popover.css +1 -1
  22. package/components/Popover/popover.scss +1 -1
  23. package/components/Table/table.css +1 -1
  24. package/components/Table/table.scss +1 -1
  25. package/components/_index.css +28 -12
  26. package/docs/components/Pagination/examples/Pagination.md +111 -0
  27. package/docs/components/Progress/examples/Progress.md +222 -210
  28. package/package.json +1 -1
  29. package/patternfly-base-no-globals.css +0 -36
  30. package/patternfly-base.css +0 -36
  31. package/patternfly-no-globals.css +28 -48
  32. package/patternfly.css +28 -48
  33. package/patternfly.min.css +1 -1
  34. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css CHANGED
@@ -7174,42 +7174,6 @@
7174
7174
  var(--pf-t--global--box-shadow--color--lg--directional);
7175
7175
  --pf-t--global--list-style: disc outside;
7176
7176
  --pf-t--temp--dev--tbd: #BC11E0;
7177
- --pf-t--global--high-contrast--border--width--action--clicked: 0;
7178
- --pf-t--global--high-contrast--border--width--action--default: 0;
7179
- --pf-t--global--high-contrast--border--width--action--hover: 0;
7180
- --pf-t--global--high-contrast--border--width--box--clicked: 0;
7181
- --pf-t--global--high-contrast--border--width--box--default: 0;
7182
- --pf-t--global--high-contrast--border--width--box--hover: 0;
7183
- --pf-t--global--high-contrast--border--width--box--status--default: 0;
7184
- --pf-t--global--high-contrast--border--width--box--status--read: 0;
7185
- --pf-t--global--high-contrast--border--width--control--clicked: 0;
7186
- --pf-t--global--high-contrast--border--width--control--default: 0;
7187
- --pf-t--global--high-contrast--border--width--control--hover: 0;
7188
- --pf-t--global--high-contrast--border--width--divider--clicked: 0;
7189
- --pf-t--global--high-contrast--border--width--divider--default: 0;
7190
- --pf-t--global--high-contrast--border--width--divider--hover: 0;
7191
- --pf-t--global--high-contrast--border--width--extra-strong: 0;
7192
- --pf-t--global--high-contrast--border--width--regular: 0;
7193
- --pf-t--global--high-contrast--border--width--strong: 0;
7194
- }
7195
- :root:where(.pf-v6-theme-high-contrast) {
7196
- --pf-t--global--high-contrast--border--width--action--clicked: var(--pf-t--global--border--width--action--clicked);
7197
- --pf-t--global--high-contrast--border--width--action--default: var(--pf-t--global--border--width--action--default);
7198
- --pf-t--global--high-contrast--border--width--action--hover: var(--pf-t--global--border--width--action--hover);
7199
- --pf-t--global--high-contrast--border--width--box--clicked: var(--pf-t--global--border--width--box--clicked);
7200
- --pf-t--global--high-contrast--border--width--box--default: var(--pf-t--global--border--width--box--default);
7201
- --pf-t--global--high-contrast--border--width--box--hover: var(--pf-t--global--border--width--box--hover);
7202
- --pf-t--global--high-contrast--border--width--box--status--default: var(--pf-t--global--border--width--box--status--default);
7203
- --pf-t--global--high-contrast--border--width--box--status--read: var(--pf-t--global--border--width--box--status--read);
7204
- --pf-t--global--high-contrast--border--width--control--clicked: var(--pf-t--global--border--width--control--clicked);
7205
- --pf-t--global--high-contrast--border--width--control--default: var(--pf-t--global--border--width--control--default);
7206
- --pf-t--global--high-contrast--border--width--control--hover: var(--pf-t--global--border--width--control--hover);
7207
- --pf-t--global--high-contrast--border--width--divider--clicked: var(--pf-t--global--border--width--divider--clicked);
7208
- --pf-t--global--high-contrast--border--width--divider--default: var(--pf-t--global--border--width--divider--default);
7209
- --pf-t--global--high-contrast--border--width--divider--hover: var(--pf-t--global--border--width--divider--hover);
7210
- --pf-t--global--high-contrast--border--width--extra-strong: var(--pf-t--global--border--width--extra-strong);
7211
- --pf-t--global--high-contrast--border--width--regular: var(--pf-t--global--border--width--regular);
7212
- --pf-t--global--high-contrast--border--width--strong: var(--pf-t--global--border--width--strong);
7213
7177
  }
7214
7178
 
7215
7179
  :root:where(.pf-v6-theme-dark) {
@@ -8974,8 +8938,8 @@
8974
8938
  --pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
8975
8939
  --pf-v6-c-accordion__item--BorderWidth: 0;
8976
8940
  --pf-v6-c-accordion__item--BorderColor: var(--pf-t--global--border--color--high-contrast);
8977
- --pf-v6-c-accordion__item--m-expanded--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
8978
- --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
8941
+ --pf-v6-c-accordion__item--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
8942
+ --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
8979
8943
  --pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
8980
8944
  }
8981
8945
  @media screen and (prefers-reduced-motion: no-preference) {
@@ -9965,7 +9929,7 @@
9965
9929
  --pf-v6-c-banner--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
9966
9930
  --pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
9967
9931
  --pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
9968
- --pf-v6-c-banner--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
9932
+ --pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
9969
9933
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
9970
9934
  --pf-v6-c-banner--link--TextDecoration: underline;
9971
9935
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
@@ -11865,7 +11829,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
11865
11829
 
11866
11830
  .pf-v6-c-code-block {
11867
11831
  --pf-v6-c-code-block--BorderColor: var(--pf-t--global--border--color--high-contrast);
11868
- --pf-v6-c-code-block--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
11832
+ --pf-v6-c-code-block--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
11869
11833
  --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11870
11834
  --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
11871
11835
  --pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -14015,6 +13979,8 @@ ul) {
14015
13979
  --pf-v6-c-date-picker__input--c-form-control--Width: calc(var(--pf-v6-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v6-c-date-picker__input--c-form-control--width-base));
14016
13980
  --pf-v6-c-date-picker__input--c-form-control--width-base: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
14017
13981
  --pf-v6-c-date-picker__input--c-form-control--width-chars: 11;
13982
+ --pf-v6-c-date-picker__calendar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
13983
+ --pf-v6-c-date-picker__calendar--BorderColor: var(--pf-t--global--border--color--high-contrast);
14018
13984
  --pf-v6-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
14019
13985
  --pf-v6-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
14020
13986
  --pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--z-index--sm);
@@ -14045,6 +14011,7 @@ ul) {
14045
14011
  inset-inline-end: var(--pf-v6-c-date-picker__calendar--InsetInlineEnd);
14046
14012
  z-index: var(--pf-v6-c-date-picker__calendar--ZIndex);
14047
14013
  background-color: var(--pf-v6-c-date-picker__calendar--BackgroundColor);
14014
+ border: var(--pf-v6-c-date-picker__calendar--BorderWidth) solid var(--pf-v6-c-date-picker__calendar--BorderColor);
14048
14015
  box-shadow: var(--pf-v6-c-date-picker__calendar--BoxShadow);
14049
14016
  }
14050
14017
  .pf-v6-c-date-picker__calendar.pf-m-align-right {
@@ -14483,9 +14450,9 @@ ul) {
14483
14450
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
14484
14451
  --pf-v6-c-drawer__panel--BoxShadow: none;
14485
14452
  --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
14486
- --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--high-contrast--border--width--divider--default);
14453
+ --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--high-contrast--regular);
14487
14454
  --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-t--global--border--width--divider--default);
14488
- --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--high-contrast--border--width--divider--default);
14455
+ --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--high-contrast--regular);
14489
14456
  --pf-v6-c-drawer__panel--after--BackgroundColor: var(--pf-t--global--border--color--high-contrast);
14490
14457
  --pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-t--global--border--color--default);
14491
14458
  --pf-v6-c-drawer--m-inline__panel--PaddingInlineStart: 0;
@@ -18140,7 +18107,7 @@ ul.pf-v6-c-list {
18140
18107
  --pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18141
18108
  --pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
18142
18109
  --pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
18143
- --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
18110
+ --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
18144
18111
  --pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
18145
18112
  --pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
18146
18113
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
@@ -18920,7 +18887,7 @@ ul.pf-v6-c-list {
18920
18887
  --pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
18921
18888
  --pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
18922
18889
  --pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
18923
- --pf-v6-c-menu--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
18890
+ --pf-v6-c-menu--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
18924
18891
  --pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
18925
18892
  --pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
18926
18893
  --pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
@@ -20058,7 +20025,7 @@ ul.pf-v6-c-list {
20058
20025
  .pf-v6-c-modal-box {
20059
20026
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
20060
20027
  --pf-v6-c-modal-box--BorderColor: var(--pf-t--global--border--color--high-contrast);
20061
- --pf-v6-c-modal-box--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
20028
+ --pf-v6-c-modal-box--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
20062
20029
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
20063
20030
  --pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
20064
20031
  --pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--xl);
@@ -21897,6 +21864,9 @@ ul.pf-v6-c-list {
21897
21864
  .pf-v6-c-pagination {
21898
21865
  --pf-v6-c-pagination--inset: 0;
21899
21866
  --pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
21867
+ --pf-v6-c-pagination--BorderColor: var(--pf-t--global--border--color--high-contrast);
21868
+ --pf-v6-c-pagination--BorderBlockStartWidth: 0;
21869
+ --pf-v6-c-pagination--BorderBlockEndWidth: 0;
21900
21870
  --pf-v6-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--lg);
21901
21871
  --pf-v6-c-pagination__nav--Display: none;
21902
21872
  --pf-v6-c-pagination--m-display-summary__nav--Display: none;
@@ -21918,14 +21888,17 @@ ul.pf-v6-c-list {
21918
21888
  --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
21919
21889
  --pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
21920
21890
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
21891
+ --pf-v6-c-pagination--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
21921
21892
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
21922
21893
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
21923
21894
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
21924
21895
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
21896
+ --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
21925
21897
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
21926
21898
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
21927
21899
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
21928
21900
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
21901
+ --pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
21929
21902
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
21930
21903
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
21931
21904
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -21940,6 +21913,7 @@ ul.pf-v6-c-list {
21940
21913
  @media screen and (min-width: 48rem) {
21941
21914
  .pf-v6-c-pagination {
21942
21915
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
21916
+ --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
21943
21917
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
21944
21918
  --pf-v6-c-pagination__nav--Display: inline-flex;
21945
21919
  --pf-v6-c-pagination__total-items--Display: none;
@@ -21959,6 +21933,9 @@ ul.pf-v6-c-list {
21959
21933
  justify-content: flex-end;
21960
21934
  padding-inline-start: var(--pf-v6-c-pagination--inset);
21961
21935
  padding-inline-end: var(--pf-v6-c-pagination--inset);
21936
+ border: 0 solid var(--pf-v6-c-pagination--BorderColor);
21937
+ border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
21938
+ border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
21962
21939
  }
21963
21940
  .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
21964
21941
  display: var(--pf-v6-c-pagination__page-menu--Display);
@@ -21966,6 +21943,7 @@ ul.pf-v6-c-list {
21966
21943
  .pf-v6-c-pagination.pf-m-bottom {
21967
21944
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow);
21968
21945
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: auto;
21946
+ --pf-v6-c-pagination--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth);
21969
21947
  position: sticky;
21970
21948
  inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
21971
21949
  justify-content: center;
@@ -21992,7 +21970,6 @@ ul.pf-v6-c-list {
21992
21970
  }
21993
21971
  @media screen and (min-width: 48rem) {
21994
21972
  .pf-v6-c-pagination.pf-m-bottom {
21995
- --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
21996
21973
  --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
21997
21974
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
21998
21975
  position: relative;
@@ -22024,10 +22001,13 @@ ul.pf-v6-c-list {
22024
22001
  padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
22025
22002
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
22026
22003
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
22004
+ border: 0;
22027
22005
  box-shadow: none;
22028
22006
  }
22029
22007
  .pf-v6-c-pagination.pf-m-sticky {
22030
22008
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
22009
+ --pf-v6-c-pagination--BorderBlockEndWidth: var(--pf-v6-c-pagination--m-sticky--BorderBlockEndWidth);
22010
+ --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth);
22031
22011
  position: sticky;
22032
22012
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
22033
22013
  z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
@@ -22363,7 +22343,7 @@ ul.pf-v6-c-list {
22363
22343
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
22364
22344
  --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
22365
22345
  --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
22366
- --pf-v6-c-popover--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
22346
+ --pf-v6-c-popover--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
22367
22347
  --pf-v6-c-popover--BorderColor: var(--pf-t--global--border--color--high-contrast);
22368
22348
  --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
22369
22349
  --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
@@ -26318,7 +26298,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26318
26298
  --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
26319
26299
  --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
26320
26300
  --pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
26321
- --pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
26301
+ --pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
26322
26302
  --pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
26323
26303
  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
26324
26304
  --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
package/patternfly.css CHANGED
@@ -7314,42 +7314,6 @@ button) {
7314
7314
  var(--pf-t--global--box-shadow--color--lg--directional);
7315
7315
  --pf-t--global--list-style: disc outside;
7316
7316
  --pf-t--temp--dev--tbd: #BC11E0;
7317
- --pf-t--global--high-contrast--border--width--action--clicked: 0;
7318
- --pf-t--global--high-contrast--border--width--action--default: 0;
7319
- --pf-t--global--high-contrast--border--width--action--hover: 0;
7320
- --pf-t--global--high-contrast--border--width--box--clicked: 0;
7321
- --pf-t--global--high-contrast--border--width--box--default: 0;
7322
- --pf-t--global--high-contrast--border--width--box--hover: 0;
7323
- --pf-t--global--high-contrast--border--width--box--status--default: 0;
7324
- --pf-t--global--high-contrast--border--width--box--status--read: 0;
7325
- --pf-t--global--high-contrast--border--width--control--clicked: 0;
7326
- --pf-t--global--high-contrast--border--width--control--default: 0;
7327
- --pf-t--global--high-contrast--border--width--control--hover: 0;
7328
- --pf-t--global--high-contrast--border--width--divider--clicked: 0;
7329
- --pf-t--global--high-contrast--border--width--divider--default: 0;
7330
- --pf-t--global--high-contrast--border--width--divider--hover: 0;
7331
- --pf-t--global--high-contrast--border--width--extra-strong: 0;
7332
- --pf-t--global--high-contrast--border--width--regular: 0;
7333
- --pf-t--global--high-contrast--border--width--strong: 0;
7334
- }
7335
- :root:where(.pf-v6-theme-high-contrast) {
7336
- --pf-t--global--high-contrast--border--width--action--clicked: var(--pf-t--global--border--width--action--clicked);
7337
- --pf-t--global--high-contrast--border--width--action--default: var(--pf-t--global--border--width--action--default);
7338
- --pf-t--global--high-contrast--border--width--action--hover: var(--pf-t--global--border--width--action--hover);
7339
- --pf-t--global--high-contrast--border--width--box--clicked: var(--pf-t--global--border--width--box--clicked);
7340
- --pf-t--global--high-contrast--border--width--box--default: var(--pf-t--global--border--width--box--default);
7341
- --pf-t--global--high-contrast--border--width--box--hover: var(--pf-t--global--border--width--box--hover);
7342
- --pf-t--global--high-contrast--border--width--box--status--default: var(--pf-t--global--border--width--box--status--default);
7343
- --pf-t--global--high-contrast--border--width--box--status--read: var(--pf-t--global--border--width--box--status--read);
7344
- --pf-t--global--high-contrast--border--width--control--clicked: var(--pf-t--global--border--width--control--clicked);
7345
- --pf-t--global--high-contrast--border--width--control--default: var(--pf-t--global--border--width--control--default);
7346
- --pf-t--global--high-contrast--border--width--control--hover: var(--pf-t--global--border--width--control--hover);
7347
- --pf-t--global--high-contrast--border--width--divider--clicked: var(--pf-t--global--border--width--divider--clicked);
7348
- --pf-t--global--high-contrast--border--width--divider--default: var(--pf-t--global--border--width--divider--default);
7349
- --pf-t--global--high-contrast--border--width--divider--hover: var(--pf-t--global--border--width--divider--hover);
7350
- --pf-t--global--high-contrast--border--width--extra-strong: var(--pf-t--global--border--width--extra-strong);
7351
- --pf-t--global--high-contrast--border--width--regular: var(--pf-t--global--border--width--regular);
7352
- --pf-t--global--high-contrast--border--width--strong: var(--pf-t--global--border--width--strong);
7353
7317
  }
7354
7318
 
7355
7319
  :root:where(.pf-v6-theme-dark) {
@@ -9114,8 +9078,8 @@ button) {
9114
9078
  --pf-v6-c-accordion__item--m-bordered--BorderBlockEndColor: var(--pf-t--global--border--color--default);
9115
9079
  --pf-v6-c-accordion__item--BorderWidth: 0;
9116
9080
  --pf-v6-c-accordion__item--BorderColor: var(--pf-t--global--border--color--high-contrast);
9117
- --pf-v6-c-accordion__item--m-expanded--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
9118
- --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
9081
+ --pf-v6-c-accordion__item--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
9082
+ --pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
9119
9083
  --pf-v6-c-accordion__expandable-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
9120
9084
  }
9121
9085
  @media screen and (prefers-reduced-motion: no-preference) {
@@ -10105,7 +10069,7 @@ button) {
10105
10069
  --pf-v6-c-banner--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
10106
10070
  --pf-v6-c-banner--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
10107
10071
  --pf-v6-c-banner--BorderColor: var(--pf-t--global--border--color--high-contrast);
10108
- --pf-v6-c-banner--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
10072
+ --pf-v6-c-banner--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
10109
10073
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
10110
10074
  --pf-v6-c-banner--link--TextDecoration: underline;
10111
10075
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
@@ -12005,7 +11969,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12005
11969
 
12006
11970
  .pf-v6-c-code-block {
12007
11971
  --pf-v6-c-code-block--BorderColor: var(--pf-t--global--border--color--high-contrast);
12008
- --pf-v6-c-code-block--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
11972
+ --pf-v6-c-code-block--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
12009
11973
  --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
12010
11974
  --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
12011
11975
  --pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -14155,6 +14119,8 @@ ul) {
14155
14119
  --pf-v6-c-date-picker__input--c-form-control--Width: calc(var(--pf-v6-c-date-picker__input--c-form-control--width-chars) * 1ch + var(--pf-v6-c-date-picker__input--c-form-control--width-base));
14156
14120
  --pf-v6-c-date-picker__input--c-form-control--width-base: calc(var(--pf-t--global--spacer--xl) + var(--pf-t--global--spacer--sm));
14157
14121
  --pf-v6-c-date-picker__input--c-form-control--width-chars: 11;
14122
+ --pf-v6-c-date-picker__calendar--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
14123
+ --pf-v6-c-date-picker__calendar--BorderColor: var(--pf-t--global--border--color--high-contrast);
14158
14124
  --pf-v6-c-date-picker__calendar--BackgroundColor: var(--pf-t--global--background--color--floating--default);
14159
14125
  --pf-v6-c-date-picker__calendar--BoxShadow: var(--pf-t--global--box-shadow--md);
14160
14126
  --pf-v6-c-date-picker__calendar--ZIndex: var(--pf-t--global--z-index--sm);
@@ -14185,6 +14151,7 @@ ul) {
14185
14151
  inset-inline-end: var(--pf-v6-c-date-picker__calendar--InsetInlineEnd);
14186
14152
  z-index: var(--pf-v6-c-date-picker__calendar--ZIndex);
14187
14153
  background-color: var(--pf-v6-c-date-picker__calendar--BackgroundColor);
14154
+ border: var(--pf-v6-c-date-picker__calendar--BorderWidth) solid var(--pf-v6-c-date-picker__calendar--BorderColor);
14188
14155
  box-shadow: var(--pf-v6-c-date-picker__calendar--BoxShadow);
14189
14156
  }
14190
14157
  .pf-v6-c-date-picker__calendar.pf-m-align-right {
@@ -14623,9 +14590,9 @@ ul) {
14623
14590
  --pf-v6-c-drawer__actions--MarginInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--compact) * -1.5);
14624
14591
  --pf-v6-c-drawer__panel--BoxShadow: none;
14625
14592
  --pf-v6-c-drawer--m-expanded--m-panel-bottom__panel--BoxShadow: var(--pf-t--global--box-shadow--md--top);
14626
- --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--high-contrast--border--width--divider--default);
14593
+ --pf-v6-c-drawer__panel--after--Width: var(--pf-t--global--border--width--high-contrast--regular);
14627
14594
  --pf-v6-c-drawer--m-inline__panel--after--Width: var(--pf-t--global--border--width--divider--default);
14628
- --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--high-contrast--border--width--divider--default);
14595
+ --pf-v6-c-drawer--m-panel-bottom__panel--after--Height: var(--pf-t--global--border--width--high-contrast--regular);
14629
14596
  --pf-v6-c-drawer__panel--after--BackgroundColor: var(--pf-t--global--border--color--high-contrast);
14630
14597
  --pf-v6-c-drawer--m-inline--m-expanded__panel--after--BackgroundColor: var(--pf-t--global--border--color--default);
14631
14598
  --pf-v6-c-drawer--m-inline__panel--PaddingInlineStart: 0;
@@ -18280,7 +18247,7 @@ ul.pf-v6-c-list {
18280
18247
  --pf-v6-c-login__main--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18281
18248
  --pf-v6-c-login__main--MarginBlockEnd: var(--pf-t--global--spacer--lg);
18282
18249
  --pf-v6-c-login__main--BorderRadius: var(--pf-t--global--border--radius--large);
18283
- --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
18250
+ --pf-v6-c-login__main--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
18284
18251
  --pf-v6-c-login__main--BorderColor: var(--pf-t--global--border--color--high-contrast);
18285
18252
  --pf-v6-c-login__main-header--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
18286
18253
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
@@ -19060,7 +19027,7 @@ ul.pf-v6-c-list {
19060
19027
  --pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default);
19061
19028
  --pf-v6-c-menu--BoxShadow: var(--pf-t--global--box-shadow--md);
19062
19029
  --pf-v6-c-menu--Color: var(--pf-t--global--text--color--regular);
19063
- --pf-v6-c-menu--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
19030
+ --pf-v6-c-menu--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
19064
19031
  --pf-v6-c-menu--BorderColor: var(--pf-t--global--border--color--high-contrast);
19065
19032
  --pf-v6-c-menu--BorderRadius: var(--pf-t--global--border--radius--small);
19066
19033
  --pf-v6-c-menu--OutlineOffset: calc(var(--pf-t--global--border--width--control--default) * -3);
@@ -20198,7 +20165,7 @@ ul.pf-v6-c-list {
20198
20165
  .pf-v6-c-modal-box {
20199
20166
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
20200
20167
  --pf-v6-c-modal-box--BorderColor: var(--pf-t--global--border--color--high-contrast);
20201
- --pf-v6-c-modal-box--BorderWidth: var(--pf-t--global--high-contrast--border--width--box--default);
20168
+ --pf-v6-c-modal-box--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
20202
20169
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
20203
20170
  --pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
20204
20171
  --pf-v6-c-modal-box--ZIndex: var(--pf-t--global--z-index--xl);
@@ -22037,6 +22004,9 @@ ul.pf-v6-c-list {
22037
22004
  .pf-v6-c-pagination {
22038
22005
  --pf-v6-c-pagination--inset: 0;
22039
22006
  --pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
22007
+ --pf-v6-c-pagination--BorderColor: var(--pf-t--global--border--color--high-contrast);
22008
+ --pf-v6-c-pagination--BorderBlockStartWidth: 0;
22009
+ --pf-v6-c-pagination--BorderBlockEndWidth: 0;
22040
22010
  --pf-v6-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--lg);
22041
22011
  --pf-v6-c-pagination__nav--Display: none;
22042
22012
  --pf-v6-c-pagination--m-display-summary__nav--Display: none;
@@ -22058,14 +22028,17 @@ ul.pf-v6-c-list {
22058
22028
  --pf-v6-c-pagination--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22059
22029
  --pf-v6-c-pagination--m-sticky--ZIndex: var(--pf-t--global--z-index--xs);
22060
22030
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: 0;
22031
+ --pf-v6-c-pagination--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
22061
22032
  --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22062
22033
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
22063
22034
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
22064
22035
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
22036
+ --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
22065
22037
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22066
22038
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
22067
22039
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart: var(--pf-t--global--spacer--sm);
22068
22040
  --pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
22041
+ --pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
22069
22042
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
22070
22043
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
22071
22044
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
@@ -22080,6 +22053,7 @@ ul.pf-v6-c-list {
22080
22053
  @media screen and (min-width: 48rem) {
22081
22054
  .pf-v6-c-pagination {
22082
22055
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
22056
+ --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
22083
22057
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
22084
22058
  --pf-v6-c-pagination__nav--Display: inline-flex;
22085
22059
  --pf-v6-c-pagination__total-items--Display: none;
@@ -22099,6 +22073,9 @@ ul.pf-v6-c-list {
22099
22073
  justify-content: flex-end;
22100
22074
  padding-inline-start: var(--pf-v6-c-pagination--inset);
22101
22075
  padding-inline-end: var(--pf-v6-c-pagination--inset);
22076
+ border: 0 solid var(--pf-v6-c-pagination--BorderColor);
22077
+ border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
22078
+ border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
22102
22079
  }
22103
22080
  .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
22104
22081
  display: var(--pf-v6-c-pagination__page-menu--Display);
@@ -22106,6 +22083,7 @@ ul.pf-v6-c-list {
22106
22083
  .pf-v6-c-pagination.pf-m-bottom {
22107
22084
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow);
22108
22085
  --pf-v6-c-pagination--m-sticky--InsetBlockStart: auto;
22086
+ --pf-v6-c-pagination--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth);
22109
22087
  position: sticky;
22110
22088
  inset-block-end: var(--pf-v6-c-pagination--m-bottom--InsetBlockEnd);
22111
22089
  justify-content: center;
@@ -22132,7 +22110,6 @@ ul.pf-v6-c-list {
22132
22110
  }
22133
22111
  @media screen and (min-width: 48rem) {
22134
22112
  .pf-v6-c-pagination.pf-m-bottom {
22135
- --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
22136
22113
  --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
22137
22114
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
22138
22115
  position: relative;
@@ -22164,10 +22141,13 @@ ul.pf-v6-c-list {
22164
22141
  padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
22165
22142
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
22166
22143
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
22144
+ border: 0;
22167
22145
  box-shadow: none;
22168
22146
  }
22169
22147
  .pf-v6-c-pagination.pf-m-sticky {
22170
22148
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
22149
+ --pf-v6-c-pagination--BorderBlockEndWidth: var(--pf-v6-c-pagination--m-sticky--BorderBlockEndWidth);
22150
+ --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth);
22171
22151
  position: sticky;
22172
22152
  inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
22173
22153
  z-index: var(--pf-v6-c-pagination--m-sticky--ZIndex);
@@ -22503,7 +22483,7 @@ ul.pf-v6-c-list {
22503
22483
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
22504
22484
  --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
22505
22485
  --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
22506
- --pf-v6-c-popover--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
22486
+ --pf-v6-c-popover--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
22507
22487
  --pf-v6-c-popover--BorderColor: var(--pf-t--global--border--color--high-contrast);
22508
22488
  --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
22509
22489
  --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
@@ -26458,7 +26438,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26458
26438
  --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
26459
26439
  --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
26460
26440
  --pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
26461
- --pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--high-contrast--border--width--regular);
26441
+ --pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
26462
26442
  --pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
26463
26443
  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
26464
26444
  --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);