@alfalab/core-components-bottom-sheet 8.1.10 → 8.1.11

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 (67) hide show
  1. package/components/footer/default.css +3 -3
  2. package/components/footer/default.module.css.js +1 -1
  3. package/components/footer/index.css +4 -3
  4. package/components/footer/index.module.css.js +1 -1
  5. package/components/footer/index.module.css.js.map +1 -1
  6. package/components/footer/inverted.css +3 -3
  7. package/components/footer/inverted.module.css.js +1 -1
  8. package/components/header/default.css +4 -4
  9. package/components/header/default.module.css.js +1 -1
  10. package/components/header/index.css +14 -13
  11. package/components/header/index.module.css.js +1 -1
  12. package/components/header/index.module.css.js.map +1 -1
  13. package/components/header/inverted.css +4 -4
  14. package/components/header/inverted.module.css.js +1 -1
  15. package/cssm/components/footer/index.module.css +1 -0
  16. package/cssm/components/header/index.module.css +1 -0
  17. package/default.css +4 -4
  18. package/default.module.css.js +1 -1
  19. package/esm/components/footer/default.css +3 -3
  20. package/esm/components/footer/default.module.css.js +1 -1
  21. package/esm/components/footer/index.css +4 -3
  22. package/esm/components/footer/index.module.css.js +1 -1
  23. package/esm/components/footer/index.module.css.js.map +1 -1
  24. package/esm/components/footer/inverted.css +3 -3
  25. package/esm/components/footer/inverted.module.css.js +1 -1
  26. package/esm/components/header/default.css +4 -4
  27. package/esm/components/header/default.module.css.js +1 -1
  28. package/esm/components/header/index.css +14 -13
  29. package/esm/components/header/index.module.css.js +1 -1
  30. package/esm/components/header/index.module.css.js.map +1 -1
  31. package/esm/components/header/inverted.css +4 -4
  32. package/esm/components/header/inverted.module.css.js +1 -1
  33. package/esm/default.css +4 -4
  34. package/esm/default.module.css.js +1 -1
  35. package/esm/index.css +45 -45
  36. package/esm/index.module.css.js +1 -1
  37. package/esm/inverted.css +4 -4
  38. package/esm/inverted.module.css.js +1 -1
  39. package/index.css +45 -45
  40. package/index.module.css.js +1 -1
  41. package/inverted.css +4 -4
  42. package/inverted.module.css.js +1 -1
  43. package/modern/components/footer/default.css +3 -3
  44. package/modern/components/footer/default.module.css.js +1 -1
  45. package/modern/components/footer/index.css +4 -3
  46. package/modern/components/footer/index.module.css.js +1 -1
  47. package/modern/components/footer/index.module.css.js.map +1 -1
  48. package/modern/components/footer/inverted.css +3 -3
  49. package/modern/components/footer/inverted.module.css.js +1 -1
  50. package/modern/components/header/default.css +4 -4
  51. package/modern/components/header/default.module.css.js +1 -1
  52. package/modern/components/header/index.css +14 -13
  53. package/modern/components/header/index.module.css.js +1 -1
  54. package/modern/components/header/index.module.css.js.map +1 -1
  55. package/modern/components/header/inverted.css +4 -4
  56. package/modern/components/header/inverted.module.css.js +1 -1
  57. package/modern/default.css +4 -4
  58. package/modern/default.module.css.js +1 -1
  59. package/modern/index.css +45 -45
  60. package/modern/index.module.css.js +1 -1
  61. package/modern/inverted.css +4 -4
  62. package/modern/inverted.module.css.js +1 -1
  63. package/moderncssm/components/footer/index.module.css +1 -0
  64. package/moderncssm/components/header/index.module.css +1 -0
  65. package/package.json +5 -5
  66. package/src/components/footer/index.module.css +1 -0
  67. package/src/components/header/index.module.css +1 -0
@@ -8,12 +8,12 @@
8
8
  --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
9
9
  --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
10
10
  }
