@patternfly/patternfly 6.0.0-alpha.11 → 6.0.0-alpha.13

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 (16) hide show
  1. package/base/patternfly-variables.css +4 -4
  2. package/base/tokens/_tokens-font.scss +4 -4
  3. package/components/Page/page.css +3 -3
  4. package/components/Page/page.scss +3 -3
  5. package/components/Table/table.css +1 -11
  6. package/components/Table/table.scss +1 -11
  7. package/package.json +1 -1
  8. package/patternfly-base-no-globals-theme-dark-unversioned.css +4 -4
  9. package/patternfly-base-no-globals.css +4 -4
  10. package/patternfly-base-theme-dark-unversioned.css +4 -4
  11. package/patternfly-base.css +4 -4
  12. package/patternfly-no-globals.css +8 -18
  13. package/patternfly-theme-dark-unversioned.css +8 -18
  14. package/patternfly.css +8 -18
  15. package/patternfly.min.css +1 -1
  16. package/patternfly.min.css.map +1 -1
package/base/patternfly-variables.css CHANGED
@@ -850,10 +850,10 @@
850
850
  :root:where(.pf-v5-theme-dark) {
851
851
  --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--200);
852
852
  --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 50%);
853
- --pf-t--global--box-shadow--sm-top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
854
- --pf-t--global--box-shadow--sm-right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
855
- --pf-t--global--box-shadow--sm-bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
856
- --pf-t--global--box-shadow--sm-left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
853
+ --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
854
+ --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
855
+ --pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
856
+ --pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
857
857
  --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 50%);
858
858
  --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 50%);
859
859
  }
package/base/tokens/_tokens-font.scss CHANGED
@@ -85,10 +85,10 @@
85
85
 
86
86
  // box shadow
87
87
  --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 50%);
88
- --pf-t--global--box-shadow--sm-top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
89
- --pf-t--global--box-shadow--sm-right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
90
- --pf-t--global--box-shadow--sm-bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
91
- --pf-t--global--box-shadow--sm-left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
88
+ --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
89
+ --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
90
+ --pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
91
+ --pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
92
92
  --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 50%);
93
93
  --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 50%);
94
94
  }
package/components/Page/page.css CHANGED
@@ -142,10 +142,10 @@
142
142
  --pf-v5-c-page--section--m-sticky-top--ZIndex: var(--pf-v5-global--ZIndex--md);
143
143
  --pf-v5-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
144
144
  --pf-v5-c-page--section--m-sticky-bottom--ZIndex: var(--pf-v5-global--ZIndex--md);
145
- --pf-v5-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm-top);
146
- --pf-v5-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm-bottom);
145
+ --pf-v5-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
146
+ --pf-v5-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
147
147
  --pf-v5-c-page--section--m-shadow-bottom--ZIndex: var(--pf-v5-global--ZIndex--xs);
148
- --pf-v5-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm-top);
148
+ --pf-v5-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
149
149
  --pf-v5-c-page--section--m-shadow-top--ZIndex: var(--pf-v5-global--ZIndex--xs);
150
150
  --pf-v5-c-page__main-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
151
151
  --pf-v5-c-page__main-nav--PaddingTop: var(--pf-t--global--spacer--md);
package/components/Page/page.scss CHANGED
@@ -132,12 +132,12 @@ $pf-page-v5--height-breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg
132
132
  --#{$page}--section--m-sticky-top--ZIndex: var(--#{$pf-global}--ZIndex--md);
133
133
  --#{$page}--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
134
134
  --#{$page}--section--m-sticky-bottom--ZIndex: var(--#{$pf-global}--ZIndex--md);
135
- --#{$page}--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm-top);
135
+ --#{$page}--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
136
136
 
137
137
  // Shadows
138
- --#{$page}--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm-bottom);
138
+ --#{$page}--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
139
139
  --#{$page}--section--m-shadow-bottom--ZIndex: var(--#{$pf-global}--ZIndex--xs);
140
- --#{$page}--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm-top);
140
+ --#{$page}--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
141
141
  --#{$page}--section--m-shadow-top--ZIndex: var(--#{$pf-global}--ZIndex--xs);
142
142
 
143
143
  // Main section horizontal nav
package/components/Table/table.css CHANGED
@@ -220,7 +220,6 @@
220
220
  --pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
221
221
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
222
222
  --pf-v5-c-table__tr--m-clickable--BoxShadow: none;
223
- --pf-v5-c-table__tr--m-clickable--BorderRadius: var(--pf-t--global--border--radius--small);
224
223
  --pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
225
224
  --pf-v5-c-table__tr--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
226
225
  --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -518,18 +517,9 @@
518
517
  .pf-v5-c-table tr.pf-m-clickable:last-child {
519
518
  border-block-end-color: transparent;
520
519
  }
