@alfalab/core-components-popup-sheet 2.0.2 → 2.0.3

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 (24) hide show
  1. package/components/backdrop/index.css +9 -9
  2. package/components/backdrop/index.module.css.js +1 -1
  3. package/components/backdrop/index.module.css.js.map +1 -1
  4. package/cssm/index.module.css +2 -2
  5. package/esm/components/backdrop/index.css +9 -9
  6. package/esm/components/backdrop/index.module.css.js +1 -1
  7. package/esm/components/backdrop/index.module.css.js.map +1 -1
  8. package/esm/index.css +14 -14
  9. package/esm/index.module.css.js +1 -1
  10. package/esm/index.module.css.js.map +1 -1
  11. package/index.css +14 -14
  12. package/index.module.css.js +1 -1
  13. package/index.module.css.js.map +1 -1
  14. package/modern/components/backdrop/index.css +9 -9
  15. package/modern/components/backdrop/index.module.css.js +1 -1
  16. package/modern/components/backdrop/index.module.css.js.map +1 -1
  17. package/modern/index.css +14 -14
  18. package/modern/index.module.css.js +1 -1
  19. package/modern/index.module.css.js.map +1 -1
  20. package/moderncssm/components/backdrop/index.module.css +6 -0
  21. package/moderncssm/index.module.css +4 -2
  22. package/package.json +2 -2
  23. package/src/components/backdrop/index.module.css +1 -1
  24. package/src/index.module.css +2 -2
package/components/backdrop/index.css CHANGED
@@ -3,19 +3,19 @@
3
3
  } :root {
4
4
  --backdrop-visible-background: var(--color-light-overlay-default);
5
5
  --backdrop-hidden-background: transparent;
6
- } .popup-sheet__appear_5786r,
7
- .popup-sheet__enter_5786r {
6
+ } .popup-sheet__appear_7036h,
7
+ .popup-sheet__enter_7036h {
8
8
  background-color: var(--backdrop-hidden-background);
9
- } .popup-sheet__appearActive_5786r,
10
- .popup-sheet__enterActive_5786r,
11
- .popup-sheet__appearDone_5786r,
12
- .popup-sheet__enterDone_5786r {
9
+ } .popup-sheet__appearActive_7036h,
10
+ .popup-sheet__enterActive_7036h,
11
+ .popup-sheet__appearDone_7036h,
12
+ .popup-sheet__enterDone_7036h {
13
13
  background-color: var(--backdrop-visible-background);
14
14
  transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
15
- } .popup-sheet__exit_5786r {
15
+ } .popup-sheet__exit_7036h {
16
16
  background-color: var(--backdrop-visible-background);
17
- } .popup-sheet__exitActive_5786r,
18
- .popup-sheet__exitDone_5786r {
17
+ } .popup-sheet__exitActive_7036h,
18
+ .popup-sheet__exitDone_7036h {
19
19
  background-color: var(--backdrop-hidden-background);
20
20
  transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
21
21
  }
