@alfalab/core-components-bottom-sheet 6.12.0 → 6.13.1

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 (30) hide show
  1. package/component.js +1 -1
  2. package/components/footer/Component.js +1 -1
  3. package/components/footer/index.css +31 -30
  4. package/components/header/Component.js +1 -1
  5. package/components/header/index.css +15 -15
  6. package/cssm/components/footer/index.module.css +5 -4
  7. package/cssm/components/header/index.module.css +2 -2
  8. package/cssm/index.module.css +4 -3
  9. package/cssm/types.d.ts +2 -1
  10. package/esm/component.js +1 -1
  11. package/esm/components/footer/Component.js +1 -1
  12. package/esm/components/footer/index.css +31 -30
  13. package/esm/components/header/Component.js +1 -1
  14. package/esm/components/header/index.css +15 -15
  15. package/esm/index.css +48 -47
  16. package/esm/types.d.ts +2 -1
  17. package/index.css +48 -47
  18. package/modern/component.js +1 -1
  19. package/modern/components/footer/Component.js +1 -1
  20. package/modern/components/footer/index.css +31 -30
  21. package/modern/components/header/Component.js +1 -1
  22. package/modern/components/header/index.css +15 -15
  23. package/modern/index.css +48 -47
  24. package/modern/types.d.ts +2 -1
  25. package/package.json +5 -5
  26. package/src/components/footer/index.module.css +1 -1
  27. package/src/index.module.css +2 -2
  28. package/src/types.ts +2 -1
  29. package/src/vars.css +3 -3
  30. package/types.d.ts +2 -1
package/component.js CHANGED
@@ -23,7 +23,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
23
23
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
24
24
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
25
25
 
26
- var styles = {"modal":"bottom-sheet__modal_1hk66","wrapper":"bottom-sheet__wrapper_1hk66","fullscreen":"bottom-sheet__fullscreen_1hk66","component":"bottom-sheet__component_1hk66","withTransition":"bottom-sheet__withTransition_1hk66","scrollableContainer":"bottom-sheet__scrollableContainer_1hk66","marker":"bottom-sheet__marker_1hk66","defaultMarker":"bottom-sheet__defaultMarker_1hk66","content":"bottom-sheet__content_1hk66","noHeader":"bottom-sheet__noHeader_1hk66","noFooter":"bottom-sheet__noFooter_1hk66","scrollLocked":"bottom-sheet__scrollLocked_1hk66","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1hk66","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1hk66","appear":"bottom-sheet__appear_1hk66","enter":"bottom-sheet__enter_1hk66","appearActive":"bottom-sheet__appearActive_1hk66","enterActive":"bottom-sheet__enterActive_1hk66","enterDone":"bottom-sheet__enterDone_1hk66","appearDone":"bottom-sheet__appearDone_1hk66","exit":"bottom-sheet__exit_1hk66","exitActive":"bottom-sheet__exitActive_1hk66","background-accent":"bottom-sheet__background-accent_1hk66","background-info":"bottom-sheet__background-info_1hk66","background-attention-muted":"bottom-sheet__background-attention-muted_1hk66","background-positive-muted":"bottom-sheet__background-positive-muted_1hk66","background-negative-muted":"bottom-sheet__background-negative-muted_1hk66","background-primary":"bottom-sheet__background-primary_1hk66","background-primary-inverted":"bottom-sheet__background-primary-inverted_1hk66","background-secondary":"bottom-sheet__background-secondary_1hk66","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1hk66","background-tertiary":"bottom-sheet__background-tertiary_1hk66","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1hk66","background-quaternary":"bottom-sheet__background-quaternary_1hk66","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1hk66","background-specialbg-component":"bottom-sheet__background-specialbg-component_1hk66","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1hk66","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1hk66","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1hk66","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1hk66","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1hk66","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1hk66","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1hk66","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1hk66"};
26
+ var styles = {"modal":"bottom-sheet__modal_1qlvo","wrapper":"bottom-sheet__wrapper_1qlvo","fullscreen":"bottom-sheet__fullscreen_1qlvo","component":"bottom-sheet__component_1qlvo","withTransition":"bottom-sheet__withTransition_1qlvo","scrollableContainer":"bottom-sheet__scrollableContainer_1qlvo","marker":"bottom-sheet__marker_1qlvo","defaultMarker":"bottom-sheet__defaultMarker_1qlvo","content":"bottom-sheet__content_1qlvo","noHeader":"bottom-sheet__noHeader_1qlvo","noFooter":"bottom-sheet__noFooter_1qlvo","scrollLocked":"bottom-sheet__scrollLocked_1qlvo","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1qlvo","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1qlvo","appear":"bottom-sheet__appear_1qlvo","enter":"bottom-sheet__enter_1qlvo","appearActive":"bottom-sheet__appearActive_1qlvo","enterActive":"bottom-sheet__enterActive_1qlvo","enterDone":"bottom-sheet__enterDone_1qlvo","appearDone":"bottom-sheet__appearDone_1qlvo","exit":"bottom-sheet__exit_1qlvo","exitActive":"bottom-sheet__exitActive_1qlvo","background-accent":"bottom-sheet__background-accent_1qlvo","background-info":"bottom-sheet__background-info_1qlvo","background-attention-muted":"bottom-sheet__background-attention-muted_1qlvo","background-positive-muted":"bottom-sheet__background-positive-muted_1qlvo","background-negative-muted":"bottom-sheet__background-negative-muted_1qlvo","background-primary":"bottom-sheet__background-primary_1qlvo","background-primary-inverted":"bottom-sheet__background-primary-inverted_1qlvo","background-secondary":"bottom-sheet__background-secondary_1qlvo","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1qlvo","background-tertiary":"bottom-sheet__background-tertiary_1qlvo","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1qlvo","background-quaternary":"bottom-sheet__background-quaternary_1qlvo","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1qlvo","background-specialbg-component":"bottom-sheet__background-specialbg-component_1qlvo","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1qlvo","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1qlvo","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1qlvo","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1qlvo","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1qlvo","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1qlvo","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1qlvo","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1qlvo"};
27
27
  require('./index.css')
