@alfalab/core-components-modal 9.3.2 → 9.3.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 (71) hide show
  1. package/Component.js +4 -3
  2. package/Component.responsive.js +1 -0
  3. package/components/content/Component.js +3 -3
  4. package/components/content/desktop.css +7 -7
  5. package/components/content/index.css +4 -4
  6. package/components/content/mobile.css +3 -3
  7. package/components/controls/Component.js +2 -2
  8. package/components/controls/index.css +2 -2
  9. package/components/footer/Component.js +4 -4
  10. package/components/footer/desktop.css +9 -9
  11. package/components/footer/index.css +4 -4
  12. package/components/footer/layout.css +17 -17
  13. package/components/footer/mobile.css +3 -3
  14. package/components/header/Component.js +3 -3
  15. package/components/header/desktop.css +15 -15
  16. package/components/header/index.css +4 -4
  17. package/components/header/mobile.css +4 -4
  18. package/cssm/Component.js +1 -0
  19. package/cssm/Component.responsive.js +1 -0
  20. package/desktop/desktop.css +9 -9
  21. package/esm/Component.js +4 -3
  22. package/esm/Component.responsive.js +1 -0
  23. package/esm/components/content/Component.js +3 -3
  24. package/esm/components/content/desktop.css +7 -7
  25. package/esm/components/content/index.css +4 -4
  26. package/esm/components/content/mobile.css +3 -3
  27. package/esm/components/controls/Component.js +2 -2
  28. package/esm/components/controls/index.css +2 -2
  29. package/esm/components/footer/Component.js +4 -4
  30. package/esm/components/footer/desktop.css +9 -9
  31. package/esm/components/footer/index.css +4 -4
  32. package/esm/components/footer/layout.css +17 -17
  33. package/esm/components/footer/mobile.css +3 -3
  34. package/esm/components/header/Component.js +3 -3
  35. package/esm/components/header/desktop.css +15 -15
  36. package/esm/components/header/index.css +4 -4
  37. package/esm/components/header/mobile.css +4 -4
  38. package/esm/desktop/desktop.css +9 -9
  39. package/esm/layout.module-ccf01cec.js +4 -0
  40. package/esm/mobile/mobile.css +2 -2
  41. package/esm/transitions.css +8 -8
  42. package/layout.module-28a03c4b.js +6 -0
  43. package/mobile/mobile.css +2 -2
  44. package/modern/Component.js +4 -3
  45. package/modern/Component.responsive.js +1 -0
  46. package/modern/components/content/Component.js +3 -3
  47. package/modern/components/content/desktop.css +7 -7
  48. package/modern/components/content/index.css +4 -4
  49. package/modern/components/content/mobile.css +3 -3
  50. package/modern/components/controls/Component.js +2 -2
  51. package/modern/components/controls/index.css +2 -2
  52. package/modern/components/footer/Component.js +4 -4
  53. package/modern/components/footer/desktop.css +9 -9
  54. package/modern/components/footer/index.css +4 -4
  55. package/modern/components/footer/layout.css +17 -17
  56. package/modern/components/footer/mobile.css +3 -3
  57. package/modern/components/header/Component.js +3 -3
  58. package/modern/components/header/desktop.css +15 -15
  59. package/modern/components/header/index.css +4 -4
  60. package/modern/components/header/mobile.css +4 -4
  61. package/modern/desktop/desktop.css +9 -9
  62. package/modern/layout.module-b86240a4.js +4 -0
  63. package/modern/mobile/mobile.css +2 -2
  64. package/modern/transitions.css +8 -8
  65. package/package.json +3 -3
  66. package/src/Component.responsive.tsx +2 -0
  67. package/src/Component.tsx +2 -0
  68. package/transitions.css +8 -8
  69. package/esm/layout.module-8c2ad581.js +0 -4
  70. package/layout.module-9c7f42a7.js +0 -6
  71. package/modern/layout.module-7b9f84d6.js +0 -4