package/components/backdrop/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"appear":"popup-sheet__appear_5786r","enter":"popup-sheet__enter_5786r","appearActive":"popup-sheet__appearActive_5786r","enterActive":"popup-sheet__enterActive_5786r","appearDone":"popup-sheet__appearDone_5786r","enterDone":"popup-sheet__enterDone_5786r","exit":"popup-sheet__exit_5786r","exitActive":"popup-sheet__exitActive_5786r","exitDone":"popup-sheet__exitDone_5786r"};
5
+ var styles = {"appear":"popup-sheet__appear_7036h","enter":"popup-sheet__enter_7036h","appearActive":"popup-sheet__appearActive_7036h","enterActive":"popup-sheet__enterActive_7036h","appearDone":"popup-sheet__appearDone_7036h","enterDone":"popup-sheet__enterDone_7036h","exit":"popup-sheet__exit_7036h","exitActive":"popup-sheet__exitActive_7036h","exitDone":"popup-sheet__exitDone_7036h"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/components/backdrop/index.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/backdrop/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../../../backdrop/src/vars.css';\n\n.appear,\n.enter {\n background-color: var(--backdrop-hidden-background);\n}\n\n.appearActive,\n.enterActive,\n.appearDone,\n.enterDone {\n background-color: var(--backdrop-visible-background);\n transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);\n}\n\n.exit {\n background-color: var(--backdrop-visible-background);\n}\n\n.exitActive,\n.exitDone {\n background-color: var(--backdrop-hidden-background);\n transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,2BAA2B,CAAC,OAAO,CAAC,0BAA0B,CAAC,cAAc,CAAC,iCAAiC,CAAC,aAAa,CAAC,gCAAgC,CAAC,YAAY,CAAC,+BAA+B,CAAC,WAAW,CAAC,8BAA8B,CAAC,MAAM,CAAC,yBAAyB,CAAC,YAAY,CAAC,+BAA+B,CAAC,UAAU,CAAC,6BAA6B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/backdrop/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../../../backdrop/src/vars.css';\n\n.appear,\n.enter {\n background-color: var(--backdrop-hidden-background);\n}\n\n.appearActive,\n.enterActive,\n.appearDone,\n.enterDone {\n background-color: var(--backdrop-visible-background);\n transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);\n}\n\n.exit {\n background-color: var(--backdrop-visible-background);\n}\n\n.exitActive,\n.exitDone {\n background-color: var(--backdrop-hidden-background);\n transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,2BAA2B,CAAC,OAAO,CAAC,0BAA0B,CAAC,cAAc,CAAC,iCAAiC,CAAC,aAAa,CAAC,gCAAgC,CAAC,YAAY,CAAC,+BAA+B,CAAC,WAAW,CAAC,8BAA8B,CAAC,MAAM,CAAC,yBAAyB,CAAC,YAAY,CAAC,+BAA+B,CAAC,UAAU,CAAC,6BAA6B,CAAC;;;;"}
package/cssm/index.module.css CHANGED
@@ -4,7 +4,7 @@
4
4
  --gap-xs: 8px;
5
5
  --gap-0: 0px;
6
6
  --gap-8: var(--gap-xs);
7
- } .component {
7
+ } .component.component {
8
8
  position: fixed;
9
9
  bottom: var(--gap-0);
10
10
  margin: auto var(--gap-8) var(--gap-8);
@@ -15,7 +15,7 @@
15
15
  } .closer {
16
16
  position: absolute;
17
17
  top: var(--gap-8);
18
- right: var(--gap-8)
18
+ right: var(--gap-8);
19
19
  } .closer > button {
20
20
  -webkit-backdrop-filter: none;
21
21
  backdrop-filter: none;
package/esm/components/backdrop/index.css CHANGED
@@ -3,19 +3,19 @@
3
3
  } :root {
4
4
  --backdrop-visible-background: var(--color-light-overlay-default);
5
5
  --backdrop-hidden-background: transparent;
6
- } .popup-sheet__appear_5786r,
7
- .popup-sheet__enter_5786r {
6
+ } .popup-sheet__appear_7036h,
7
+ .popup-sheet__enter_7036h {
8
8
  background-color: var(--backdrop-hidden-background);
9
- } .popup-sheet__appearActive_5786r,
10
- .popup-sheet__enterActive_5786r,
11
- .popup-sheet__appearDone_5786r,
12
- .popup-sheet__enterDone_5786r {
9
+ } .popup-sheet__appearActive_7036h,
10
+ .popup-sheet__enterActive_7036h,
11
+ .popup-sheet__appearDone_7036h,
12
+ .popup-sheet__enterDone_7036h {
13
13
  background-color: var(--backdrop-visible-background);
14
14
  transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
15
- } .popup-sheet__exit_5786r {
15
+ } .popup-sheet__exit_7036h {
16
16
  background-color: var(--backdrop-visible-background);
17
- } .popup-sheet__exitActive_5786r,
18
- .popup-sheet__exitDone_5786r {
17
+ } .popup-sheet__exitActive_7036h,
18
+ .popup-sheet__exitDone_7036h {
19
19
  background-color: var(--backdrop-hidden-background);
20
20
  transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
21
21
  }
