@snack-uikit/drawer 0.6.9-preview-ff0b5a40.0 → 0.6.10-preview-993a9cfb.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/CHANGELOG.md +9 -0
- package/dist/components/DrawerCustom/styles.module.css +4 -4
- package/dist/helperComponents/Body/styles.module.css +1 -1
- package/dist/helperComponents/ButtonClose/styles.module.css +9 -9
- package/dist/helperComponents/Header/styles.module.css +2 -2
- package/package.json +6 -6
- package/src/components/DrawerCustom/styles.module.scss +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,15 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## 0.6.9 (2024-02-09)
|
|
7
|
+
|
|
8
|
+
### Only dependencies have been changed
|
|
9
|
+
* [@snack-uikit/scroll@0.5.1](https://github.com/cloud-ru-tech/snack-uikit/blob/master/packages/scroll/CHANGELOG.md)
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
6
15
|
## 0.6.8 (2024-02-05)
|
|
7
16
|
|
|
8
17
|
### Only dependencies have been changed
|
|
@@ -22,10 +22,10 @@ div[data-content-wrapper=true][data-size=l]{
|
|
|
22
22
|
width:var(--size-drawer-width-l, 1872px);
|
|
23
23
|
}
|
|
24
24
|
div[data-content-wrapper=true][data-mode=regular] .drawer{
|
|
25
|
-
background-color:var(--sys-neutral-background1-level, #
|
|
25
|
+
background-color:var(--sys-neutral-background1-level, #fafafc);
|
|
26
26
|
}
|
|
27
27
|
div[data-content-wrapper=true][data-mode=soft] .drawer{
|
|
28
|
-
background-color:var(--sys-neutral-background2-level, #
|
|
28
|
+
background-color:var(--sys-neutral-background2-level, #ffffff);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
.drawer{
|
|
@@ -39,7 +39,7 @@ div[data-content-wrapper=true][data-mode=soft] .drawer{
|
|
|
39
39
|
.headerElements{
|
|
40
40
|
padding-top:var(--space-drawer-header-elements-top, 32px);
|
|
41
41
|
padding-right:var(--space-drawer-header-elements-side, 32px);
|
|
42
|
-
gap:var(--
|
|
42
|
+
gap:var(--space-drawer-headline-layout-badge-elements-layout-gap, 16px);
|
|
43
43
|
position:absolute;
|
|
44
44
|
top:0;
|
|
45
45
|
right:0;
|
|
@@ -49,5 +49,5 @@ div[data-content-wrapper=true][data-mode=soft] .drawer{
|
|
|
49
49
|
|
|
50
50
|
.mask{
|
|
51
51
|
z-index:auto !important;
|
|
52
|
-
background-color:var(--sys-blackout, rgba(0, 0, 0, 0.
|
|
52
|
+
background-color:var(--sys-blackout, rgba(0, 0, 0, 0.3215686275));
|
|
53
53
|
}
|
|
@@ -9,27 +9,27 @@
|
|
|
9
9
|
box-sizing:border-box;
|
|
10
10
|
margin:0;
|
|
11
11
|
padding:0;
|
|
12
|
-
color:var(--sys-neutral-text-support, #
|
|
13
|
-
background-color:var(--sys-neutral-decor-default, #
|
|
12
|
+
color:var(--sys-neutral-text-support, #656771);
|
|
13
|
+
background-color:var(--sys-neutral-decor-default, #dfe2ec);
|
|
14
14
|
border:0 solid transparent;
|
|
15
15
|
outline:0;
|
|
16
16
|
outline-offset:var(--spacing-state-focus-offset, 2px);
|
|
17
17
|
}
|
|
18
18
|
.buttonClose:hover, .buttonClose:focus-visible{
|
|
19
|
-
color:var(--sys-neutral-text-main, #
|
|
20
|
-
background-color:var(--sys-neutral-decor-hovered, #
|
|
19
|
+
color:var(--sys-neutral-text-main, #33333b);
|
|
20
|
+
background-color:var(--sys-neutral-decor-hovered, #cfd2dc);
|
|
21
21
|
}
|
|
22
22
|
.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, );
|
|
26
|
-
outline-color:var(--sys-available-complementary, #
|
|
26
|
+
outline-color:var(--sys-available-complementary, #141415);
|
|
27
27
|
}
|
|
28
28
|
.buttonClose:active{
|
|
29
|
-
color:var(--sys-neutral-text-main, #
|
|
30
|
-
background-color:var(--sys-neutral-decor-activated, #
|
|
29
|
+
color:var(--sys-neutral-text-main, #33333b);
|
|
30
|
+
background-color:var(--sys-neutral-decor-activated, #bfc2cc);
|
|
31
31
|
}
|
|
32
32
|
.buttonClose svg{
|
|
33
|
-
width:var(--
|
|
34
|
-
height:var(--
|
|
33
|
+
width:var(--size-icon-container-s, 24px) !important;
|
|
34
|
+
height:var(--size-icon-container-s, 24px) !important;
|
|
35
35
|
}
|
|
@@ -27,9 +27,9 @@
|
|
|
27
27
|
|
|
28
28
|
.title{
|
|
29
29
|
display:grid;
|
|
30
|
-
color:var(--sys-neutral-text-main, #
|
|
30
|
+
color:var(--sys-neutral-text-main, #33333b);
|
|
31
31
|
}
|
|
32
32
|
|
|
33
33
|
.subtitle{
|
|
34
|
-
color:var(--sys-neutral-text-support, #
|
|
34
|
+
color:var(--sys-neutral-text-support, #656771);
|
|
35
35
|
}
|
package/package.json
CHANGED
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
"access": "public"
|
|
5
5
|
},
|
|
6
6
|
"title": "Drawer",
|
|
7
|
-
"version": "0.6.
|
|
7
|
+
"version": "0.6.10-preview-993a9cfb.0",
|
|
8
8
|
"sideEffects": [
|
|
9
9
|
"*.css",
|
|
10
10
|
"*.woff",
|
|
@@ -32,15 +32,15 @@
|
|
|
32
32
|
"license": "Apache-2.0",
|
|
33
33
|
"scripts": {},
|
|
34
34
|
"dependencies": {
|
|
35
|
-
"@snack-uikit/button": "0.16.0",
|
|
35
|
+
"@snack-uikit/button": "0.16.1-preview-993a9cfb.0",
|
|
36
36
|
"@snack-uikit/icons": "0.20.1",
|
|
37
|
-
"@snack-uikit/scroll": "0.5.1
|
|
38
|
-
"@snack-uikit/tooltip": "0.11.
|
|
39
|
-
"@snack-uikit/truncate-string": "0.4.
|
|
37
|
+
"@snack-uikit/scroll": "0.5.1",
|
|
38
|
+
"@snack-uikit/tooltip": "0.11.2-preview-993a9cfb.0",
|
|
39
|
+
"@snack-uikit/truncate-string": "0.4.8-preview-993a9cfb.0",
|
|
40
40
|
"@snack-uikit/typography": "0.6.1",
|
|
41
41
|
"@snack-uikit/utils": "3.2.0",
|
|
42
42
|
"classnames": "2.3.2",
|
|
43
43
|
"rc-drawer": "6.4.1"
|
|
44
44
|
},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "a421965dc78af63a8c292e595b3f0a8ff1be86f9"
|
|
46
46
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@import '@snack-uikit/figma-tokens/build/scss/components/styles-tokens-drawer';
|
|
2
2
|
|
|
3
|
-
$sizes: ('s', 'm', 'l');
|
|
4
3
|
$modes: ('regular', 'soft');
|
|
4
|
+
$sizes: ('s', 'm', 'l');
|
|
5
5
|
$drawer-background-color: (
|
|
6
6
|
'regular': $sys-neutral-background1-level,
|
|
7
7
|
'soft': $sys-neutral-background2-level,
|