@@ -1,4 +1,4 @@
1
- /* hash: 1l6p8 */
1
+ /* hash: 9bjm0 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -30,12 +30,12 @@
30
30
  /* mobile */
31
31
 
32
32
  /* paddings */
33
- } .modal__size-500_v107z,
34
- .modal__size-600_v107z,
35
- .modal__size-800_v107z,
36
- .modal__size-1140_v107z,
37
- .modal__fullscreen_v107z {
33
+ } .modal__size-500_1nqj8,
34
+ .modal__size-600_1nqj8,
35
+ .modal__size-800_1nqj8,
36
+ .modal__size-1140_1nqj8,
37
+ .modal__fullscreen_1nqj8 {
38
38
  padding: var(--modal-s-content-paddings)
39
- } .modal__size-500_v107z:last-child, .modal__size-600_v107z:last-child, .modal__size-800_v107z:last-child, .modal__size-1140_v107z:last-child, .modal__fullscreen_v107z:last-child {
39
+ } .modal__size-500_1nqj8:last-child, .modal__size-600_1nqj8:last-child, .modal__size-800_1nqj8:last-child, .modal__size-1140_1nqj8:last-child, .modal__fullscreen_1nqj8:last-child {
40
40
  padding-bottom: var(--modal-s-content-only-bottom-padding);
41
41
  }
@@ -1,4 +1,4 @@
1
- /* hash: 13eue */
1
+ /* hash: 1hikr */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -27,13 +27,13 @@
27
27
  /* mobile */
28
28
 
29
29
  /* paddings */
30
- } .modal__content_1mci6 {
30
+ } .modal__content_g0x5h {
31
31
  position: relative;
32
32
  box-sizing: border-box;
33
33
  width: 100%;
34
34
  z-index: 0
35
- } .modal__content_1mci6.modal__withHeader_1mci6 {
35
+ } .modal__content_g0x5h.modal__withHeader_g0x5h {
36
36
  padding-top: 0;
37
- } .modal__flex_1mci6 {
37
+ } .modal__flex_g0x5h {
38
38
  flex: 1;
39
39
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1h2vd */
1
+ /* hash: 17mzy */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -28,8 +28,8 @@
28
28
  /* mobile */
29
29
 
30
30
  /* paddings */
31
- } .modal__content_1377h {
31
+ } .modal__content_gm1g3 {
32
32
  padding: var(--gap-m) var(--gap-m) 0
33
- } .modal__content_1377h:last-child {
33
+ } .modal__content_gm1g3:last-child {
34
34
  padding-bottom: var(--gap-m);
35
35
  }
@@ -2,9 +2,9 @@ import React, { useContext } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { getDataTestId } from '@alfalab/core-components-shared/modern';
4
4
  import { ResponsiveContext } from '../../ResponsiveContext.js';
5
- import { l as layoutStyles } from '../../layout.module-7b9f84d6.js';
5
+ import { l as layoutStyles } from '../../layout.module-b86240a4.js';
6
6
 
7
- const styles = {"component":"modal__component_6629a"};
7
+ const styles = {"component":"modal__component_ccrv5"};
8
8
  require('./index.css')
9
9
 