package/esm/components/backdrop/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"appear":"popup-sheet__appear_5786r","enter":"popup-sheet__enter_5786r","appearActive":"popup-sheet__appearActive_5786r","enterActive":"popup-sheet__enterActive_5786r","appearDone":"popup-sheet__appearDone_5786r","enterDone":"popup-sheet__enterDone_5786r","exit":"popup-sheet__exit_5786r","exitActive":"popup-sheet__exitActive_5786r","exitDone":"popup-sheet__exitDone_5786r"};
3
+ var styles = {"appear":"popup-sheet__appear_7036h","enter":"popup-sheet__enter_7036h","appearActive":"popup-sheet__appearActive_7036h","enterActive":"popup-sheet__enterActive_7036h","appearDone":"popup-sheet__appearDone_7036h","enterDone":"popup-sheet__enterDone_7036h","exit":"popup-sheet__exit_7036h","exitActive":"popup-sheet__exitActive_7036h","exitDone":"popup-sheet__exitDone_7036h"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/components/backdrop/index.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/backdrop/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../../../backdrop/src/vars.css';\n\n.appear,\n.enter {\n background-color: var(--backdrop-hidden-background);\n}\n\n.appearActive,\n.enterActive,\n.appearDone,\n.enterDone {\n background-color: var(--backdrop-visible-background);\n transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);\n}\n\n.exit {\n background-color: var(--backdrop-visible-background);\n}\n\n.exitActive,\n.exitDone {\n background-color: var(--backdrop-hidden-background);\n transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,2BAA2B,CAAC,OAAO,CAAC,0BAA0B,CAAC,cAAc,CAAC,iCAAiC,CAAC,aAAa,CAAC,gCAAgC,CAAC,YAAY,CAAC,+BAA+B,CAAC,WAAW,CAAC,8BAA8B,CAAC,MAAM,CAAC,yBAAyB,CAAC,YAAY,CAAC,+BAA+B,CAAC,UAAU,CAAC,6BAA6B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/backdrop/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../../../backdrop/src/vars.css';\n\n.appear,\n.enter {\n background-color: var(--backdrop-hidden-background);\n}\n\n.appearActive,\n.enterActive,\n.appearDone,\n.enterDone {\n background-color: var(--backdrop-visible-background);\n transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);\n}\n\n.exit {\n background-color: var(--backdrop-visible-background);\n}\n\n.exitActive,\n.exitDone {\n background-color: var(--backdrop-hidden-background);\n transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,2BAA2B,CAAC,OAAO,CAAC,0BAA0B,CAAC,cAAc,CAAC,iCAAiC,CAAC,aAAa,CAAC,gCAAgC,CAAC,YAAY,CAAC,+BAA+B,CAAC,WAAW,CAAC,8BAA8B,CAAC,MAAM,CAAC,yBAAyB,CAAC,YAAY,CAAC,+BAA+B,CAAC,UAAU,CAAC,6BAA6B,CAAC;;;;"}
package/esm/index.css CHANGED
@@ -4,7 +4,7 @@
4
4
  --gap-xs: 8px;
5
5
  --gap-0: 0px;
6
6
  --gap-8: var(--gap-xs);
7
- } .popup-sheet__component_walne {
7
+ } .popup-sheet__component_12dl2.popup-sheet__component_12dl2 {
8
8
  position: fixed;
9
9
  bottom: var(--gap-0);
10
10
  margin: auto var(--gap-8) var(--gap-8);
@@ -12,31 +12,31 @@
12
12
  max-width: 600px;
13
13
  border-radius: var(--border-radius-36);
14
14
  overflow: hidden;
15
- } .popup-sheet__closer_walne {
15
+ } .popup-sheet__closer_12dl2 {
16
16
  position: absolute;
17
17
  top: var(--gap-8);
18
- right: var(--gap-8)
19
- } .popup-sheet__closer_walne > button {
18
+ right: var(--gap-8);
19
+ } .popup-sheet__closer_12dl2 > button {
20
20
  -webkit-backdrop-filter: none;
21
21
  backdrop-filter: none;
22
- } .popup-sheet__content_walne {
22
+ } .popup-sheet__content_12dl2 {
23
23
  box-sizing: border-box;
24
- } .popup-sheet__appear_walne,
25
- .popup-sheet__enter_walne {
24
+ } .popup-sheet__appear_12dl2,
25
+ .popup-sheet__enter_12dl2 {
26
26
  transform: translateY(calc(100% + 100px));
27
- } .popup-sheet__appearActive_walne,
28
- .popup-sheet__enterActive_walne {
27
+ } .popup-sheet__appearActive_12dl2,
28
+ .popup-sheet__enterActive_12dl2 {
29
29
  transform: translateY(0);
30
30
  transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
31
31
  transition-delay: 50ms;
32
- } .popup-sheet__exit_walne {
32
+ } .popup-sheet__exit_12dl2 {
33
33
  transform: translateY(0);
34
- } .popup-sheet__exitBySwipe_walne {
34
+ } .popup-sheet__exitBySwipe_12dl2 {
35
35
  transform: translateY(calc(100% + 100px));
36
- } .popup-sheet__exitActiveBySwipe_walne {
36
+ } .popup-sheet__exitActiveBySwipe_12dl2 {
37
37
  transition: none;
38
- } .popup-sheet__exitActive_walne,
39
- .popup-sheet__exitDone_walne {
38
+ } .popup-sheet__exitActive_12dl2,
39
+ .popup-sheet__exitDone_12dl2 {
40
40
  transform: translateY(calc(100% + 100px));
41
41
  transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
42
42
  }
