mimir-ui-kit 1.43.11 → 1.43.12
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.
- package/dist/Input-BU_6U1CW.js +227 -0
- package/dist/assets/Accordion.css +1 -1
- package/dist/assets/AccordionItem.css +1 -1
- package/dist/assets/Avatar.css +1 -1
- package/dist/assets/Button.css +1 -1
- package/dist/assets/CheckboxMimir.css +1 -1
- package/dist/assets/Chip.css +1 -1
- package/dist/assets/ClearButton.css +1 -0
- package/dist/assets/Drawer.css +1 -1
- package/dist/assets/GosZnak.css +1 -1
- package/dist/assets/Input.css +1 -1
- package/dist/assets/InputPassword.css +1 -1
- package/dist/assets/InputRangeSlider.css +1 -1
- package/dist/assets/Link.css +1 -1
- package/dist/assets/ListFiles.css +1 -1
- package/dist/assets/ListPhotos.css +1 -1
- package/dist/assets/MessageShortReply.css +1 -1
- package/dist/assets/MultiSelectSearch.css +1 -1
- package/dist/assets/NotificationBadge.css +1 -1
- package/dist/assets/OtpInput.css +1 -1
- package/dist/assets/Pagination.css +1 -1
- package/dist/assets/SelectSearch.css +1 -1
- package/dist/assets/hooks.css +1 -1
- package/dist/assets/index.css +1 -1
- package/dist/assets/styles.css +1 -1
- package/dist/components/Accordion/Accordion.d.ts +3 -10
- package/dist/components/Accordion/Accordion.js +212 -286
- package/dist/components/Accordion/AccordionItem/AccordionItem.js +3 -3
- package/dist/components/Accordion/constants.d.ts +4 -0
- package/dist/components/Accordion/constants.js +5 -4
- package/dist/components/AnchorLink/Link.js +20 -21
- package/dist/components/Avatar/Avatar.js +26 -26
- package/dist/components/Button/Button.js +87 -110
- package/dist/components/Button/constants.d.ts +2 -8
- package/dist/components/Button/constants.js +5 -6
- package/dist/components/CheckboxMimir/CheckboxMimir.d.ts +0 -2
- package/dist/components/CheckboxMimir/CheckboxMimir.js +35 -37
- package/dist/components/Chip/Chip.js +17 -17
- package/dist/components/DatePicker/DatePicker.d.ts +0 -8
- package/dist/components/DatePicker/DatePicker.js +169 -182
- package/dist/components/DatePicker/DatePickerModal.js +98 -134
- package/dist/components/DatePicker/MonthPickerModal.js +95 -115
- package/dist/components/DatePicker/YearPickerModal.js +89 -109
- package/dist/components/DatePicker/constants.d.ts +1 -1
- package/dist/components/DatePicker/constants.js +7 -6
- package/dist/components/DatePicker/hooks.d.ts +1 -2
- package/dist/components/DatePicker/hooks.js +13 -13
- package/dist/components/Drawer/Drawer.js +138 -172
- package/dist/components/Dropdown/Dropdown.js +1 -1
- package/dist/components/Dropdown/hooks.js +1 -1
- package/dist/components/GosZnak/GosZnak.js +38 -47
- package/dist/components/Input/Input.d.ts +0 -4
- package/dist/components/Input/Input.js +2 -2
- package/dist/components/Input/index.js +1 -1
- package/dist/components/{MiniButton/MiniButton.d.ts → InputClearButton/ClearButton.d.ts} +8 -17
- package/dist/components/InputClearButton/ClearButton.js +41 -0
- package/dist/components/InputClearButton/constants.d.ts +8 -0
- package/dist/components/InputClearButton/constants.js +5 -0
- package/dist/components/InputClearButton/index.d.ts +4 -0
- package/dist/components/InputClearButton/index.js +6 -0
- package/dist/components/InputPassword/InputPassword.js +42 -38
- package/dist/components/InputPhoneNumber/InputPhoneNumber.js +1 -1
- package/dist/components/InputRangeSlider/InputRangeSlider.js +139 -159
- package/dist/components/InputRangeSlider/constants.d.ts +0 -5
- package/dist/components/InputRangeSlider/constants.js +6 -11
- package/dist/components/ListFiles/ListFiles.js +39 -41
- package/dist/components/ListPhotos/ListPhotos.js +18 -17
- package/dist/components/MessageShortReply/MessageShortReply.js +34 -34
- package/dist/components/MultiSelectSearch/MultiSelectSearch.js +152 -153
- package/dist/components/MultiSelectSearch/constants.d.ts +0 -1
- package/dist/components/MultiSelectSearch/constants.js +7 -7
- package/dist/components/MultiSelectSearch/utils.d.ts +1 -1
- package/dist/components/MultiSelectSearch/utils.js +16 -18
- package/dist/components/NotificationBadge/NotificationBadge.js +33 -49
- package/dist/components/NotificationBadge/constants.d.ts +2 -9
- package/dist/components/NotificationBadge/constants.js +2 -3
- package/dist/components/NotificationBadge/types.d.ts +1 -11
- package/dist/components/OtpInput/OtpInput.js +40 -44
- package/dist/components/OtpInput/constants.d.ts +0 -4
- package/dist/components/OtpInput/constants.js +4 -6
- package/dist/components/OtpInput/index.d.ts +0 -1
- package/dist/components/OtpInput/index.js +0 -2
- package/dist/components/Pagination/Pagination.js +23 -23
- package/dist/components/SelectSearch/SelectSearch.js +241 -241
- package/dist/components/SelectSearch/utils.d.ts +1 -1
- package/dist/components/SelectSearch/utils.js +1 -1
- package/dist/components/Slider/Slider.d.ts +5 -1
- package/dist/components/Slider/Slider.js +36 -34
- package/dist/components/TextArea/TextArea.js +1 -1
- package/dist/components/index.d.ts +1 -3
- package/dist/components/index.js +51 -55
- package/dist/hooks-HgN6Yauq.js +117 -0
- package/dist/icons/Icon.js +1 -1
- package/dist/icons/components/64px/AdvancePaymentDiscount64px.js +59 -0
- package/dist/icons/components/64px/AtsVendors64px.js +37 -0
- package/dist/icons/components/64px/ButtonOn64px.js +31 -0
- package/dist/icons/components/64px/BuyoutAuto64px.js +45 -0
- package/dist/icons/components/64px/CarAssistance64px.js +44 -0
- package/dist/icons/components/64px/CarDelivery64px.js +37 -0
- package/dist/icons/components/64px/CarSearchReturn64px.js +45 -0
- package/dist/icons/components/64px/CarService64px.js +37 -0
- package/dist/icons/components/64px/Case64px.js +33 -0
- package/dist/icons/components/64px/CoatOfArms64px.js +149 -0
- package/dist/icons/components/64px/CoffeeCup64px.js +44 -0
- package/dist/icons/components/64px/Cup64px.js +38 -0
- package/dist/icons/components/64px/ExpertAdvice64px.js +40 -0
- package/dist/icons/components/64px/Fines64px.js +88 -0
- package/dist/icons/components/64px/Fuel64px.js +38 -0
- package/dist/icons/components/64px/GazprombankIcon24px.js +21 -0
- package/dist/icons/components/64px/Kasko64px.js +44 -0
- package/dist/icons/components/64px/LegalSupport64px.js +58 -0
- package/dist/icons/components/64px/Microphone64px.js +37 -0
- package/dist/icons/components/64px/Money64px.js +60 -0
- package/dist/icons/components/64px/PaymentSchedule64px.js +39 -0
- package/dist/icons/components/64px/PersonalManager64px.js +100 -0
- package/dist/icons/components/64px/PreApproval64px.js +44 -0
- package/dist/icons/components/64px/Questions64px.js +37 -0
- package/dist/icons/components/64px/SupportGeography64px.js +51 -0
- package/dist/icons/components/64px/Timer64px.js +45 -0
- package/dist/icons/components/64px/Twogis64px.js +51 -0
- package/dist/icons/components/64px/Vehicles64px.js +45 -0
- package/dist/icons/components/64px/Workplace64px.js +38 -0
- package/dist/icons/components/index.js +591 -564
- package/dist/{index-DrVFMaBi.js → index-C2dQUuc9.js} +1346 -1184
- package/dist/index.js +69 -73
- package/dist/styles.module-Cuqm31CO.js +28 -0
- package/package.json +1 -1
- package/dist/Input-CGZoshMl.js +0 -224
- package/dist/assets/CarBodyButton.css +0 -1
- package/dist/assets/MiniButton.css +0 -1
- package/dist/assets/RoundButton.css +0 -1
- package/dist/assets/ScrollWrapper.css +0 -1
- package/dist/components/CarBodyButton/CarBodyButton.d.ts +0 -26
- package/dist/components/CarBodyButton/CarBodyButton.js +0 -40
- package/dist/components/CarBodyButton/index.d.ts +0 -1
- package/dist/components/CarBodyButton/index.js +0 -4
- package/dist/components/Drawer/ScrollWrapper/ScrollWrapper.d.ts +0 -11
- package/dist/components/Drawer/ScrollWrapper/ScrollWrapper.js +0 -27
- package/dist/components/GosZnak/utils.d.ts +0 -6
- package/dist/components/GosZnak/utils.js +0 -15
- package/dist/components/MiniButton/MiniButton.js +0 -44
- package/dist/components/MiniButton/constants.d.ts +0 -9
- package/dist/components/MiniButton/constants.js +0 -5
- package/dist/components/MiniButton/index.d.ts +0 -4
- package/dist/components/MiniButton/index.js +0 -6
- package/dist/components/NotificationBadge/utils.d.ts +0 -8
- package/dist/components/NotificationBadge/utils.js +0 -4
- package/dist/components/RoundButton/RoundButton.d.ts +0 -82
- package/dist/components/RoundButton/RoundButton.js +0 -69
- package/dist/components/RoundButton/constants.d.ts +0 -11
- package/dist/components/RoundButton/constants.js +0 -5
- package/dist/components/RoundButton/index.d.ts +0 -2
- package/dist/components/RoundButton/index.js +0 -7
- package/dist/components/RoundButton/types.d.ts +0 -20
- package/dist/hooks-Cd4Ez6_j.js +0 -117
- package/dist/icons/components/16px/DropdownArrowDown16px.js +0 -23
- package/dist/icons/components/24px/EyeClosed24px.js +0 -65
- package/dist/styles.module-BfkM1-KJ.js +0 -32
package/dist/index.js
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
import { Button as e } from "./components/Button/Button.js";
|
2
2
|
import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as m, EButtonVariantDefault as i, EButtonVariantOutline as f, EButtonVariantRound as x } from "./components/Button/constants.js";
|
3
|
-
import { I as l } from "./Input-
|
4
|
-
import { EInputSize as E, EInputStatus as u, EInputVariant as
|
3
|
+
import { I as l } from "./Input-BU_6U1CW.js";
|
4
|
+
import { EInputSize as E, EInputStatus as u, EInputVariant as S } from "./components/Input/constants.js";
|
5
5
|
import { TextArea as c } from "./components/TextArea/TextArea.js";
|
6
6
|
import { ETextAreaInputSize as g } from "./components/TextArea/constants.js";
|
7
|
-
import { InputPassword as
|
8
|
-
import { InputPhoneNumber as
|
9
|
-
import { getMaskedInputPhoneValue as
|
10
|
-
import { OtpInput as
|
11
|
-
import { RadioGroup as
|
7
|
+
import { InputPassword as P } from "./components/InputPassword/InputPassword.js";
|
8
|
+
import { InputPhoneNumber as k } from "./components/InputPhoneNumber/InputPhoneNumber.js";
|
9
|
+
import { getMaskedInputPhoneValue as B, getUnmaskedInputValue as h } from "./components/InputPhoneNumber/utils.js";
|
10
|
+
import { OtpInput as M } from "./components/OtpInput/OtpInput.js";
|
11
|
+
import { RadioGroup as y } from "./components/RadioGroup/RadioGroup.js";
|
12
12
|
import { DatePicker as R } from "./components/DatePicker/DatePicker.js";
|
13
13
|
import { MergedButton as w } from "./components/MergedButton/MergedButton.js";
|
14
14
|
import { EMergedButtonVariantRound as U } from "./components/MergedButton/constants.js";
|
@@ -28,11 +28,11 @@ import { SelectSearch as no } from "./components/SelectSearch/SelectSearch.js";
|
|
28
28
|
import { ELoadingIndicatorPlacement as so, ESelectSearchSize as Eo } from "./components/SelectSearch/constants.js";
|
29
29
|
import { CheckboxMimir as So } from "./components/CheckboxMimir/CheckboxMimir.js";
|
30
30
|
import { Tag as To } from "./components/Tag/Tag.js";
|
31
|
-
import { ETagSize as Io, ETagType as
|
32
|
-
import { Timer as
|
33
|
-
import { Accordion as
|
34
|
-
import { EAccordionSize as
|
35
|
-
import { AccordionItem as
|
31
|
+
import { ETagSize as Io, ETagType as Po } from "./components/Tag/constants.js";
|
32
|
+
import { Timer as ko } from "./components/Timer/Timer.js";
|
33
|
+
import { Accordion as Bo } from "./components/Accordion/Accordion.js";
|
34
|
+
import { EAccordionSize as bo } from "./components/Accordion/constants.js";
|
35
|
+
import { AccordionItem as Lo } from "./components/Accordion/AccordionItem/AccordionItem.js";
|
36
36
|
import { TabTrail as Co } from "./components/TabTrail/TabTrail.js";
|
37
37
|
import { ETabTrailSize as Do } from "./components/TabTrail/constants.js";
|
38
38
|
import { Pagination as Ao } from "./components/Pagination/Pagination.js";
|
@@ -51,13 +51,13 @@ import { Chip as ir } from "./components/Chip/Chip.js";
|
|
51
51
|
import { EChipSize as xr, EChipVariant as nr } from "./components/Chip/constants.js";
|
52
52
|
import { UniversalUploader as sr } from "./components/UniversalUploader/UniversalUploader.js";
|
53
53
|
import { EUploaderType as ur } from "./components/UniversalUploader/constants.js";
|
54
|
-
import { InputRangeSlider as
|
54
|
+
import { InputRangeSlider as dr } from "./components/InputRangeSlider/InputRangeSlider.js";
|
55
55
|
import { EInputRangeSliderBorderState as Tr, EInputRangeSliderPositions as gr } from "./components/InputRangeSlider/constants.js";
|
56
|
-
import { GosZnak as
|
57
|
-
import { EGosZnakSize as
|
56
|
+
import { GosZnak as Pr } from "./components/GosZnak/GosZnak.js";
|
57
|
+
import { EGosZnakSize as kr, EGosZnakType as zr } from "./components/GosZnak/constants.js";
|
58
58
|
import { Switcher as hr } from "./components/Switcher/Switcher.js";
|
59
|
-
import { ELabelPositions as
|
60
|
-
import { TwinSwitcher as
|
59
|
+
import { ELabelPositions as Mr } from "./components/Switcher/constants.js";
|
60
|
+
import { TwinSwitcher as yr } from "./components/TwinSwitcher/TwinSwitcher.js";
|
61
61
|
import { SkeletonBrick as Rr } from "./components/Skeleton/SkeletonBrick/SkeletonBrick.js";
|
62
62
|
import { SkeletonText as wr } from "./components/Skeleton/SkeletonText/SkeletonText.js";
|
63
63
|
import { SkeletonCircle as Ur } from "./components/Skeleton/SkeletonCircle/SkeletonCircle.js";
|
@@ -74,38 +74,36 @@ import { EMessageShortReplyVariant as te } from "./components/MessageShortReply/
|
|
74
74
|
import { Table as ae } from "./components/Table/Table.js";
|
75
75
|
import { ESortDirection as ie, ETableDisplayMode as fe, ETableScrollButtonVariant as xe, ETableScrollIconName as ne, ETableVariant as le } from "./components/Table/constants.js";
|
76
76
|
import { PromoSlider as Ee } from "./components/PromoSlider/PromoSlider.js";
|
77
|
-
import { CardTrail as
|
78
|
-
import {
|
79
|
-
import {
|
80
|
-
import {
|
81
|
-
import {
|
82
|
-
import {
|
83
|
-
import {
|
84
|
-
import {
|
85
|
-
import {
|
86
|
-
import {
|
87
|
-
import {
|
88
|
-
import {
|
89
|
-
import {
|
90
|
-
import {
|
91
|
-
import {
|
92
|
-
import {
|
93
|
-
import {
|
94
|
-
import { EProgressBarPosition as Xe } from "./components/Slider/constants.js";
|
95
|
-
import { parseDate as _e } from "./utils/formating/Date.js";
|
77
|
+
import { CardTrail as Se } from "./components/CardTrail/CardTrail.js";
|
78
|
+
import { ClearButton as ce } from "./components/InputClearButton/ClearButton.js";
|
79
|
+
import { useMediaQuery as ge } from "./hooks/useMediaQuery/useMediaQuery.js";
|
80
|
+
import { EMediaQuery as Pe, EMinMediaQuery as Ve } from "./hooks/useMediaQuery/constants.js";
|
81
|
+
import { useLockBodyScroll as ze } from "./hooks/useLockBodyScroll/useLockBodyScroll.js";
|
82
|
+
import { useInterval as he } from "./hooks/useInterval/useInterval.js";
|
83
|
+
import { useTimer as Me } from "./hooks/useTimer/index.js";
|
84
|
+
import { useCopyToClipboard as ye } from "./hooks/useCopyToClipboard/useCopyToClipboard.js";
|
85
|
+
import { useMergeRefs as Re } from "./hooks/useMergeRefs/useMergeRefs.js";
|
86
|
+
import { useResizeObserver as we } from "./hooks/useResizeObserver/useResizeObserver.js";
|
87
|
+
import { useCallbackRef as Ue } from "./hooks/useCallbackRef/index.js";
|
88
|
+
import { useThrottledCallback as Fe } from "./hooks/useThrottledCallback/index.js";
|
89
|
+
import { Icon as Ne } from "./icons/Icon.js";
|
90
|
+
import { formating as Qe } from "./utils/index.js";
|
91
|
+
import { default as je } from "./components/Slider/Slider.js";
|
92
|
+
import { EProgressBarPosition as He } from "./components/Slider/constants.js";
|
93
|
+
import { parseDate as Ke } from "./utils/formating/Date.js";
|
96
94
|
import './assets/index.css';export {
|
97
|
-
|
98
|
-
|
95
|
+
Bo as Accordion,
|
96
|
+
Lo as AccordionItem,
|
99
97
|
Nr as Avatar,
|
100
98
|
e as Button,
|
101
|
-
|
102
|
-
de as CardTrail,
|
99
|
+
Se as CardTrail,
|
103
100
|
So as CheckboxMimir,
|
104
101
|
ir as Chip,
|
102
|
+
ce as ClearButton,
|
105
103
|
R as DatePicker,
|
106
104
|
H as Drawer,
|
107
105
|
X as Dropdown,
|
108
|
-
|
106
|
+
bo as EAccordionSize,
|
109
107
|
Qr as EAvatarSize,
|
110
108
|
p as EButtonForm,
|
111
109
|
a as EButtonSize,
|
@@ -119,25 +117,25 @@ import './assets/index.css';export {
|
|
119
117
|
_ as EDropdownAlign,
|
120
118
|
$ as EDropdownPlacement,
|
121
119
|
Yr as EFileItemVariant,
|
122
|
-
|
123
|
-
|
120
|
+
kr as EGosZnakSize,
|
121
|
+
zr as EGosZnakType,
|
124
122
|
Tr as EInputRangeSliderBorderState,
|
125
123
|
gr as EInputRangeSliderPositions,
|
126
124
|
E as EInputSize,
|
127
125
|
u as EInputStatus,
|
128
|
-
|
129
|
-
|
126
|
+
S as EInputVariant,
|
127
|
+
Mr as ELabelPositions,
|
130
128
|
or as ELinkSize,
|
131
129
|
rr as ELinkVariant,
|
132
130
|
Q as ELoaderSize,
|
133
131
|
Hr as ELoadingIndicatorPlacement,
|
134
|
-
|
132
|
+
Pe as EMediaQuery,
|
135
133
|
U as EMergedButtonVariantRound,
|
136
134
|
te as EMessageShortReplyVariant,
|
137
|
-
|
135
|
+
Ve as EMinMediaQuery,
|
138
136
|
Jr as EMultiSelectSearchSize,
|
139
137
|
ar as ENotificationBadgeSize,
|
140
|
-
|
138
|
+
He as EProgressBarPosition,
|
141
139
|
so as ESSLoadingPlacement,
|
142
140
|
Eo as ESelectSearchSize,
|
143
141
|
Fr as ESkeletonVariant,
|
@@ -150,39 +148,37 @@ import './assets/index.css';export {
|
|
150
148
|
ne as ETableScrollIconName,
|
151
149
|
le as ETableVariant,
|
152
150
|
Io as ETagSize,
|
153
|
-
|
151
|
+
Po as ETagType,
|
154
152
|
g as ETextAreaInputSize,
|
155
153
|
Oo as EToastPosition,
|
156
154
|
Qo as EToastVariant,
|
157
155
|
Ko as EUploaderFilesVariant,
|
158
156
|
ur as EUploaderType,
|
159
157
|
fo as EVoteSize,
|
160
|
-
|
161
|
-
|
158
|
+
Pr as GosZnak,
|
159
|
+
Ne as Icon,
|
162
160
|
F as Image,
|
163
161
|
l as Input,
|
164
|
-
|
165
|
-
|
166
|
-
|
162
|
+
P as InputPassword,
|
163
|
+
k as InputPhoneNumber,
|
164
|
+
dr as InputRangeSlider,
|
167
165
|
_o as Link,
|
168
166
|
Wr as ListFiles,
|
169
167
|
$r as ListPhotos,
|
170
168
|
N as Loader,
|
171
169
|
w as MergedButton,
|
172
170
|
re as MessageShortReply,
|
173
|
-
ce as MiniButton,
|
174
171
|
jr as MultiSelectSearch,
|
175
172
|
tr as NotificationBadge,
|
176
|
-
|
173
|
+
M as OtpInput,
|
177
174
|
Ao as Pagination,
|
178
175
|
Ee as PromoSlider,
|
179
|
-
|
180
|
-
Be as RoundButton,
|
176
|
+
y as RadioGroup,
|
181
177
|
no as SelectSearch,
|
182
178
|
Rr as SkeletonBrick,
|
183
179
|
Ur as SkeletonCircle,
|
184
180
|
wr as SkeletonText,
|
185
|
-
|
181
|
+
je as Slider,
|
186
182
|
j as SliderLazy,
|
187
183
|
ro as Steps,
|
188
184
|
hr as Switcher,
|
@@ -190,26 +186,26 @@ import './assets/index.css';export {
|
|
190
186
|
ae as Table,
|
191
187
|
To as Tag,
|
192
188
|
c as TextArea,
|
193
|
-
|
189
|
+
ko as Timer,
|
194
190
|
vo as ToastProvider,
|
195
|
-
|
191
|
+
yr as TwinSwitcher,
|
196
192
|
sr as UniversalUploader,
|
197
193
|
Xo as Uploader,
|
198
194
|
Ho as UploaderFiles,
|
199
195
|
jo as UploaderPhotos,
|
200
196
|
mo as Vote,
|
201
|
-
|
202
|
-
|
197
|
+
Qe as formating,
|
198
|
+
B as getMaskedInputPhoneValue,
|
203
199
|
h as getUnmaskedInputValue,
|
204
|
-
|
205
|
-
|
206
|
-
|
207
|
-
|
208
|
-
|
209
|
-
|
210
|
-
|
211
|
-
|
212
|
-
|
213
|
-
|
200
|
+
Ke as parseDate,
|
201
|
+
Ue as useCallbackRef,
|
202
|
+
ye as useCopyToClipboard,
|
203
|
+
he as useInterval,
|
204
|
+
ze as useLockBodyScroll,
|
205
|
+
ge as useMediaQuery,
|
206
|
+
Re as useMergeRefs,
|
207
|
+
we as useResizeObserver,
|
208
|
+
Fe as useThrottledCallback,
|
209
|
+
Me as useTimer,
|
214
210
|
Go as useToast
|
215
211
|
};
|
@@ -0,0 +1,28 @@
|
|
1
|
+
import './assets/styles.css';const o = "_wrapper_o2gm6_8", t = "_inputBorderControl_o2gm6_26", _ = "_editable_o2gm6_39", r = "_active_o2gm6_54", n = "_textError_o2gm6_57", e = "_input_o2gm6_3", p = "_button_o2gm6_80", c = "_h_o2gm6_126", a = "_b_o2gm6_80", g = "_d_o2gm6_15", m = "_m_o2gm6_148", i = "_a_o2gm6_54", u = "_prev_o2gm6_150", s = "_orange_o2gm6_164", d = "_current_o2gm6_181", b = "_monthGrid_o2gm6_186", l = {
|
2
|
+
"input-field-group-datePicker": "_input-field-group-datePicker_o2gm6_3",
|
3
|
+
wrapper: o,
|
4
|
+
"date-wrapper": "_date-wrapper_o2gm6_15",
|
5
|
+
"input-wrapper": "_input-wrapper_o2gm6_19",
|
6
|
+
"right-slot": "_right-slot_o2gm6_22",
|
7
|
+
inputBorderControl: t,
|
8
|
+
editable: _,
|
9
|
+
active: r,
|
10
|
+
textError: n,
|
11
|
+
input: e,
|
12
|
+
"button-wrapper": "_button-wrapper_o2gm6_80",
|
13
|
+
button: p,
|
14
|
+
"calendar-block": "_calendar-block_o2gm6_104",
|
15
|
+
h: c,
|
16
|
+
b: a,
|
17
|
+
d: g,
|
18
|
+
m,
|
19
|
+
a: i,
|
20
|
+
prev: u,
|
21
|
+
orange: s,
|
22
|
+
current: d,
|
23
|
+
monthGrid: b,
|
24
|
+
"icon-button": "_icon-button_o2gm6_191"
|
25
|
+
};
|
26
|
+
export {
|
27
|
+
l as c
|
28
|
+
};
|
package/package.json
CHANGED
package/dist/Input-CGZoshMl.js
DELETED
@@ -1,224 +0,0 @@
|
|
1
|
-
import { jsxs as z, jsx as a, Fragment as $ } from "react/jsx-runtime";
|
2
|
-
import { c as i } from "./index-DIxK0V-G.js";
|
3
|
-
import { memo as ss, forwardRef as es, useState as L, useRef as as, useEffect as M } from "react";
|
4
|
-
import { EInputVariant as rs } from "./components/Input/constants.js";
|
5
|
-
import { useMergeRefs as ts } from "./hooks/useMergeRefs/useMergeRefs.js";
|
6
|
-
import { Icon as ls } from "./icons/Icon.js";
|
7
|
-
import { MiniButton as ns } from "./components/MiniButton/MiniButton.js";
|
8
|
-
import './assets/Input.css';const os = "_label_16rss_34", cs = "_input_16rss_2", is = "_focused_16rss_104", ds = "_disabled_16rss_110", us = "_clear_16rss_152", _s = "_s_16rss_202", ms = "_m_16rss_218", ps = "_l_16rss_34", fs = "_success_16rss_277", hs = "_alarm_16rss_297", bs = "_error_16rss_317", s = {
|
9
|
-
"input-wrapper": "_input-wrapper_16rss_2",
|
10
|
-
"wrap-required-mark": "_wrap-required-mark_16rss_18",
|
11
|
-
"required-mark": "_required-mark_16rss_25",
|
12
|
-
label: os,
|
13
|
-
"has-left-slot": "_has-left-slot_16rss_53",
|
14
|
-
"has-right-slot": "_has-right-slot_16rss_56",
|
15
|
-
"active-label": "_active-label_16rss_61",
|
16
|
-
"label-text-wrapper": "_label-text-wrapper_16rss_73",
|
17
|
-
input: cs,
|
18
|
-
focused: is,
|
19
|
-
"has-label": "_has-label_16rss_107",
|
20
|
-
disabled: ds,
|
21
|
-
"addon-icon": "_addon-icon_16rss_116",
|
22
|
-
"left-slot": "_left-slot_16rss_120",
|
23
|
-
"right-slot": "_right-slot_16rss_121",
|
24
|
-
clear: us,
|
25
|
-
s: _s,
|
26
|
-
m: ms,
|
27
|
-
l: ps,
|
28
|
-
"default-gray": "_default-gray_16rss_250",
|
29
|
-
"default-white": "_default-white_16rss_262",
|
30
|
-
success: fs,
|
31
|
-
alarm: hs,
|
32
|
-
error: bs
|
33
|
-
}, j = (r) => {
|
34
|
-
var p, t;
|
35
|
-
if (!r)
|
36
|
-
return null;
|
37
|
-
switch (r.addonType) {
|
38
|
-
case "icon": {
|
39
|
-
const f = (p = r.addonContent) == null ? void 0 : p.includes("16px"), w = (t = r.addonContent) == null ? void 0 : t.includes("24px");
|
40
|
-
return /* @__PURE__ */ a(
|
41
|
-
ls,
|
42
|
-
{
|
43
|
-
style: {
|
44
|
-
"--icon-size": i({
|
45
|
-
"16px": f,
|
46
|
-
"24px": w
|
47
|
-
})
|
48
|
-
},
|
49
|
-
className: s["addon-icon"],
|
50
|
-
iconName: r.addonContent
|
51
|
-
}
|
52
|
-
);
|
53
|
-
}
|
54
|
-
case "text":
|
55
|
-
return r.addonContent;
|
56
|
-
case "react-node":
|
57
|
-
return /* @__PURE__ */ a($, { children: r.addonContent });
|
58
|
-
default:
|
59
|
-
return null;
|
60
|
-
}
|
61
|
-
}, Ns = ss(
|
62
|
-
es(
|
63
|
-
(r, p) => {
|
64
|
-
const {
|
65
|
-
value: t,
|
66
|
-
className: f,
|
67
|
-
wrapperClassName: w,
|
68
|
-
rightSlotClassName: B,
|
69
|
-
requiredMarkClassName: D,
|
70
|
-
variant: F = rs.DefaultGray,
|
71
|
-
type: E = "text",
|
72
|
-
autofocus: x,
|
73
|
-
readonly: o,
|
74
|
-
id: V,
|
75
|
-
onFocus: C,
|
76
|
-
onBlur: q,
|
77
|
-
label: u,
|
78
|
-
withClearButton: O,
|
79
|
-
onClearButtonClick: v,
|
80
|
-
disabled: l,
|
81
|
-
onChange: d,
|
82
|
-
rightAddon: S,
|
83
|
-
status: R,
|
84
|
-
leftAddon: T,
|
85
|
-
size: _ = "m",
|
86
|
-
numbersOnly: G,
|
87
|
-
required: y,
|
88
|
-
maxLength: k,
|
89
|
-
autocomplete: P = "on",
|
90
|
-
...W
|
91
|
-
} = r, [m, I] = L(x), [h, b] = L(!!t), c = as(null), H = ts(c, p);
|
92
|
-
M(() => {
|
93
|
-
x && I(!0);
|
94
|
-
}, [x]), M(() => {
|
95
|
-
b(!!t);
|
96
|
-
}, [t]);
|
97
|
-
const J = (e) => {
|
98
|
-
const n = e.currentTarget.value;
|
99
|
-
q == null || q(e), I(!1), b(!!n);
|
100
|
-
}, K = (e) => {
|
101
|
-
o || (I(!0), C == null || C(e));
|
102
|
-
}, Q = (e) => {
|
103
|
-
v == null || v(e), c != null && c.current && (c.current.value = "", c.current.focus(), b(!1), d == null || d({
|
104
|
-
target: c.current
|
105
|
-
}));
|
106
|
-
}, U = (e) => {
|
107
|
-
let n = e.target.value;
|
108
|
-
G && (n = n.replace(/\D/g, "")), k !== void 0 && (n = n.slice(0, k)), e.target.value = n, d == null || d(e), b(!!n);
|
109
|
-
}, N = j(T), g = j(S), X = {
|
110
|
-
[s.readonly]: l || o,
|
111
|
-
[s.focused]: m,
|
112
|
-
[s.disabled]: l || o,
|
113
|
-
[s["has-label"]]: !!u,
|
114
|
-
[s["has-left-slot"]]: !!N,
|
115
|
-
[s["has-right-slot"]]: !!g
|
116
|
-
}, A = m || h || !!t, Y = i(s.label, f, s[_], {
|
117
|
-
[s["active-label"]]: A,
|
118
|
-
[s.disabled]: l || o,
|
119
|
-
[s["has-left-slot"]]: !!N,
|
120
|
-
[s["has-right-slot"]]: !!g
|
121
|
-
}), Z = i(s.input, X, f, [
|
122
|
-
s[F],
|
123
|
-
s[R ?? ""],
|
124
|
-
s[_]
|
125
|
-
]);
|
126
|
-
return /* @__PURE__ */ z(
|
127
|
-
"div",
|
128
|
-
{
|
129
|
-
className: i(
|
130
|
-
s["input-wrapper"],
|
131
|
-
s[F],
|
132
|
-
s[R ?? ""],
|
133
|
-
s[_],
|
134
|
-
{
|
135
|
-
[s.disabled]: l || o,
|
136
|
-
[s.focused]: m
|
137
|
-
},
|
138
|
-
w
|
139
|
-
),
|
140
|
-
children: [
|
141
|
-
u && /* @__PURE__ */ z("label", { htmlFor: V, className: Y, children: [
|
142
|
-
/* @__PURE__ */ a("span", { className: s["label-text-wrapper"], children: u }),
|
143
|
-
y && (h || m) && /* @__PURE__ */ a(
|
144
|
-
"span",
|
145
|
-
{
|
146
|
-
className: s["required-mark"],
|
147
|
-
"data-testid": "required-mark"
|
148
|
-
}
|
149
|
-
)
|
150
|
-
] }),
|
151
|
-
N && /* @__PURE__ */ a(
|
152
|
-
"span",
|
153
|
-
{
|
154
|
-
className: i(s["left-slot"], {
|
155
|
-
[s.focused]: A,
|
156
|
-
[s["has-label"]]: !!u,
|
157
|
-
[s.disabled]: l
|
158
|
-
}),
|
159
|
-
children: N
|
160
|
-
}
|
161
|
-
),
|
162
|
-
/* @__PURE__ */ a(
|
163
|
-
"input",
|
164
|
-
{
|
165
|
-
ref: H,
|
166
|
-
type: E,
|
167
|
-
id: V,
|
168
|
-
className: Z,
|
169
|
-
onFocus: K,
|
170
|
-
onBlur: J,
|
171
|
-
readOnly: o,
|
172
|
-
value: t,
|
173
|
-
onChange: U,
|
174
|
-
maxLength: k,
|
175
|
-
disabled: l,
|
176
|
-
required: y,
|
177
|
-
autoComplete: P,
|
178
|
-
...W
|
179
|
-
}
|
180
|
-
),
|
181
|
-
g && /* @__PURE__ */ a(
|
182
|
-
"span",
|
183
|
-
{
|
184
|
-
className: i(s["right-slot"], B, {
|
185
|
-
[s.focused]: A,
|
186
|
-
[s["has-label"]]: !!u,
|
187
|
-
[s.disabled]: l
|
188
|
-
}),
|
189
|
-
children: g
|
190
|
-
}
|
191
|
-
),
|
192
|
-
y && !h && !m && /* @__PURE__ */ a("div", { className: s["wrap-required-mark"], children: /* @__PURE__ */ a(
|
193
|
-
"span",
|
194
|
-
{
|
195
|
-
className: i(
|
196
|
-
s["required-mark"],
|
197
|
-
D
|
198
|
-
),
|
199
|
-
"data-testid": "required-mark"
|
200
|
-
}
|
201
|
-
) }),
|
202
|
-
O && h && /* @__PURE__ */ a(
|
203
|
-
ns,
|
204
|
-
{
|
205
|
-
className: s.clear,
|
206
|
-
iconName: _ === "l" ? "Close16px" : "Close12px",
|
207
|
-
size: _ === "l" ? "l" : "m-s",
|
208
|
-
variant: "transparent",
|
209
|
-
disabled: l || o,
|
210
|
-
onClick: Q,
|
211
|
-
"data-testid": "clear-button"
|
212
|
-
}
|
213
|
-
)
|
214
|
-
]
|
215
|
-
}
|
216
|
-
);
|
217
|
-
}
|
218
|
-
)
|
219
|
-
);
|
220
|
-
Ns.displayName = "Input";
|
221
|
-
export {
|
222
|
-
Ns as I,
|
223
|
-
s as c
|
224
|
-
};
|
@@ -1 +0,0 @@
|
|
1
|
-
._button_1rwof_2{--button-cursor: pointer;--button-bg-color: var(--white-normal);--button-color: var(--dark-text);--button-color-hover: var(--counter-text);--button-bg-color-hover: var(--white);--button-color-active: var(--light-text);--button-bg-color-active: var(--white-active);--button-border: transparent;--border-color: none;--button-height: 68px;--button-border-radius: var(--mimir-control-radius);--button-line-height: var(--mimir-line-height-text-s1);--button-padding: 0 var(--mimir-space-m);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;height:68px;height:var(--button-height);color:var(--button-color);background:var(--button-bg-color);line-height:var(--button-line-height);border-radius:var(--button-border-radius);padding:var(--button-padding);cursor:pointer;cursor:var(--button-cursor);transition:background-color .3s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._button_1rwof_2:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover)}._button_1rwof_2:active{color:var(--button-color-active);background:var(--button-bg-color-active);border-color:var(--border-color-active)}._button_1rwof_2:focus-visible{box-shadow:var(--mimir-box-shadow-default)}._button_1rwof_2 svg{color:currentcolor;fill:currentcolor}._button_1rwof_2 svg path{color:currentcolor;fill:currentcolor}._disabled_1rwof_54{--button-cursor: not-allowed;--button-color-active: var(--light-text);--button-color: var(--light-text);background-color:var(--disabled)}._disabled_1rwof_54:hover,._disabled_1rwof_54:active,._disabled_1rwof_54:focus{--button-color-hover: var(--light-text);background-color:var(--disabled);box-shadow:none}
|
@@ -1 +0,0 @@
|
|
1
|
-
._mini-button_1tuk4_2{display:flex;flex-shrink:0;align-items:center;justify-content:center;color:var(--asphalt-normal);background:var(--mini-button-background);border-radius:var(--mimir-control-radius-xs)}._mini-button_1tuk4_2 svg{color:currentcolor;fill:currentcolor}._mini-button_1tuk4_2 svg path{color:currentcolor;fill:currentcolor}._mini-button_1tuk4_2._gray_1tuk4_19{--mini-button-background: var(--gray-normal)}._mini-button_1tuk4_2._transparent_1tuk4_22{--mini-button-background: transparent}._mini-button_1tuk4_2._white_1tuk4_25{--mini-button-background: var(--white)}._mini-button_1tuk4_2._white_1tuk4_25{background:var(--white-normal)}._mini-button_1tuk4_2:hover{color:var(--counter-text);box-shadow:none}._mini-button_1tuk4_2:active{color:var(--asphalt-active);box-shadow:none}._mini-button_1tuk4_2:disabled{color:var(--disabled);cursor:not-allowed}._mini-button_1tuk4_2:focus-visible{box-shadow:var(--mimir-box-shadow-default)}._mini-button_1tuk4_2._l_1tuk4_46{width:var(--button-height-xs);height:var(--button-height-xs)}._mini-button_1tuk4_2._m-s_1tuk4_50{width:var(--button-height-ms);height:var(--button-height-ms)}
|
@@ -1 +0,0 @@
|
|
1
|
-
._button_1wqe3_2{--button-cursor: pointer;display:inline-flex;flex-shrink:0;align-items:center;box-sizing:border-box;max-width:100%;height:var(--button-height);padding:0 var(--button-space);overflow:hidden;color:var(--button-color);font-weight:var(--mimir-font-weight-text-regular);font-size:var(--button-font-size);font-family:var(--mimir-font-inter);line-height:var(--round-button-line-height);white-space:nowrap;text-align:center;-webkit-text-decoration:none;text-decoration:none;text-overflow:ellipsis;-moz-column-gap:var(--button-gap);column-gap:var(--button-gap);background:var(--button-bg-color);border:none;border-color:var(--border-color);cursor:pointer;cursor:var(--button-cursor);transition:background-color .3s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,fill .15s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}._button_1wqe3_2:hover{color:var(--button-color-hover);background:var(--button-bg-color-hover);border-color:var(--border-color-hover)}._button_1wqe3_2:active{color:var(--button-color-active);background:var(--button-bg-color-active);border-color:var(--border-color-active)}._button_1wqe3_2:focus-visible{box-shadow:var(--mimir-box-shadow-default)}._button_1wqe3_2._clear_1wqe3_42:focus{box-shadow:none}._button_1wqe3_2 svg{color:currentcolor;fill:currentcolor}._button_1wqe3_2 svg path{color:currentcolor;fill:currentcolor}._button-form_1wqe3_54{--button-border-radius-l: 24px;--button-border-radius-m: 20px;--button-border-radius-s: 16px;--button-border-radius-xs: 12px;--button-space-l: var(--mimir-space-s);--button-space-m: var(--mimir-space-xs);--button-space-s: var(--mimir-space-xs);--button-space-xs: var(--mimir-space-2xs);border-radius:var(--button-border-radius)}._black_1wqe3_66{--button-bg-color: var(--asphalt-normal);--button-bg-color-hover: var(--asphalt-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--light-text);--button-color-hover: var(--light-text);--button-color-active: var(--light-text)}._gray_1wqe3_76{--button-bg-color: var(--gray-normal);--button-bg-color-hover: var(--gray-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._white_1wqe3_86{--button-bg-color: var(--white-normal);--button-bg-color-hover: var(--white-hover);--button-bg-color-active: var(--sapphire-normal);--button-bg-color-focus: var(--sapphire-normal);--button-color: var(--asphalt-normal);--button-color-hover: var(--asphalt-hover);--button-color-active: var(--light-text)}._xs_1wqe3_96{--button-height: var(--button-height-xs);--button-font-size: var(--mimir-control-text-size-s);--button-space: var(--button-space-xs);--button-gap: var(--mimir-space-3xs);--button-border-radius: var(--button-border-radius-s);--round-button-line-height: var(--mimir-size-text-l)}._s_1wqe3_105{--button-height: var(--button-height-s);--button-font-size: var(--mimir-control-text-size-m);--button-space: var(--button-space-s);--button-gap: var(--mimir-space-2xs);--button-border-radius: var(--button-border-radius-s);--round-button-line-height: var(--mimir-size-text-l2)}._m_1wqe3_114{--button-height: var(--button-height-m);--button-font-size: var(--mimir-size-text-l);--button-space: var(--button-space-m);--button-gap: var(--mimir-space-1xs);--button-border-radius: var(--button-border-radius-m);--round-button-line-height: var(--mimir-size-text-xl)}._l_1wqe3_123{--button-height: var(--button-height-l);--button-font-size: var(--mimir-size-text-l);--button-space: var(--button-space-l);--button-gap: var(--mimir-space-xs);--button-border-radius: var(--button-border-radius-l);--round-button-line-height: var(--mimir-size-text-xl)}._right_block-wrap_1wqe3_132{display:flex;gap:var(--button-gap)}._disabled_1wqe3_137{--button-cursor: not-allowed;--button-color-active: var(--light-text);--button-color: var(--light-text);background-color:var(--disabled)}._disabled_1wqe3_137:hover,._disabled_1wqe3_137:active,._disabled_1wqe3_137:focus{--button-color-hover: var(--light-text);background-color:var(--disabled);box-shadow:none}._icon-button_1wqe3_149{justify-content:center;min-width:var(--button-height);padding:0}
|
@@ -1 +0,0 @@
|
|
1
|
-
._scrollContainer_6ln8u_2{overflow-y:auto;height:100%;padding-right:4px}._scrollContainer_6ln8u_2[data-variant=light]::-webkit-scrollbar{width:8px;height:8px}._scrollContainer_6ln8u_2[data-variant=light]::-webkit-scrollbar-track{background:var(--white);border-radius:var(--mimir-control-radius)}._scrollContainer_6ln8u_2[data-variant=light]::-webkit-scrollbar-thumb{background:var(--black-80);border:2px solid var(--white);border-radius:var(--mimir-control-radius)}._scrollContainer_6ln8u_2[data-variant=light][data-size=s]::-webkit-scrollbar{width:8px;height:8px}._scrollContainer_6ln8u_2[data-variant=light][data-size=s]::-webkit-scrollbar-track{background:var(--white);border-radius:var(--mimir-control-radius)}._scrollContainer_6ln8u_2[data-variant=light][data-size=s]::-webkit-scrollbar-thumb{background:var(--black-80);border:2px solid var(--white);border-radius:var(--mimir-control-radius)}._scrollContainer_6ln8u_2[data-variant=light][data-size=s]::-webkit-scrollbar{width:4px;height:4px}._scrollContainer_6ln8u_2[data-variant=light][data-size=s]::-webkit-scrollbar-track{border-radius:var(--mimir-control-radius-xs2)}._scrollContainer_6ln8u_2[data-variant=light][data-size=s]::-webkit-scrollbar-thumb{border:1px solid var(--white);border-radius:var(--mimir-control-radius-xs2)}
|
@@ -1,26 +0,0 @@
|
|
1
|
-
import { ComponentProps } from 'react';
|
2
|
-
import { TIcon } from '../../icons';
|
3
|
-
|
4
|
-
export type TProps = ComponentProps<'button'> & {
|
5
|
-
/**
|
6
|
-
* Текст кнопки.
|
7
|
-
*/
|
8
|
-
children: string;
|
9
|
-
/**
|
10
|
-
* Класс, применяемый к корневому элементу кнопки.
|
11
|
-
*/
|
12
|
-
className?: string;
|
13
|
-
/**
|
14
|
-
* Класс, применяемый к иконке.
|
15
|
-
*/
|
16
|
-
iconButtonClassName?: string;
|
17
|
-
/**
|
18
|
-
* Флаг, указывающий, отключена ли кнопка.
|
19
|
-
*/
|
20
|
-
disabled?: boolean;
|
21
|
-
/**
|
22
|
-
* Название иконки
|
23
|
-
*/
|
24
|
-
iconName: TIcon;
|
25
|
-
};
|
26
|
-
export declare const CarBodyButton: import('react').ForwardRefExoticComponent<Omit<TProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
|
@@ -1,40 +0,0 @@
|
|
1
|
-
import { jsxs as b, jsx as u } from "react/jsx-runtime";
|
2
|
-
import { c as f } from "../../index-DIxK0V-G.js";
|
3
|
-
import { forwardRef as p } from "react";
|
4
|
-
import { Icon as N } from "../../icons/Icon.js";
|
5
|
-
import '../../assets/CarBodyButton.css';const _ = "_button_1rwof_2", B = "_disabled_1rwof_54", t = {
|
6
|
-
button: _,
|
7
|
-
disabled: B
|
8
|
-
}, y = p(
|
9
|
-
(s, a) => {
|
10
|
-
const {
|
11
|
-
iconName: n,
|
12
|
-
children: r,
|
13
|
-
className: e,
|
14
|
-
iconButtonClassName: c,
|
15
|
-
type: d = "button",
|
16
|
-
disabled: o,
|
17
|
-
...m
|
18
|
-
} = s, l = {
|
19
|
-
[t.disabled]: o
|
20
|
-
}, i = f(e, t.button, l);
|
21
|
-
return /* @__PURE__ */ b(
|
22
|
-
"button",
|
23
|
-
{
|
24
|
-
type: d,
|
25
|
-
...m,
|
26
|
-
disabled: o,
|
27
|
-
ref: a,
|
28
|
-
className: i,
|
29
|
-
children: [
|
30
|
-
/* @__PURE__ */ u(N, { iconName: n, className: c }),
|
31
|
-
r
|
32
|
-
]
|
33
|
-
}
|
34
|
-
);
|
35
|
-
}
|
36
|
-
);
|
37
|
-
y.displayName = "CarBodyButton";
|
38
|
-
export {
|
39
|
-
y as CarBodyButton
|
40
|
-
};
|
@@ -1 +0,0 @@
|
|
1
|
-
export { CarBodyButton, type TProps as TCarBodyButtonProps } from './CarBodyButton';
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import { default as React } from 'react';
|
2
|
-
import { EScrollBarSize, EScrollBarVariant } from '../../ScrollBar/constants';
|
3
|
-
|
4
|
-
type Props = {
|
5
|
-
children: React.ReactNode;
|
6
|
-
className?: string;
|
7
|
-
variant?: `${EScrollBarVariant}`;
|
8
|
-
size?: `${EScrollBarSize}`;
|
9
|
-
};
|
10
|
-
export declare const ScrollWrapper: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
11
|
-
export {};
|
@@ -1,27 +0,0 @@
|
|
1
|
-
import { jsx as t } from "react/jsx-runtime";
|
2
|
-
import { c } from "../../../index-DIxK0V-G.js";
|
3
|
-
import { forwardRef as n } from "react";
|
4
|
-
import { EScrollBarVariant as e, EScrollBarSize as i } from "../../ScrollBar/constants.js";
|
5
|
-
import '../../../assets/ScrollWrapper.css';const m = "_scrollContainer_6ln8u_2", p = {
|
6
|
-
scrollContainer: m
|
7
|
-
}, f = n(
|
8
|
-
({
|
9
|
-
children: r,
|
10
|
-
className: o,
|
11
|
-
variant: a = e.LIGHT,
|
12
|
-
size: l = i.M
|
13
|
-
}, s) => /* @__PURE__ */ t(
|
14
|
-
"div",
|
15
|
-
{
|
16
|
-
ref: s,
|
17
|
-
className: c(p.scrollContainer, o),
|
18
|
-
"data-variant": a,
|
19
|
-
"data-size": l,
|
20
|
-
children: r
|
21
|
-
}
|
22
|
-
)
|
23
|
-
);
|
24
|
-
f.displayName = "ScrollWrapper";
|
25
|
-
export {
|
26
|
-
f as ScrollWrapper
|
27
|
-
};
|