28
28
 
29
29
  var isNil = coreComponentsShared.fnUtils.isNil;
package/components/footer/Component.js CHANGED
@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
11
11
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
12
12
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
13
13
 
14
- var styles = {"footer":"bottom-sheet__footer_15tmw","sticky":"bottom-sheet__sticky_15tmw","highlighted":"bottom-sheet__highlighted_15tmw","background-accent":"bottom-sheet__background-accent_15tmw","background-info":"bottom-sheet__background-info_15tmw","background-attention-muted":"bottom-sheet__background-attention-muted_15tmw","background-positive-muted":"bottom-sheet__background-positive-muted_15tmw","background-negative-muted":"bottom-sheet__background-negative-muted_15tmw","background-primary":"bottom-sheet__background-primary_15tmw","background-primary-inverted":"bottom-sheet__background-primary-inverted_15tmw","background-secondary":"bottom-sheet__background-secondary_15tmw","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_15tmw","background-tertiary":"bottom-sheet__background-tertiary_15tmw","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_15tmw","background-quaternary":"bottom-sheet__background-quaternary_15tmw","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_15tmw","background-specialbg-component":"bottom-sheet__background-specialbg-component_15tmw","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_15tmw","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_15tmw","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_15tmw","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_15tmw","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_15tmw","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_15tmw","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_15tmw","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_15tmw"};
14
+ var styles = {"footer":"bottom-sheet__footer_1bigx","sticky":"bottom-sheet__sticky_1bigx","highlighted":"bottom-sheet__highlighted_1bigx","background-accent":"bottom-sheet__background-accent_1bigx","background-info":"bottom-sheet__background-info_1bigx","background-attention-muted":"bottom-sheet__background-attention-muted_1bigx","background-positive-muted":"bottom-sheet__background-positive-muted_1bigx","background-negative-muted":"bottom-sheet__background-negative-muted_1bigx","background-primary":"bottom-sheet__background-primary_1bigx","background-primary-inverted":"bottom-sheet__background-primary-inverted_1bigx","background-secondary":"bottom-sheet__background-secondary_1bigx","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1bigx","background-tertiary":"bottom-sheet__background-tertiary_1bigx","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1bigx","background-quaternary":"bottom-sheet__background-quaternary_1bigx","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1bigx","background-specialbg-component":"bottom-sheet__background-specialbg-component_1bigx","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1bigx","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1bigx","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1bigx","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1bigx","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1bigx","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1bigx","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1bigx","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1bigx"};
15
15
  require('./index.css')
16
16
 
17
17
  var Footer = function (_a) {
package/components/footer/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1gakt */
1
+ /* hash: 1sq2x */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-accent: #ef3124;
@@ -14,7 +14,8 @@
14
14
  --color-light-bg-secondary-inverted: #1c1c1e;
15
15
  --color-light-bg-tertiary: #e7e8ea;
16
16
  --color-light-bg-tertiary-inverted: #27272a;
17
- --color-light-border-secondary: #e7e8ec;
17
+ --color-light-modal-bg-primary: #fff;
18
+ --color-light-neutral-300: #e7e8eb;
18
19
  --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
19
20
  --color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.1);
20
21
  --color-light-specialbg-primary-grouped: #f2f3f5;
@@ -43,60 +44,60 @@
43
44
  /* header */
44
45
 
45
46
  /* footer */
