@itwin/itwinui-css 0.44.1 → 0.44.2
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/all.css +11 -6
- package/css/tree.css +11 -6
- package/package.json +1 -1
- package/scss/tree/tree.scss +2 -14
package/css/all.css
CHANGED
|
@@ -6657,12 +6657,13 @@ a.iui-tag{
|
|
|
6657
6657
|
font-size:12px;
|
|
6658
6658
|
color:rgba(0, 0, 0, 0.4);
|
|
6659
6659
|
color:var(--iui-text-color-muted); }
|
|
6660
|
-
.iui-tree-node:focus{
|
|
6661
|
-
outline:1px solid #008BE1;
|
|
6660
|
+
.iui-tree-node:focus-visible{
|
|
6662
6661
|
outline:1px solid var(--iui-color-foreground-primary);
|
|
6663
6662
|
outline-offset:-1px; }
|
|
6664
|
-
|
|
6665
|
-
|
|
6663
|
+
@supports not selector(*:focus-visible){
|
|
6664
|
+
.iui-tree-node:focus{
|
|
6665
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
6666
|
+
outline-offset:-1px; } }
|
|
6666
6667
|
.iui-tree-node:hover{
|
|
6667
6668
|
background-color:rgba(0, 139, 225, 0.1);
|
|
6668
6669
|
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
|
|
@@ -6677,9 +6678,13 @@ a.iui-tag{
|
|
|
6677
6678
|
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
|
|
6678
6679
|
outline:thin solid var(--iui-color-foreground-primary);
|
|
6679
6680
|
outline-offset:-1px; }
|
|
6680
|
-
.iui-tree-node.iui-active:focus{
|
|
6681
|
-
outline
|
|
6681
|
+
.iui-tree-node.iui-active:focus-visible{
|
|
6682
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
6682
6683
|
outline-offset:-2px; }
|
|
6684
|
+
@supports not selector(*:focus-visible){
|
|
6685
|
+
.iui-tree-node.iui-active:focus{
|
|
6686
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
6687
|
+
outline-offset:-2px; } }
|
|
6683
6688
|
.iui-tree-node.iui-disabled{
|
|
6684
6689
|
cursor:not-allowed;
|
|
6685
6690
|
outline:none;
|
package/css/tree.css
CHANGED
|
@@ -72,12 +72,13 @@
|
|
|
72
72
|
font-size:12px;
|
|
73
73
|
color:rgba(0, 0, 0, 0.4);
|
|
74
74
|
color:var(--iui-text-color-muted); }
|
|
75
|
-
.iui-tree-node:focus{
|
|
76
|
-
outline:1px solid #008BE1;
|
|
75
|
+
.iui-tree-node:focus-visible{
|
|
77
76
|
outline:1px solid var(--iui-color-foreground-primary);
|
|
78
77
|
outline-offset:-1px; }
|
|
79
|
-
|
|
80
|
-
|
|
78
|
+
@supports not selector(*:focus-visible){
|
|
79
|
+
.iui-tree-node:focus{
|
|
80
|
+
outline:1px solid var(--iui-color-foreground-primary);
|
|
81
|
+
outline-offset:-1px; } }
|
|
81
82
|
.iui-tree-node:hover{
|
|
82
83
|
background-color:rgba(0, 139, 225, 0.1);
|
|
83
84
|
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-6)); }
|
|
@@ -92,9 +93,13 @@
|
|
|
92
93
|
background-color:rgba(var(--iui-color-foreground-primary-rgb), var(--iui-opacity-5));
|
|
93
94
|
outline:thin solid var(--iui-color-foreground-primary);
|
|
94
95
|
outline-offset:-1px; }
|
|
95
|
-
.iui-tree-node.iui-active:focus{
|
|
96
|
-
outline
|
|
96
|
+
.iui-tree-node.iui-active:focus-visible{
|
|
97
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
97
98
|
outline-offset:-2px; }
|
|
99
|
+
@supports not selector(*:focus-visible){
|
|
100
|
+
.iui-tree-node.iui-active:focus{
|
|
101
|
+
outline:2px solid var(--iui-color-foreground-primary);
|
|
102
|
+
outline-offset:-2px; } }
|
|
98
103
|
.iui-tree-node.iui-disabled{
|
|
99
104
|
cursor:not-allowed;
|
|
100
105
|
outline:none;
|
package/package.json
CHANGED
package/scss/tree/tree.scss
CHANGED
|
@@ -83,16 +83,7 @@ $iui-expander-button-width: ($iui-icons-default) + ($iui-expander-inline-padding
|
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
85
|
|
|
86
|
-
|
|
87
|
-
@include themed {
|
|
88
|
-
outline: 1px solid t(iui-color-foreground-primary);
|
|
89
|
-
}
|
|
90
|
-
outline-offset: -1px;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
&:focus:not(:focus-visible) {
|
|
94
|
-
outline-offset: -2px;
|
|
95
|
-
}
|
|
86
|
+
@include iui-focus;
|
|
96
87
|
|
|
97
88
|
&:hover {
|
|
98
89
|
@include themed {
|
|
@@ -114,10 +105,7 @@ $iui-expander-button-width: ($iui-icons-default) + ($iui-expander-inline-padding
|
|
|
114
105
|
outline-offset: -1px;
|
|
115
106
|
}
|
|
116
107
|
|
|
117
|
-
|
|
118
|
-
outline-width: $iui-xxs;
|
|
119
|
-
outline-offset: -2px;
|
|
120
|
-
}
|
|
108
|
+
@include iui-focus($offset: -2px, $thickness: $iui-xxs);
|
|
121
109
|
}
|
|
122
110
|
|
|
123
111
|
&.iui-disabled {
|