@patternfly/patternfly 6.3.0-prerelease.60 → 6.3.0-prerelease.61
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/components/Menu/menu.css +7 -0
- package/components/Menu/menu.scss +7 -0
- package/components/Panel/panel.css +7 -0
- package/components/Panel/panel.scss +7 -0
- package/components/_index.css +14 -0
- package/package.json +1 -1
- package/patternfly-no-globals.css +14 -0
- package/patternfly.css +14 -0
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/components/Menu/menu.css
CHANGED
|
@@ -26,7 +26,11 @@
|
|
|
26
26
|
--pf-v6-c-menu__search--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
27
27
|
--pf-v6-c-menu__search--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
28
28
|
--pf-v6-c-menu__footer--BoxShadow: none;
|
|
29
|
+
--pf-v6-c-menu__footer--BorderColor: transparent;
|
|
30
|
+
--pf-v6-c-menu__footer--BorderWidth: 0;
|
|
29
31
|
--pf-v6-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
32
|
+
--pf-v6-c-menu--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
33
|
+
--pf-v6-c-menu--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
30
34
|
--pf-v6-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
|
|
31
35
|
--pf-v6-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
32
36
|
--pf-v6-c-menu__list-item--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
@@ -346,6 +350,8 @@
|
|
|
346
350
|
.pf-v6-c-menu.pf-m-scrollable {
|
|
347
351
|
--pf-v6-c-menu__content--MaxHeight: var(--pf-v6-c-menu--m-scrollable__content--MaxHeight);
|
|
348
352
|
--pf-v6-c-menu__footer--BoxShadow: var(--pf-v6-c-menu--m-scrollable__footer--BoxShadow);
|
|
353
|
+
--pf-v6-c-menu__footer--BorderColor: var(--pf-v6-c-menu--m-scrollable__footer--BorderColor);
|
|
354
|
+
--pf-v6-c-menu__footer--BorderWidth: var(--pf-v6-c-menu--m-scrollable__footer--BorderWidth);
|
|
349
355
|
--pf-v6-c-menu__footer--PaddingBlockStart: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
|
|
350
356
|
--pf-v6-c-menu__footer--PaddingBlockEnd: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
|
|
351
357
|
overflow: hidden;
|
|
@@ -387,6 +393,7 @@
|
|
|
387
393
|
padding-block-end: var(--pf-v6-c-menu__footer--PaddingBlockEnd);
|
|
388
394
|
padding-inline-start: var(--pf-v6-c-menu__footer--PaddingInlineStart);
|
|
389
395
|
padding-inline-end: var(--pf-v6-c-menu__footer--PaddingInlineEnd);
|
|
396
|
+
border-block-start: var(--pf-v6-c-menu__footer--BorderWidth) solid var(--pf-v6-c-menu__footer--BorderColor);
|
|
390
397
|
box-shadow: var(--pf-v6-c-menu__footer--BoxShadow);
|
|
391
398
|
}
|
|
392
399
|
|
|
@@ -41,7 +41,11 @@
|
|
|
41
41
|
|
|
42
42
|
// * Menu footer
|
|
43
43
|
--#{$menu}__footer--BoxShadow: none;
|
|
44
|
+
--#{$menu}__footer--BorderColor: transparent;
|
|
45
|
+
--#{$menu}__footer--BorderWidth: 0;
|
|
44
46
|
--#{$menu}--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
47
|
+
--#{$menu}--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
48
|
+
--#{$menu}--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
45
49
|
|
|
46
50
|
// * Menu list item
|
|
47
51
|
--#{$menu}__list-item--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -401,6 +405,8 @@
|
|
|
401
405
|
&.pf-m-scrollable {
|
|
402
406
|
--#{$menu}__content--MaxHeight: var(--#{$menu}--m-scrollable__content--MaxHeight);
|
|
403
407
|
--#{$menu}__footer--BoxShadow: var(--#{$menu}--m-scrollable__footer--BoxShadow);
|
|
408
|
+
--#{$menu}__footer--BorderColor: var(--#{$menu}--m-scrollable__footer--BorderColor);
|
|
409
|
+
--#{$menu}__footer--BorderWidth: var(--#{$menu}--m-scrollable__footer--BorderWidth);
|
|
404
410
|
--#{$menu}__footer--PaddingBlockStart: calc(var(--#{$menu}__item--PaddingBlockStart) + var(--#{$menu}--RowGap));
|
|
405
411
|
--#{$menu}__footer--PaddingBlockEnd: calc(var(--#{$menu}__item--PaddingBlockStart) + var(--#{$menu}--RowGap));
|
|
406
412
|
|
|
@@ -452,6 +458,7 @@
|
|
|
452
458
|
padding-block-end: var(--#{$menu}__footer--PaddingBlockEnd);
|
|
453
459
|
padding-inline-start: var(--#{$menu}__footer--PaddingInlineStart);
|
|
454
460
|
padding-inline-end: var(--#{$menu}__footer--PaddingInlineEnd);
|
|
461
|
+
border-block-start: var(--#{$menu}__footer--BorderWidth) solid var(--#{$menu}__footer--BorderColor);
|
|
455
462
|
box-shadow: var(--#{$menu}__footer--BoxShadow);
|
|
456
463
|
}
|
|
457
464
|
|
|
@@ -29,11 +29,15 @@
|
|
|
29
29
|
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
30
30
|
--pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
31
31
|
--pf-v6-c-panel__footer--BoxShadow: none;
|
|
32
|
+
--pf-v6-c-panel__footer--BorderColor: transparent;
|
|
33
|
+
--pf-v6-c-panel__footer--BorderWidth: 0;
|
|
32
34
|
--pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
|
|
33
35
|
--pf-v6-c-panel--m-scrollable__main--Overflow: auto;
|
|
34
36
|
--pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
35
37
|
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
36
38
|
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
39
|
+
--pf-v6-c-panel--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
40
|
+
--pf-v6-c-panel--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
37
41
|
}
|
|
38
42
|
|
|
39
43
|
.pf-v6-c-panel {
|
|
@@ -72,6 +76,8 @@
|
|
|
72
76
|
--pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
|
|
73
77
|
--pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
|
|
74
78
|
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
|
|
79
|
+
--pf-v6-c-panel__footer--BorderColor: var(--pf-v6-c-panel--m-scrollable__footer--BorderColor);
|
|
80
|
+
--pf-v6-c-panel__footer--BorderWidth: var(--pf-v6-c-panel--m-scrollable__footer--BorderWidth);
|
|
75
81
|
}
|
|
76
82
|
|
|
77
83
|
.pf-v6-c-panel__header {
|
|
@@ -98,5 +104,6 @@
|
|
|
98
104
|
padding-block-end: var(--pf-v6-c-panel__footer--PaddingBlockEnd);
|
|
99
105
|
padding-inline-start: var(--pf-v6-c-panel__footer--PaddingInlineStart);
|
|
100
106
|
padding-inline-end: var(--pf-v6-c-panel__footer--PaddingInlineEnd);
|
|
107
|
+
border-block-start: var(--pf-v6-c-panel__footer--BorderWidth) solid var(--pf-v6-c-panel__footer--BorderColor);
|
|
101
108
|
box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
|
|
102
109
|
}
|
|
@@ -47,6 +47,8 @@
|
|
|
47
47
|
--#{$panel}__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
48
48
|
--#{$panel}__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
49
49
|
--#{$panel}__footer--BoxShadow: none;
|
|
50
|
+
--#{$panel}__footer--BorderColor: transparent;
|
|
51
|
+
--#{$panel}__footer--BorderWidth: 0;
|
|
50
52
|
|
|
51
53
|
// scrollable
|
|
52
54
|
--#{$panel}--m-scrollable__main--MaxHeight: #{pf-size-prem(300px)};
|
|
@@ -54,6 +56,8 @@
|
|
|
54
56
|
--#{$panel}--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
55
57
|
--#{$panel}--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
56
58
|
--#{$panel}--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
59
|
+
--#{$panel}--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
60
|
+
--#{$panel}--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
57
61
|
}
|
|
58
62
|
|
|
59
63
|
.#{$panel} {
|
|
@@ -96,6 +100,8 @@
|
|
|
96
100
|
--#{$panel}__footer--BoxShadow: var(--#{$panel}--m-scrollable__footer--BoxShadow);
|
|
97
101
|
--#{$panel}__footer--PaddingBlockStart: var(--#{$panel}--m-scrollable__footer--PaddingBlockStart);
|
|
98
102
|
--#{$panel}__footer--PaddingBlockEnd: var(--#{$panel}--m-scrollable__footer--PaddingBlockEnd);
|
|
103
|
+
--#{$panel}__footer--BorderColor: var(--#{$panel}--m-scrollable__footer--BorderColor);
|
|
104
|
+
--#{$panel}__footer--BorderWidth: var(--#{$panel}--m-scrollable__footer--BorderWidth);
|
|
99
105
|
}
|
|
100
106
|
}
|
|
101
107
|
|
|
@@ -123,5 +129,6 @@
|
|
|
123
129
|
padding-block-end: var(--#{$panel}__footer--PaddingBlockEnd);
|
|
124
130
|
padding-inline-start: var(--#{$panel}__footer--PaddingInlineStart);
|
|
125
131
|
padding-inline-end: var(--#{$panel}__footer--PaddingInlineEnd);
|
|
132
|
+
border-block-start: var(--#{$panel}__footer--BorderWidth) solid var(--#{$panel}__footer--BorderColor);
|
|
126
133
|
box-shadow: var(--#{$panel}__footer--BoxShadow);
|
|
127
134
|
}
|
package/components/_index.css
CHANGED
|
@@ -10257,7 +10257,11 @@ ul.pf-v6-c-list {
|
|
|
10257
10257
|
--pf-v6-c-menu__search--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
10258
10258
|
--pf-v6-c-menu__search--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
10259
10259
|
--pf-v6-c-menu__footer--BoxShadow: none;
|
|
10260
|
+
--pf-v6-c-menu__footer--BorderColor: transparent;
|
|
10261
|
+
--pf-v6-c-menu__footer--BorderWidth: 0;
|
|
10260
10262
|
--pf-v6-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
10263
|
+
--pf-v6-c-menu--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
10264
|
+
--pf-v6-c-menu--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
10261
10265
|
--pf-v6-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
|
|
10262
10266
|
--pf-v6-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
10263
10267
|
--pf-v6-c-menu__list-item--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
@@ -10577,6 +10581,8 @@ ul.pf-v6-c-list {
|
|
|
10577
10581
|
.pf-v6-c-menu.pf-m-scrollable {
|
|
10578
10582
|
--pf-v6-c-menu__content--MaxHeight: var(--pf-v6-c-menu--m-scrollable__content--MaxHeight);
|
|
10579
10583
|
--pf-v6-c-menu__footer--BoxShadow: var(--pf-v6-c-menu--m-scrollable__footer--BoxShadow);
|
|
10584
|
+
--pf-v6-c-menu__footer--BorderColor: var(--pf-v6-c-menu--m-scrollable__footer--BorderColor);
|
|
10585
|
+
--pf-v6-c-menu__footer--BorderWidth: var(--pf-v6-c-menu--m-scrollable__footer--BorderWidth);
|
|
10580
10586
|
--pf-v6-c-menu__footer--PaddingBlockStart: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
|
|
10581
10587
|
--pf-v6-c-menu__footer--PaddingBlockEnd: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
|
|
10582
10588
|
overflow: hidden;
|
|
@@ -10618,6 +10624,7 @@ ul.pf-v6-c-list {
|
|
|
10618
10624
|
padding-block-end: var(--pf-v6-c-menu__footer--PaddingBlockEnd);
|
|
10619
10625
|
padding-inline-start: var(--pf-v6-c-menu__footer--PaddingInlineStart);
|
|
10620
10626
|
padding-inline-end: var(--pf-v6-c-menu__footer--PaddingInlineEnd);
|
|
10627
|
+
border-block-start: var(--pf-v6-c-menu__footer--BorderWidth) solid var(--pf-v6-c-menu__footer--BorderColor);
|
|
10621
10628
|
box-shadow: var(--pf-v6-c-menu__footer--BoxShadow);
|
|
10622
10629
|
}
|
|
10623
10630
|
|
|
@@ -13617,11 +13624,15 @@ ul.pf-v6-c-list {
|
|
|
13617
13624
|
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
13618
13625
|
--pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
13619
13626
|
--pf-v6-c-panel__footer--BoxShadow: none;
|
|
13627
|
+
--pf-v6-c-panel__footer--BorderColor: transparent;
|
|
13628
|
+
--pf-v6-c-panel__footer--BorderWidth: 0;
|
|
13620
13629
|
--pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
|
|
13621
13630
|
--pf-v6-c-panel--m-scrollable__main--Overflow: auto;
|
|
13622
13631
|
--pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
13623
13632
|
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
13624
13633
|
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
13634
|
+
--pf-v6-c-panel--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
13635
|
+
--pf-v6-c-panel--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
13625
13636
|
}
|
|
13626
13637
|
|
|
13627
13638
|
.pf-v6-c-panel {
|
|
@@ -13660,6 +13671,8 @@ ul.pf-v6-c-list {
|
|
|
13660
13671
|
--pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
|
|
13661
13672
|
--pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
|
|
13662
13673
|
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
|
|
13674
|
+
--pf-v6-c-panel__footer--BorderColor: var(--pf-v6-c-panel--m-scrollable__footer--BorderColor);
|
|
13675
|
+
--pf-v6-c-panel__footer--BorderWidth: var(--pf-v6-c-panel--m-scrollable__footer--BorderWidth);
|
|
13663
13676
|
}
|
|
13664
13677
|
|
|
13665
13678
|
.pf-v6-c-panel__header {
|
|
@@ -13686,6 +13699,7 @@ ul.pf-v6-c-list {
|
|
|
13686
13699
|
padding-block-end: var(--pf-v6-c-panel__footer--PaddingBlockEnd);
|
|
13687
13700
|
padding-inline-start: var(--pf-v6-c-panel__footer--PaddingInlineStart);
|
|
13688
13701
|
padding-inline-end: var(--pf-v6-c-panel__footer--PaddingInlineEnd);
|
|
13702
|
+
border-block-start: var(--pf-v6-c-panel__footer--BorderWidth) solid var(--pf-v6-c-panel__footer--BorderColor);
|
|
13689
13703
|
box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
|
|
13690
13704
|
}
|
|
13691
13705
|
|
package/package.json
CHANGED
|
@@ -18924,7 +18924,11 @@ ul.pf-v6-c-list {
|
|
|
18924
18924
|
--pf-v6-c-menu__search--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
18925
18925
|
--pf-v6-c-menu__search--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
18926
18926
|
--pf-v6-c-menu__footer--BoxShadow: none;
|
|
18927
|
+
--pf-v6-c-menu__footer--BorderColor: transparent;
|
|
18928
|
+
--pf-v6-c-menu__footer--BorderWidth: 0;
|
|
18927
18929
|
--pf-v6-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
18930
|
+
--pf-v6-c-menu--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
18931
|
+
--pf-v6-c-menu--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
18928
18932
|
--pf-v6-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
|
|
18929
18933
|
--pf-v6-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
18930
18934
|
--pf-v6-c-menu__list-item--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
@@ -19244,6 +19248,8 @@ ul.pf-v6-c-list {
|
|
|
19244
19248
|
.pf-v6-c-menu.pf-m-scrollable {
|
|
19245
19249
|
--pf-v6-c-menu__content--MaxHeight: var(--pf-v6-c-menu--m-scrollable__content--MaxHeight);
|
|
19246
19250
|
--pf-v6-c-menu__footer--BoxShadow: var(--pf-v6-c-menu--m-scrollable__footer--BoxShadow);
|
|
19251
|
+
--pf-v6-c-menu__footer--BorderColor: var(--pf-v6-c-menu--m-scrollable__footer--BorderColor);
|
|
19252
|
+
--pf-v6-c-menu__footer--BorderWidth: var(--pf-v6-c-menu--m-scrollable__footer--BorderWidth);
|
|
19247
19253
|
--pf-v6-c-menu__footer--PaddingBlockStart: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
|
|
19248
19254
|
--pf-v6-c-menu__footer--PaddingBlockEnd: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
|
|
19249
19255
|
overflow: hidden;
|
|
@@ -19285,6 +19291,7 @@ ul.pf-v6-c-list {
|
|
|
19285
19291
|
padding-block-end: var(--pf-v6-c-menu__footer--PaddingBlockEnd);
|
|
19286
19292
|
padding-inline-start: var(--pf-v6-c-menu__footer--PaddingInlineStart);
|
|
19287
19293
|
padding-inline-end: var(--pf-v6-c-menu__footer--PaddingInlineEnd);
|
|
19294
|
+
border-block-start: var(--pf-v6-c-menu__footer--BorderWidth) solid var(--pf-v6-c-menu__footer--BorderColor);
|
|
19288
19295
|
box-shadow: var(--pf-v6-c-menu__footer--BoxShadow);
|
|
19289
19296
|
}
|
|
19290
19297
|
|
|
@@ -22284,11 +22291,15 @@ ul.pf-v6-c-list {
|
|
|
22284
22291
|
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
22285
22292
|
--pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
22286
22293
|
--pf-v6-c-panel__footer--BoxShadow: none;
|
|
22294
|
+
--pf-v6-c-panel__footer--BorderColor: transparent;
|
|
22295
|
+
--pf-v6-c-panel__footer--BorderWidth: 0;
|
|
22287
22296
|
--pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
|
|
22288
22297
|
--pf-v6-c-panel--m-scrollable__main--Overflow: auto;
|
|
22289
22298
|
--pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
22290
22299
|
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
22291
22300
|
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
22301
|
+
--pf-v6-c-panel--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
22302
|
+
--pf-v6-c-panel--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
22292
22303
|
}
|
|
22293
22304
|
|
|
22294
22305
|
.pf-v6-c-panel {
|
|
@@ -22327,6 +22338,8 @@ ul.pf-v6-c-list {
|
|
|
22327
22338
|
--pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
|
|
22328
22339
|
--pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
|
|
22329
22340
|
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
|
|
22341
|
+
--pf-v6-c-panel__footer--BorderColor: var(--pf-v6-c-panel--m-scrollable__footer--BorderColor);
|
|
22342
|
+
--pf-v6-c-panel__footer--BorderWidth: var(--pf-v6-c-panel--m-scrollable__footer--BorderWidth);
|
|
22330
22343
|
}
|
|
22331
22344
|
|
|
22332
22345
|
.pf-v6-c-panel__header {
|
|
@@ -22353,6 +22366,7 @@ ul.pf-v6-c-list {
|
|
|
22353
22366
|
padding-block-end: var(--pf-v6-c-panel__footer--PaddingBlockEnd);
|
|
22354
22367
|
padding-inline-start: var(--pf-v6-c-panel__footer--PaddingInlineStart);
|
|
22355
22368
|
padding-inline-end: var(--pf-v6-c-panel__footer--PaddingInlineEnd);
|
|
22369
|
+
border-block-start: var(--pf-v6-c-panel__footer--BorderWidth) solid var(--pf-v6-c-panel__footer--BorderColor);
|
|
22356
22370
|
box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
|
|
22357
22371
|
}
|
|
22358
22372
|
|
package/patternfly.css
CHANGED
|
@@ -19064,7 +19064,11 @@ ul.pf-v6-c-list {
|
|
|
19064
19064
|
--pf-v6-c-menu__search--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
19065
19065
|
--pf-v6-c-menu__search--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
19066
19066
|
--pf-v6-c-menu__footer--BoxShadow: none;
|
|
19067
|
+
--pf-v6-c-menu__footer--BorderColor: transparent;
|
|
19068
|
+
--pf-v6-c-menu__footer--BorderWidth: 0;
|
|
19067
19069
|
--pf-v6-c-menu--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
19070
|
+
--pf-v6-c-menu--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
19071
|
+
--pf-v6-c-menu--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
19068
19072
|
--pf-v6-c-menu__list-item--Color: var(--pf-t--global--text--color--regular);
|
|
19069
19073
|
--pf-v6-c-menu__list-item--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
19070
19074
|
--pf-v6-c-menu__list-item--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
|
|
@@ -19384,6 +19388,8 @@ ul.pf-v6-c-list {
|
|
|
19384
19388
|
.pf-v6-c-menu.pf-m-scrollable {
|
|
19385
19389
|
--pf-v6-c-menu__content--MaxHeight: var(--pf-v6-c-menu--m-scrollable__content--MaxHeight);
|
|
19386
19390
|
--pf-v6-c-menu__footer--BoxShadow: var(--pf-v6-c-menu--m-scrollable__footer--BoxShadow);
|
|
19391
|
+
--pf-v6-c-menu__footer--BorderColor: var(--pf-v6-c-menu--m-scrollable__footer--BorderColor);
|
|
19392
|
+
--pf-v6-c-menu__footer--BorderWidth: var(--pf-v6-c-menu--m-scrollable__footer--BorderWidth);
|
|
19387
19393
|
--pf-v6-c-menu__footer--PaddingBlockStart: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
|
|
19388
19394
|
--pf-v6-c-menu__footer--PaddingBlockEnd: calc(var(--pf-v6-c-menu__item--PaddingBlockStart) + var(--pf-v6-c-menu--RowGap));
|
|
19389
19395
|
overflow: hidden;
|
|
@@ -19425,6 +19431,7 @@ ul.pf-v6-c-list {
|
|
|
19425
19431
|
padding-block-end: var(--pf-v6-c-menu__footer--PaddingBlockEnd);
|
|
19426
19432
|
padding-inline-start: var(--pf-v6-c-menu__footer--PaddingInlineStart);
|
|
19427
19433
|
padding-inline-end: var(--pf-v6-c-menu__footer--PaddingInlineEnd);
|
|
19434
|
+
border-block-start: var(--pf-v6-c-menu__footer--BorderWidth) solid var(--pf-v6-c-menu__footer--BorderColor);
|
|
19428
19435
|
box-shadow: var(--pf-v6-c-menu__footer--BoxShadow);
|
|
19429
19436
|
}
|
|
19430
19437
|
|
|
@@ -22424,11 +22431,15 @@ ul.pf-v6-c-list {
|
|
|
22424
22431
|
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
22425
22432
|
--pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
22426
22433
|
--pf-v6-c-panel__footer--BoxShadow: none;
|
|
22434
|
+
--pf-v6-c-panel__footer--BorderColor: transparent;
|
|
22435
|
+
--pf-v6-c-panel__footer--BorderWidth: 0;
|
|
22427
22436
|
--pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
|
|
22428
22437
|
--pf-v6-c-panel--m-scrollable__main--Overflow: auto;
|
|
22429
22438
|
--pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
|
|
22430
22439
|
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
22431
22440
|
--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
22441
|
+
--pf-v6-c-panel--m-scrollable__footer--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
22442
|
+
--pf-v6-c-panel--m-scrollable__footer--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
22432
22443
|
}
|
|
22433
22444
|
|
|
22434
22445
|
.pf-v6-c-panel {
|
|
@@ -22467,6 +22478,8 @@ ul.pf-v6-c-list {
|
|
|
22467
22478
|
--pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
|
|
22468
22479
|
--pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
|
|
22469
22480
|
--pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
|
|
22481
|
+
--pf-v6-c-panel__footer--BorderColor: var(--pf-v6-c-panel--m-scrollable__footer--BorderColor);
|
|
22482
|
+
--pf-v6-c-panel__footer--BorderWidth: var(--pf-v6-c-panel--m-scrollable__footer--BorderWidth);
|
|
22470
22483
|
}
|
|
22471
22484
|
|
|
22472
22485
|
.pf-v6-c-panel__header {
|
|
@@ -22493,6 +22506,7 @@ ul.pf-v6-c-list {
|
|
|
22493
22506
|
padding-block-end: var(--pf-v6-c-panel__footer--PaddingBlockEnd);
|
|
22494
22507
|
padding-inline-start: var(--pf-v6-c-panel__footer--PaddingInlineStart);
|
|
22495
22508
|
padding-inline-end: var(--pf-v6-c-panel__footer--PaddingInlineEnd);
|
|
22509
|
+
border-block-start: var(--pf-v6-c-panel__footer--BorderWidth) solid var(--pf-v6-c-panel__footer--BorderColor);
|
|
22496
22510
|
box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
|
|
22497
22511
|
}
|
|
22498
22512
|
|