@alfalab/core-components-modal 10.0.0 → 10.0.1-snapshot-c2c8d5a

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 (85) hide show
  1. package/components/content/desktop.css +6 -6
  2. package/components/content/desktop.module.css.js +1 -1
  3. package/components/content/index.css +3 -3
  4. package/components/content/index.module.css.js +1 -1
  5. package/components/content/mobile.css +2 -2
  6. package/components/content/mobile.module.css.js +1 -1
  7. package/components/controls/index.css +1 -1
  8. package/components/controls/index.module.css.js +1 -1
  9. package/components/footer/desktop.css +8 -8
  10. package/components/footer/desktop.module.css.js +1 -1
  11. package/components/footer/index.css +3 -3
  12. package/components/footer/index.module.css.js +1 -1
  13. package/components/footer/layout.css +16 -16
  14. package/components/footer/layout.module.css.js +1 -1
  15. package/components/footer/mobile.css +3 -3
  16. package/components/footer/mobile.module.css.js +1 -1
  17. package/components/header/desktop.css +14 -14
  18. package/components/header/desktop.module.css.js +1 -1
  19. package/components/header/index.css +3 -3
  20. package/components/header/index.module.css.js +1 -1
  21. package/components/header/mobile.css +4 -4
  22. package/components/header/mobile.module.css.js +1 -1
  23. package/desktop/desktop.css +8 -8
  24. package/desktop/desktop.module.css.js +1 -1
  25. package/esm/components/content/desktop.css +6 -6
  26. package/esm/components/content/desktop.module.css.js +1 -1
  27. package/esm/components/content/index.css +3 -3
  28. package/esm/components/content/index.module.css.js +1 -1
  29. package/esm/components/content/mobile.css +2 -2
  30. package/esm/components/content/mobile.module.css.js +1 -1
  31. package/esm/components/controls/index.css +1 -1
  32. package/esm/components/controls/index.module.css.js +1 -1
  33. package/esm/components/footer/desktop.css +8 -8
  34. package/esm/components/footer/desktop.module.css.js +1 -1
  35. package/esm/components/footer/index.css +3 -3
  36. package/esm/components/footer/index.module.css.js +1 -1
  37. package/esm/components/footer/layout.css +16 -16
  38. package/esm/components/footer/layout.module.css.js +1 -1
  39. package/esm/components/footer/mobile.css +3 -3
  40. package/esm/components/footer/mobile.module.css.js +1 -1
  41. package/esm/components/header/desktop.css +14 -14
  42. package/esm/components/header/desktop.module.css.js +1 -1
  43. package/esm/components/header/index.css +3 -3
  44. package/esm/components/header/index.module.css.js +1 -1
  45. package/esm/components/header/mobile.css +4 -4
  46. package/esm/components/header/mobile.module.css.js +1 -1
  47. package/esm/desktop/desktop.css +8 -8
  48. package/esm/desktop/desktop.module.css.js +1 -1
  49. package/esm/mobile/mobile.css +2 -2
  50. package/esm/mobile/mobile.module.css.js +1 -1
  51. package/esm/transitions.css +7 -7
  52. package/esm/transitions.module.css.js +1 -1
  53. package/mobile/mobile.css +2 -2
  54. package/mobile/mobile.module.css.js +1 -1
  55. package/modern/components/content/desktop.css +6 -6
  56. package/modern/components/content/desktop.module.css.js +1 -1
  57. package/modern/components/content/index.css +3 -3
  58. package/modern/components/content/index.module.css.js +1 -1
  59. package/modern/components/content/mobile.css +2 -2
  60. package/modern/components/content/mobile.module.css.js +1 -1
  61. package/modern/components/controls/index.css +1 -1
  62. package/modern/components/controls/index.module.css.js +1 -1
  63. package/modern/components/footer/desktop.css +8 -8
  64. package/modern/components/footer/desktop.module.css.js +1 -1
  65. package/modern/components/footer/index.css +3 -3
  66. package/modern/components/footer/index.module.css.js +1 -1
  67. package/modern/components/footer/layout.css +16 -16
  68. package/modern/components/footer/layout.module.css.js +1 -1
  69. package/modern/components/footer/mobile.css +3 -3
  70. package/modern/components/footer/mobile.module.css.js +1 -1
  71. package/modern/components/header/desktop.css +14 -14
  72. package/modern/components/header/desktop.module.css.js +1 -1
  73. package/modern/components/header/index.css +3 -3
  74. package/modern/components/header/index.module.css.js +1 -1
  75. package/modern/components/header/mobile.css +4 -4
  76. package/modern/components/header/mobile.module.css.js +1 -1
  77. package/modern/desktop/desktop.css +8 -8
  78. package/modern/desktop/desktop.module.css.js +1 -1
  79. package/modern/mobile/mobile.css +2 -2
  80. package/modern/mobile/mobile.module.css.js +1 -1
  81. package/modern/transitions.css +7 -7
  82. package/modern/transitions.module.css.js +1 -1
  83. package/package.json +6 -6
  84. package/transitions.css +7 -7
  85. package/transitions.module.css.js +1 -1
