@patternfly/patternfly 6.0.0-alpha.93 → 6.0.0-alpha.95
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/DescriptionList/description-list.css +6 -6
- package/components/DescriptionList/description-list.scss +5 -5
- package/components/DragDrop/drag-drop.css +1 -0
- package/components/DragDrop/drag-drop.scss +2 -1
- package/docs/components/Menu/examples/Menu.css +2 -2
- package/docs/components/Menu/examples/Menu.md +14 -14
- package/package.json +1 -1
- package/patternfly-no-globals.css +7 -6
- package/patternfly-theme-dark-unversioned.css +7 -6
- package/patternfly.css +7 -6
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
--pf-v6-c-description-list--m-horizontal__term--width-on-lg: inherit;
|
|
43
43
|
--pf-v6-c-description-list--m-horizontal__term--width-on-xl: inherit;
|
|
44
44
|
--pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
|
|
45
|
-
--pf-
|
|
45
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
|
|
46
46
|
}
|
|
47
47
|
@media screen and (min-width: 576px) {
|
|
48
48
|
:where(:root), :where(.pf-v6-c-description-list) {
|
|
@@ -51,27 +51,27 @@
|
|
|
51
51
|
}
|
|
52
52
|
@media (min-width: 576px) {
|
|
53
53
|
:where(:root), :where(.pf-v6-c-description-list) {
|
|
54
|
-
--pf-
|
|
54
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width));
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
@media (min-width: 768px) {
|
|
58
58
|
:where(:root), :where(.pf-v6-c-description-list) {
|
|
59
|
-
--pf-
|
|
59
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)));
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
62
|
@media (min-width: 992px) {
|
|
63
63
|
:where(:root), :where(.pf-v6-c-description-list) {
|
|
64
|
-
--pf-
|
|
64
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))));
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
67
|
@media (min-width: 1200px) {
|
|
68
68
|
:where(:root), :where(.pf-v6-c-description-list) {
|
|
69
|
-
--pf-
|
|
69
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)))));
|
|
70
70
|
}
|
|
71
71
|
}
|
|
72
72
|
@media (min-width: 1450px) {
|
|
73
73
|
:where(:root), :where(.pf-v6-c-description-list) {
|
|
74
|
-
--pf-
|
|
74
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-2xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))))));
|
|
75
75
|
}
|
|
76
76
|
}
|
|
77
77
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// @debug $data-list; // check your variable names located in src/patternfly/sass-utilities/component-namespaces.scss
|
|
2
|
-
$pf-
|
|
2
|
+
$pf-v6-c-description-list--breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg", "xl", "2xl");
|
|
3
3
|
|
|
4
4
|
:where(:root), :where(.#{$description-list}) {
|
|
5
5
|
--#{$description-list}--RowGap: var(--pf-t--global--spacer--lg);
|
|
@@ -63,8 +63,8 @@ $pf-v5-c-description-list--breakpoint-map: build-breakpoint-map("base", "sm", "m
|
|
|
63
63
|
--#{$description-list}--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg); // TODO replace with new font tokens when available
|
|
64
64
|
--#{$description-list}--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg); // TODO replace with new font tokens when available
|
|
65
65
|
|
|
66
|
-
@include pf-v5-output-root-variables("--#{$description-list}--m-horizontal__term--width", $pf-
|
|
67
|
-
@include pf-v5-build-css-variable-stack("
|
|
66
|
+
@include pf-v5-output-root-variables("--#{$description-list}--m-horizontal__term--width", $pf-v6-c-description-list--breakpoint-map);
|
|
67
|
+
@include pf-v5-build-css-variable-stack("--#{$description-list}__term--width", "--#{$description-list}--m-horizontal__term--width", $pf-v6-c-description-list--breakpoint-map);
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
.#{$description-list} {
|
|
@@ -85,7 +85,7 @@ $pf-v5-c-description-list--breakpoint-map: build-breakpoint-map("base", "sm", "m
|
|
|
85
85
|
&.pf-m-auto-fit {
|
|
86
86
|
grid-template-columns: repeat(auto-fit, minmax(var(--#{$description-list}--m-auto-fit--GridTemplateColumns--minmax--min), 1fr));
|
|
87
87
|
|
|
88
|
-
@include pf-v5-build-css-variable-stack("--#{$description-list}--GridTemplateColumns--minmax--min", "--#{$description-list}--GridTemplateColumns--min", $pf-
|
|
88
|
+
@include pf-v5-build-css-variable-stack("--#{$description-list}--GridTemplateColumns--minmax--min", "--#{$description-list}--GridTemplateColumns--min", $pf-v6-c-description-list--breakpoint-map);
|
|
89
89
|
}
|
|
90
90
|
|
|
91
91
|
&.pf-m-compact {
|
|
@@ -198,7 +198,7 @@ $pf-v5-c-description-list--breakpoint-map: build-breakpoint-map("base", "sm", "m
|
|
|
198
198
|
// Responsive modifiers
|
|
199
199
|
// stylelint-disable no-duplicate-selectors
|
|
200
200
|
.#{$description-list} {
|
|
201
|
-
@each $breakpoint, $breakpoint-value in $pf-
|
|
201
|
+
@each $breakpoint, $breakpoint-value in $pf-v6-c-description-list--breakpoint-map {
|
|
202
202
|
$breakpoint-name: if($breakpoint != "base", -on-#{$breakpoint}, "");
|
|
203
203
|
|
|
204
204
|
@include pf-v5-apply-breakpoint($breakpoint) {
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
--pf-v6-c-draggable--Cursor: auto;
|
|
3
3
|
--pf-v6-c-draggable--m-dragging--Cursor: grabbing;
|
|
4
4
|
--pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
5
|
+
--pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
|
|
5
6
|
--pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
6
7
|
--pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
7
8
|
--pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
--#{$draggable}--Cursor: auto;
|
|
5
5
|
--#{$draggable}--m-dragging--Cursor: grabbing;
|
|
6
6
|
--#{$draggable}--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
7
|
+
--#{$draggable}--m-dragging--BackgroundColor: transparent;
|
|
7
8
|
--#{$draggable}--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
8
9
|
--#{$draggable}--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
9
10
|
--#{$draggable}--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
@@ -18,7 +19,7 @@
|
|
|
18
19
|
--#{$draggable}--Cursor: var(--#{$draggable}--m-dragging--Cursor);
|
|
19
20
|
|
|
20
21
|
position: relative;
|
|
21
|
-
background-color: var(--#{$draggable}--m-dragging--BackgroundColor);
|
|
22
|
+
background-color: var(--#{$draggable}--m-dragging--BackgroundColor);
|
|
22
23
|
box-shadow: var(--#{$draggable}--m-dragging--BoxShadow);
|
|
23
24
|
|
|
24
25
|
&::after {
|
|
@@ -13,10 +13,10 @@
|
|
|
13
13
|
position: relative;
|
|
14
14
|
}
|
|
15
15
|
|
|
16
|
-
:is([id="ws-core-c-menu-drilldown-with-breadcrumbs---level-3"], [id="ws-core-c-menu-drilldown-with-breadcrumbs---level-4"]) .pf-
|
|
16
|
+
:is([id="ws-core-c-menu-drilldown-with-breadcrumbs---level-3"], [id="ws-core-c-menu-drilldown-with-breadcrumbs---level-4"]) .pf-v6-c-breadcrumb__dropdown .pf-v6-c-menu {
|
|
17
17
|
position: absolute;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
.pf-
|
|
20
|
+
.pf-v6-c-menu__breadcrumb .pf-v6-c-menu {
|
|
21
21
|
z-index: 1;
|
|
22
22
|
}
|
|
@@ -322,7 +322,7 @@ cssPrefix: pf-v5-c-menu
|
|
|
322
322
|
```html
|
|
323
323
|
<div
|
|
324
324
|
class="pf-v6-c-menu pf-m-scrollable"
|
|
325
|
-
style="--pf-
|
|
325
|
+
style="--pf-v6-c-menu__content--MaxHeight: 200px;"
|
|
326
326
|
>
|
|
327
327
|
<div class="pf-v6-c-menu__content">
|
|
328
328
|
<ul class="pf-v6-c-menu__list" role="menu">
|
|
@@ -1573,7 +1573,7 @@ cssPrefix: pf-v5-c-menu
|
|
|
1573
1573
|
<div class="pf-v6-c-menu pf-m-drilldown pf-m-drilled-in">
|
|
1574
1574
|
<div
|
|
1575
1575
|
class="pf-v6-c-menu__content"
|
|
1576
|
-
style="--pf-
|
|
1576
|
+
style="--pf-v6-c-menu__content--Height: 165px;"
|
|
1577
1577
|
>
|
|
1578
1578
|
<ul class="pf-v6-c-menu__list" role="menu">
|
|
1579
1579
|
<li class="pf-v6-c-menu__list-item" role="none">
|
|
@@ -2095,7 +2095,7 @@ cssPrefix: pf-v5-c-menu
|
|
|
2095
2095
|
<div class="pf-v6-c-menu pf-m-drilldown pf-m-drilled-in">
|
|
2096
2096
|
<div
|
|
2097
2097
|
class="pf-v6-c-menu__content"
|
|
2098
|
-
style="--pf-
|
|
2098
|
+
style="--pf-v6-c-menu__content--Height: 202px;"
|
|
2099
2099
|
>
|
|
2100
2100
|
<ul class="pf-v6-c-menu__list" role="menu">
|
|
2101
2101
|
<li class="pf-v6-c-menu__list-item" role="none">
|
|
@@ -2617,7 +2617,7 @@ cssPrefix: pf-v5-c-menu
|
|
|
2617
2617
|
<div class="pf-v6-c-menu pf-m-drilldown pf-m-drilled-in">
|
|
2618
2618
|
<div
|
|
2619
2619
|
class="pf-v6-c-menu__content"
|
|
2620
|
-
style="--pf-
|
|
2620
|
+
style="--pf-v6-c-menu__content--Height: 165px;"
|
|
2621
2621
|
>
|
|
2622
2622
|
<ul class="pf-v6-c-menu__list" role="menu">
|
|
2623
2623
|
<li class="pf-v6-c-menu__list-item" role="none">
|
|
@@ -3141,7 +3141,7 @@ cssPrefix: pf-v5-c-menu
|
|
|
3141
3141
|
```html isBeta
|
|
3142
3142
|
<div
|
|
3143
3143
|
class="pf-v6-c-menu pf-m-drilldown pf-m-scrollable"
|
|
3144
|
-
style="--pf-
|
|
3144
|
+
style="--pf-v6-c-menu__content--MaxHeight: 180px;"
|
|
3145
3145
|
>
|
|
3146
3146
|
<div class="pf-v6-c-menu__content">
|
|
3147
3147
|
<ul class="pf-v6-c-menu__list" role="menu">
|
|
@@ -3661,7 +3661,7 @@ cssPrefix: pf-v5-c-menu
|
|
|
3661
3661
|
### Width modified drilldown
|
|
3662
3662
|
|
|
3663
3663
|
```html isBeta
|
|
3664
|
-
<div class="pf-v6-c-menu pf-m-drilldown" style="--pf-
|
|
3664
|
+
<div class="pf-v6-c-menu pf-m-drilldown" style="--pf-v6-c-menu--Width: 350px;">
|
|
3665
3665
|
<div class="pf-v6-c-menu__content">
|
|
3666
3666
|
<ul class="pf-v6-c-menu__list" role="menu">
|
|
3667
3667
|
<li class="pf-v6-c-menu__list-item" role="none">
|
|
@@ -4362,7 +4362,7 @@ cssPrefix: pf-v5-c-menu
|
|
|
4362
4362
|
```html isBeta
|
|
4363
4363
|
<div
|
|
4364
4364
|
class="pf-v6-c-menu pf-m-drilldown pf-m-drilled-in"
|
|
4365
|
-
style="--pf-
|
|
4365
|
+
style="--pf-v6-c-menu__content--Height: 74px;"
|
|
4366
4366
|
>
|
|
4367
4367
|
<div class="pf-v6-c-menu__breadcrumb">
|
|
4368
4368
|
<nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
|
|
@@ -4570,7 +4570,7 @@ cssPrefix: pf-v5-c-menu
|
|
|
4570
4570
|
```html isBeta
|
|
4571
4571
|
<div
|
|
4572
4572
|
class="pf-v6-c-menu pf-m-drilldown pf-m-drilled-in"
|
|
4573
|
-
style="--pf-
|
|
4573
|
+
style="--pf-v6-c-menu__content--Height: 111px;"
|
|
4574
4574
|
>
|
|
4575
4575
|
<div class="pf-v6-c-menu__breadcrumb">
|
|
4576
4576
|
<nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
|
|
@@ -4823,7 +4823,7 @@ cssPrefix: pf-v5-c-menu
|
|
|
4823
4823
|
```html isBeta
|
|
4824
4824
|
<div
|
|
4825
4825
|
class="pf-v6-c-menu pf-m-drilldown pf-m-drilled-in"
|
|
4826
|
-
style="--pf-
|
|
4826
|
+
style="--pf-v6-c-menu__content--Height: 185px;"
|
|
4827
4827
|
>
|
|
4828
4828
|
<div class="pf-v6-c-menu__breadcrumb">
|
|
4829
4829
|
<nav class="pf-v6-c-breadcrumb" aria-label="breadcrumb">
|
|
@@ -5097,27 +5097,27 @@ cssPrefix: pf-v5-c-menu
|
|
|
5097
5097
|
<!--
|
|
5098
5098
|
### Drilldown managed height
|
|
5099
5099
|
```hbs isBeta
|
|
5100
|
-
{{> menu--Drilldown menu--Drilldown--id="drilldown-managed-height" menu--Drilldown--menu--attribute='style="--pf-
|
|
5100
|
+
{{> menu--Drilldown menu--Drilldown--id="drilldown-managed-height" menu--Drilldown--menu--attribute='style="--pf-v6-c-menu--MaxHeight: 120px; --pf-v6-c-menu__content--Height: 216px;"'}}
|
|
5101
5101
|
```
|
|
5102
5102
|
|
|
5103
5103
|
### Drilldown managed height level two
|
|
5104
5104
|
```hbs isBeta
|
|
5105
|
-
{{> menu--Drilldown menu--Drilldown--id="drilldown-managed-height-level-2" menu--Drilldown--IsDrilledIn--list-1="true" menu--Drilldown--menu--attribute='style="--pf-
|
|
5105
|
+
{{> menu--Drilldown menu--Drilldown--id="drilldown-managed-height-level-2" menu--Drilldown--IsDrilledIn--list-1="true" menu--Drilldown--menu--attribute='style="--pf-v6-c-menu--MaxHeight: 120px; --pf-v6-c-menu__content--Height: 193px;"'}}
|
|
5106
5106
|
```
|
|
5107
5107
|
|
|
5108
5108
|
### Drilldown managed height level three
|
|
5109
5109
|
```hbs isBeta
|
|
5110
|
-
{{> menu--Drilldown menu--Drilldown--id="drilldown-managed-height-level-3" menu--Drilldown--IsDrilledIn--list-1="true" menu--Drilldown--IsDrilledIn--list-2="true" menu--Drilldown--menu--attribute='style="--pf-
|
|
5110
|
+
{{> menu--Drilldown menu--Drilldown--id="drilldown-managed-height-level-3" menu--Drilldown--IsDrilledIn--list-1="true" menu--Drilldown--IsDrilledIn--list-2="true" menu--Drilldown--menu--attribute='style="--pf-v6-c-menu--MaxHeight: 120px; --pf-v6-c-menu__content--Height: 233px;"'}}
|
|
5111
5111
|
```
|
|
5112
5112
|
|
|
5113
5113
|
### Drilldown managed height level four
|
|
5114
5114
|
```hbs isBeta
|
|
5115
|
-
{{> menu--Drilldown menu--Drilldown--id="drilldown-managed-height-level-4" menu--Drilldown--IsDrilledIn--list-1="true" menu--Drilldown--IsDrilledIn--list-2="true" menu--Drilldown--IsDrilledIn--list-3="true" menu--Drilldown--menu--attribute='style="--pf-
|
|
5115
|
+
{{> menu--Drilldown menu--Drilldown--id="drilldown-managed-height-level-4" menu--Drilldown--IsDrilledIn--list-1="true" menu--Drilldown--IsDrilledIn--list-2="true" menu--Drilldown--IsDrilledIn--list-3="true" menu--Drilldown--menu--attribute='style="--pf-v6-c-menu--MaxHeight: 120px; --pf-v6-c-menu__content--Height: 216px;"'}}
|
|
5116
5116
|
```
|
|
5117
5117
|
|
|
5118
5118
|
### Drilldown with breadcrumbs and managed height - level 4
|
|
5119
5119
|
```hbs isBeta
|
|
5120
|
-
{{#> menu menu--id="drilldown-with-breadcrumbs-and-managed-height-level-4" menu--modifier="pf-m-drilldown pf-m-drilled-in" menu--attribute='style="--pf-
|
|
5120
|
+
{{#> menu menu--id="drilldown-with-breadcrumbs-and-managed-height-level-4" menu--modifier="pf-m-drilldown pf-m-drilled-in" menu--attribute='style="--pf-v6-c-menu--MaxHeight: 120px; --pf-v6-c-menu__content--Height: 216px;"'}}
|
|
5121
5121
|
{{> menu-breadcrumbs--Drilldown breadcrumb--id="drilldown-with-breadcrumbs-level-4" menu-breadcrumbs--Drilldown--IsLevel4="true"}}
|
|
5122
5122
|
{{> menu-content--Breadcrumbs menu-content--Breadcrumbs--level2="true" menu-content--Breadcrumbs--level3="true" menu-content--Breadcrumbs--level4="true"}}
|
|
5123
5123
|
{{/menu}}
|
package/package.json
CHANGED
|
@@ -11078,7 +11078,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
11078
11078
|
--pf-v6-c-description-list--m-horizontal__term--width-on-lg: inherit;
|
|
11079
11079
|
--pf-v6-c-description-list--m-horizontal__term--width-on-xl: inherit;
|
|
11080
11080
|
--pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
|
|
11081
|
-
--pf-
|
|
11081
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
|
|
11082
11082
|
}
|
|
11083
11083
|
@media screen and (min-width: 576px) {
|
|
11084
11084
|
:where(:root), :where(.pf-v6-c-description-list) {
|
|
@@ -11087,27 +11087,27 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
11087
11087
|
}
|
|
11088
11088
|
@media (min-width: 576px) {
|
|
11089
11089
|
:where(:root), :where(.pf-v6-c-description-list) {
|
|
11090
|
-
--pf-
|
|
11090
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width));
|
|
11091
11091
|
}
|
|
11092
11092
|
}
|
|
11093
11093
|
@media (min-width: 768px) {
|
|
11094
11094
|
:where(:root), :where(.pf-v6-c-description-list) {
|
|
11095
|
-
--pf-
|
|
11095
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)));
|
|
11096
11096
|
}
|
|
11097
11097
|
}
|
|
11098
11098
|
@media (min-width: 992px) {
|
|
11099
11099
|
:where(:root), :where(.pf-v6-c-description-list) {
|
|
11100
|
-
--pf-
|
|
11100
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))));
|
|
11101
11101
|
}
|
|
11102
11102
|
}
|
|
11103
11103
|
@media (min-width: 1200px) {
|
|
11104
11104
|
:where(:root), :where(.pf-v6-c-description-list) {
|
|
11105
|
-
--pf-
|
|
11105
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)))));
|
|
11106
11106
|
}
|
|
11107
11107
|
}
|
|
11108
11108
|
@media (min-width: 1450px) {
|
|
11109
11109
|
:where(:root), :where(.pf-v6-c-description-list) {
|
|
11110
|
-
--pf-
|
|
11110
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-2xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))))));
|
|
11111
11111
|
}
|
|
11112
11112
|
}
|
|
11113
11113
|
|
|
@@ -11363,6 +11363,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
11363
11363
|
--pf-v6-c-draggable--Cursor: auto;
|
|
11364
11364
|
--pf-v6-c-draggable--m-dragging--Cursor: grabbing;
|
|
11365
11365
|
--pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
11366
|
+
--pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
|
|
11366
11367
|
--pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
11367
11368
|
--pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
11368
11369
|
--pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
@@ -11195,7 +11195,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
11195
11195
|
--pf-v6-c-description-list--m-horizontal__term--width-on-lg: inherit;
|
|
11196
11196
|
--pf-v6-c-description-list--m-horizontal__term--width-on-xl: inherit;
|
|
11197
11197
|
--pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
|
|
11198
|
-
--pf-
|
|
11198
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
|
|
11199
11199
|
}
|
|
11200
11200
|
@media screen and (min-width: 576px) {
|
|
11201
11201
|
:where(:root), :where(.pf-v6-c-description-list) {
|
|
@@ -11204,27 +11204,27 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
11204
11204
|
}
|
|
11205
11205
|
@media (min-width: 576px) {
|
|
11206
11206
|
:where(:root), :where(.pf-v6-c-description-list) {
|
|
11207
|
-
--pf-
|
|
11207
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width));
|
|
11208
11208
|
}
|
|
11209
11209
|
}
|
|
11210
11210
|
@media (min-width: 768px) {
|
|
11211
11211
|
:where(:root), :where(.pf-v6-c-description-list) {
|
|
11212
|
-
--pf-
|
|
11212
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)));
|
|
11213
11213
|
}
|
|
11214
11214
|
}
|
|
11215
11215
|
@media (min-width: 992px) {
|
|
11216
11216
|
:where(:root), :where(.pf-v6-c-description-list) {
|
|
11217
|
-
--pf-
|
|
11217
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))));
|
|
11218
11218
|
}
|
|
11219
11219
|
}
|
|
11220
11220
|
@media (min-width: 1200px) {
|
|
11221
11221
|
:where(:root), :where(.pf-v6-c-description-list) {
|
|
11222
|
-
--pf-
|
|
11222
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)))));
|
|
11223
11223
|
}
|
|
11224
11224
|
}
|
|
11225
11225
|
@media (min-width: 1450px) {
|
|
11226
11226
|
:where(:root), :where(.pf-v6-c-description-list) {
|
|
11227
|
-
--pf-
|
|
11227
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-2xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))))));
|
|
11228
11228
|
}
|
|
11229
11229
|
}
|
|
11230
11230
|
|
|
@@ -11480,6 +11480,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
11480
11480
|
--pf-v6-c-draggable--Cursor: auto;
|
|
11481
11481
|
--pf-v6-c-draggable--m-dragging--Cursor: grabbing;
|
|
11482
11482
|
--pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
11483
|
+
--pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
|
|
11483
11484
|
--pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
11484
11485
|
--pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
11485
11486
|
--pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
|
package/patternfly.css
CHANGED
|
@@ -11195,7 +11195,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
11195
11195
|
--pf-v6-c-description-list--m-horizontal__term--width-on-lg: inherit;
|
|
11196
11196
|
--pf-v6-c-description-list--m-horizontal__term--width-on-xl: inherit;
|
|
11197
11197
|
--pf-v6-c-description-list--m-horizontal__term--width-on-2xl: inherit;
|
|
11198
|
-
--pf-
|
|
11198
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
|
|
11199
11199
|
}
|
|
11200
11200
|
@media screen and (min-width: 576px) {
|
|
11201
11201
|
:where(:root), :where(.pf-v6-c-description-list) {
|
|
@@ -11204,27 +11204,27 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
11204
11204
|
}
|
|
11205
11205
|
@media (min-width: 576px) {
|
|
11206
11206
|
:where(:root), :where(.pf-v6-c-description-list) {
|
|
11207
|
-
--pf-
|
|
11207
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width));
|
|
11208
11208
|
}
|
|
11209
11209
|
}
|
|
11210
11210
|
@media (min-width: 768px) {
|
|
11211
11211
|
:where(:root), :where(.pf-v6-c-description-list) {
|
|
11212
|
-
--pf-
|
|
11212
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)));
|
|
11213
11213
|
}
|
|
11214
11214
|
}
|
|
11215
11215
|
@media (min-width: 992px) {
|
|
11216
11216
|
:where(:root), :where(.pf-v6-c-description-list) {
|
|
11217
|
-
--pf-
|
|
11217
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))));
|
|
11218
11218
|
}
|
|
11219
11219
|
}
|
|
11220
11220
|
@media (min-width: 1200px) {
|
|
11221
11221
|
:where(:root), :where(.pf-v6-c-description-list) {
|
|
11222
|
-
--pf-
|
|
11222
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)))));
|
|
11223
11223
|
}
|
|
11224
11224
|
}
|
|
11225
11225
|
@media (min-width: 1450px) {
|
|
11226
11226
|
:where(:root), :where(.pf-v6-c-description-list) {
|
|
11227
|
-
--pf-
|
|
11227
|
+
--pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-2xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))))));
|
|
11228
11228
|
}
|
|
11229
11229
|
}
|
|
11230
11230
|
|
|
@@ -11480,6 +11480,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
11480
11480
|
--pf-v6-c-draggable--Cursor: auto;
|
|
11481
11481
|
--pf-v6-c-draggable--m-dragging--Cursor: grabbing;
|
|
11482
11482
|
--pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
11483
|
+
--pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
|
|
11483
11484
|
--pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
11484
11485
|
--pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
11485
11486
|
--pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
|