@alfalab/core-components-bottom-sheet 8.1.7 → 8.1.8-alfasans

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 (81) hide show
  1. package/components/footer/default.css +3 -3
  2. package/components/footer/default.module.css.js +1 -1
  3. package/components/footer/default.module.css.js.map +1 -1
  4. package/components/footer/index.css +3 -3
  5. package/components/footer/index.module.css.js +1 -1
  6. package/components/footer/inverted.css +3 -3
  7. package/components/footer/inverted.module.css.js +1 -1
  8. package/components/footer/inverted.module.css.js.map +1 -1
  9. package/components/header/default.css +4 -4
  10. package/components/header/default.module.css.js +1 -1
  11. package/components/header/default.module.css.js.map +1 -1
  12. package/components/header/index.css +23 -18
  13. package/components/header/index.module.css.js +1 -1
  14. package/components/header/inverted.css +4 -4
  15. package/components/header/inverted.module.css.js +1 -1
  16. package/components/header/inverted.module.css.js.map +1 -1
  17. package/cssm/components/header/index.module.css +10 -5
  18. package/default.css +4 -4
  19. package/default.module.css.js +1 -1
  20. package/default.module.css.js.map +1 -1
  21. package/esm/components/footer/default.css +3 -3
  22. package/esm/components/footer/default.module.css.js +1 -1
  23. package/esm/components/footer/default.module.css.js.map +1 -1
  24. package/esm/components/footer/index.css +3 -3
  25. package/esm/components/footer/index.module.css.js +1 -1
  26. package/esm/components/footer/inverted.css +3 -3
  27. package/esm/components/footer/inverted.module.css.js +1 -1
  28. package/esm/components/footer/inverted.module.css.js.map +1 -1
  29. package/esm/components/header/default.css +4 -4
  30. package/esm/components/header/default.module.css.js +1 -1
  31. package/esm/components/header/default.module.css.js.map +1 -1
  32. package/esm/components/header/index.css +23 -18
  33. package/esm/components/header/index.module.css.js +1 -1
  34. package/esm/components/header/inverted.css +4 -4
  35. package/esm/components/header/inverted.module.css.js +1 -1
  36. package/esm/components/header/inverted.module.css.js.map +1 -1
  37. package/esm/default.css +4 -4
  38. package/esm/default.module.css.js +1 -1
  39. package/esm/default.module.css.js.map +1 -1
  40. package/esm/index.css +45 -45
  41. package/esm/index.module.css.js +1 -1
  42. package/esm/inverted.css +4 -4
  43. package/esm/inverted.module.css.js +1 -1
  44. package/esm/inverted.module.css.js.map +1 -1
  45. package/index.css +45 -45
  46. package/index.module.css.js +1 -1
  47. package/inverted.css +4 -4
  48. package/inverted.module.css.js +1 -1
  49. package/inverted.module.css.js.map +1 -1
  50. package/modern/components/footer/default.css +3 -3
  51. package/modern/components/footer/default.module.css.js +1 -1
  52. package/modern/components/footer/default.module.css.js.map +1 -1
  53. package/modern/components/footer/index.css +3 -3
  54. package/modern/components/footer/index.module.css.js +1 -1
  55. package/modern/components/footer/inverted.css +3 -3
  56. package/modern/components/footer/inverted.module.css.js +1 -1
  57. package/modern/components/footer/inverted.module.css.js.map +1 -1
  58. package/modern/components/header/default.css +4 -4
  59. package/modern/components/header/default.module.css.js +1 -1
  60. package/modern/components/header/default.module.css.js.map +1 -1
  61. package/modern/components/header/index.css +23 -18
  62. package/modern/components/header/index.module.css.js +1 -1
  63. package/modern/components/header/inverted.css +4 -4
  64. package/modern/components/header/inverted.module.css.js +1 -1
  65. package/modern/components/header/inverted.module.css.js.map +1 -1
  66. package/modern/default.css +4 -4
  67. package/modern/default.module.css.js +1 -1
  68. package/modern/default.module.css.js.map +1 -1
  69. package/modern/index.css +45 -45
  70. package/modern/index.module.css.js +1 -1
  71. package/modern/inverted.css +4 -4
  72. package/modern/inverted.module.css.js +1 -1
  73. package/modern/inverted.module.css.js.map +1 -1
  74. package/moderncssm/components/header/index.module.css +7 -3
  75. package/package.json +8 -8
  76. package/src/components/footer/default.module.css +1 -1
  77. package/src/components/footer/inverted.module.css +1 -1
  78. package/src/components/header/default.module.css +1 -1
  79. package/src/components/header/inverted.module.css +1 -1
  80. package/src/default.module.css +1 -1
  81. package/src/inverted.module.css +1 -1
