@alfalab/core-components-bottom-sheet 6.2.6 → 6.3.0

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 (24) hide show
  1. package/component.js +3 -3
  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/cssm/component.js +2 -2
  7. package/cssm/types.d.ts +4 -0
  8. package/esm/component.js +3 -3
  9. package/esm/components/footer/Component.js +1 -1
  10. package/esm/components/footer/index.css +26 -26
  11. package/esm/components/header/Component.js +1 -1
  12. package/esm/components/header/index.css +13 -13
  13. package/esm/index.css +41 -41
  14. package/esm/types.d.ts +4 -0
  15. package/index.css +41 -41
  16. package/modern/component.js +3 -3
  17. package/modern/components/footer/Component.js +1 -1
  18. package/modern/components/footer/index.css +26 -26
  19. package/modern/components/header/Component.js +1 -1
  20. package/modern/components/header/index.css +13 -13
  21. package/modern/index.css +41 -41
  22. package/modern/types.d.ts +4 -0
  23. package/package.json +2 -2
  24. package/types.d.ts +4 -0
package/modern/index.css CHANGED
@@ -1,4 +1,4 @@
1
- /* hash: 1gwx7 */
1
+ /* hash: 18ok9 */
2
2
  :root {
3
3
  } /* deprecated */ :root {
4
4
  --color-light-bg-accent: #ef3124;
@@ -45,20 +45,20 @@
45
45
  } :root {
46
46
  --bottom-sheet-in-transition: transform 0.5s cubic-bezier(0.09, 0.91, 0.18, 0.99);
47
47
  --bottom-sheet-out-transition: transform 0.3s ease;
48
- } .bottom-sheet__modal_5wnda {
48
+ } .bottom-sheet__modal_rq08n {
49
49
  background-color: transparent;
50
50
  position: fixed;
51
51
  bottom: 0;
52
52
  width: 100%;
53
53
  max-width: 600px;
54
54
  pointer-events: none;
55
- } .bottom-sheet__wrapper_5wnda {
55
+ } .bottom-sheet__wrapper_rq08n {
56
56
  transform: translateY(100%);
57
57
  overflow: hidden;
58
58
  pointer-events: none;
59
59
  border-top-right-radius: var(--border-radius-xl);
60
60
  border-top-left-radius: var(--border-radius-xl);
61
- } .bottom-sheet__component_5wnda {
61
+ } .bottom-sheet__component_rq08n {
62
62
  overflow: hidden;
63
63
  position: relative;
64
64
  display: flex;
@@ -66,16 +66,16 @@
66
66
  border-radius: inherit;
67
67
  background-color: var(--color-light-bg-primary);
68
68
  pointer-events: all;
69
- } .bottom-sheet__withTransition_5wnda {
69
+ } .bottom-sheet__withTransition_rq08n {
70
70
  transition: var(--bottom-sheet-out-transition);
71
- } .bottom-sheet__scrollableContainer_5wnda {
71
+ } .bottom-sheet__scrollableContainer_rq08n {
72
72
  overflow: auto;
73
73
  display: flex;
74
74
  flex-direction: column;
75
75
  position: relative;
76
76
  height: 100%;
77
77
  background-color: inherit;
78
- } .bottom-sheet__marker_5wnda {
78
+ } .bottom-sheet__marker_rq08n {
79
79
  position: fixed;
80
80
  top: var(--gap-2xs);
81
81
  left: 50%;
@@ -85,7 +85,7 @@
85
85
  transform: translateX(-50%);
86
86
  background-color: var(--color-light-graphic-quaternary);
87
87
  z-index: 1000;
88
- } .bottom-sheet__content_5wnda {
88
+ } .bottom-sheet__content_rq08n {
89
89
  position: relative;
90
90
  z-index: 0;
91
91
  display: flex;
@@ -94,73 +94,73 @@
94
94
  padding: 0 var(--gap-m);
95
95
  color: var(--color-light-text-primary);
96
96
  background-color: inherit;
97
- } .bottom-sheet__noHeader_5wnda {
97
+ } .bottom-sheet__noHeader_rq08n {
98
98
  padding-top: var(--gap-m);
99
- } .bottom-sheet__noFooter_5wnda {
99
+ } .bottom-sheet__noFooter_rq08n {
100
100
  padding-bottom: var(--gap-m);
101
- } .bottom-sheet__scrollLocked_5wnda {
101
+ } .bottom-sheet__scrollLocked_rq08n {
102
102
  overflow: hidden;
103
- } .bottom-sheet__hiddenScrollbar_5wnda {
103
+ } .bottom-sheet__hiddenScrollbar_rq08n {
104
104
  scrollbar-width: none
105
- } .bottom-sheet__hiddenScrollbar_5wnda::-webkit-scrollbar {
105
+ } .bottom-sheet__hiddenScrollbar_rq08n::-webkit-scrollbar {
106
106
  width: 0;
107
107
  height: 0;
108
- } .bottom-sheet__disabledPointerEvents_5wnda {
108
+ } .bottom-sheet__disabledPointerEvents_rq08n {
109
109
  pointer-events: none;
110
- } .bottom-sheet__appear_5wnda .bottom-sheet__wrapper_5wnda, .bottom-sheet__enter_5wnda .bottom-sheet__wrapper_5wnda {
110
+ } .bottom-sheet__appear_rq08n .bottom-sheet__wrapper_rq08n, .bottom-sheet__enter_rq08n .bottom-sheet__wrapper_rq08n {
111
111
  transition: none;
112
- } .bottom-sheet__appearActive_5wnda .bottom-sheet__wrapper_5wnda, .bottom-sheet__enterActive_5wnda .bottom-sheet__wrapper_5wnda {
112
+ } .bottom-sheet__appearActive_rq08n .bottom-sheet__wrapper_rq08n, .bottom-sheet__enterActive_rq08n .bottom-sheet__wrapper_rq08n {
113
113
  transition: var(--bottom-sheet-in-transition);
114
114
  transform: translateY(0);
115
- } .bottom-sheet__enterDone_5wnda .bottom-sheet__wrapper_5wnda, .bottom-sheet__appearDone_5wnda .bottom-sheet__wrapper_5wnda {
115
+ } .bottom-sheet__enterDone_rq08n .bottom-sheet__wrapper_rq08n, .bottom-sheet__appearDone_rq08n .bottom-sheet__wrapper_rq08n {
116
116
  transform: translateY(0);
117
- } .bottom-sheet__exit_5wnda .bottom-sheet__wrapper_5wnda {
117
+ } .bottom-sheet__exit_rq08n .bottom-sheet__wrapper_rq08n {
118
118
  transform: translateY(0);
119
- } .bottom-sheet__exitActive_5wnda .bottom-sheet__wrapper_5wnda {
119
+ } .bottom-sheet__exitActive_rq08n .bottom-sheet__wrapper_rq08n {
120
120
  transition: var(--bottom-sheet-out-transition);
121
121
  transform: translateY(100%);
122
- } .bottom-sheet__background-accent_5wnda {
122
+ } .bottom-sheet__background-accent_rq08n {
123
123
  background-color: var(--color-light-bg-accent);
124
- } .bottom-sheet__background-info_5wnda {
124
+ } .bottom-sheet__background-info_rq08n {
125
125
  background-color: var(--color-light-bg-info);
126
- } .bottom-sheet__background-attention-muted_5wnda {
126
+ } .bottom-sheet__background-attention-muted_rq08n {
127
127
  background-color: var(--color-light-bg-attention-muted);
128
- } .bottom-sheet__background-positive-muted_5wnda {
128
+ } .bottom-sheet__background-positive-muted_rq08n {
129
129
  background-color: var(--color-light-bg-positive-muted);
130
- } .bottom-sheet__background-negative-muted_5wnda {
130
+ } .bottom-sheet__background-negative-muted_rq08n {
131
131
  background-color: var(--color-light-bg-negative-muted);
132
- } .bottom-sheet__background-primary_5wnda {
132
+ } .bottom-sheet__background-primary_rq08n {
133
133
  background-color: var(--color-light-bg-primary);
134
- } .bottom-sheet__background-primary-inverted_5wnda {
134
+ } .bottom-sheet__background-primary-inverted_rq08n {
135
135
  background-color: var(--color-light-bg-primary-inverted);
136
- } .bottom-sheet__background-secondary_5wnda {
136
+ } .bottom-sheet__background-secondary_rq08n {
137
137
  background-color: var(--color-light-bg-secondary);
138
- } .bottom-sheet__background-secondary-inverted_5wnda {
138
+ } .bottom-sheet__background-secondary-inverted_rq08n {
139
139
  background-color: var(--color-light-bg-secondary-inverted);
140
- } .bottom-sheet__background-tertiary_5wnda {
140
+ } .bottom-sheet__background-tertiary_rq08n {
141
141
  background-color: var(--color-light-bg-tertiary);
142
- } .bottom-sheet__background-tertiary-inverted_5wnda {
142
+ } .bottom-sheet__background-tertiary-inverted_rq08n {
143
143
  background-color: var(--color-light-bg-tertiary-inverted);
144
- } .bottom-sheet__background-quaternary_5wnda {
144
+ } .bottom-sheet__background-quaternary_rq08n {
145
145
  background-color: var(--color-light-bg-quaternary);
146
- } .bottom-sheet__background-quaternary-inverted_5wnda {
146
+ } .bottom-sheet__background-quaternary-inverted_rq08n {
147
147
  background-color: var(--color-light-bg-quaternary-inverted);
148
- } .bottom-sheet__background-specialbg-component_5wnda {
148
+ } .bottom-sheet__background-specialbg-component_rq08n {
149
149
  background-color: var(--color-light-specialbg-component);
150
- } .bottom-sheet__background-specialbg-component-inverted_5wnda {
150
+ } .bottom-sheet__background-specialbg-component-inverted_rq08n {
151
151
  background-color: var(--color-light-specialbg-component-inverted);
152
- } .bottom-sheet__background-specialbg-primary-grouped_5wnda {
152
+ } .bottom-sheet__background-specialbg-primary-grouped_rq08n {
153
153
  background-color: var(--color-light-specialbg-primary-grouped);
154
- } .bottom-sheet__background-specialbg-secondary-grouped_5wnda {
154
+ } .bottom-sheet__background-specialbg-secondary-grouped_rq08n {
155
155
  background-color: var(--color-light-specialbg-secondary-grouped);
156
- } .bottom-sheet__background-specialbg-tertiary-grouped_5wnda {
156
+ } .bottom-sheet__background-specialbg-tertiary-grouped_rq08n {
157
157
  background-color: var(--color-light-specialbg-tertiary-grouped);
158
- } .bottom-sheet__background-specialbg-secondary-transparent_5wnda {
158
+ } .bottom-sheet__background-specialbg-secondary-transparent_rq08n {
159
159
  background-color: var(--color-light-specialbg-secondary-transparent);
160
- } .bottom-sheet__background-specialbg-secondary-transparent-inverted_5wnda {
160
+ } .bottom-sheet__background-specialbg-secondary-transparent-inverted_rq08n {
161
161
  background-color: var(--color-light-specialbg-secondary-transparent-inverted);
162
- } .bottom-sheet__background-specialbg-tertiary-transparent_5wnda {
162
+ } .bottom-sheet__background-specialbg-tertiary-transparent_rq08n {
163
163
  background-color: var(--color-light-specialbg-tertiary-transparent);
164
- } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_5wnda {
164
+ } .bottom-sheet__background-specialbg-tertiary-transparent-inverted_rq08n {
165
165
  background-color: var(--color-light-specialbg-tertiary-transparent-inverted);
166
166
  }