521
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) {
522
- position: relative;
523
- }
524
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr)::before {
525
- position: absolute;
526
- inset: 0;
527
- content: "";
528
- background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
529
- border-radius: var(--pf-v5-c-table__tr--m-clickable--BorderRadius);
530
- }
531
520
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable {
532
521
  cursor: pointer;
522
+ background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
533
523
  outline-offset: var(--pf-v5-c-table__tr--m-clickable--OutlineOffset);
534
524
  box-shadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow);
535
525
  }
package/components/Table/table.scss CHANGED
@@ -252,7 +252,6 @@
252
252
  --#{$table}__tr--m-clickable--BoxShadow--top: var(--#{$table}__tr--BoxShadow--top--base);
253
253
  --#{$table}__tr--m-clickable--BackgroundColor: transparent;
254
254
  --#{$table}__tr--m-clickable--BoxShadow: none;
255
- --#{$table}__tr--m-clickable--BorderRadius: var(--pf-t--global--border--radius--small);
256
255
  --#{$table}__tr--m-clickable--OutlineOffset: calc(-1 * var(--#{$pf-global}--spacer--xs));
257
256
 
258
257
  // TODO Shadow tokens START HERE AGAIN
@@ -690,18 +689,9 @@
690
689
 
691
690
  // tr clickable
692
691
  tr:where(.#{$table}__tr) {
693
- position: relative;
694
-
695
- &::before {
696
- position: absolute;
697
- inset:0;
698
- content: "";
699
- background-color: var(--#{$table}__tr--m-clickable--BackgroundColor);
700
- border-radius: var(--#{$table}__tr--m-clickable--BorderRadius);
701
- }
702
-
703
692
  &.pf-m-clickable {
704
693
  cursor: pointer;
694
+ background-color: var(--#{$table}__tr--m-clickable--BackgroundColor);
705
695
  outline-offset: var(--#{$table}__tr--m-clickable--OutlineOffset);
706
696
  box-shadow: var(--#{$table}__tr--m-clickable--BoxShadow);
707
697
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.0.0-alpha.11",
4
+ "version": "6.0.0-alpha.13",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-base-no-globals-theme-dark-unversioned.css CHANGED
@@ -877,10 +877,10 @@
877
877
  :root:where(.pf-v5-theme-dark) {
878
878
  --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--200);
879
879
  --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 50%);
880
- --pf-t--global--box-shadow--sm-top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
881
- --pf-t--global--box-shadow--sm-right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
882
- --pf-t--global--box-shadow--sm-bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
883
- --pf-t--global--box-shadow--sm-left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
880
+ --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
881
+ --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
882
+ --pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
883
+ --pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
884
884
  --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 50%);
885
885
  --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 50%);
886
886
  }
package/patternfly-base-no-globals.css CHANGED
@@ -877,10 +877,10 @@
877
877
  :root:where(.pf-v5-theme-dark) {
878
878
  --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--200);
879
879
  --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 50%);
880
- --pf-t--global--box-shadow--sm-top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
881
- --pf-t--global--box-shadow--sm-right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
882
- --pf-t--global--box-shadow--sm-bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
883
- --pf-t--global--box-shadow--sm-left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
880
+ --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
881
+ --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
882
+ --pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
883
+ --pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
884
884
  --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 50%);
885
885
  --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 50%);
886
886
  }
package/patternfly-base-theme-dark-unversioned.css CHANGED
@@ -877,10 +877,10 @@
877
877
  :root:where(.pf-v5-theme-dark) {
878
878
  --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--200);
879
879
  --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 50%);
880
- --pf-t--global--box-shadow--sm-top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
881
- --pf-t--global--box-shadow--sm-right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
882
- --pf-t--global--box-shadow--sm-bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
883
- --pf-t--global--box-shadow--sm-left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
880
+ --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
881
+ --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
882
+ --pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
883
+ --pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
884
884
  --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 50%);
885
885
  --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 50%);
886
886
  }
package/patternfly-base.css CHANGED
@@ -877,10 +877,10 @@
877
877
  :root:where(.pf-v5-theme-dark) {
878
878
  --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--200);
879
879
  --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 50%);
880
- --pf-t--global--box-shadow--sm-top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
881
- --pf-t--global--box-shadow--sm-right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
882
- --pf-t--global--box-shadow--sm-bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
883
- --pf-t--global--box-shadow--sm-left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
880
+ --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
881
+ --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
882
+ --pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
883
+ --pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
884
884
  --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 50%);
885
885
  --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 50%);
886
886
  }
package/patternfly-no-globals.css CHANGED
@@ -940,10 +940,10 @@
940
940
  :root:where(.pf-v5-theme-dark) {
941
941
  --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--200);
942
942
  --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 50%);