@@ -24,31 +24,31 @@
24
24
  --modal-l-header-desktop-line-height: 36px;
25
25
  --modal-header-desktop-font-weight: bold;
26
26
  --modal-header-desktop-font-family: var(--font-family-system);
27
- } .modal__header_79dke {
27
+ } .modal__header_3rfun {
28
28
  border-top-left-radius: var(--modal-border-radius);
29
29
  border-top-right-radius: var(--modal-border-radius);
30
- } .modal__content_79dke {
30
+ } .modal__content_3rfun {
31
31
  font-weight: var(--modal-header-desktop-font-weight);
32
32
  font-family: var(--modal-header-desktop-font-family);
33
- } .modal__size-500_79dke .modal__content_79dke,
34
- .modal__size-600_79dke .modal__content_79dke {
33
+ } .modal__size-500_3rfun .modal__content_3rfun,
34
+ .modal__size-600_3rfun .modal__content_3rfun {
35
35
  padding: var(--modal-s-header-desktop-content-paddings);
36
36
  font-size: var(--modal-s-header-desktop-font-size);
37
37
  line-height: var(--modal-s-header-desktop-line-height);
38
- } .modal__size-800_79dke .modal__content_79dke,
39
- .modal__size-1140_79dke .modal__content_79dke,
40
- .modal__fullscreen_79dke .modal__content_79dke {
38
+ } .modal__size-800_3rfun .modal__content_3rfun,
39
+ .modal__size-1140_3rfun .modal__content_3rfun,
40
+ .modal__fullscreen_3rfun .modal__content_3rfun {
41
41
  padding: var(--modal-l-header-desktop-content-paddings);
42
42
  font-size: var(--modal-l-header-desktop-font-size);
43
43
  line-height: var(--modal-l-header-desktop-line-height);
44
- } .modal__size-500_79dke,
45
- .modal__size-600_79dke,
46
- .modal__size-800_79dke,
47
- .modal__size-1140_79dke,
48
- .modal__fullscreen_79dke {
44
+ } .modal__size-500_3rfun,
45
+ .modal__size-600_3rfun,
46
+ .modal__size-800_3rfun,
47
+ .modal__size-1140_3rfun,
48
+ .modal__fullscreen_3rfun {
49
49
  padding: var(--modal-s-header-paddings);
50
- } .modal__sticky_79dke {
50
+ } .modal__sticky_3rfun {
51
51
  top: calc(var(--modal-vertical-padding) * -1)
52
- } .modal__sticky_79dke.modal__fullscreen_79dke {
52
+ } .modal__sticky_3rfun.modal__fullscreen_3rfun {
53
53
  top: var(--gap-0);
54
54
  }
@@ -1,6 +1,6 @@
1
1
  import './desktop.css';
2
2
 