package/esm/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"popup-sheet__component_walne","closer":"popup-sheet__closer_walne","content":"popup-sheet__content_walne","appear":"popup-sheet__appear_walne","enter":"popup-sheet__enter_walne","appearActive":"popup-sheet__appearActive_walne","enterActive":"popup-sheet__enterActive_walne","exit":"popup-sheet__exit_walne","exitBySwipe":"popup-sheet__exitBySwipe_walne","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_walne","exitActive":"popup-sheet__exitActive_walne"};
3
+ var styles = {"component":"popup-sheet__component_12dl2","closer":"popup-sheet__closer_12dl2","content":"popup-sheet__content_12dl2","appear":"popup-sheet__appear_12dl2","enter":"popup-sheet__enter_12dl2","appearActive":"popup-sheet__appearActive_12dl2","enterActive":"popup-sheet__enterActive_12dl2","exit":"popup-sheet__exit_12dl2","exitBySwipe":"popup-sheet__exitBySwipe_12dl2","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_12dl2","exitActive":"popup-sheet__exitActive_12dl2"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/index.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n position: fixed;\n bottom: var(--gap-0);\n margin: auto var(--gap-8) var(--gap-8);\n width: calc(100% - 2 * var(--gap-8));\n max-width: 600px;\n border-radius: var(--border-radius-36);\n overflow: hidden;\n}\n\n.closer {\n position: absolute;\n top: var(--gap-8);\n right: var(--gap-8);\n\n & > button {\n backdrop-filter: none;\n }\n}\n\n.content {\n box-sizing: border-box;\n}\n\n/* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */\n.appear,\n.enter {\n transform: translateY(calc(100% + 100px));\n}\n\n.appearActive,\n.enterActive {\n transform: translateY(0);\n transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);\n transition-delay: 50ms;\n}\n\n.exit {\n transform: translateY(0);\n}\n\n.exitBySwipe {\n transform: translateY(calc(100% + 100px));\n}\n\n.exitActiveBySwipe {\n transition: none;\n}\n\n.exitActive,\n.exitDone {\n transform: translateY(calc(100% + 100px));\n transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,8BAA8B,CAAC,QAAQ,CAAC,2BAA2B,CAAC,SAAS,CAAC,4BAA4B,CAAC,QAAQ,CAAC,2BAA2B,CAAC,OAAO,CAAC,0BAA0B,CAAC,cAAc,CAAC,iCAAiC,CAAC,aAAa,CAAC,gCAAgC,CAAC,MAAM,CAAC,yBAAyB,CAAC,aAAa,CAAC,gCAAgC,CAAC,mBAAmB,CAAC,sCAAsC,CAAC,YAAY,CAAC,+BAAwE,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component.component {\n position: fixed;\n bottom: var(--gap-0);\n margin: auto var(--gap-8) var(--gap-8);\n width: calc(100% - 2 * var(--gap-8));\n max-width: 600px;\n border-radius: var(--border-radius-36);\n overflow: hidden;\n}\n\n.closer {\n position: absolute;\n top: var(--gap-8);\n right: var(--gap-8);\n\n & > button {\n backdrop-filter: none;\n }\n}\n\n.content {\n box-sizing: border-box;\n}\n\n/* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */\n.appear,\n.enter {\n transform: translateY(calc(100% + 100px));\n}\n\n.appearActive,\n.enterActive {\n transform: translateY(0);\n transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);\n transition-delay: 50ms;\n}\n\n.exit {\n transform: translateY(0);\n}\n\n.exitBySwipe {\n transform: translateY(calc(100% + 100px));\n}\n\n.exitActiveBySwipe {\n transition: none;\n}\n\n.exitActive,\n.exitDone {\n transform: translateY(calc(100% + 100px));\n transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,8BAA8B,CAAC,QAAQ,CAAC,2BAA2B,CAAC,SAAS,CAAC,4BAA4B,CAAC,QAAQ,CAAC,2BAA2B,CAAC,OAAO,CAAC,0BAA0B,CAAC,cAAc,CAAC,iCAAiC,CAAC,aAAa,CAAC,gCAAgC,CAAC,MAAM,CAAC,yBAAyB,CAAC,aAAa,CAAC,gCAAgC,CAAC,mBAAmB,CAAC,sCAAsC,CAAC,YAAY,CAAC,+BAAwE,CAAC;;;;"}
package/index.css CHANGED
@@ -4,7 +4,7 @@
4
4
  --gap-xs: 8px;
5
5
  --gap-0: 0px;
6
6
  --gap-8: var(--gap-xs);
7
- } .popup-sheet__component_walne {
7
+ } .popup-sheet__component_12dl2.popup-sheet__component_12dl2 {
8
8
  position: fixed;
9
9
  bottom: var(--gap-0);
10
10
  margin: auto var(--gap-8) var(--gap-8);
@@ -12,31 +12,31 @@
12
12
  max-width: 600px;
13
13
  border-radius: var(--border-radius-36);
14
14
  overflow: hidden;
15
- } .popup-sheet__closer_walne {
15
+ } .popup-sheet__closer_12dl2 {
16
16
  position: absolute;
17
17
  top: var(--gap-8);
18
- right: var(--gap-8)
19
- } .popup-sheet__closer_walne > button {
18
+ right: var(--gap-8);
19
+ } .popup-sheet__closer_12dl2 > button {
20
20
  -webkit-backdrop-filter: none;
21
21
  backdrop-filter: none;
22
- } .popup-sheet__content_walne {
22
+ } .popup-sheet__content_12dl2 {
23
23
  box-sizing: border-box;
24
- } .popup-sheet__appear_walne,
25
- .popup-sheet__enter_walne {
24
+ } .popup-sheet__appear_12dl2,
25
+ .popup-sheet__enter_12dl2 {
26
26
  transform: translateY(calc(100% + 100px));
27
- } .popup-sheet__appearActive_walne,
28
- .popup-sheet__enterActive_walne {
27
+ } .popup-sheet__appearActive_12dl2,
28
+ .popup-sheet__enterActive_12dl2 {
29
29
  transform: translateY(0);
30
30
  transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
31
31
  transition-delay: 50ms;
32
- } .popup-sheet__exit_walne {
32
+ } .popup-sheet__exit_12dl2 {
33
33
  transform: translateY(0);
34
- } .popup-sheet__exitBySwipe_walne {
34
+ } .popup-sheet__exitBySwipe_12dl2 {
35
35
  transform: translateY(calc(100% + 100px));
36
- } .popup-sheet__exitActiveBySwipe_walne {
36
+ } .popup-sheet__exitActiveBySwipe_12dl2 {
37
37
  transition: none;
38
- } .popup-sheet__exitActive_walne,
39
- .popup-sheet__exitDone_walne {
38
+ } .popup-sheet__exitActive_12dl2,
39
+ .popup-sheet__exitDone_12dl2 {
40
40
  transform: translateY(calc(100% + 100px));
41
41
  transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
42
42
  }
