@patternfly/patternfly 6.5.0-prerelease.83 → 6.5.0-prerelease.84
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/package.json +2 -2
- package/patternfly-base-no-globals.css +9 -8
- package/patternfly-base.css +9 -8
- package/patternfly-no-globals.css +13 -12
- package/patternfly.css +13 -12
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/patternfly.scss +4 -4
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);
|
|
@@ -38880,10 +38881,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
38880
38881
|
:root:where(.pf-v6-theme-glass):where(.pf-v6-theme-dark) body {
|
|
38881
38882
|
background-image: url("./assets/images/PF-Bkg-Generic-Dark.svg");
|
|
38882
38883
|
}
|
|
38883
|
-
:root:where(.pf-v6-theme-glass):where(.pf-v6-theme-
|
|
38884
|
+
:root:where(.pf-v6-theme-glass):where(.pf-v6-theme-felt) body {
|
|
38884
38885
|
background-image: url("./assets/images/Felt-Bkg-Generic-Light.svg");
|
|
38885
38886
|
}
|
|
38886
|
-
:root:where(.pf-v6-theme-glass):where(.pf-v6-theme-
|
|
38887
|
+
:root:where(.pf-v6-theme-glass):where(.pf-v6-theme-felt.pf-v6-theme-dark) body {
|
|
38887
38888
|
background-image: url("./assets/images/Felt-Bkg-Generic-Dark.svg");
|
|
38888
38889
|
}
|
|
38889
38890
|
|
|
@@ -38897,9 +38898,9 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
38897
38898
|
:root:where(.pf-v6-theme-dark) .pf-v6-c-compass {
|
|
38898
38899
|
background-image: url("./assets/images/PF-Bkg-Generic-Dark.svg");
|
|
38899
38900
|
}
|
|
38900
|
-
:root:where(.pf-v6-theme-
|
|
38901
|
+
:root:where(.pf-v6-theme-felt) .pf-v6-c-compass {
|
|
38901
38902
|
background-image: url("./assets/images/Felt-Bkg-Generic-Light.svg");
|
|
38902
38903
|
}
|
|
38903
|
-
:root:where(.pf-v6-theme-
|
|
38904
|
+
:root:where(.pf-v6-theme-felt.pf-v6-theme-dark) .pf-v6-c-compass {
|
|
38904
38905
|
background-image: url("./assets/images/Felt-Bkg-Generic-Dark.svg");
|
|
38905
38906
|
}
|