10
10
  const Controls = ({ primary, secondary, gap, layout: layoutProp = 'start', mobileLayout = layoutProp, }) => {
@@ -1,4 +1,4 @@
1
- /* hash: xxauy */
2
- .modal__component_6629a {
1
+ /* hash: 14dne */
2
+ .modal__component_ccrv5 {
3
3
  width: 100%;
4
4
  }
@@ -4,15 +4,15 @@ import { getDataTestId } from '@alfalab/core-components-shared/modern';
4
4
  import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
5
5
  import { ModalContext } from '../../Context.js';
6
6
  import { ResponsiveContext } from '../../ResponsiveContext.js';
7
- import { l as layoutStyles } from '../../layout.module-7b9f84d6.js';
7
+ import { l as layoutStyles } from '../../layout.module-b86240a4.js';
8
8
 
9
- const desktopStyles = {"footer":"modal__footer_e5vdf","sticky":"modal__sticky_e5vdf","fullscreen":"modal__fullscreen_e5vdf","size-500":"modal__size-500_e5vdf","size-600":"modal__size-600_e5vdf","size-800":"modal__size-800_e5vdf","size-1140":"modal__size-1140_e5vdf"};
9
+ const desktopStyles = {"footer":"modal__footer_qgxyy","sticky":"modal__sticky_qgxyy","fullscreen":"modal__fullscreen_qgxyy","size-500":"modal__size-500_qgxyy","size-600":"modal__size-600_qgxyy","size-800":"modal__size-800_qgxyy","size-1140":"modal__size-1140_qgxyy"};
10
10
  require('./desktop.css')
11
11
 
12
- const styles = {"footer":"modal__footer_1j0jo","sticky":"modal__sticky_1j0jo","highlighted":"modal__highlighted_1j0jo"};
12
+ const styles = {"footer":"modal__footer_1vbma","sticky":"modal__sticky_1vbma","highlighted":"modal__highlighted_1vbma"};
13
13
  require('./index.css')
14
14
 
15
- const mobileStyles = {"footer":"modal__footer_1olbo","sticky":"modal__sticky_1olbo"};
15
+ const mobileStyles = {"footer":"modal__footer_15uwy","sticky":"modal__sticky_15uwy"};
16
16
  require('./mobile.css')
17
17
 
18
18
  const Footer = ({ children, className, sticky, layout = 'start', gap }) => {
@@ -1,4 +1,4 @@
1
- /* hash: do8o6 */
1
+ /* hash: 1dnvq */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -33,17 +33,17 @@
33
33
  /* mobile */
34
34
 
35
35
  /* paddings */
36
- } .modal__footer_e5vdf {
36
+ } .modal__footer_qgxyy {
37
37
  border-bottom-left-radius: var(--modal-border-radius);
38
38
  border-bottom-right-radius: var(--modal-border-radius);
39
- } .modal__sticky_e5vdf {
39
+ } .modal__sticky_qgxyy {
40
40
  bottom: calc(var(--modal-vertical-padding) * -1)
41
- } .modal__sticky_e5vdf.modal__fullscreen_e5vdf {
41
+ } .modal__sticky_qgxyy.modal__fullscreen_qgxyy {
42
42
  bottom: 0;
43
- } .modal__size-500_e5vdf,
44
- .modal__size-600_e5vdf,
45
- .modal__size-800_e5vdf,
46
- .modal__size-1140_e5vdf,
47
- .modal__fullscreen_e5vdf {
43
+ } .modal__size-500_qgxyy,
44
+ .modal__size-600_qgxyy,
45
+ .modal__size-800_qgxyy,
46
+ .modal__size-1140_qgxyy,
47
+ .modal__fullscreen_qgxyy {
48
48
  padding: var(--modal-s-footer-paddings);
49
49
  }
@@ -1,4 +1,4 @@
1
- /* hash: xigsi */
1
+ /* hash: 1xi3u */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff;
@@ -32,14 +32,14 @@
32
32
  /* mobile */
33
33
 
34
34
  /* paddings */
35
- } .modal__footer_1j0jo {
35
+ } .modal__footer_1vbma {
36
36
  width: 100%;
37
37
  box-sizing: border-box;
38
38
  transition: box-shadow 0.2s ease, background 0.2s ease;
39
- } .modal__sticky_1j0jo {
39
+ } .modal__sticky_1vbma {
40
40
  background: var(--modal-footer-background);
41
41
  position: sticky;
42
- } .modal__highlighted_1j0jo {
42
+ } .modal__highlighted_1vbma {
43
43
  background: var(--modal-footer-highlight-background);
44
44
  box-shadow: var(--modal-footer-highlight-box-shadow);
45
45
  }
@@ -1,4 +1,4 @@
1
- /* hash: ppal7 */
1
+ /* hash: 1poxn */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -31,35 +31,35 @@
31
31
  /* mobile */
32
32
 
33
33
  /* paddings */
34
- } .modal__column_1a9vo {
34
+ } .modal__column_1mky9 {
35
35
  display: flex;
36
36
  flex-direction: column
37
- } .modal__column_1a9vo > *:not(:last-child):not(:only-child) {
37
+ } .modal__column_1mky9 > *:not(:last-child):not(:only-child) {
38
38
  margin-bottom: var(--modal-footer-default-gap);
39
- } .modal__column_1a9vo.modal__gap-16_1a9vo > *:not(:last-child):not(:only-child) {
39
+ } .modal__column_1mky9.modal__gap-16_1mky9 > *:not(:last-child):not(:only-child) {
40
40
  margin-bottom: var(--gap-m);
41
- } .modal__column_1a9vo.modal__gap-24_1a9vo > *:not(:last-child):not(:only-child) {
41
+ } .modal__column_1mky9.modal__gap-24_1mky9 > *:not(:last-child):not(:only-child) {
42
42
  margin-bottom: var(--gap-xl);
43
- } .modal__column_1a9vo.modal__gap-32_1a9vo > *:not(:last-child):not(:only-child) {
43
+ } .modal__column_1mky9.modal__gap-32_1mky9 > *:not(:last-child):not(:only-child) {
44
44
  margin-bottom: var(--gap-2xl);
45
- } .modal__start_1a9vo {
45
+ } .modal__start_1mky9 {
46
46
  justify-content: flex-start;
47
- } .modal__center_1a9vo {
47
+ } .modal__center_1mky9 {
48
48
  justify-content: center;
49
- } .modal__space-between_1a9vo {
49
+ } .modal__space-between_1mky9 {
50
50
  justify-content: space-between
51
- } .modal__space-between_1a9vo > * {
51
+ } .modal__space-between_1mky9 > * {
52
52
  flex: 1;
53
- } .modal__start_1a9vo,
54
- .modal__center_1a9vo,
55
- .modal__space-between_1a9vo {
53
+ } .modal__start_1mky9,
54
+ .modal__center_1mky9,
55
+ .modal__space-between_1mky9 {
56
56
  display: flex
57
- } .modal__start_1a9vo > *:not(:last-child):not(:only-child), .modal__center_1a9vo > *:not(:last-child):not(:only-child), .modal__space-between_1a9vo > *:not(:last-child):not(:only-child) {
57
+ } .modal__start_1mky9 > *:not(:last-child):not(:only-child), .modal__center_1mky9 > *:not(:last-child):not(:only-child), .modal__space-between_1mky9 > *:not(:last-child):not(:only-child) {
58
58
  margin-right: var(--modal-footer-default-gap);
59
- } .modal__start_1a9vo.modal__gap-16_1a9vo > *:not(:last-child):not(:only-child), .modal__center_1a9vo.modal__gap-16_1a9vo > *:not(:last-child):not(:only-child), .modal__space-between_1a9vo.modal__gap-16_1a9vo > *:not(:last-child):not(:only-child) {
59
+ } .modal__start_1mky9.modal__gap-16_1mky9 > *:not(:last-child):not(:only-child), .modal__center_1mky9.modal__gap-16_1mky9 > *:not(:last-child):not(:only-child), .modal__space-between_1mky9.modal__gap-16_1mky9 > *:not(:last-child):not(:only-child) {
60
60
  margin-right: var(--gap-m);
61
- } .modal__start_1a9vo.modal__gap-24_1a9vo > *:not(:last-child):not(:only-child), .modal__center_1a9vo.modal__gap-24_1a9vo > *:not(:last-child):not(:only-child), .modal__space-between_1a9vo.modal__gap-24_1a9vo > *:not(:last-child):not(:only-child) {
61
+ } .modal__start_1mky9.modal__gap-24_1mky9 > *:not(:last-child):not(:only-child), .modal__center_1mky9.modal__gap-24_1mky9 > *:not(:last-child):not(:only-child), .modal__space-between_1mky9.modal__gap-24_1mky9 > *:not(:last-child):not(:only-child) {
62
62
  margin-right: var(--gap-xl);
63
- } .modal__start_1a9vo.modal__gap-32_1a9vo > *:not(:last-child):not(:only-child), .modal__center_1a9vo.modal__gap-32_1a9vo > *:not(:last-child):not(:only-child), .modal__space-between_1a9vo.modal__gap-32_1a9vo > *:not(:last-child):not(:only-child) {
63
+ } .modal__start_1mky9.modal__gap-32_1mky9 > *:not(:last-child):not(:only-child), .modal__center_1mky9.modal__gap-32_1mky9 > *:not(:last-child):not(:only-child), .modal__space-between_1mky9.modal__gap-32_1mky9 > *:not(:last-child):not(:only-child) {
64
64
  margin-right: var(--gap-2xl);
65
65
  }