943
- --pf-t--global--box-shadow--sm-top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
944
- --pf-t--global--box-shadow--sm-right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
945
- --pf-t--global--box-shadow--sm-bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
946
- --pf-t--global--box-shadow--sm-left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
943
+ --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
944
+ --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
945
+ --pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
946
+ --pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
947
947
  --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 50%);
948
948
  --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 50%);
949
949
  }
@@ -21673,10 +21673,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21673
21673
  --pf-v5-c-page--section--m-sticky-top--ZIndex: var(--pf-v5-global--ZIndex--md);
21674
21674
  --pf-v5-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
21675
21675
  --pf-v5-c-page--section--m-sticky-bottom--ZIndex: var(--pf-v5-global--ZIndex--md);
21676
- --pf-v5-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm-top);
21677
- --pf-v5-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm-bottom);
21676
+ --pf-v5-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
21677
+ --pf-v5-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
21678
21678
  --pf-v5-c-page--section--m-shadow-bottom--ZIndex: var(--pf-v5-global--ZIndex--xs);
21679
- --pf-v5-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm-top);
21679
+ --pf-v5-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
21680
21680
  --pf-v5-c-page--section--m-shadow-top--ZIndex: var(--pf-v5-global--ZIndex--xs);
21681
21681
  --pf-v5-c-page__main-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21682
21682
  --pf-v5-c-page__main-nav--PaddingTop: var(--pf-t--global--spacer--md);
@@ -27609,7 +27609,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
27609
27609
  --pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27610
27610
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
27611
27611
  --pf-v5-c-table__tr--m-clickable--BoxShadow: none;
27612
- --pf-v5-c-table__tr--m-clickable--BorderRadius: var(--pf-t--global--border--radius--small);
27613
27612
  --pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27614
27613
  --pf-v5-c-table__tr--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27615
27614
  --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -27907,18 +27906,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
27907
27906
  .pf-v5-c-table tr.pf-m-clickable:last-child {
27908
27907
  border-block-end-color: transparent;
27909
27908
  }
27910
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) {
27911
- position: relative;
27912
- }
27913
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr)::before {
27914
- position: absolute;
27915
- inset: 0;
27916
- content: "";
27917
- background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
27918
- border-radius: var(--pf-v5-c-table__tr--m-clickable--BorderRadius);
27919
- }
27920
27909
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable {
27921
27910
  cursor: pointer;
27911
+ background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
27922
27912
  outline-offset: var(--pf-v5-c-table__tr--m-clickable--OutlineOffset);
27923
27913
  box-shadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow);
27924
27914
  }
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -940,10 +940,10 @@
940
940
  :root:where(.pf-v5-theme-dark) {
941
941
  --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--200);
942
942
  --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 50%);
943
- --pf-t--global--box-shadow--sm-top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
944
- --pf-t--global--box-shadow--sm-right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
945
- --pf-t--global--box-shadow--sm-bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
946
- --pf-t--global--box-shadow--sm-left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
943
+ --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
944
+ --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
945
+ --pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
946
+ --pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
947
947
  --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 50%);
948
948
  --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 50%);
949
949
  }
@@ -21789,10 +21789,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21789
21789
  --pf-v5-c-page--section--m-sticky-top--ZIndex: var(--pf-v5-global--ZIndex--md);
21790
21790
  --pf-v5-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
21791
21791
  --pf-v5-c-page--section--m-sticky-bottom--ZIndex: var(--pf-v5-global--ZIndex--md);
21792
- --pf-v5-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm-top);
21793
- --pf-v5-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm-bottom);
21792
+ --pf-v5-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
21793
+ --pf-v5-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
21794
21794
  --pf-v5-c-page--section--m-shadow-bottom--ZIndex: var(--pf-v5-global--ZIndex--xs);
21795
- --pf-v5-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm-top);
21795
+ --pf-v5-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
21796
21796
  --pf-v5-c-page--section--m-shadow-top--ZIndex: var(--pf-v5-global--ZIndex--xs);
21797
21797
  --pf-v5-c-page__main-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21798
21798
  --pf-v5-c-page__main-nav--PaddingTop: var(--pf-t--global--spacer--md);
@@ -27725,7 +27725,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
27725
27725
  --pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27726
27726
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
27727
27727
  --pf-v5-c-table__tr--m-clickable--BoxShadow: none;
27728
- --pf-v5-c-table__tr--m-clickable--BorderRadius: var(--pf-t--global--border--radius--small);
27729
27728
  --pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27730
27729
  --pf-v5-c-table__tr--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27731
27730
  --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -28023,18 +28022,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
28023
28022
  .pf-v5-c-table tr.pf-m-clickable:last-child {
28024
28023
  border-block-end-color: transparent;
28025
28024
  }
