@snack-uikit/modal 0.19.0 → 0.19.1-preview-05f26bf6.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 (9) hide show
  1. package/dist/cjs/components/ModalCustom/styles.module.css +5 -5
  2. package/dist/cjs/helperComponents/ButtonClose/styles.module.css +1 -1
  3. package/dist/cjs/helperComponents/Header/styles.module.css +5 -5
  4. package/dist/cjs/helperComponents/OverlayElement/styles.module.css +2 -2
  5. package/dist/esm/components/ModalCustom/styles.module.css +5 -5
  6. package/dist/esm/helperComponents/ButtonClose/styles.module.css +1 -1
  7. package/dist/esm/helperComponents/Header/styles.module.css +5 -5
  8. package/dist/esm/helperComponents/OverlayElement/styles.module.css +2 -2
  9. package/package.json +11 -11
package/dist/cjs/components/ModalCustom/styles.module.css CHANGED
@@ -15,24 +15,24 @@
15
15
  outline:none;
16
16
  }
17
17
  .modal[data-size=s]{
18
- border-radius:var(--radius-modal-modal-window, 32px);
18
+ border-radius:var(--radius-modal-modal-window, 12px);
19
19
  min-width:var(--size-modal-min-width-s, 304px);
20
20
  width:var(--size-modal-width-s, 464px);
21
21
  }
22
22
  .modal[data-size=m]{
23
- border-radius:var(--radius-modal-modal-window, 32px);
23
+ border-radius:var(--radius-modal-modal-window, 12px);
24
24
  min-width:var(--size-modal-min-width-m, 304px);
25
25
  width:var(--size-modal-width-m, 864px);
26
26
  }
27
27
  .modal[data-size=l]{
28
- border-radius:var(--radius-modal-modal-window, 32px);
28
+ border-radius:var(--radius-modal-modal-window, 12px);
29
29
  min-width:var(--size-modal-min-width-l, 304px);
30
30
  width:var(--size-modal-width-l, 1872px);
31
31
  }
32
32
 
33
33
  .headerElements{
34
- padding-top:var(--space-modal-header-elements-top, 32px);
35
- padding-right:var(--space-modal-header-elements-side, 32px);
34
+ padding-top:var(--space-modal-header-elements-top, 16px);
35
+ padding-right:var(--space-modal-header-elements-side, 16px);
36
36
  gap:var(--space-modal-headline-layout-badge-elements-layout-gap, 16px);
37
37
  position:absolute;
38
38
  top:0;
package/dist/cjs/helperComponents/ButtonClose/styles.module.css CHANGED
@@ -27,7 +27,7 @@
27
27
  }
