@alfalab/core-components-bottom-sheet 8.0.3-alfasans → 8.0.4

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 (57) hide show
  1. package/components/footer/default.css +2 -2
  2. package/components/footer/default.module.css.js +1 -1
  3. package/components/footer/index.css +2 -2
  4. package/components/footer/index.module.css.js +1 -1
  5. package/components/footer/inverted.css +2 -2
  6. package/components/footer/inverted.module.css.js +1 -1
  7. package/components/header/default.css +4 -4
  8. package/components/header/default.module.css.js +1 -1
  9. package/components/header/index.css +18 -23
  10. package/components/header/index.module.css.js +1 -1
  11. package/components/header/inverted.css +4 -4
  12. package/components/header/inverted.module.css.js +1 -1
  13. package/cssm/components/header/index.module.css +5 -10
  14. package/default.css +4 -4
  15. package/default.module.css.js +1 -1
  16. package/esm/components/footer/default.css +2 -2
  17. package/esm/components/footer/default.module.css.js +1 -1
  18. package/esm/components/footer/index.css +2 -2
  19. package/esm/components/footer/index.module.css.js +1 -1
  20. package/esm/components/footer/inverted.css +2 -2
  21. package/esm/components/footer/inverted.module.css.js +1 -1
  22. package/esm/components/header/default.css +4 -4
  23. package/esm/components/header/default.module.css.js +1 -1
  24. package/esm/components/header/index.css +18 -23
  25. package/esm/components/header/index.module.css.js +1 -1
  26. package/esm/components/header/inverted.css +4 -4
  27. package/esm/components/header/inverted.module.css.js +1 -1
  28. package/esm/default.css +4 -4
  29. package/esm/default.module.css.js +1 -1
  30. package/esm/index.css +45 -45
  31. package/esm/index.module.css.js +1 -1
  32. package/esm/inverted.css +4 -4
  33. package/esm/inverted.module.css.js +1 -1
  34. package/index.css +45 -45
  35. package/index.module.css.js +1 -1
  36. package/inverted.css +4 -4
  37. package/inverted.module.css.js +1 -1
  38. package/modern/components/footer/default.css +2 -2
  39. package/modern/components/footer/default.module.css.js +1 -1
  40. package/modern/components/footer/index.css +2 -2
  41. package/modern/components/footer/index.module.css.js +1 -1
  42. package/modern/components/footer/inverted.css +2 -2
  43. package/modern/components/footer/inverted.module.css.js +1 -1
  44. package/modern/components/header/default.css +4 -4
  45. package/modern/components/header/default.module.css.js +1 -1
  46. package/modern/components/header/index.css +18 -23
  47. package/modern/components/header/index.module.css.js +1 -1
  48. package/modern/components/header/inverted.css +4 -4
  49. package/modern/components/header/inverted.module.css.js +1 -1
  50. package/modern/default.css +4 -4
  51. package/modern/default.module.css.js +1 -1
  52. package/modern/index.css +45 -45
  53. package/modern/index.module.css.js +1 -1
  54. package/modern/inverted.css +4 -4
  55. package/modern/inverted.module.css.js +1 -1
  56. package/moderncssm/components/header/index.module.css +3 -7
  57. package/package.json +8 -8
