@patternfly/patternfly 6.5.0-prerelease.83 → 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.
- package/base/patternfly-variables.css +9 -8
- package/base/patternfly-variables.scss +19 -18
- package/base/tokens/tokens-dark.scss +1 -1
- package/base/tokens/tokens-default.scss +3 -3
- package/base/tokens/{tokens-redhat-dark.scss → tokens-felt-dark.scss} +1 -1
- package/base/tokens/{tokens-redhat-glass-dark.scss → tokens-felt-glass-dark.scss} +1 -1
- package/base/tokens/{tokens-redhat-glass.scss → tokens-felt-glass.scss} +1 -1
- package/base/tokens/{tokens-redhat-highcontrast-dark.scss → tokens-felt-highcontrast-dark.scss} +1 -1
- package/base/tokens/{tokens-redhat-highcontrast.scss → tokens-felt-highcontrast.scss} +3 -2
- package/base/tokens/{tokens-redhat.scss → tokens-felt.scss} +1 -1
- package/base/tokens/tokens-glass-dark.scss +1 -1
- package/base/tokens/tokens-glass.scss +1 -1
- package/base/tokens/tokens-palette.scss +1 -1
- package/components/Pagination/pagination.css +5 -3
- package/components/Pagination/pagination.scss +5 -3
- package/components/Toolbar/toolbar.css +1 -1
- package/components/Toolbar/toolbar.scss +1 -1
- package/components/_index.css +6 -4
- package/package.json +2 -2
- package/patternfly-base-no-globals.css +9 -8
- package/patternfly-base.css +9 -8
- package/patternfly-no-globals.css +19 -16
- package/patternfly.css +19 -16
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/patternfly.scss +4 -4
|
@@ -6817,7 +6817,7 @@
|
|
|
6817
6817
|
--pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
|
|
6818
6818
|
--pf-t--global--border--color--control--default: var(--pf-t--global--border--color--300);
|
|
6819
6819
|
--pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
|
|
6820
|
-
--pf-t--global--border--color--default: var(--pf-t--global--border--color--
|
|
6820
|
+
--pf-t--global--border--color--default: var(--pf-t--global--border--color--50);
|
|
6821
6821
|
--pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
|
|
6822
6822
|
--pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
|
|
6823
6823
|
--pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--300);
|
|
@@ -6995,7 +6995,7 @@
|
|
|
6995
6995
|
--pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--300);
|
|
6996
6996
|
--pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
|
|
6997
6997
|
--pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
|
|
6998
|
-
--pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--
|
|
6998
|
+
--pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--regular);
|
|
6999
6999
|
--pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
|
|
7000
7000
|
--pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default);
|
|
7001
7001
|
--pf-t--global--background--color--glass--primary--default: initial;
|
|
@@ -8025,7 +8025,7 @@
|
|
|
8025
8025
|
--pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
|
|
8026
8026
|
}
|
|
8027
8027
|
|
|
8028
|
-
:root:where(.pf-v6-theme-
|
|
8028
|
+
:root:where(.pf-v6-theme-felt) {
|
|
8029
8029
|
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
|
|
8030
8030
|
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
|
|
8031
8031
|
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
|
|
@@ -8036,7 +8036,7 @@
|
|
|
8036
8036
|
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
|
|
8037
8037
|
}
|
|
8038
8038
|
|
|
8039
|
-
:root:where(.pf-v6-theme-
|
|
8039
|
+
:root:where(.pf-v6-theme-felt.pf-v6-theme-high-contrast) {
|
|
8040
8040
|
--pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
|
|
8041
8041
|
--pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
|
|
8042
8042
|
--pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
|
|
@@ -8148,6 +8148,7 @@
|
|
|
8148
8148
|
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
8149
8149
|
--pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
|
|
8150
8150
|
--pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--400);
|
|
8151
|
+
--pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
|
|
8151
8152
|
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
|
|
8152
8153
|
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
|
|
8153
8154
|
--pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
|
|
@@ -8160,7 +8161,7 @@
|
|
|
8160
8161
|
--pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
|
|
8161
8162
|
}
|
|
8162
8163
|
|
|
8163
|
-
:root:where(.pf-v6-theme-
|
|
8164
|
+
:root:where(.pf-v6-theme-felt.pf-v6-theme-glass) {
|
|
8164
8165
|
--pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000);
|
|
8165
8166
|
--pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000);
|
|
8166
8167
|
--pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.6000);
|
|
@@ -9042,7 +9043,7 @@
|
|
|
9042
9043
|
--pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
|
|
9043
9044
|
}
|
|
9044
9045
|
|
|
9045
|
-
:root:where(.pf-v6-theme-dark.pf-v6-theme-
|
|
9046
|
+
:root:where(.pf-v6-theme-dark.pf-v6-theme-felt) {
|
|
9046
9047
|
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9047
9048
|
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9048
9049
|
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
|
|
@@ -9059,7 +9060,7 @@
|
|
|
9059
9060
|
--pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--regular);
|
|
9060
9061
|
}
|
|
9061
9062
|
|
|
9062
|
-
:root:where(.pf-v6-theme-dark.pf-v6-theme-
|
|
9063
|
+
:root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-high-contrast) {
|
|
9063
9064
|
--pf-t--global--background--color--primary--default: var(--pf-t--color--black);
|
|
9064
9065
|
--pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
9065
9066
|
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
|
|
@@ -9105,7 +9106,7 @@
|
|
|
9105
9106
|
--pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
|
|
9106
9107
|
}
|
|
9107
9108
|
|
|
9108
|
-
:root:where(.pf-v6-theme-dark.pf-v6-theme-
|
|
9109
|
+
:root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-glass) {
|
|
9109
9110
|
--pf-t--global--background--color--glass--primary--default: rgba(41, 41, 41, 0.5000);
|
|
9110
9111
|
--pf-t--global--background--color--primary--clicked: rgba(56, 56, 56, 0.5000);
|
|
9111
9112
|
--pf-t--global--background--color--primary--default: rgba(41, 41, 41, 0.5000);
|
|
@@ -23972,6 +23973,7 @@ ul.pf-v6-c-list {
|
|
|
23972
23973
|
--pf-v6-c-pagination--m-sticky-base--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
|
23973
23974
|
--pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
|
|
23974
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);
|
|
23975
23977
|
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
23976
23978
|
--pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
23977
23979
|
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
@@ -23989,10 +23991,10 @@ ul.pf-v6-c-list {
|
|
|
23989
23991
|
--pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
|
|
23990
23992
|
}
|
|
23991
23993
|
:where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
|
|
23992
|
-
--pf-v6-c-pagination--m-sticky-base--InsetBlockStart: var(--pf-t--global--spacer--sm);
|
|
23993
23994
|
--pf-v6-c-pagination--m-sticky-stuck--BorderRadius: var(--pf-t--global--border--radius--glass--default);
|
|
23994
|
-
--pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--
|
|
23995
|
-
--pf-v6-c-pagination--m-
|
|
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);
|
|
23996
23998
|
}
|
|
23997
23999
|
.pf-v6-c-pagination {
|
|
23998
24000
|
--pf-v6-c-pagination__page-menu--Display--base: block;
|
|
@@ -24108,6 +24110,7 @@ ul.pf-v6-c-list {
|
|
|
24108
24110
|
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth);
|
|
24109
24111
|
inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
|
|
24110
24112
|
background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
|
|
24113
|
+
border-radius: var(--pf-v6-c-pagination--m-sticky--BorderRadius);
|
|
24111
24114
|
box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
|
|
24112
24115
|
}
|
|
24113
24116
|
.pf-v6-c-pagination.pf-m-sticky, .pf-v6-c-pagination.pf-m-sticky-base {
|
|
@@ -31913,7 +31916,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31913
31916
|
--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
31914
31917
|
--pf-v6-c-toolbar--m-sticky--PaddingInlineStart: 0;
|
|
31915
31918
|
--pf-v6-c-toolbar--m-sticky--PaddingInlineEnd: 0;
|
|
31916
|
-
--pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--
|
|
31919
|
+
--pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
31917
31920
|
--pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
|
|
31918
31921
|
--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
31919
31922
|
--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
@@ -38733,10 +38736,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
38733
38736
|
:root:where(.pf-v6-theme-glass):where(.pf-v6-theme-dark) body {
|
|
38734
38737
|
background-image: url("./assets/images/PF-Bkg-Generic-Dark.svg");
|
|
38735
38738
|
}
|
|
38736
|
-
:root:where(.pf-v6-theme-glass):where(.pf-v6-theme-
|
|
38739
|
+
:root:where(.pf-v6-theme-glass):where(.pf-v6-theme-felt) body {
|
|
38737
38740
|
background-image: url("./assets/images/Felt-Bkg-Generic-Light.svg");
|
|
38738
38741
|
}
|
|
38739
|
-
:root:where(.pf-v6-theme-glass):where(.pf-v6-theme-
|
|
38742
|
+
:root:where(.pf-v6-theme-glass):where(.pf-v6-theme-felt.pf-v6-theme-dark) body {
|
|
38740
38743
|
background-image: url("./assets/images/Felt-Bkg-Generic-Dark.svg");
|
|
38741
38744
|
}
|
|
38742
38745
|
|
|
@@ -38750,9 +38753,9 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
38750
38753
|
:root:where(.pf-v6-theme-dark) .pf-v6-c-compass {
|
|
38751
38754
|
background-image: url("./assets/images/PF-Bkg-Generic-Dark.svg");
|
|
38752
38755
|
}
|
|
38753
|
-
:root:where(.pf-v6-theme-
|
|
38756
|
+
:root:where(.pf-v6-theme-felt) .pf-v6-c-compass {
|
|
38754
38757
|
background-image: url("./assets/images/Felt-Bkg-Generic-Light.svg");
|
|
38755
38758
|
}
|
|
38756
|
-
:root:where(.pf-v6-theme-
|
|
38759
|
+
:root:where(.pf-v6-theme-felt.pf-v6-theme-dark) .pf-v6-c-compass {
|
|
38757
38760
|
background-image: url("./assets/images/Felt-Bkg-Generic-Dark.svg");
|
|
38758
38761
|
}
|
package/patternfly.css
CHANGED
|
@@ -6964,7 +6964,7 @@ button) {
|
|
|
6964
6964
|
--pf-t--global--border--color--clicked: var(--pf-t--global--color--brand--200);
|
|
6965
6965
|
--pf-t--global--border--color--control--default: var(--pf-t--global--border--color--300);
|
|
6966
6966
|
--pf-t--global--border--color--control--read-only: var(--pf-t--global--border--color--100);
|
|
6967
|
-
--pf-t--global--border--color--default: var(--pf-t--global--border--color--
|
|
6967
|
+
--pf-t--global--border--color--default: var(--pf-t--global--border--color--50);
|
|
6968
6968
|
--pf-t--global--border--color--disabled: var(--pf-t--global--color--disabled--200);
|
|
6969
6969
|
--pf-t--global--border--color--hover: var(--pf-t--global--color--brand--100);
|
|
6970
6970
|
--pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--300);
|
|
@@ -7142,7 +7142,7 @@ button) {
|
|
|
7142
7142
|
--pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--300);
|
|
7143
7143
|
--pf-t--global--text-decoration--offset--default: var(--pf-t--global--spacer--xs);
|
|
7144
7144
|
--pf-t--global--text-decoration--width--default: var(--pf-t--global--border--width--regular);
|
|
7145
|
-
--pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--
|
|
7145
|
+
--pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--regular);
|
|
7146
7146
|
--pf-t--global--background--color--control--default: var(--pf-t--global--background--color--primary--default);
|
|
7147
7147
|
--pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--secondary--default);
|
|
7148
7148
|
--pf-t--global--background--color--glass--primary--default: initial;
|
|
@@ -8172,7 +8172,7 @@ button) {
|
|
|
8172
8172
|
--pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
|
|
8173
8173
|
}
|
|
8174
8174
|
|
|
8175
|
-
:root:where(.pf-v6-theme-
|
|
8175
|
+
:root:where(.pf-v6-theme-felt) {
|
|
8176
8176
|
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--400);
|
|
8177
8177
|
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--color--brand--accent--400);
|
|
8178
8178
|
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--400);
|
|
@@ -8183,7 +8183,7 @@ button) {
|
|
|
8183
8183
|
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
|
|
8184
8184
|
}
|
|
8185
8185
|
|
|
8186
|
-
:root:where(.pf-v6-theme-
|
|
8186
|
+
:root:where(.pf-v6-theme-felt.pf-v6-theme-high-contrast) {
|
|
8187
8187
|
--pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--400);
|
|
8188
8188
|
--pf-t--global--border--color--status--success--default: var(--pf-t--global--color--status--success--150);
|
|
8189
8189
|
--pf-t--global--border--width--action--plain--clicked: var(--pf-t--global--border--width--200);
|
|
@@ -8295,6 +8295,7 @@ button) {
|
|
|
8295
8295
|
--pf-t--global--text--color--status--warning--hover: var(--pf-t--global--color--status--warning--600);
|
|
8296
8296
|
--pf-t--global--text--color--subtle: var(--pf-t--global--text--color--250);
|
|
8297
8297
|
--pf-t--global--text-decoration--color--default: var(--pf-t--global--border--color--400);
|
|
8298
|
+
--pf-t--global--text-decoration--width--hover: var(--pf-t--global--border--width--strong);
|
|
8298
8299
|
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
|
|
8299
8300
|
--pf-t--global--background--color--action--plain--alt--hover: var(--pf-t--global--background--color--primary--default);
|
|
8300
8301
|
--pf-t--global--border--color--high-contrast: var(--pf-t--global--border--color--default);
|
|
@@ -8307,7 +8308,7 @@ button) {
|
|
|
8307
8308
|
--pf-t--global--text--color--status--on-warning--hover: var(--pf-t--global--text--color--inverse);
|
|
8308
8309
|
}
|
|
8309
8310
|
|
|
8310
|
-
:root:where(.pf-v6-theme-
|
|
8311
|
+
:root:where(.pf-v6-theme-felt.pf-v6-theme-glass) {
|
|
8311
8312
|
--pf-t--global--background--color--glass--primary--default: rgba(255, 255, 255, 0.5000);
|
|
8312
8313
|
--pf-t--global--background--color--primary--clicked: rgba(199, 199, 199, 0.3000);
|
|
8313
8314
|
--pf-t--global--background--color--primary--default: rgba(255, 255, 255, 0.6000);
|
|
@@ -9189,7 +9190,7 @@ button) {
|
|
|
9189
9190
|
--pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
|
|
9190
9191
|
}
|
|
9191
9192
|
|
|
9192
|
-
:root:where(.pf-v6-theme-dark.pf-v6-theme-
|
|
9193
|
+
:root:where(.pf-v6-theme-dark.pf-v6-theme-felt) {
|
|
9193
9194
|
--pf-t--global--border--color--brand--accent--clicked: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9194
9195
|
--pf-t--global--border--color--brand--accent--default: var(--pf-t--global--dark--color--brand--accent--400);
|
|
9195
9196
|
--pf-t--global--border--color--brand--accent--hover: var(--pf-t--global--dark--color--brand--accent--400);
|
|
@@ -9206,7 +9207,7 @@ button) {
|
|
|
9206
9207
|
--pf-t--global--text--color--on-brand--accent--hover: var(--pf-t--global--text--color--regular);
|
|
9207
9208
|
}
|
|
9208
9209
|
|
|
9209
|
-
:root:where(.pf-v6-theme-dark.pf-v6-theme-
|
|
9210
|
+
:root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-high-contrast) {
|
|
9210
9211
|
--pf-t--global--background--color--primary--default: var(--pf-t--color--black);
|
|
9211
9212
|
--pf-t--global--box-shadow--color--md--directional: var(--pf-t--global--dark--box-shadow--color--200);
|
|
9212
9213
|
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--primary--default);
|
|
@@ -9252,7 +9253,7 @@ button) {
|
|
|
9252
9253
|
--pf-t--global--border--color--main--default: var(--pf-t--global--border--color--default);
|
|
9253
9254
|
}
|
|
9254
9255
|
|
|
9255
|
-
:root:where(.pf-v6-theme-dark.pf-v6-theme-
|
|
9256
|
+
:root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-glass) {
|
|
9256
9257
|
--pf-t--global--background--color--glass--primary--default: rgba(41, 41, 41, 0.5000);
|
|
9257
9258
|
--pf-t--global--background--color--primary--clicked: rgba(56, 56, 56, 0.5000);
|
|
9258
9259
|
--pf-t--global--background--color--primary--default: rgba(41, 41, 41, 0.5000);
|
|
@@ -24119,6 +24120,7 @@ ul.pf-v6-c-list {
|
|
|
24119
24120
|
--pf-v6-c-pagination--m-sticky-base--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
|
|
24120
24121
|
--pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
|
|
24121
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);
|
|
24122
24124
|
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
24123
24125
|
--pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
24124
24126
|
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
@@ -24136,10 +24138,10 @@ ul.pf-v6-c-list {
|
|
|
24136
24138
|
--pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
|
|
24137
24139
|
}
|
|
24138
24140
|
:where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
|
|
24139
|
-
--pf-v6-c-pagination--m-sticky-base--InsetBlockStart: var(--pf-t--global--spacer--sm);
|
|
24140
24141
|
--pf-v6-c-pagination--m-sticky-stuck--BorderRadius: var(--pf-t--global--border--radius--glass--default);
|
|
24141
|
-
--pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--
|
|
24142
|
-
--pf-v6-c-pagination--m-
|
|
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);
|
|
24143
24145
|
}
|
|
24144
24146
|
.pf-v6-c-pagination {
|
|
24145
24147
|
--pf-v6-c-pagination__page-menu--Display--base: block;
|
|
@@ -24255,6 +24257,7 @@ ul.pf-v6-c-list {
|
|
|
24255
24257
|
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: var(--pf-v6-c-pagination--m-bottom--m-sticky--BorderBlockStartWidth);
|
|
24256
24258
|
inset-block-start: var(--pf-v6-c-pagination--m-sticky--InsetBlockStart);
|
|
24257
24259
|
background-color: var(--pf-v6-c-pagination--m-sticky--BackgroundColor);
|
|
24260
|
+
border-radius: var(--pf-v6-c-pagination--m-sticky--BorderRadius);
|
|
24258
24261
|
box-shadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
|
|
24259
24262
|
}
|
|
24260
24263
|
.pf-v6-c-pagination.pf-m-sticky, .pf-v6-c-pagination.pf-m-sticky-base {
|
|
@@ -32060,7 +32063,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32060
32063
|
--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
32061
32064
|
--pf-v6-c-toolbar--m-sticky--PaddingInlineStart: 0;
|
|
32062
32065
|
--pf-v6-c-toolbar--m-sticky--PaddingInlineEnd: 0;
|
|
32063
|
-
--pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--
|
|
32066
|
+
--pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
|
|
32064
32067
|
--pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
|
|
32065
32068
|
--pf-v6-c-toolbar--m-sticky--BorderBlockEndWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
32066
32069
|
--pf-v6-c-toolbar--m-sticky--BorderBlockEndColor: var(--pf-t--global--border--color--high-contrast);
|
|
@@ -38880,10 +38883,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
38880
38883
|
:root:where(.pf-v6-theme-glass):where(.pf-v6-theme-dark) body {
|
|
38881
38884
|
background-image: url("./assets/images/PF-Bkg-Generic-Dark.svg");
|
|
38882
38885
|
}
|
|
38883
|
-
:root:where(.pf-v6-theme-glass):where(.pf-v6-theme-
|
|
38886
|
+
:root:where(.pf-v6-theme-glass):where(.pf-v6-theme-felt) body {
|
|
38884
38887
|
background-image: url("./assets/images/Felt-Bkg-Generic-Light.svg");
|
|
38885
38888
|
}
|
|
38886
|
-
:root:where(.pf-v6-theme-glass):where(.pf-v6-theme-
|
|
38889
|
+
:root:where(.pf-v6-theme-glass):where(.pf-v6-theme-felt.pf-v6-theme-dark) body {
|
|
38887
38890
|
background-image: url("./assets/images/Felt-Bkg-Generic-Dark.svg");
|
|
38888
38891
|
}
|
|
38889
38892
|
|
|
@@ -38897,9 +38900,9 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
38897
38900
|
:root:where(.pf-v6-theme-dark) .pf-v6-c-compass {
|
|
38898
38901
|
background-image: url("./assets/images/PF-Bkg-Generic-Dark.svg");
|
|
38899
38902
|
}
|
|
38900
|
-
:root:where(.pf-v6-theme-
|
|
38903
|
+
:root:where(.pf-v6-theme-felt) .pf-v6-c-compass {
|
|
38901
38904
|
background-image: url("./assets/images/Felt-Bkg-Generic-Light.svg");
|
|
38902
38905
|
}
|
|
38903
|
-
:root:where(.pf-v6-theme-
|
|
38906
|
+
:root:where(.pf-v6-theme-felt.pf-v6-theme-dark) .pf-v6-c-compass {
|
|
38904
38907
|
background-image: url("./assets/images/Felt-Bkg-Generic-Dark.svg");
|
|
38905
38908
|
}
|