@@ -1,4 +1,4 @@
1
- /* hash: 1ffy3 */
1
+ /* hash: 18zlj */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -28,8 +28,8 @@
28
28
  /* mobile */
29
29
 
30
30
  /* paddings */
31
- } .modal__footer_1olbo {
31
+ } .modal__footer_15uwy {
32
32
  padding: var(--gap-m);
33
- } .modal__sticky_1olbo {
33
+ } .modal__sticky_15uwy {
34
34
  bottom: 0;
35
35
  }
@@ -6,13 +6,13 @@ import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
6
6
  import { ModalContext } from '../../Context.js';
7
7
  import { ResponsiveContext } from '../../ResponsiveContext.js';
8
8
 
9
- const desktopStyles = {"header":"modal__header_1hiie","content":"modal__content_1hiie","size-500":"modal__size-500_1hiie","size-600":"modal__size-600_1hiie","size-800":"modal__size-800_1hiie","size-1140":"modal__size-1140_1hiie","fullscreen":"modal__fullscreen_1hiie","sticky":"modal__sticky_1hiie"};
9
+ const desktopStyles = {"header":"modal__header_1ttl0","content":"modal__content_1ttl0","size-500":"modal__size-500_1ttl0","size-600":"modal__size-600_1ttl0","size-800":"modal__size-800_1ttl0","size-1140":"modal__size-1140_1ttl0","fullscreen":"modal__fullscreen_1ttl0","sticky":"modal__sticky_1ttl0"};
10
10
  require('./desktop.css')
