@alfalab/core-components-bottom-sheet 6.14.2 → 6.14.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (19) hide show
  1. package/component.js +1 -1
  2. package/components/footer/Component.js +1 -1
  3. package/components/footer/index.css +26 -26
  4. package/components/header/Component.js +1 -1
  5. package/components/header/index.css +13 -13
  6. package/esm/component.js +1 -1
  7. package/esm/components/footer/Component.js +1 -1
  8. package/esm/components/footer/index.css +26 -26
  9. package/esm/components/header/Component.js +1 -1
  10. package/esm/components/header/index.css +13 -13
  11. package/esm/index.css +44 -44
  12. package/index.css +44 -44
  13. package/modern/component.js +1 -1
  14. package/modern/components/footer/Component.js +1 -1
  15. package/modern/components/footer/index.css +26 -26
  16. package/modern/components/header/Component.js +1 -1
  17. package/modern/components/header/index.css +13 -13
  18. package/modern/index.css +44 -44
  19. package/package.json +2 -2
package/component.js CHANGED
@@ -21,7 +21,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
21
21
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
22
22
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
23
23
 
24
- var styles = {"modal":"bottom-sheet__modal_1ouw1","wrapper":"bottom-sheet__wrapper_1ouw1","fullscreen":"bottom-sheet__fullscreen_1ouw1","component":"bottom-sheet__component_1ouw1","withTransition":"bottom-sheet__withTransition_1ouw1","scrollableContainer":"bottom-sheet__scrollableContainer_1ouw1","marker":"bottom-sheet__marker_1ouw1","defaultMarker":"bottom-sheet__defaultMarker_1ouw1","content":"bottom-sheet__content_1ouw1","noHeader":"bottom-sheet__noHeader_1ouw1","noFooter":"bottom-sheet__noFooter_1ouw1","scrollLocked":"bottom-sheet__scrollLocked_1ouw1","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1ouw1","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1ouw1","appear":"bottom-sheet__appear_1ouw1","enter":"bottom-sheet__enter_1ouw1","appearActive":"bottom-sheet__appearActive_1ouw1","enterActive":"bottom-sheet__enterActive_1ouw1","enterDone":"bottom-sheet__enterDone_1ouw1","appearDone":"bottom-sheet__appearDone_1ouw1","exit":"bottom-sheet__exit_1ouw1","exitActive":"bottom-sheet__exitActive_1ouw1","background-accent":"bottom-sheet__background-accent_1ouw1","background-info":"bottom-sheet__background-info_1ouw1","background-attention-muted":"bottom-sheet__background-attention-muted_1ouw1","background-positive-muted":"bottom-sheet__background-positive-muted_1ouw1","background-negative-muted":"bottom-sheet__background-negative-muted_1ouw1","background-primary":"bottom-sheet__background-primary_1ouw1","background-primary-inverted":"bottom-sheet__background-primary-inverted_1ouw1","background-secondary":"bottom-sheet__background-secondary_1ouw1","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1ouw1","background-tertiary":"bottom-sheet__background-tertiary_1ouw1","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1ouw1","background-quaternary":"bottom-sheet__background-quaternary_1ouw1","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1ouw1","background-specialbg-component":"bottom-sheet__background-specialbg-component_1ouw1","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1ouw1","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1ouw1","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1ouw1","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1ouw1","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1ouw1","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1ouw1","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1ouw1","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ouw1"};
24
+ var styles = {"modal":"bottom-sheet__modal_1ib4r","wrapper":"bottom-sheet__wrapper_1ib4r","fullscreen":"bottom-sheet__fullscreen_1ib4r","component":"bottom-sheet__component_1ib4r","withTransition":"bottom-sheet__withTransition_1ib4r","scrollableContainer":"bottom-sheet__scrollableContainer_1ib4r","marker":"bottom-sheet__marker_1ib4r","defaultMarker":"bottom-sheet__defaultMarker_1ib4r","content":"bottom-sheet__content_1ib4r","noHeader":"bottom-sheet__noHeader_1ib4r","noFooter":"bottom-sheet__noFooter_1ib4r","scrollLocked":"bottom-sheet__scrollLocked_1ib4r","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1ib4r","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1ib4r","appear":"bottom-sheet__appear_1ib4r","enter":"bottom-sheet__enter_1ib4r","appearActive":"bottom-sheet__appearActive_1ib4r","enterActive":"bottom-sheet__enterActive_1ib4r","enterDone":"bottom-sheet__enterDone_1ib4r","appearDone":"bottom-sheet__appearDone_1ib4r","exit":"bottom-sheet__exit_1ib4r","exitActive":"bottom-sheet__exitActive_1ib4r","background-accent":"bottom-sheet__background-accent_1ib4r","background-info":"bottom-sheet__background-info_1ib4r","background-attention-muted":"bottom-sheet__background-attention-muted_1ib4r","background-positive-muted":"bottom-sheet__background-positive-muted_1ib4r","background-negative-muted":"bottom-sheet__background-negative-muted_1ib4r","background-primary":"bottom-sheet__background-primary_1ib4r","background-primary-inverted":"bottom-sheet__background-primary-inverted_1ib4r","background-secondary":"bottom-sheet__background-secondary_1ib4r","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1ib4r","background-tertiary":"bottom-sheet__background-tertiary_1ib4r","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1ib4r","background-quaternary":"bottom-sheet__background-quaternary_1ib4r","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1ib4r","background-specialbg-component":"bottom-sheet__background-specialbg-component_1ib4r","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1ib4r","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1ib4r","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1ib4r","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1ib4r","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1ib4r","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1ib4r","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1ib4r","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ib4r"};
25
25
  require('./index.css')
26
26
 
27
27
  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_19rha","sticky":"bottom-sheet__sticky_19rha","highlighted":"bottom-sheet__highlighted_19rha","background-accent":"bottom-sheet__background-accent_19rha","background-info":"bottom-sheet__background-info_19rha","background-attention-muted":"bottom-sheet__background-attention-muted_19rha","background-positive-muted":"bottom-sheet__background-positive-muted_19rha","background-negative-muted":"bottom-sheet__background-negative-muted_19rha","background-primary":"bottom-sheet__background-primary_19rha","background-primary-inverted":"bottom-sheet__background-primary-inverted_19rha","background-secondary":"bottom-sheet__background-secondary_19rha","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_19rha","background-tertiary":"bottom-sheet__background-tertiary_19rha","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_19rha","background-quaternary":"bottom-sheet__background-quaternary_19rha","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_19rha","background-specialbg-component":"bottom-sheet__background-specialbg-component_19rha","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_19rha","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_19rha","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_19rha","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_19rha","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_19rha","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_19rha","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_19rha","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_19rha"};
14
+ var styles = {"footer":"bottom-sheet__footer_5d2j4","sticky":"bottom-sheet__sticky_5d2j4","highlighted":"bottom-sheet__highlighted_5d2j4","background-accent":"bottom-sheet__background-accent_5d2j4","background-info":"bottom-sheet__background-info_5d2j4","background-attention-muted":"bottom-sheet__background-attention-muted_5d2j4","background-positive-muted":"bottom-sheet__background-positive-muted_5d2j4","background-negative-muted":"bottom-sheet__background-negative-muted_5d2j4","background-primary":"bottom-sheet__background-primary_5d2j4","background-primary-inverted":"bottom-sheet__background-primary-inverted_5d2j4","background-secondary":"bottom-sheet__background-secondary_5d2j4","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_5d2j4","background-tertiary":"bottom-sheet__background-tertiary_5d2j4","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_5d2j4","background-quaternary":"bottom-sheet__background-quaternary_5d2j4","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_5d2j4","background-specialbg-component":"bottom-sheet__background-specialbg-component_5d2j4","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_5d2j4","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_5d2j4","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_5d2j4","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_5d2j4","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_5d2j4","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_5d2j4","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_5d2j4","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_5d2j4"};
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: 1r5bg */
1
+ /* hash: 1wmh5 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-accent: #ef3124;
@@ -46,58 +46,58 @@
46
46
  /* footer */
47
47
  --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
48
48
  --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
