@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
@@ -5,12 +5,12 @@
5
5
  } :root {
6
6
  --modal-s-content-paddings: var(--gap-40) var(--gap-40) var(--gap-0);
7
7
  --modal-s-content-only-bottom-padding: var(--gap-40);
8
- } .modal__size-500_4f1ow,
9
- .modal__size-600_4f1ow,
10
- .modal__size-800_4f1ow,
11
- .modal__size-1140_4f1ow,
12
- .modal__fullscreen_4f1ow {
8
+ } .modal__size-500_1wwm3,
9
+ .modal__size-600_1wwm3,
10
+ .modal__size-800_1wwm3,
11
+ .modal__size-1140_1wwm3,
12
+ .modal__fullscreen_1wwm3 {
13
13
  padding: var(--modal-s-content-paddings)
14
- } .modal__size-500_4f1ow:last-child, .modal__size-600_4f1ow:last-child, .modal__size-800_4f1ow:last-child, .modal__size-1140_4f1ow:last-child, .modal__fullscreen_4f1ow:last-child {
14
+ } .modal__size-500_1wwm3:last-child, .modal__size-600_1wwm3:last-child, .modal__size-800_1wwm3:last-child, .modal__size-1140_1wwm3:last-child, .modal__fullscreen_1wwm3:last-child {
15
15
  padding-bottom: var(--modal-s-content-only-bottom-padding);
16
16
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./desktop.css');
4
4
 
5
- var desktopStyles = {"size-500":"modal__size-500_4f1ow","size-600":"modal__size-600_4f1ow","size-800":"modal__size-800_4f1ow","size-1140":"modal__size-1140_4f1ow","fullscreen":"modal__fullscreen_4f1ow"};
5
+ var desktopStyles = {"size-500":"modal__size-500_1wwm3","size-600":"modal__size-600_1wwm3","size-800":"modal__size-800_1wwm3","size-1140":"modal__size-1140_1wwm3","fullscreen":"modal__fullscreen_1wwm3"};
6
6
 
7
7
  module.exports = desktopStyles;
8
8
  //# sourceMappingURL=desktop.module.css.js.map
@@ -1,12 +1,12 @@
1
1
  :root {
2
2
  --gap-0: 0px;
3
- } .modal__content_5ft1z {
3
+ } .modal__content_oyf04 {
4
4
  position: relative;
5
5
  box-sizing: border-box;
6
6
  width: 100%;
7
7
  z-index: 0
8
- } .modal__content_5ft1z.modal__withHeader_5ft1z {
8
+ } .modal__content_oyf04.modal__withHeader_oyf04 {
9
9
  padding-top: var(--gap-0);
10
- } .modal__flex_5ft1z {
10
+ } .modal__flex_oyf04 {
11
11
  flex: 1;
12
12
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"content":"modal__content_5ft1z","withHeader":"modal__withHeader_5ft1z","flex":"modal__flex_5ft1z"};
5
+ var styles = {"content":"modal__content_oyf04","withHeader":"modal__withHeader_oyf04","flex":"modal__flex_oyf04"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -2,8 +2,8 @@
2
2
  --gap-m: 16px;
3
3
  --gap-0: 0px;
4
4
  --gap-16: var(--gap-m);
5
- } .modal__content_fpsio {
5
+ } .modal__content_1w0a8 {
6
6
  padding: var(--gap-16) var(--gap-16) var(--gap-0)
7
- } .modal__content_fpsio:last-child {
7
+ } .modal__content_1w0a8:last-child {
8
8
  padding-bottom: var(--gap-16);
9
9
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./mobile.css');
4
4
 
5
- var mobileStyles = {"content":"modal__content_fpsio"};
5
+ var mobileStyles = {"content":"modal__content_1w0a8"};
6
6
 
7
7
  module.exports = mobileStyles;
8
8
  //# sourceMappingURL=mobile.module.css.js.map
@@ -1,3 +1,3 @@
1
- .modal__component_1gf73 {
1
+ .modal__component_add7g {
2
2
  width: 100%;
3
3
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"component":"modal__component_1gf73"};
5
+ var styles = {"component":"modal__component_add7g"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -11,17 +11,17 @@
11
11
  --modal-border-radius: var(--border-radius-24);
12
12
  --modal-vertical-padding: var(--gap-40);
13
13
  --modal-s-footer-paddings: var(--gap-24) var(--gap-40) var(--gap-40);
14
- } .modal__footer_1wvsi {
14
+ } .modal__footer_24pyn {
15
15
  border-bottom-left-radius: var(--modal-border-radius);
16
16
  border-bottom-right-radius: var(--modal-border-radius);
17
- } .modal__sticky_1wvsi {
17
+ } .modal__sticky_24pyn {
18
18
  bottom: calc(var(--modal-vertical-padding) * -1)
19
- } .modal__sticky_1wvsi.modal__fullscreen_1wvsi {
19
+ } .modal__sticky_24pyn.modal__fullscreen_24pyn {
20
20
  bottom: var(--gap-0);
21
- } .modal__size-500_1wvsi,
22
- .modal__size-600_1wvsi,
23
- .modal__size-800_1wvsi,
24
- .modal__size-1140_1wvsi,
25
- .modal__fullscreen_1wvsi {
21
+ } .modal__size-500_24pyn,
22
+ .modal__size-600_24pyn,
23
+ .modal__size-800_24pyn,
24
+ .modal__size-1140_24pyn,
25
+ .modal__fullscreen_24pyn {
26
26
  padding: var(--modal-s-footer-paddings);
27
27
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./desktop.css');
4
4
 
5
- var desktopStyles = {"footer":"modal__footer_1wvsi","sticky":"modal__sticky_1wvsi","fullscreen":"modal__fullscreen_1wvsi","size-500":"modal__size-500_1wvsi","size-600":"modal__size-600_1wvsi","size-800":"modal__size-800_1wvsi","size-1140":"modal__size-1140_1wvsi"};
5
+ var desktopStyles = {"footer":"modal__footer_24pyn","sticky":"modal__sticky_24pyn","fullscreen":"modal__fullscreen_24pyn","size-500":"modal__size-500_24pyn","size-600":"modal__size-600_24pyn","size-800":"modal__size-800_24pyn","size-1140":"modal__size-1140_24pyn"};
6
6
 
7
7
  module.exports = desktopStyles;
8
8
  //# sourceMappingURL=desktop.module.css.js.map
@@ -5,14 +5,14 @@
5
5
  --modal-footer-background: var(--color-light-modal-bg-primary);
6
6
  --modal-footer-highlight-background: var(--color-light-modal-bg-primary);
7
7
  --modal-footer-highlight-box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
8
- } .modal__footer_1t03d {
8
+ } .modal__footer_1ceaa {
9
9
  width: 100%;
10
10
  box-sizing: border-box;
11
11
  transition: box-shadow 0.2s ease, background 0.2s ease;
12
- } .modal__sticky_1t03d {
12
+ } .modal__sticky_1ceaa {
13
13
  background: var(--modal-footer-background);
14
14
  position: sticky;
15
- } .modal__highlighted_1t03d {
15
+ } .modal__highlighted_1ceaa {
16
16
  background: var(--modal-footer-highlight-background);
17
17
  box-shadow: var(--modal-footer-highlight-box-shadow);
18
18
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"footer":"modal__footer_1t03d","sticky":"modal__sticky_1t03d","highlighted":"modal__highlighted_1t03d"};
5
+ var styles = {"footer":"modal__footer_1ceaa","sticky":"modal__sticky_1ceaa","highlighted":"modal__highlighted_1ceaa"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -7,35 +7,35 @@
7
7
  --gap-32: var(--gap-2xl);
8
8
  } :root {
9
9
  --modal-footer-default-gap: var(--gap-16);
10
- } .modal__column_tyorv {
10
+ } .modal__column_jqlau {
11
11
  display: flex;
12
12
  flex-direction: column
13
- } .modal__column_tyorv > *:not(:last-child):not(:only-child) {
13
+ } .modal__column_jqlau > *:not(:last-child):not(:only-child) {
14
14
  margin-bottom: var(--modal-footer-default-gap);
15
- } .modal__column_tyorv.modal__gap-16_tyorv > *:not(:last-child):not(:only-child) {
15
+ } .modal__column_jqlau.modal__gap-16_jqlau > *:not(:last-child):not(:only-child) {
16
16
  margin-bottom: var(--gap-16);
17
- } .modal__column_tyorv.modal__gap-24_tyorv > *:not(:last-child):not(:only-child) {
17
+ } .modal__column_jqlau.modal__gap-24_jqlau > *:not(:last-child):not(:only-child) {
18
18
  margin-bottom: var(--gap-24);
19
- } .modal__column_tyorv.modal__gap-32_tyorv > *:not(:last-child):not(:only-child) {
19
+ } .modal__column_jqlau.modal__gap-32_jqlau > *:not(:last-child):not(:only-child) {
20
20
  margin-bottom: var(--gap-32);
21
- } .modal__start_tyorv {
21
+ } .modal__start_jqlau {
22
22
  justify-content: flex-start;
23
- } .modal__center_tyorv {
23
+ } .modal__center_jqlau {
24
24
  justify-content: center;
25
- } .modal__space-between_tyorv {
25
+ } .modal__space-between_jqlau {
26
26
  justify-content: space-between
27
- } .modal__space-between_tyorv > * {
27
+ } .modal__space-between_jqlau > * {
28
28
  flex: 1;
29
- } .modal__start_tyorv,
30
- .modal__center_tyorv,
31
- .modal__space-between_tyorv {
29
+ } .modal__start_jqlau,
30
+ .modal__center_jqlau,
31
+ .modal__space-between_jqlau {
32
32
  display: flex
33
- } .modal__start_tyorv > *:not(:last-child):not(:only-child), .modal__center_tyorv > *:not(:last-child):not(:only-child), .modal__space-between_tyorv > *:not(:last-child):not(:only-child) {
33
+ } .modal__start_jqlau > *:not(:last-child):not(:only-child), .modal__center_jqlau > *:not(:last-child):not(:only-child), .modal__space-between_jqlau > *:not(:last-child):not(:only-child) {
34
34
  margin-right: var(--modal-footer-default-gap);
35
- } .modal__start_tyorv.modal__gap-16_tyorv > *:not(:last-child):not(:only-child), .modal__center_tyorv.modal__gap-16_tyorv > *:not(:last-child):not(:only-child), .modal__space-between_tyorv.modal__gap-16_tyorv > *:not(:last-child):not(:only-child) {
35
+ } .modal__start_jqlau.modal__gap-16_jqlau > *:not(:last-child):not(:only-child), .modal__center_jqlau.modal__gap-16_jqlau > *:not(:last-child):not(:only-child), .modal__space-between_jqlau.modal__gap-16_jqlau > *:not(:last-child):not(:only-child) {
36
36
  margin-right: var(--gap-16);
37
- } .modal__start_tyorv.modal__gap-24_tyorv > *:not(:last-child):not(:only-child), .modal__center_tyorv.modal__gap-24_tyorv > *:not(:last-child):not(:only-child), .modal__space-between_tyorv.modal__gap-24_tyorv > *:not(:last-child):not(:only-child) {
37
+ } .modal__start_jqlau.modal__gap-24_jqlau > *:not(:last-child):not(:only-child), .modal__center_jqlau.modal__gap-24_jqlau > *:not(:last-child):not(:only-child), .modal__space-between_jqlau.modal__gap-24_jqlau > *:not(:last-child):not(:only-child) {
38
38
  margin-right: var(--gap-24);
39
- } .modal__start_tyorv.modal__gap-32_tyorv > *:not(:last-child):not(:only-child), .modal__center_tyorv.modal__gap-32_tyorv > *:not(:last-child):not(:only-child), .modal__space-between_tyorv.modal__gap-32_tyorv > *:not(:last-child):not(:only-child) {
39
+ } .modal__start_jqlau.modal__gap-32_jqlau > *:not(:last-child):not(:only-child), .modal__center_jqlau.modal__gap-32_jqlau > *:not(:last-child):not(:only-child), .modal__space-between_jqlau.modal__gap-32_jqlau > *:not(:last-child):not(:only-child) {
40
40
  margin-right: var(--gap-32);
41
41
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./layout.css');
4
4
 
5
- var layoutStyles = {"column":"modal__column_tyorv","gap-16":"modal__gap-16_tyorv","gap-24":"modal__gap-24_tyorv","gap-32":"modal__gap-32_tyorv","start":"modal__start_tyorv","center":"modal__center_tyorv","space-between":"modal__space-between_tyorv"};
5
+ var layoutStyles = {"column":"modal__column_jqlau","gap-16":"modal__gap-16_jqlau","gap-24":"modal__gap-24_jqlau","gap-32":"modal__gap-32_jqlau","start":"modal__start_jqlau","center":"modal__center_jqlau","space-between":"modal__space-between_jqlau"};
6
6
 
7
7
  module.exports = layoutStyles;
8
8
  //# sourceMappingURL=layout.module.css.js.map
@@ -6,14 +6,14 @@
6
6
  --gap-0: 0px;
7
7
  --gap-16: var(--gap-m);
8
8
  }
9
- .modal__footer_s2uzq {
9
+ .modal__footer_h8xrq {
10
10
  padding: var(--gap-16)
11
11
  }
12
12
  @media (display-mode: standalone) {
13
- .modal__footer_s2uzq {
13
+ .modal__footer_h8xrq {
14
14
  padding-bottom: calc(var(--sab) + var(--gap-16))
15
15
  }
16
16
  }
17
- .modal__sticky_s2uzq {
17
+ .modal__sticky_h8xrq {
18
18
  bottom: var(--gap-0);
19
19
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./mobile.css');
4
4
 
5
- var mobileStyles = {"footer":"modal__footer_s2uzq","sticky":"modal__sticky_s2uzq"};
5
+ var mobileStyles = {"footer":"modal__footer_h8xrq","sticky":"modal__sticky_h8xrq"};
6
6
 
7
7
  module.exports = mobileStyles;
8
8
  //# sourceMappingURL=mobile.module.css.js.map
@@ -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
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./desktop.css');
4
4
 
5
- var 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"};
5
+ var 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"};
6
6
 
7
7
  module.exports = desktopStyles;
8
8
  //# 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
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"highlighted":"modal__highlighted_ivq68","sticky":"modal__sticky_ivq68","hasContent":"modal__hasContent_ivq68"};
5
+ var styles = {"highlighted":"modal__highlighted_z80r2","sticky":"modal__sticky_z80r2","hasContent":"modal__hasContent_z80r2"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# 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);
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./mobile.css');
4
4
 
5
- var mobileStyles = {"header":"modal__header_1lm73","sticky":"modal__sticky_1lm73","content":"modal__content_1lm73"};
5
+ var mobileStyles = {"header":"modal__header_1ebqj","sticky":"modal__sticky_1ebqj","content":"modal__content_1ebqj"};
6
6
 
7
7
  module.exports = mobileStyles;
8
8
  //# 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
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./desktop.css');
4
4
 
5
- var 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"};
5
+ var 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"};
6
6
 
7
7
  module.exports = desktopStyles;
8
8
  //# sourceMappingURL=desktop.module.css.js.map
@@ -5,12 +5,12 @@
5
5
  } :root {
6
6
  --modal-s-content-paddings: var(--gap-40) var(--gap-40) var(--gap-0);
7
7
  --modal-s-content-only-bottom-padding: var(--gap-40);
8
- } .modal__size-500_4f1ow,
9
- .modal__size-600_4f1ow,
10
- .modal__size-800_4f1ow,
11
- .modal__size-1140_4f1ow,
12
- .modal__fullscreen_4f1ow {
8
+ } .modal__size-500_1wwm3,
9
+ .modal__size-600_1wwm3,
10
+ .modal__size-800_1wwm3,
11
+ .modal__size-1140_1wwm3,
12
+ .modal__fullscreen_1wwm3 {
13
13
  padding: var(--modal-s-content-paddings)
14
- } .modal__size-500_4f1ow:last-child, .modal__size-600_4f1ow:last-child, .modal__size-800_4f1ow:last-child, .modal__size-1140_4f1ow:last-child, .modal__fullscreen_4f1ow:last-child {
14
+ } .modal__size-500_1wwm3:last-child, .modal__size-600_1wwm3:last-child, .modal__size-800_1wwm3:last-child, .modal__size-1140_1wwm3:last-child, .modal__fullscreen_1wwm3:last-child {
15
15
  padding-bottom: var(--modal-s-content-only-bottom-padding);
16
16
  }
@@ -1,6 +1,6 @@
1
1
  import './desktop.css';
2
2
 
3
- var desktopStyles = {"size-500":"modal__size-500_4f1ow","size-600":"modal__size-600_4f1ow","size-800":"modal__size-800_4f1ow","size-1140":"modal__size-1140_4f1ow","fullscreen":"modal__fullscreen_4f1ow"};
3
+ var desktopStyles = {"size-500":"modal__size-500_1wwm3","size-600":"modal__size-600_1wwm3","size-800":"modal__size-800_1wwm3","size-1140":"modal__size-1140_1wwm3","fullscreen":"modal__fullscreen_1wwm3"};
4
4
 
5
5
  export { desktopStyles as default };
6
6
  //# sourceMappingURL=desktop.module.css.js.map
@@ -1,12 +1,12 @@
1
1
  :root {
2
2
  --gap-0: 0px;
3
- } .modal__content_5ft1z {
3
+ } .modal__content_oyf04 {
4
4
  position: relative;
5
5
  box-sizing: border-box;
6
6
  width: 100%;
7
7
  z-index: 0
8
- } .modal__content_5ft1z.modal__withHeader_5ft1z {
8
+ } .modal__content_oyf04.modal__withHeader_oyf04 {
9
9
  padding-top: var(--gap-0);
10
- } .modal__flex_5ft1z {
10
+ } .modal__flex_oyf04 {
11
11
  flex: 1;
12
12
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"content":"modal__content_5ft1z","withHeader":"modal__withHeader_5ft1z","flex":"modal__flex_5ft1z"};
3
+ var styles = {"content":"modal__content_oyf04","withHeader":"modal__withHeader_oyf04","flex":"modal__flex_oyf04"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -2,8 +2,8 @@
2
2
  --gap-m: 16px;
3
3
  --gap-0: 0px;
4
4
  --gap-16: var(--gap-m);
5
- } .modal__content_fpsio {
5
+ } .modal__content_1w0a8 {
6
6
  padding: var(--gap-16) var(--gap-16) var(--gap-0)
7
- } .modal__content_fpsio:last-child {
7
+ } .modal__content_1w0a8:last-child {
8
8
  padding-bottom: var(--gap-16);
9
9
  }
@@ -1,6 +1,6 @@
1
1
  import './mobile.css';
2
2
 
3
- var mobileStyles = {"content":"modal__content_fpsio"};
3
+ var mobileStyles = {"content":"modal__content_1w0a8"};
4
4
 
5
5
  export { mobileStyles as default };
6
6
  //# sourceMappingURL=mobile.module.css.js.map
@@ -1,3 +1,3 @@
1
- .modal__component_1gf73 {
1
+ .modal__component_add7g {
2
2
  width: 100%;
3
3
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"component":"modal__component_1gf73"};
3
+ var styles = {"component":"modal__component_add7g"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -11,17 +11,17 @@
11
11
  --modal-border-radius: var(--border-radius-24);
12
12
  --modal-vertical-padding: var(--gap-40);
13
13
  --modal-s-footer-paddings: var(--gap-24) var(--gap-40) var(--gap-40);
14
- } .modal__footer_1wvsi {
14
+ } .modal__footer_24pyn {
15
15
  border-bottom-left-radius: var(--modal-border-radius);
16
16
  border-bottom-right-radius: var(--modal-border-radius);
17
- } .modal__sticky_1wvsi {
17
+ } .modal__sticky_24pyn {
18
18
  bottom: calc(var(--modal-vertical-padding) * -1)
19
- } .modal__sticky_1wvsi.modal__fullscreen_1wvsi {
19
+ } .modal__sticky_24pyn.modal__fullscreen_24pyn {
20
20
  bottom: var(--gap-0);
21
- } .modal__size-500_1wvsi,
22
- .modal__size-600_1wvsi,
23
- .modal__size-800_1wvsi,
24
- .modal__size-1140_1wvsi,
25
- .modal__fullscreen_1wvsi {
21
+ } .modal__size-500_24pyn,
22
+ .modal__size-600_24pyn,
23
+ .modal__size-800_24pyn,
24
+ .modal__size-1140_24pyn,
25
+ .modal__fullscreen_24pyn {
26
26
  padding: var(--modal-s-footer-paddings);
27
27
  }
@@ -1,6 +1,6 @@
1
1
  import './desktop.css';
2
2
 
3
- var desktopStyles = {"footer":"modal__footer_1wvsi","sticky":"modal__sticky_1wvsi","fullscreen":"modal__fullscreen_1wvsi","size-500":"modal__size-500_1wvsi","size-600":"modal__size-600_1wvsi","size-800":"modal__size-800_1wvsi","size-1140":"modal__size-1140_1wvsi"};
3
+ var desktopStyles = {"footer":"modal__footer_24pyn","sticky":"modal__sticky_24pyn","fullscreen":"modal__fullscreen_24pyn","size-500":"modal__size-500_24pyn","size-600":"modal__size-600_24pyn","size-800":"modal__size-800_24pyn","size-1140":"modal__size-1140_24pyn"};
4
4
 
5
5
  export { desktopStyles as default };
6
6
  //# sourceMappingURL=desktop.module.css.js.map
@@ -5,14 +5,14 @@
5
5
  --modal-footer-background: var(--color-light-modal-bg-primary);
6
6
  --modal-footer-highlight-background: var(--color-light-modal-bg-primary);
7
7
  --modal-footer-highlight-box-shadow: 0 -1px 0 0 var(--color-light-neutral-300);
8
- } .modal__footer_1t03d {
8
+ } .modal__footer_1ceaa {
9
9
  width: 100%;
10
10
  box-sizing: border-box;
11
11
  transition: box-shadow 0.2s ease, background 0.2s ease;
12
- } .modal__sticky_1t03d {
12
+ } .modal__sticky_1ceaa {
13
13
  background: var(--modal-footer-background);
14
14
  position: sticky;
15
- } .modal__highlighted_1t03d {
15
+ } .modal__highlighted_1ceaa {
16
16
  background: var(--modal-footer-highlight-background);
17
17
  box-shadow: var(--modal-footer-highlight-box-shadow);
18
18
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"footer":"modal__footer_1t03d","sticky":"modal__sticky_1t03d","highlighted":"modal__highlighted_1t03d"};
3
+ var styles = {"footer":"modal__footer_1ceaa","sticky":"modal__sticky_1ceaa","highlighted":"modal__highlighted_1ceaa"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map