11
11
 
12
- const styles = {"highlighted":"modal__highlighted_12u4f","sticky":"modal__sticky_12u4f","hasContent":"modal__hasContent_12u4f"};
12
+ const styles = {"highlighted":"modal__highlighted_1f570","sticky":"modal__sticky_1f570","hasContent":"modal__hasContent_1f570"};
13
13
  require('./index.css')
14
14
 
15
- const mobileStyles = {"header":"modal__header_1qcm8","sticky":"modal__sticky_1qcm8","content":"modal__content_1qcm8"};
15
+ const mobileStyles = {"header":"modal__header_1k5wm","sticky":"modal__sticky_1k5wm","content":"modal__content_1k5wm"};
16
16
  require('./mobile.css')
17
17
 
18
18
  const Header = ({ className, sticky, title, children, contentClassName, hasCloser = true, onClose: onHeaderClose, ...restProps }) => {
@@ -1,4 +1,4 @@
1
- /* hash: 1z10w */
1
+ /* hash: g1ltz */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -44,31 +44,31 @@
44
44
  /* mobile */
45
45
 
46
46
  /* paddings */
47
- } .modal__header_1hiie {
47
+ } .modal__header_1ttl0 {
48
48
  border-top-left-radius: var(--modal-border-radius);
49
49
  border-top-right-radius: var(--modal-border-radius);
50
- } .modal__content_1hiie {
50
+ } .modal__content_1ttl0 {
51
51
  font-weight: var(--modal-header-desktop-font-weight);
52
52
  font-family: var(--modal-header-desktop-font-family);
53
- } .modal__size-500_1hiie .modal__content_1hiie,
54
- .modal__size-600_1hiie .modal__content_1hiie {
53
+ } .modal__size-500_1ttl0 .modal__content_1ttl0,
54
+ .modal__size-600_1ttl0 .modal__content_1ttl0 {
55
55
  padding: var(--modal-s-header-desktop-content-paddings);
56
56
  font-size: var(--modal-s-header-desktop-font-size);
57
57
  line-height: var(--modal-s-header-desktop-line-height);
58
- } .modal__size-800_1hiie .modal__content_1hiie,
59
- .modal__size-1140_1hiie .modal__content_1hiie,
60
- .modal__fullscreen_1hiie .modal__content_1hiie {
58
+ } .modal__size-800_1ttl0 .modal__content_1ttl0,
59
+ .modal__size-1140_1ttl0 .modal__content_1ttl0,
60
+ .modal__fullscreen_1ttl0 .modal__content_1ttl0 {
61
61
  padding: var(--modal-l-header-desktop-content-paddings);
62
62
  font-size: var(--modal-l-header-desktop-font-size);
63
63
  line-height: var(--modal-l-header-desktop-line-height);
64
- } .modal__size-500_1hiie,
65
- .modal__size-600_1hiie,
66
- .modal__size-800_1hiie,
67
- .modal__size-1140_1hiie,
68
- .modal__fullscreen_1hiie {
64
+ } .modal__size-500_1ttl0,
65
+ .modal__size-600_1ttl0,
66
+ .modal__size-800_1ttl0,
67
+ .modal__size-1140_1ttl0,
68
+ .modal__fullscreen_1ttl0 {
69
69
  padding: var(--modal-s-header-paddings);
70
- } .modal__sticky_1hiie {
70
+ } .modal__sticky_1ttl0 {
71
71
  top: calc(var(--modal-vertical-padding) * -1)
72
- } .modal__sticky_1hiie.modal__fullscreen_1hiie {
72
+ } .modal__sticky_1ttl0.modal__fullscreen_1ttl0 {
73
73
  top: 0;
74
74
  }
