@snack-uikit/drawer 0.6.9 → 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.
Files changed (6) hide show
  1. package/dist/components/DrawerCustom/styles.module.css +4 -4
  2. package/dist/helperComponents/Body/styles.module.css +1 -1
  3. package/dist/helperComponents/ButtonClose/styles.module.css +9 -9
  4. package/dist/helperComponents/Header/styles.module.css +2 -2
  5. package/package.json +5 -5
  6. package/src/components/DrawerCustom/styles.module.scss +1 -1
package/dist/components/DrawerCustom/styles.module.css 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, #f9f9f9);
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, #fdfdfd);
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(--dimension-theme-general-16px, 16px);
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.4784313725));
52
+ background-color:var(--sys-blackout, rgba(0, 0, 0, 0.3215686275));
53
53
  }
package/dist/helperComponents/Body/styles.module.css CHANGED
@@ -4,5 +4,5 @@
4
4
  flex:1 1 auto;
5
5
  box-sizing:border-box;
6
6
  min-height:var(--dimension-2m, 16px);
7
- color:var(--sys-neutral-text-main, #333333);
7
+ color:var(--sys-neutral-text-main, #33333b);
8
8
  }
package/dist/helperComponents/ButtonClose/styles.module.css CHANGED
@@ -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, #565656);
13
- background-color:var(--sys-neutral-decor-default, #dedede);
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, #333333);
20
- background-color:var(--sys-neutral-decor-hovered, #d2d2d2);
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, #131313);
26
+ outline-color:var(--sys-available-complementary, #141415);
27
27
  }
28
28
  .buttonClose:active{
29
- color:var(--sys-neutral-text-main, #333333);
30
- background-color:var(--sys-neutral-decor-activated, #b8b8b8);
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(--dimension-3m, 24px) !important;
34
- height:var(--dimension-3m, 24px) !important;
33
+ width:var(--size-icon-container-s, 24px) !important;
34
+ height:var(--size-icon-container-s, 24px) !important;
35
35
  }
package/dist/helperComponents/Header/styles.module.css CHANGED
@@ -27,9 +27,9 @@
27
27
 
28
28
  .title{
29
29
  display:grid;
30
- color:var(--sys-neutral-text-main, #333333);
30
+ color:var(--sys-neutral-text-main, #33333b);
31
31
  }
32
32
 
33
33
  .subtitle{
34
- color:var(--sys-neutral-text-support, #565656);
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.9",
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
37
  "@snack-uikit/scroll": "0.5.1",
38
- "@snack-uikit/tooltip": "0.11.1",
39
- "@snack-uikit/truncate-string": "0.4.7",
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": "3da1fb6b1253a73f4e2d7afb5494b64bbfdd6508"
45
+ "gitHead": "a421965dc78af63a8c292e595b3f0a8ff1be86f9"
46
46
  }
package/src/components/DrawerCustom/styles.module.scss CHANGED
@@ -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,