package/modern/types.d.ts CHANGED
@@ -161,6 +161,10 @@ type BottomSheetProps = {
161
161
  * Отключает блокировку скролла при открытии модального окна
162
162
  */
163
163
  disableBlockingScroll?: boolean;
164
+ /**
165
+ * Отключает ловушку фокуса
166
+ */
167
+ disableFocusLock?: boolean;
164
168
  /**
165
169
  * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
166
170
  * Не анимировать шторку при изменении размера вьюпорта
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@alfalab/core-components-bottom-sheet",
3
- "version": "6.2.6",
3
+ "version": "6.3.0",
4
4
  "description": "Bottom sheet mobile component",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -20,7 +20,7 @@
20
20
  "dependencies": {
21
21
  "@alfalab/core-components-backdrop": "^3.0.6",
22
22
  "@alfalab/core-components-base-modal": "^5.1.3",
23
- "@alfalab/core-components-navigation-bar": "^0.3.4",
23
+ "@alfalab/core-components-navigation-bar": "^0.3.5",
24
24
  "classnames": "^2.3.1",
25
25
  "react-div-100vh": "^0.7.0",
26
26
  "react-merge-refs": "^1.1.0",
package/types.d.ts CHANGED
@@ -161,6 +161,10 @@ type BottomSheetProps = {
161
161
  * Отключает блокировку скролла при открытии модального окна
162
162
  */
163
163
  disableBlockingScroll?: boolean;
164
+ /**
165
+ * Отключает ловушку фокуса
166
+ */
167
+ disableFocusLock?: boolean;
164
168
  /**
165
169
  * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
166
170
  * Не анимировать шторку при изменении размера вьюпорта