package/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"popup-sheet__component_walne","closer":"popup-sheet__closer_walne","content":"popup-sheet__content_walne","appear":"popup-sheet__appear_walne","enter":"popup-sheet__enter_walne","appearActive":"popup-sheet__appearActive_walne","enterActive":"popup-sheet__enterActive_walne","exit":"popup-sheet__exit_walne","exitBySwipe":"popup-sheet__exitBySwipe_walne","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_walne","exitActive":"popup-sheet__exitActive_walne"};
5
+ var styles = {"component":"popup-sheet__component_12dl2","closer":"popup-sheet__closer_12dl2","content":"popup-sheet__content_12dl2","appear":"popup-sheet__appear_12dl2","enter":"popup-sheet__enter_12dl2","appearActive":"popup-sheet__appearActive_12dl2","enterActive":"popup-sheet__enterActive_12dl2","exit":"popup-sheet__exit_12dl2","exitBySwipe":"popup-sheet__exitBySwipe_12dl2","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_12dl2","exitActive":"popup-sheet__exitActive_12dl2"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/index.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n position: fixed;\n bottom: var(--gap-0);\n margin: auto var(--gap-8) var(--gap-8);\n width: calc(100% - 2 * var(--gap-8));\n max-width: 600px;\n border-radius: var(--border-radius-36);\n overflow: hidden;\n}\n\n.closer {\n position: absolute;\n top: var(--gap-8);\n right: var(--gap-8);\n\n & > button {\n backdrop-filter: none;\n }\n}\n\n.content {\n box-sizing: border-box;\n}\n\n/* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */\n.appear,\n.enter {\n transform: translateY(calc(100% + 100px));\n}\n\n.appearActive,\n.enterActive {\n transform: translateY(0);\n transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);\n transition-delay: 50ms;\n}\n\n.exit {\n transform: translateY(0);\n}\n\n.exitBySwipe {\n transform: translateY(calc(100% + 100px));\n}\n\n.exitActiveBySwipe {\n transition: none;\n}\n\n.exitActive,\n.exitDone {\n transform: translateY(calc(100% + 100px));\n transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,8BAA8B,CAAC,QAAQ,CAAC,2BAA2B,CAAC,SAAS,CAAC,4BAA4B,CAAC,QAAQ,CAAC,2BAA2B,CAAC,OAAO,CAAC,0BAA0B,CAAC,cAAc,CAAC,iCAAiC,CAAC,aAAa,CAAC,gCAAgC,CAAC,MAAM,CAAC,yBAAyB,CAAC,aAAa,CAAC,gCAAgC,CAAC,mBAAmB,CAAC,sCAAsC,CAAC,YAAY,CAAC,+BAAwE,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component.component {\n position: fixed;\n bottom: var(--gap-0);\n margin: auto var(--gap-8) var(--gap-8);\n width: calc(100% - 2 * var(--gap-8));\n max-width: 600px;\n border-radius: var(--border-radius-36);\n overflow: hidden;\n}\n\n.closer {\n position: absolute;\n top: var(--gap-8);\n right: var(--gap-8);\n\n & > button {\n backdrop-filter: none;\n }\n}\n\n.content {\n box-sizing: border-box;\n}\n\n/* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */\n.appear,\n.enter {\n transform: translateY(calc(100% + 100px));\n}\n\n.appearActive,\n.enterActive {\n transform: translateY(0);\n transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);\n transition-delay: 50ms;\n}\n\n.exit {\n transform: translateY(0);\n}\n\n.exitBySwipe {\n transform: translateY(calc(100% + 100px));\n}\n\n.exitActiveBySwipe {\n transition: none;\n}\n\n.exitActive,\n.exitDone {\n transform: translateY(calc(100% + 100px));\n transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,8BAA8B,CAAC,QAAQ,CAAC,2BAA2B,CAAC,SAAS,CAAC,4BAA4B,CAAC,QAAQ,CAAC,2BAA2B,CAAC,OAAO,CAAC,0BAA0B,CAAC,cAAc,CAAC,iCAAiC,CAAC,aAAa,CAAC,gCAAgC,CAAC,MAAM,CAAC,yBAAyB,CAAC,aAAa,CAAC,gCAAgC,CAAC,mBAAmB,CAAC,sCAAsC,CAAC,YAAY,CAAC,+BAAwE,CAAC;;;;"}
package/modern/components/backdrop/index.css CHANGED
@@ -3,19 +3,19 @@
3
3
  } :root {
4
4
  --backdrop-visible-background: var(--color-light-overlay-default);
5
5
  --backdrop-hidden-background: transparent;
6
- } .popup-sheet__appear_5786r,
7
- .popup-sheet__enter_5786r {
6
+ } .popup-sheet__appear_7036h,
7
+ .popup-sheet__enter_7036h {
8
8
  background-color: var(--backdrop-hidden-background);
9
- } .popup-sheet__appearActive_5786r,
10
- .popup-sheet__enterActive_5786r,
11
- .popup-sheet__appearDone_5786r,
12
- .popup-sheet__enterDone_5786r {
9
+ } .popup-sheet__appearActive_7036h,
10
+ .popup-sheet__enterActive_7036h,
11
+ .popup-sheet__appearDone_7036h,
12
+ .popup-sheet__enterDone_7036h {
13
13
  background-color: var(--backdrop-visible-background);
14
14
  transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
15
- } .popup-sheet__exit_5786r {
15
+ } .popup-sheet__exit_7036h {
16
16
  background-color: var(--backdrop-visible-background);
17
- } .popup-sheet__exitActive_5786r,
18
- .popup-sheet__exitDone_5786r {
17
+ } .popup-sheet__exitActive_7036h,
18
+ .popup-sheet__exitDone_7036h {
19
19
  background-color: var(--backdrop-hidden-background);
20
20
  transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
21
21
  }
