@carbon/styles 1.84.0-rc.0 → 1.84.0
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/css/styles.css +55 -0
- package/css/styles.min.css +1 -1
- package/package.json +8 -8
- package/scss/components/treeview/_treeview.scss +56 -1
package/css/styles.css
CHANGED
|
@@ -25710,6 +25710,10 @@ span.cds--pagination__text.cds--pagination__items-count {
|
|
|
25710
25710
|
}
|
|
25711
25711
|
}
|
|
25712
25712
|
|
|
25713
|
+
.cds--tree-node.cds--tree-parent-node > .cds--tree-node__label {
|
|
25714
|
+
inline-size: auto;
|
|
25715
|
+
}
|
|
25716
|
+
|
|
25713
25717
|
.cds--tree-node--disabled:focus > .cds--tree-node__label {
|
|
25714
25718
|
outline: none;
|
|
25715
25719
|
}
|
|
@@ -25754,10 +25758,14 @@ li.cds--tree-node-link-parent > .cds--tree-node__children {
|
|
|
25754
25758
|
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
|
25755
25759
|
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
|
25756
25760
|
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
|
25761
|
+
position: relative;
|
|
25757
25762
|
display: flex;
|
|
25763
|
+
box-sizing: border-box;
|
|
25758
25764
|
flex: 1 1;
|
|
25759
25765
|
align-items: center;
|
|
25766
|
+
inline-size: 100%;
|
|
25760
25767
|
min-block-size: 2rem;
|
|
25768
|
+
padding-inline-end: 1rem;
|
|
25761
25769
|
}
|
|
25762
25770
|
.cds--tree-node__label:hover {
|
|
25763
25771
|
background-color: var(--cds-layer-hover-01, #e8e8e8);
|
|
@@ -25793,6 +25801,7 @@ li.cds--tree-node-link-parent > .cds--tree-node__children {
|
|
|
25793
25801
|
.cds--tree-node__label__details {
|
|
25794
25802
|
display: flex;
|
|
25795
25803
|
align-items: center;
|
|
25804
|
+
min-inline-size: 0;
|
|
25796
25805
|
}
|
|
25797
25806
|
|
|
25798
25807
|
.cds--tree-node--with-icon .cds--tree-parent-node__toggle {
|
|
@@ -25874,6 +25883,52 @@ li.cds--tree-node-link-parent > .cds--tree-node__children {
|
|
|
25874
25883
|
margin-block-start: 0;
|
|
25875
25884
|
}
|
|
25876
25885
|
|
|
25886
|
+
.cds--tree-node__label__text {
|
|
25887
|
+
font-size: var(--cds-body-compact-01-font-size, 0.875rem);
|
|
25888
|
+
font-weight: var(--cds-body-compact-01-font-weight, 400);
|
|
25889
|
+
line-height: var(--cds-body-compact-01-line-height, 1.28572);
|
|
25890
|
+
letter-spacing: var(--cds-body-compact-01-letter-spacing, 0.16px);
|
|
25891
|
+
display: block;
|
|
25892
|
+
overflow: hidden;
|
|
25893
|
+
line-height: 1.2;
|
|
25894
|
+
padding-inline-start: 0.25rem;
|
|
25895
|
+
text-overflow: ellipsis;
|
|
25896
|
+
white-space: nowrap;
|
|
25897
|
+
}
|
|
25898
|
+
|
|
25899
|
+
.cds--tree-node__label .cds--icon-tooltip {
|
|
25900
|
+
inline-size: 100%;
|
|
25901
|
+
}
|
|
25902
|
+
|
|
25903
|
+
.cds--tree-node__label .cds--icon-tooltip .cds--btn--icon-only {
|
|
25904
|
+
padding: 0;
|
|
25905
|
+
border: none;
|
|
25906
|
+
background: transparent;
|
|
25907
|
+
block-size: auto;
|
|
25908
|
+
color: inherit;
|
|
25909
|
+
inline-size: 100%;
|
|
25910
|
+
min-block-size: unset;
|
|
25911
|
+
text-align: start;
|
|
25912
|
+
}
|
|
25913
|
+
|
|
25914
|
+
.cds--tree-node__label .cds--icon-tooltip .cds--btn--icon-only .cds--tree-node__label__text {
|
|
25915
|
+
color: inherit;
|
|
25916
|
+
inline-size: 100%;
|
|
25917
|
+
}
|
|
25918
|
+
|
|
25919
|
+
.cds--tree-node__label .cds--tooltip-content {
|
|
25920
|
+
padding: 1rem;
|
|
25921
|
+
}
|
|
25922
|
+
|
|
25923
|
+
.cds--tree-node__label .cds--popover-container {
|
|
25924
|
+
inline-size: 100%;
|
|
25925
|
+
}
|
|
25926
|
+
|
|
25927
|
+
.cds--tooltip-trigger__wrapper .cds--btn--ghost:focus {
|
|
25928
|
+
box-shadow: none;
|
|
25929
|
+
outline: 2px solid var(--cds-focus, #0f62fe);
|
|
25930
|
+
}
|
|
25931
|
+
|
|
25877
25932
|
.cds--content {
|
|
25878
25933
|
padding: 2rem;
|
|
25879
25934
|
color: var(--cds-text-primary, #161616);
|