3
- const desktopStyles = {"header":"modal__header_79dke","content":"modal__content_79dke","size-500":"modal__size-500_79dke","size-600":"modal__size-600_79dke","size-800":"modal__size-800_79dke","size-1140":"modal__size-1140_79dke","fullscreen":"modal__fullscreen_79dke","sticky":"modal__sticky_79dke"};
3
+ const desktopStyles = {"header":"modal__header_3rfun","content":"modal__content_3rfun","size-500":"modal__size-500_3rfun","size-600":"modal__size-600_3rfun","size-800":"modal__size-800_3rfun","size-1140":"modal__size-1140_3rfun","fullscreen":"modal__fullscreen_3rfun","sticky":"modal__sticky_3rfun"};
4
4
 
5
5
  export { desktopStyles as default };
6
6
  //# sourceMappingURL=desktop.module.css.js.map
@@ -5,12 +5,12 @@
5
5
  --modal-header-background: var(--color-light-modal-bg-primary);
6
6
  --modal-header-highlight-background: var(--color-light-modal-bg-primary);
7
7
  --modal-header-highlight-box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
8
- } .modal__highlighted_ivq68 {
8
+ } .modal__highlighted_z80r2 {
9
9
  background: var(--modal-header-highlight-background);
10
10
  box-shadow: var(--modal-header-highlight-box-shadow);
11
- } .modal__sticky_ivq68 {
11
+ } .modal__sticky_z80r2 {
12
12
  position: sticky;
13
13
  z-index: 1
14
- } .modal__sticky_ivq68.modal__hasContent_ivq68 {
14
+ } .modal__sticky_z80r2.modal__hasContent_z80r2 {
15
15
  background: var(--modal-header-background);
16
16
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- const styles = {"highlighted":"modal__highlighted_ivq68","sticky":"modal__sticky_ivq68","hasContent":"modal__hasContent_ivq68"};
3
+ const styles = {"highlighted":"modal__highlighted_z80r2","sticky":"modal__sticky_z80r2","hasContent":"modal__hasContent_z80r2"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -22,18 +22,18 @@
22
22
  --modal-header-mobile-paddings: var(--modal-header-mobile-top-padding) var(--gap-8) var(--gap-4)
23
23
  var(--gap-8);
24
24
  }
25
- .modal__header_1lm73 {
25
+ .modal__header_1ebqj {
26
26
  padding: var(--modal-header-mobile-paddings)
27
27
  }
28
28
  @media (display-mode: standalone) {
29
- .modal__header_1lm73 {
29
+ .modal__header_1ebqj {
30
30
  padding-top: calc(var(--sat) + var(--modal-header-mobile-top-padding))
31
31
  }
32
32
  }
33
- .modal__sticky_1lm73 {
33
+ .modal__sticky_1ebqj {
34
34
  top: var(--gap-0);
35
35
  }
36
- .modal__content_1lm73 {
36
+ .modal__content_1ebqj {
37
37
  font-size: var(--modal-header-mobile-font-size);
38
38
  line-height: var(--modal-header-mobile-line-height);
39
39
  font-family: var(--modal-header-mobile-font-family);
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- const mobileStyles = {"header":"modal__header_1lm73","sticky":"modal__sticky_1lm73","content":"modal__content_1lm73"};
3
+ const mobileStyles = {"header":"modal__header_1ebqj","sticky":"modal__sticky_1ebqj","content":"modal__content_1ebqj"};
4
4
 
5
5
  export { mobileStyles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
@@ -12,27 +12,27 @@
12
12
  --modal-m-width: 600px;
13
13
  --modal-l-width: 800px;
14
14
  --modal-xl-width: 1140px;
15
- } .modal__wrapper_116r0 {
15
+ } .modal__wrapper_g17vr {
16
16
  padding-top: var(--modal-vertical-padding);
17
17
  padding-bottom: var(--modal-vertical-padding);
18
- } .modal__component_116r0 {
18
+ } .modal__component_g17vr {
19
19
  width: 100%;
20
20
  max-width: 100%;
21
21
  border-radius: var(--modal-border-radius);
22
- } .modal__fullscreen_116r0 {
22
+ } .modal__fullscreen_g17vr {
23
23
  padding-top: var(--gap-0);
24
24
  padding-bottom: var(--gap-0);
25
25
  overflow: hidden
26
- } .modal__fullscreen_116r0 .modal__component_116r0 {
26
+ } .modal__fullscreen_g17vr .modal__component_g17vr {
27
27
  flex: 1;
28
28
  border-radius: 0;
29
29
  overflow: auto;
30
- } .modal__size-500_116r0 {
30
+ } .modal__size-500_g17vr {
31
31
  width: var(--modal-s-width);
32
- } .modal__size-600_116r0 {
32
+ } .modal__size-600_g17vr {
33
33
  width: var(--modal-m-width);
34
- } .modal__size-800_116r0 {
34
+ } .modal__size-800_g17vr {
35
35
  width: var(--modal-l-width);
36
- } .modal__size-1140_116r0 {
36
+ } .modal__size-1140_g17vr {
37
37
  width: var(--modal-xl-width);
38
38
  }
@@ -1,6 +1,6 @@
1
1
  import './desktop.css';
2
2
 
3
- const desktopStyles = {"wrapper":"modal__wrapper_116r0","component":"modal__component_116r0","fullscreen":"modal__fullscreen_116r0","size-500":"modal__size-500_116r0","size-600":"modal__size-600_116r0","size-800":"modal__size-800_116r0","size-1140":"modal__size-1140_116r0"};
3
+ const desktopStyles = {"wrapper":"modal__wrapper_g17vr","component":"modal__component_g17vr","fullscreen":"modal__fullscreen_g17vr","size-500":"modal__size-500_g17vr","size-600":"modal__size-600_g17vr","size-800":"modal__size-800_g17vr","size-1140":"modal__size-1140_g17vr"};
4
4
 
5
5
  export { desktopStyles as default };
6
6
  //# sourceMappingURL=desktop.module.css.js.map
@@ -2,13 +2,13 @@
2
2
  --sat: env(safe-area-inset-top, var(--gap-0));
3
3
  --sab: env(safe-area-inset-bottom, var(--gap-0));
4
4
  }
5
- .modal__component_5b39y {
5
+ .modal__component_15vyn {
6
6
  flex: 1;
7
7
  width: 100%;
8
8
  max-width: 600px;
9
9
  }
10
10
  @media (display-mode: standalone) {
11
- .modal__content_5b39y {
11
+ .modal__content_15vyn {
12
12
  padding-top: var(--sat);
13
13
  padding-bottom: var(--sab)
14
14
  }
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- const mobileStyles = {"component":"modal__component_5b39y","content":"modal__content_5b39y"};
3
+ const mobileStyles = {"component":"modal__component_15vyn","content":"modal__content_15vyn"};
4
4
 
5
5
  export { mobileStyles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
@@ -1,23 +1,23 @@
1
- .modal__appear_havoy,
2
- .modal__enter_havoy {
1
+ .modal__appear_1pfpo,
2
+ .modal__enter_1pfpo {
3
3
  opacity: 0;
4
4
  transform: translateY(15px);
5
5
  }
6
6
 
7
- .modal__appearActive_havoy,
8
- .modal__enterActive_havoy {
7
+ .modal__appearActive_1pfpo,
8
+ .modal__enterActive_1pfpo {
9
9
  opacity: 1;
10
10
  transform: translateY(0);
11
11
  transition: opacity 200ms ease-in, transform 200ms ease-in;
12
12
  }
13
13
 
14
- .modal__exit_havoy {
14
+ .modal__exit_1pfpo {
15
15
  opacity: 1;
16
16
  transform: translateY(0);
17
17
  }
18
18
 
19
- .modal__exitActive_havoy,
20
- .modal__exitDone_havoy {
19
+ .modal__exitActive_1pfpo,
20
+ .modal__exitDone_1pfpo {
21
21
  opacity: 0;
22
22
  transform: translateY(15px);
23
23
  transition: opacity 200ms ease-out, transform 200ms ease-out;
@@ -1,6 +1,6 @@
1
1
  import './transitions.css';
2
2
 
3
- const transitions = {"appear":"modal__appear_havoy","enter":"modal__enter_havoy","appearActive":"modal__appearActive_havoy","enterActive":"modal__enterActive_havoy","exit":"modal__exit_havoy","exitActive":"modal__exitActive_havoy","exitDone":"modal__exitDone_havoy"};
3
+ const transitions = {"appear":"modal__appear_1pfpo","enter":"modal__enter_1pfpo","appearActive":"modal__appearActive_1pfpo","enterActive":"modal__enterActive_1pfpo","exit":"modal__exit_1pfpo","exitActive":"modal__exitActive_1pfpo","exitDone":"modal__exitDone_1pfpo"};
4
4
 
5
5
  export { transitions as default };
6
6
  //# sourceMappingURL=transitions.module.css.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-modal",
3
- "version": "10.0.0",
3
+ "version": "10.0.1-snapshot-c2c8d5a",
4
4
  "description": "Modal component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,10 +10,10 @@
10
10
  "main": "index.js",
11
11
  "module": "./esm/index.js",
12
12
  "dependencies": {
13
- "@alfalab/core-components-base-modal": "^6.0.0",
14
- "@alfalab/core-components-mq": "^5.0.0",
15
- "@alfalab/core-components-navigation-bar-private": "^1.0.0",
16
- "@alfalab/core-components-shared": "^1.0.0",
13
+ "@alfalab/core-components-base-modal": "6.0.1-snapshot-c2c8d5a",
14
+ "@alfalab/core-components-mq": "5.0.1-snapshot-c2c8d5a",
15
+ "@alfalab/core-components-navigation-bar-private": "1.0.1-snapshot-c2c8d5a",
16
+ "@alfalab/core-components-shared": "1.0.1-snapshot-c2c8d5a",
17
17
  "classnames": "^2.5.1",
18
18
  "react-merge-refs": "^1.1.0",
19
19
  "tslib": "^2.4.0"
@@ -27,5 +27,5 @@
27
27
  "directory": "dist"
28
28
  },
29
29
  "themesVersion": "14.0.0",
30
- "varsVersion": "10.0.0"
30
+ "varsVersion": "10.0.1-snapshot-c2c8d5a"
31
31
  }
package/transitions.css CHANGED
@@ -1,23 +1,23 @@
1
- .modal__appear_havoy,
2
- .modal__enter_havoy {
1
+ .modal__appear_1pfpo,
2
+ .modal__enter_1pfpo {
3
3
  opacity: 0;
4
4
  transform: translateY(15px);
5
5
  }
6
6
 
7
- .modal__appearActive_havoy,
8
- .modal__enterActive_havoy {
7
+ .modal__appearActive_1pfpo,
8
+ .modal__enterActive_1pfpo {
9
9
  opacity: 1;
10
10
  transform: translateY(0);
11
11
  transition: opacity 200ms ease-in, transform 200ms ease-in;
12
12
  }
13
13
 
14
- .modal__exit_havoy {
14
+ .modal__exit_1pfpo {
15
15
  opacity: 1;
16
16
  transform: translateY(0);
17
17
  }
18
18
 
19
- .modal__exitActive_havoy,
20
- .modal__exitDone_havoy {
19
+ .modal__exitActive_1pfpo,
20
+ .modal__exitDone_1pfpo {
21
21
  opacity: 0;
22
22
  transform: translateY(15px);
23
23
  transition: opacity 200ms ease-out, transform 200ms ease-out;
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./transitions.css');
4
4
 
5
- var transitions = {"appear":"modal__appear_havoy","enter":"modal__enter_havoy","appearActive":"modal__appearActive_havoy","enterActive":"modal__enterActive_havoy","exit":"modal__exit_havoy","exitActive":"modal__exitActive_havoy","exitDone":"modal__exitDone_havoy"};
5
+ var transitions = {"appear":"modal__appear_1pfpo","enter":"modal__enter_1pfpo","appearActive":"modal__appearActive_1pfpo","enterActive":"modal__enterActive_1pfpo","exit":"modal__exit_1pfpo","exitActive":"modal__exitActive_1pfpo","exitDone":"modal__exitDone_1pfpo"};
6
6
 
7
7
  module.exports = transitions;
8
8
  //# sourceMappingURL=transitions.module.css.js.map