package/modern/components/backdrop/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"appear":"popup-sheet__appear_5786r","enter":"popup-sheet__enter_5786r","appearActive":"popup-sheet__appearActive_5786r","enterActive":"popup-sheet__enterActive_5786r","appearDone":"popup-sheet__appearDone_5786r","enterDone":"popup-sheet__enterDone_5786r","exit":"popup-sheet__exit_5786r","exitActive":"popup-sheet__exitActive_5786r","exitDone":"popup-sheet__exitDone_5786r"};
3
+ const styles = {"appear":"popup-sheet__appear_7036h","enter":"popup-sheet__enter_7036h","appearActive":"popup-sheet__appearActive_7036h","enterActive":"popup-sheet__enterActive_7036h","appearDone":"popup-sheet__appearDone_7036h","enterDone":"popup-sheet__enterDone_7036h","exit":"popup-sheet__exit_7036h","exitActive":"popup-sheet__exitActive_7036h","exitDone":"popup-sheet__exitDone_7036h"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/components/backdrop/index.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/backdrop/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../../../backdrop/src/vars.css';\n\n.appear,\n.enter {\n background-color: var(--backdrop-hidden-background);\n}\n\n.appearActive,\n.enterActive,\n.appearDone,\n.enterDone {\n background-color: var(--backdrop-visible-background);\n transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);\n}\n\n.exit {\n background-color: var(--backdrop-visible-background);\n}\n\n.exitActive,\n.exitDone {\n background-color: var(--backdrop-hidden-background);\n transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,QAAQ,CAAC,2BAA2B,CAAC,OAAO,CAAC,0BAA0B,CAAC,cAAc,CAAC,iCAAiC,CAAC,aAAa,CAAC,gCAAgC,CAAC,YAAY,CAAC,+BAA+B,CAAC,WAAW,CAAC,8BAA8B,CAAC,MAAM,CAAC,yBAAyB,CAAC,YAAY,CAAC,+BAA+B,CAAC,UAAU,CAAC,6BAA6B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/backdrop/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../../../backdrop/src/vars.css';\n\n.appear,\n.enter {\n background-color: var(--backdrop-hidden-background);\n}\n\n.appearActive,\n.enterActive,\n.appearDone,\n.enterDone {\n background-color: var(--backdrop-visible-background);\n transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);\n}\n\n.exit {\n background-color: var(--backdrop-visible-background);\n}\n\n.exitActive,\n.exitDone {\n background-color: var(--backdrop-hidden-background);\n transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,QAAQ,CAAC,2BAA2B,CAAC,OAAO,CAAC,0BAA0B,CAAC,cAAc,CAAC,iCAAiC,CAAC,aAAa,CAAC,gCAAgC,CAAC,YAAY,CAAC,+BAA+B,CAAC,WAAW,CAAC,8BAA8B,CAAC,MAAM,CAAC,yBAAyB,CAAC,YAAY,CAAC,+BAA+B,CAAC,UAAU,CAAC,6BAA6B,CAAC;;;;"}
package/modern/index.css CHANGED
@@ -4,7 +4,7 @@
4
4
  --gap-xs: 8px;
5
5
  --gap-0: 0px;
6
6
  --gap-8: var(--gap-xs);
7
- } .popup-sheet__component_walne {
7
+ } .popup-sheet__component_12dl2.popup-sheet__component_12dl2 {
8
8
  position: fixed;
9
9
  bottom: var(--gap-0);
10
10
  margin: auto var(--gap-8) var(--gap-8);
@@ -12,31 +12,31 @@
12
12
  max-width: 600px;
13
13
  border-radius: var(--border-radius-36);
14
14
  overflow: hidden;
15
- } .popup-sheet__closer_walne {
15
+ } .popup-sheet__closer_12dl2 {
16
16
  position: absolute;
17
17
  top: var(--gap-8);
18
- right: var(--gap-8)
19
- } .popup-sheet__closer_walne > button {
18
+ right: var(--gap-8);
19
+ } .popup-sheet__closer_12dl2 > button {
20
20
  -webkit-backdrop-filter: none;
21
21
  backdrop-filter: none;
22
- } .popup-sheet__content_walne {
22
+ } .popup-sheet__content_12dl2 {
23
23
  box-sizing: border-box;
24
- } .popup-sheet__appear_walne,
25
- .popup-sheet__enter_walne {
24
+ } .popup-sheet__appear_12dl2,
25
+ .popup-sheet__enter_12dl2 {
26
26
  transform: translateY(calc(100% + 100px));
27
- } .popup-sheet__appearActive_walne,
28
- .popup-sheet__enterActive_walne {
27
+ } .popup-sheet__appearActive_12dl2,
28
+ .popup-sheet__enterActive_12dl2 {
29
29
  transform: translateY(0);
30
30
  transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
31
31
  transition-delay: 50ms;
32
- } .popup-sheet__exit_walne {
32
+ } .popup-sheet__exit_12dl2 {
33
33
  transform: translateY(0);
34
- } .popup-sheet__exitBySwipe_walne {
34
+ } .popup-sheet__exitBySwipe_12dl2 {
35
35
  transform: translateY(calc(100% + 100px));
36
- } .popup-sheet__exitActiveBySwipe_walne {
36
+ } .popup-sheet__exitActiveBySwipe_12dl2 {
37
37
  transition: none;
38
- } .popup-sheet__exitActive_walne,
39
- .popup-sheet__exitDone_walne {
38
+ } .popup-sheet__exitActive_12dl2,
39
+ .popup-sheet__exitDone_12dl2 {
40
40
  transform: translateY(calc(100% + 100px));
41
41
  transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
42
42
  }
