@alfalab/core-components-modal 10.0.7 → 10.0.8

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 +2 -2
  84. package/transitions.css +7 -7
  85. package/transitions.module.css.js +1 -1
@@ -25,31 +25,31 @@
25
25
  --modal-l-header-desktop-line-height: 36px;
26
26
  --modal-header-desktop-font-weight: bold;
27
27
  --modal-header-desktop-font-family: var(--font-family-system);
28
- } .modal__header_1jchz {
28
+ } .modal__header_1a9wk {
29
29
  border-top-left-radius: var(--modal-border-radius);
30
30
  border-top-right-radius: var(--modal-border-radius);
31
- } .modal__content_1jchz {
31
+ } .modal__content_1a9wk {
32
32
  font-weight: var(--modal-header-desktop-font-weight);
33
33
  font-family: var(--modal-header-desktop-font-family);
34
- } .modal__size-500_1jchz .modal__content_1jchz,
35
- .modal__size-600_1jchz .modal__content_1jchz {
34
+ } .modal__size-500_1a9wk .modal__content_1a9wk,
35
+ .modal__size-600_1a9wk .modal__content_1a9wk {
36
36
  padding: var(--modal-s-header-desktop-content-paddings);
37
37
  font-size: var(--modal-s-header-desktop-font-size);
38
38
  line-height: var(--modal-s-header-desktop-line-height);
39
- } .modal__size-800_1jchz .modal__content_1jchz,
40
- .modal__size-1140_1jchz .modal__content_1jchz,
41
- .modal__fullscreen_1jchz .modal__content_1jchz {
39
+ } .modal__size-800_1a9wk .modal__content_1a9wk,
40
+ .modal__size-1140_1a9wk .modal__content_1a9wk,
41
+ .modal__fullscreen_1a9wk .modal__content_1a9wk {
42
42
  padding: var(--modal-l-header-desktop-content-paddings);
43
43
  font-size: var(--modal-l-header-desktop-font-size);
44
44
  line-height: var(--modal-l-header-desktop-line-height);
45
- } .modal__size-500_1jchz,
46
- .modal__size-600_1jchz,
47
- .modal__size-800_1jchz,
48
- .modal__size-1140_1jchz,
49
- .modal__fullscreen_1jchz {
45
+ } .modal__size-500_1a9wk,
46
+ .modal__size-600_1a9wk,
47
+ .modal__size-800_1a9wk,
48
+ .modal__size-1140_1a9wk,
49
+ .modal__fullscreen_1a9wk {
50
50
  padding: var(--modal-s-header-paddings);
51
- } .modal__sticky_1jchz {
51
+ } .modal__sticky_1a9wk {
52
52
  top: calc(var(--modal-vertical-padding) * -1);
53
- } .modal__sticky_1jchz.modal__fullscreen_1jchz {
53
+ } .modal__sticky_1a9wk.modal__fullscreen_1a9wk {
54
54
  top: var(--gap-0);
55
55
  }
@@ -1,6 +1,6 @@
1
1
  import './desktop.css';
2
2
 
