@alfalab/core-components-bottom-sheet 6.11.2 → 6.11.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/component.js +1 -1
  2. package/components/footer/Component.js +1 -1
  3. package/components/footer/index.css +43 -43
  4. package/components/header/Component.js +1 -1
  5. package/components/header/index.css +14 -14
  6. package/cssm/components/footer/index.module.css +17 -17
  7. package/cssm/components/header/index.module.css +1 -1
  8. package/cssm/index.module.css +17 -17
  9. package/esm/component.js +1 -1
  10. package/esm/components/footer/Component.js +1 -1
  11. package/esm/components/footer/index.css +43 -43
  12. package/esm/components/header/Component.js +1 -1
  13. package/esm/components/header/index.css +14 -14
  14. package/esm/index.css +60 -60
  15. package/index.css +60 -60
  16. package/modern/component.js +1 -1
  17. package/modern/components/footer/Component.js +1 -1
  18. package/modern/components/footer/index.css +43 -43
  19. package/modern/components/header/Component.js +1 -1
  20. package/modern/components/header/index.css +14 -14
  21. package/modern/index.css +60 -60
  22. package/package.json +4 -4
package/esm/components/header/index.css CHANGED
@@ -1,7 +1,7 @@
1
- /* hash: 7594c */
1
+ /* hash: 1fu0h */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
- --color-light-border-secondary: #e9e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
4
+ --color-light-border-secondary: #e7e8ec; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
5
  } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
6
  } :root {
7
7
  } :root {
@@ -30,42 +30,42 @@
30
30
  --bottom-sheet-title-font-family: var(--font-family-system);
31
31
 
32
32
  /* footer */
33
- } .bottom-sheet__headerWrapper_68phn {
33
+ } .bottom-sheet__headerWrapper_1k4yj {
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_68phn {
38
+ } .bottom-sheet__hasContent_1k4yj {
39
39
  background-color: inherit;
40
- } .bottom-sheet__header_68phn {
40
+ } .bottom-sheet__header_1k4yj {
41
41
  display: flex;
42
- } .bottom-sheet__sticky_68phn {
42
+ } .bottom-sheet__sticky_1k4yj {
43
43
  position: sticky;
44
44
  top: 0;
45
- } .bottom-sheet__highlighted_68phn {
45
+ } .bottom-sheet__highlighted_1k4yj {
46
46
  border-bottom: var(--bottom-sheet-header-border-bottom);
47
- } .bottom-sheet__justifyEnd_68phn {
47
+ } .bottom-sheet__justifyEnd_1k4yj {
48
48
  justify-content: flex-end;
49
- } .bottom-sheet__addon_68phn {
49
+ } .bottom-sheet__addon_1k4yj {
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_68phn {
55
+ } .bottom-sheet__addonFixed_1k4yj {
56
56
  position: fixed;
57
- } .bottom-sheet__title_68phn {
57
+ } .bottom-sheet__title_1k4yj {
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_68phn {
64
+ } .bottom-sheet__titleCenter_1k4yj {
65
65
  text-align: center;
66
- } .bottom-sheet__titleLeft_68phn {
66
+ } .bottom-sheet__titleLeft_1k4yj {
67
67
  text-align: left;
68
- } .bottom-sheet__trimTitle_68phn {
68
+ } .bottom-sheet__trimTitle_1k4yj {
69
69
  white-space: nowrap;
70
70
  overflow: hidden;
71
71
  text-overflow: ellipsis;
package/esm/index.css CHANGED
@@ -1,29 +1,29 @@
1
- /* hash: 1w970 */
1
+ /* hash: sznvr */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-accent: #ef3124;
5
- --color-light-bg-attention-muted: #f7ebd9;
5
+ --color-light-bg-attention-muted: #ffefd9;
6
6
  --color-light-bg-info: #d6e8fc;
7
- --color-light-bg-negative-muted: #fbe8e7;
8
- --color-light-bg-positive-muted: #e7f6ef;
7
+ --color-light-bg-negative-muted: #ffebeb;
8
+ --color-light-bg-positive-muted: #dff8e5;
9
9
  --color-light-bg-primary: #fff;
10
- --color-light-bg-primary-inverted: #121212;
11
- --color-light-bg-quaternary: #dcdcdd;
12
- --color-light-bg-quaternary-inverted: #3a3a3c;
13
- --color-light-bg-secondary: #f3f4f5;
14
- --color-light-bg-secondary-inverted: #202022;
15
- --color-light-bg-tertiary: #e9e9eb;
16
- --color-light-bg-tertiary-inverted: #2c2c2e;
17
- --color-light-graphic-quaternary: #dcdcdd;
10
+ --color-light-bg-primary-inverted: #0e0e0e;
11
+ --color-light-bg-quaternary: #dcdee2;
12
+ --color-light-bg-quaternary-inverted: #36363a;
13
+ --color-light-bg-secondary: #f2f3f5;
14
+ --color-light-bg-secondary-inverted: #1c1c1e;
15
+ --color-light-bg-tertiary: #e7e8ea;
16
+ --color-light-bg-tertiary-inverted: #27272a;
17
+ --color-light-graphic-quaternary: #e7e8ec;
18
18
  --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
19
19
  --color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.1);
20
- --color-light-specialbg-primary-grouped: #f3f4f5;
20
+ --color-light-specialbg-primary-grouped: #f2f3f5;
21
21
  --color-light-specialbg-secondary-grouped: #fff;
22
- --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05);
23
- --color-light-specialbg-secondary-transparent-inverted: rgba(255, 255, 255, 0.06);
24
- --color-light-specialbg-tertiary-grouped: #f3f4f5;
25
- --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1);
26
- --color-light-specialbg-tertiary-transparent-inverted: rgba(255, 255, 255, 0.11);
22
+ --color-light-specialbg-secondary-transparent: rgba(38, 55, 88, 0.06);
23
+ --color-light-specialbg-secondary-transparent-inverted: rgba(214, 214, 229, 0.07);
24
+ --color-light-specialbg-tertiary-grouped: #f2f3f5;
25
+ --color-light-specialbg-tertiary-transparent: rgba(30, 43, 68, 0.08);
26
+ --color-light-specialbg-tertiary-transparent-inverted: rgba(222, 222, 240, 0.12);
27
27
  --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
28
28
  } :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 */