package/modern/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"component":"popup-sheet__component_walne","closer":"popup-sheet__closer_walne","content":"popup-sheet__content_walne","appear":"popup-sheet__appear_walne","enter":"popup-sheet__enter_walne","appearActive":"popup-sheet__appearActive_walne","enterActive":"popup-sheet__enterActive_walne","exit":"popup-sheet__exit_walne","exitBySwipe":"popup-sheet__exitBySwipe_walne","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_walne","exitActive":"popup-sheet__exitActive_walne"};
3
+ const styles = {"component":"popup-sheet__component_12dl2","closer":"popup-sheet__closer_12dl2","content":"popup-sheet__content_12dl2","appear":"popup-sheet__appear_12dl2","enter":"popup-sheet__enter_12dl2","appearActive":"popup-sheet__appearActive_12dl2","enterActive":"popup-sheet__enterActive_12dl2","exit":"popup-sheet__exit_12dl2","exitBySwipe":"popup-sheet__exitBySwipe_12dl2","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_12dl2","exitActive":"popup-sheet__exitActive_12dl2"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/modern/index.module.css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n\n.component {\n position: fixed;\n bottom: var(--gap-0);\n margin: auto var(--gap-8) var(--gap-8);\n width: calc(100% - 2 * var(--gap-8));\n max-width: 600px;\n border-radius: var(--border-radius-36);\n overflow: hidden;\n}\n\n.closer {\n position: absolute;\n top: var(--gap-8);\n right: var(--gap-8);\n\n & > button {\n backdrop-filter: none;\n }\n}\n\n.content {\n box-sizing: border-box;\n}\n\n/* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */\n.appear,\n.enter {\n transform: translateY(calc(100% + 100px));\n}\n\n.appearActive,\n.enterActive {\n transform: translateY(0);\n transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);\n transition-delay: 50ms;\n}\n\n.exit {\n transform: translateY(0);\n}\n\n.exitBySwipe {\n transform: translateY(calc(100% + 100px));\n}\n\n.exitActiveBySwipe {\n transition: none;\n}\n\n.exitActive,\n.exitDone {\n transform: translateY(calc(100% + 100px));\n transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,8BAA8B,CAAC,QAAQ,CAAC,2BAA2B,CAAC,SAAS,CAAC,4BAA4B,CAAC,QAAQ,CAAC,2BAA2B,CAAC,OAAO,CAAC,0BAA0B,CAAC,cAAc,CAAC,iCAAiC,CAAC,aAAa,CAAC,gCAAgC,CAAC,MAAM,CAAC,yBAAyB,CAAC,aAAa,CAAC,gCAAgC,CAAC,mBAAmB,CAAC,sCAAsC,CAAC,YAAY,CAAC,+BAAwE,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n\n.component.component {\n position: fixed;\n bottom: var(--gap-0);\n margin: auto var(--gap-8) var(--gap-8);\n width: calc(100% - 2 * var(--gap-8));\n max-width: 600px;\n border-radius: var(--border-radius-36);\n overflow: hidden;\n}\n\n.closer {\n position: absolute;\n top: var(--gap-8);\n right: var(--gap-8);\n\n & > button {\n backdrop-filter: none;\n }\n}\n\n.content {\n box-sizing: border-box;\n}\n\n/* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */\n.appear,\n.enter {\n transform: translateY(calc(100% + 100px));\n}\n\n.appearActive,\n.enterActive {\n transform: translateY(0);\n transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);\n transition-delay: 50ms;\n}\n\n.exit {\n transform: translateY(0);\n}\n\n.exitBySwipe {\n transform: translateY(calc(100% + 100px));\n}\n\n.exitActiveBySwipe {\n transition: none;\n}\n\n.exitActive,\n.exitDone {\n transform: translateY(calc(100% + 100px));\n transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,8BAA8B,CAAC,QAAQ,CAAC,2BAA2B,CAAC,SAAS,CAAC,4BAA4B,CAAC,QAAQ,CAAC,2BAA2B,CAAC,OAAO,CAAC,0BAA0B,CAAC,cAAc,CAAC,iCAAiC,CAAC,aAAa,CAAC,gCAAgC,CAAC,MAAM,CAAC,yBAAyB,CAAC,aAAa,CAAC,gCAAgC,CAAC,mBAAmB,CAAC,sCAAsC,CAAC,YAAY,CAAC,+BAAwE,CAAC;;;;"}
package/moderncssm/components/backdrop/index.module.css CHANGED
@@ -1,11 +1,15 @@
1
+
2
+
1
3
  :root {
2
4
  --backdrop-visible-background: var(--color-light-overlay-default);
3
5
  --backdrop-hidden-background: transparent;
4
6
  }
7
+
5
8
  .appear,
6
9
  .enter {
7
10
  background-color: var(--backdrop-hidden-background);
8
11
  }
12
+
9
13
  .appearActive,
10
14
  .enterActive,
11
15
  .appearDone,
@@ -13,9 +17,11 @@
13
17
  background-color: var(--backdrop-visible-background);
14
18
  transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
15
19
  }