28026
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) {
28027
- position: relative;
28028
- }
28029
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr)::before {
28030
- position: absolute;
28031
- inset: 0;
28032
- content: "";
28033
- background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
28034
- border-radius: var(--pf-v5-c-table__tr--m-clickable--BorderRadius);
28035
- }
28036
28025
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable {
28037
28026
  cursor: pointer;
28027
+ background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
28038
28028
  outline-offset: var(--pf-v5-c-table__tr--m-clickable--OutlineOffset);
28039
28029
  box-shadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow);
28040
28030
  }
package/patternfly.css CHANGED
@@ -940,10 +940,10 @@
940
940
  :root:where(.pf-v5-theme-dark) {
941
941
  --pf-t--global--background--color--action--plain--hover--blend: var(--pf-t--global--mix-blend-mode--200);
942
942
  --pf-t--global--box-shadow--sm: 0px 1px 2px 0px rgb(0 0 0 / 50%);
943
- --pf-t--global--box-shadow--sm-top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
944
- --pf-t--global--box-shadow--sm-right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
945
- --pf-t--global--box-shadow--sm-bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
946
- --pf-t--global--box-shadow--sm-left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
943
+ --pf-t--global--box-shadow--sm--top: 0px -1px 2px 0px rgb(0 0 0 / 50%);
944
+ --pf-t--global--box-shadow--sm--right: 1px 0px 2px 0px rgb(0 0 0 / 50%);
945
+ --pf-t--global--box-shadow--sm--bottom: 0px 1px 2px 0px rgb(0 0 0 / 50%);
946
+ --pf-t--global--box-shadow--sm--left: -1px 0px 2px 0px rgb(0 0 0 / 50%);
947
947
  --pf-t--global--box-shadow--md: 0px 4px 8px 0px rgb(0 0 0 / 50%);
948
948
  --pf-t--global--box-shadow--lg: 0px 8px 24px 0px rgb(0 0 0 / 50%);
949
949
  }
@@ -21789,10 +21789,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
21789
21789
  --pf-v5-c-page--section--m-sticky-top--ZIndex: var(--pf-v5-global--ZIndex--md);
21790
21790
  --pf-v5-c-page--section--m-sticky-top--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
21791
21791
  --pf-v5-c-page--section--m-sticky-bottom--ZIndex: var(--pf-v5-global--ZIndex--md);
21792
- --pf-v5-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm-top);
21793
- --pf-v5-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm-bottom);
21792
+ --pf-v5-c-page--section--m-sticky-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
21793
+ --pf-v5-c-page--section--m-shadow-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--bottom);
21794
21794
  --pf-v5-c-page--section--m-shadow-bottom--ZIndex: var(--pf-v5-global--ZIndex--xs);
21795
- --pf-v5-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm-top);
21795
+ --pf-v5-c-page--section--m-shadow-top--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
21796
21796
  --pf-v5-c-page--section--m-shadow-top--ZIndex: var(--pf-v5-global--ZIndex--xs);
21797
21797
  --pf-v5-c-page__main-nav--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
21798
21798
  --pf-v5-c-page__main-nav--PaddingTop: var(--pf-t--global--spacer--md);
@@ -27725,7 +27725,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
27725
27725
  --pf-v5-c-table__tr--m-clickable--BoxShadow--top: var(--pf-v5-c-table__tr--BoxShadow--top--base);
27726
27726
  --pf-v5-c-table__tr--m-clickable--BackgroundColor: transparent;
27727
27727
  --pf-v5-c-table__tr--m-clickable--BoxShadow: none;
27728
- --pf-v5-c-table__tr--m-clickable--BorderRadius: var(--pf-t--global--border--radius--small);
27729
27728
  --pf-v5-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
27730
27729
  --pf-v5-c-table__tr--m-clickable--hover--BoxShadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow--top), var(--pf-t--global--box-shadow--sm--bottom);
27731
27730
  --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
@@ -28023,18 +28022,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
28023
28022
  .pf-v5-c-table tr.pf-m-clickable:last-child {
28024
28023
  border-block-end-color: transparent;
28025
28024
  }
28026
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr) {
28027
- position: relative;
28028
- }
28029
- .pf-v5-c-table tr:where(.pf-v5-c-table__tr)::before {
28030
- position: absolute;
28031
- inset: 0;
28032
- content: "";
28033
- background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
28034
- border-radius: var(--pf-v5-c-table__tr--m-clickable--BorderRadius);
28035
- }
28036
28025
  .pf-v5-c-table tr:where(.pf-v5-c-table__tr).pf-m-clickable {
28037
28026
  cursor: pointer;
28027
+ background-color: var(--pf-v5-c-table__tr--m-clickable--BackgroundColor);
28038
28028
  outline-offset: var(--pf-v5-c-table__tr--m-clickable--OutlineOffset);
28039
28029
  box-shadow: var(--pf-v5-c-table__tr--m-clickable--BoxShadow);
28040
28030
  }