package/components/footer/default.css CHANGED
@@ -8,10 +8,10 @@
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_1i0ec {
11
+ .bottom-sheet__highlighted_4hsi7 {
12
12
  background-color: var(--bottom-sheet-footer-background-color);
13
13
  border-top: var(--bottom-sheet-footer-border-top);
14
14
  }
15
- .bottom-sheet__hasContent_1i0ec {
15
+ .bottom-sheet__hasContent_4hsi7 {
16
16
  color: var(--bottom-sheet-text-color);
17
17
  }
package/components/footer/default.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./default.css');
4
4
 
5
- var defaultColors = {"highlighted":"bottom-sheet__highlighted_1i0ec","hasContent":"bottom-sheet__hasContent_1i0ec"};
5
+ var defaultColors = {"highlighted":"bottom-sheet__highlighted_4hsi7","hasContent":"bottom-sheet__hasContent_4hsi7"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
package/components/footer/index.css CHANGED
@@ -3,10 +3,10 @@
3
3
  --gap-0: 0px;
4
4
  --gap-16: var(--gap-m);
5
5
  }
6
- .bottom-sheet__footer_9hqnr {
6
+ .bottom-sheet__footer_ril94 {
7
7
  padding: var(--gap-16) var(--gap-16);
8
8
  }
9
- .bottom-sheet__sticky_9hqnr {
9
+ .bottom-sheet__sticky_ril94 {
10
10
  position: sticky;
11
11
  bottom: var(--gap-0);
12
12
  z-index: 1;
package/components/footer/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"footer":"bottom-sheet__footer_9hqnr","sticky":"bottom-sheet__sticky_9hqnr"};
5
+ var styles = {"footer":"bottom-sheet__footer_ril94","sticky":"bottom-sheet__sticky_ril94"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/components/footer/inverted.css CHANGED
@@ -8,10 +8,10 @@
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_1uoiu {
11
+ .bottom-sheet__highlighted_1il9h {
12
12
  background-color: var(--bottom-sheet-footer-background-color-inverted);
13
13
  border-top: var(--bottom-sheet-footer-border-top-inverted);
14
14
  }
15
- .bottom-sheet__hasContent_1uoiu {
15
+ .bottom-sheet__hasContent_1il9h {
16
16
  color: var(--bottom-sheet-text-color-inverted);
17
17
  }
package/components/footer/inverted.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./inverted.css');
4
4
 
5
- var invertedColors = {"highlighted":"bottom-sheet__highlighted_1uoiu","hasContent":"bottom-sheet__hasContent_1uoiu"};
5
+ var invertedColors = {"highlighted":"bottom-sheet__highlighted_1il9h","hasContent":"bottom-sheet__hasContent_1il9h"};
6
6
 
7
7
  module.exports = invertedColors;
8
8
  //# sourceMappingURL=inverted.module.css.js.map
package/components/header/default.css CHANGED
@@ -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_30xuq {
9
+ .bottom-sheet__title_1adhl {
10
10
  color: var(--bottom-sheet-text-color);
11
11
  }
12
- .bottom-sheet__hasContent_30xuq {
12
+ .bottom-sheet__hasContent_1adhl {
13
13
  background-color: inherit;
14
14
  }
15
- .bottom-sheet__subtitle_30xuq.bottom-sheet__subtitle_30xuq {
15
+ .bottom-sheet__subtitle_1adhl.bottom-sheet__subtitle_1adhl {
16
16
  color: var(--bottom-sheet-text-color);
17
17
  }
18
- .bottom-sheet__highlighted_30xuq {
18
+ .bottom-sheet__highlighted_1adhl {
19
19
  border-bottom: var(--bottom-sheet-header-border-bottom);
20
20
  }
package/components/header/default.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./default.css');
4
4
 
5
- var defaultColors = {"title":"bottom-sheet__title_30xuq","hasContent":"bottom-sheet__hasContent_30xuq","subtitle":"bottom-sheet__subtitle_30xuq","highlighted":"bottom-sheet__highlighted_30xuq"};
5
+ var defaultColors = {"title":"bottom-sheet__title_1adhl","hasContent":"bottom-sheet__hasContent_1adhl","subtitle":"bottom-sheet__subtitle_1adhl","highlighted":"bottom-sheet__highlighted_1adhl"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
package/components/header/index.css CHANGED
@@ -9,42 +9,41 @@
9
9
  --gap-12: var(--gap-s);
10
10
  }
11
11
  :root {
12
- --font-family-alfasans:
13
- 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
14
- Helvetica, sans-serif;
12
+ --font-family-system:
13
+ system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
15
14
  }
16
- .bottom-sheet__headerBase_1kilm {
15
+ .bottom-sheet__headerBase_1pnmr {
17
16
  border-top-left-radius: inherit;
18
17
  border-top-right-radius: inherit;
19
18
  z-index: 1;
20
19
  }
21
- .bottom-sheet__headerWrapper_1kilm {
20
+ .bottom-sheet__headerWrapper_1pnmr {
22
21
  padding: var(--gap-12) var(--gap-8) var(--gap-4);
23
22
  }
24
- .bottom-sheet__headerWrapperWithoutSwipeMarker_1kilm {
23
+ .bottom-sheet__headerWrapperWithoutSwipeMarker_1pnmr {
25
24
  padding: var(--gap-8) var(--gap-8) var(--gap-4);
26
25
  }
27
- .bottom-sheet__header_1kilm {
26
+ .bottom-sheet__header_1pnmr {
28
27
  display: flex;
29
28
  }
30
- .bottom-sheet__sticky_1kilm {
29
+ .bottom-sheet__sticky_1pnmr {
31
30
  position: sticky;
32
31
  top: var(--gap-0);
33
32
  }
34
- .bottom-sheet__justifyEnd_1kilm {
33
+ .bottom-sheet__justifyEnd_1pnmr {
35
34
  justify-content: flex-end;
36
35
  }
37
- .bottom-sheet__addon_1kilm {
36
+ .bottom-sheet__addon_1pnmr {
38
37
  display: flex;
39
38
  justify-content: center;
40
39
  align-items: center;
41
40
  min-width: 48px;
42
41
  height: 48px;
43
42
  }
44
- .bottom-sheet__addonFixed_1kilm {
43
+ .bottom-sheet__addonFixed_1pnmr {
45
44
  position: fixed;
46
45
  }
47
- .bottom-sheet__title_1kilm {
46
+ .bottom-sheet__title_1pnmr {
48
47
  padding: var(--gap-10) var(--gap-8);
49
48
  width: 100%;
50
49
 
@@ -52,24 +51,22 @@
52
51
 
53
52
  line-height: 28px;
54
53
 
55
- font-weight: 500;
54
+ font-weight: 600;
56
55
 
57
- letter-spacing: -0.15px;
58
-
59
- font-family: var(--font-family-alfasans);
56
+ font-family: var(--font-family-system);
60
57
  }
61
- .bottom-sheet__titleCenter_1kilm {
58
+ .bottom-sheet__titleCenter_1pnmr {
62
59
  text-align: center;
63
60
  }
64
- .bottom-sheet__titleLeft_1kilm {
61
+ .bottom-sheet__titleLeft_1pnmr {
65
62
  text-align: left;
66
63
  }
67
- .bottom-sheet__trimTitle_1kilm {
64
+ .bottom-sheet__trimTitle_1pnmr {
68
65
  white-space: nowrap;
69
66
  overflow: hidden;
70
67
  text-overflow: ellipsis;
71
68
  }
72
- .bottom-sheet__subtitle_1kilm {
69
+ .bottom-sheet__subtitle_1pnmr {
73
70
  width: 100%;
74
71
 
75
72
  font-size: 14px;
@@ -78,7 +75,5 @@
78
75
 
79
76
  font-weight: 400;
80
77
 
81
- letter-spacing: -0.08px;
82
-
83
- font-family: var(--font-family-alfasans);
78
+ font-family: var(--font-family-system);
84
79
  }
package/components/header/index.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./index.css');
4
4
 
5
- var styles = {"headerWrapper":"bottom-sheet__headerWrapper_1kilm bottom-sheet__headerBase_1kilm","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_1kilm bottom-sheet__headerBase_1kilm","sticky":"bottom-sheet__sticky_1kilm","title":"bottom-sheet__title_1kilm","subtitle":"bottom-sheet__subtitle_1kilm"};
5
+ var styles = {"headerWrapper":"bottom-sheet__headerWrapper_1pnmr bottom-sheet__headerBase_1pnmr","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_1pnmr bottom-sheet__headerBase_1pnmr","sticky":"bottom-sheet__sticky_1pnmr","title":"bottom-sheet__title_1pnmr","subtitle":"bottom-sheet__subtitle_1pnmr"};
6
6
 
7
7
  module.exports = styles;
8
8
  //# sourceMappingURL=index.module.css.js.map
package/components/header/inverted.css CHANGED
@@ -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_1k9em {
9
+ .bottom-sheet__title_42yxs {
10
10
  color: var(--bottom-sheet-text-color-inverted);
11
11
  }
12
- .bottom-sheet__hasContent_1k9em {
12
+ .bottom-sheet__hasContent_42yxs {
13
13
  background-color: inherit;
14
14
  }
15
- .bottom-sheet__subtitle_1k9em.bottom-sheet__subtitle_1k9em {
15
+ .bottom-sheet__subtitle_42yxs.bottom-sheet__subtitle_42yxs {
16
16
  color: var(--bottom-sheet-text-color-inverted);
17
17
  }
18
- .bottom-sheet__highlighted_1k9em {
18
+ .bottom-sheet__highlighted_42yxs {
19
19
  border-bottom: var(--bottom-sheet-header-border-bottom-inverted);
20
20
  }
package/components/header/inverted.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./inverted.css');
4
4
 
5
- var invertedColors = {"title":"bottom-sheet__title_1k9em","hasContent":"bottom-sheet__hasContent_1k9em","subtitle":"bottom-sheet__subtitle_1k9em","highlighted":"bottom-sheet__highlighted_1k9em"};
5
+ var invertedColors = {"title":"bottom-sheet__title_42yxs","hasContent":"bottom-sheet__hasContent_42yxs","subtitle":"bottom-sheet__subtitle_42yxs","highlighted":"bottom-sheet__highlighted_42yxs"};
6
6
 
7
7
  module.exports = invertedColors;
8
8
  //# sourceMappingURL=inverted.module.css.js.map
package/cssm/components/header/index.module.css CHANGED
@@ -9,9 +9,8 @@
9
9
  --gap-12: var(--gap-s);
10
10
  }
11
11
  :root {
12
- --font-family-alfasans:
13
- 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
14
- Helvetica, sans-serif;
12
+ --font-family-system:
13
+ system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
15
14
  }
16
15
  .headerBase {
17
16
  border-top-left-radius: inherit;
@@ -54,11 +53,9 @@
54
53
 
55
54
  line-height: 28px;
56
55
 
57
- font-weight: 500;
56
+ font-weight: 600;
58
57
 
59
- letter-spacing: -0.15px;
60
-
61
- font-family: var(--font-family-alfasans);
58
+ font-family: var(--font-family-system);
62
59
  }
63
60
  .titleCenter {
64
61
  text-align: center;
@@ -80,7 +77,5 @@
80
77
 
81
78
  font-weight: 400;
82
79
 
83
- letter-spacing: -0.08px;
84
-
85
- font-family: var(--font-family-alfasans);
80
+ font-family: var(--font-family-system);
86
81
  }
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_nttyy {
11
+ .bottom-sheet__component_zi4i1 {
12
12
  background-color: var(--bottom-sheet-background-color);
13
13
  }
14
- .bottom-sheet__content_nttyy {
14
+ .bottom-sheet__content_zi4i1 {
15
15
  color: var(--bottom-sheet-text-color);
16
16
  }
17
- .bottom-sheet__defaultMarker_nttyy {
17
+ .bottom-sheet__defaultMarker_zi4i1 {
18
18
  background-color: var(--bottom-sheet-marker-color);
19
19
  }
20
- .bottom-sheet__hasContent_nttyy {
20
+ .bottom-sheet__hasContent_zi4i1 {
21
21
  color: var(--bottom-sheet-text-color);
22
22
  }
package/default.module.css.js CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  require('./default.css');
4
4
 
5
- var defaultColors = {"component":"bottom-sheet__component_nttyy","content":"bottom-sheet__content_nttyy","defaultMarker":"bottom-sheet__defaultMarker_nttyy","hasContent":"bottom-sheet__hasContent_nttyy"};
5
+ var defaultColors = {"component":"bottom-sheet__component_zi4i1","content":"bottom-sheet__content_zi4i1","defaultMarker":"bottom-sheet__defaultMarker_zi4i1","hasContent":"bottom-sheet__hasContent_zi4i1"};
6
6
 
7
7
  module.exports = defaultColors;
8
8
  //# sourceMappingURL=default.module.css.js.map
package/esm/components/footer/default.css CHANGED
@@ -8,10 +8,10 @@
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_1i0ec {
11
+ .bottom-sheet__highlighted_4hsi7 {
12
12
  background-color: var(--bottom-sheet-footer-background-color);
13
13
  border-top: var(--bottom-sheet-footer-border-top);
14
14
  }
15
- .bottom-sheet__hasContent_1i0ec {
15
+ .bottom-sheet__hasContent_4hsi7 {
16
16
  color: var(--bottom-sheet-text-color);
17
17
  }
package/esm/components/footer/default.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- var defaultColors = {"highlighted":"bottom-sheet__highlighted_1i0ec","hasContent":"bottom-sheet__hasContent_1i0ec"};
3
+ var defaultColors = {"highlighted":"bottom-sheet__highlighted_4hsi7","hasContent":"bottom-sheet__hasContent_4hsi7"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
package/esm/components/footer/index.css CHANGED
@@ -3,10 +3,10 @@
3
3
  --gap-0: 0px;
4
4
  --gap-16: var(--gap-m);
5
5
  }
6
- .bottom-sheet__footer_9hqnr {
6
+ .bottom-sheet__footer_ril94 {
7
7
  padding: var(--gap-16) var(--gap-16);
8
8
  }
9
- .bottom-sheet__sticky_9hqnr {
9
+ .bottom-sheet__sticky_ril94 {
10
10
  position: sticky;
11
11
  bottom: var(--gap-0);
12
12
  z-index: 1;
package/esm/components/footer/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"footer":"bottom-sheet__footer_9hqnr","sticky":"bottom-sheet__sticky_9hqnr"};
3
+ var styles = {"footer":"bottom-sheet__footer_ril94","sticky":"bottom-sheet__sticky_ril94"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/components/footer/inverted.css CHANGED
@@ -8,10 +8,10 @@
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_1uoiu {
11
+ .bottom-sheet__highlighted_1il9h {
12
12
  background-color: var(--bottom-sheet-footer-background-color-inverted);
13
13
  border-top: var(--bottom-sheet-footer-border-top-inverted);
14
14
  }
15
- .bottom-sheet__hasContent_1uoiu {
15
+ .bottom-sheet__hasContent_1il9h {
16
16
  color: var(--bottom-sheet-text-color-inverted);
17
17
  }
package/esm/components/footer/inverted.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './inverted.css';
2
2
 
3
- var invertedColors = {"highlighted":"bottom-sheet__highlighted_1uoiu","hasContent":"bottom-sheet__hasContent_1uoiu"};
3
+ var invertedColors = {"highlighted":"bottom-sheet__highlighted_1il9h","hasContent":"bottom-sheet__hasContent_1il9h"};
4
4
 
5
5
  export { invertedColors as default };
6
6
  //# sourceMappingURL=inverted.module.css.js.map
package/esm/components/header/default.css CHANGED
@@ -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_30xuq {
9
+ .bottom-sheet__title_1adhl {
10
10
  color: var(--bottom-sheet-text-color);
11
11
  }
12
- .bottom-sheet__hasContent_30xuq {
12
+ .bottom-sheet__hasContent_1adhl {
13
13
  background-color: inherit;
14
14
  }
15
- .bottom-sheet__subtitle_30xuq.bottom-sheet__subtitle_30xuq {
15
+ .bottom-sheet__subtitle_1adhl.bottom-sheet__subtitle_1adhl {
16
16
  color: var(--bottom-sheet-text-color);
17
17
  }
18
- .bottom-sheet__highlighted_30xuq {
18
+ .bottom-sheet__highlighted_1adhl {
19
19
  border-bottom: var(--bottom-sheet-header-border-bottom);
20
20
  }
package/esm/components/header/default.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- var defaultColors = {"title":"bottom-sheet__title_30xuq","hasContent":"bottom-sheet__hasContent_30xuq","subtitle":"bottom-sheet__subtitle_30xuq","highlighted":"bottom-sheet__highlighted_30xuq"};
3
+ var defaultColors = {"title":"bottom-sheet__title_1adhl","hasContent":"bottom-sheet__hasContent_1adhl","subtitle":"bottom-sheet__subtitle_1adhl","highlighted":"bottom-sheet__highlighted_1adhl"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map
package/esm/components/header/index.css CHANGED
@@ -9,42 +9,41 @@
9
9
  --gap-12: var(--gap-s);
10
10
  }
11
11
  :root {
12
- --font-family-alfasans:
13
- 'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
14
- Helvetica, sans-serif;
12
+ --font-family-system:
13
+ system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
15
14
  }
16
- .bottom-sheet__headerBase_1kilm {
15
+ .bottom-sheet__headerBase_1pnmr {
17
16
  border-top-left-radius: inherit;
18
17
  border-top-right-radius: inherit;
19
18
  z-index: 1;
20
19
  }
21
- .bottom-sheet__headerWrapper_1kilm {
20
+ .bottom-sheet__headerWrapper_1pnmr {
22
21
  padding: var(--gap-12) var(--gap-8) var(--gap-4);
23
22
  }
24
- .bottom-sheet__headerWrapperWithoutSwipeMarker_1kilm {
23
+ .bottom-sheet__headerWrapperWithoutSwipeMarker_1pnmr {
25
24
  padding: var(--gap-8) var(--gap-8) var(--gap-4);
26
25
  }
27
- .bottom-sheet__header_1kilm {
26
+ .bottom-sheet__header_1pnmr {
28
27
  display: flex;
29
28
  }
30
- .bottom-sheet__sticky_1kilm {
29
+ .bottom-sheet__sticky_1pnmr {
31
30
  position: sticky;
32
31
  top: var(--gap-0);
33
32
  }
34
- .bottom-sheet__justifyEnd_1kilm {
33
+ .bottom-sheet__justifyEnd_1pnmr {
35
34
  justify-content: flex-end;
36
35
  }
37
- .bottom-sheet__addon_1kilm {
36
+ .bottom-sheet__addon_1pnmr {
38
37
  display: flex;
39
38
  justify-content: center;
40
39
  align-items: center;
41
40
  min-width: 48px;
42
41
  height: 48px;
43
42
  }
44
- .bottom-sheet__addonFixed_1kilm {
43
+ .bottom-sheet__addonFixed_1pnmr {
45
44
  position: fixed;
46
45
  }
47
- .bottom-sheet__title_1kilm {
46
+ .bottom-sheet__title_1pnmr {
48
47
  padding: var(--gap-10) var(--gap-8);
49
48
  width: 100%;
50
49
 
@@ -52,24 +51,22 @@
52
51
 
53
52
  line-height: 28px;
54
53
 
55
- font-weight: 500;
54
+ font-weight: 600;
56
55
 
57
- letter-spacing: -0.15px;
58
-
59
- font-family: var(--font-family-alfasans);
56
+ font-family: var(--font-family-system);
60
57
  }
61
- .bottom-sheet__titleCenter_1kilm {
58
+ .bottom-sheet__titleCenter_1pnmr {
62
59
  text-align: center;
63
60
  }
64
- .bottom-sheet__titleLeft_1kilm {
61
+ .bottom-sheet__titleLeft_1pnmr {
65
62
  text-align: left;
66
63
  }
67
- .bottom-sheet__trimTitle_1kilm {
64
+ .bottom-sheet__trimTitle_1pnmr {
68
65
  white-space: nowrap;
69
66
  overflow: hidden;
70
67
  text-overflow: ellipsis;
71
68
  }
72
- .bottom-sheet__subtitle_1kilm {
69
+ .bottom-sheet__subtitle_1pnmr {
73
70
  width: 100%;
74
71
 
75
72
  font-size: 14px;
@@ -78,7 +75,5 @@
78
75
 
79
76
  font-weight: 400;
80
77
 
81
- letter-spacing: -0.08px;
82
-
83
- font-family: var(--font-family-alfasans);
78
+ font-family: var(--font-family-system);
84
79
  }
package/esm/components/header/index.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './index.css';
2
2
 
3
- var styles = {"headerWrapper":"bottom-sheet__headerWrapper_1kilm bottom-sheet__headerBase_1kilm","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_1kilm bottom-sheet__headerBase_1kilm","sticky":"bottom-sheet__sticky_1kilm","title":"bottom-sheet__title_1kilm","subtitle":"bottom-sheet__subtitle_1kilm"};
3
+ var styles = {"headerWrapper":"bottom-sheet__headerWrapper_1pnmr bottom-sheet__headerBase_1pnmr","headerWrapperWithoutSwipeMarker":"bottom-sheet__headerWrapperWithoutSwipeMarker_1pnmr bottom-sheet__headerBase_1pnmr","sticky":"bottom-sheet__sticky_1pnmr","title":"bottom-sheet__title_1pnmr","subtitle":"bottom-sheet__subtitle_1pnmr"};
4
4
 
5
5
  export { styles as default };
6
6
  //# sourceMappingURL=index.module.css.js.map
package/esm/components/header/inverted.css CHANGED
@@ -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_1k9em {
9
+ .bottom-sheet__title_42yxs {
10
10
  color: var(--bottom-sheet-text-color-inverted);
11
11
  }
12
- .bottom-sheet__hasContent_1k9em {
12
+ .bottom-sheet__hasContent_42yxs {
13
13
  background-color: inherit;
14
14
  }
15
- .bottom-sheet__subtitle_1k9em.bottom-sheet__subtitle_1k9em {
15
+ .bottom-sheet__subtitle_42yxs.bottom-sheet__subtitle_42yxs {
16
16
  color: var(--bottom-sheet-text-color-inverted);
17
17
  }
18
- .bottom-sheet__highlighted_1k9em {
18
+ .bottom-sheet__highlighted_42yxs {
19
19
  border-bottom: var(--bottom-sheet-header-border-bottom-inverted);
20
20
  }
package/esm/components/header/inverted.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './inverted.css';
2
2
 
3
- var invertedColors = {"title":"bottom-sheet__title_1k9em","hasContent":"bottom-sheet__hasContent_1k9em","subtitle":"bottom-sheet__subtitle_1k9em","highlighted":"bottom-sheet__highlighted_1k9em"};
3
+ var invertedColors = {"title":"bottom-sheet__title_42yxs","hasContent":"bottom-sheet__hasContent_42yxs","subtitle":"bottom-sheet__subtitle_42yxs","highlighted":"bottom-sheet__highlighted_42yxs"};
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_nttyy {
11
+ .bottom-sheet__component_zi4i1 {
12
12
  background-color: var(--bottom-sheet-background-color);
13
13
  }
14
- .bottom-sheet__content_nttyy {
14
+ .bottom-sheet__content_zi4i1 {
15
15
  color: var(--bottom-sheet-text-color);
16
16
  }
17
- .bottom-sheet__defaultMarker_nttyy {
17
+ .bottom-sheet__defaultMarker_zi4i1 {
18
18
  background-color: var(--bottom-sheet-marker-color);
19
19
  }
20
- .bottom-sheet__hasContent_nttyy {
20
+ .bottom-sheet__hasContent_zi4i1 {
21
21
  color: var(--bottom-sheet-text-color);
22
22
  }
package/esm/default.module.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import './default.css';
2
2
 
3
- var defaultColors = {"component":"bottom-sheet__component_nttyy","content":"bottom-sheet__content_nttyy","defaultMarker":"bottom-sheet__defaultMarker_nttyy","hasContent":"bottom-sheet__hasContent_nttyy"};
3
+ var defaultColors = {"component":"bottom-sheet__component_zi4i1","content":"bottom-sheet__content_zi4i1","defaultMarker":"bottom-sheet__defaultMarker_zi4i1","hasContent":"bottom-sheet__hasContent_zi4i1"};
4
4
 
5
5
  export { defaultColors as default };
6
6
  //# sourceMappingURL=default.module.css.js.map