49
- } .bottom-sheet__footer_19rha {
49
+ } .bottom-sheet__footer_5d2j4 {
50
50
  padding: var(--gap-m) var(--gap-m);
51
51
  background-color: var(--color-light-modal-bg-primary);
52
- } .bottom-sheet__sticky_19rha {
52
+ } .bottom-sheet__sticky_5d2j4 {
53
53
  position: sticky;
54
54
  bottom: 0;
55
55
  z-index: 1;
56
- } .bottom-sheet__highlighted_19rha {
56
+ } .bottom-sheet__highlighted_5d2j4 {
57
57
  border-top: var(--bottom-sheet-footer-border-top);
58
58
  background-color: var(--bottom-sheet-footer-background-color);
59
- } .bottom-sheet__background-accent_19rha {
59
+ } .bottom-sheet__background-accent_5d2j4 {
60
60
  background-color: var(--color-light-bg-accent);
61
- } .bottom-sheet__background-info_19rha {
61
+ } .bottom-sheet__background-info_5d2j4 {
62
62
  background-color: var(--color-light-bg-info);
63
- } .bottom-sheet__background-attention-muted_19rha {
63
+ } .bottom-sheet__background-attention-muted_5d2j4 {
64
64
  background-color: var(--color-light-bg-attention-muted);
65
- } .bottom-sheet__background-positive-muted_19rha {
65
+ } .bottom-sheet__background-positive-muted_5d2j4 {
66
66
  background-color: var(--color-light-bg-positive-muted);
67
- } .bottom-sheet__background-negative-muted_19rha {
67
+ } .bottom-sheet__background-negative-muted_5d2j4 {
68
68
  background-color: var(--color-light-bg-negative-muted);
69
- } .bottom-sheet__background-primary_19rha {
69
+ } .bottom-sheet__background-primary_5d2j4 {
70
70
  background-color: var(--color-light-bg-primary);
71
- } .bottom-sheet__background-primary-inverted_19rha {
71
+ } .bottom-sheet__background-primary-inverted_5d2j4 {
72
72
  background-color: var(--color-light-bg-primary-inverted);
73
- } .bottom-sheet__background-secondary_19rha {
73
+ } .bottom-sheet__background-secondary_5d2j4 {
74
74
  background-color: var(--color-light-bg-secondary);
75
- } .bottom-sheet__background-secondary-inverted_19rha {
75
+ } .bottom-sheet__background-secondary-inverted_5d2j4 {
76
76
  background-color: var(--color-light-bg-secondary-inverted);
77
- } .bottom-sheet__background-tertiary_19rha {
77
+ } .bottom-sheet__background-tertiary_5d2j4 {
78
78
  background-color: var(--color-light-bg-tertiary);
79
- } .bottom-sheet__background-tertiary-inverted_19rha {
79
+ } .bottom-sheet__background-tertiary-inverted_5d2j4 {
80
80
  background-color: var(--color-light-bg-tertiary-inverted);
81
- } .bottom-sheet__background-quaternary_19rha {
81
+ } .bottom-sheet__background-quaternary_5d2j4 {
82
82
  background-color: var(--color-light-bg-quaternary);
83
- } .bottom-sheet__background-quaternary-inverted_19rha {
83
+ } .bottom-sheet__background-quaternary-inverted_5d2j4 {
84
84
  background-color: var(--color-light-bg-quaternary-inverted);
85
- } .bottom-sheet__background-specialbg-component_19rha {
85
+ } .bottom-sheet__background-specialbg-component_5d2j4 {
86
86
  background-color: var(--color-light-specialbg-component);
87
- } .bottom-sheet__background-specialbg-component-inverted_19rha {
87
+ } .bottom-sheet__background-specialbg-component-inverted_5d2j4 {
88
88
  background-color: var(--color-light-specialbg-component-inverted);
89
- } .bottom-sheet__background-specialbg-primary-grouped_19rha {
89
+ } .bottom-sheet__background-specialbg-primary-grouped_5d2j4 {
90
90
  background-color: var(--color-light-specialbg-primary-grouped);
91
- } .bottom-sheet__background-specialbg-secondary-grouped_19rha {
91
+ } .bottom-sheet__background-specialbg-secondary-grouped_5d2j4 {
92
92
  background-color: var(--color-light-specialbg-secondary-grouped);
93
- } .bottom-sheet__background-specialbg-tertiary-grouped_19rha {
93
+ } .bottom-sheet__background-specialbg-tertiary-grouped_5d2j4 {
94
94
  background-color: var(--color-light-specialbg-tertiary-grouped);
95
- } .bottom-sheet__background-specialbg-secondary-transparent_19rha {
95
+ } .bottom-sheet__background-specialbg-secondary-transparent_5d2j4 {
96
96
  background-color: var(--color-light-specialbg-secondary-transparent);
97
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_19rha {
97
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_5d2j4 {
98
98
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
99
- } .bottom-sheet__background-specialbg-tertiary-transparent_19rha {
99
+ } .bottom-sheet__background-specialbg-tertiary-transparent_5d2j4 {
100
100
  background-color: var(--color-light-specialbg-tertiary-transparent);
101
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_19rha {
101
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_5d2j4 {
102
102
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
103
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_171ua","hasContent":"bottom-sheet__hasContent_171ua","header":"bottom-sheet__header_171ua","sticky":"bottom-sheet__sticky_171ua","highlighted":"bottom-sheet__highlighted_171ua","justifyEnd":"bottom-sheet__justifyEnd_171ua","addon":"bottom-sheet__addon_171ua","addonFixed":"bottom-sheet__addonFixed_171ua","title":"bottom-sheet__title_171ua","titleCenter":"bottom-sheet__titleCenter_171ua","titleLeft":"bottom-sheet__titleLeft_171ua","trimTitle":"bottom-sheet__trimTitle_171ua"};
16
+ var styles = {"headerWrapper":"bottom-sheet__headerWrapper_2nfj4","hasContent":"bottom-sheet__hasContent_2nfj4","header":"bottom-sheet__header_2nfj4","sticky":"bottom-sheet__sticky_2nfj4","highlighted":"bottom-sheet__highlighted_2nfj4","justifyEnd":"bottom-sheet__justifyEnd_2nfj4","addon":"bottom-sheet__addon_2nfj4","addonFixed":"bottom-sheet__addonFixed_2nfj4","title":"bottom-sheet__title_2nfj4","titleCenter":"bottom-sheet__titleCenter_2nfj4","titleLeft":"bottom-sheet__titleLeft_2nfj4","trimTitle":"bottom-sheet__trimTitle_2nfj4"};
17
17
  require('./index.css')
18
18
 
19
19
  var Header = function (_a) {
package/components/header/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 14j04 */
1
+ /* hash: 1scki */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-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 */
@@ -30,42 +30,42 @@
30
30
  --bottom-sheet-title-font-family: var(--font-family-system);
31
31
 
32
32
  /* footer */
33
- } .bottom-sheet__headerWrapper_171ua {
33
+ } .bottom-sheet__headerWrapper_2nfj4 {
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_171ua {
38
+ } .bottom-sheet__hasContent_2nfj4 {
39
39
  background-color: inherit;
40
- } .bottom-sheet__header_171ua {
40
+ } .bottom-sheet__header_2nfj4 {
41
41
  display: flex;
42
- } .bottom-sheet__sticky_171ua {
42
+ } .bottom-sheet__sticky_2nfj4 {
43
43
  position: sticky;
44
44
  top: 0;
45
- } .bottom-sheet__highlighted_171ua {
45
+ } .bottom-sheet__highlighted_2nfj4 {
46
46
  border-bottom: var(--bottom-sheet-header-border-bottom);
47
- } .bottom-sheet__justifyEnd_171ua {
47
+ } .bottom-sheet__justifyEnd_2nfj4 {
48
48
  justify-content: flex-end;
49
- } .bottom-sheet__addon_171ua {
49
+ } .bottom-sheet__addon_2nfj4 {
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_171ua {
55
+ } .bottom-sheet__addonFixed_2nfj4 {
56
56
  position: fixed;
57
- } .bottom-sheet__title_171ua {
57
+ } .bottom-sheet__title_2nfj4 {
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_171ua {
64
+ } .bottom-sheet__titleCenter_2nfj4 {
65
65
  text-align: center;
66
- } .bottom-sheet__titleLeft_171ua {
66
+ } .bottom-sheet__titleLeft_2nfj4 {
67
67
  text-align: left;
68
- } .bottom-sheet__trimTitle_171ua {
68
+ } .bottom-sheet__trimTitle_2nfj4 {
69
69
  white-space: nowrap;
70
70
  overflow: hidden;
71
71
  text-overflow: ellipsis;
package/esm/component.js CHANGED
@@ -11,7 +11,7 @@ import { Header } from './components/header/Component.js';
11
11
  import { SwipeableBackdrop } from './components/swipeable-backdrop/Component.js';
12
12
  import { convertPercentToNumber, TIMEOUT, MARKER_HEIGHT, SCROLL_OFFSET, SWIPE_VELOCITY, CLOSE_OFFSET } from './utils.js';
13
13
 
14
- var styles = {"modal":"bottom-sheet__modal_1ouw1","wrapper":"bottom-sheet__wrapper_1ouw1","fullscreen":"bottom-sheet__fullscreen_1ouw1","component":"bottom-sheet__component_1ouw1","withTransition":"bottom-sheet__withTransition_1ouw1","scrollableContainer":"bottom-sheet__scrollableContainer_1ouw1","marker":"bottom-sheet__marker_1ouw1","defaultMarker":"bottom-sheet__defaultMarker_1ouw1","content":"bottom-sheet__content_1ouw1","noHeader":"bottom-sheet__noHeader_1ouw1","noFooter":"bottom-sheet__noFooter_1ouw1","scrollLocked":"bottom-sheet__scrollLocked_1ouw1","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1ouw1","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1ouw1","appear":"bottom-sheet__appear_1ouw1","enter":"bottom-sheet__enter_1ouw1","appearActive":"bottom-sheet__appearActive_1ouw1","enterActive":"bottom-sheet__enterActive_1ouw1","enterDone":"bottom-sheet__enterDone_1ouw1","appearDone":"bottom-sheet__appearDone_1ouw1","exit":"bottom-sheet__exit_1ouw1","exitActive":"bottom-sheet__exitActive_1ouw1","background-accent":"bottom-sheet__background-accent_1ouw1","background-info":"bottom-sheet__background-info_1ouw1","background-attention-muted":"bottom-sheet__background-attention-muted_1ouw1","background-positive-muted":"bottom-sheet__background-positive-muted_1ouw1","background-negative-muted":"bottom-sheet__background-negative-muted_1ouw1","background-primary":"bottom-sheet__background-primary_1ouw1","background-primary-inverted":"bottom-sheet__background-primary-inverted_1ouw1","background-secondary":"bottom-sheet__background-secondary_1ouw1","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1ouw1","background-tertiary":"bottom-sheet__background-tertiary_1ouw1","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1ouw1","background-quaternary":"bottom-sheet__background-quaternary_1ouw1","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1ouw1","background-specialbg-component":"bottom-sheet__background-specialbg-component_1ouw1","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1ouw1","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1ouw1","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1ouw1","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1ouw1","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1ouw1","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1ouw1","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1ouw1","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ouw1"};
14
+ var styles = {"modal":"bottom-sheet__modal_1ib4r","wrapper":"bottom-sheet__wrapper_1ib4r","fullscreen":"bottom-sheet__fullscreen_1ib4r","component":"bottom-sheet__component_1ib4r","withTransition":"bottom-sheet__withTransition_1ib4r","scrollableContainer":"bottom-sheet__scrollableContainer_1ib4r","marker":"bottom-sheet__marker_1ib4r","defaultMarker":"bottom-sheet__defaultMarker_1ib4r","content":"bottom-sheet__content_1ib4r","noHeader":"bottom-sheet__noHeader_1ib4r","noFooter":"bottom-sheet__noFooter_1ib4r","scrollLocked":"bottom-sheet__scrollLocked_1ib4r","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1ib4r","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1ib4r","appear":"bottom-sheet__appear_1ib4r","enter":"bottom-sheet__enter_1ib4r","appearActive":"bottom-sheet__appearActive_1ib4r","enterActive":"bottom-sheet__enterActive_1ib4r","enterDone":"bottom-sheet__enterDone_1ib4r","appearDone":"bottom-sheet__appearDone_1ib4r","exit":"bottom-sheet__exit_1ib4r","exitActive":"bottom-sheet__exitActive_1ib4r","background-accent":"bottom-sheet__background-accent_1ib4r","background-info":"bottom-sheet__background-info_1ib4r","background-attention-muted":"bottom-sheet__background-attention-muted_1ib4r","background-positive-muted":"bottom-sheet__background-positive-muted_1ib4r","background-negative-muted":"bottom-sheet__background-negative-muted_1ib4r","background-primary":"bottom-sheet__background-primary_1ib4r","background-primary-inverted":"bottom-sheet__background-primary-inverted_1ib4r","background-secondary":"bottom-sheet__background-secondary_1ib4r","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1ib4r","background-tertiary":"bottom-sheet__background-tertiary_1ib4r","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1ib4r","background-quaternary":"bottom-sheet__background-quaternary_1ib4r","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1ib4r","background-specialbg-component":"bottom-sheet__background-specialbg-component_1ib4r","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1ib4r","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1ib4r","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1ib4r","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1ib4r","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1ib4r","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1ib4r","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1ib4r","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ib4r"};
15
15
  require('./index.css')
16
16
 
17
17
  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_19rha","sticky":"bottom-sheet__sticky_19rha","highlighted":"bottom-sheet__highlighted_19rha","background-accent":"bottom-sheet__background-accent_19rha","background-info":"bottom-sheet__background-info_19rha","background-attention-muted":"bottom-sheet__background-attention-muted_19rha","background-positive-muted":"bottom-sheet__background-positive-muted_19rha","background-negative-muted":"bottom-sheet__background-negative-muted_19rha","background-primary":"bottom-sheet__background-primary_19rha","background-primary-inverted":"bottom-sheet__background-primary-inverted_19rha","background-secondary":"bottom-sheet__background-secondary_19rha","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_19rha","background-tertiary":"bottom-sheet__background-tertiary_19rha","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_19rha","background-quaternary":"bottom-sheet__background-quaternary_19rha","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_19rha","background-specialbg-component":"bottom-sheet__background-specialbg-component_19rha","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_19rha","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_19rha","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_19rha","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_19rha","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_19rha","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_19rha","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_19rha","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_19rha"};
5
+ var styles = {"footer":"bottom-sheet__footer_5d2j4","sticky":"bottom-sheet__sticky_5d2j4","highlighted":"bottom-sheet__highlighted_5d2j4","background-accent":"bottom-sheet__background-accent_5d2j4","background-info":"bottom-sheet__background-info_5d2j4","background-attention-muted":"bottom-sheet__background-attention-muted_5d2j4","background-positive-muted":"bottom-sheet__background-positive-muted_5d2j4","background-negative-muted":"bottom-sheet__background-negative-muted_5d2j4","background-primary":"bottom-sheet__background-primary_5d2j4","background-primary-inverted":"bottom-sheet__background-primary-inverted_5d2j4","background-secondary":"bottom-sheet__background-secondary_5d2j4","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_5d2j4","background-tertiary":"bottom-sheet__background-tertiary_5d2j4","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_5d2j4","background-quaternary":"bottom-sheet__background-quaternary_5d2j4","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_5d2j4","background-specialbg-component":"bottom-sheet__background-specialbg-component_5d2j4","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_5d2j4","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_5d2j4","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_5d2j4","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_5d2j4","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_5d2j4","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_5d2j4","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_5d2j4","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_5d2j4"};
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: 1r5bg */
1
+ /* hash: 1wmh5 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-accent: #ef3124;
@@ -46,58 +46,58 @@
46
46
  /* footer */
47
47
  --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
48
48
  --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
49
- } .bottom-sheet__footer_19rha {
49
+ } .bottom-sheet__footer_5d2j4 {
50
50
  padding: var(--gap-m) var(--gap-m);
51
51
  background-color: var(--color-light-modal-bg-primary);
52
- } .bottom-sheet__sticky_19rha {
52
+ } .bottom-sheet__sticky_5d2j4 {
53
53
  position: sticky;
54
54
  bottom: 0;
55
55
  z-index: 1;
56
- } .bottom-sheet__highlighted_19rha {
56
+ } .bottom-sheet__highlighted_5d2j4 {
57
57
  border-top: var(--bottom-sheet-footer-border-top);
58
58
  background-color: var(--bottom-sheet-footer-background-color);
59
- } .bottom-sheet__background-accent_19rha {
59
+ } .bottom-sheet__background-accent_5d2j4 {
60
60
  background-color: var(--color-light-bg-accent);
61
- } .bottom-sheet__background-info_19rha {
61
+ } .bottom-sheet__background-info_5d2j4 {
62
62
  background-color: var(--color-light-bg-info);
63
- } .bottom-sheet__background-attention-muted_19rha {
63
+ } .bottom-sheet__background-attention-muted_5d2j4 {
64
64
  background-color: var(--color-light-bg-attention-muted);
65
- } .bottom-sheet__background-positive-muted_19rha {
65
+ } .bottom-sheet__background-positive-muted_5d2j4 {
66
66
  background-color: var(--color-light-bg-positive-muted);
67
- } .bottom-sheet__background-negative-muted_19rha {
67
+ } .bottom-sheet__background-negative-muted_5d2j4 {
68
68
  background-color: var(--color-light-bg-negative-muted);
69
- } .bottom-sheet__background-primary_19rha {
69
+ } .bottom-sheet__background-primary_5d2j4 {
70
70
  background-color: var(--color-light-bg-primary);
71
- } .bottom-sheet__background-primary-inverted_19rha {
71
+ } .bottom-sheet__background-primary-inverted_5d2j4 {
72
72
  background-color: var(--color-light-bg-primary-inverted);
73
- } .bottom-sheet__background-secondary_19rha {
73
+ } .bottom-sheet__background-secondary_5d2j4 {
74
74
  background-color: var(--color-light-bg-secondary);
75
- } .bottom-sheet__background-secondary-inverted_19rha {
75
+ } .bottom-sheet__background-secondary-inverted_5d2j4 {
76
76
  background-color: var(--color-light-bg-secondary-inverted);
77
- } .bottom-sheet__background-tertiary_19rha {
77
+ } .bottom-sheet__background-tertiary_5d2j4 {
78
78
  background-color: var(--color-light-bg-tertiary);
79
- } .bottom-sheet__background-tertiary-inverted_19rha {
79
+ } .bottom-sheet__background-tertiary-inverted_5d2j4 {
80
80
  background-color: var(--color-light-bg-tertiary-inverted);
81
- } .bottom-sheet__background-quaternary_19rha {
81
+ } .bottom-sheet__background-quaternary_5d2j4 {
82
82
  background-color: var(--color-light-bg-quaternary);
83
- } .bottom-sheet__background-quaternary-inverted_19rha {
83
+ } .bottom-sheet__background-quaternary-inverted_5d2j4 {
84
84
  background-color: var(--color-light-bg-quaternary-inverted);
85
- } .bottom-sheet__background-specialbg-component_19rha {
85
+ } .bottom-sheet__background-specialbg-component_5d2j4 {
86
86
  background-color: var(--color-light-specialbg-component);
87
- } .bottom-sheet__background-specialbg-component-inverted_19rha {
87
+ } .bottom-sheet__background-specialbg-component-inverted_5d2j4 {
88
88
  background-color: var(--color-light-specialbg-component-inverted);
89
- } .bottom-sheet__background-specialbg-primary-grouped_19rha {
89
+ } .bottom-sheet__background-specialbg-primary-grouped_5d2j4 {
90
90
  background-color: var(--color-light-specialbg-primary-grouped);
91
- } .bottom-sheet__background-specialbg-secondary-grouped_19rha {
91
+ } .bottom-sheet__background-specialbg-secondary-grouped_5d2j4 {
92
92
  background-color: var(--color-light-specialbg-secondary-grouped);
93
- } .bottom-sheet__background-specialbg-tertiary-grouped_19rha {
93
+ } .bottom-sheet__background-specialbg-tertiary-grouped_5d2j4 {
94
94
  background-color: var(--color-light-specialbg-tertiary-grouped);
95
- } .bottom-sheet__background-specialbg-secondary-transparent_19rha {
95
+ } .bottom-sheet__background-specialbg-secondary-transparent_5d2j4 {
96
96
  background-color: var(--color-light-specialbg-secondary-transparent);
97
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_19rha {
97
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_5d2j4 {
98
98
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
99
- } .bottom-sheet__background-specialbg-tertiary-transparent_19rha {
99
+ } .bottom-sheet__background-specialbg-tertiary-transparent_5d2j4 {
100
100
  background-color: var(--color-light-specialbg-tertiary-transparent);
101
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_19rha {
101
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_5d2j4 {
102
102
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
103
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_171ua","hasContent":"bottom-sheet__hasContent_171ua","header":"bottom-sheet__header_171ua","sticky":"bottom-sheet__sticky_171ua","highlighted":"bottom-sheet__highlighted_171ua","justifyEnd":"bottom-sheet__justifyEnd_171ua","addon":"bottom-sheet__addon_171ua","addonFixed":"bottom-sheet__addonFixed_171ua","title":"bottom-sheet__title_171ua","titleCenter":"bottom-sheet__titleCenter_171ua","titleLeft":"bottom-sheet__titleLeft_171ua","trimTitle":"bottom-sheet__trimTitle_171ua"};
7
+ var styles = {"headerWrapper":"bottom-sheet__headerWrapper_2nfj4","hasContent":"bottom-sheet__hasContent_2nfj4","header":"bottom-sheet__header_2nfj4","sticky":"bottom-sheet__sticky_2nfj4","highlighted":"bottom-sheet__highlighted_2nfj4","justifyEnd":"bottom-sheet__justifyEnd_2nfj4","addon":"bottom-sheet__addon_2nfj4","addonFixed":"bottom-sheet__addonFixed_2nfj4","title":"bottom-sheet__title_2nfj4","titleCenter":"bottom-sheet__titleCenter_2nfj4","titleLeft":"bottom-sheet__titleLeft_2nfj4","trimTitle":"bottom-sheet__trimTitle_2nfj4"};
8
8
  require('./index.css')
9
9
 
10
10
  var Header = function (_a) {
package/esm/components/header/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 14j04 */
1
+ /* hash: 1scki */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-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 */
@@ -30,42 +30,42 @@
30
30
  --bottom-sheet-title-font-family: var(--font-family-system);
31
31
 
32
32
  /* footer */
33
- } .bottom-sheet__headerWrapper_171ua {
33
+ } .bottom-sheet__headerWrapper_2nfj4 {
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_171ua {
38
+ } .bottom-sheet__hasContent_2nfj4 {
39
39
  background-color: inherit;
40
- } .bottom-sheet__header_171ua {
40
+ } .bottom-sheet__header_2nfj4 {
41
41
  display: flex;
42
- } .bottom-sheet__sticky_171ua {
42
+ } .bottom-sheet__sticky_2nfj4 {
43
43
  position: sticky;
44
44
  top: 0;
45
- } .bottom-sheet__highlighted_171ua {
45
+ } .bottom-sheet__highlighted_2nfj4 {
46
46
  border-bottom: var(--bottom-sheet-header-border-bottom);
47
- } .bottom-sheet__justifyEnd_171ua {
47
+ } .bottom-sheet__justifyEnd_2nfj4 {
48
48
  justify-content: flex-end;
49
- } .bottom-sheet__addon_171ua {
49
+ } .bottom-sheet__addon_2nfj4 {
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_171ua {
55
+ } .bottom-sheet__addonFixed_2nfj4 {
56
56
  position: fixed;
57
- } .bottom-sheet__title_171ua {
57
+ } .bottom-sheet__title_2nfj4 {
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_171ua {
64
+ } .bottom-sheet__titleCenter_2nfj4 {
65
65
  text-align: center;
66
- } .bottom-sheet__titleLeft_171ua {
66
+ } .bottom-sheet__titleLeft_2nfj4 {
67
67
  text-align: left;
68
- } .bottom-sheet__trimTitle_171ua {
68
+ } .bottom-sheet__trimTitle_2nfj4 {
69
69
  white-space: nowrap;
70
70
  overflow: hidden;
71
71
  text-overflow: ellipsis;
package/esm/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: bcdi5 */
1
+ /* hash: 1bmqh */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-accent: #ef3124;
@@ -52,25 +52,25 @@
52
52
  /* header */
53
53
 
54
54
  /* footer */
55
- } .bottom-sheet__modal_1ouw1 {
55
+ } .bottom-sheet__modal_1ib4r {
56
56
  bottom: 0;
57
57
  width: 100%;
58
58
  max-width: 600px;
59
59
  pointer-events: none;
60
60
  touch-action: none;
61
- } .bottom-sheet__modal_1ouw1.bottom-sheet__modal_1ouw1 {
61
+ } .bottom-sheet__modal_1ib4r.bottom-sheet__modal_1ib4r {
62
62
  background-color: transparent;
63
63
  position: fixed;
64
- } .bottom-sheet__wrapper_1ouw1 {
64
+ } .bottom-sheet__wrapper_1ib4r {
65
65
  transform: translateY(100%);
66
66
  pointer-events: none;
67
67
  touch-action: none;
68
68
  border-top-right-radius: var(--bottom-sheet-top-radius);
69
69
  border-top-left-radius: var(--bottom-sheet-top-radius);
70
70
  transition: border-radius 0.3s ease;
71
- } .bottom-sheet__fullscreen_1ouw1 {
71
+ } .bottom-sheet__fullscreen_1ib4r {
72
72
  border-radius: 0;
73
- } .bottom-sheet__component_1ouw1 {
73
+ } .bottom-sheet__component_1ib4r {
74
74
  position: relative;
75
75
  display: flex;
76
76
  flex-direction: column;
@@ -78,9 +78,9 @@
78
78
  background-color: var(--color-light-modal-bg-primary);
79
79
  pointer-events: all;
80
80
  box-shadow: var(--bottom-sheet-shadow);
81
- } .bottom-sheet__withTransition_1ouw1 {
81
+ } .bottom-sheet__withTransition_1ib4r {
82
82
  transition: var(--bottom-sheet-out-transition);
83
- } .bottom-sheet__scrollableContainer_1ouw1 {
83
+ } .bottom-sheet__scrollableContainer_1ib4r {
84
84
  overflow: auto;
85
85
  display: flex;
86
86
  flex-direction: column;
@@ -89,7 +89,7 @@
89
89
  background-color: inherit;
90
90
  border-radius: inherit;
91
91
  overscroll-behavior: contain;
92
- } .bottom-sheet__marker_1ouw1 {
92
+ } .bottom-sheet__marker_1ib4r {
93
93
  position: fixed;
94
94
  top: var(--gap-2xs);
95
95
  right: 0;
@@ -97,11 +97,11 @@
97
97
  z-index: 1000;
98
98
  width: 36px;
99
99
  margin: 0 auto;
100
- } .bottom-sheet__defaultMarker_1ouw1 {
100
+ } .bottom-sheet__defaultMarker_1ib4r {
101
101
  height: 4px;
102
102
  border-radius: var(--border-radius-xxl);
103
103
  background-color: var(--color-light-neutral-translucent-300);
104
- } .bottom-sheet__content_1ouw1 {
104
+ } .bottom-sheet__content_1ib4r {
105
105
  position: relative;
106
106
  z-index: 0;
107
107
  display: flex;
@@ -111,73 +111,73 @@
111
111
  color: var(--color-light-text-primary);
112
112
  background-color: inherit;
113
113
  border-radius: inherit;
114
- } .bottom-sheet__noHeader_1ouw1 {
114
+ } .bottom-sheet__noHeader_1ib4r {
115
115
  padding-top: var(--gap-m);
116
- } .bottom-sheet__noFooter_1ouw1 {
116
+ } .bottom-sheet__noFooter_1ib4r {
117
117
  padding-bottom: var(--gap-m);
118
- } .bottom-sheet__scrollLocked_1ouw1 {
118
+ } .bottom-sheet__scrollLocked_1ib4r {
119
119
  overflow: hidden;
120
- } .bottom-sheet__hiddenScrollbar_1ouw1 {
120
+ } .bottom-sheet__hiddenScrollbar_1ib4r {
121
121
  scrollbar-width: none
122
- } .bottom-sheet__hiddenScrollbar_1ouw1::-webkit-scrollbar {
122
+ } .bottom-sheet__hiddenScrollbar_1ib4r::-webkit-scrollbar {
123
123
  width: 0;
124
124
  height: 0;
125
- } .bottom-sheet__disabledPointerEvents_1ouw1 {
125
+ } .bottom-sheet__disabledPointerEvents_1ib4r {
126
126
  pointer-events: none;
127
- } .bottom-sheet__appear_1ouw1 .bottom-sheet__wrapper_1ouw1, .bottom-sheet__enter_1ouw1 .bottom-sheet__wrapper_1ouw1 {
127
+ } .bottom-sheet__appear_1ib4r .bottom-sheet__wrapper_1ib4r, .bottom-sheet__enter_1ib4r .bottom-sheet__wrapper_1ib4r {
128
128
  transition: none;
129
- } .bottom-sheet__appearActive_1ouw1 .bottom-sheet__wrapper_1ouw1, .bottom-sheet__enterActive_1ouw1 .bottom-sheet__wrapper_1ouw1 {
129
+ } .bottom-sheet__appearActive_1ib4r .bottom-sheet__wrapper_1ib4r, .bottom-sheet__enterActive_1ib4r .bottom-sheet__wrapper_1ib4r {
130
130
  transition: var(--bottom-sheet-in-transition);
131
131
  transform: translateY(0);
132
- } .bottom-sheet__enterDone_1ouw1 .bottom-sheet__wrapper_1ouw1, .bottom-sheet__appearDone_1ouw1 .bottom-sheet__wrapper_1ouw1 {
132
+ } .bottom-sheet__enterDone_1ib4r .bottom-sheet__wrapper_1ib4r, .bottom-sheet__appearDone_1ib4r .bottom-sheet__wrapper_1ib4r {
133
133
  transform: translateY(0);
134
- } .bottom-sheet__exit_1ouw1 .bottom-sheet__wrapper_1ouw1 {
134
+ } .bottom-sheet__exit_1ib4r .bottom-sheet__wrapper_1ib4r {
135
135
  transform: translateY(0);
136
- } .bottom-sheet__exitActive_1ouw1 .bottom-sheet__wrapper_1ouw1 {
136
+ } .bottom-sheet__exitActive_1ib4r .bottom-sheet__wrapper_1ib4r {
137
137
  transition: var(--bottom-sheet-out-transition);
138
138
  transform: translateY(100%);
139
- } .bottom-sheet__background-accent_1ouw1 {
139
+ } .bottom-sheet__background-accent_1ib4r {
140
140
  background-color: var(--color-light-bg-accent);
141
- } .bottom-sheet__background-info_1ouw1 {
141
+ } .bottom-sheet__background-info_1ib4r {
142
142
  background-color: var(--color-light-bg-info);
143
- } .bottom-sheet__background-attention-muted_1ouw1 {
143
+ } .bottom-sheet__background-attention-muted_1ib4r {
144
144
  background-color: var(--color-light-bg-attention-muted);
145
- } .bottom-sheet__background-positive-muted_1ouw1 {
145
+ } .bottom-sheet__background-positive-muted_1ib4r {
146
146
  background-color: var(--color-light-bg-positive-muted);
147
- } .bottom-sheet__background-negative-muted_1ouw1 {
147
+ } .bottom-sheet__background-negative-muted_1ib4r {
148
148
  background-color: var(--color-light-bg-negative-muted);
149
- } .bottom-sheet__background-primary_1ouw1 {
149
+ } .bottom-sheet__background-primary_1ib4r {
150
150
  background-color: var(--color-light-bg-primary);
151
- } .bottom-sheet__background-primary-inverted_1ouw1 {
151
+ } .bottom-sheet__background-primary-inverted_1ib4r {
152
152
  background-color: var(--color-light-bg-primary-inverted);
153
- } .bottom-sheet__background-secondary_1ouw1 {
153
+ } .bottom-sheet__background-secondary_1ib4r {
154
154
  background-color: var(--color-light-bg-secondary);
155
- } .bottom-sheet__background-secondary-inverted_1ouw1 {
155
+ } .bottom-sheet__background-secondary-inverted_1ib4r {
156
156
  background-color: var(--color-light-bg-secondary-inverted);
157
- } .bottom-sheet__background-tertiary_1ouw1 {
157
+ } .bottom-sheet__background-tertiary_1ib4r {
158
158
  background-color: var(--color-light-bg-tertiary);
159
- } .bottom-sheet__background-tertiary-inverted_1ouw1 {
159
+ } .bottom-sheet__background-tertiary-inverted_1ib4r {
160
160
  background-color: var(--color-light-bg-tertiary-inverted);
161
- } .bottom-sheet__background-quaternary_1ouw1 {
161
+ } .bottom-sheet__background-quaternary_1ib4r {
162
162
  background-color: var(--color-light-bg-quaternary);
163
- } .bottom-sheet__background-quaternary-inverted_1ouw1 {
163
+ } .bottom-sheet__background-quaternary-inverted_1ib4r {
164
164
  background-color: var(--color-light-bg-quaternary-inverted);
165
- } .bottom-sheet__background-specialbg-component_1ouw1 {
165
+ } .bottom-sheet__background-specialbg-component_1ib4r {
166
166
  background-color: var(--color-light-specialbg-component);
167
- } .bottom-sheet__background-specialbg-component-inverted_1ouw1 {
167
+ } .bottom-sheet__background-specialbg-component-inverted_1ib4r {
168
168
  background-color: var(--color-light-specialbg-component-inverted);
169
- } .bottom-sheet__background-specialbg-primary-grouped_1ouw1 {
169
+ } .bottom-sheet__background-specialbg-primary-grouped_1ib4r {
170
170
  background-color: var(--color-light-specialbg-primary-grouped);
171
- } .bottom-sheet__background-specialbg-secondary-grouped_1ouw1 {
171
+ } .bottom-sheet__background-specialbg-secondary-grouped_1ib4r {
172
172
  background-color: var(--color-light-specialbg-secondary-grouped);
173
- } .bottom-sheet__background-specialbg-tertiary-grouped_1ouw1 {
173
+ } .bottom-sheet__background-specialbg-tertiary-grouped_1ib4r {
174
174
  background-color: var(--color-light-specialbg-tertiary-grouped);
175
- } .bottom-sheet__background-specialbg-secondary-transparent_1ouw1 {
175
+ } .bottom-sheet__background-specialbg-secondary-transparent_1ib4r {
176
176
  background-color: var(--color-light-specialbg-secondary-transparent);
177
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1ouw1 {
177
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1ib4r {
178
178
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
179
- } .bottom-sheet__background-specialbg-tertiary-transparent_1ouw1 {
179
+ } .bottom-sheet__background-specialbg-tertiary-transparent_1ib4r {
180
180
  background-color: var(--color-light-specialbg-tertiary-transparent);
181
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ouw1 {
181
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ib4r {
182
182
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
183
183
  }
package/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: bcdi5 */
1
+ /* hash: 1bmqh */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-accent: #ef3124;
@@ -52,25 +52,25 @@
52
52
  /* header */
53
53
 
54
54
  /* footer */
55
- } .bottom-sheet__modal_1ouw1 {
55
+ } .bottom-sheet__modal_1ib4r {
56
56
  bottom: 0;
57
57
  width: 100%;
58
58
  max-width: 600px;
59
59
  pointer-events: none;
60
60
  touch-action: none;
61
- } .bottom-sheet__modal_1ouw1.bottom-sheet__modal_1ouw1 {
61
+ } .bottom-sheet__modal_1ib4r.bottom-sheet__modal_1ib4r {
62
62
  background-color: transparent;
63
63
  position: fixed;
64
- } .bottom-sheet__wrapper_1ouw1 {
64
+ } .bottom-sheet__wrapper_1ib4r {
65
65
  transform: translateY(100%);
66
66
  pointer-events: none;
67
67
  touch-action: none;
68
68
  border-top-right-radius: var(--bottom-sheet-top-radius);
69
69
  border-top-left-radius: var(--bottom-sheet-top-radius);
70
70
  transition: border-radius 0.3s ease;
71
- } .bottom-sheet__fullscreen_1ouw1 {
71
+ } .bottom-sheet__fullscreen_1ib4r {
72
72
  border-radius: 0;
73
- } .bottom-sheet__component_1ouw1 {
73
+ } .bottom-sheet__component_1ib4r {
74
74
  position: relative;
75
75
  display: flex;
76
76
  flex-direction: column;
@@ -78,9 +78,9 @@
78
78
  background-color: var(--color-light-modal-bg-primary);
79
79
  pointer-events: all;
80
80
  box-shadow: var(--bottom-sheet-shadow);
81
- } .bottom-sheet__withTransition_1ouw1 {
81
+ } .bottom-sheet__withTransition_1ib4r {
82
82
  transition: var(--bottom-sheet-out-transition);
83
- } .bottom-sheet__scrollableContainer_1ouw1 {
83
+ } .bottom-sheet__scrollableContainer_1ib4r {
84
84
  overflow: auto;
85
85
  display: flex;
86
86
  flex-direction: column;
@@ -89,7 +89,7 @@
89
89
  background-color: inherit;
90
90
  border-radius: inherit;
91
91
  overscroll-behavior: contain;
92
- } .bottom-sheet__marker_1ouw1 {
92
+ } .bottom-sheet__marker_1ib4r {
93
93
  position: fixed;
94
94
  top: var(--gap-2xs);
95
95
  right: 0;
@@ -97,11 +97,11 @@
97
97
  z-index: 1000;
98
98
  width: 36px;
99
99
  margin: 0 auto;
100
- } .bottom-sheet__defaultMarker_1ouw1 {
100
+ } .bottom-sheet__defaultMarker_1ib4r {
101
101
  height: 4px;
102
102
  border-radius: var(--border-radius-xxl);
103
103
  background-color: var(--color-light-neutral-translucent-300);
104
- } .bottom-sheet__content_1ouw1 {
104
+ } .bottom-sheet__content_1ib4r {
105
105
  position: relative;
106
106
  z-index: 0;
107
107
  display: flex;
@@ -111,73 +111,73 @@
111
111
  color: var(--color-light-text-primary);
112
112
  background-color: inherit;
113
113
  border-radius: inherit;
114
- } .bottom-sheet__noHeader_1ouw1 {
114
+ } .bottom-sheet__noHeader_1ib4r {
115
115
  padding-top: var(--gap-m);
116
- } .bottom-sheet__noFooter_1ouw1 {
116
+ } .bottom-sheet__noFooter_1ib4r {
117
117
  padding-bottom: var(--gap-m);
118
- } .bottom-sheet__scrollLocked_1ouw1 {
118
+ } .bottom-sheet__scrollLocked_1ib4r {
119
119
  overflow: hidden;
120
- } .bottom-sheet__hiddenScrollbar_1ouw1 {
120
+ } .bottom-sheet__hiddenScrollbar_1ib4r {
121
121
  scrollbar-width: none
122
- } .bottom-sheet__hiddenScrollbar_1ouw1::-webkit-scrollbar {
122
+ } .bottom-sheet__hiddenScrollbar_1ib4r::-webkit-scrollbar {
123
123
  width: 0;
124
124
  height: 0;
125
- } .bottom-sheet__disabledPointerEvents_1ouw1 {
125
+ } .bottom-sheet__disabledPointerEvents_1ib4r {
126
126
  pointer-events: none;
127
- } .bottom-sheet__appear_1ouw1 .bottom-sheet__wrapper_1ouw1, .bottom-sheet__enter_1ouw1 .bottom-sheet__wrapper_1ouw1 {
127
+ } .bottom-sheet__appear_1ib4r .bottom-sheet__wrapper_1ib4r, .bottom-sheet__enter_1ib4r .bottom-sheet__wrapper_1ib4r {
128
128
  transition: none;
129
- } .bottom-sheet__appearActive_1ouw1 .bottom-sheet__wrapper_1ouw1, .bottom-sheet__enterActive_1ouw1 .bottom-sheet__wrapper_1ouw1 {
129
+ } .bottom-sheet__appearActive_1ib4r .bottom-sheet__wrapper_1ib4r, .bottom-sheet__enterActive_1ib4r .bottom-sheet__wrapper_1ib4r {
130
130
  transition: var(--bottom-sheet-in-transition);
131
131
  transform: translateY(0);
132
- } .bottom-sheet__enterDone_1ouw1 .bottom-sheet__wrapper_1ouw1, .bottom-sheet__appearDone_1ouw1 .bottom-sheet__wrapper_1ouw1 {
132
+ } .bottom-sheet__enterDone_1ib4r .bottom-sheet__wrapper_1ib4r, .bottom-sheet__appearDone_1ib4r .bottom-sheet__wrapper_1ib4r {
133
133
  transform: translateY(0);
134
- } .bottom-sheet__exit_1ouw1 .bottom-sheet__wrapper_1ouw1 {
134
+ } .bottom-sheet__exit_1ib4r .bottom-sheet__wrapper_1ib4r {
135
135
  transform: translateY(0);
136
- } .bottom-sheet__exitActive_1ouw1 .bottom-sheet__wrapper_1ouw1 {
136
+ } .bottom-sheet__exitActive_1ib4r .bottom-sheet__wrapper_1ib4r {
137
137
  transition: var(--bottom-sheet-out-transition);
138
138
  transform: translateY(100%);
139
- } .bottom-sheet__background-accent_1ouw1 {
139
+ } .bottom-sheet__background-accent_1ib4r {
140
140
  background-color: var(--color-light-bg-accent);
141
- } .bottom-sheet__background-info_1ouw1 {
141
+ } .bottom-sheet__background-info_1ib4r {
142
142
  background-color: var(--color-light-bg-info);
143
- } .bottom-sheet__background-attention-muted_1ouw1 {
143
+ } .bottom-sheet__background-attention-muted_1ib4r {
144
144
  background-color: var(--color-light-bg-attention-muted);
145
- } .bottom-sheet__background-positive-muted_1ouw1 {
145
+ } .bottom-sheet__background-positive-muted_1ib4r {
146
146
  background-color: var(--color-light-bg-positive-muted);
147
- } .bottom-sheet__background-negative-muted_1ouw1 {
147
+ } .bottom-sheet__background-negative-muted_1ib4r {
148
148
  background-color: var(--color-light-bg-negative-muted);
149
- } .bottom-sheet__background-primary_1ouw1 {
149
+ } .bottom-sheet__background-primary_1ib4r {
150
150
  background-color: var(--color-light-bg-primary);
151
- } .bottom-sheet__background-primary-inverted_1ouw1 {
151
+ } .bottom-sheet__background-primary-inverted_1ib4r {
152
152
  background-color: var(--color-light-bg-primary-inverted);
153
- } .bottom-sheet__background-secondary_1ouw1 {
153
+ } .bottom-sheet__background-secondary_1ib4r {
154
154
  background-color: var(--color-light-bg-secondary);
155
- } .bottom-sheet__background-secondary-inverted_1ouw1 {
155
+ } .bottom-sheet__background-secondary-inverted_1ib4r {
156
156
  background-color: var(--color-light-bg-secondary-inverted);
157
- } .bottom-sheet__background-tertiary_1ouw1 {
157
+ } .bottom-sheet__background-tertiary_1ib4r {
158
158
  background-color: var(--color-light-bg-tertiary);
159
- } .bottom-sheet__background-tertiary-inverted_1ouw1 {
159
+ } .bottom-sheet__background-tertiary-inverted_1ib4r {
160
160
  background-color: var(--color-light-bg-tertiary-inverted);
161
- } .bottom-sheet__background-quaternary_1ouw1 {
161
+ } .bottom-sheet__background-quaternary_1ib4r {
162
162
  background-color: var(--color-light-bg-quaternary);
163
- } .bottom-sheet__background-quaternary-inverted_1ouw1 {
163
+ } .bottom-sheet__background-quaternary-inverted_1ib4r {
164
164
  background-color: var(--color-light-bg-quaternary-inverted);
165
- } .bottom-sheet__background-specialbg-component_1ouw1 {
165
+ } .bottom-sheet__background-specialbg-component_1ib4r {
166
166
  background-color: var(--color-light-specialbg-component);
167
- } .bottom-sheet__background-specialbg-component-inverted_1ouw1 {
167
+ } .bottom-sheet__background-specialbg-component-inverted_1ib4r {
168
168
  background-color: var(--color-light-specialbg-component-inverted);
169
- } .bottom-sheet__background-specialbg-primary-grouped_1ouw1 {
169
+ } .bottom-sheet__background-specialbg-primary-grouped_1ib4r {
170
170
  background-color: var(--color-light-specialbg-primary-grouped);
171
- } .bottom-sheet__background-specialbg-secondary-grouped_1ouw1 {
171
+ } .bottom-sheet__background-specialbg-secondary-grouped_1ib4r {
172
172
  background-color: var(--color-light-specialbg-secondary-grouped);
173
- } .bottom-sheet__background-specialbg-tertiary-grouped_1ouw1 {
173
+ } .bottom-sheet__background-specialbg-tertiary-grouped_1ib4r {
174
174
  background-color: var(--color-light-specialbg-tertiary-grouped);
175
- } .bottom-sheet__background-specialbg-secondary-transparent_1ouw1 {
175
+ } .bottom-sheet__background-specialbg-secondary-transparent_1ib4r {
176
176
  background-color: var(--color-light-specialbg-secondary-transparent);
177
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1ouw1 {
177
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1ib4r {
178
178
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
179
- } .bottom-sheet__background-specialbg-tertiary-transparent_1ouw1 {
179
+ } .bottom-sheet__background-specialbg-tertiary-transparent_1ib4r {
180
180
  background-color: var(--color-light-specialbg-tertiary-transparent);
181
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ouw1 {
181
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ib4r {
182
182
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
183
183
  }
package/modern/component.js CHANGED
@@ -10,7 +10,7 @@ import { Header } from './components/header/Component.js';
10
10
  import { SwipeableBackdrop } from './components/swipeable-backdrop/Component.js';
11
11
  import { convertPercentToNumber, TIMEOUT, MARKER_HEIGHT, SCROLL_OFFSET, SWIPE_VELOCITY, CLOSE_OFFSET } from './utils.js';
12
12
 
13
- const styles = {"modal":"bottom-sheet__modal_1ouw1","wrapper":"bottom-sheet__wrapper_1ouw1","fullscreen":"bottom-sheet__fullscreen_1ouw1","component":"bottom-sheet__component_1ouw1","withTransition":"bottom-sheet__withTransition_1ouw1","scrollableContainer":"bottom-sheet__scrollableContainer_1ouw1","marker":"bottom-sheet__marker_1ouw1","defaultMarker":"bottom-sheet__defaultMarker_1ouw1","content":"bottom-sheet__content_1ouw1","noHeader":"bottom-sheet__noHeader_1ouw1","noFooter":"bottom-sheet__noFooter_1ouw1","scrollLocked":"bottom-sheet__scrollLocked_1ouw1","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1ouw1","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1ouw1","appear":"bottom-sheet__appear_1ouw1","enter":"bottom-sheet__enter_1ouw1","appearActive":"bottom-sheet__appearActive_1ouw1","enterActive":"bottom-sheet__enterActive_1ouw1","enterDone":"bottom-sheet__enterDone_1ouw1","appearDone":"bottom-sheet__appearDone_1ouw1","exit":"bottom-sheet__exit_1ouw1","exitActive":"bottom-sheet__exitActive_1ouw1","background-accent":"bottom-sheet__background-accent_1ouw1","background-info":"bottom-sheet__background-info_1ouw1","background-attention-muted":"bottom-sheet__background-attention-muted_1ouw1","background-positive-muted":"bottom-sheet__background-positive-muted_1ouw1","background-negative-muted":"bottom-sheet__background-negative-muted_1ouw1","background-primary":"bottom-sheet__background-primary_1ouw1","background-primary-inverted":"bottom-sheet__background-primary-inverted_1ouw1","background-secondary":"bottom-sheet__background-secondary_1ouw1","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1ouw1","background-tertiary":"bottom-sheet__background-tertiary_1ouw1","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1ouw1","background-quaternary":"bottom-sheet__background-quaternary_1ouw1","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1ouw1","background-specialbg-component":"bottom-sheet__background-specialbg-component_1ouw1","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1ouw1","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1ouw1","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1ouw1","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1ouw1","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1ouw1","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1ouw1","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1ouw1","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ouw1"};
13
+ const styles = {"modal":"bottom-sheet__modal_1ib4r","wrapper":"bottom-sheet__wrapper_1ib4r","fullscreen":"bottom-sheet__fullscreen_1ib4r","component":"bottom-sheet__component_1ib4r","withTransition":"bottom-sheet__withTransition_1ib4r","scrollableContainer":"bottom-sheet__scrollableContainer_1ib4r","marker":"bottom-sheet__marker_1ib4r","defaultMarker":"bottom-sheet__defaultMarker_1ib4r","content":"bottom-sheet__content_1ib4r","noHeader":"bottom-sheet__noHeader_1ib4r","noFooter":"bottom-sheet__noFooter_1ib4r","scrollLocked":"bottom-sheet__scrollLocked_1ib4r","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1ib4r","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1ib4r","appear":"bottom-sheet__appear_1ib4r","enter":"bottom-sheet__enter_1ib4r","appearActive":"bottom-sheet__appearActive_1ib4r","enterActive":"bottom-sheet__enterActive_1ib4r","enterDone":"bottom-sheet__enterDone_1ib4r","appearDone":"bottom-sheet__appearDone_1ib4r","exit":"bottom-sheet__exit_1ib4r","exitActive":"bottom-sheet__exitActive_1ib4r","background-accent":"bottom-sheet__background-accent_1ib4r","background-info":"bottom-sheet__background-info_1ib4r","background-attention-muted":"bottom-sheet__background-attention-muted_1ib4r","background-positive-muted":"bottom-sheet__background-positive-muted_1ib4r","background-negative-muted":"bottom-sheet__background-negative-muted_1ib4r","background-primary":"bottom-sheet__background-primary_1ib4r","background-primary-inverted":"bottom-sheet__background-primary-inverted_1ib4r","background-secondary":"bottom-sheet__background-secondary_1ib4r","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1ib4r","background-tertiary":"bottom-sheet__background-tertiary_1ib4r","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1ib4r","background-quaternary":"bottom-sheet__background-quaternary_1ib4r","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1ib4r","background-specialbg-component":"bottom-sheet__background-specialbg-component_1ib4r","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1ib4r","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1ib4r","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1ib4r","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1ib4r","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1ib4r","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1ib4r","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1ib4r","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ib4r"};
14
14
  require('./index.css')
15
15
 
16
16
  const { isNil } = fnUtils;
package/modern/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/modern';
4
4
 
5
- const styles = {"footer":"bottom-sheet__footer_19rha","sticky":"bottom-sheet__sticky_19rha","highlighted":"bottom-sheet__highlighted_19rha","background-accent":"bottom-sheet__background-accent_19rha","background-info":"bottom-sheet__background-info_19rha","background-attention-muted":"bottom-sheet__background-attention-muted_19rha","background-positive-muted":"bottom-sheet__background-positive-muted_19rha","background-negative-muted":"bottom-sheet__background-negative-muted_19rha","background-primary":"bottom-sheet__background-primary_19rha","background-primary-inverted":"bottom-sheet__background-primary-inverted_19rha","background-secondary":"bottom-sheet__background-secondary_19rha","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_19rha","background-tertiary":"bottom-sheet__background-tertiary_19rha","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_19rha","background-quaternary":"bottom-sheet__background-quaternary_19rha","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_19rha","background-specialbg-component":"bottom-sheet__background-specialbg-component_19rha","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_19rha","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_19rha","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_19rha","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_19rha","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_19rha","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_19rha","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_19rha","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_19rha"};
5
+ const styles = {"footer":"bottom-sheet__footer_5d2j4","sticky":"bottom-sheet__sticky_5d2j4","highlighted":"bottom-sheet__highlighted_5d2j4","background-accent":"bottom-sheet__background-accent_5d2j4","background-info":"bottom-sheet__background-info_5d2j4","background-attention-muted":"bottom-sheet__background-attention-muted_5d2j4","background-positive-muted":"bottom-sheet__background-positive-muted_5d2j4","background-negative-muted":"bottom-sheet__background-negative-muted_5d2j4","background-primary":"bottom-sheet__background-primary_5d2j4","background-primary-inverted":"bottom-sheet__background-primary-inverted_5d2j4","background-secondary":"bottom-sheet__background-secondary_5d2j4","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_5d2j4","background-tertiary":"bottom-sheet__background-tertiary_5d2j4","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_5d2j4","background-quaternary":"bottom-sheet__background-quaternary_5d2j4","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_5d2j4","background-specialbg-component":"bottom-sheet__background-specialbg-component_5d2j4","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_5d2j4","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_5d2j4","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_5d2j4","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_5d2j4","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_5d2j4","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_5d2j4","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_5d2j4","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_5d2j4"};
6
6
  require('./index.css')
7
7
 
8
8
  const Footer = ({ children, className, sticky, dataTestId }) => {
package/modern/components/footer/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1r5bg */
1
+ /* hash: 1wmh5 */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-accent: #ef3124;
@@ -46,58 +46,58 @@
46
46
  /* footer */
47
47
  --bottom-sheet-footer-border-top: 1px solid var(--color-light-neutral-300);
48
48
  --bottom-sheet-footer-background-color: var(--color-light-modal-bg-primary);
49
- } .bottom-sheet__footer_19rha {
49
+ } .bottom-sheet__footer_5d2j4 {
50
50
  padding: var(--gap-m) var(--gap-m);
51
51
  background-color: var(--color-light-modal-bg-primary);
52
- } .bottom-sheet__sticky_19rha {
52
+ } .bottom-sheet__sticky_5d2j4 {
53
53
  position: sticky;
54
54
  bottom: 0;
55
55
  z-index: 1;
56
- } .bottom-sheet__highlighted_19rha {
56
+ } .bottom-sheet__highlighted_5d2j4 {
57
57
  border-top: var(--bottom-sheet-footer-border-top);
58
58
  background-color: var(--bottom-sheet-footer-background-color);
59
- } .bottom-sheet__background-accent_19rha {
59
+ } .bottom-sheet__background-accent_5d2j4 {
60
60
  background-color: var(--color-light-bg-accent);
61
- } .bottom-sheet__background-info_19rha {
61
+ } .bottom-sheet__background-info_5d2j4 {
62
62
  background-color: var(--color-light-bg-info);
63
- } .bottom-sheet__background-attention-muted_19rha {
63
+ } .bottom-sheet__background-attention-muted_5d2j4 {
64
64
  background-color: var(--color-light-bg-attention-muted);
65
- } .bottom-sheet__background-positive-muted_19rha {
65
+ } .bottom-sheet__background-positive-muted_5d2j4 {
66
66
  background-color: var(--color-light-bg-positive-muted);
67
- } .bottom-sheet__background-negative-muted_19rha {
67
+ } .bottom-sheet__background-negative-muted_5d2j4 {
68
68
  background-color: var(--color-light-bg-negative-muted);
69
- } .bottom-sheet__background-primary_19rha {
69
+ } .bottom-sheet__background-primary_5d2j4 {
70
70
  background-color: var(--color-light-bg-primary);
71
- } .bottom-sheet__background-primary-inverted_19rha {
71
+ } .bottom-sheet__background-primary-inverted_5d2j4 {
72
72
  background-color: var(--color-light-bg-primary-inverted);
73
- } .bottom-sheet__background-secondary_19rha {
73
+ } .bottom-sheet__background-secondary_5d2j4 {
74
74
  background-color: var(--color-light-bg-secondary);
75
- } .bottom-sheet__background-secondary-inverted_19rha {
75
+ } .bottom-sheet__background-secondary-inverted_5d2j4 {
76
76
  background-color: var(--color-light-bg-secondary-inverted);
77
- } .bottom-sheet__background-tertiary_19rha {
77
+ } .bottom-sheet__background-tertiary_5d2j4 {
78
78
  background-color: var(--color-light-bg-tertiary);
79
- } .bottom-sheet__background-tertiary-inverted_19rha {
79
+ } .bottom-sheet__background-tertiary-inverted_5d2j4 {
80
80
  background-color: var(--color-light-bg-tertiary-inverted);
81
- } .bottom-sheet__background-quaternary_19rha {
81
+ } .bottom-sheet__background-quaternary_5d2j4 {
82
82
  background-color: var(--color-light-bg-quaternary);
83
- } .bottom-sheet__background-quaternary-inverted_19rha {
83
+ } .bottom-sheet__background-quaternary-inverted_5d2j4 {
84
84
  background-color: var(--color-light-bg-quaternary-inverted);
85
- } .bottom-sheet__background-specialbg-component_19rha {
85
+ } .bottom-sheet__background-specialbg-component_5d2j4 {
86
86
  background-color: var(--color-light-specialbg-component);
87
- } .bottom-sheet__background-specialbg-component-inverted_19rha {
87
+ } .bottom-sheet__background-specialbg-component-inverted_5d2j4 {
88
88
  background-color: var(--color-light-specialbg-component-inverted);
89
- } .bottom-sheet__background-specialbg-primary-grouped_19rha {
89
+ } .bottom-sheet__background-specialbg-primary-grouped_5d2j4 {
90
90
  background-color: var(--color-light-specialbg-primary-grouped);
91
- } .bottom-sheet__background-specialbg-secondary-grouped_19rha {
91
+ } .bottom-sheet__background-specialbg-secondary-grouped_5d2j4 {
92
92
  background-color: var(--color-light-specialbg-secondary-grouped);
93
- } .bottom-sheet__background-specialbg-tertiary-grouped_19rha {
93
+ } .bottom-sheet__background-specialbg-tertiary-grouped_5d2j4 {
94
94
  background-color: var(--color-light-specialbg-tertiary-grouped);
95
- } .bottom-sheet__background-specialbg-secondary-transparent_19rha {
95
+ } .bottom-sheet__background-specialbg-secondary-transparent_5d2j4 {
96
96
  background-color: var(--color-light-specialbg-secondary-transparent);
97
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_19rha {
97
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_5d2j4 {
98
98
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
99
- } .bottom-sheet__background-specialbg-tertiary-transparent_19rha {
99
+ } .bottom-sheet__background-specialbg-tertiary-transparent_5d2j4 {
100
100
  background-color: var(--color-light-specialbg-tertiary-transparent);
101
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_19rha {
101
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_5d2j4 {
102
102
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
103
103
  }
package/modern/components/header/Component.js CHANGED
@@ -3,7 +3,7 @@ import cn from 'classnames';
3
3
  import { BaseModalContext } from '@alfalab/core-components-base-modal/modern';
4
4
  import { NavigationBar } from '@alfalab/core-components-navigation-bar/modern';
5
5
 
6
- const styles = {"headerWrapper":"bottom-sheet__headerWrapper_171ua","hasContent":"bottom-sheet__hasContent_171ua","header":"bottom-sheet__header_171ua","sticky":"bottom-sheet__sticky_171ua","highlighted":"bottom-sheet__highlighted_171ua","justifyEnd":"bottom-sheet__justifyEnd_171ua","addon":"bottom-sheet__addon_171ua","addonFixed":"bottom-sheet__addonFixed_171ua","title":"bottom-sheet__title_171ua","titleCenter":"bottom-sheet__titleCenter_171ua","titleLeft":"bottom-sheet__titleLeft_171ua","trimTitle":"bottom-sheet__trimTitle_171ua"};
6
+ const styles = {"headerWrapper":"bottom-sheet__headerWrapper_2nfj4","hasContent":"bottom-sheet__hasContent_2nfj4","header":"bottom-sheet__header_2nfj4","sticky":"bottom-sheet__sticky_2nfj4","highlighted":"bottom-sheet__highlighted_2nfj4","justifyEnd":"bottom-sheet__justifyEnd_2nfj4","addon":"bottom-sheet__addon_2nfj4","addonFixed":"bottom-sheet__addonFixed_2nfj4","title":"bottom-sheet__title_2nfj4","titleCenter":"bottom-sheet__titleCenter_2nfj4","titleLeft":"bottom-sheet__titleLeft_2nfj4","trimTitle":"bottom-sheet__trimTitle_2nfj4"};
7
7
  require('./index.css')
8
8
 
9
9
  const Header = ({ className, sticky, headerRef, headerOffset, title, children, ...restProps }) => {
package/modern/components/header/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 14j04 */
1
+ /* hash: 1scki */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-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 */
@@ -30,42 +30,42 @@
30
30
  --bottom-sheet-title-font-family: var(--font-family-system);
31
31
 
32
32
  /* footer */
33
- } .bottom-sheet__headerWrapper_171ua {
33
+ } .bottom-sheet__headerWrapper_2nfj4 {
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_171ua {
38
+ } .bottom-sheet__hasContent_2nfj4 {
39
39
  background-color: inherit;
40
- } .bottom-sheet__header_171ua {
40
+ } .bottom-sheet__header_2nfj4 {
41
41
  display: flex;
42
- } .bottom-sheet__sticky_171ua {
42
+ } .bottom-sheet__sticky_2nfj4 {
43
43
  position: sticky;
44
44
  top: 0;
45
- } .bottom-sheet__highlighted_171ua {
45
+ } .bottom-sheet__highlighted_2nfj4 {
46
46
  border-bottom: var(--bottom-sheet-header-border-bottom);
47
- } .bottom-sheet__justifyEnd_171ua {
47
+ } .bottom-sheet__justifyEnd_2nfj4 {
48
48
  justify-content: flex-end;
49
- } .bottom-sheet__addon_171ua {
49
+ } .bottom-sheet__addon_2nfj4 {
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_171ua {
55
+ } .bottom-sheet__addonFixed_2nfj4 {
56
56
  position: fixed;
57
- } .bottom-sheet__title_171ua {
57
+ } .bottom-sheet__title_2nfj4 {
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_171ua {
64
+ } .bottom-sheet__titleCenter_2nfj4 {
65
65
  text-align: center;
66
- } .bottom-sheet__titleLeft_171ua {
66
+ } .bottom-sheet__titleLeft_2nfj4 {
67
67
  text-align: left;
68
- } .bottom-sheet__trimTitle_171ua {
68
+ } .bottom-sheet__trimTitle_2nfj4 {
69
69
  white-space: nowrap;
70
70
  overflow: hidden;
71
71
  text-overflow: ellipsis;
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: bcdi5 */
1
+ /* hash: 1bmqh */
2
2
  :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-accent: #ef3124;
@@ -52,25 +52,25 @@
52
52
  /* header */
53
53
 
54
54
  /* footer */
55
- } .bottom-sheet__modal_1ouw1 {
55
+ } .bottom-sheet__modal_1ib4r {
56
56
  bottom: 0;
57
57
  width: 100%;
58
58
  max-width: 600px;
59
59
  pointer-events: none;
60
60
  touch-action: none;
61
- } .bottom-sheet__modal_1ouw1.bottom-sheet__modal_1ouw1 {
61
+ } .bottom-sheet__modal_1ib4r.bottom-sheet__modal_1ib4r {
62
62
  background-color: transparent;
63
63
  position: fixed;
64
- } .bottom-sheet__wrapper_1ouw1 {
64
+ } .bottom-sheet__wrapper_1ib4r {
65
65
  transform: translateY(100%);
66
66
  pointer-events: none;
67
67
  touch-action: none;
68
68
  border-top-right-radius: var(--bottom-sheet-top-radius);
69
69
  border-top-left-radius: var(--bottom-sheet-top-radius);
70
70
  transition: border-radius 0.3s ease;
71
- } .bottom-sheet__fullscreen_1ouw1 {
71
+ } .bottom-sheet__fullscreen_1ib4r {
72
72
  border-radius: 0;
73
- } .bottom-sheet__component_1ouw1 {
73
+ } .bottom-sheet__component_1ib4r {
74
74
  position: relative;
75
75
  display: flex;
76
76
  flex-direction: column;
@@ -78,9 +78,9 @@
78
78
  background-color: var(--color-light-modal-bg-primary);
79
79
  pointer-events: all;
80
80
  box-shadow: var(--bottom-sheet-shadow);
81
- } .bottom-sheet__withTransition_1ouw1 {
81
+ } .bottom-sheet__withTransition_1ib4r {
82
82
  transition: var(--bottom-sheet-out-transition);
83
- } .bottom-sheet__scrollableContainer_1ouw1 {
83
+ } .bottom-sheet__scrollableContainer_1ib4r {
84
84
  overflow: auto;
85
85
  display: flex;
86
86
  flex-direction: column;
@@ -89,7 +89,7 @@
89
89
  background-color: inherit;
90
90
  border-radius: inherit;
91
91
  overscroll-behavior: contain;
92
- } .bottom-sheet__marker_1ouw1 {
92
+ } .bottom-sheet__marker_1ib4r {
93
93
  position: fixed;
94
94
  top: var(--gap-2xs);
95
95
  right: 0;
@@ -97,11 +97,11 @@
97
97
  z-index: 1000;
98
98
  width: 36px;
99
99
  margin: 0 auto;
100
- } .bottom-sheet__defaultMarker_1ouw1 {
100
+ } .bottom-sheet__defaultMarker_1ib4r {
101
101
  height: 4px;
102
102
  border-radius: var(--border-radius-xxl);
103
103
  background-color: var(--color-light-neutral-translucent-300);
104
- } .bottom-sheet__content_1ouw1 {
104
+ } .bottom-sheet__content_1ib4r {
105
105
  position: relative;
106
106
  z-index: 0;
107
107
  display: flex;
@@ -111,73 +111,73 @@
111
111
  color: var(--color-light-text-primary);
112
112
  background-color: inherit;
113
113
  border-radius: inherit;
114
- } .bottom-sheet__noHeader_1ouw1 {
114
+ } .bottom-sheet__noHeader_1ib4r {
115
115
  padding-top: var(--gap-m);
116
- } .bottom-sheet__noFooter_1ouw1 {
116
+ } .bottom-sheet__noFooter_1ib4r {
117
117
  padding-bottom: var(--gap-m);
118
- } .bottom-sheet__scrollLocked_1ouw1 {
118
+ } .bottom-sheet__scrollLocked_1ib4r {
119
119
  overflow: hidden;
120
- } .bottom-sheet__hiddenScrollbar_1ouw1 {
120
+ } .bottom-sheet__hiddenScrollbar_1ib4r {
121
121
  scrollbar-width: none
122
- } .bottom-sheet__hiddenScrollbar_1ouw1::-webkit-scrollbar {
122
+ } .bottom-sheet__hiddenScrollbar_1ib4r::-webkit-scrollbar {
123
123
  width: 0;
124
124
  height: 0;
125
- } .bottom-sheet__disabledPointerEvents_1ouw1 {
125
+ } .bottom-sheet__disabledPointerEvents_1ib4r {
126
126
  pointer-events: none;
127
- } .bottom-sheet__appear_1ouw1 .bottom-sheet__wrapper_1ouw1, .bottom-sheet__enter_1ouw1 .bottom-sheet__wrapper_1ouw1 {
127
+ } .bottom-sheet__appear_1ib4r .bottom-sheet__wrapper_1ib4r, .bottom-sheet__enter_1ib4r .bottom-sheet__wrapper_1ib4r {
128
128
  transition: none;
129
- } .bottom-sheet__appearActive_1ouw1 .bottom-sheet__wrapper_1ouw1, .bottom-sheet__enterActive_1ouw1 .bottom-sheet__wrapper_1ouw1 {
129
+ } .bottom-sheet__appearActive_1ib4r .bottom-sheet__wrapper_1ib4r, .bottom-sheet__enterActive_1ib4r .bottom-sheet__wrapper_1ib4r {
130
130
  transition: var(--bottom-sheet-in-transition);
131
131
  transform: translateY(0);
132
- } .bottom-sheet__enterDone_1ouw1 .bottom-sheet__wrapper_1ouw1, .bottom-sheet__appearDone_1ouw1 .bottom-sheet__wrapper_1ouw1 {
132
+ } .bottom-sheet__enterDone_1ib4r .bottom-sheet__wrapper_1ib4r, .bottom-sheet__appearDone_1ib4r .bottom-sheet__wrapper_1ib4r {
133
133
  transform: translateY(0);
134
- } .bottom-sheet__exit_1ouw1 .bottom-sheet__wrapper_1ouw1 {
134
+ } .bottom-sheet__exit_1ib4r .bottom-sheet__wrapper_1ib4r {
135
135
  transform: translateY(0);
136
- } .bottom-sheet__exitActive_1ouw1 .bottom-sheet__wrapper_1ouw1 {
136
+ } .bottom-sheet__exitActive_1ib4r .bottom-sheet__wrapper_1ib4r {
137
137
  transition: var(--bottom-sheet-out-transition);
138
138
  transform: translateY(100%);
139
- } .bottom-sheet__background-accent_1ouw1 {
139
+ } .bottom-sheet__background-accent_1ib4r {
140
140
  background-color: var(--color-light-bg-accent);
141
- } .bottom-sheet__background-info_1ouw1 {
141
+ } .bottom-sheet__background-info_1ib4r {
142
142
  background-color: var(--color-light-bg-info);
143
- } .bottom-sheet__background-attention-muted_1ouw1 {
143
+ } .bottom-sheet__background-attention-muted_1ib4r {
144
144
  background-color: var(--color-light-bg-attention-muted);
145
- } .bottom-sheet__background-positive-muted_1ouw1 {
145
+ } .bottom-sheet__background-positive-muted_1ib4r {
146
146
  background-color: var(--color-light-bg-positive-muted);
147
- } .bottom-sheet__background-negative-muted_1ouw1 {
147
+ } .bottom-sheet__background-negative-muted_1ib4r {
148
148
  background-color: var(--color-light-bg-negative-muted);
149
- } .bottom-sheet__background-primary_1ouw1 {
149
+ } .bottom-sheet__background-primary_1ib4r {
150
150
  background-color: var(--color-light-bg-primary);
151
- } .bottom-sheet__background-primary-inverted_1ouw1 {
151
+ } .bottom-sheet__background-primary-inverted_1ib4r {
152
152
  background-color: var(--color-light-bg-primary-inverted);
153
- } .bottom-sheet__background-secondary_1ouw1 {
153
+ } .bottom-sheet__background-secondary_1ib4r {
154
154
  background-color: var(--color-light-bg-secondary);
155
- } .bottom-sheet__background-secondary-inverted_1ouw1 {
155
+ } .bottom-sheet__background-secondary-inverted_1ib4r {
156
156
  background-color: var(--color-light-bg-secondary-inverted);
157
- } .bottom-sheet__background-tertiary_1ouw1 {
157
+ } .bottom-sheet__background-tertiary_1ib4r {
158
158
  background-color: var(--color-light-bg-tertiary);
159
- } .bottom-sheet__background-tertiary-inverted_1ouw1 {
159
+ } .bottom-sheet__background-tertiary-inverted_1ib4r {
160
160
  background-color: var(--color-light-bg-tertiary-inverted);
161
- } .bottom-sheet__background-quaternary_1ouw1 {
161
+ } .bottom-sheet__background-quaternary_1ib4r {
162
162
  background-color: var(--color-light-bg-quaternary);
163
- } .bottom-sheet__background-quaternary-inverted_1ouw1 {
163
+ } .bottom-sheet__background-quaternary-inverted_1ib4r {
164
164
  background-color: var(--color-light-bg-quaternary-inverted);
165
- } .bottom-sheet__background-specialbg-component_1ouw1 {
165
+ } .bottom-sheet__background-specialbg-component_1ib4r {
166
166
  background-color: var(--color-light-specialbg-component);
167
- } .bottom-sheet__background-specialbg-component-inverted_1ouw1 {
167
+ } .bottom-sheet__background-specialbg-component-inverted_1ib4r {
168
168
  background-color: var(--color-light-specialbg-component-inverted);
169
- } .bottom-sheet__background-specialbg-primary-grouped_1ouw1 {
169
+ } .bottom-sheet__background-specialbg-primary-grouped_1ib4r {
170
170
  background-color: var(--color-light-specialbg-primary-grouped);
171
- } .bottom-sheet__background-specialbg-secondary-grouped_1ouw1 {
171
+ } .bottom-sheet__background-specialbg-secondary-grouped_1ib4r {
172
172
  background-color: var(--color-light-specialbg-secondary-grouped);
173
- } .bottom-sheet__background-specialbg-tertiary-grouped_1ouw1 {
173
+ } .bottom-sheet__background-specialbg-tertiary-grouped_1ib4r {
174
174
  background-color: var(--color-light-specialbg-tertiary-grouped);
175
- } .bottom-sheet__background-specialbg-secondary-transparent_1ouw1 {
175
+ } .bottom-sheet__background-specialbg-secondary-transparent_1ib4r {
176
176
  background-color: var(--color-light-specialbg-secondary-transparent);
177
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1ouw1 {
177
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1ib4r {
178
178
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
179
- } .bottom-sheet__background-specialbg-tertiary-transparent_1ouw1 {
179
+ } .bottom-sheet__background-specialbg-tertiary-transparent_1ib4r {
180
180
  background-color: var(--color-light-specialbg-tertiary-transparent);
181
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ouw1 {
181
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1ib4r {
182
182
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
183
183
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-bottom-sheet",
3
- "version": "6.14.2",
3
+ "version": "6.14.3",
4
4
  "description": "Bottom sheet mobile component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -17,7 +17,7 @@
17
17
  "dependencies": {
18
18
  "@alfalab/core-components-backdrop": "^3.2.0",
19
19
  "@alfalab/core-components-base-modal": "^5.7.2",
20
- "@alfalab/core-components-navigation-bar": "^0.8.4",
20
+ "@alfalab/core-components-navigation-bar": "^0.8.5",
21
21
  "@alfalab/core-components-shared": "^0.9.1",
22
22
  "classnames": "^2.3.1",
23
23
  "react-div-100vh": "^0.7.0",