@@ -1,4 +1,4 @@
1
- /* hash: o0v1g */
1
+ /* hash: 142k1 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-modal-bg-primary: #fff;
@@ -32,12 +32,12 @@
32
32
  /* mobile */
33
33
 
34
34
  /* paddings */
35
- } .modal__highlighted_12u4f {
35
+ } .modal__highlighted_1f570 {
36
36
  background: var(--modal-header-highlight-background);
37
37
  box-shadow: var(--modal-header-highlight-box-shadow);
38
- } .modal__sticky_12u4f {
38
+ } .modal__sticky_1f570 {
39
39
  position: sticky;
40
40
  z-index: 1
41
- } .modal__sticky_12u4f.modal__hasContent_12u4f {
41
+ } .modal__sticky_1f570.modal__hasContent_1f570 {
42
42
  background: var(--modal-header-background);
43
43
  }
@@ -1,4 +1,4 @@
1
- /* hash: 10zzg */
1
+ /* hash: 1xdyt */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -38,11 +38,11 @@
38
38
 
39
39
  /* paddings */
40
40
  --modal-header-mobile-paddings: var(--gap-2xs) var(--gap-xs);
41
- } .modal__header_1qcm8 {
41
+ } .modal__header_1k5wm {
42
42
  padding: var(--modal-header-mobile-paddings);
43
- } .modal__sticky_1qcm8 {
43
+ } .modal__sticky_1k5wm {
44
44
  top: 0;
45
- } .modal__content_1qcm8 {
45
+ } .modal__content_1k5wm {
46
46
  font-size: var(--modal-header-mobile-font-size);
47
47
  line-height: var(--modal-header-mobile-line-height);
48
48
  font-family: var(--modal-header-mobile-font-family);
@@ -1,4 +1,4 @@
1
- /* hash: jnzcq */
1
+ /* hash: b9o68 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -35,25 +35,25 @@
35
35
  /* mobile */
36
36
 
37
37
  /* paddings */
38
- } .modal__wrapper_uq812 {
38
+ } .modal__wrapper_1umgx {
39
39
  padding-top: var(--modal-vertical-padding);
40
40
  padding-bottom: var(--modal-vertical-padding);
41
- } .modal__component_uq812 {
41
+ } .modal__component_1umgx {
42
42
  width: 100%;
43
43
  max-width: 100%;
44
44
  border-radius: var(--modal-border-radius);
45
- } .modal__fullscreen_uq812 {
45
+ } .modal__fullscreen_1umgx {
46
46
  padding-top: 0;
47
47
  padding-bottom: 0
48
- } .modal__fullscreen_uq812 .modal__component_uq812 {
48
+ } .modal__fullscreen_1umgx .modal__component_1umgx {
49
49
  flex: 1;
50
50
  border-radius: 0;
51
- } .modal__size-500_uq812 {
51
+ } .modal__size-500_1umgx {
52
52
  width: var(--modal-s-width);
53
- } .modal__size-600_uq812 {
53
+ } .modal__size-600_1umgx {
54
54
  width: var(--modal-m-width);
55
- } .modal__size-800_uq812 {
55
+ } .modal__size-800_1umgx {
56
56
  width: var(--modal-l-width);
57
- } .modal__size-1140_uq812 {
57
+ } .modal__size-1140_1umgx {
58
58
  width: var(--modal-xl-width);
59
59
  }