46
- --bottom-sheet-footer-border-top: 1px solid var(--color-light-border-secondary);
47
- --bottom-sheet-footer-background-color: var(--color-light-bg-primary);
48
- } .bottom-sheet__footer_15tmw {
47
+ --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
48
+ --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
49
+ } .bottom-sheet__footer_1bigx {
49
50
  padding: var(--gap-m) var(--gap-m);
50
- background-color: var(--color-light-bg-primary);
51
- } .bottom-sheet__sticky_15tmw {
51
+ background-color: var(--color-light-modal-bg-primary);
52
+ } .bottom-sheet__sticky_1bigx {
52
53
  position: sticky;
53
54
  bottom: 0;
54
55
  z-index: 1;
55
- } .bottom-sheet__highlighted_15tmw {
56
+ } .bottom-sheet__highlighted_1bigx {
56
57
  border-top: var(--bottom-sheet-footer-border-top);
57
58
  background-color: var(--bottom-sheet-footer-background-color);
58
- } .bottom-sheet__background-accent_15tmw {
59
+ } .bottom-sheet__background-accent_1bigx {
59
60
  background-color: var(--color-light-bg-accent);
60
- } .bottom-sheet__background-info_15tmw {
61
+ } .bottom-sheet__background-info_1bigx {
61
62
  background-color: var(--color-light-bg-info);
62
- } .bottom-sheet__background-attention-muted_15tmw {
63
+ } .bottom-sheet__background-attention-muted_1bigx {
63
64
  background-color: var(--color-light-bg-attention-muted);
64
- } .bottom-sheet__background-positive-muted_15tmw {
65
+ } .bottom-sheet__background-positive-muted_1bigx {
65
66
  background-color: var(--color-light-bg-positive-muted);
66
- } .bottom-sheet__background-negative-muted_15tmw {
67
+ } .bottom-sheet__background-negative-muted_1bigx {
67
68
  background-color: var(--color-light-bg-negative-muted);
68
- } .bottom-sheet__background-primary_15tmw {
69
+ } .bottom-sheet__background-primary_1bigx {
69
70
  background-color: var(--color-light-bg-primary);
70
- } .bottom-sheet__background-primary-inverted_15tmw {
71
+ } .bottom-sheet__background-primary-inverted_1bigx {
71
72
  background-color: var(--color-light-bg-primary-inverted);
72
- } .bottom-sheet__background-secondary_15tmw {
73
+ } .bottom-sheet__background-secondary_1bigx {
73
74
  background-color: var(--color-light-bg-secondary);
74
- } .bottom-sheet__background-secondary-inverted_15tmw {
75
+ } .bottom-sheet__background-secondary-inverted_1bigx {
75
76
  background-color: var(--color-light-bg-secondary-inverted);
76
- } .bottom-sheet__background-tertiary_15tmw {
77
+ } .bottom-sheet__background-tertiary_1bigx {
77
78
  background-color: var(--color-light-bg-tertiary);
78
- } .bottom-sheet__background-tertiary-inverted_15tmw {
79
+ } .bottom-sheet__background-tertiary-inverted_1bigx {
79
80
  background-color: var(--color-light-bg-tertiary-inverted);
80
- } .bottom-sheet__background-quaternary_15tmw {
81
+ } .bottom-sheet__background-quaternary_1bigx {
81
82
  background-color: var(--color-light-bg-quaternary);
82
- } .bottom-sheet__background-quaternary-inverted_15tmw {
83
+ } .bottom-sheet__background-quaternary-inverted_1bigx {
83
84
  background-color: var(--color-light-bg-quaternary-inverted);
84
- } .bottom-sheet__background-specialbg-component_15tmw {
85
+ } .bottom-sheet__background-specialbg-component_1bigx {
85
86
  background-color: var(--color-light-specialbg-component);
86
- } .bottom-sheet__background-specialbg-component-inverted_15tmw {
87
+ } .bottom-sheet__background-specialbg-component-inverted_1bigx {
87
88
  background-color: var(--color-light-specialbg-component-inverted);
88
- } .bottom-sheet__background-specialbg-primary-grouped_15tmw {
89
+ } .bottom-sheet__background-specialbg-primary-grouped_1bigx {
89
90
  background-color: var(--color-light-specialbg-primary-grouped);
90
- } .bottom-sheet__background-specialbg-secondary-grouped_15tmw {
91
+ } .bottom-sheet__background-specialbg-secondary-grouped_1bigx {
91
92
  background-color: var(--color-light-specialbg-secondary-grouped);
92
- } .bottom-sheet__background-specialbg-tertiary-grouped_15tmw {
93
+ } .bottom-sheet__background-specialbg-tertiary-grouped_1bigx {
93
94
  background-color: var(--color-light-specialbg-tertiary-grouped);
94
- } .bottom-sheet__background-specialbg-secondary-transparent_15tmw {
95
+ } .bottom-sheet__background-specialbg-secondary-transparent_1bigx {
95
96
  background-color: var(--color-light-specialbg-secondary-transparent);
96
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_15tmw {
97
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1bigx {
97
98
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
98
- } .bottom-sheet__background-specialbg-tertiary-transparent_15tmw {
99
+ } .bottom-sheet__background-specialbg-tertiary-transparent_1bigx {
99
100
  background-color: var(--color-light-specialbg-tertiary-transparent);
100
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_15tmw {
101
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1bigx {
101
102
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
102
103
  }
package/components/header/Component.js CHANGED
@@ -13,7 +13,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
13
13
  var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
15
15
 
16
- var styles = {"headerWrapper":"bottom-sheet__headerWrapper_16mln","hasContent":"bottom-sheet__hasContent_16mln","header":"bottom-sheet__header_16mln","sticky":"bottom-sheet__sticky_16mln","highlighted":"bottom-sheet__highlighted_16mln","justifyEnd":"bottom-sheet__justifyEnd_16mln","addon":"bottom-sheet__addon_16mln","addonFixed":"bottom-sheet__addonFixed_16mln","title":"bottom-sheet__title_16mln","titleCenter":"bottom-sheet__titleCenter_16mln","titleLeft":"bottom-sheet__titleLeft_16mln","trimTitle":"bottom-sheet__trimTitle_16mln"};
16
+ var styles = {"headerWrapper":"bottom-sheet__headerWrapper_18stx","hasContent":"bottom-sheet__hasContent_18stx","header":"bottom-sheet__header_18stx","sticky":"bottom-sheet__sticky_18stx","highlighted":"bottom-sheet__highlighted_18stx","justifyEnd":"bottom-sheet__justifyEnd_18stx","addon":"bottom-sheet__addon_18stx","addonFixed":"bottom-sheet__addonFixed_18stx","title":"bottom-sheet__title_18stx","titleCenter":"bottom-sheet__titleCenter_18stx","titleLeft":"bottom-sheet__titleLeft_18stx","trimTitle":"bottom-sheet__trimTitle_18stx"};
17
17
  require('./index.css')
18
18
 
19
19
  var Header = function (_a) {
package/components/header/index.css CHANGED
@@ -1,7 +1,7 @@
1
- /* hash: to9hv */
1
+ /* hash: 1tmrb */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-border-secondary: #e7e8ec; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ --color-light-neutral-300: #e7e8eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :root {
7
7
  } :root {
@@ -23,49 +23,49 @@
23
23
  } :root {
24
24
 
25
25
  /* header */
26
- --bottom-sheet-header-border-bottom: 1px solid var(--color-light-border-secondary);
26
+ --bottom-sheet-header-border-bottom: 1px solid var(--color-light-neutral-300);
27
27
  --bottom-sheet-title-font-size: 18px;
28
28
  --bottom-sheet-title-font-weight: 700;
29
29
  --bottom-sheet-title-line-height: 24px;
30
30
  --bottom-sheet-title-font-family: var(--font-family-system);
31
31
 
32
32
  /* footer */
33
- } .bottom-sheet__headerWrapper_16mln {
33
+ } .bottom-sheet__headerWrapper_18stx {
34
34
  padding: var(--gap-s) var(--gap-xs) var(--gap-2xs);
35
35
  border-top-left-radius: inherit;
36
36
  border-top-right-radius: inherit;
37
37
  z-index: 1;
38
- } .bottom-sheet__hasContent_16mln {
38
+ } .bottom-sheet__hasContent_18stx {
39
39
  background-color: inherit;
40
- } .bottom-sheet__header_16mln {
40
+ } .bottom-sheet__header_18stx {
41
41
  display: flex;
42
- } .bottom-sheet__sticky_16mln {
42
+ } .bottom-sheet__sticky_18stx {
43
43
  position: sticky;
44
44
  top: 0;
45
- } .bottom-sheet__highlighted_16mln {
45
+ } .bottom-sheet__highlighted_18stx {
46
46
  border-bottom: var(--bottom-sheet-header-border-bottom);
47
- } .bottom-sheet__justifyEnd_16mln {
47
+ } .bottom-sheet__justifyEnd_18stx {
48
48
  justify-content: flex-end;
49
- } .bottom-sheet__addon_16mln {
49
+ } .bottom-sheet__addon_18stx {
50
50
  display: flex;
51
51
  justify-content: center;
52
52
  align-items: center;
53
53
  min-width: 48px;
54
54
  height: 48px;
55
- } .bottom-sheet__addonFixed_16mln {
55
+ } .bottom-sheet__addonFixed_18stx {
56
56
  position: fixed;
57
- } .bottom-sheet__title_16mln {
57
+ } .bottom-sheet__title_18stx {
58
58
  padding: var(--gap-s) var(--gap-xs);
59
59
  width: 100%;
60
60
  font-size: var(--bottom-sheet-title-font-size);
61
61
  font-weight: var(--bottom-sheet-title-font-weight);
62
62
  line-height: var(--bottom-sheet-title-line-height);
63
63
  font-family: var(--bottom-sheet-title-font-family);
64
- } .bottom-sheet__titleCenter_16mln {
64
+ } .bottom-sheet__titleCenter_18stx {
65
65
  text-align: center;
66
- } .bottom-sheet__titleLeft_16mln {
66
+ } .bottom-sheet__titleLeft_18stx {
67
67
  text-align: left;
68
- } .bottom-sheet__trimTitle_16mln {
68
+ } .bottom-sheet__trimTitle_18stx {
69
69
  white-space: nowrap;
70
70
  overflow: hidden;
71
71
  text-overflow: ellipsis;
package/cssm/components/footer/index.module.css CHANGED
@@ -13,7 +13,8 @@
13
13
  --color-light-bg-secondary-inverted: #1c1c1e;
14
14
  --color-light-bg-tertiary: #e7e8ea;
15
15
  --color-light-bg-tertiary-inverted: #27272a;
16
- --color-light-border-secondary: #e7e8ec;
16
+ --color-light-modal-bg-primary: #fff;
17
+ --color-light-neutral-300: #e7e8eb;
17
18
  --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
18
19
  --color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.1);
19
20
  --color-light-specialbg-primary-grouped: #f2f3f5;
@@ -42,11 +43,11 @@
42
43
  /* header */
43
44
 
44
45
  /* footer */
45
- --bottom-sheet-footer-border-top: 1px solid var(--color-light-border-secondary);
46
- --bottom-sheet-footer-background-color: var(--color-light-bg-primary);
46
+ --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
47
+ --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
47
48
  } .footer {
48
49
  padding: var(--gap-m) var(--gap-m);
49
- background-color: var(--color-light-bg-primary);
50
+ background-color: var(--color-light-modal-bg-primary);
50
51
  } .sticky {
51
52
  position: sticky;
52
53
  bottom: 0;
package/cssm/components/header/index.module.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :root {
2
2
  } /* deprecated */ :root {
3
- --color-light-border-secondary: #e7e8ec; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
+ --color-light-neutral-300: #e7e8eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
4
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :root {
6
6
  } :root {
@@ -22,7 +22,7 @@
22
22
  } :root {
23
23
 
24
24
  /* header */
25
- --bottom-sheet-header-border-bottom: 1px solid var(--color-light-border-secondary);
25
+ --bottom-sheet-header-border-bottom: 1px solid var(--color-light-neutral-300);
26
26
  --bottom-sheet-title-font-size: 18px;
27
27
  --bottom-sheet-title-font-weight: 700;
28
28
  --bottom-sheet-title-line-height: 24px;
package/cssm/index.module.css CHANGED
@@ -13,7 +13,8 @@
13
13
  --color-light-bg-secondary-inverted: #1c1c1e;
14
14
  --color-light-bg-tertiary: #e7e8ea;
15
15
  --color-light-bg-tertiary-inverted: #27272a;
16
- --color-light-graphic-quaternary: #e7e8ec;
16
+ --color-light-modal-bg-primary: #fff;
17
+ --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
17
18
  --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
18
19
  --color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.1);
19
20
  --color-light-specialbg-primary-grouped: #f2f3f5;
@@ -73,7 +74,7 @@
73
74
  display: flex;
74
75
  flex-direction: column;
75
76
  border-radius: inherit;
76
- background-color: var(--color-light-bg-primary);
77
+ background-color: var(--color-light-modal-bg-primary);
77
78
  pointer-events: all;
78
79
  box-shadow: var(--bottom-sheet-shadow);
79
80
  } .withTransition {
@@ -98,7 +99,7 @@
98
99
  } .defaultMarker {
99
100
  height: 4px;
100
101
  border-radius: var(--border-radius-xxl);
101
- background-color: var(--color-light-graphic-quaternary);
102
+ background-color: var(--color-light-neutral-translucent-300);
102
103
  } .content {
103
104
  position: relative;
104
105
  z-index: 0;
package/cssm/types.d.ts CHANGED
@@ -102,7 +102,8 @@ type BottomSheetProps = {
102
102
  */
103
103
  transitionProps?: Partial<TransitionProps>;
104
104
  /**
105
- * Идентификатор для систем автоматизированного тестирования
105
+ * Идентификатор для систем автоматизированного тестирования.
106
+ * Для заголовка используется модификатор -header
106
107
  */
107
108
  dataTestId?: string;
108
109
  /**
package/esm/component.js CHANGED
@@ -13,7 +13,7 @@ import { convertPercentToNumber, TIMEOUT, MARKER_HEIGHT, SCROLL_OFFSET, SWIPE_VE
13
13
  import '@alfalab/core-components-navigation-bar/esm';
14
14
  import '@alfalab/core-components-backdrop/esm';
15
15
 
16
- var styles = {"modal":"bottom-sheet__modal_1hk66","wrapper":"bottom-sheet__wrapper_1hk66","fullscreen":"bottom-sheet__fullscreen_1hk66","component":"bottom-sheet__component_1hk66","withTransition":"bottom-sheet__withTransition_1hk66","scrollableContainer":"bottom-sheet__scrollableContainer_1hk66","marker":"bottom-sheet__marker_1hk66","defaultMarker":"bottom-sheet__defaultMarker_1hk66","content":"bottom-sheet__content_1hk66","noHeader":"bottom-sheet__noHeader_1hk66","noFooter":"bottom-sheet__noFooter_1hk66","scrollLocked":"bottom-sheet__scrollLocked_1hk66","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1hk66","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1hk66","appear":"bottom-sheet__appear_1hk66","enter":"bottom-sheet__enter_1hk66","appearActive":"bottom-sheet__appearActive_1hk66","enterActive":"bottom-sheet__enterActive_1hk66","enterDone":"bottom-sheet__enterDone_1hk66","appearDone":"bottom-sheet__appearDone_1hk66","exit":"bottom-sheet__exit_1hk66","exitActive":"bottom-sheet__exitActive_1hk66","background-accent":"bottom-sheet__background-accent_1hk66","background-info":"bottom-sheet__background-info_1hk66","background-attention-muted":"bottom-sheet__background-attention-muted_1hk66","background-positive-muted":"bottom-sheet__background-positive-muted_1hk66","background-negative-muted":"bottom-sheet__background-negative-muted_1hk66","background-primary":"bottom-sheet__background-primary_1hk66","background-primary-inverted":"bottom-sheet__background-primary-inverted_1hk66","background-secondary":"bottom-sheet__background-secondary_1hk66","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1hk66","background-tertiary":"bottom-sheet__background-tertiary_1hk66","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1hk66","background-quaternary":"bottom-sheet__background-quaternary_1hk66","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1hk66","background-specialbg-component":"bottom-sheet__background-specialbg-component_1hk66","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1hk66","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1hk66","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1hk66","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1hk66","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1hk66","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1hk66","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1hk66","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1hk66"};
16
+ var styles = {"modal":"bottom-sheet__modal_1qlvo","wrapper":"bottom-sheet__wrapper_1qlvo","fullscreen":"bottom-sheet__fullscreen_1qlvo","component":"bottom-sheet__component_1qlvo","withTransition":"bottom-sheet__withTransition_1qlvo","scrollableContainer":"bottom-sheet__scrollableContainer_1qlvo","marker":"bottom-sheet__marker_1qlvo","defaultMarker":"bottom-sheet__defaultMarker_1qlvo","content":"bottom-sheet__content_1qlvo","noHeader":"bottom-sheet__noHeader_1qlvo","noFooter":"bottom-sheet__noFooter_1qlvo","scrollLocked":"bottom-sheet__scrollLocked_1qlvo","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1qlvo","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1qlvo","appear":"bottom-sheet__appear_1qlvo","enter":"bottom-sheet__enter_1qlvo","appearActive":"bottom-sheet__appearActive_1qlvo","enterActive":"bottom-sheet__enterActive_1qlvo","enterDone":"bottom-sheet__enterDone_1qlvo","appearDone":"bottom-sheet__appearDone_1qlvo","exit":"bottom-sheet__exit_1qlvo","exitActive":"bottom-sheet__exitActive_1qlvo","background-accent":"bottom-sheet__background-accent_1qlvo","background-info":"bottom-sheet__background-info_1qlvo","background-attention-muted":"bottom-sheet__background-attention-muted_1qlvo","background-positive-muted":"bottom-sheet__background-positive-muted_1qlvo","background-negative-muted":"bottom-sheet__background-negative-muted_1qlvo","background-primary":"bottom-sheet__background-primary_1qlvo","background-primary-inverted":"bottom-sheet__background-primary-inverted_1qlvo","background-secondary":"bottom-sheet__background-secondary_1qlvo","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1qlvo","background-tertiary":"bottom-sheet__background-tertiary_1qlvo","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1qlvo","background-quaternary":"bottom-sheet__background-quaternary_1qlvo","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1qlvo","background-specialbg-component":"bottom-sheet__background-specialbg-component_1qlvo","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1qlvo","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1qlvo","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1qlvo","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1qlvo","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1qlvo","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1qlvo","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1qlvo","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1qlvo"};
17
17
  require('./index.css')
18
18
 
19
19
  var isNil = fnUtils.isNil;
package/esm/components/footer/Component.js CHANGED
@@ -2,7 +2,7 @@ import React, { useContext, useEffect } from 'react';
2
2
  import cn from 'classnames';
3
3
  import { BaseModalContext } from '@alfalab/core-components-base-modal/esm';
4
4
 
5
- var styles = {"footer":"bottom-sheet__footer_15tmw","sticky":"bottom-sheet__sticky_15tmw","highlighted":"bottom-sheet__highlighted_15tmw","background-accent":"bottom-sheet__background-accent_15tmw","background-info":"bottom-sheet__background-info_15tmw","background-attention-muted":"bottom-sheet__background-attention-muted_15tmw","background-positive-muted":"bottom-sheet__background-positive-muted_15tmw","background-negative-muted":"bottom-sheet__background-negative-muted_15tmw","background-primary":"bottom-sheet__background-primary_15tmw","background-primary-inverted":"bottom-sheet__background-primary-inverted_15tmw","background-secondary":"bottom-sheet__background-secondary_15tmw","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_15tmw","background-tertiary":"bottom-sheet__background-tertiary_15tmw","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_15tmw","background-quaternary":"bottom-sheet__background-quaternary_15tmw","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_15tmw","background-specialbg-component":"bottom-sheet__background-specialbg-component_15tmw","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_15tmw","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_15tmw","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_15tmw","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_15tmw","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_15tmw","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_15tmw","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_15tmw","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_15tmw"};
5
+ var styles = {"footer":"bottom-sheet__footer_1bigx","sticky":"bottom-sheet__sticky_1bigx","highlighted":"bottom-sheet__highlighted_1bigx","background-accent":"bottom-sheet__background-accent_1bigx","background-info":"bottom-sheet__background-info_1bigx","background-attention-muted":"bottom-sheet__background-attention-muted_1bigx","background-positive-muted":"bottom-sheet__background-positive-muted_1bigx","background-negative-muted":"bottom-sheet__background-negative-muted_1bigx","background-primary":"bottom-sheet__background-primary_1bigx","background-primary-inverted":"bottom-sheet__background-primary-inverted_1bigx","background-secondary":"bottom-sheet__background-secondary_1bigx","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1bigx","background-tertiary":"bottom-sheet__background-tertiary_1bigx","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1bigx","background-quaternary":"bottom-sheet__background-quaternary_1bigx","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1bigx","background-specialbg-component":"bottom-sheet__background-specialbg-component_1bigx","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1bigx","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1bigx","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1bigx","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1bigx","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1bigx","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1bigx","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1bigx","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1bigx"};
6
6
  require('./index.css')
7
7
 
8
8
  var Footer = function (_a) {
package/esm/components/footer/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1gakt */
1
+ /* hash: 1sq2x */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-accent: #ef3124;
@@ -14,7 +14,8 @@
14
14
  --color-light-bg-secondary-inverted: #1c1c1e;
15
15
  --color-light-bg-tertiary: #e7e8ea;
16
16
  --color-light-bg-tertiary-inverted: #27272a;
17
- --color-light-border-secondary: #e7e8ec;
17
+ --color-light-modal-bg-primary: #fff;
18
+ --color-light-neutral-300: #e7e8eb;
18
19
  --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
19
20
  --color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.1);
20
21
  --color-light-specialbg-primary-grouped: #f2f3f5;
@@ -43,60 +44,60 @@
43
44
  /* header */
44
45
 
45
46
  /* footer */
46
- --bottom-sheet-footer-border-top: 1px solid var(--color-light-border-secondary);
47
- --bottom-sheet-footer-background-color: var(--color-light-bg-primary);
48
- } .bottom-sheet__footer_15tmw {
47
+ --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
48
+ --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
49
+ } .bottom-sheet__footer_1bigx {
49
50
  padding: var(--gap-m) var(--gap-m);
50
- background-color: var(--color-light-bg-primary);
51
- } .bottom-sheet__sticky_15tmw {
51
+ background-color: var(--color-light-modal-bg-primary);
52
+ } .bottom-sheet__sticky_1bigx {
52
53
  position: sticky;
53
54
  bottom: 0;
54
55
  z-index: 1;
55
- } .bottom-sheet__highlighted_15tmw {
56
+ } .bottom-sheet__highlighted_1bigx {
56
57
  border-top: var(--bottom-sheet-footer-border-top);
57
58
  background-color: var(--bottom-sheet-footer-background-color);
58
- } .bottom-sheet__background-accent_15tmw {
59
+ } .bottom-sheet__background-accent_1bigx {
59
60
  background-color: var(--color-light-bg-accent);
60
- } .bottom-sheet__background-info_15tmw {
61
+ } .bottom-sheet__background-info_1bigx {
61
62
  background-color: var(--color-light-bg-info);
62
- } .bottom-sheet__background-attention-muted_15tmw {
63
+ } .bottom-sheet__background-attention-muted_1bigx {
63
64
  background-color: var(--color-light-bg-attention-muted);
64
- } .bottom-sheet__background-positive-muted_15tmw {
65
+ } .bottom-sheet__background-positive-muted_1bigx {
65
66
  background-color: var(--color-light-bg-positive-muted);
66
- } .bottom-sheet__background-negative-muted_15tmw {
67
+ } .bottom-sheet__background-negative-muted_1bigx {
67
68
  background-color: var(--color-light-bg-negative-muted);
68
- } .bottom-sheet__background-primary_15tmw {
69
+ } .bottom-sheet__background-primary_1bigx {
69
70
  background-color: var(--color-light-bg-primary);
70
- } .bottom-sheet__background-primary-inverted_15tmw {
71
+ } .bottom-sheet__background-primary-inverted_1bigx {
71
72
  background-color: var(--color-light-bg-primary-inverted);
72
- } .bottom-sheet__background-secondary_15tmw {
73
+ } .bottom-sheet__background-secondary_1bigx {
73
74
  background-color: var(--color-light-bg-secondary);
74
- } .bottom-sheet__background-secondary-inverted_15tmw {
75
+ } .bottom-sheet__background-secondary-inverted_1bigx {
75
76
  background-color: var(--color-light-bg-secondary-inverted);
76
- } .bottom-sheet__background-tertiary_15tmw {
77
+ } .bottom-sheet__background-tertiary_1bigx {
77
78
  background-color: var(--color-light-bg-tertiary);
78
- } .bottom-sheet__background-tertiary-inverted_15tmw {
79
+ } .bottom-sheet__background-tertiary-inverted_1bigx {
79
80
  background-color: var(--color-light-bg-tertiary-inverted);
80
- } .bottom-sheet__background-quaternary_15tmw {
81
+ } .bottom-sheet__background-quaternary_1bigx {
81
82
  background-color: var(--color-light-bg-quaternary);
82
- } .bottom-sheet__background-quaternary-inverted_15tmw {
83
+ } .bottom-sheet__background-quaternary-inverted_1bigx {
83
84
  background-color: var(--color-light-bg-quaternary-inverted);
84
- } .bottom-sheet__background-specialbg-component_15tmw {
85
+ } .bottom-sheet__background-specialbg-component_1bigx {
85
86
  background-color: var(--color-light-specialbg-component);
86
- } .bottom-sheet__background-specialbg-component-inverted_15tmw {
87
+ } .bottom-sheet__background-specialbg-component-inverted_1bigx {
87
88
  background-color: var(--color-light-specialbg-component-inverted);
88
- } .bottom-sheet__background-specialbg-primary-grouped_15tmw {
89
+ } .bottom-sheet__background-specialbg-primary-grouped_1bigx {
89
90
  background-color: var(--color-light-specialbg-primary-grouped);
90
- } .bottom-sheet__background-specialbg-secondary-grouped_15tmw {
91
+ } .bottom-sheet__background-specialbg-secondary-grouped_1bigx {
91
92
  background-color: var(--color-light-specialbg-secondary-grouped);
92
- } .bottom-sheet__background-specialbg-tertiary-grouped_15tmw {
93
+ } .bottom-sheet__background-specialbg-tertiary-grouped_1bigx {
93
94
  background-color: var(--color-light-specialbg-tertiary-grouped);
94
- } .bottom-sheet__background-specialbg-secondary-transparent_15tmw {
95
+ } .bottom-sheet__background-specialbg-secondary-transparent_1bigx {
95
96
  background-color: var(--color-light-specialbg-secondary-transparent);
96
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_15tmw {
97
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1bigx {
97
98
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
98
- } .bottom-sheet__background-specialbg-tertiary-transparent_15tmw {
99
+ } .bottom-sheet__background-specialbg-tertiary-transparent_1bigx {
99
100
  background-color: var(--color-light-specialbg-tertiary-transparent);
100
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_15tmw {
101
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1bigx {
101
102
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
102
103
  }
package/esm/components/header/Component.js CHANGED
@@ -4,7 +4,7 @@ import cn from 'classnames';
4
4
  import { BaseModalContext } from '@alfalab/core-components-base-modal/esm';
5
5
  import { NavigationBar } from '@alfalab/core-components-navigation-bar/esm';
6
6
 
7
- var styles = {"headerWrapper":"bottom-sheet__headerWrapper_16mln","hasContent":"bottom-sheet__hasContent_16mln","header":"bottom-sheet__header_16mln","sticky":"bottom-sheet__sticky_16mln","highlighted":"bottom-sheet__highlighted_16mln","justifyEnd":"bottom-sheet__justifyEnd_16mln","addon":"bottom-sheet__addon_16mln","addonFixed":"bottom-sheet__addonFixed_16mln","title":"bottom-sheet__title_16mln","titleCenter":"bottom-sheet__titleCenter_16mln","titleLeft":"bottom-sheet__titleLeft_16mln","trimTitle":"bottom-sheet__trimTitle_16mln"};
7
+ var styles = {"headerWrapper":"bottom-sheet__headerWrapper_18stx","hasContent":"bottom-sheet__hasContent_18stx","header":"bottom-sheet__header_18stx","sticky":"bottom-sheet__sticky_18stx","highlighted":"bottom-sheet__highlighted_18stx","justifyEnd":"bottom-sheet__justifyEnd_18stx","addon":"bottom-sheet__addon_18stx","addonFixed":"bottom-sheet__addonFixed_18stx","title":"bottom-sheet__title_18stx","titleCenter":"bottom-sheet__titleCenter_18stx","titleLeft":"bottom-sheet__titleLeft_18stx","trimTitle":"bottom-sheet__trimTitle_18stx"};
8
8
  require('./index.css')
9
9
 
10
10
  var Header = function (_a) {
package/esm/components/header/index.css CHANGED
@@ -1,7 +1,7 @@
1
- /* hash: to9hv */
1
+ /* hash: 1tmrb */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-border-secondary: #e7e8ec; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ --color-light-neutral-300: #e7e8eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :root {
7
7
  } :root {
@@ -23,49 +23,49 @@
23
23
  } :root {
24
24
 
25
25
  /* header */
26
- --bottom-sheet-header-border-bottom: 1px solid var(--color-light-border-secondary);
26
+ --bottom-sheet-header-border-bottom: 1px solid var(--color-light-neutral-300);
27
27
  --bottom-sheet-title-font-size: 18px;
28
28
  --bottom-sheet-title-font-weight: 700;
29
29
  --bottom-sheet-title-line-height: 24px;
30
30
  --bottom-sheet-title-font-family: var(--font-family-system);
31
31
 
32
32
  /* footer */
33
- } .bottom-sheet__headerWrapper_16mln {
33
+ } .bottom-sheet__headerWrapper_18stx {
34
34
  padding: var(--gap-s) var(--gap-xs) var(--gap-2xs);
35
35
  border-top-left-radius: inherit;
36
36
  border-top-right-radius: inherit;
37
37
  z-index: 1;
38
- } .bottom-sheet__hasContent_16mln {
38
+ } .bottom-sheet__hasContent_18stx {
39
39
  background-color: inherit;
40
- } .bottom-sheet__header_16mln {
40
+ } .bottom-sheet__header_18stx {
41
41
  display: flex;
42
- } .bottom-sheet__sticky_16mln {
42
+ } .bottom-sheet__sticky_18stx {
43
43
  position: sticky;
44
44
  top: 0;
45
- } .bottom-sheet__highlighted_16mln {
45
+ } .bottom-sheet__highlighted_18stx {
46
46
  border-bottom: var(--bottom-sheet-header-border-bottom);
47
- } .bottom-sheet__justifyEnd_16mln {
47
+ } .bottom-sheet__justifyEnd_18stx {
48
48
  justify-content: flex-end;
49
- } .bottom-sheet__addon_16mln {
49
+ } .bottom-sheet__addon_18stx {
50
50
  display: flex;
51
51
  justify-content: center;
52
52
  align-items: center;
53
53
  min-width: 48px;
54
54
  height: 48px;
55
- } .bottom-sheet__addonFixed_16mln {
55
+ } .bottom-sheet__addonFixed_18stx {
56
56
  position: fixed;
57
- } .bottom-sheet__title_16mln {
57
+ } .bottom-sheet__title_18stx {
58
58
  padding: var(--gap-s) var(--gap-xs);
59
59
  width: 100%;
60
60
  font-size: var(--bottom-sheet-title-font-size);
61
61
  font-weight: var(--bottom-sheet-title-font-weight);
62
62
  line-height: var(--bottom-sheet-title-line-height);
63
63
  font-family: var(--bottom-sheet-title-font-family);
64
- } .bottom-sheet__titleCenter_16mln {
64
+ } .bottom-sheet__titleCenter_18stx {
65
65
  text-align: center;
66
- } .bottom-sheet__titleLeft_16mln {
66
+ } .bottom-sheet__titleLeft_18stx {
67
67
  text-align: left;
68
- } .bottom-sheet__trimTitle_16mln {
68
+ } .bottom-sheet__trimTitle_18stx {
69
69
  white-space: nowrap;
70
70
  overflow: hidden;
71
71
  text-overflow: ellipsis;