29
29
  } :root {
@@ -51,7 +51,7 @@
51
51
  /* header */
52
52
 
53
53
  /* footer */
54
- } .bottom-sheet__modal_s4kzq {
54
+ } .bottom-sheet__modal_1894n {
55
55
  background-color: transparent;
56
56
  position: fixed;
57
57
  bottom: 0;
@@ -59,16 +59,16 @@
59
59
  max-width: 600px;
60
60
  pointer-events: none;
61
61
  touch-action: none;
62
- } .bottom-sheet__wrapper_s4kzq {
62
+ } .bottom-sheet__wrapper_1894n {
63
63
  transform: translateY(100%);
64
64
  pointer-events: none;
65
65
  touch-action: none;
66
66
  border-top-right-radius: var(--bottom-sheet-top-radius);
67
67
  border-top-left-radius: var(--bottom-sheet-top-radius);
68
68
  transition: border-radius 0.3s ease;
69
- } .bottom-sheet__fullscreen_s4kzq {
69
+ } .bottom-sheet__fullscreen_1894n {
70
70
  border-radius: 0;
71
- } .bottom-sheet__component_s4kzq {
71
+ } .bottom-sheet__component_1894n {
72
72
  position: relative;
73
73
  display: flex;
74
74
  flex-direction: column;
@@ -76,9 +76,9 @@
76
76
  background-color: var(--color-light-bg-primary);
77
77
  pointer-events: all;
78
78
  box-shadow: var(--bottom-sheet-shadow);
79
- } .bottom-sheet__withTransition_s4kzq {
79
+ } .bottom-sheet__withTransition_1894n {
80
80
  transition: var(--bottom-sheet-out-transition);
81
- } .bottom-sheet__scrollableContainer_s4kzq {
81
+ } .bottom-sheet__scrollableContainer_1894n {
82
82
  overflow: auto;
83
83
  display: flex;
84
84
  flex-direction: column;
@@ -87,7 +87,7 @@
87
87
  background-color: inherit;
88
88
  border-radius: inherit;
89
89
  overscroll-behavior: contain;
90
- } .bottom-sheet__marker_s4kzq {
90
+ } .bottom-sheet__marker_1894n {
91
91
  position: fixed;
92
92
  top: var(--gap-2xs);
93
93
  right: 0;
@@ -95,11 +95,11 @@
95
95
  z-index: 1000;
96
96
  width: 36px;
97
97
  margin: 0 auto;
98
- } .bottom-sheet__defaultMarker_s4kzq {
98
+ } .bottom-sheet__defaultMarker_1894n {
99
99
  height: 4px;
100
100
  border-radius: var(--border-radius-xxl);
101
101
  background-color: var(--color-light-graphic-quaternary);
102
- } .bottom-sheet__content_s4kzq {
102
+ } .bottom-sheet__content_1894n {
103
103
  position: relative;
104
104
  z-index: 0;
105
105
  display: flex;
@@ -109,73 +109,73 @@
109
109
  color: var(--color-light-text-primary);
110
110
  background-color: inherit;
111
111
  border-radius: inherit;
112
- } .bottom-sheet__noHeader_s4kzq {
112
+ } .bottom-sheet__noHeader_1894n {
113
113
  padding-top: var(--gap-m);
114
- } .bottom-sheet__noFooter_s4kzq {
114
+ } .bottom-sheet__noFooter_1894n {
115
115
  padding-bottom: var(--gap-m);
116
- } .bottom-sheet__scrollLocked_s4kzq {
116
+ } .bottom-sheet__scrollLocked_1894n {
117
117
  overflow: hidden;
118
- } .bottom-sheet__hiddenScrollbar_s4kzq {
118
+ } .bottom-sheet__hiddenScrollbar_1894n {
119
119
  scrollbar-width: none
120
- } .bottom-sheet__hiddenScrollbar_s4kzq::-webkit-scrollbar {
120
+ } .bottom-sheet__hiddenScrollbar_1894n::-webkit-scrollbar {
121
121
  width: 0;
122
122
  height: 0;
123
- } .bottom-sheet__disabledPointerEvents_s4kzq {
123
+ } .bottom-sheet__disabledPointerEvents_1894n {
124
124
  pointer-events: none;
125
- } .bottom-sheet__appear_s4kzq .bottom-sheet__wrapper_s4kzq, .bottom-sheet__enter_s4kzq .bottom-sheet__wrapper_s4kzq {
125
+ } .bottom-sheet__appear_1894n .bottom-sheet__wrapper_1894n, .bottom-sheet__enter_1894n .bottom-sheet__wrapper_1894n {
126
126
  transition: none;
127
- } .bottom-sheet__appearActive_s4kzq .bottom-sheet__wrapper_s4kzq, .bottom-sheet__enterActive_s4kzq .bottom-sheet__wrapper_s4kzq {
127
+ } .bottom-sheet__appearActive_1894n .bottom-sheet__wrapper_1894n, .bottom-sheet__enterActive_1894n .bottom-sheet__wrapper_1894n {
128
128
  transition: var(--bottom-sheet-in-transition);
129
129
  transform: translateY(0);
130
- } .bottom-sheet__enterDone_s4kzq .bottom-sheet__wrapper_s4kzq, .bottom-sheet__appearDone_s4kzq .bottom-sheet__wrapper_s4kzq {
130
+ } .bottom-sheet__enterDone_1894n .bottom-sheet__wrapper_1894n, .bottom-sheet__appearDone_1894n .bottom-sheet__wrapper_1894n {
131
131
  transform: translateY(0);
132
- } .bottom-sheet__exit_s4kzq .bottom-sheet__wrapper_s4kzq {
132
+ } .bottom-sheet__exit_1894n .bottom-sheet__wrapper_1894n {
133
133
  transform: translateY(0);
134
- } .bottom-sheet__exitActive_s4kzq .bottom-sheet__wrapper_s4kzq {
134
+ } .bottom-sheet__exitActive_1894n .bottom-sheet__wrapper_1894n {
135
135
  transition: var(--bottom-sheet-out-transition);
136
136
  transform: translateY(100%);
137
- } .bottom-sheet__background-accent_s4kzq {
137
+ } .bottom-sheet__background-accent_1894n {
138
138
  background-color: var(--color-light-bg-accent);
139
- } .bottom-sheet__background-info_s4kzq {
139
+ } .bottom-sheet__background-info_1894n {
140
140
  background-color: var(--color-light-bg-info);
141
- } .bottom-sheet__background-attention-muted_s4kzq {
141
+ } .bottom-sheet__background-attention-muted_1894n {
142
142
  background-color: var(--color-light-bg-attention-muted);
143
- } .bottom-sheet__background-positive-muted_s4kzq {
143
+ } .bottom-sheet__background-positive-muted_1894n {
144
144
  background-color: var(--color-light-bg-positive-muted);
145
- } .bottom-sheet__background-negative-muted_s4kzq {
145
+ } .bottom-sheet__background-negative-muted_1894n {
146
146
  background-color: var(--color-light-bg-negative-muted);
147
- } .bottom-sheet__background-primary_s4kzq {
147
+ } .bottom-sheet__background-primary_1894n {
148
148
  background-color: var(--color-light-bg-primary);
149
- } .bottom-sheet__background-primary-inverted_s4kzq {
149
+ } .bottom-sheet__background-primary-inverted_1894n {
150
150
  background-color: var(--color-light-bg-primary-inverted);
151
- } .bottom-sheet__background-secondary_s4kzq {
151
+ } .bottom-sheet__background-secondary_1894n {
152
152
  background-color: var(--color-light-bg-secondary);
153
- } .bottom-sheet__background-secondary-inverted_s4kzq {
153
+ } .bottom-sheet__background-secondary-inverted_1894n {
154
154
  background-color: var(--color-light-bg-secondary-inverted);
155
- } .bottom-sheet__background-tertiary_s4kzq {
155
+ } .bottom-sheet__background-tertiary_1894n {
156
156
  background-color: var(--color-light-bg-tertiary);
157
- } .bottom-sheet__background-tertiary-inverted_s4kzq {
157
+ } .bottom-sheet__background-tertiary-inverted_1894n {
158
158
  background-color: var(--color-light-bg-tertiary-inverted);
159
- } .bottom-sheet__background-quaternary_s4kzq {
159
+ } .bottom-sheet__background-quaternary_1894n {
160
160
  background-color: var(--color-light-bg-quaternary);
161
- } .bottom-sheet__background-quaternary-inverted_s4kzq {
161
+ } .bottom-sheet__background-quaternary-inverted_1894n {
162
162
  background-color: var(--color-light-bg-quaternary-inverted);
163
- } .bottom-sheet__background-specialbg-component_s4kzq {
163
+ } .bottom-sheet__background-specialbg-component_1894n {
164
164
  background-color: var(--color-light-specialbg-component);
165
- } .bottom-sheet__background-specialbg-component-inverted_s4kzq {
165
+ } .bottom-sheet__background-specialbg-component-inverted_1894n {
166
166
  background-color: var(--color-light-specialbg-component-inverted);
167
- } .bottom-sheet__background-specialbg-primary-grouped_s4kzq {
167
+ } .bottom-sheet__background-specialbg-primary-grouped_1894n {
168
168
  background-color: var(--color-light-specialbg-primary-grouped);
169
- } .bottom-sheet__background-specialbg-secondary-grouped_s4kzq {
169
+ } .bottom-sheet__background-specialbg-secondary-grouped_1894n {
170
170
  background-color: var(--color-light-specialbg-secondary-grouped);
171
- } .bottom-sheet__background-specialbg-tertiary-grouped_s4kzq {
171
+ } .bottom-sheet__background-specialbg-tertiary-grouped_1894n {
172
172
  background-color: var(--color-light-specialbg-tertiary-grouped);
173
- } .bottom-sheet__background-specialbg-secondary-transparent_s4kzq {
173
+ } .bottom-sheet__background-specialbg-secondary-transparent_1894n {
174
174
  background-color: var(--color-light-specialbg-secondary-transparent);
175
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_s4kzq {
175
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1894n {
176
176
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
177
- } .bottom-sheet__background-specialbg-tertiary-transparent_s4kzq {
177
+ } .bottom-sheet__background-specialbg-tertiary-transparent_1894n {
178
178
  background-color: var(--color-light-specialbg-tertiary-transparent);
179
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_s4kzq {
179
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1894n {
180
180
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
181
181
  }
package/index.css CHANGED
@@ -1,29 +1,29 @@
1
- /* hash: 1w970 */
1
+ /* hash: sznvr */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-accent: #ef3124;
5
- --color-light-bg-attention-muted: #f7ebd9;
5
+ --color-light-bg-attention-muted: #ffefd9;
6
6
  --color-light-bg-info: #d6e8fc;
7
- --color-light-bg-negative-muted: #fbe8e7;
8
- --color-light-bg-positive-muted: #e7f6ef;
7
+ --color-light-bg-negative-muted: #ffebeb;
8
+ --color-light-bg-positive-muted: #dff8e5;
9
9
  --color-light-bg-primary: #fff;
10
- --color-light-bg-primary-inverted: #121212;
11
- --color-light-bg-quaternary: #dcdcdd;
12
- --color-light-bg-quaternary-inverted: #3a3a3c;
13
- --color-light-bg-secondary: #f3f4f5;
14
- --color-light-bg-secondary-inverted: #202022;
15
- --color-light-bg-tertiary: #e9e9eb;
16
- --color-light-bg-tertiary-inverted: #2c2c2e;
17
- --color-light-graphic-quaternary: #dcdcdd;
10
+ --color-light-bg-primary-inverted: #0e0e0e;
11
+ --color-light-bg-quaternary: #dcdee2;
12
+ --color-light-bg-quaternary-inverted: #36363a;
13
+ --color-light-bg-secondary: #f2f3f5;
14
+ --color-light-bg-secondary-inverted: #1c1c1e;
15
+ --color-light-bg-tertiary: #e7e8ea;
16
+ --color-light-bg-tertiary-inverted: #27272a;
17
+ --color-light-graphic-quaternary: #e7e8ec;
18
18
  --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
19
19
  --color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.1);
20
- --color-light-specialbg-primary-grouped: #f3f4f5;
20
+ --color-light-specialbg-primary-grouped: #f2f3f5;
21
21
  --color-light-specialbg-secondary-grouped: #fff;
22
- --color-light-specialbg-secondary-transparent: rgba(11, 31, 53, 0.05);
23
- --color-light-specialbg-secondary-transparent-inverted: rgba(255, 255, 255, 0.06);
24
- --color-light-specialbg-tertiary-grouped: #f3f4f5;
25
- --color-light-specialbg-tertiary-transparent: rgba(11, 31, 53, 0.1);
26
- --color-light-specialbg-tertiary-transparent-inverted: rgba(255, 255, 255, 0.11);
22
+ --color-light-specialbg-secondary-transparent: rgba(38, 55, 88, 0.06);
23
+ --color-light-specialbg-secondary-transparent-inverted: rgba(214, 214, 229, 0.07);
24
+ --color-light-specialbg-tertiary-grouped: #f2f3f5;
25
+ --color-light-specialbg-tertiary-transparent: rgba(30, 43, 68, 0.08);
26
+ --color-light-specialbg-tertiary-transparent-inverted: rgba(222, 222, 240, 0.12);
27
27
  --color-light-text-primary: #0e0e0e; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
28
28
  } :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 */
29
29
  } :root {
@@ -51,7 +51,7 @@
51
51
  /* header */
52
52
 
53
53
  /* footer */
54
- } .bottom-sheet__modal_s4kzq {
54
+ } .bottom-sheet__modal_1894n {
55
55
  background-color: transparent;
56
56
  position: fixed;
57
57
  bottom: 0;
@@ -59,16 +59,16 @@
59
59
  max-width: 600px;
60
60
  pointer-events: none;
61
61
  touch-action: none;
62
- } .bottom-sheet__wrapper_s4kzq {
62
+ } .bottom-sheet__wrapper_1894n {
63
63
  transform: translateY(100%);
64
64
  pointer-events: none;
65
65
  touch-action: none;
66
66
  border-top-right-radius: var(--bottom-sheet-top-radius);
67
67
  border-top-left-radius: var(--bottom-sheet-top-radius);
68
68
  transition: border-radius 0.3s ease;
69
- } .bottom-sheet__fullscreen_s4kzq {
69
+ } .bottom-sheet__fullscreen_1894n {
70
70
  border-radius: 0;
71
- } .bottom-sheet__component_s4kzq {
71
+ } .bottom-sheet__component_1894n {
72
72
  position: relative;
73
73
  display: flex;
74
74
  flex-direction: column;
@@ -76,9 +76,9 @@
76
76
  background-color: var(--color-light-bg-primary);
77
77
  pointer-events: all;
78
78
  box-shadow: var(--bottom-sheet-shadow);
79
- } .bottom-sheet__withTransition_s4kzq {
79
+ } .bottom-sheet__withTransition_1894n {
80
80
  transition: var(--bottom-sheet-out-transition);
81
- } .bottom-sheet__scrollableContainer_s4kzq {
81
+ } .bottom-sheet__scrollableContainer_1894n {
82
82
  overflow: auto;
83
83
  display: flex;
84
84
  flex-direction: column;
@@ -87,7 +87,7 @@
87
87
  background-color: inherit;
88
88
  border-radius: inherit;
89
89
  overscroll-behavior: contain;
90
- } .bottom-sheet__marker_s4kzq {
90
+ } .bottom-sheet__marker_1894n {
91
91
  position: fixed;
92
92
  top: var(--gap-2xs);
93
93
  right: 0;
@@ -95,11 +95,11 @@
95
95
  z-index: 1000;
96
96
  width: 36px;
97
97
  margin: 0 auto;
98
- } .bottom-sheet__defaultMarker_s4kzq {
98
+ } .bottom-sheet__defaultMarker_1894n {
99
99
  height: 4px;
100
100
  border-radius: var(--border-radius-xxl);
101
101
  background-color: var(--color-light-graphic-quaternary);
102
- } .bottom-sheet__content_s4kzq {
102
+ } .bottom-sheet__content_1894n {
103
103
  position: relative;
104
104
  z-index: 0;
105
105
  display: flex;
@@ -109,73 +109,73 @@
109
109
  color: var(--color-light-text-primary);
110
110
  background-color: inherit;
111
111
  border-radius: inherit;
112
- } .bottom-sheet__noHeader_s4kzq {
112
+ } .bottom-sheet__noHeader_1894n {
113
113
  padding-top: var(--gap-m);
114
- } .bottom-sheet__noFooter_s4kzq {
114
+ } .bottom-sheet__noFooter_1894n {
115
115
  padding-bottom: var(--gap-m);
116
- } .bottom-sheet__scrollLocked_s4kzq {
116
+ } .bottom-sheet__scrollLocked_1894n {
117
117
  overflow: hidden;
118
- } .bottom-sheet__hiddenScrollbar_s4kzq {
118
+ } .bottom-sheet__hiddenScrollbar_1894n {
119
119
  scrollbar-width: none
120
- } .bottom-sheet__hiddenScrollbar_s4kzq::-webkit-scrollbar {
120
+ } .bottom-sheet__hiddenScrollbar_1894n::-webkit-scrollbar {
121
121
  width: 0;
122
122
  height: 0;
123
- } .bottom-sheet__disabledPointerEvents_s4kzq {
123
+ } .bottom-sheet__disabledPointerEvents_1894n {
124
124
  pointer-events: none;
125
- } .bottom-sheet__appear_s4kzq .bottom-sheet__wrapper_s4kzq, .bottom-sheet__enter_s4kzq .bottom-sheet__wrapper_s4kzq {
125
+ } .bottom-sheet__appear_1894n .bottom-sheet__wrapper_1894n, .bottom-sheet__enter_1894n .bottom-sheet__wrapper_1894n {
126
126
  transition: none;
127
- } .bottom-sheet__appearActive_s4kzq .bottom-sheet__wrapper_s4kzq, .bottom-sheet__enterActive_s4kzq .bottom-sheet__wrapper_s4kzq {
127
+ } .bottom-sheet__appearActive_1894n .bottom-sheet__wrapper_1894n, .bottom-sheet__enterActive_1894n .bottom-sheet__wrapper_1894n {
128
128
  transition: var(--bottom-sheet-in-transition);
129
129
  transform: translateY(0);
130
- } .bottom-sheet__enterDone_s4kzq .bottom-sheet__wrapper_s4kzq, .bottom-sheet__appearDone_s4kzq .bottom-sheet__wrapper_s4kzq {
130
+ } .bottom-sheet__enterDone_1894n .bottom-sheet__wrapper_1894n, .bottom-sheet__appearDone_1894n .bottom-sheet__wrapper_1894n {
131
131
  transform: translateY(0);
132
- } .bottom-sheet__exit_s4kzq .bottom-sheet__wrapper_s4kzq {
132
+ } .bottom-sheet__exit_1894n .bottom-sheet__wrapper_1894n {
133
133
  transform: translateY(0);
134
- } .bottom-sheet__exitActive_s4kzq .bottom-sheet__wrapper_s4kzq {
134
+ } .bottom-sheet__exitActive_1894n .bottom-sheet__wrapper_1894n {
135
135
  transition: var(--bottom-sheet-out-transition);
136
136
  transform: translateY(100%);
137
- } .bottom-sheet__background-accent_s4kzq {
137
+ } .bottom-sheet__background-accent_1894n {
138
138
  background-color: var(--color-light-bg-accent);
139
- } .bottom-sheet__background-info_s4kzq {
139
+ } .bottom-sheet__background-info_1894n {
140
140
  background-color: var(--color-light-bg-info);
141
- } .bottom-sheet__background-attention-muted_s4kzq {
141
+ } .bottom-sheet__background-attention-muted_1894n {
142
142
  background-color: var(--color-light-bg-attention-muted);
143
- } .bottom-sheet__background-positive-muted_s4kzq {
143
+ } .bottom-sheet__background-positive-muted_1894n {
144
144
  background-color: var(--color-light-bg-positive-muted);
145
- } .bottom-sheet__background-negative-muted_s4kzq {
145
+ } .bottom-sheet__background-negative-muted_1894n {
146
146
  background-color: var(--color-light-bg-negative-muted);
147
- } .bottom-sheet__background-primary_s4kzq {
147
+ } .bottom-sheet__background-primary_1894n {
148
148
  background-color: var(--color-light-bg-primary);
149
- } .bottom-sheet__background-primary-inverted_s4kzq {
149
+ } .bottom-sheet__background-primary-inverted_1894n {
150
150
  background-color: var(--color-light-bg-primary-inverted);
151
- } .bottom-sheet__background-secondary_s4kzq {
151
+ } .bottom-sheet__background-secondary_1894n {
152
152
  background-color: var(--color-light-bg-secondary);
153
- } .bottom-sheet__background-secondary-inverted_s4kzq {
153
+ } .bottom-sheet__background-secondary-inverted_1894n {
154
154
  background-color: var(--color-light-bg-secondary-inverted);
155
- } .bottom-sheet__background-tertiary_s4kzq {
155
+ } .bottom-sheet__background-tertiary_1894n {
156
156
  background-color: var(--color-light-bg-tertiary);
157
- } .bottom-sheet__background-tertiary-inverted_s4kzq {
157
+ } .bottom-sheet__background-tertiary-inverted_1894n {
158
158
  background-color: var(--color-light-bg-tertiary-inverted);
159
- } .bottom-sheet__background-quaternary_s4kzq {
159
+ } .bottom-sheet__background-quaternary_1894n {
160
160
  background-color: var(--color-light-bg-quaternary);
161
- } .bottom-sheet__background-quaternary-inverted_s4kzq {
161
+ } .bottom-sheet__background-quaternary-inverted_1894n {
162
162
  background-color: var(--color-light-bg-quaternary-inverted);
163
- } .bottom-sheet__background-specialbg-component_s4kzq {
163
+ } .bottom-sheet__background-specialbg-component_1894n {
164
164
  background-color: var(--color-light-specialbg-component);
165
- } .bottom-sheet__background-specialbg-component-inverted_s4kzq {
165
+ } .bottom-sheet__background-specialbg-component-inverted_1894n {
166
166
  background-color: var(--color-light-specialbg-component-inverted);
167
- } .bottom-sheet__background-specialbg-primary-grouped_s4kzq {
167
+ } .bottom-sheet__background-specialbg-primary-grouped_1894n {
168
168
  background-color: var(--color-light-specialbg-primary-grouped);
169
- } .bottom-sheet__background-specialbg-secondary-grouped_s4kzq {
169
+ } .bottom-sheet__background-specialbg-secondary-grouped_1894n {
170
170
  background-color: var(--color-light-specialbg-secondary-grouped);
171
- } .bottom-sheet__background-specialbg-tertiary-grouped_s4kzq {
171
+ } .bottom-sheet__background-specialbg-tertiary-grouped_1894n {
172
172
  background-color: var(--color-light-specialbg-tertiary-grouped);
173
- } .bottom-sheet__background-specialbg-secondary-transparent_s4kzq {
173
+ } .bottom-sheet__background-specialbg-secondary-transparent_1894n {
174
174
  background-color: var(--color-light-specialbg-secondary-transparent);
175
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_s4kzq {
175
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_1894n {
176
176
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
177
- } .bottom-sheet__background-specialbg-tertiary-transparent_s4kzq {
177
+ } .bottom-sheet__background-specialbg-tertiary-transparent_1894n {
178
178
  background-color: var(--color-light-specialbg-tertiary-transparent);
179
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_s4kzq {
179
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_1894n {
180
180
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
181
181
  }
package/modern/component.js CHANGED
@@ -12,7 +12,7 @@ import { convertPercentToNumber, TIMEOUT, MARKER_HEIGHT, SCROLL_OFFSET, SWIPE_VE
12
12
  import '@alfalab/core-components-navigation-bar/modern';
13
13
  import '@alfalab/core-components-backdrop/modern';
14
14
 
15
- const styles = {"modal":"bottom-sheet__modal_s4kzq","wrapper":"bottom-sheet__wrapper_s4kzq","fullscreen":"bottom-sheet__fullscreen_s4kzq","component":"bottom-sheet__component_s4kzq","withTransition":"bottom-sheet__withTransition_s4kzq","scrollableContainer":"bottom-sheet__scrollableContainer_s4kzq","marker":"bottom-sheet__marker_s4kzq","defaultMarker":"bottom-sheet__defaultMarker_s4kzq","content":"bottom-sheet__content_s4kzq","noHeader":"bottom-sheet__noHeader_s4kzq","noFooter":"bottom-sheet__noFooter_s4kzq","scrollLocked":"bottom-sheet__scrollLocked_s4kzq","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_s4kzq","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_s4kzq","appear":"bottom-sheet__appear_s4kzq","enter":"bottom-sheet__enter_s4kzq","appearActive":"bottom-sheet__appearActive_s4kzq","enterActive":"bottom-sheet__enterActive_s4kzq","enterDone":"bottom-sheet__enterDone_s4kzq","appearDone":"bottom-sheet__appearDone_s4kzq","exit":"bottom-sheet__exit_s4kzq","exitActive":"bottom-sheet__exitActive_s4kzq","background-accent":"bottom-sheet__background-accent_s4kzq","background-info":"bottom-sheet__background-info_s4kzq","background-attention-muted":"bottom-sheet__background-attention-muted_s4kzq","background-positive-muted":"bottom-sheet__background-positive-muted_s4kzq","background-negative-muted":"bottom-sheet__background-negative-muted_s4kzq","background-primary":"bottom-sheet__background-primary_s4kzq","background-primary-inverted":"bottom-sheet__background-primary-inverted_s4kzq","background-secondary":"bottom-sheet__background-secondary_s4kzq","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_s4kzq","background-tertiary":"bottom-sheet__background-tertiary_s4kzq","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_s4kzq","background-quaternary":"bottom-sheet__background-quaternary_s4kzq","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_s4kzq","background-specialbg-component":"bottom-sheet__background-specialbg-component_s4kzq","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_s4kzq","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_s4kzq","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_s4kzq","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_s4kzq","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_s4kzq","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_s4kzq","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_s4kzq","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_s4kzq"};
15
+ const styles = {"modal":"bottom-sheet__modal_1894n","wrapper":"bottom-sheet__wrapper_1894n","fullscreen":"bottom-sheet__fullscreen_1894n","component":"bottom-sheet__component_1894n","withTransition":"bottom-sheet__withTransition_1894n","scrollableContainer":"bottom-sheet__scrollableContainer_1894n","marker":"bottom-sheet__marker_1894n","defaultMarker":"bottom-sheet__defaultMarker_1894n","content":"bottom-sheet__content_1894n","noHeader":"bottom-sheet__noHeader_1894n","noFooter":"bottom-sheet__noFooter_1894n","scrollLocked":"bottom-sheet__scrollLocked_1894n","hiddenScrollbar":"bottom-sheet__hiddenScrollbar_1894n","disabledPointerEvents":"bottom-sheet__disabledPointerEvents_1894n","appear":"bottom-sheet__appear_1894n","enter":"bottom-sheet__enter_1894n","appearActive":"bottom-sheet__appearActive_1894n","enterActive":"bottom-sheet__enterActive_1894n","enterDone":"bottom-sheet__enterDone_1894n","appearDone":"bottom-sheet__appearDone_1894n","exit":"bottom-sheet__exit_1894n","exitActive":"bottom-sheet__exitActive_1894n","background-accent":"bottom-sheet__background-accent_1894n","background-info":"bottom-sheet__background-info_1894n","background-attention-muted":"bottom-sheet__background-attention-muted_1894n","background-positive-muted":"bottom-sheet__background-positive-muted_1894n","background-negative-muted":"bottom-sheet__background-negative-muted_1894n","background-primary":"bottom-sheet__background-primary_1894n","background-primary-inverted":"bottom-sheet__background-primary-inverted_1894n","background-secondary":"bottom-sheet__background-secondary_1894n","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_1894n","background-tertiary":"bottom-sheet__background-tertiary_1894n","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_1894n","background-quaternary":"bottom-sheet__background-quaternary_1894n","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_1894n","background-specialbg-component":"bottom-sheet__background-specialbg-component_1894n","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_1894n","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_1894n","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_1894n","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_1894n","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_1894n","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_1894n","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_1894n","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_1894n"};
16
16
  require('./index.css')
17
17
 
18
18
  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_jxytq","sticky":"bottom-sheet__sticky_jxytq","highlighted":"bottom-sheet__highlighted_jxytq","background-accent":"bottom-sheet__background-accent_jxytq","background-info":"bottom-sheet__background-info_jxytq","background-attention-muted":"bottom-sheet__background-attention-muted_jxytq","background-positive-muted":"bottom-sheet__background-positive-muted_jxytq","background-negative-muted":"bottom-sheet__background-negative-muted_jxytq","background-primary":"bottom-sheet__background-primary_jxytq","background-primary-inverted":"bottom-sheet__background-primary-inverted_jxytq","background-secondary":"bottom-sheet__background-secondary_jxytq","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_jxytq","background-tertiary":"bottom-sheet__background-tertiary_jxytq","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_jxytq","background-quaternary":"bottom-sheet__background-quaternary_jxytq","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_jxytq","background-specialbg-component":"bottom-sheet__background-specialbg-component_jxytq","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_jxytq","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_jxytq","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_jxytq","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_jxytq","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_jxytq","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_jxytq","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_jxytq","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_jxytq"};
5
+ const styles = {"footer":"bottom-sheet__footer_agpuo","sticky":"bottom-sheet__sticky_agpuo","highlighted":"bottom-sheet__highlighted_agpuo","background-accent":"bottom-sheet__background-accent_agpuo","background-info":"bottom-sheet__background-info_agpuo","background-attention-muted":"bottom-sheet__background-attention-muted_agpuo","background-positive-muted":"bottom-sheet__background-positive-muted_agpuo","background-negative-muted":"bottom-sheet__background-negative-muted_agpuo","background-primary":"bottom-sheet__background-primary_agpuo","background-primary-inverted":"bottom-sheet__background-primary-inverted_agpuo","background-secondary":"bottom-sheet__background-secondary_agpuo","background-secondary-inverted":"bottom-sheet__background-secondary-inverted_agpuo","background-tertiary":"bottom-sheet__background-tertiary_agpuo","background-tertiary-inverted":"bottom-sheet__background-tertiary-inverted_agpuo","background-quaternary":"bottom-sheet__background-quaternary_agpuo","background-quaternary-inverted":"bottom-sheet__background-quaternary-inverted_agpuo","background-specialbg-component":"bottom-sheet__background-specialbg-component_agpuo","background-specialbg-component-inverted":"bottom-sheet__background-specialbg-component-inverted_agpuo","background-specialbg-primary-grouped":"bottom-sheet__background-specialbg-primary-grouped_agpuo","background-specialbg-secondary-grouped":"bottom-sheet__background-specialbg-secondary-grouped_agpuo","background-specialbg-tertiary-grouped":"bottom-sheet__background-specialbg-tertiary-grouped_agpuo","background-specialbg-secondary-transparent":"bottom-sheet__background-specialbg-secondary-transparent_agpuo","background-specialbg-secondary-transparent-inverted":"bottom-sheet__background-specialbg-secondary-transparent-inverted_agpuo","background-specialbg-tertiary-transparent":"bottom-sheet__background-specialbg-tertiary-transparent_agpuo","background-specialbg-tertiary-transparent-inverted":"bottom-sheet__background-specialbg-tertiary-transparent-inverted_agpuo"};
6
6
  require('./index.css')
7
7
 
8
8
  const Footer = ({ children, className, sticky }) => {