@@ -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_9tmty {
11
+ .bottom-sheet__highlighted_xkkvx {
12
12
  background-color: var(--bottom-sheet-footer-background-color);
13
13
  }
14
- .bottom-sheet__highlighted_9tmty:not(:empty) {
14
+ .bottom-sheet__highlighted_xkkvx:not(:empty) {
15
15
  border-top: var(--bottom-sheet-footer-border-top);
16
16
  }
17
- .bottom-sheet__hasContent_9tmty {
17
+ .bottom-sheet__hasContent_xkkvx {
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_9tmty","hasContent":"bottom-sheet__hasContent_9tmty"};
5
+ var defaultColors = {"highlighted":"bottom-sheet__highlighted_xkkvx","hasContent":"bottom-sheet__hasContent_xkkvx"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"default.module.css.js","sources":["../../src/components/footer/default.module.css"],"sourcesContent":["@import '../../../../vars/src/index.css';\n@import '../../vars.css';\n\n.highlighted {\n background-color: var(--bottom-sheet-footer-background-color);\n\n &:not(:empty) {\n border-top: var(--bottom-sheet-footer-border-top);\n }\n}\n\n.hasContent {\n color: var(--bottom-sheet-text-color);\n}\n"],"names":[],"mappings":";;;;AAEgB,oBAAe,CAAC,aAAa,CAAC,iCAAiC,CAAC,YAAY,CAAC,gCAAgC,CAAC;;;;"}
1
+ {"version":3,"file":"default.module.css.js","sources":["../../src/components/footer/default.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.highlighted {\n background-color: var(--bottom-sheet-footer-background-color);\n\n &:not(:empty) {\n border-top: var(--bottom-sheet-footer-border-top);\n }\n}\n\n.hasContent {\n color: var(--bottom-sheet-text-color);\n}\n"],"names":[],"mappings":";;;;AAEgB,oBAAe,CAAC,aAAa,CAAC,iCAAiC,CAAC,YAAY,CAAC,gCAAgC,CAAC;;;;"}
@@ -3,16 +3,16 @@
3
3
  --gap-0: 0px;
4
4
  --gap-20: var(--gap-l);
5
5
  }
6
- .bottom-sheet__footer_1clj0 {
6
+ .bottom-sheet__footer_16sav {
7
7
  padding: var(--gap-20);
8
8
  }
9
- .bottom-sheet__footer_1clj0:empty {
9
+ .bottom-sheet__footer_16sav: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_1clj0 {
15
+ .bottom-sheet__sticky_16sav {
16
16
  position: sticky;
17
17
  bottom: var(--gap-0);
18
18
  z-index: 1;
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"footer":"bottom-sheet__footer_1clj0","sticky":"bottom-sheet__sticky_1clj0"};
5
+ var styles = {"footer":"bottom-sheet__footer_16sav","sticky":"bottom-sheet__sticky_16sav"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -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_1nx3s {
11
+ .bottom-sheet__highlighted_64wwl {
12
12
  background-color: var(--bottom-sheet-footer-background-color-inverted);
13
13
  }
14
- .bottom-sheet__highlighted_1nx3s:not(:empty) {
14
+ .bottom-sheet__highlighted_64wwl:not(:empty) {
15
15
  border-top: var(--bottom-sheet-footer-border-top-inverted);
16
16
  }
17
- .bottom-sheet__hasContent_1nx3s {
17
+ .bottom-sheet__hasContent_64wwl {
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_1nx3s","hasContent":"bottom-sheet__hasContent_1nx3s"};
5
+ var invertedColors = {"highlighted":"bottom-sheet__highlighted_64wwl","hasContent":"bottom-sheet__hasContent_64wwl"};
6
6
 
7
7
  module.exports = invertedColors;
8
8
  //# sourceMappingURL=inverted.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"inverted.module.css.js","sources":["../../src/components/footer/inverted.module.css"],"sourcesContent":["@import '../../../../vars/src/index.css';\n@import '../../vars.css';\n\n.highlighted {\n background-color: var(--bottom-sheet-footer-background-color-inverted);\n\n &:not(:empty) {\n border-top: var(--bottom-sheet-footer-border-top-inverted);\n }\n}\n\n.hasContent {\n color: var(--bottom-sheet-text-color-inverted);\n}\n"],"names":[],"mappings":";;;;AAEgB,qBAAe,CAAC,aAAa,CAAC,iCAAiC,CAAC,YAAY,CAAC,gCAAgC,CAAC;;;;"}
1
+ {"version":3,"file":"inverted.module.css.js","sources":["../../src/components/footer/inverted.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.highlighted {\n background-color: var(--bottom-sheet-footer-background-color-inverted);\n\n &:not(:empty) {\n border-top: var(--bottom-sheet-footer-border-top-inverted);\n }\n}\n\n.hasContent {\n color: var(--bottom-sheet-text-color-inverted);\n}\n"],"names":[],"mappings":";;;;AAEgB,qBAAe,CAAC,aAAa,CAAC,iCAAiC,CAAC,YAAY,CAAC,gCAAgC,CAAC;;;;"}
@@ -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_nqww0 {
9
+ .bottom-sheet__title_5lmbp {
10
10
  color: var(--bottom-sheet-text-color);
11
11
  }
12
- .bottom-sheet__hasContent_nqww0 {
12
+ .bottom-sheet__hasContent_5lmbp {
13
13
  background-color: inherit;
14
14
  }
15
- .bottom-sheet__subtitle_nqww0.bottom-sheet__subtitle_nqww0 {
15
+ .bottom-sheet__subtitle_5lmbp.bottom-sheet__subtitle_5lmbp {
16
16
  color: var(--bottom-sheet-text-color);
17
17
  }
18
- .bottom-sheet__highlighted_nqww0 {
18
+ .bottom-sheet__highlighted_5lmbp {
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_nqww0","hasContent":"bottom-sheet__hasContent_nqww0","subtitle":"bottom-sheet__subtitle_nqww0","highlighted":"bottom-sheet__highlighted_nqww0"};
5
+ var defaultColors = {"title":"bottom-sheet__title_5lmbp","hasContent":"bottom-sheet__hasContent_5lmbp","subtitle":"bottom-sheet__subtitle_5lmbp","highlighted":"bottom-sheet__highlighted_5lmbp"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"default.module.css.js","sources":["../../src/components/header/default.module.css"],"sourcesContent":["@import '../../../../vars/src/index.css';\n@import '../../vars.css';\n\n.title {\n color: var(--bottom-sheet-text-color);\n}\n\n.hasContent {\n background-color: inherit;\n}\n\n.subtitle.subtitle {\n color: var(--bottom-sheet-text-color);\n}\n\n.highlighted {\n border-bottom: var(--bottom-sheet-header-border-bottom);\n}\n"],"names":[],"mappings":";;;;AAEgB,oBAAe,CAAC,OAAO,CAAC,2BAA2B,CAAC,YAAY,CAAC,gCAAgC,CAAC,UAAU,CAAC,8BAA8B,CAAC,aAAa,CAAC,iCAAiC,CAAC;;;;"}
1
+ {"version":3,"file":"default.module.css.js","sources":["../../src/components/header/default.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.title {\n color: var(--bottom-sheet-text-color);\n}\n\n.hasContent {\n background-color: inherit;\n}\n\n.subtitle.subtitle {\n color: var(--bottom-sheet-text-color);\n}\n\n.highlighted {\n border-bottom: var(--bottom-sheet-header-border-bottom);\n}\n"],"names":[],"mappings":";;;;AAEgB,oBAAe,CAAC,OAAO,CAAC,2BAA2B,CAAC,YAAY,CAAC,gCAAgC,CAAC,UAAU,CAAC,8BAA8B,CAAC,aAAa,CAAC,iCAAiC,CAAC;;;;"}
@@ -9,41 +9,42 @@
9
9
  --gap-12: var(--gap-s);
10
10
  }
11
11
  :root {
12
- --font-family-system:
13
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
12
+ --font-family-alfasans:
13
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
14
+ Helvetica, sans-serif;
14
15
  }
15
- .bottom-sheet__headerBase_49xja {
16
+ .bottom-sheet__headerBase_15sjp {
16
17
  border-top-left-radius: inherit;
17
18
  border-top-right-radius: inherit;
18
19
  z-index: 1;
19
20
  }
20
- .bottom-sheet__headerWrapper_49xja {
21
+ .bottom-sheet__headerWrapper_15sjp {
21
22
  padding: var(--gap-12) var(--gap-12) var(--gap-4);
22
23
  }
23
- .bottom-sheet__headerWrapperWithoutSwipeMarker_49xja {
24
+ .bottom-sheet__headerWrapperWithoutSwipeMarker_15sjp {
24
25
  padding: var(--gap-8) var(--gap-12) var(--gap-4);
25
26
  }
26
- .bottom-sheet__header_49xja {
27
+ .bottom-sheet__header_15sjp {
27
28
  display: flex;
28
29
  }
29
- .bottom-sheet__sticky_49xja {
30
+ .bottom-sheet__sticky_15sjp {
30
31
  position: sticky;
31
32
  top: var(--gap-0);
32
33
  }
33
- .bottom-sheet__justifyEnd_49xja {
34
+ .bottom-sheet__justifyEnd_15sjp {
34
35
  justify-content: flex-end;
35
36
  }
36
- .bottom-sheet__addon_49xja {
37
+ .bottom-sheet__addon_15sjp {
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_49xja {
44
+ .bottom-sheet__addonFixed_15sjp {
44
45
  position: fixed;
45
46
  }
46
- .bottom-sheet__title_49xja {
47
+ .bottom-sheet__title_15sjp {
47
48
  padding: var(--gap-10) var(--gap-8);
48
49
  width: 100%;
49
50
 
@@ -51,22 +52,24 @@
51
52
 
52
53
  line-height: 28px;
53
54
 
54
- font-weight: 600;
55
+ font-weight: 500;
55
56
 
56
- font-family: var(--font-family-system);
57
+ letter-spacing: -0.15px;
58
+
59
+ font-family: var(--font-family-alfasans);
57
60
  }
58
- .bottom-sheet__titleCenter_49xja {
61
+ .bottom-sheet__titleCenter_15sjp {
59
62
  text-align: center;
60
63
  }
61
- .bottom-sheet__titleLeft_49xja {
64
+ .bottom-sheet__titleLeft_15sjp {
62
65
  text-align: left;
63
66
  }
64
- .bottom-sheet__trimTitle_49xja {
67
+ .bottom-sheet__trimTitle_15sjp {
65
68
  white-space: nowrap;
66
69
  overflow: hidden;
67
70
  text-overflow: ellipsis;
68
71
  }
69
- .bottom-sheet__subtitle_49xja {
72
+ .bottom-sheet__subtitle_15sjp {
70
73
  width: 100%;
71
74
 
72
75
  font-size: 14px;
@@ -75,5 +78,7 @@
75
78
 
76
79
  font-weight: 400;
77
80
 
78
- font-family: var(--font-family-system);
81
+ letter-spacing: -0.08px;
82
+
83
+ font-family: var(--font-family-alfasans);
79
84
  }
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"headerWrapper":"bottom-sheet__headerWrapper_49xja bottom-sheet__headerBase_49xja","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_49xja bottom-sheet__headerBase_49xja","sticky":"bottom-sheet__sticky_49xja","title":"bottom-sheet__title_49xja","subtitle":"bottom-sheet__subtitle_49xja"};
5
+ var styles = {"headerWrapper":"bottom-sheet__headerWrapper_15sjp bottom-sheet__headerBase_15sjp","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_15sjp bottom-sheet__headerBase_15sjp","sticky":"bottom-sheet__sticky_15sjp","title":"bottom-sheet__title_15sjp","subtitle":"bottom-sheet__subtitle_15sjp"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
@@ -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_1ghi9 {
9
+ .bottom-sheet__title_188qd {
10
10
  color: var(--bottom-sheet-text-color-inverted);
11
11
  }
12
- .bottom-sheet__hasContent_1ghi9 {
12
+ .bottom-sheet__hasContent_188qd {
13
13
  background-color: inherit;
14
14
  }
15
- .bottom-sheet__subtitle_1ghi9.bottom-sheet__subtitle_1ghi9 {
15
+ .bottom-sheet__subtitle_188qd.bottom-sheet__subtitle_188qd {
16
16
  color: var(--bottom-sheet-text-color-inverted);
17
17
  }
18
- .bottom-sheet__highlighted_1ghi9 {
18
+ .bottom-sheet__highlighted_188qd {
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_1ghi9","hasContent":"bottom-sheet__hasContent_1ghi9","subtitle":"bottom-sheet__subtitle_1ghi9","highlighted":"bottom-sheet__highlighted_1ghi9"};
5
+ var invertedColors = {"title":"bottom-sheet__title_188qd","hasContent":"bottom-sheet__hasContent_188qd","subtitle":"bottom-sheet__subtitle_188qd","highlighted":"bottom-sheet__highlighted_188qd"};
6
6
 
7
7
  module.exports = invertedColors;
8
8
  //# sourceMappingURL=inverted.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"inverted.module.css.js","sources":["../../src/components/header/inverted.module.css"],"sourcesContent":["@import '../../../../vars/src/index.css';\n@import '../../vars.css';\n\n.title {\n color: var(--bottom-sheet-text-color-inverted);\n}\n\n.hasContent {\n background-color: inherit;\n}\n\n.subtitle.subtitle {\n color: var(--bottom-sheet-text-color-inverted);\n}\n\n.highlighted {\n border-bottom: var(--bottom-sheet-header-border-bottom-inverted);\n}\n"],"names":[],"mappings":";;;;AAEgB,qBAAe,CAAC,OAAO,CAAC,2BAA2B,CAAC,YAAY,CAAC,gCAAgC,CAAC,UAAU,CAAC,8BAA8B,CAAC,aAAa,CAAC,iCAAiC,CAAC;;;;"}
1
+ {"version":3,"file":"inverted.module.css.js","sources":["../../src/components/header/inverted.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.title {\n color: var(--bottom-sheet-text-color-inverted);\n}\n\n.hasContent {\n background-color: inherit;\n}\n\n.subtitle.subtitle {\n color: var(--bottom-sheet-text-color-inverted);\n}\n\n.highlighted {\n border-bottom: var(--bottom-sheet-header-border-bottom-inverted);\n}\n"],"names":[],"mappings":";;;;AAEgB,qBAAe,CAAC,OAAO,CAAC,2BAA2B,CAAC,YAAY,CAAC,gCAAgC,CAAC,UAAU,CAAC,8BAA8B,CAAC,aAAa,CAAC,iCAAiC,CAAC;;;;"}
@@ -9,8 +9,9 @@
9
9
  --gap-12: var(--gap-s);
10
10
  }
11
11
  :root {
12
- --font-family-system:
13
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
12
+ --font-family-alfasans:
13
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
14
+ Helvetica, sans-serif;
14
15
  }
15
16
  .headerBase {
16
17
  border-top-left-radius: inherit;
@@ -53,9 +54,11 @@
53
54
 
54
55
  line-height: 28px;
55
56
 
56
- font-weight: 600;
57
+ font-weight: 500;
57
58
 
58
- font-family: var(--font-family-system);
59
+ letter-spacing: -0.15px;
60
+
61
+ font-family: var(--font-family-alfasans);
59
62
  }
60
63
  .titleCenter {
61
64
  text-align: center;
@@ -77,5 +80,7 @@
77
80
 
78
81
  font-weight: 400;
79
82
 
80
- font-family: var(--font-family-system);
83
+ letter-spacing: -0.08px;
84
+
85
+ font-family: var(--font-family-alfasans);
81
86
  }
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_1kl29 {
11
+ .bottom-sheet__component_h0loo {
12
12
  background-color: var(--bottom-sheet-background-color);
13
13
  }
14
- .bottom-sheet__content_1kl29 {
14
+ .bottom-sheet__content_h0loo {
15
15
  color: var(--bottom-sheet-text-color);
16
16
  }
17
- .bottom-sheet__defaultMarker_1kl29 {
17
+ .bottom-sheet__defaultMarker_h0loo {
18
18
  background-color: var(--bottom-sheet-marker-color);
19
19
  }
20
- .bottom-sheet__hasContent_1kl29 {
20
+ .bottom-sheet__hasContent_h0loo {
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_1kl29","content":"bottom-sheet__content_1kl29","defaultMarker":"bottom-sheet__defaultMarker_1kl29","hasContent":"bottom-sheet__hasContent_1kl29"};
5
+ var defaultColors = {"component":"bottom-sheet__component_h0loo","content":"bottom-sheet__content_h0loo","defaultMarker":"bottom-sheet__defaultMarker_h0loo","hasContent":"bottom-sheet__hasContent_h0loo"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"default.module.css.js","sources":["src/default.module.css"],"sourcesContent":["@import '../../vars/src/index.css';\n@import './vars.css';\n\n.component {\n background-color: var(--bottom-sheet-background-color);\n}\n\n.content {\n color: var(--bottom-sheet-text-color);\n}\n\n.defaultMarker {\n background-color: var(--bottom-sheet-marker-color);\n}\n\n.hasContent {\n color: var(--bottom-sheet-text-color);\n}\n"],"names":[],"mappings":";;;;AAEgB,oBAAe,CAAC,WAAW,CAAC,+BAA+B,CAAC,SAAS,CAAC,6BAA6B,CAAC,eAAe,CAAC,mCAAmC,CAAC,YAAY,CAAC,gCAAgC,CAAC;;;;"}
1
+ {"version":3,"file":"default.module.css.js","sources":["src/default.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import './vars.css';\n\n.component {\n background-color: var(--bottom-sheet-background-color);\n}\n\n.content {\n color: var(--bottom-sheet-text-color);\n}\n\n.defaultMarker {\n background-color: var(--bottom-sheet-marker-color);\n}\n\n.hasContent {\n color: var(--bottom-sheet-text-color);\n}\n"],"names":[],"mappings":";;;;AAEgB,oBAAe,CAAC,WAAW,CAAC,+BAA+B,CAAC,SAAS,CAAC,6BAA6B,CAAC,eAAe,CAAC,mCAAmC,CAAC,YAAY,CAAC,gCAAgC,CAAC;;;;"}
@@ -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_9tmty {
11
+ .bottom-sheet__highlighted_xkkvx {
12
12
  background-color: var(--bottom-sheet-footer-background-color);
13
13
  }
14
- .bottom-sheet__highlighted_9tmty:not(:empty) {
14
+ .bottom-sheet__highlighted_xkkvx:not(:empty) {
15
15
  border-top: var(--bottom-sheet-footer-border-top);
16
16
  }
17
- .bottom-sheet__hasContent_9tmty {
17
+ .bottom-sheet__hasContent_xkkvx {
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_9tmty","hasContent":"bottom-sheet__hasContent_9tmty"};
3
+ var defaultColors = {"highlighted":"bottom-sheet__highlighted_xkkvx","hasContent":"bottom-sheet__hasContent_xkkvx"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"default.module.css.js","sources":["../../src/components/footer/default.module.css"],"sourcesContent":["@import '../../../../vars/src/index.css';\n@import '../../vars.css';\n\n.highlighted {\n background-color: var(--bottom-sheet-footer-background-color);\n\n &:not(:empty) {\n border-top: var(--bottom-sheet-footer-border-top);\n }\n}\n\n.hasContent {\n color: var(--bottom-sheet-text-color);\n}\n"],"names":[],"mappings":";;AAEgB,oBAAe,CAAC,aAAa,CAAC,iCAAiC,CAAC,YAAY,CAAC,gCAAgC,CAAC;;;;"}
1
+ {"version":3,"file":"default.module.css.js","sources":["../../src/components/footer/default.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.highlighted {\n background-color: var(--bottom-sheet-footer-background-color);\n\n &:not(:empty) {\n border-top: var(--bottom-sheet-footer-border-top);\n }\n}\n\n.hasContent {\n color: var(--bottom-sheet-text-color);\n}\n"],"names":[],"mappings":";;AAEgB,oBAAe,CAAC,aAAa,CAAC,iCAAiC,CAAC,YAAY,CAAC,gCAAgC,CAAC;;;;"}
@@ -3,16 +3,16 @@
3
3
  --gap-0: 0px;
4
4
  --gap-20: var(--gap-l);
5
5
  }
6
- .bottom-sheet__footer_1clj0 {
6
+ .bottom-sheet__footer_16sav {
7
7
  padding: var(--gap-20);
8
8
  }
9
- .bottom-sheet__footer_1clj0:empty {
9
+ .bottom-sheet__footer_16sav: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_1clj0 {
15
+ .bottom-sheet__sticky_16sav {
16
16
  position: sticky;
17
17
  bottom: var(--gap-0);
18
18
  z-index: 1;
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"footer":"bottom-sheet__footer_1clj0","sticky":"bottom-sheet__sticky_1clj0"};
3
+ var styles = {"footer":"bottom-sheet__footer_16sav","sticky":"bottom-sheet__sticky_16sav"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -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_1nx3s {
11
+ .bottom-sheet__highlighted_64wwl {
12
12
  background-color: var(--bottom-sheet-footer-background-color-inverted);
13
13
  }
14
- .bottom-sheet__highlighted_1nx3s:not(:empty) {
14
+ .bottom-sheet__highlighted_64wwl:not(:empty) {
15
15
  border-top: var(--bottom-sheet-footer-border-top-inverted);
16
16
  }
17
- .bottom-sheet__hasContent_1nx3s {
17
+ .bottom-sheet__hasContent_64wwl {
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_1nx3s","hasContent":"bottom-sheet__hasContent_1nx3s"};
3
+ var invertedColors = {"highlighted":"bottom-sheet__highlighted_64wwl","hasContent":"bottom-sheet__hasContent_64wwl"};
4
4
 
5
5
  export { invertedColors as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"inverted.module.css.js","sources":["../../src/components/footer/inverted.module.css"],"sourcesContent":["@import '../../../../vars/src/index.css';\n@import '../../vars.css';\n\n.highlighted {\n background-color: var(--bottom-sheet-footer-background-color-inverted);\n\n &:not(:empty) {\n border-top: var(--bottom-sheet-footer-border-top-inverted);\n }\n}\n\n.hasContent {\n color: var(--bottom-sheet-text-color-inverted);\n}\n"],"names":[],"mappings":";;AAEgB,qBAAe,CAAC,aAAa,CAAC,iCAAiC,CAAC,YAAY,CAAC,gCAAgC,CAAC;;;;"}
1
+ {"version":3,"file":"inverted.module.css.js","sources":["../../src/components/footer/inverted.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.highlighted {\n background-color: var(--bottom-sheet-footer-background-color-inverted);\n\n &:not(:empty) {\n border-top: var(--bottom-sheet-footer-border-top-inverted);\n }\n}\n\n.hasContent {\n color: var(--bottom-sheet-text-color-inverted);\n}\n"],"names":[],"mappings":";;AAEgB,qBAAe,CAAC,aAAa,CAAC,iCAAiC,CAAC,YAAY,CAAC,gCAAgC,CAAC;;;;"}
@@ -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_nqww0 {
9
+ .bottom-sheet__title_5lmbp {
10
10
  color: var(--bottom-sheet-text-color);
11
11
  }
12
- .bottom-sheet__hasContent_nqww0 {
12
+ .bottom-sheet__hasContent_5lmbp {
13
13
  background-color: inherit;
14
14
  }
15
- .bottom-sheet__subtitle_nqww0.bottom-sheet__subtitle_nqww0 {
15
+ .bottom-sheet__subtitle_5lmbp.bottom-sheet__subtitle_5lmbp {
16
16
  color: var(--bottom-sheet-text-color);
17
17
  }
18
- .bottom-sheet__highlighted_nqww0 {
18
+ .bottom-sheet__highlighted_5lmbp {
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_nqww0","hasContent":"bottom-sheet__hasContent_nqww0","subtitle":"bottom-sheet__subtitle_nqww0","highlighted":"bottom-sheet__highlighted_nqww0"};
3
+ var defaultColors = {"title":"bottom-sheet__title_5lmbp","hasContent":"bottom-sheet__hasContent_5lmbp","subtitle":"bottom-sheet__subtitle_5lmbp","highlighted":"bottom-sheet__highlighted_5lmbp"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"default.module.css.js","sources":["../../src/components/header/default.module.css"],"sourcesContent":["@import '../../../../vars/src/index.css';\n@import '../../vars.css';\n\n.title {\n color: var(--bottom-sheet-text-color);\n}\n\n.hasContent {\n background-color: inherit;\n}\n\n.subtitle.subtitle {\n color: var(--bottom-sheet-text-color);\n}\n\n.highlighted {\n border-bottom: var(--bottom-sheet-header-border-bottom);\n}\n"],"names":[],"mappings":";;AAEgB,oBAAe,CAAC,OAAO,CAAC,2BAA2B,CAAC,YAAY,CAAC,gCAAgC,CAAC,UAAU,CAAC,8BAA8B,CAAC,aAAa,CAAC,iCAAiC,CAAC;;;;"}
1
+ {"version":3,"file":"default.module.css.js","sources":["../../src/components/header/default.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.title {\n color: var(--bottom-sheet-text-color);\n}\n\n.hasContent {\n background-color: inherit;\n}\n\n.subtitle.subtitle {\n color: var(--bottom-sheet-text-color);\n}\n\n.highlighted {\n border-bottom: var(--bottom-sheet-header-border-bottom);\n}\n"],"names":[],"mappings":";;AAEgB,oBAAe,CAAC,OAAO,CAAC,2BAA2B,CAAC,YAAY,CAAC,gCAAgC,CAAC,UAAU,CAAC,8BAA8B,CAAC,aAAa,CAAC,iCAAiC,CAAC;;;;"}
@@ -9,41 +9,42 @@
9
9
  --gap-12: var(--gap-s);
10
10
  }
11
11
  :root {
12
- --font-family-system:
13
- system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
12
+ --font-family-alfasans:
13
+ 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
14
+ Helvetica, sans-serif;
14
15
  }
15
- .bottom-sheet__headerBase_49xja {
16
+ .bottom-sheet__headerBase_15sjp {
16
17
  border-top-left-radius: inherit;
17
18
  border-top-right-radius: inherit;
18
19
  z-index: 1;
19
20
  }
20
- .bottom-sheet__headerWrapper_49xja {
21
+ .bottom-sheet__headerWrapper_15sjp {
21
22
  padding: var(--gap-12) var(--gap-12) var(--gap-4);
22
23
  }
23
- .bottom-sheet__headerWrapperWithoutSwipeMarker_49xja {
24
+ .bottom-sheet__headerWrapperWithoutSwipeMarker_15sjp {
24
25
  padding: var(--gap-8) var(--gap-12) var(--gap-4);
25
26
  }
26
- .bottom-sheet__header_49xja {
27
+ .bottom-sheet__header_15sjp {
27
28
  display: flex;
28
29
  }
29
- .bottom-sheet__sticky_49xja {
30
+ .bottom-sheet__sticky_15sjp {
30
31
  position: sticky;
31
32
  top: var(--gap-0);
32
33
  }
33
- .bottom-sheet__justifyEnd_49xja {
34
+ .bottom-sheet__justifyEnd_15sjp {
34
35
  justify-content: flex-end;
35
36
  }
36
- .bottom-sheet__addon_49xja {
37
+ .bottom-sheet__addon_15sjp {
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_49xja {
44
+ .bottom-sheet__addonFixed_15sjp {
44
45
  position: fixed;
45
46
  }
46
- .bottom-sheet__title_49xja {
47
+ .bottom-sheet__title_15sjp {
47
48
  padding: var(--gap-10) var(--gap-8);
48
49
  width: 100%;
49
50
 
@@ -51,22 +52,24 @@
51
52
 
52
53
  line-height: 28px;
53
54
 
54
- font-weight: 600;
55
+ font-weight: 500;
55
56
 
56
- font-family: var(--font-family-system);
57
+ letter-spacing: -0.15px;
58
+
59
+ font-family: var(--font-family-alfasans);
57
60
  }
58
- .bottom-sheet__titleCenter_49xja {
61
+ .bottom-sheet__titleCenter_15sjp {
59
62
  text-align: center;
60
63
  }
61
- .bottom-sheet__titleLeft_49xja {
64
+ .bottom-sheet__titleLeft_15sjp {
62
65
  text-align: left;
63
66
  }
64
- .bottom-sheet__trimTitle_49xja {
67
+ .bottom-sheet__trimTitle_15sjp {
65
68
  white-space: nowrap;
66
69
  overflow: hidden;
67
70
  text-overflow: ellipsis;
68
71
  }
69
- .bottom-sheet__subtitle_49xja {
72
+ .bottom-sheet__subtitle_15sjp {
70
73
  width: 100%;
71
74
 
72
75
  font-size: 14px;
@@ -75,5 +78,7 @@
75
78
 
76
79
  font-weight: 400;
77
80
 
78
- font-family: var(--font-family-system);
81
+ letter-spacing: -0.08px;
82
+
83
+ font-family: var(--font-family-alfasans);
79
84
  }
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"headerWrapper":"bottom-sheet__headerWrapper_49xja bottom-sheet__headerBase_49xja","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_49xja bottom-sheet__headerBase_49xja","sticky":"bottom-sheet__sticky_49xja","title":"bottom-sheet__title_49xja","subtitle":"bottom-sheet__subtitle_49xja"};
3
+ var styles = {"headerWrapper":"bottom-sheet__headerWrapper_15sjp bottom-sheet__headerBase_15sjp","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_15sjp bottom-sheet__headerBase_15sjp","sticky":"bottom-sheet__sticky_15sjp","title":"bottom-sheet__title_15sjp","subtitle":"bottom-sheet__subtitle_15sjp"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
@@ -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_1ghi9 {
9
+ .bottom-sheet__title_188qd {
10
10
  color: var(--bottom-sheet-text-color-inverted);
11
11
  }
12
- .bottom-sheet__hasContent_1ghi9 {
12
+ .bottom-sheet__hasContent_188qd {
13
13
  background-color: inherit;
14
14
  }
15
- .bottom-sheet__subtitle_1ghi9.bottom-sheet__subtitle_1ghi9 {
15
+ .bottom-sheet__subtitle_188qd.bottom-sheet__subtitle_188qd {
16
16
  color: var(--bottom-sheet-text-color-inverted);
17
17
  }
18
- .bottom-sheet__highlighted_1ghi9 {
18
+ .bottom-sheet__highlighted_188qd {
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_1ghi9","hasContent":"bottom-sheet__hasContent_1ghi9","subtitle":"bottom-sheet__subtitle_1ghi9","highlighted":"bottom-sheet__highlighted_1ghi9"};
3
+ var invertedColors = {"title":"bottom-sheet__title_188qd","hasContent":"bottom-sheet__hasContent_188qd","subtitle":"bottom-sheet__subtitle_188qd","highlighted":"bottom-sheet__highlighted_188qd"};
4
4
 
5
5
  export { invertedColors as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"inverted.module.css.js","sources":["../../src/components/header/inverted.module.css"],"sourcesContent":["@import '../../../../vars/src/index.css';\n@import '../../vars.css';\n\n.title {\n color: var(--bottom-sheet-text-color-inverted);\n}\n\n.hasContent {\n background-color: inherit;\n}\n\n.subtitle.subtitle {\n color: var(--bottom-sheet-text-color-inverted);\n}\n\n.highlighted {\n border-bottom: var(--bottom-sheet-header-border-bottom-inverted);\n}\n"],"names":[],"mappings":";;AAEgB,qBAAe,CAAC,OAAO,CAAC,2BAA2B,CAAC,YAAY,CAAC,gCAAgC,CAAC,UAAU,CAAC,8BAA8B,CAAC,aAAa,CAAC,iCAAiC,CAAC;;;;"}
1
+ {"version":3,"file":"inverted.module.css.js","sources":["../../src/components/header/inverted.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../vars.css';\n\n.title {\n color: var(--bottom-sheet-text-color-inverted);\n}\n\n.hasContent {\n background-color: inherit;\n}\n\n.subtitle.subtitle {\n color: var(--bottom-sheet-text-color-inverted);\n}\n\n.highlighted {\n border-bottom: var(--bottom-sheet-header-border-bottom-inverted);\n}\n"],"names":[],"mappings":";;AAEgB,qBAAe,CAAC,OAAO,CAAC,2BAA2B,CAAC,YAAY,CAAC,gCAAgC,CAAC,UAAU,CAAC,8BAA8B,CAAC,aAAa,CAAC,iCAAiC,CAAC;;;;"}