28
28
  .buttonClose:active{
29
29
  color:var(--sys-neutral-text-main, #41424e);
30
- background-color:var(--sys-neutral-decor-activated, #bec2cf);
30
+ background-color:var(--sys-neutral-decor-activated, #b6bac7);
31
31
  }
32
32
  .buttonClose svg{
33
33
  width:var(--size-icon-container-s, 24px) !important;
package/dist/cjs/helperComponents/Header/styles.module.css CHANGED
@@ -2,8 +2,8 @@
2
2
  }
3
3
 
4
4
  .image{
5
- border-top-left-radius:var(--radius-modal-modal-window, 32px);
6
- border-top-right-radius:var(--radius-modal-modal-window, 32px);
5
+ border-top-left-radius:var(--radius-modal-modal-window, 12px);
6
+ border-top-right-radius:var(--radius-modal-modal-window, 12px);
7
7
  height:var(--size-modal-image, 184px);
8
8
  display:block;
9
9
  width:100%;
@@ -20,7 +20,7 @@
20
20
  .headlineLayout[data-align=default]{
21
21
  padding-top:var(--space-modal-headline-layout-top, 32px);
22
22
  padding-left:var(--space-modal-headline-layout-side-s, 32px);
23
- padding-right:var(--space-modal-headline-layout-side-m, 64px);
23
+ padding-right:var(--space-modal-headline-layout-side-m, 32px);
24
24
  padding-bottom:var(--space-modal-headline-layout-bottom, 24px);
25
25
  gap:var(--space-modal-headline-layout-gap, 8px);
26
26
  display:flex;
@@ -28,8 +28,8 @@
28
28
  }
29
29
  .headlineLayout[data-align=center]{
30
30
  padding-top:var(--space-modal-headline-layout-top, 32px);
31
- padding-left:var(--space-modal-headline-layout-side-m, 64px);
32
- padding-right:var(--space-modal-headline-layout-side-m, 64px);
31
+ padding-left:var(--space-modal-headline-layout-side-m, 32px);
32
+ padding-right:var(--space-modal-headline-layout-side-m, 32px);
33
33
  padding-bottom:var(--space-modal-headline-layout-bottom, 24px);
34
34
  gap:var(--space-modal-headline-layout-gap, 8px);
35
35
  display:flex;
package/dist/cjs/helperComponents/OverlayElement/styles.module.css CHANGED
@@ -8,6 +8,6 @@
8
8
  background:var(--sys-blackout, rgba(0, 0, 0, 0.3215686275));
9
9
  }
10
10
  .modalOverlay[data-blur]{
11
- -webkit-backdrop-filter:blur(var(--background-blur-background-blur, 4px));
12
- backdrop-filter:blur(var(--background-blur-background-blur, 4px));
11
+ -webkit-backdrop-filter:blur(var(--background-blur-background-blur, 16px));
12
+ backdrop-filter:blur(var(--background-blur-background-blur, 16px));
13
13
  }
package/dist/esm/components/ModalCustom/styles.module.css CHANGED
@@ -15,24 +15,24 @@
15
15
  outline:none;
16
16
  }
17
17
  .modal[data-size=s]{
18
- border-radius:var(--radius-modal-modal-window, 32px);
18
+ border-radius:var(--radius-modal-modal-window, 12px);
19
19
  min-width:var(--size-modal-min-width-s, 304px);
20
20
  width:var(--size-modal-width-s, 464px);
21
21
  }
22
22
  .modal[data-size=m]{
23
- border-radius:var(--radius-modal-modal-window, 32px);
23
+ border-radius:var(--radius-modal-modal-window, 12px);
24
24
  min-width:var(--size-modal-min-width-m, 304px);
25
25
  width:var(--size-modal-width-m, 864px);
26
26
  }
27
27
  .modal[data-size=l]{
28
- border-radius:var(--radius-modal-modal-window, 32px);
28
+ border-radius:var(--radius-modal-modal-window, 12px);
29
29
  min-width:var(--size-modal-min-width-l, 304px);
30
30
  width:var(--size-modal-width-l, 1872px);
31
31
  }
32
32
 
33
33
  .headerElements{
34
- padding-top:var(--space-modal-header-elements-top, 32px);
35
- padding-right:var(--space-modal-header-elements-side, 32px);
34
+ padding-top:var(--space-modal-header-elements-top, 16px);
35
+ padding-right:var(--space-modal-header-elements-side, 16px);
36
36
  gap:var(--space-modal-headline-layout-badge-elements-layout-gap, 16px);
37
37
  position:absolute;
38
38
  top:0;
package/dist/esm/helperComponents/ButtonClose/styles.module.css CHANGED
@@ -27,7 +27,7 @@
27
27
  }
28
28
  .buttonClose:active{
29
29
  color:var(--sys-neutral-text-main, #41424e);
30
- background-color:var(--sys-neutral-decor-activated, #bec2cf);
30
+ background-color:var(--sys-neutral-decor-activated, #b6bac7);
31
31
  }
32
32
  .buttonClose svg{
33
33
  width:var(--size-icon-container-s, 24px) !important;
package/dist/esm/helperComponents/Header/styles.module.css CHANGED
@@ -2,8 +2,8 @@
2
2
  }
3
3
 
4
4
  .image{
5
- border-top-left-radius:var(--radius-modal-modal-window, 32px);
6
- border-top-right-radius:var(--radius-modal-modal-window, 32px);
5
+ border-top-left-radius:var(--radius-modal-modal-window, 12px);
6
+ border-top-right-radius:var(--radius-modal-modal-window, 12px);
7
7
  height:var(--size-modal-image, 184px);
8
8
  display:block;
9
9
  width:100%;
@@ -20,7 +20,7 @@
20
20
  .headlineLayout[data-align=default]{
21
21
  padding-top:var(--space-modal-headline-layout-top, 32px);
22
22
  padding-left:var(--space-modal-headline-layout-side-s, 32px);
23
- padding-right:var(--space-modal-headline-layout-side-m, 64px);
23
+ padding-right:var(--space-modal-headline-layout-side-m, 32px);
24
24
  padding-bottom:var(--space-modal-headline-layout-bottom, 24px);
25
25
  gap:var(--space-modal-headline-layout-gap, 8px);
26
26
  display:flex;
@@ -28,8 +28,8 @@
28
28
  }
29
29
  .headlineLayout[data-align=center]{
30
30
  padding-top:var(--space-modal-headline-layout-top, 32px);
31
- padding-left:var(--space-modal-headline-layout-side-m, 64px);
32
- padding-right:var(--space-modal-headline-layout-side-m, 64px);
31
+ padding-left:var(--space-modal-headline-layout-side-m, 32px);
32
+ padding-right:var(--space-modal-headline-layout-side-m, 32px);
33
33
  padding-bottom:var(--space-modal-headline-layout-bottom, 24px);
34
34
  gap:var(--space-modal-headline-layout-gap, 8px);
35
35
  display:flex;
package/dist/esm/helperComponents/OverlayElement/styles.module.css CHANGED
@@ -8,6 +8,6 @@
8
8
  background:var(--sys-blackout, rgba(0, 0, 0, 0.3215686275));
9
9
  }
10
10
  .modalOverlay[data-blur]{
11
- -webkit-backdrop-filter:blur(var(--background-blur-background-blur, 4px));
12
- backdrop-filter:blur(var(--background-blur-background-blur, 4px));
11
+ -webkit-backdrop-filter:blur(var(--background-blur-background-blur, 16px));
12
+ backdrop-filter:blur(var(--background-blur-background-blur, 16px));
13
13
  }
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Modal",
7
- "version": "0.19.0",
7
+ "version": "0.19.1-preview-05f26bf6.0",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -36,21 +36,21 @@
36
36
  "license": "Apache-2.0",
37
37
  "scripts": {},
38
38
  "dependencies": {
39
- "@snack-uikit/button": "0.19.15",
40
- "@snack-uikit/icon-predefined": "0.7.9",
39
+ "@snack-uikit/button": "0.19.16-preview-05f26bf6.0",
40
+ "@snack-uikit/icon-predefined": "0.7.10-preview-05f26bf6.0",
41
41
  "@snack-uikit/icons": "0.27.2",
42
- "@snack-uikit/link": "0.17.9",
43
- "@snack-uikit/loaders": "0.9.8",
44
- "@snack-uikit/scroll": "0.10.4",
45
- "@snack-uikit/tooltip": "0.18.3",
46
- "@snack-uikit/truncate-string": "0.7.0",
47
- "@snack-uikit/typography": "0.8.10",
48
- "@snack-uikit/utils": "3.10.1",
42
+ "@snack-uikit/link": "0.17.10-preview-05f26bf6.0",
43
+ "@snack-uikit/loaders": "0.9.9-preview-05f26bf6.0",
44
+ "@snack-uikit/scroll": "0.10.5-preview-05f26bf6.0",
45
+ "@snack-uikit/tooltip": "0.18.4-preview-05f26bf6.0",
46
+ "@snack-uikit/truncate-string": "0.7.1-preview-05f26bf6.0",
47
+ "@snack-uikit/typography": "0.8.11-preview-05f26bf6.0",
48
+ "@snack-uikit/utils": "3.10.2-preview-05f26bf6.0",
49
49
  "classnames": "2.5.1",
50
50
  "react-modal": "3.16.1"
51
51
  },
52
52
  "devDependencies": {
53
53
  "@types/react-modal": "3.16.0"
54
54
  },
55
- "gitHead": "9e60f165087b3bce338fcf5daf346115d2b8834d"
55
+ "gitHead": "6fee645f4608f0384f0e44df312a82b4120739ac"
56
56
  }