@@ -0,0 +1,4 @@
1
+ const layoutStyles = {"column":"modal__column_1mky9","gap-16":"modal__gap-16_1mky9","gap-24":"modal__gap-24_1mky9","gap-32":"modal__gap-32_1mky9","start":"modal__start_1mky9","center":"modal__center_1mky9","space-between":"modal__space-between_1mky9"};
2
+ require('./components/footer/layout.css')
3
+
4
+ export { layoutStyles as l };
@@ -1,4 +1,4 @@
1
- /* hash: 11v88 */
1
+ /* hash: 2tr8h */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -27,7 +27,7 @@
27
27
  /* mobile */
28
28
 
29
29
  /* paddings */
30
- } .modal__component_1ucnn {
30
+ } .modal__component_7mm6k {
31
31
  flex: 1;
32
32
  width: 100%;
33
33
  max-width: 600px;
@@ -1,24 +1,24 @@
1
- /* hash: c0z5a */
2
- .modal__appear_ckgjj,
3
- .modal__enter_ckgjj {
1
+ /* hash: 1wycu */
2
+ .modal__appear_1iw1k,
3
+ .modal__enter_1iw1k {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .modal__appearActive_ckgjj,
9
- .modal__enterActive_ckgjj {
8
+ .modal__appearActive_1iw1k,
9
+ .modal__enterActive_1iw1k {
10
10
  opacity: 1;
11
11
  transform: translateY(0);
12
12
  transition: opacity 200ms ease-in, transform 200ms ease-in;
13
13
  }
14
14
 
15
- .modal__exit_ckgjj {
15
+ .modal__exit_1iw1k {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .modal__exitActive_ckgjj,
21
- .modal__exitDone_ckgjj {
20
+ .modal__exitActive_1iw1k,
21
+ .modal__exitDone_1iw1k {
22
22
  opacity: 0;
23
23
  transform: translateY(15px);
24
24
  transition: opacity 200ms ease-out, transform 200ms ease-out;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-modal",
3
- "version": "9.3.2",
3
+ "version": "9.3.3",
4
4
  "description": "Modal component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -11,8 +11,8 @@
11
11
  "directory": "dist"
12
12
  },
13
13
  "dependencies": {
14
- "@alfalab/core-components-base-modal": "^5.7.5",
15
- "@alfalab/core-components-navigation-bar-private": "^0.1.2",
14
+ "@alfalab/core-components-base-modal": "^5.7.6",
15
+ "@alfalab/core-components-navigation-bar-private": "^0.1.3",
16
16
  "@alfalab/core-components-shared": "^0.10.0",
17
17
  "@alfalab/core-components-mq": "^4.2.0",
18
18
  "classnames": "^2.3.1",
@@ -27,3 +27,5 @@ export const ModalResponsive = Object.assign(ModalResponsiveComponent, {
27
27
  Footer,
28
28
  Controls,
29
29
  });
30
+
31
+ ModalResponsiveComponent.displayName = 'ModalResponsiveComponent';
package/src/Component.tsx CHANGED
@@ -97,3 +97,5 @@ export const Modal = forwardRef<HTMLDivElement, ModalDesktopProps & { view: View
97
97
  );
98
98
  },
99
99
  );
100
+
101
+ Modal.displayName = 'Modal';
package/transitions.css CHANGED
@@ -1,24 +1,24 @@
1
- /* hash: c0z5a */
2
- .modal__appear_ckgjj,
3
- .modal__enter_ckgjj {
1
+ /* hash: 1wycu */
2
+ .modal__appear_1iw1k,
3
+ .modal__enter_1iw1k {
4
4
  opacity: 0;
5
5
  transform: translateY(15px);
6
6
  }
7
7
 
8
- .modal__appearActive_ckgjj,
9
- .modal__enterActive_ckgjj {
8
+ .modal__appearActive_1iw1k,
9
+ .modal__enterActive_1iw1k {
10
10
  opacity: 1;
11
11
  transform: translateY(0);
12
12
  transition: opacity 200ms ease-in, transform 200ms ease-in;
13
13
  }
14
14
 
15
- .modal__exit_ckgjj {
15
+ .modal__exit_1iw1k {
16
16
  opacity: 1;
17
17
  transform: translateY(0);
18
18
  }
19
19
 
20
- .modal__exitActive_ckgjj,
21
- .modal__exitDone_ckgjj {
20
+ .modal__exitActive_1iw1k,
21
+ .modal__exitDone_1iw1k {
22
22
  opacity: 0;
23
23
  transform: translateY(15px);
24
24
  transition: opacity 200ms ease-out, transform 200ms ease-out;
@@ -1,4 +0,0 @@
1
- var layoutStyles = {"column":"modal__column_1a9vo","gap-16":"modal__gap-16_1a9vo","gap-24":"modal__gap-24_1a9vo","gap-32":"modal__gap-32_1a9vo","start":"modal__start_1a9vo","center":"modal__center_1a9vo","space-between":"modal__space-between_1a9vo"};
2
- require('./components/footer/layout.css')
3
-
4
- export { layoutStyles as l };
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var layoutStyles = {"column":"modal__column_1a9vo","gap-16":"modal__gap-16_1a9vo","gap-24":"modal__gap-24_1a9vo","gap-32":"modal__gap-32_1a9vo","start":"modal__start_1a9vo","center":"modal__center_1a9vo","space-between":"modal__space-between_1a9vo"};
4
- require('./components/footer/layout.css')
5
-
6
- exports.layoutStyles = layoutStyles;
@@ -1,4 +0,0 @@
1
- const layoutStyles = {"column":"modal__column_1a9vo","gap-16":"modal__gap-16_1a9vo","gap-24":"modal__gap-24_1a9vo","gap-32":"modal__gap-32_1a9vo","start":"modal__start_1a9vo","center":"modal__center_1a9vo","space-between":"modal__space-between_1a9vo"};
2
- require('./components/footer/layout.css')
3
-
4
- export { layoutStyles as l };