@patternfly/patternfly 6.6.0-prerelease.34 → 6.6.0-prerelease.35
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/DataList/data-list.css +11 -9
- package/components/DataList/data-list.scss +7 -5
- package/components/_index.css +11 -9
- package/docs/components/DataList/examples/DataList.md +129 -126
- package/docs/demos/DataList/examples/DataList.md +27 -27
- package/docs/demos/Table/examples/Table.md +15 -15
- package/package.json +1 -1
- package/patternfly-no-globals.css +11 -9
- package/patternfly.css +11 -9
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -13962,13 +13962,13 @@ wrapperTag: div
|
|
|
13962
13962
|
<div class="pf-v6-c-data-list__check">
|
|
13963
13963
|
<label
|
|
13964
13964
|
class="pf-v6-c-check pf-m-standalone"
|
|
13965
|
-
for="table-manage-columns-data-list-draggable-item-1
|
|
13965
|
+
for="table-manage-columns-data-list-draggable-item-1-input"
|
|
13966
13966
|
>
|
|
13967
13967
|
<input
|
|
13968
13968
|
class="pf-v6-c-check__input"
|
|
13969
13969
|
type="checkbox"
|
|
13970
|
-
id="table-manage-columns-data-list-draggable-item-1
|
|
13971
|
-
name="table-manage-columns-data-list-draggable-item-1
|
|
13970
|
+
id="table-manage-columns-data-list-draggable-item-1-input"
|
|
13971
|
+
name="table-manage-columns-data-list-draggable-item-1-input"
|
|
13972
13972
|
aria-label="Standalone check"
|
|
13973
13973
|
/>
|
|
13974
13974
|
</label>
|
|
@@ -14005,13 +14005,13 @@ wrapperTag: div
|
|
|
14005
14005
|
<div class="pf-v6-c-data-list__check">
|
|
14006
14006
|
<label
|
|
14007
14007
|
class="pf-v6-c-check pf-m-standalone"
|
|
14008
|
-
for="table-manage-columns-data-list-draggable-item-2
|
|
14008
|
+
for="table-manage-columns-data-list-draggable-item-2-input"
|
|
14009
14009
|
>
|
|
14010
14010
|
<input
|
|
14011
14011
|
class="pf-v6-c-check__input"
|
|
14012
14012
|
type="checkbox"
|
|
14013
|
-
id="table-manage-columns-data-list-draggable-item-2
|
|
14014
|
-
name="table-manage-columns-data-list-draggable-item-2
|
|
14013
|
+
id="table-manage-columns-data-list-draggable-item-2-input"
|
|
14014
|
+
name="table-manage-columns-data-list-draggable-item-2-input"
|
|
14015
14015
|
aria-label="Standalone check"
|
|
14016
14016
|
/>
|
|
14017
14017
|
</label>
|
|
@@ -14048,13 +14048,13 @@ wrapperTag: div
|
|
|
14048
14048
|
<div class="pf-v6-c-data-list__check">
|
|
14049
14049
|
<label
|
|
14050
14050
|
class="pf-v6-c-check pf-m-standalone"
|
|
14051
|
-
for="table-manage-columns-data-list-draggable-item-3
|
|
14051
|
+
for="table-manage-columns-data-list-draggable-item-3-input"
|
|
14052
14052
|
>
|
|
14053
14053
|
<input
|
|
14054
14054
|
class="pf-v6-c-check__input"
|
|
14055
14055
|
type="checkbox"
|
|
14056
|
-
id="table-manage-columns-data-list-draggable-item-3
|
|
14057
|
-
name="table-manage-columns-data-list-draggable-item-3
|
|
14056
|
+
id="table-manage-columns-data-list-draggable-item-3-input"
|
|
14057
|
+
name="table-manage-columns-data-list-draggable-item-3-input"
|
|
14058
14058
|
aria-label="Standalone check"
|
|
14059
14059
|
/>
|
|
14060
14060
|
</label>
|
|
@@ -14091,13 +14091,13 @@ wrapperTag: div
|
|
|
14091
14091
|
<div class="pf-v6-c-data-list__check">
|
|
14092
14092
|
<label
|
|
14093
14093
|
class="pf-v6-c-check pf-m-standalone"
|
|
14094
|
-
for="table-manage-columns-data-list-draggable-item-4
|
|
14094
|
+
for="table-manage-columns-data-list-draggable-item-4-input"
|
|
14095
14095
|
>
|
|
14096
14096
|
<input
|
|
14097
14097
|
class="pf-v6-c-check__input"
|
|
14098
14098
|
type="checkbox"
|
|
14099
|
-
id="table-manage-columns-data-list-draggable-item-4
|
|
14100
|
-
name="table-manage-columns-data-list-draggable-item-4
|
|
14099
|
+
id="table-manage-columns-data-list-draggable-item-4-input"
|
|
14100
|
+
name="table-manage-columns-data-list-draggable-item-4-input"
|
|
14101
14101
|
aria-label="Standalone check"
|
|
14102
14102
|
/>
|
|
14103
14103
|
</label>
|
|
@@ -14134,13 +14134,13 @@ wrapperTag: div
|
|
|
14134
14134
|
<div class="pf-v6-c-data-list__check">
|
|
14135
14135
|
<label
|
|
14136
14136
|
class="pf-v6-c-check pf-m-standalone"
|
|
14137
|
-
for="table-manage-columns-data-list-draggable-item-5
|
|
14137
|
+
for="table-manage-columns-data-list-draggable-item-5-input"
|
|
14138
14138
|
>
|
|
14139
14139
|
<input
|
|
14140
14140
|
class="pf-v6-c-check__input"
|
|
14141
14141
|
type="checkbox"
|
|
14142
|
-
id="table-manage-columns-data-list-draggable-item-5
|
|
14143
|
-
name="table-manage-columns-data-list-draggable-item-5
|
|
14142
|
+
id="table-manage-columns-data-list-draggable-item-5-input"
|
|
14143
|
+
name="table-manage-columns-data-list-draggable-item-5-input"
|
|
14144
14144
|
aria-label="Standalone check"
|
|
14145
14145
|
/>
|
|
14146
14146
|
</label>
|
package/package.json
CHANGED
|
@@ -14307,7 +14307,7 @@ ul) {
|
|
|
14307
14307
|
--pf-v6-c-data-list__item-draggable-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
14308
14308
|
--pf-v6-c-data-list__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--lg) * -1);
|
|
14309
14309
|
--pf-v6-c-data-list__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--lg) * -1);
|
|
14310
|
-
--pf-v6-c-data-list__item-draggable-button--PaddingBlockStart: var(--pf-
|
|
14310
|
+
--pf-v6-c-data-list__item-draggable-button--PaddingBlockStart: var(--pf-v6-c-data-list__cell--PaddingBlockStart);
|
|
14311
14311
|
--pf-v6-c-data-list__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
14312
14312
|
--pf-v6-c-data-list__item-draggable-button--MarginInlineStart: calc(var(--pf-t--global--spacer--md) * -1);
|
|
14313
14313
|
--pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
@@ -14322,7 +14322,7 @@ ul) {
|
|
|
14322
14322
|
--pf-v6-c-data-list__item-control--md--MarginInlineEnd: var(--pf-t--global--spacer--xl);
|
|
14323
14323
|
--pf-v6-c-data-list__item-control--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
14324
14324
|
--pf-v6-c-data-list__check--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
|
|
14325
|
-
--pf-v6-c-data-list__check--MarginBlockStart:
|
|
14325
|
+
--pf-v6-c-data-list__check--MarginBlockStart: 0;
|
|
14326
14326
|
--pf-v6-c-data-list__item-action--Display: flex;
|
|
14327
14327
|
--pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
14328
14328
|
--pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -14365,7 +14365,7 @@ ul) {
|
|
|
14365
14365
|
--pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
14366
14366
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
14367
14367
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
14368
|
-
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-
|
|
14368
|
+
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell--PaddingBlockStart);
|
|
14369
14369
|
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
14370
14370
|
--pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
14371
14371
|
}
|
|
@@ -14495,9 +14495,10 @@ ul) {
|
|
|
14495
14495
|
cursor: pointer;
|
|
14496
14496
|
}
|
|
14497
14497
|
|
|
14498
|
-
.pf-v6-c-data-list__item-draggable-button {
|
|
14498
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain {
|
|
14499
14499
|
display: flex;
|
|
14500
14500
|
flex-direction: column;
|
|
14501
|
+
justify-content: start;
|
|
14501
14502
|
padding-block-start: var(--pf-v6-c-data-list__item-draggable-button--PaddingBlockStart);
|
|
14502
14503
|
padding-block-end: var(--pf-v6-c-data-list__item-draggable-button--PaddingBlockEnd);
|
|
14503
14504
|
padding-inline-start: var(--pf-v6-c-data-list__item-draggable-button--PaddingInlineStart);
|
|
@@ -14505,24 +14506,25 @@ ul) {
|
|
|
14505
14506
|
margin-block-start: var(--pf-v6-c-data-list__item-draggable-button--MarginBlockStart);
|
|
14506
14507
|
margin-block-end: var(--pf-v6-c-data-list__item-draggable-button--MarginBlockEnd);
|
|
14507
14508
|
margin-inline-start: var(--pf-v6-c-data-list__item-draggable-button--MarginInlineStart);
|
|
14509
|
+
line-height: 1lh;
|
|
14508
14510
|
background-color: var(--pf-v6-c-data-list__item-draggable-button--BackgroundColor);
|
|
14509
14511
|
border: 0;
|
|
14510
14512
|
}
|
|
14511
|
-
.pf-v6-c-data-list__item-draggable-button:hover {
|
|
14513
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:hover {
|
|
14512
14514
|
--pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-v6-c-data-list__item-draggable-button--hover__draggable-icon--Color);
|
|
14513
14515
|
cursor: grab;
|
|
14514
14516
|
}
|
|
14515
|
-
.pf-v6-c-data-list__item-draggable-button:focus {
|
|
14517
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:focus {
|
|
14516
14518
|
--pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-v6-c-data-list__item-draggable-button--focus__draggable-icon--Color);
|
|
14517
14519
|
}
|
|
14518
|
-
.pf-v6-c-data-list__item-draggable-button:active {
|
|
14520
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:active {
|
|
14519
14521
|
cursor: grabbing;
|
|
14520
14522
|
}
|
|
14521
|
-
.pf-v6-c-data-list__item-draggable-button.pf-m-disabled {
|
|
14523
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:is(:disabled, .pf-m-disabled) {
|
|
14522
14524
|
--pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-v6-c-data-list__item-draggable-button--m-disabled__draggable-icon--Color);
|
|
14523
14525
|
pointer-events: none;
|
|
14524
14526
|
}
|
|
14525
|
-
.pf-v6-c-data-list__item-draggable-button .pf-v6-c-data-list__item-draggable-icon {
|
|
14527
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain .pf-v6-c-data-list__item-draggable-icon {
|
|
14526
14528
|
color: var(--pf-v6-c-data-list__item-draggable-button-icon--Color);
|
|
14527
14529
|
}
|
|
14528
14530
|
|
package/patternfly.css
CHANGED
|
@@ -14462,7 +14462,7 @@ ul) {
|
|
|
14462
14462
|
--pf-v6-c-data-list__item-draggable-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
14463
14463
|
--pf-v6-c-data-list__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--lg) * -1);
|
|
14464
14464
|
--pf-v6-c-data-list__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--lg) * -1);
|
|
14465
|
-
--pf-v6-c-data-list__item-draggable-button--PaddingBlockStart: var(--pf-
|
|
14465
|
+
--pf-v6-c-data-list__item-draggable-button--PaddingBlockStart: var(--pf-v6-c-data-list__cell--PaddingBlockStart);
|
|
14466
14466
|
--pf-v6-c-data-list__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
14467
14467
|
--pf-v6-c-data-list__item-draggable-button--MarginInlineStart: calc(var(--pf-t--global--spacer--md) * -1);
|
|
14468
14468
|
--pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
@@ -14477,7 +14477,7 @@ ul) {
|
|
|
14477
14477
|
--pf-v6-c-data-list__item-control--md--MarginInlineEnd: var(--pf-t--global--spacer--xl);
|
|
14478
14478
|
--pf-v6-c-data-list__item-control--not-last-child--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
14479
14479
|
--pf-v6-c-data-list__check--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
|
|
14480
|
-
--pf-v6-c-data-list__check--MarginBlockStart:
|
|
14480
|
+
--pf-v6-c-data-list__check--MarginBlockStart: 0;
|
|
14481
14481
|
--pf-v6-c-data-list__item-action--Display: flex;
|
|
14482
14482
|
--pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
14483
14483
|
--pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -14520,7 +14520,7 @@ ul) {
|
|
|
14520
14520
|
--pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
14521
14521
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
14522
14522
|
--pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
14523
|
-
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-
|
|
14523
|
+
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-v6-c-data-list--m-compact__cell--PaddingBlockStart);
|
|
14524
14524
|
--pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
14525
14525
|
--pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
14526
14526
|
}
|
|
@@ -14650,9 +14650,10 @@ ul) {
|
|
|
14650
14650
|
cursor: pointer;
|
|
14651
14651
|
}
|
|
14652
14652
|
|
|
14653
|
-
.pf-v6-c-data-list__item-draggable-button {
|
|
14653
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain {
|
|
14654
14654
|
display: flex;
|
|
14655
14655
|
flex-direction: column;
|
|
14656
|
+
justify-content: start;
|
|
14656
14657
|
padding-block-start: var(--pf-v6-c-data-list__item-draggable-button--PaddingBlockStart);
|
|
14657
14658
|
padding-block-end: var(--pf-v6-c-data-list__item-draggable-button--PaddingBlockEnd);
|
|
14658
14659
|
padding-inline-start: var(--pf-v6-c-data-list__item-draggable-button--PaddingInlineStart);
|
|
@@ -14660,24 +14661,25 @@ ul) {
|
|
|
14660
14661
|
margin-block-start: var(--pf-v6-c-data-list__item-draggable-button--MarginBlockStart);
|
|
14661
14662
|
margin-block-end: var(--pf-v6-c-data-list__item-draggable-button--MarginBlockEnd);
|
|
14662
14663
|
margin-inline-start: var(--pf-v6-c-data-list__item-draggable-button--MarginInlineStart);
|
|
14664
|
+
line-height: 1lh;
|
|
14663
14665
|
background-color: var(--pf-v6-c-data-list__item-draggable-button--BackgroundColor);
|
|
14664
14666
|
border: 0;
|
|
14665
14667
|
}
|
|
14666
|
-
.pf-v6-c-data-list__item-draggable-button:hover {
|
|
14668
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:hover {
|
|
14667
14669
|
--pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-v6-c-data-list__item-draggable-button--hover__draggable-icon--Color);
|
|
14668
14670
|
cursor: grab;
|
|
14669
14671
|
}
|
|
14670
|
-
.pf-v6-c-data-list__item-draggable-button:focus {
|
|
14672
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:focus {
|
|
14671
14673
|
--pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-v6-c-data-list__item-draggable-button--focus__draggable-icon--Color);
|
|
14672
14674
|
}
|
|
14673
|
-
.pf-v6-c-data-list__item-draggable-button:active {
|
|
14675
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:active {
|
|
14674
14676
|
cursor: grabbing;
|
|
14675
14677
|
}
|
|
14676
|
-
.pf-v6-c-data-list__item-draggable-button.pf-m-disabled {
|
|
14678
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain:is(:disabled, .pf-m-disabled) {
|
|
14677
14679
|
--pf-v6-c-data-list__item-draggable-button-icon--Color: var(--pf-v6-c-data-list__item-draggable-button--m-disabled__draggable-icon--Color);
|
|
14678
14680
|
pointer-events: none;
|
|
14679
14681
|
}
|
|
14680
|
-
.pf-v6-c-data-list__item-draggable-button .pf-v6-c-data-list__item-draggable-icon {
|
|
14682
|
+
.pf-v6-c-data-list__item-draggable-button.pf-v6-c-button.pf-m-plain .pf-v6-c-data-list__item-draggable-icon {
|
|
14681
14683
|
color: var(--pf-v6-c-data-list__item-draggable-button-icon--Color);
|
|
14682
14684
|
}
|
|
14683
14685
|
|