@snack-uikit/drawer 0.10.24 → 0.10.25-preview-ef227a87.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.
|
@@ -15,11 +15,11 @@
|
|
|
15
15
|
outline:0;
|
|
16
16
|
outline-offset:var(--spacing-state-focus-offset, 2px);
|
|
17
17
|
}
|
|
18
|
-
.buttonClose:hover, .buttonClose:focus-visible{
|
|
18
|
+
.buttonClose:hover, .buttonClose:focus, .buttonClose:focus-visible{
|
|
19
19
|
color:var(--sys-neutral-text-main, #41424e);
|
|
20
20
|
background-color:var(--sys-neutral-decor-hovered, #cfd2dc);
|
|
21
21
|
}
|
|
22
|
-
.buttonClose:focus-visible{
|
|
22
|
+
.buttonClose:focus, .buttonClose:focus-visible{
|
|
23
23
|
outline-width:var(--border-state-focus-s-border-width, 2px);
|
|
24
24
|
outline-style:var(--border-state-focus-s-border-style, solid);
|
|
25
25
|
outline-color:var(--border-state-focus-s-border-color, );
|
|
@@ -15,11 +15,11 @@
|
|
|
15
15
|
outline:0;
|
|
16
16
|
outline-offset:var(--spacing-state-focus-offset, 2px);
|
|
17
17
|
}
|
|
18
|
-
.buttonClose:hover, .buttonClose:focus-visible{
|
|
18
|
+
.buttonClose:hover, .buttonClose:focus, .buttonClose:focus-visible{
|
|
19
19
|
color:var(--sys-neutral-text-main, #41424e);
|
|
20
20
|
background-color:var(--sys-neutral-decor-hovered, #cfd2dc);
|
|
21
21
|
}
|
|
22
|
-
.buttonClose:focus-visible{
|
|
22
|
+
.buttonClose:focus, .buttonClose:focus-visible{
|
|
23
23
|
outline-width:var(--border-state-focus-s-border-width, 2px);
|
|
24
24
|
outline-style:var(--border-state-focus-s-border-style, solid);
|
|
25
25
|
outline-color:var(--border-state-focus-s-border-color, );
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
6
|
"title": "Drawer",
|
|
7
|
-
"version": "0.10.
|
|
7
|
+
"version": "0.10.25-preview-ef227a87.0",
|
|
8
8
|
"sideEffects": [
|
|
9
9
|
"*.css",
|
|
10
10
|
"*.woff",
|
|
@@ -36,15 +36,15 @@
|
|
|
36
36
|
"license": "Apache-2.0",
|
|
37
37
|
"scripts": {},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@snack-uikit/button": "0.19.
|
|
39
|
+
"@snack-uikit/button": "0.19.10-preview-ef227a87.0",
|
|
40
40
|
"@snack-uikit/icons": "0.26.2",
|
|
41
41
|
"@snack-uikit/scroll": "0.9.5",
|
|
42
|
-
"@snack-uikit/tooltip": "0.17.
|
|
43
|
-
"@snack-uikit/truncate-string": "0.6.
|
|
42
|
+
"@snack-uikit/tooltip": "0.17.2-preview-ef227a87.0",
|
|
43
|
+
"@snack-uikit/truncate-string": "0.6.19-preview-ef227a87.0",
|
|
44
44
|
"@snack-uikit/typography": "0.8.6",
|
|
45
45
|
"@snack-uikit/utils": "3.8.1",
|
|
46
46
|
"classnames": "2.5.1",
|
|
47
47
|
"rc-drawer": "6.4.1"
|
|
48
48
|
},
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "6364766107f054b3b701396967b92eef49fe9b0f"
|
|
50
50
|
}
|
|
@@ -21,11 +21,14 @@
|
|
|
21
21
|
outline: 0;
|
|
22
22
|
outline-offset: styles-tokens-drawer.$spacing-state-focus-offset;
|
|
23
23
|
|
|
24
|
-
&:hover,
|
|
24
|
+
&:hover,
|
|
25
|
+
&:focus,
|
|
26
|
+
&:focus-visible {
|
|
25
27
|
color: styles-tokens-drawer.simple-var(styles-tokens-drawer.$sys-neutral-text-main);
|
|
26
28
|
background-color: styles-tokens-drawer.simple-var(styles-tokens-drawer.$sys-neutral-decor-hovered);
|
|
27
29
|
}
|
|
28
30
|
|
|
31
|
+
&:focus,
|
|
29
32
|
&:focus-visible {
|
|
30
33
|
@include styles-tokens-drawer.outline-var(styles-tokens-element.$container-focused-s);
|
|
31
34
|
|