3
- const desktopStyles = {"header":"modal__header_1jchz","content":"modal__content_1jchz","size-500":"modal__size-500_1jchz","size-600":"modal__size-600_1jchz","size-800":"modal__size-800_1jchz","size-1140":"modal__size-1140_1jchz","fullscreen":"modal__fullscreen_1jchz","sticky":"modal__sticky_1jchz"};
3
+ const desktopStyles = {"header":"modal__header_1a9wk","content":"modal__content_1a9wk","size-500":"modal__size-500_1a9wk","size-600":"modal__size-600_1a9wk","size-800":"modal__size-800_1a9wk","size-1140":"modal__size-1140_1a9wk","fullscreen":"modal__fullscreen_1a9wk","sticky":"modal__sticky_1a9wk"};
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_s01r2 {
8
+ } .modal__highlighted_1ewb8 {
9
9
  background: var(--modal-header-highlight-background);
10
10
  box-shadow: var(--modal-header-highlight-box-shadow);
11
- } .modal__sticky_s01r2 {
11
+ } .modal__sticky_1ewb8 {
12
12
  position: sticky;
13
13
  z-index: 1;
14
- } .modal__sticky_s01r2.modal__hasContent_s01r2 {
14
+ } .modal__sticky_1ewb8.modal__hasContent_1ewb8 {
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_s01r2","sticky":"modal__sticky_s01r2","hasContent":"modal__hasContent_s01r2"};
3
+ const styles = {"highlighted":"modal__highlighted_1ewb8","sticky":"modal__sticky_1ewb8","hasContent":"modal__hasContent_1ewb8"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -23,18 +23,18 @@
23
23
  --modal-header-mobile-paddings: var(--modal-header-mobile-top-padding) var(--gap-8) var(--gap-4)
24
24
  var(--gap-8);
25
25
  }
26
- .modal__header_1pt9z {
26
+ .modal__header_plm16 {
27
27
  padding: var(--modal-header-mobile-paddings);
28
28
  }
29
29
  @media (display-mode: standalone) {
30
- .modal__header_1pt9z {
30
+ .modal__header_plm16 {
31
31
  padding-top: calc(var(--sat) + var(--modal-header-mobile-top-padding));
32
32
  }
33
33
  }
34
- .modal__sticky_1pt9z {
34
+ .modal__sticky_plm16 {
35
35
  top: var(--gap-0);
36
36
  }
37
- .modal__content_1pt9z {
37
+ .modal__content_plm16 {
38
38
  font-size: var(--modal-header-mobile-font-size);
39
39
  line-height: var(--modal-header-mobile-line-height);
40
40
  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_1pt9z","sticky":"modal__sticky_1pt9z","content":"modal__content_1pt9z"};
3
+ const mobileStyles = {"header":"modal__header_plm16","sticky":"modal__sticky_plm16","content":"modal__content_plm16"};
4
4
 
5
5
  export { mobileStyles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
@@ -13,27 +13,27 @@
13
13
  --modal-m-width: 600px;
14
14
  --modal-l-width: 800px;
15
15
  --modal-xl-width: 1140px;
16
- } .modal__wrapper_11pvb {
16
+ } .modal__wrapper_1x7c2 {
17
17
  padding-top: var(--modal-vertical-padding);
18
18
  padding-bottom: var(--modal-vertical-padding);
19
- } .modal__component_11pvb {
19
+ } .modal__component_1x7c2 {
20
20
  width: 100%;
21
21
  max-width: 100%;
22
22
  border-radius: var(--modal-border-radius);
23
- } .modal__fullscreen_11pvb {
23
+ } .modal__fullscreen_1x7c2 {
24
24
  padding-top: var(--gap-0);
25
25
  padding-bottom: var(--gap-0);
26
26
  overflow: hidden;
27
- } .modal__fullscreen_11pvb .modal__component_11pvb {
27
+ } .modal__fullscreen_1x7c2 .modal__component_1x7c2 {
28
28
  flex: 1;
29
29
  border-radius: var(--border-radius-0);
30
30
  overflow: auto;
31
- } .modal__size-500_11pvb {
31
+ } .modal__size-500_1x7c2 {
32
32
  width: var(--modal-s-width);
33
- } .modal__size-600_11pvb {
33
+ } .modal__size-600_1x7c2 {
34
34
  width: var(--modal-m-width);
35
- } .modal__size-800_11pvb {
35
+ } .modal__size-800_1x7c2 {
36
36
  width: var(--modal-l-width);
37
- } .modal__size-1140_11pvb {
37
+ } .modal__size-1140_1x7c2 {
38
38
  width: var(--modal-xl-width);
39
39
  }
@@ -1,6 +1,6 @@
1
1
  import './desktop.css';
2
2
 
3
- const desktopStyles = {"wrapper":"modal__wrapper_11pvb","component":"modal__component_11pvb","fullscreen":"modal__fullscreen_11pvb","size-500":"modal__size-500_11pvb","size-600":"modal__size-600_11pvb","size-800":"modal__size-800_11pvb","size-1140":"modal__size-1140_11pvb"};
3
+ const desktopStyles = {"wrapper":"modal__wrapper_1x7c2","component":"modal__component_1x7c2","fullscreen":"modal__fullscreen_1x7c2","size-500":"modal__size-500_1x7c2","size-600":"modal__size-600_1x7c2","size-800":"modal__size-800_1x7c2","size-1140":"modal__size-1140_1x7c2"};
4
4
 
5
5
  export { desktopStyles as default };
6
6
  //# sourceMappingURL=desktop.module.css.js.map
@@ -5,13 +5,13 @@
5
5
  :root {
6
6
  --gap-0: 0px;
7
7
  }
8
- .modal__component_t478t {
8
+ .modal__component_11boc {
9
9
  flex: 1;
10
10
  width: 100%;
11
11
  max-width: 600px;
12
12
  }
13
13
  @media (display-mode: standalone) {
14
- .modal__content_t478t {
14
+ .modal__content_11boc {
15
15
  padding-top: var(--sat);
16
16
  padding-bottom: var(--sab);
17
17
  }
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- const mobileStyles = {"component":"modal__component_t478t","content":"modal__content_t478t"};
3
+ const mobileStyles = {"component":"modal__component_11boc","content":"modal__content_11boc"};
4
4
 
5
5
  export { mobileStyles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
@@ -1,11 +1,11 @@
1
- .modal__appear_2di9x,
2
- .modal__enter_2di9x {
1
+ .modal__appear_1dbgr,
2
+ .modal__enter_1dbgr {
3
3
  opacity: 0;
4
4
  transform: translateY(15px);
5
5
  }
6
6
 
7
- .modal__appearActive_2di9x,
8
- .modal__enterActive_2di9x {
7
+ .modal__appearActive_1dbgr,
8
+ .modal__enterActive_1dbgr {
9
9
  opacity: 1;
10
10
  transform: translateY(0);
11
11
  transition:
@@ -13,13 +13,13 @@
13
13
  transform 200ms ease-in;
14
14
  }
15
15
 
16
- .modal__exit_2di9x {
16
+ .modal__exit_1dbgr {
17
17
  opacity: 1;
18
18
  transform: translateY(0);
19
19
  }
20
20
 
21
- .modal__exitActive_2di9x,
22
- .modal__exitDone_2di9x {
21
+ .modal__exitActive_1dbgr,
22
+ .modal__exitDone_1dbgr {
23
23
  opacity: 0;
24
24
  transform: translateY(15px);
25
25
  transition:
@@ -1,6 +1,6 @@
1
1
  import './transitions.css';
2
2
 
3
- const transitions = {"appear":"modal__appear_2di9x","enter":"modal__enter_2di9x","appearActive":"modal__appearActive_2di9x","enterActive":"modal__enterActive_2di9x","exit":"modal__exit_2di9x","exitActive":"modal__exitActive_2di9x","exitDone":"modal__exitDone_2di9x"};
3
+ const transitions = {"appear":"modal__appear_1dbgr","enter":"modal__enter_1dbgr","appearActive":"modal__appearActive_1dbgr","enterActive":"modal__enterActive_1dbgr","exit":"modal__exit_1dbgr","exitActive":"modal__exitActive_1dbgr","exitDone":"modal__exitDone_1dbgr"};
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.7",
3
+ "version": "10.0.8",
4
4
  "description": "Modal component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -12,7 +12,7 @@
12
12
  "dependencies": {
13
13
  "@alfalab/core-components-base-modal": "^6.1.0",
14
14
  "@alfalab/core-components-mq": "^5.0.2",
15
- "@alfalab/core-components-navigation-bar-private": "^1.1.3",
15
+ "@alfalab/core-components-navigation-bar-private": "^1.1.4",
16
16
  "@alfalab/core-components-shared": "^1.1.1",
17
17
  "classnames": "^2.5.1",
18
18
  "react-merge-refs": "^1.1.0",
package/transitions.css CHANGED
@@ -1,11 +1,11 @@
1
- .modal__appear_2di9x,
2
- .modal__enter_2di9x {
1
+ .modal__appear_1dbgr,
2
+ .modal__enter_1dbgr {
3
3
  opacity: 0;
4
4
  transform: translateY(15px);
5
5
  }
6
6
 
7
- .modal__appearActive_2di9x,
8
- .modal__enterActive_2di9x {
7
+ .modal__appearActive_1dbgr,
8
+ .modal__enterActive_1dbgr {
9
9
  opacity: 1;
10
10
  transform: translateY(0);
11
11
  transition:
@@ -13,13 +13,13 @@
13
13
  transform 200ms ease-in;
14
14
  }
15
15
 
16
- .modal__exit_2di9x {
16
+ .modal__exit_1dbgr {
17
17
  opacity: 1;
18
18
  transform: translateY(0);
19
19
  }
20
20
 
21
- .modal__exitActive_2di9x,
22
- .modal__exitDone_2di9x {
21
+ .modal__exitActive_1dbgr,
22
+ .modal__exitDone_1dbgr {
23
23
  opacity: 0;
24
24
  transform: translateY(15px);
25
25
  transition:
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./transitions.css');
4
4
 
5
- var transitions = {"appear":"modal__appear_2di9x","enter":"modal__enter_2di9x","appearActive":"modal__appearActive_2di9x","enterActive":"modal__enterActive_2di9x","exit":"modal__exit_2di9x","exitActive":"modal__exitActive_2di9x","exitDone":"modal__exitDone_2di9x"};
5
+ var transitions = {"appear":"modal__appear_1dbgr","enter":"modal__enter_1dbgr","appearActive":"modal__appearActive_1dbgr","enterActive":"modal__enterActive_1dbgr","exit":"modal__exit_1dbgr","exitActive":"modal__exitActive_1dbgr","exitDone":"modal__exitDone_1dbgr"};
6
6
 
7
7
  module.exports = transitions;
8
8
  //# sourceMappingURL=transitions.module.css.js.map