20
+
16
21
  .exit {
17
22
  background-color: var(--backdrop-visible-background);
18
23
  }
24
+
19
25
  .exitActive,
20
26
  .exitDone {
21
27
  background-color: var(--backdrop-hidden-background);
package/moderncssm/index.module.css CHANGED
@@ -1,4 +1,6 @@
1
- .component {
1
+
2
+
3
+ .component.component {
2
4
  position: fixed;
3
5
  bottom: var(--gap-0);
4
6
  margin: auto var(--gap-8) var(--gap-8);
@@ -11,7 +13,7 @@
11
13
  .closer {
12
14
  position: absolute;
13
15
  top: var(--gap-8);
14
- right: var(--gap-8)
16
+ right: var(--gap-8);
15
17
  }
16
18
 
17
19
  .closer > button {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-popup-sheet",
3
- "version": "2.0.2",
3
+ "version": "2.0.3",
4
4
  "description": "Popup sheet mobile component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -28,6 +28,6 @@
28
28
  "access": "public",
29
29
  "directory": "dist"
30
30
  },
31
- "themesVersion": "14.1.1",
31
+ "themesVersion": "14.1.2",
32
32
  "varsVersion": "10.1.0"
33
33
  }
package/src/components/backdrop/index.module.css CHANGED
@@ -1,4 +1,4 @@
1
- @import '@alfalab/core-components-vars/src/index.css';
1
+ @import '@alfalab/core-components-vars/src/no-typography-index.css';
2
2
  @import '../../../../backdrop/src/vars.css';
3
3
 
4
4
  .appear,
package/src/index.module.css CHANGED
@@ -1,6 +1,6 @@
1
- @import '@alfalab/core-components-vars/src/index.css';
1
+ @import '@alfalab/core-components-vars/src/no-typography-index.css';
2
2
 
3
- .component {
3
+ .component.component {
4
4
  position: fixed;
5
5
  bottom: var(--gap-0);
6
6
  margin: auto var(--gap-8) var(--gap-8);