11
- .bottom-sheet__highlighted_p1q72 {
11
+ .bottom-sheet__highlighted_m5nt7 {
12
12
  background-color: var(--bottom-sheet-footer-background-color);
13
13
  }
14
- .bottom-sheet__highlighted_p1q72:not(:empty) {
14
+ .bottom-sheet__highlighted_m5nt7:not(:empty) {
15
15
  border-top: var(--bottom-sheet-footer-border-top);
16
16
  }
17
- .bottom-sheet__hasContent_p1q72 {
17
+ .bottom-sheet__hasContent_m5nt7 {
18
18
  color: var(--bottom-sheet-text-color);
19
19
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./default.css');
4
4
 
5
- var defaultColors = {"highlighted":"bottom-sheet__highlighted_p1q72","hasContent":"bottom-sheet__hasContent_p1q72"};
5
+ var defaultColors = {"highlighted":"bottom-sheet__highlighted_m5nt7","hasContent":"bottom-sheet__hasContent_m5nt7"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
@@ -3,17 +3,18 @@
3
3
  --gap-0: 0px;
4
4
  --gap-20: var(--gap-l);
5
5
  }
6
- .bottom-sheet__footer_j1y17 {
6
+ .bottom-sheet__footer_1nx0h {
7
7
  padding: var(--gap-20);
8
8
  }
9
- .bottom-sheet__footer_j1y17:empty {
9
+ .bottom-sheet__footer_1nx0h:empty {
10
10
  padding: var(--gap-20) var(--gap-0) var(--gap-0);
11
11
  position: sticky;
12
12
  bottom: var(--gap-0);
13
13
  z-index: 1;
14
14
  }
15
- .bottom-sheet__sticky_j1y17 {
15
+ .bottom-sheet__sticky_1nx0h {
16
16
  position: sticky;
17
17
  bottom: var(--gap-0);
18
+ left: var(--gap-0);
18
19
  z-index: 1;
19
20
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"footer":"bottom-sheet__footer_j1y17","sticky":"bottom-sheet__sticky_j1y17"};
5
+ var styles = {"footer":"bottom-sheet__footer_1nx0h","sticky":"bottom-sheet__sticky_1nx0h"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.footer {\n padding: var(--gap-20);\n\n &:empty {\n padding: var(--gap-20) var(--gap-0) var(--gap-0);\n position: sticky;\n bottom: var(--gap-0);\n z-index: 1;\n }\n}\n\n.sticky {\n position: sticky;\n bottom: var(--gap-0);\n z-index: 1;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,4BAA4B,CAAC,QAAQ,CAAC,4BAA4B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.footer {\n padding: var(--gap-20);\n\n &:empty {\n padding: var(--gap-20) var(--gap-0) var(--gap-0);\n position: sticky;\n bottom: var(--gap-0);\n z-index: 1;\n }\n}\n\n.sticky {\n position: sticky;\n bottom: var(--gap-0);\n left: var(--gap-0);\n z-index: 1;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,QAAQ,CAAC,4BAA4B,CAAC,QAAQ,CAAC,4BAA4B,CAAC;;;;"}
@@ -8,12 +8,12 @@
8
8
  --bottom-sheet-footer-background-color-inverted: var(--color-light-modal-bg-primary-inverted);
9
9
  --bottom-sheet-footer-border-top-inverted: 1px solid var(--color-light-neutral-300-inverted);
10
10
  }
11
- .bottom-sheet__highlighted_14s6m {
11
+ .bottom-sheet__highlighted_11w48 {
12
12
  background-color: var(--bottom-sheet-footer-background-color-inverted);
13
13
  }
14
- .bottom-sheet__highlighted_14s6m:not(:empty) {
14
+ .bottom-sheet__highlighted_11w48:not(:empty) {
15
15
  border-top: var(--bottom-sheet-footer-border-top-inverted);
16
16
  }
17
- .bottom-sheet__hasContent_14s6m {
17
+ .bottom-sheet__hasContent_11w48 {
18
18
  color: var(--bottom-sheet-text-color-inverted);
19
19
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./inverted.css');
4
4
 
5
- var invertedColors = {"highlighted":"bottom-sheet__highlighted_14s6m","hasContent":"bottom-sheet__hasContent_14s6m"};
5
+ var invertedColors = {"highlighted":"bottom-sheet__highlighted_11w48","hasContent":"bottom-sheet__hasContent_11w48"};
6
6
 
7
7
  module.exports = invertedColors;
8
8
  //# sourceMappingURL=inverted.module.css.js.map
@@ -6,15 +6,15 @@
6
6
  --bottom-sheet-header-border-bottom: 1px solid var(--color-light-neutral-300);
7
7
  --bottom-sheet-text-color: var(--color-light-text-primary);
8
8
  }
9
- .bottom-sheet__title_1ic4x {
9
+ .bottom-sheet__title_13qlp {
10
10
  color: var(--bottom-sheet-text-color);
11
11
  }
12
- .bottom-sheet__hasContent_1ic4x {
12
+ .bottom-sheet__hasContent_13qlp {
13
13
  background-color: inherit;
14
14
  }
15
- .bottom-sheet__subtitle_1ic4x.bottom-sheet__subtitle_1ic4x {
15
+ .bottom-sheet__subtitle_13qlp.bottom-sheet__subtitle_13qlp {
16
16
  color: var(--bottom-sheet-text-color);
17
17
  }
18
- .bottom-sheet__highlighted_1ic4x {
18
+ .bottom-sheet__highlighted_13qlp {
19
19
  border-bottom: var(--bottom-sheet-header-border-bottom);
20
20
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./default.css');
4
4
 
5
- var defaultColors = {"title":"bottom-sheet__title_1ic4x","hasContent":"bottom-sheet__hasContent_1ic4x","subtitle":"bottom-sheet__subtitle_1ic4x","highlighted":"bottom-sheet__highlighted_1ic4x"};
5
+ var defaultColors = {"title":"bottom-sheet__title_13qlp","hasContent":"bottom-sheet__hasContent_13qlp","subtitle":"bottom-sheet__subtitle_13qlp","highlighted":"bottom-sheet__highlighted_13qlp"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
@@ -12,38 +12,39 @@
12
12
  --font-family-system:
13
13
  system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
14
14
  }
15
- .bottom-sheet__headerBase_ai7cc {
15
+ .bottom-sheet__headerBase_1fd9s {
16
16
  border-top-left-radius: inherit;
17
17
  border-top-right-radius: inherit;
18
18
  z-index: 1;
19
19
  }
20
- .bottom-sheet__headerWrapper_ai7cc {
20
+ .bottom-sheet__headerWrapper_1fd9s {
21
21
  padding: var(--gap-12) var(--gap-12) var(--gap-4);
22
22
  }
23
- .bottom-sheet__headerWrapperWithoutSwipeMarker_ai7cc {
23
+ .bottom-sheet__headerWrapperWithoutSwipeMarker_1fd9s {
24
24
  padding: var(--gap-8) var(--gap-12) var(--gap-4);
25
25
  }
26
- .bottom-sheet__header_ai7cc {
26
+ .bottom-sheet__header_1fd9s {
27
27
  display: flex;
28
28
  }
29
- .bottom-sheet__sticky_ai7cc {
29
+ .bottom-sheet__sticky_1fd9s {
30
30
  position: sticky;
31
31
  top: var(--gap-0);
32
+ left: var(--gap-0);
32
33
  }
33
- .bottom-sheet__justifyEnd_ai7cc {
34
+ .bottom-sheet__justifyEnd_1fd9s {
34
35
  justify-content: flex-end;
35
36
  }
36
- .bottom-sheet__addon_ai7cc {
37
+ .bottom-sheet__addon_1fd9s {
37
38
  display: flex;
38
39
  justify-content: center;
39
40
  align-items: center;
40
41
  min-width: 48px;
41
42
  height: 48px;
42
43
  }
43
- .bottom-sheet__addonFixed_ai7cc {
44
+ .bottom-sheet__addonFixed_1fd9s {
44
45
  position: fixed;
45
46
  }
46
- .bottom-sheet__title_ai7cc {
47
+ .bottom-sheet__title_1fd9s {
47
48
  padding: var(--gap-10) var(--gap-8);
48
49
  width: 100%;
49
50
 
@@ -55,18 +56,18 @@
55
56
 
56
57
  font-family: var(--font-family-system);
57
58
  }
58
- .bottom-sheet__titleCenter_ai7cc {
59
+ .bottom-sheet__titleCenter_1fd9s {
59
60
  text-align: center;
60
61
  }
61
- .bottom-sheet__titleLeft_ai7cc {
62
+ .bottom-sheet__titleLeft_1fd9s {
62
63
  text-align: left;
63
64
  }
64
- .bottom-sheet__trimTitle_ai7cc {
65
+ .bottom-sheet__trimTitle_1fd9s {
65
66
  white-space: nowrap;
66
67
  overflow: hidden;
67
68
  text-overflow: ellipsis;
68
69
  }
69
- .bottom-sheet__subtitle_ai7cc {
70
+ .bottom-sheet__subtitle_1fd9s {
70
71
  width: 100%;
71
72
 
72
73
  font-size: 14px;
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"headerWrapper":"bottom-sheet__headerWrapper_ai7cc bottom-sheet__headerBase_ai7cc","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_ai7cc bottom-sheet__headerBase_ai7cc","sticky":"bottom-sheet__sticky_ai7cc","title":"bottom-sheet__title_ai7cc","subtitle":"bottom-sheet__subtitle_ai7cc"};
5
+ var styles = {"headerWrapper":"bottom-sheet__headerWrapper_1fd9s bottom-sheet__headerBase_1fd9s","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_1fd9s bottom-sheet__headerBase_1fd9s","sticky":"bottom-sheet__sticky_1fd9s","title":"bottom-sheet__title_1fd9s","subtitle":"bottom-sheet__subtitle_1fd9s"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/header/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.headerBase {\n border-top-left-radius: inherit;\n border-top-right-radius: inherit;\n z-index: 1;\n}\n\n.headerWrapper {\n composes: headerBase;\n padding: var(--gap-12) var(--gap-12) var(--gap-4);\n}\n\n.headerWrapperWithoutSwipeMarker {\n composes: headerBase;\n padding: var(--gap-8) var(--gap-12) var(--gap-4);\n}\n\n.header {\n display: flex;\n}\n\n.sticky {\n position: sticky;\n top: var(--gap-0);\n}\n\n.justifyEnd {\n justify-content: flex-end;\n}\n\n.addon {\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 48px;\n height: 48px;\n}\n\n.addonFixed {\n position: fixed;\n}\n\n.title {\n padding: var(--gap-10) var(--gap-8);\n width: 100%;\n\n @mixin headline-system-mobile_small;\n}\n\n.titleCenter {\n text-align: center;\n}\n\n.titleLeft {\n text-align: left;\n}\n\n.trimTitle {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.subtitle {\n width: 100%;\n\n @mixin paragraph_primary_small;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAA+C,eAAe,CAAC,kEAAkE,CAAC,iCAAiC,CAAC,oFAAoF,CAAuC,QAAQ,CAAC,4BAA4B,CAAiI,OAAO,CAAC,2BAA2B,CAAyI,UAAU,CAAC,8BAA8B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/header/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.headerBase {\n border-top-left-radius: inherit;\n border-top-right-radius: inherit;\n z-index: 1;\n}\n\n.headerWrapper {\n composes: headerBase;\n padding: var(--gap-12) var(--gap-12) var(--gap-4);\n}\n\n.headerWrapperWithoutSwipeMarker {\n composes: headerBase;\n padding: var(--gap-8) var(--gap-12) var(--gap-4);\n}\n\n.header {\n display: flex;\n}\n\n.sticky {\n position: sticky;\n top: var(--gap-0);\n left: var(--gap-0);\n}\n\n.justifyEnd {\n justify-content: flex-end;\n}\n\n.addon {\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 48px;\n height: 48px;\n}\n\n.addonFixed {\n position: fixed;\n}\n\n.title {\n padding: var(--gap-10) var(--gap-8);\n width: 100%;\n\n @mixin headline-system-mobile_small;\n}\n\n.titleCenter {\n text-align: center;\n}\n\n.titleLeft {\n text-align: left;\n}\n\n.trimTitle {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.subtitle {\n width: 100%;\n\n @mixin paragraph_primary_small;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAA+C,eAAe,CAAC,kEAAkE,CAAC,iCAAiC,CAAC,oFAAoF,CAAuC,QAAQ,CAAC,4BAA4B,CAAiI,OAAO,CAAC,2BAA2B,CAAyI,UAAU,CAAC,8BAA8B,CAAC;;;;"}
@@ -6,15 +6,15 @@
6
6
  --bottom-sheet-header-border-bottom-inverted: 1px solid var(--color-light-neutral-300-inverted);
7
7
  --bottom-sheet-text-color-inverted: var(--color-light-text-primary-inverted);
8
8
  }
9
- .bottom-sheet__title_c0o61 {
9
+ .bottom-sheet__title_1wg90 {
10
10
  color: var(--bottom-sheet-text-color-inverted);
11
11
  }
12
- .bottom-sheet__hasContent_c0o61 {
12
+ .bottom-sheet__hasContent_1wg90 {
13
13
  background-color: inherit;
14
14
  }
15
- .bottom-sheet__subtitle_c0o61.bottom-sheet__subtitle_c0o61 {
15
+ .bottom-sheet__subtitle_1wg90.bottom-sheet__subtitle_1wg90 {
16
16
  color: var(--bottom-sheet-text-color-inverted);
17
17
  }
18
- .bottom-sheet__highlighted_c0o61 {
18
+ .bottom-sheet__highlighted_1wg90 {
19
19
  border-bottom: var(--bottom-sheet-header-border-bottom-inverted);
20
20
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./inverted.css');
4
4
 
5
- var invertedColors = {"title":"bottom-sheet__title_c0o61","hasContent":"bottom-sheet__hasContent_c0o61","subtitle":"bottom-sheet__subtitle_c0o61","highlighted":"bottom-sheet__highlighted_c0o61"};
5
+ var invertedColors = {"title":"bottom-sheet__title_1wg90","hasContent":"bottom-sheet__hasContent_1wg90","subtitle":"bottom-sheet__subtitle_1wg90","highlighted":"bottom-sheet__highlighted_1wg90"};
6
6
 
7
7
  module.exports = invertedColors;
8
8
  //# sourceMappingURL=inverted.module.css.js.map
@@ -15,5 +15,6 @@
15
15
  .sticky {
16
16
  position: sticky;
17
17
  bottom: var(--gap-0);
18
+ left: var(--gap-0);
18
19
  z-index: 1;
19
20
  }
@@ -31,6 +31,7 @@
31
31
  .sticky {
32
32
  position: sticky;
33
33
  top: var(--gap-0);
34
+ left: var(--gap-0);
34
35
  }
35
36
  .justifyEnd {
36
37
  justify-content: flex-end;
package/default.css CHANGED
@@ -8,15 +8,15 @@
8
8
  --bottom-sheet-marker-color: var(--color-light-neutral-translucent-300);
9
9
  --bottom-sheet-text-color: var(--color-light-text-primary);
10
10
  }
11
- .bottom-sheet__component_mdpla {
11
+ .bottom-sheet__component_1r8s1 {
12
12
  background-color: var(--bottom-sheet-background-color);
13
13
  }
14
- .bottom-sheet__content_mdpla {
14
+ .bottom-sheet__content_1r8s1 {
15
15
  color: var(--bottom-sheet-text-color);
16
16
  }
17
- .bottom-sheet__defaultMarker_mdpla {
17
+ .bottom-sheet__defaultMarker_1r8s1 {
18
18
  background-color: var(--bottom-sheet-marker-color);
19
19
  }
20
- .bottom-sheet__hasContent_mdpla {
20
+ .bottom-sheet__hasContent_1r8s1 {
21
21
  color: var(--bottom-sheet-text-color);
22
22
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./default.css');
4
4
 
5
- var defaultColors = {"component":"bottom-sheet__component_mdpla","content":"bottom-sheet__content_mdpla","defaultMarker":"bottom-sheet__defaultMarker_mdpla","hasContent":"bottom-sheet__hasContent_mdpla"};
5
+ var defaultColors = {"component":"bottom-sheet__component_1r8s1","content":"bottom-sheet__content_1r8s1","defaultMarker":"bottom-sheet__defaultMarker_1r8s1","hasContent":"bottom-sheet__hasContent_1r8s1"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
@@ -8,12 +8,12 @@
8
8
  --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
9
9
  --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
10
10
  }
11
- .bottom-sheet__highlighted_p1q72 {
11
+ .bottom-sheet__highlighted_m5nt7 {
12
12
  background-color: var(--bottom-sheet-footer-background-color);
13
13
  }
14
- .bottom-sheet__highlighted_p1q72:not(:empty) {
14
+ .bottom-sheet__highlighted_m5nt7:not(:empty) {
15
15
  border-top: var(--bottom-sheet-footer-border-top);
16
16
  }
17
- .bottom-sheet__hasContent_p1q72 {
17
+ .bottom-sheet__hasContent_m5nt7 {
18
18
  color: var(--bottom-sheet-text-color);
19
19
  }
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- var defaultColors = {"highlighted":"bottom-sheet__highlighted_p1q72","hasContent":"bottom-sheet__hasContent_p1q72"};
3
+ var defaultColors = {"highlighted":"bottom-sheet__highlighted_m5nt7","hasContent":"bottom-sheet__hasContent_m5nt7"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
@@ -3,17 +3,18 @@
3
3
  --gap-0: 0px;
4
4
  --gap-20: var(--gap-l);
5
5
  }
6
- .bottom-sheet__footer_j1y17 {
6
+ .bottom-sheet__footer_1nx0h {
7
7
  padding: var(--gap-20);
8
8
  }
9
- .bottom-sheet__footer_j1y17:empty {
9
+ .bottom-sheet__footer_1nx0h:empty {
10
10
  padding: var(--gap-20) var(--gap-0) var(--gap-0);
11
11
  position: sticky;
12
12
  bottom: var(--gap-0);
13
13
  z-index: 1;
14
14
  }
15
- .bottom-sheet__sticky_j1y17 {
15
+ .bottom-sheet__sticky_1nx0h {
16
16
  position: sticky;
17
17
  bottom: var(--gap-0);
18
+ left: var(--gap-0);
18
19
  z-index: 1;
19
20
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"footer":"bottom-sheet__footer_j1y17","sticky":"bottom-sheet__sticky_j1y17"};
3
+ var styles = {"footer":"bottom-sheet__footer_1nx0h","sticky":"bottom-sheet__sticky_1nx0h"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.footer {\n padding: var(--gap-20);\n\n &:empty {\n padding: var(--gap-20) var(--gap-0) var(--gap-0);\n position: sticky;\n bottom: var(--gap-0);\n z-index: 1;\n }\n}\n\n.sticky {\n position: sticky;\n bottom: var(--gap-0);\n z-index: 1;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,4BAA4B,CAAC,QAAQ,CAAC,4BAA4B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/footer/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.footer {\n padding: var(--gap-20);\n\n &:empty {\n padding: var(--gap-20) var(--gap-0) var(--gap-0);\n position: sticky;\n bottom: var(--gap-0);\n z-index: 1;\n }\n}\n\n.sticky {\n position: sticky;\n bottom: var(--gap-0);\n left: var(--gap-0);\n z-index: 1;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,QAAQ,CAAC,4BAA4B,CAAC,QAAQ,CAAC,4BAA4B,CAAC;;;;"}
@@ -8,12 +8,12 @@
8
8
  --bottom-sheet-footer-background-color-inverted: var(--color-light-modal-bg-primary-inverted);
9
9
  --bottom-sheet-footer-border-top-inverted: 1px solid var(--color-light-neutral-300-inverted);
10
10
  }
11
- .bottom-sheet__highlighted_14s6m {
11
+ .bottom-sheet__highlighted_11w48 {
12
12
  background-color: var(--bottom-sheet-footer-background-color-inverted);
13
13
  }
14
- .bottom-sheet__highlighted_14s6m:not(:empty) {
14
+ .bottom-sheet__highlighted_11w48:not(:empty) {
15
15
  border-top: var(--bottom-sheet-footer-border-top-inverted);
16
16
  }
17
- .bottom-sheet__hasContent_14s6m {
17
+ .bottom-sheet__hasContent_11w48 {
18
18
  color: var(--bottom-sheet-text-color-inverted);
19
19
  }
@@ -1,6 +1,6 @@
1
1
  import './inverted.css';
2
2
 
3
- var invertedColors = {"highlighted":"bottom-sheet__highlighted_14s6m","hasContent":"bottom-sheet__hasContent_14s6m"};
3
+ var invertedColors = {"highlighted":"bottom-sheet__highlighted_11w48","hasContent":"bottom-sheet__hasContent_11w48"};
4
4
 
5
5
  export { invertedColors as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map
@@ -6,15 +6,15 @@
6
6
  --bottom-sheet-header-border-bottom: 1px solid var(--color-light-neutral-300);
7
7
  --bottom-sheet-text-color: var(--color-light-text-primary);
8
8
  }
9
- .bottom-sheet__title_1ic4x {
9
+ .bottom-sheet__title_13qlp {
10
10
  color: var(--bottom-sheet-text-color);
11
11
  }
12
- .bottom-sheet__hasContent_1ic4x {
12
+ .bottom-sheet__hasContent_13qlp {
13
13
  background-color: inherit;
14
14
  }
15
- .bottom-sheet__subtitle_1ic4x.bottom-sheet__subtitle_1ic4x {
15
+ .bottom-sheet__subtitle_13qlp.bottom-sheet__subtitle_13qlp {
16
16
  color: var(--bottom-sheet-text-color);
17
17
  }
18
- .bottom-sheet__highlighted_1ic4x {
18
+ .bottom-sheet__highlighted_13qlp {
19
19
  border-bottom: var(--bottom-sheet-header-border-bottom);
20
20
  }
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- var defaultColors = {"title":"bottom-sheet__title_1ic4x","hasContent":"bottom-sheet__hasContent_1ic4x","subtitle":"bottom-sheet__subtitle_1ic4x","highlighted":"bottom-sheet__highlighted_1ic4x"};
3
+ var defaultColors = {"title":"bottom-sheet__title_13qlp","hasContent":"bottom-sheet__hasContent_13qlp","subtitle":"bottom-sheet__subtitle_13qlp","highlighted":"bottom-sheet__highlighted_13qlp"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
@@ -12,38 +12,39 @@
12
12
  --font-family-system:
13
13
  system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
14
14
  }
15
- .bottom-sheet__headerBase_ai7cc {
15
+ .bottom-sheet__headerBase_1fd9s {
16
16
  border-top-left-radius: inherit;
17
17
  border-top-right-radius: inherit;
18
18
  z-index: 1;
19
19
  }
20
- .bottom-sheet__headerWrapper_ai7cc {
20
+ .bottom-sheet__headerWrapper_1fd9s {
21
21
  padding: var(--gap-12) var(--gap-12) var(--gap-4);
22
22
  }
23
- .bottom-sheet__headerWrapperWithoutSwipeMarker_ai7cc {
23
+ .bottom-sheet__headerWrapperWithoutSwipeMarker_1fd9s {
24
24
  padding: var(--gap-8) var(--gap-12) var(--gap-4);
25
25
  }
26
- .bottom-sheet__header_ai7cc {
26
+ .bottom-sheet__header_1fd9s {
27
27
  display: flex;
28
28
  }
29
- .bottom-sheet__sticky_ai7cc {
29
+ .bottom-sheet__sticky_1fd9s {
30
30
  position: sticky;
31
31
  top: var(--gap-0);
32
+ left: var(--gap-0);
32
33
  }
33
- .bottom-sheet__justifyEnd_ai7cc {
34
+ .bottom-sheet__justifyEnd_1fd9s {
34
35
  justify-content: flex-end;
35
36
  }
36
- .bottom-sheet__addon_ai7cc {
37
+ .bottom-sheet__addon_1fd9s {
37
38
  display: flex;
38
39
  justify-content: center;
39
40
  align-items: center;
40
41
  min-width: 48px;
41
42
  height: 48px;
42
43
  }
43
- .bottom-sheet__addonFixed_ai7cc {
44
+ .bottom-sheet__addonFixed_1fd9s {
44
45
  position: fixed;
45
46
  }
46
- .bottom-sheet__title_ai7cc {
47
+ .bottom-sheet__title_1fd9s {
47
48
  padding: var(--gap-10) var(--gap-8);
48
49
  width: 100%;
49
50
 
@@ -55,18 +56,18 @@
55
56
 
56
57
  font-family: var(--font-family-system);
57
58
  }
58
- .bottom-sheet__titleCenter_ai7cc {
59
+ .bottom-sheet__titleCenter_1fd9s {
59
60
  text-align: center;
60
61
  }
61
- .bottom-sheet__titleLeft_ai7cc {
62
+ .bottom-sheet__titleLeft_1fd9s {
62
63
  text-align: left;
63
64
  }
64
- .bottom-sheet__trimTitle_ai7cc {
65
+ .bottom-sheet__trimTitle_1fd9s {
65
66
  white-space: nowrap;
66
67
  overflow: hidden;
67
68
  text-overflow: ellipsis;
68
69
  }
69
- .bottom-sheet__subtitle_ai7cc {
70
+ .bottom-sheet__subtitle_1fd9s {
70
71
  width: 100%;
71
72
 
72
73
  font-size: 14px;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"headerWrapper":"bottom-sheet__headerWrapper_ai7cc bottom-sheet__headerBase_ai7cc","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_ai7cc bottom-sheet__headerBase_ai7cc","sticky":"bottom-sheet__sticky_ai7cc","title":"bottom-sheet__title_ai7cc","subtitle":"bottom-sheet__subtitle_ai7cc"};
3
+ var styles = {"headerWrapper":"bottom-sheet__headerWrapper_1fd9s bottom-sheet__headerBase_1fd9s","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_1fd9s bottom-sheet__headerBase_1fd9s","sticky":"bottom-sheet__sticky_1fd9s","title":"bottom-sheet__title_1fd9s","subtitle":"bottom-sheet__subtitle_1fd9s"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.module.css.js","sources":["../../src/components/header/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.headerBase {\n border-top-left-radius: inherit;\n border-top-right-radius: inherit;\n z-index: 1;\n}\n\n.headerWrapper {\n composes: headerBase;\n padding: var(--gap-12) var(--gap-12) var(--gap-4);\n}\n\n.headerWrapperWithoutSwipeMarker {\n composes: headerBase;\n padding: var(--gap-8) var(--gap-12) var(--gap-4);\n}\n\n.header {\n display: flex;\n}\n\n.sticky {\n position: sticky;\n top: var(--gap-0);\n}\n\n.justifyEnd {\n justify-content: flex-end;\n}\n\n.addon {\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 48px;\n height: 48px;\n}\n\n.addonFixed {\n position: fixed;\n}\n\n.title {\n padding: var(--gap-10) var(--gap-8);\n width: 100%;\n\n @mixin headline-system-mobile_small;\n}\n\n.titleCenter {\n text-align: center;\n}\n\n.titleLeft {\n text-align: left;\n}\n\n.trimTitle {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.subtitle {\n width: 100%;\n\n @mixin paragraph_primary_small;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAA+C,eAAe,CAAC,kEAAkE,CAAC,iCAAiC,CAAC,oFAAoF,CAAuC,QAAQ,CAAC,4BAA4B,CAAiI,OAAO,CAAC,2BAA2B,CAAyI,UAAU,CAAC,8BAA8B,CAAC;;;;"}
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/header/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.headerBase {\n border-top-left-radius: inherit;\n border-top-right-radius: inherit;\n z-index: 1;\n}\n\n.headerWrapper {\n composes: headerBase;\n padding: var(--gap-12) var(--gap-12) var(--gap-4);\n}\n\n.headerWrapperWithoutSwipeMarker {\n composes: headerBase;\n padding: var(--gap-8) var(--gap-12) var(--gap-4);\n}\n\n.header {\n display: flex;\n}\n\n.sticky {\n position: sticky;\n top: var(--gap-0);\n left: var(--gap-0);\n}\n\n.justifyEnd {\n justify-content: flex-end;\n}\n\n.addon {\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 48px;\n height: 48px;\n}\n\n.addonFixed {\n position: fixed;\n}\n\n.title {\n padding: var(--gap-10) var(--gap-8);\n width: 100%;\n\n @mixin headline-system-mobile_small;\n}\n\n.titleCenter {\n text-align: center;\n}\n\n.titleLeft {\n text-align: left;\n}\n\n.trimTitle {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.subtitle {\n width: 100%;\n\n @mixin paragraph_primary_small;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAA+C,eAAe,CAAC,kEAAkE,CAAC,iCAAiC,CAAC,oFAAoF,CAAuC,QAAQ,CAAC,4BAA4B,CAAiI,OAAO,CAAC,2BAA2B,CAAyI,UAAU,CAAC,8BAA8B,CAAC;;;;"}
@@ -6,15 +6,15 @@
6
6
  --bottom-sheet-header-border-bottom-inverted: 1px solid var(--color-light-neutral-300-inverted);
7
7
  --bottom-sheet-text-color-inverted: var(--color-light-text-primary-inverted);
8
8
  }
9
- .bottom-sheet__title_c0o61 {
9
+ .bottom-sheet__title_1wg90 {
10
10
  color: var(--bottom-sheet-text-color-inverted);
11
11
  }
12
- .bottom-sheet__hasContent_c0o61 {
12
+ .bottom-sheet__hasContent_1wg90 {
13
13
  background-color: inherit;
14
14
  }
15
- .bottom-sheet__subtitle_c0o61.bottom-sheet__subtitle_c0o61 {
15
+ .bottom-sheet__subtitle_1wg90.bottom-sheet__subtitle_1wg90 {
16
16
  color: var(--bottom-sheet-text-color-inverted);
17
17
  }
18
- .bottom-sheet__highlighted_c0o61 {
18
+ .bottom-sheet__highlighted_1wg90 {
19
19
  border-bottom: var(--bottom-sheet-header-border-bottom-inverted);
20
20
  }
@@ -1,6 +1,6 @@
1
1
  import './inverted.css';
2
2
 
3
- var invertedColors = {"title":"bottom-sheet__title_c0o61","hasContent":"bottom-sheet__hasContent_c0o61","subtitle":"bottom-sheet__subtitle_c0o61","highlighted":"bottom-sheet__highlighted_c0o61"};
3
+ var invertedColors = {"title":"bottom-sheet__title_1wg90","hasContent":"bottom-sheet__hasContent_1wg90","subtitle":"bottom-sheet__subtitle_1wg90","highlighted":"bottom-sheet__highlighted_1wg90"};
4
4
 
5
5
  export { invertedColors as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map
package/esm/default.css CHANGED
@@ -8,15 +8,15 @@
8
8
  --bottom-sheet-marker-color: var(--color-light-neutral-translucent-300);
9
9
  --bottom-sheet-text-color: var(--color-light-text-primary);
10
10
  }
11
- .bottom-sheet__component_mdpla {
11
+ .bottom-sheet__component_1r8s1 {
12
12
  background-color: var(--bottom-sheet-background-color);
13
13
  }
14
- .bottom-sheet__content_mdpla {
14
+ .bottom-sheet__content_1r8s1 {
15
15
  color: var(--bottom-sheet-text-color);
16
16
  }
17
- .bottom-sheet__defaultMarker_mdpla {
17
+ .bottom-sheet__defaultMarker_1r8s1 {
18
18
  background-color: var(--bottom-sheet-marker-color);
19
19
  }
20
- .bottom-sheet__hasContent_mdpla {
20
+ .bottom-sheet__hasContent_1r8s1 {
21
21
  color: var(--bottom-sheet-text-color);
22
22
  }
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- var defaultColors = {"component":"bottom-sheet__component_mdpla","content":"bottom-sheet__content_mdpla","defaultMarker":"bottom-sheet__defaultMarker_mdpla","hasContent":"bottom-sheet__hasContent_mdpla"};
3
+ var defaultColors = {"component":"bottom-sheet__component_1r8s1","content":"bottom-sheet__content_1r8s1","defaultMarker":"bottom-sheet__defaultMarker_1r8s1","hasContent":"bottom-sheet__hasContent_1r8s1"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map