@patternfly/patternfly 5.1.0-prerelease.15 → 5.1.0-prerelease.16
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/TreeView/tree-view.css +6 -0
- package/components/TreeView/tree-view.scss +10 -3
- package/package.json +1 -1
- package/patternfly-no-globals.css +6 -0
- package/patternfly-theme-dark-unversioned.css +6 -0
- package/patternfly.css +6 -0
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -229,6 +229,9 @@
|
|
|
229
229
|
transition: var(--pf-v5-c-tree-view__node-toggle-icon--Transition);
|
|
230
230
|
transform: rotate(var(--pf-v5-c-tree-view__node-toggle-icon--Rotate));
|
|
231
231
|
}
|
|
232
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle-icon {
|
|
233
|
+
scale: -1 1;
|
|
234
|
+
}
|
|
232
235
|
|
|
233
236
|
.pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
|
|
234
237
|
--pf-v5-c-tree-view__node-toggle-icon--Rotate: var(--pf-v5-c-tree-view__node-toggle-icon--base--Rotate);
|
|
@@ -318,6 +321,9 @@
|
|
|
318
321
|
border: 0;
|
|
319
322
|
transform: translateX(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX));
|
|
320
323
|
}
|
|
324
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle {
|
|
325
|
+
transform: translateX(calc(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
|
|
326
|
+
}
|
|
321
327
|
|
|
322
328
|
.pf-v5-c-tree-view__node-title.pf-m-truncate,
|
|
323
329
|
.pf-v5-c-tree-view__node-text.pf-m-truncate {
|
|
@@ -332,6 +332,8 @@ $pf-v5-c-tree-view--MaxNesting: 10 !default;
|
|
|
332
332
|
}
|
|
333
333
|
|
|
334
334
|
.#{$tree-view}__node-toggle-icon {
|
|
335
|
+
@include pf-v5-mirror-inline-on-rtl;
|
|
336
|
+
|
|
335
337
|
display: inline-block;
|
|
336
338
|
min-width: var(--#{$tree-view}__node-toggle-icon--MinWidth);
|
|
337
339
|
text-align: center;
|
|
@@ -429,8 +431,8 @@ $pf-v5-c-tree-view--MaxNesting: 10 !default;
|
|
|
429
431
|
|
|
430
432
|
.#{$tree-view}__node-toggle {
|
|
431
433
|
position: var(--#{$tree-view}__node-toggle--Position);
|
|
432
|
-
|
|
433
|
-
|
|
434
|
+
inset-block-start: var(--#{$tree-view}__list-item__list-item__node-toggle--Top);
|
|
435
|
+
inset-inline-start: var(--#{$tree-view}__list-item__list-item__node-toggle--Left);
|
|
434
436
|
display: inline-flex;
|
|
435
437
|
align-items: center;
|
|
436
438
|
justify-content: center;
|
|
@@ -443,7 +445,12 @@ $pf-v5-c-tree-view--MaxNesting: 10 !default;
|
|
|
443
445
|
color: var(--#{$tree-view}__node-toggle--Color);
|
|
444
446
|
background-color: var(--#{$tree-view}__node-toggle--BackgroundColor);
|
|
445
447
|
border: 0;
|
|
446
|
-
|
|
448
|
+
|
|
449
|
+
@include pf-v5-bidirectional-style(
|
|
450
|
+
$prop: transform,
|
|
451
|
+
$ltr-val: translateX(var(--#{$tree-view}__list-item__list-item__node-toggle--TranslateX)),
|
|
452
|
+
$rtl-val: translateX(#{pf-v5-calc-inverse(var(--#{$tree-view}__list-item__list-item__node-toggle--TranslateX))})
|
|
453
|
+
);
|
|
447
454
|
}
|
|
448
455
|
|
|
449
456
|
.#{$tree-view}__node-title,
|
package/package.json
CHANGED
|
@@ -30616,6 +30616,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
30616
30616
|
transition: var(--pf-v5-c-tree-view__node-toggle-icon--Transition);
|
|
30617
30617
|
transform: rotate(var(--pf-v5-c-tree-view__node-toggle-icon--Rotate));
|
|
30618
30618
|
}
|
|
30619
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle-icon {
|
|
30620
|
+
scale: -1 1;
|
|
30621
|
+
}
|
|
30619
30622
|
|
|
30620
30623
|
.pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
|
|
30621
30624
|
--pf-v5-c-tree-view__node-toggle-icon--Rotate: var(--pf-v5-c-tree-view__node-toggle-icon--base--Rotate);
|
|
@@ -30705,6 +30708,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
30705
30708
|
border: 0;
|
|
30706
30709
|
transform: translateX(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX));
|
|
30707
30710
|
}
|
|
30711
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle {
|
|
30712
|
+
transform: translateX(calc(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
|
|
30713
|
+
}
|
|
30708
30714
|
|
|
30709
30715
|
.pf-v5-c-tree-view__node-title.pf-m-truncate,
|
|
30710
30716
|
.pf-v5-c-tree-view__node-text.pf-m-truncate {
|
|
@@ -30733,6 +30733,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
30733
30733
|
transition: var(--pf-v5-c-tree-view__node-toggle-icon--Transition);
|
|
30734
30734
|
transform: rotate(var(--pf-v5-c-tree-view__node-toggle-icon--Rotate));
|
|
30735
30735
|
}
|
|
30736
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle-icon {
|
|
30737
|
+
scale: -1 1;
|
|
30738
|
+
}
|
|
30736
30739
|
|
|
30737
30740
|
.pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
|
|
30738
30741
|
--pf-v5-c-tree-view__node-toggle-icon--Rotate: var(--pf-v5-c-tree-view__node-toggle-icon--base--Rotate);
|
|
@@ -30822,6 +30825,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
30822
30825
|
border: 0;
|
|
30823
30826
|
transform: translateX(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX));
|
|
30824
30827
|
}
|
|
30828
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle {
|
|
30829
|
+
transform: translateX(calc(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
|
|
30830
|
+
}
|
|
30825
30831
|
|
|
30826
30832
|
.pf-v5-c-tree-view__node-title.pf-m-truncate,
|
|
30827
30833
|
.pf-v5-c-tree-view__node-text.pf-m-truncate {
|
package/patternfly.css
CHANGED
|
@@ -30733,6 +30733,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
30733
30733
|
transition: var(--pf-v5-c-tree-view__node-toggle-icon--Transition);
|
|
30734
30734
|
transform: rotate(var(--pf-v5-c-tree-view__node-toggle-icon--Rotate));
|
|
30735
30735
|
}
|
|
30736
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle-icon {
|
|
30737
|
+
scale: -1 1;
|
|
30738
|
+
}
|
|
30736
30739
|
|
|
30737
30740
|
.pf-v5-c-tree-view__list-item .pf-v5-c-tree-view__list-item {
|
|
30738
30741
|
--pf-v5-c-tree-view__node-toggle-icon--Rotate: var(--pf-v5-c-tree-view__node-toggle-icon--base--Rotate);
|
|
@@ -30822,6 +30825,9 @@ svg.pf-v5-c-spinner.pf-m-xl {
|
|
|
30822
30825
|
border: 0;
|
|
30823
30826
|
transform: translateX(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX));
|
|
30824
30827
|
}
|
|
30828
|
+
:where(.ws-dir-rtl, .pf-v5-m-dir-rtl, [dir=rtl]) .pf-v5-c-tree-view__node-toggle {
|
|
30829
|
+
transform: translateX(calc(var(--pf-v5-c-tree-view__list-item__list-item__node-toggle--TranslateX) * var(--pf-v5-global--inverse--multiplier)));
|
|
30830
|
+
}
|
|
30825
30831
|
|
|
30826
30832
|
.pf-v5-c-tree-view__node-title.pf-m-truncate,
|
|
30827
30833
|
.pf-v5-c-tree-view__node-text.pf-m-truncate {
|