@arthurzakharov/ui-kit 1.3.8 → 1.4.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.
- package/dist/_commonjsHelpers-CqEciG1_.js +31 -0
- package/dist/animations/animation-fade-grow/animation-fade-grow.component.d.ts +2 -0
- package/dist/animations/animation-fade-grow/animation-fade-grow.component.js +34 -0
- package/dist/animations/animation-fade-grow/index.d.ts +1 -0
- package/dist/animations/animation-fade-grow/index.js +4 -0
- package/dist/animations/animation-fade-scale/animation-fade-scale.component.d.ts +2 -0
- package/dist/animations/animation-fade-scale/animation-fade-scale.component.js +33 -0
- package/dist/animations/animation-fade-scale/index.d.ts +1 -0
- package/dist/animations/animation-fade-scale/index.js +4 -0
- package/dist/animations/animation-fade-slide/animation-fade-slide.component.d.ts +6 -0
- package/dist/animations/animation-fade-slide/animation-fade-slide.component.js +33 -0
- package/dist/animations/animation-fade-slide/index.d.ts +1 -0
- package/dist/animations/animation-fade-slide/index.js +4 -0
- package/dist/animations/animation-rotate/animation-rotate.component.d.ts +8 -0
- package/dist/animations/animation-rotate/animation-rotate.component.js +38 -0
- package/dist/animations/animation-rotate/index.d.ts +1 -0
- package/dist/animations/animation-rotate/index.js +4 -0
- package/dist/animations/hook/index.d.ts +1 -0
- package/dist/animations/hook/index.js +4 -0
- package/dist/animations/hook/use-animation-lifecycle/index.d.ts +1 -0
- package/dist/animations/hook/use-animation-lifecycle/index.js +4 -0
- package/dist/animations/hook/use-animation-lifecycle/use-animation-lifecycle.hook.d.ts +12 -0
- package/dist/animations/hook/use-animation-lifecycle/use-animation-lifecycle.hook.js +31 -0
- package/dist/animations/utils/default-props.d.ts +5 -0
- package/dist/animations/utils/default-props.js +17 -0
- package/dist/animations/utils/index.d.ts +2 -0
- package/dist/animations/utils/index.js +4 -0
- package/dist/animations/utils/types.d.ts +15 -0
- package/dist/animations/utils/types.js +1 -0
- package/dist/assets/control-box-Dx-QKPgf.css +1 -0
- package/dist/assets/control-button-Tzg6F5Dp.css +1 -0
- package/dist/assets/control-button-card-Cb8_vJbQ.css +1 -0
- package/dist/assets/control-button-radio-BodzD0rU.css +1 -0
- package/dist/assets/control-button-text-BbE_5ebO.css +1 -0
- package/dist/assets/control-card-image-BYT3bzTE.css +1 -0
- package/dist/assets/control-card-text-Cvv3bL2p.css +1 -0
- package/dist/assets/control-checkbox-uLtXjmYN.css +1 -0
- package/dist/assets/control-choice-BAHN-VTm.css +1 -0
- package/dist/assets/control-dropdown-DaS5KsvG.css +1 -0
- package/dist/assets/control-error-message-CKgqmo1U.css +1 -0
- package/dist/assets/control-hidden-input-BhMdNmnP.css +1 -0
- package/dist/assets/control-input-nR0XQHHp.css +1 -0
- package/dist/assets/control-label-C8pjaWEU.css +1 -0
- package/dist/assets/control-radio-Bo1rvcg2.css +1 -0
- package/dist/assets/control-radio-label-CgZ-FNj0.css +1 -0
- package/dist/assets/control-radio-text-S7MEO4a2.css +1 -0
- package/dist/assets/control-status-DPNvkGlM.css +1 -0
- package/dist/assets/control-text-n-qi7e2Y.css +1 -0
- package/dist/assets/control-textarea-B6gWlJs3.css +1 -0
- package/dist/assets/data-protected-label-BN19_NZF.css +1 -0
- package/dist/assets/dialog-article-WnyHZI47.css +1 -0
- package/dist/assets/expenses-AU5q4idk.css +1 -0
- package/dist/assets/loader-DadlBlOF.css +1 -0
- package/dist/assets/main-DlyWXITA.css +1 -0
- package/dist/assets/message-block-DG1cePyB.css +1 -0
- package/dist/components/accordion-table/accordion-table.component.d.ts +9 -7
- package/dist/components/accordion-table/accordion-table.component.js +44 -41
- package/dist/components/bottom-bar/bottom-bar.component.js +2 -2
- package/dist/components/certifications/certifications.component.d.ts +6 -3
- package/dist/components/certifications/certifications.component.js +54 -46
- package/dist/components/data-protected-label/data-protected-label.component.d.ts +8 -3
- package/dist/components/data-protected-label/data-protected-label.component.js +31 -28
- package/dist/components/data-protected-label/index.d.ts +1 -0
- package/dist/components/data-protected-label/index.js +4 -0
- package/dist/components/dialog-article/dialog-article.component.d.ts +9 -3
- package/dist/components/dialog-article/dialog-article.component.js +51 -21
- package/dist/components/dialog-article/index.d.ts +1 -0
- package/dist/components/dialog-article/index.js +4 -0
- package/dist/components/expenses/expenses.component.d.ts +12 -7
- package/dist/components/expenses/expenses.component.js +26 -20
- package/dist/components/expenses/index.d.ts +1 -0
- package/dist/components/expenses/index.js +4 -0
- package/dist/components/flex/flex.component.d.ts +158 -158
- package/dist/components/footer/footer.component.d.ts +6 -3
- package/dist/components/footer/footer.component.js +39 -31
- package/dist/components/footer/index.d.ts +1 -1
- package/dist/components/info-panel/info-panel.component.d.ts +6 -3
- package/dist/components/info-panel/info-panel.component.js +20 -12
- package/dist/components/information/index.d.ts +1 -1
- package/dist/components/information/information.component.d.ts +5 -4
- package/dist/components/information/information.component.js +21 -12
- package/dist/components/loader/index.d.ts +1 -1
- package/dist/components/loader/loader.component.d.ts +9 -5
- package/dist/components/loader/loader.component.js +42 -55
- package/dist/components/loader/loader.utils.d.ts +2 -0
- package/dist/components/loader/loader.utils.js +13 -0
- package/dist/components/main-attachment/main-attachment.component.js +2 -2
- package/dist/components/message/index.d.ts +1 -1
- package/dist/components/message/message.component.d.ts +6 -3
- package/dist/components/message/message.component.js +23 -22
- package/dist/components/message-block/index.d.ts +1 -0
- package/dist/components/message-block/index.js +4 -0
- package/dist/components/message-block/message-block.component.d.ts +7 -2
- package/dist/components/message-block/message-block.component.js +36 -18
- package/dist/components/not-found/not-found.component.d.ts +6 -3
- package/dist/components/not-found/not-found.component.js +35 -27
- package/dist/components/payment/components/glass/glass.component.js +1 -1
- package/dist/components/sidebar/components/step/step.component.d.ts +1 -1
- package/dist/components/sidebar/components/step/step.component.js +6 -6
- package/dist/components/sidebar/sidebar.component.d.ts +1 -1
- package/dist/components/sidebar/sidebar.component.js +9 -9
- package/dist/components/signature/index.d.ts +1 -1
- package/dist/components/signature/signature.component.d.ts +4 -4
- package/dist/components/signature/signature.component.js +255 -263
- package/dist/components/text/components/tag/tag.component.d.ts +316 -316
- package/dist/components/text/text.component.d.ts +316 -316
- package/dist/components/user-panel/user-panel.component.d.ts +6 -3
- package/dist/components/user-panel/user-panel.component.js +35 -27
- package/dist/components/warranty/warranty.component.d.ts +6 -3
- package/dist/components/warranty/warranty.component.js +26 -19
- package/dist/controls/control-box/control-box.component.d.ts +15 -0
- package/dist/controls/control-box/control-box.component.js +33 -0
- package/dist/controls/control-box/index.d.ts +2 -0
- package/dist/controls/control-box/index.js +4 -0
- package/dist/controls/control-button/control-button.component.d.ts +18 -0
- package/dist/controls/control-button/control-button.component.js +84 -0
- package/dist/controls/control-button/index.d.ts +2 -0
- package/dist/controls/control-button/index.js +4 -0
- package/dist/{components/control/components/button-card/button-card.component.d.ts → controls/control-button-card/control-button-card.component.d.ts} +4 -3
- package/dist/controls/control-button-card/control-button-card.component.js +65 -0
- package/dist/controls/control-button-card/index.d.ts +2 -0
- package/dist/controls/control-button-card/index.js +4 -0
- package/dist/controls/control-button-radio/control-button-radio.component.d.ts +19 -0
- package/dist/controls/control-button-radio/control-button-radio.component.js +69 -0
- package/dist/controls/control-button-radio/index.d.ts +2 -0
- package/dist/controls/control-button-radio/index.js +4 -0
- package/dist/controls/control-button-text/control-button-text.component.d.ts +20 -0
- package/dist/controls/control-button-text/control-button-text.component.js +87 -0
- package/dist/controls/control-button-text/index.d.ts +2 -0
- package/dist/controls/control-button-text/index.js +4 -0
- package/dist/controls/control-card-image/control-card-image.component.d.ts +8 -0
- package/dist/controls/control-card-image/control-card-image.component.js +53 -0
- package/dist/controls/control-card-image/index.d.ts +2 -0
- package/dist/controls/control-card-image/index.js +4 -0
- package/dist/controls/control-card-text/control-card-text.component.d.ts +7 -0
- package/dist/controls/control-card-text/control-card-text.component.js +48 -0
- package/dist/controls/control-card-text/index.d.ts +2 -0
- package/dist/controls/control-card-text/index.js +4 -0
- package/dist/controls/control-checkbox/control-checkbox.component.d.ts +11 -0
- package/dist/controls/control-checkbox/control-checkbox.component.js +96 -0
- package/dist/controls/control-checkbox/index.d.ts +2 -0
- package/dist/controls/control-checkbox/index.js +4 -0
- package/dist/controls/control-choice/control-choice.component.d.ts +12 -0
- package/dist/controls/control-choice/control-choice.component.js +64 -0
- package/dist/controls/control-choice/index.d.ts +2 -0
- package/dist/controls/control-choice/index.js +4 -0
- package/dist/{components/control/components/dropdown/dropdown.component.d.ts → controls/control-dropdown/control-dropdown.component.d.ts} +4 -3
- package/dist/controls/control-dropdown/control-dropdown.component.js +106 -0
- package/dist/controls/control-dropdown/index.d.ts +2 -0
- package/dist/controls/control-dropdown/index.js +4 -0
- package/dist/controls/control-error-message/control-error-message.component.d.ts +7 -0
- package/dist/controls/control-error-message/control-error-message.component.js +16 -0
- package/dist/controls/control-error-message/index.d.ts +1 -0
- package/dist/controls/control-error-message/index.js +4 -0
- package/dist/controls/control-hidden-input/control-hidden-input.component.d.ts +15 -0
- package/dist/controls/control-hidden-input/control-hidden-input.component.js +41 -0
- package/dist/controls/control-hidden-input/index.d.ts +2 -0
- package/dist/controls/control-hidden-input/index.js +4 -0
- package/dist/controls/control-input/control-input.component.d.ts +11 -0
- package/dist/controls/control-input/control-input.component.js +973 -0
- package/dist/controls/control-input/index.d.ts +2 -0
- package/dist/controls/control-input/index.js +4 -0
- package/dist/controls/control-label/control-label.component.d.ts +13 -0
- package/dist/controls/control-label/control-label.component.js +30 -0
- package/dist/controls/control-label/index.d.ts +1 -0
- package/dist/controls/control-label/index.js +4 -0
- package/dist/controls/control-radio/control-radio.component.d.ts +14 -0
- package/dist/controls/control-radio/control-radio.component.js +79 -0
- package/dist/controls/control-radio/index.d.ts +2 -0
- package/dist/controls/control-radio/index.js +4 -0
- package/dist/controls/control-radio-label/control-radio-label.component.d.ts +22 -0
- package/dist/controls/control-radio-label/control-radio-label.component.js +39 -0
- package/dist/controls/control-radio-label/index.d.ts +1 -0
- package/dist/controls/control-radio-label/index.js +4 -0
- package/dist/controls/control-radio-text/control-radio-text.component.d.ts +10 -0
- package/dist/controls/control-radio-text/control-radio-text.component.js +45 -0
- package/dist/controls/control-radio-text/index.d.ts +2 -0
- package/dist/controls/control-radio-text/index.js +4 -0
- package/dist/controls/control-status/control-status.component.d.ts +11 -0
- package/dist/controls/control-status/control-status.component.js +42 -0
- package/dist/controls/control-status/index.d.ts +1 -0
- package/dist/controls/control-status/index.js +4 -0
- package/dist/controls/control-text/control-text.component.d.ts +11 -0
- package/dist/controls/control-text/control-text.component.js +70 -0
- package/dist/controls/control-text/index.d.ts +2 -0
- package/dist/controls/control-text/index.js +4 -0
- package/dist/controls/control-textarea/control-textarea.component.d.ts +15 -0
- package/dist/controls/control-textarea/control-textarea.component.js +63 -0
- package/dist/controls/control-textarea/index.d.ts +1 -0
- package/dist/controls/control-textarea/index.js +4 -0
- package/dist/controls/hooks/index.d.ts +1 -0
- package/dist/controls/hooks/index.js +4 -0
- package/dist/controls/hooks/use-choice/index.d.ts +1 -0
- package/dist/controls/hooks/use-choice/index.js +4 -0
- package/dist/{components/control/hooks/useChoice/useChoice.hook.d.ts → controls/hooks/use-choice/use-choice.hook.d.ts} +2 -2
- package/dist/controls/utils/functions/index.d.ts +1 -0
- package/dist/controls/utils/functions/index.js +7 -0
- package/dist/controls/utils/index.d.ts +2 -0
- package/dist/controls/utils/index.js +7 -0
- package/dist/{components/control/control.types.d.ts → controls/utils/types.d.ts} +11 -3
- package/dist/main.d.ts +35 -13
- package/dist/main.js +101 -59
- package/dist/utils/functions/functions.util.d.ts +12 -2
- package/dist/utils/functions/functions.util.js +7 -3
- package/dist/utils/functions/index.js +5 -4
- package/dist/utils/svg/svg.component.d.ts +2 -2
- package/dist/utils/types.d.ts +6 -1
- package/package.json +6 -1
- package/dist/animations/animation.component.d.ts +0 -10
- package/dist/animations/animation.component.js +0 -13
- package/dist/animations/fade-grow/fade-grow.component.d.ts +0 -14
- package/dist/animations/fade-grow/fade-grow.component.js +0 -40
- package/dist/animations/fade-scale/fade-scale.component.d.ts +0 -14
- package/dist/animations/fade-scale/fade-scale.component.js +0 -40
- package/dist/animations/fade-slide/fade-slide.component.d.ts +0 -15
- package/dist/animations/fade-slide/fade-slide.component.js +0 -41
- package/dist/animations/rotate/rotate.component.d.ts +0 -18
- package/dist/animations/rotate/rotate.component.js +0 -43
- package/dist/assets/box-b_yPaNPs.css +0 -1
- package/dist/assets/button-4MJZ7yPE.css +0 -1
- package/dist/assets/button-text-CNXFsTky.css +0 -1
- package/dist/assets/choice-pCBafXqx.css +0 -1
- package/dist/assets/control-Dk23qyF8.css +0 -1
- package/dist/assets/data-protected-label-zRn9upL6.css +0 -1
- package/dist/assets/dialog-article-lpJC_c40.css +0 -1
- package/dist/assets/expenses-8eaHjdlH.css +0 -1
- package/dist/assets/fade-grow-B23oZuuD.css +0 -1
- package/dist/assets/hidden-input-DHJQHUKd.css +0 -1
- package/dist/assets/input-Cckwgcro.css +0 -1
- package/dist/assets/label-bo2ALC-X.css +0 -1
- package/dist/assets/loader-C0f3AvRU.css +0 -1
- package/dist/assets/main-BK_1RcKG.css +0 -1
- package/dist/assets/message-block-BVk5u9rO.css +0 -1
- package/dist/assets/radio-label-Bd5UiESO.css +0 -1
- package/dist/assets/radio-text-BI17l0wD.css +0 -1
- package/dist/assets/status-6MH80dkz.css +0 -1
- package/dist/components/control/components/box/box.component.d.ts +0 -10
- package/dist/components/control/components/box/box.component.js +0 -32
- package/dist/components/control/components/button/button.component.d.ts +0 -16
- package/dist/components/control/components/button/button.component.js +0 -82
- package/dist/components/control/components/button-card/button-card.component.js +0 -9
- package/dist/components/control/components/button-radio/button-radio.component.d.ts +0 -17
- package/dist/components/control/components/button-radio/button-radio.component.js +0 -7
- package/dist/components/control/components/button-text/button-text.component.d.ts +0 -18
- package/dist/components/control/components/button-text/button-text.component.js +0 -86
- package/dist/components/control/components/card-image/card-image.component.d.ts +0 -7
- package/dist/components/control/components/card-image/card-image.component.js +0 -7
- package/dist/components/control/components/card-text/card-text.component.d.ts +0 -6
- package/dist/components/control/components/card-text/card-text.component.js +0 -7
- package/dist/components/control/components/checkbox/checkbox.component.d.ts +0 -9
- package/dist/components/control/components/checkbox/checkbox.component.js +0 -8
- package/dist/components/control/components/choice/choice.component.d.ts +0 -10
- package/dist/components/control/components/choice/choice.component.js +0 -52
- package/dist/components/control/components/dropdown/dropdown.component.js +0 -11
- package/dist/components/control/components/hidden-input/hidden-input.component.d.ts +0 -12
- package/dist/components/control/components/hidden-input/hidden-input.component.js +0 -25
- package/dist/components/control/components/input/input.component.d.ts +0 -10
- package/dist/components/control/components/input/input.component.js +0 -7
- package/dist/components/control/components/label/label.component.d.ts +0 -7
- package/dist/components/control/components/label/label.component.js +0 -28
- package/dist/components/control/components/radio/radio.component.d.ts +0 -9
- package/dist/components/control/components/radio/radio.component.js +0 -7
- package/dist/components/control/components/radio-label/radio-label.component.d.ts +0 -17
- package/dist/components/control/components/radio-label/radio-label.component.js +0 -37
- package/dist/components/control/components/radio-text/radio-text.component.d.ts +0 -9
- package/dist/components/control/components/radio-text/radio-text.component.js +0 -29
- package/dist/components/control/components/status/status.component.d.ts +0 -6
- package/dist/components/control/components/status/status.component.js +0 -37
- package/dist/components/control/components/text/text.component.d.ts +0 -9
- package/dist/components/control/components/text/text.component.js +0 -8
- package/dist/components/control/components/textarea/textarea.component.d.ts +0 -9
- package/dist/components/control/components/textarea/textarea.component.js +0 -6
- package/dist/components/control/control.component.d.ts +0 -41
- package/dist/components/control/control.component.js +0 -14
- package/dist/control.component-B9Ao9mfl.js +0 -557
- package/dist/input.component-C5xcmnfu.js +0 -999
- /package/dist/{components/control/hooks/useChoice/useChoice.hook.js → controls/hooks/use-choice/use-choice.hook.js} +0 -0
- /package/dist/{components/control → controls}/utils/functions/functions.util.d.ts +0 -0
- /package/dist/{components/control → controls}/utils/functions/functions.util.js +0 -0
package/dist/main.d.ts
CHANGED
|
@@ -1,29 +1,51 @@
|
|
|
1
|
+
export { AnimationFadeGrow } from './animations/animation-fade-grow';
|
|
2
|
+
export { AnimationFadeScale } from './animations/animation-fade-scale';
|
|
3
|
+
export { AnimationFadeSlide } from './animations/animation-fade-slide';
|
|
4
|
+
export { AnimationRotate } from './animations/animation-rotate';
|
|
5
|
+
export { type InputChangeSource, type Interactive, type RadioChoice, type ControlChoiceType, type ChoiceValue, type State, type QuestionPath, type QuestionChoice, type Size, } from './controls/utils/types';
|
|
6
|
+
export { ControlBox, type ControlBoxProps } from './controls/control-box';
|
|
7
|
+
export { ControlButton, type ControlButtonProps } from './controls/control-button';
|
|
8
|
+
export { ControlButtonCard, type ControlButtonCardProps } from './controls/control-button-card';
|
|
9
|
+
export { ControlButtonRadio, type ControlButtonRadioProps } from './controls/control-button-radio';
|
|
10
|
+
export { ControlButtonText, type ControlButtonTextProps } from './controls/control-button-text';
|
|
11
|
+
export { ControlCardImage, type ControlCardImageProps } from './controls/control-card-image';
|
|
12
|
+
export { ControlCardText, type ControlCardTextProps } from './controls/control-card-text';
|
|
13
|
+
export { ControlCheckbox, type ControlCheckboxProps } from './controls/control-checkbox';
|
|
14
|
+
export { ControlChoice, type ControlChoiceProps } from './controls/control-choice';
|
|
15
|
+
export { ControlDropdown, type ControlDropdownProps } from './controls/control-dropdown';
|
|
16
|
+
export { ControlHiddenInput, type ControlHiddenInputProps } from './controls/control-hidden-input';
|
|
17
|
+
export { ControlInput, type ControlInputProps } from './controls/control-input';
|
|
18
|
+
export { ControlLabel } from './controls/control-label';
|
|
19
|
+
export { ControlRadio, type ControlRadioProps } from './controls/control-radio';
|
|
20
|
+
export { ControlRadioLabel } from './controls/control-radio-label';
|
|
21
|
+
export { ControlRadioText, type ControlRadioTextProps } from './controls/control-radio-text';
|
|
22
|
+
export { ControlStatus } from './controls/control-status';
|
|
23
|
+
export { ControlText, type ControlTextProps } from './controls/control-text';
|
|
24
|
+
export { ControlTextarea } from './controls/control-textarea';
|
|
1
25
|
export { AccordionTable, type AccordionTableProps } from './components/accordion-table/accordion-table.component';
|
|
2
|
-
export { Animation, type FadeGrowProps, type FadeScaleProps, type FadeSlideProps, type RotateProps, } from './animations/animation.component';
|
|
3
26
|
export { BottomBar, type BottomBarProps } from './components/bottom-bar/bottom-bar.component';
|
|
4
|
-
export { Certifications
|
|
5
|
-
export {
|
|
6
|
-
export { DataProtectedLabel, type DataProtectedLabelProps, } from './components/data-protected-label/data-protected-label.component';
|
|
27
|
+
export { Certifications } from './components/certifications';
|
|
28
|
+
export { DataProtectedLabel } from './components/data-protected-label';
|
|
7
29
|
export { Dialog, type DialogProps, type DialogSize, type DialogPosition } from './components/dialog/dialog.component';
|
|
8
|
-
export { DialogArticle
|
|
9
|
-
export { Expenses
|
|
30
|
+
export { DialogArticle } from './components/dialog-article';
|
|
31
|
+
export { Expenses } from './components/expenses';
|
|
10
32
|
export { Flex, type FlexProps } from './components/flex/flex.component';
|
|
11
|
-
export { Footer
|
|
33
|
+
export { Footer } from './components/footer';
|
|
12
34
|
export { FormRow, type FormRowProps } from './components/form-row/form-row.component';
|
|
13
35
|
export { Header, type HeaderProps, type HeaderDescription } from './components/header/header.component';
|
|
14
36
|
export { InfoPanel, type InfoPanelProps } from './components/info-panel';
|
|
15
|
-
export { Information
|
|
37
|
+
export { Information } from './components/information';
|
|
16
38
|
export { Layout, type LayoutProps } from './components/layout/layout.component';
|
|
17
39
|
export { Line } from './components/line/line.component';
|
|
18
|
-
export { Loader
|
|
40
|
+
export { Loader } from './components/loader';
|
|
19
41
|
export { MainAttachment, type MainAttachmentProps } from './components/main-attachment/main-attachment.component';
|
|
20
|
-
export { Message
|
|
21
|
-
export { MessageBlock
|
|
42
|
+
export { Message } from './components/message';
|
|
43
|
+
export { MessageBlock } from './components/message-block';
|
|
22
44
|
export { NotFound, type NotFoundProps } from './components/not-found';
|
|
23
45
|
export { Payment, type PaymentBlockProps, type PaymentGlassProps, type PaymentSidebarProps, type PaymentTextBlocksProps, type PaymentTextBlockItem, } from './components/payment/payment.component';
|
|
24
46
|
export { Sidebar, type SidebarProps } from './components/sidebar/sidebar.component';
|
|
25
|
-
export { Signature
|
|
47
|
+
export { Signature } from './components/signature';
|
|
26
48
|
export { Svg, type SvgProps } from './utils/svg/svg.component';
|
|
27
49
|
export { Text } from './components/text/text.component';
|
|
28
|
-
export { UserPanel
|
|
50
|
+
export { UserPanel } from './components/user-panel';
|
|
29
51
|
export { Warranty, type WarrantyProps } from './components/warranty';
|
package/dist/main.js
CHANGED
|
@@ -1,60 +1,102 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
1
|
+
import { AnimationFadeGrow as t } from "./animations/animation-fade-grow/animation-fade-grow.component.js";
|
|
2
|
+
import { AnimationFadeScale as m } from "./animations/animation-fade-scale/animation-fade-scale.component.js";
|
|
3
|
+
import { AnimationFadeSlide as p } from "./animations/animation-fade-slide/animation-fade-slide.component.js";
|
|
4
|
+
import { AnimationRotate as n } from "./animations/animation-rotate/animation-rotate.component.js";
|
|
5
|
+
import { ControlBox as l } from "./controls/control-box/control-box.component.js";
|
|
6
|
+
import { ControlButton as C } from "./controls/control-button/control-button.component.js";
|
|
7
|
+
import { ControlButtonCard as c } from "./controls/control-button-card/control-button-card.component.js";
|
|
8
|
+
import { ControlButtonRadio as s } from "./controls/control-button-radio/control-button-radio.component.js";
|
|
9
|
+
import { ControlButtonText as g } from "./controls/control-button-text/control-button-text.component.js";
|
|
10
|
+
import { ControlCardImage as F } from "./controls/control-card-image/control-card-image.component.js";
|
|
11
|
+
import { ControlCardText as b } from "./controls/control-card-text/control-card-text.component.js";
|
|
12
|
+
import { ControlCheckbox as R } from "./controls/control-checkbox/control-checkbox.component.js";
|
|
13
|
+
import { ControlChoice as I } from "./controls/control-choice/control-choice.component.js";
|
|
14
|
+
import { ControlDropdown as P } from "./controls/control-dropdown/control-dropdown.component.js";
|
|
15
|
+
import { ControlHiddenInput as w } from "./controls/control-hidden-input/control-hidden-input.component.js";
|
|
16
|
+
import { ControlInput as M } from "./controls/control-input/control-input.component.js";
|
|
17
|
+
import { ControlLabel as H } from "./controls/control-label/control-label.component.js";
|
|
18
|
+
import { ControlRadio as E } from "./controls/control-radio/control-radio.component.js";
|
|
19
|
+
import { ControlRadioLabel as N } from "./controls/control-radio-label/control-radio-label.component.js";
|
|
20
|
+
import { ControlRadioText as W } from "./controls/control-radio-text/control-radio-text.component.js";
|
|
21
|
+
import { ControlStatus as q } from "./controls/control-status/control-status.component.js";
|
|
22
|
+
import { ControlText as J } from "./controls/control-text/control-text.component.js";
|
|
23
|
+
import { ControlTextarea as O } from "./controls/control-textarea/control-textarea.component.js";
|
|
24
|
+
import { AccordionTable as V } from "./components/accordion-table/accordion-table.component.js";
|
|
25
|
+
import { BottomBar as Y } from "./components/bottom-bar/bottom-bar.component.js";
|
|
26
|
+
import { Certifications as _ } from "./components/certifications/certifications.component.js";
|
|
27
|
+
import { DataProtectedLabel as oo } from "./components/data-protected-label/data-protected-label.component.js";
|
|
28
|
+
import { Dialog as to } from "./components/dialog/dialog.component.js";
|
|
29
|
+
import { DialogArticle as mo } from "./components/dialog-article/dialog-article.component.js";
|
|
30
|
+
import { Expenses as po } from "./components/expenses/expenses.component.js";
|
|
31
|
+
import { Flex as no } from "./components/flex/flex.component.js";
|
|
32
|
+
import { Footer as lo } from "./components/footer/footer.component.js";
|
|
33
|
+
import { FormRow as Co } from "./components/form-row/form-row.component.js";
|
|
34
|
+
import { Header as uo } from "./components/header/header.component.js";
|
|
35
|
+
import { InfoPanel as Bo } from "./components/info-panel/info-panel.component.js";
|
|
36
|
+
import { Information as Ao } from "./components/information/information.component.js";
|
|
37
|
+
import { Layout as To } from "./components/layout/layout.component.js";
|
|
38
|
+
import { Line as Lo } from "./components/line/line.component.js";
|
|
39
|
+
import { Loader as So } from "./components/loader/loader.component.js";
|
|
40
|
+
import { MainAttachment as Do } from "./components/main-attachment/main-attachment.component.js";
|
|
41
|
+
import { Message as ho } from "./components/message/message.component.js";
|
|
42
|
+
import { MessageBlock as yo } from "./components/message-block/message-block.component.js";
|
|
43
|
+
import { NotFound as ko } from "./components/not-found/not-found.component.js";
|
|
44
|
+
import { Payment as vo } from "./components/payment/payment.component.js";
|
|
45
|
+
import { Sidebar as Go } from "./components/sidebar/sidebar.component.js";
|
|
46
|
+
import { Signature as Uo } from "./components/signature/signature.component.js";
|
|
47
|
+
import { Svg as jo } from "./utils/svg/svg.component.js";
|
|
48
|
+
import { Text as zo } from "./components/text/text.component.js";
|
|
49
|
+
import { UserPanel as Ko } from "./components/user-panel/user-panel.component.js";
|
|
50
|
+
import { Warranty as Qo } from "./components/warranty/warranty.component.js";
|
|
51
|
+
import './assets/main-DlyWXITA.css';export {
|
|
52
|
+
V as AccordionTable,
|
|
53
|
+
t as AnimationFadeGrow,
|
|
54
|
+
m as AnimationFadeScale,
|
|
55
|
+
p as AnimationFadeSlide,
|
|
56
|
+
n as AnimationRotate,
|
|
57
|
+
Y as BottomBar,
|
|
58
|
+
_ as Certifications,
|
|
59
|
+
l as ControlBox,
|
|
60
|
+
C as ControlButton,
|
|
61
|
+
c as ControlButtonCard,
|
|
62
|
+
s as ControlButtonRadio,
|
|
63
|
+
g as ControlButtonText,
|
|
64
|
+
F as ControlCardImage,
|
|
65
|
+
b as ControlCardText,
|
|
66
|
+
R as ControlCheckbox,
|
|
67
|
+
I as ControlChoice,
|
|
68
|
+
P as ControlDropdown,
|
|
69
|
+
w as ControlHiddenInput,
|
|
70
|
+
M as ControlInput,
|
|
71
|
+
H as ControlLabel,
|
|
72
|
+
E as ControlRadio,
|
|
73
|
+
N as ControlRadioLabel,
|
|
74
|
+
W as ControlRadioText,
|
|
75
|
+
q as ControlStatus,
|
|
76
|
+
J as ControlText,
|
|
77
|
+
O as ControlTextarea,
|
|
78
|
+
oo as DataProtectedLabel,
|
|
79
|
+
to as Dialog,
|
|
80
|
+
mo as DialogArticle,
|
|
81
|
+
po as Expenses,
|
|
82
|
+
no as Flex,
|
|
83
|
+
lo as Footer,
|
|
84
|
+
Co as FormRow,
|
|
85
|
+
uo as Header,
|
|
86
|
+
Bo as InfoPanel,
|
|
87
|
+
Ao as Information,
|
|
88
|
+
To as Layout,
|
|
89
|
+
Lo as Line,
|
|
90
|
+
So as Loader,
|
|
91
|
+
Do as MainAttachment,
|
|
92
|
+
ho as Message,
|
|
93
|
+
yo as MessageBlock,
|
|
94
|
+
ko as NotFound,
|
|
95
|
+
vo as Payment,
|
|
96
|
+
Go as Sidebar,
|
|
97
|
+
Uo as Signature,
|
|
98
|
+
jo as Svg,
|
|
99
|
+
zo as Text,
|
|
100
|
+
Ko as UserPanel,
|
|
101
|
+
Qo as Warranty
|
|
60
102
|
};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { Base } from '../types';
|
|
1
2
|
import { SyntheticEvent } from 'react';
|
|
2
3
|
/**
|
|
3
4
|
* Type guard: checks whether value is a string
|
|
@@ -13,9 +14,18 @@ export declare function containsHtml(value: string): boolean;
|
|
|
13
14
|
* Checks if unknown value is a string containing HTML markup
|
|
14
15
|
*/
|
|
15
16
|
export declare function isHtmlString(value: unknown): value is string;
|
|
16
|
-
type ControlAction = 'prevent' | 'stop' | 'blur';
|
|
17
17
|
/**
|
|
18
18
|
* A higher-order function to wrap event handlers with common event control logic.
|
|
19
19
|
*/
|
|
20
|
-
|
|
20
|
+
type WithControlConfig = {
|
|
21
|
+
prevent?: boolean;
|
|
22
|
+
stop?: boolean;
|
|
23
|
+
blur?: boolean;
|
|
24
|
+
withEvent?: boolean;
|
|
25
|
+
};
|
|
26
|
+
export declare const withControl: <E extends SyntheticEvent<HTMLElement>>(handler: (e?: E) => void, config?: WithControlConfig) => (e: E) => void;
|
|
27
|
+
/**
|
|
28
|
+
* A helper function to extract a specific prop from a Base object, with an optional default value.
|
|
29
|
+
*/
|
|
30
|
+
export declare function baseProps(base: Base, key: keyof Base, or?: Base[keyof Base]): string | undefined;
|
|
21
31
|
export {};
|
|
@@ -7,12 +7,16 @@ function i(t) {
|
|
|
7
7
|
function o(t) {
|
|
8
8
|
return e(t) && i(t);
|
|
9
9
|
}
|
|
10
|
-
const
|
|
11
|
-
n
|
|
10
|
+
const s = (t, n) => (r) => {
|
|
11
|
+
n?.prevent && r.preventDefault(), n?.stop && r.stopPropagation(), n?.blur && r.currentTarget.blur(), n?.withEvent ? t(r) : t();
|
|
12
12
|
};
|
|
13
|
+
function u(t, n, r) {
|
|
14
|
+
return t[n] ?? r;
|
|
15
|
+
}
|
|
13
16
|
export {
|
|
17
|
+
u as baseProps,
|
|
14
18
|
i as containsHtml,
|
|
15
19
|
o as isHtmlString,
|
|
16
20
|
e as isString,
|
|
17
|
-
|
|
21
|
+
s as withControl
|
|
18
22
|
};
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { containsHtml as
|
|
1
|
+
import { baseProps as o, containsHtml as r, isHtmlString as n, isString as s, withControl as l } from "./functions.util.js";
|
|
2
2
|
export {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
o as baseProps,
|
|
4
|
+
r as containsHtml,
|
|
5
|
+
n as isHtmlString,
|
|
6
|
+
s as isString,
|
|
6
7
|
l as withControl
|
|
7
8
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactElement, SVGProps } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export interface SvgProps extends
|
|
2
|
+
import { Base } from '../types';
|
|
3
|
+
export interface SvgProps extends Base {
|
|
4
4
|
icon?: ReactElement<SVGProps<SVGSVGElement>> | null;
|
|
5
5
|
}
|
|
6
6
|
/**
|
package/dist/utils/types.d.ts
CHANGED
|
@@ -1,4 +1,9 @@
|
|
|
1
1
|
export type Size = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
|
|
2
|
-
export
|
|
2
|
+
export type Align = 'left' | 'center' | 'right';
|
|
3
|
+
export type FontWeight = 'light' | 'regular' | 'medium' | 'bold';
|
|
4
|
+
export type FontSize = 'body-extra-small' | 'body-small' | 'body' | 'body-large' | 'hl5' | 'hl4' | 'hl3' | 'hl2' | 'hl1';
|
|
5
|
+
export type FontColor = 'text-primary' | 'text-secondary' | 'accent-primary' | 'accent-secondary' | 'theme-primary' | 'theme-secondary' | 'error' | 'success' | 'focus' | 'link';
|
|
6
|
+
export interface Base {
|
|
3
7
|
className?: string;
|
|
8
|
+
['data-testid']?: string;
|
|
4
9
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@arthurzakharov/ui-kit",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.4.0",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/main.js",
|
|
7
7
|
"types": "dist/main.d.ts",
|
|
@@ -26,6 +26,10 @@
|
|
|
26
26
|
"test:unit:once": "vitest run --project unit",
|
|
27
27
|
"test:unit:watch": "vitest --project unit --watch",
|
|
28
28
|
"test:unit:update": "vitest --project unit --update",
|
|
29
|
+
"test:unit:coverage": "vitest run --coverage --project unit",
|
|
30
|
+
"test:storybook:once": "vitest run --project storybook",
|
|
31
|
+
"test:storybook:coverage": "vitest run --coverage --project storybook",
|
|
32
|
+
"test:all:coverage": "vitest run --coverage --project unit --project storybook",
|
|
29
33
|
"storybook": "storybook dev -p 6006",
|
|
30
34
|
"build-storybook": "storybook build"
|
|
31
35
|
},
|
|
@@ -81,6 +85,7 @@
|
|
|
81
85
|
"vite": "^7.3.1",
|
|
82
86
|
"vite-plugin-dts": "^4.5.4",
|
|
83
87
|
"vite-plugin-lib-inject-css": "^2.2.2",
|
|
88
|
+
"vite-tsconfig-paths": "^6.1.1",
|
|
84
89
|
"vitest": "^4.0.16"
|
|
85
90
|
}
|
|
86
91
|
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
export type { FadeGrowProps } from './fade-grow/fade-grow.component';
|
|
2
|
-
export type { FadeScaleProps } from './fade-scale/fade-scale.component';
|
|
3
|
-
export type { FadeSlideProps } from './fade-slide/fade-slide.component';
|
|
4
|
-
export type { RotateProps } from './rotate/rotate.component';
|
|
5
|
-
export declare const Animation: {
|
|
6
|
-
FadeGrow: (props: import('./fade-grow/fade-grow.component').FadeGrowProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
7
|
-
FadeScale: (props: import('./fade-scale/fade-scale.component').FadeScaleProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
8
|
-
FadeSlide: (props: import('./fade-slide/fade-slide.component').FadeSlideProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
9
|
-
Rotate: (props: import('./rotate/rotate.component').RotateProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
-
};
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { FadeGrow as o } from "./fade-grow/fade-grow.component.js";
|
|
2
|
-
import { FadeScale as r } from "./fade-scale/fade-scale.component.js";
|
|
3
|
-
import { FadeSlide as m } from "./fade-slide/fade-slide.component.js";
|
|
4
|
-
import { Rotate as t } from "./rotate/rotate.component.js";
|
|
5
|
-
const d = {
|
|
6
|
-
FadeGrow: o,
|
|
7
|
-
FadeScale: r,
|
|
8
|
-
FadeSlide: m,
|
|
9
|
-
Rotate: t
|
|
10
|
-
};
|
|
11
|
-
export {
|
|
12
|
-
d as Animation
|
|
13
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { AnimationGeneratorType, Easing } from 'motion';
|
|
2
|
-
import { PropsWithChildren } from 'react';
|
|
3
|
-
export interface FadeGrowProps extends PropsWithChildren {
|
|
4
|
-
name: string;
|
|
5
|
-
condition?: boolean;
|
|
6
|
-
flex?: boolean;
|
|
7
|
-
className?: string;
|
|
8
|
-
type?: AnimationGeneratorType;
|
|
9
|
-
ease?: Easing | Easing[];
|
|
10
|
-
duration?: number;
|
|
11
|
-
delay?: number;
|
|
12
|
-
animateOnStart?: boolean;
|
|
13
|
-
}
|
|
14
|
-
export declare const FadeGrow: (props: FadeGrowProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { useRef as h, useEffect as p } from "react";
|
|
3
|
-
import x from "clsx";
|
|
4
|
-
import { m as y } from "../../proxy-Cx6n7mT2.js";
|
|
5
|
-
import '../../assets/fade-grow-B23oZuuD.css';const F = "_Flex_1t96l_1", v = {
|
|
6
|
-
Flex: F
|
|
7
|
-
}, O = (a) => {
|
|
8
|
-
const {
|
|
9
|
-
children: i,
|
|
10
|
-
name: r,
|
|
11
|
-
condition: s = !1,
|
|
12
|
-
flex: e = !1,
|
|
13
|
-
ease: l = "easeInOut",
|
|
14
|
-
type: c = "tween",
|
|
15
|
-
className: t = "",
|
|
16
|
-
duration: m = 0.2,
|
|
17
|
-
delay: f = 0,
|
|
18
|
-
animateOnStart: d = !1
|
|
19
|
-
} = a, n = h(d);
|
|
20
|
-
if (p(() => {
|
|
21
|
-
n.current = !0;
|
|
22
|
-
}, []), !s) return null;
|
|
23
|
-
const u = n.current ? { height: 0, opacity: 0 } : !1;
|
|
24
|
-
return /* @__PURE__ */ o("div", { style: { overflow: "hidden" }, children: /* @__PURE__ */ o(
|
|
25
|
-
y.div,
|
|
26
|
-
{
|
|
27
|
-
initial: u,
|
|
28
|
-
animate: { height: "auto", opacity: 1 },
|
|
29
|
-
transition: { ease: l, duration: m, delay: f, type: c },
|
|
30
|
-
className: t || e ? x(t, {
|
|
31
|
-
[v.Flex]: e
|
|
32
|
-
}) : void 0,
|
|
33
|
-
children: i
|
|
34
|
-
},
|
|
35
|
-
r
|
|
36
|
-
) });
|
|
37
|
-
};
|
|
38
|
-
export {
|
|
39
|
-
O as FadeGrow
|
|
40
|
-
};
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { AnimationGeneratorType, Easing } from 'motion';
|
|
2
|
-
import { PropsWithChildren } from 'react';
|
|
3
|
-
export interface FadeScaleProps extends PropsWithChildren {
|
|
4
|
-
name: string;
|
|
5
|
-
condition?: boolean;
|
|
6
|
-
flex?: boolean;
|
|
7
|
-
className?: string;
|
|
8
|
-
type?: AnimationGeneratorType;
|
|
9
|
-
ease?: Easing | Easing[];
|
|
10
|
-
duration?: number;
|
|
11
|
-
delay?: number;
|
|
12
|
-
animateOnStart?: boolean;
|
|
13
|
-
}
|
|
14
|
-
export declare const FadeScale: (props: FadeScaleProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { jsx as d } from "react/jsx-runtime";
|
|
2
|
-
import { useRef as p, useEffect as x } from "react";
|
|
3
|
-
import F from "clsx";
|
|
4
|
-
import { m as y } from "../../proxy-Cx6n7mT2.js";
|
|
5
|
-
import '../../assets/fade-grow-B23oZuuD.css';const _ = "_Flex_1t96l_1", h = {
|
|
6
|
-
Flex: _
|
|
7
|
-
}, S = (n) => {
|
|
8
|
-
const {
|
|
9
|
-
children: s,
|
|
10
|
-
name: o,
|
|
11
|
-
condition: r = !1,
|
|
12
|
-
flex: e = !1,
|
|
13
|
-
ease: i = "easeInOut",
|
|
14
|
-
type: l = "tween",
|
|
15
|
-
className: t = "",
|
|
16
|
-
duration: c = 0.15,
|
|
17
|
-
delay: m = 0,
|
|
18
|
-
animateOnStart: f = !1
|
|
19
|
-
} = n, a = p(f);
|
|
20
|
-
if (x(() => {
|
|
21
|
-
a.current = !0;
|
|
22
|
-
}, []), !r) return null;
|
|
23
|
-
const u = a.current ? { opacity: 0, scale: 0.95 } : !1;
|
|
24
|
-
return /* @__PURE__ */ d(
|
|
25
|
-
y.div,
|
|
26
|
-
{
|
|
27
|
-
initial: u,
|
|
28
|
-
animate: { opacity: 1, scale: 1 },
|
|
29
|
-
transition: { ease: i, duration: c, delay: m, type: l },
|
|
30
|
-
className: t || e ? F(t, {
|
|
31
|
-
[h.Flex]: e
|
|
32
|
-
}) : void 0,
|
|
33
|
-
children: s
|
|
34
|
-
},
|
|
35
|
-
o
|
|
36
|
-
);
|
|
37
|
-
};
|
|
38
|
-
export {
|
|
39
|
-
S as FadeScale
|
|
40
|
-
};
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { AnimationGeneratorType, Easing } from 'motion';
|
|
2
|
-
import { PropsWithChildren } from 'react';
|
|
3
|
-
export interface FadeSlideProps extends PropsWithChildren {
|
|
4
|
-
name: string;
|
|
5
|
-
condition?: boolean;
|
|
6
|
-
flex?: boolean;
|
|
7
|
-
direction?: 'ltr' | 'rtl';
|
|
8
|
-
className?: string;
|
|
9
|
-
type?: AnimationGeneratorType;
|
|
10
|
-
ease?: Easing | Easing[];
|
|
11
|
-
duration?: number;
|
|
12
|
-
delay?: number;
|
|
13
|
-
animateOnStart?: boolean;
|
|
14
|
-
}
|
|
15
|
-
export declare const FadeSlide: (props: FadeSlideProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { useRef as p, useEffect as y } from "react";
|
|
3
|
-
import F from "clsx";
|
|
4
|
-
import { m as h } from "../../proxy-Cx6n7mT2.js";
|
|
5
|
-
import '../../assets/fade-grow-B23oZuuD.css';const v = "_Flex_1t96l_1", _ = {
|
|
6
|
-
Flex: v
|
|
7
|
-
}, S = (i) => {
|
|
8
|
-
const {
|
|
9
|
-
children: o,
|
|
10
|
-
name: a,
|
|
11
|
-
condition: l = !1,
|
|
12
|
-
flex: e = !1,
|
|
13
|
-
direction: s = "ltr",
|
|
14
|
-
ease: c = "easeInOut",
|
|
15
|
-
type: d = "tween",
|
|
16
|
-
className: t = "",
|
|
17
|
-
duration: m = 0.125,
|
|
18
|
-
delay: f = 0,
|
|
19
|
-
animateOnStart: u = !1
|
|
20
|
-
} = i, n = p(u);
|
|
21
|
-
if (y(() => {
|
|
22
|
-
n.current = !0;
|
|
23
|
-
}, []), !l) return null;
|
|
24
|
-
const x = n.current ? { x: s === "ltr" ? "-100%" : "100%", opacity: 0 } : !1;
|
|
25
|
-
return /* @__PURE__ */ r("div", { style: { overflow: "hidden" }, children: /* @__PURE__ */ r(
|
|
26
|
-
h.div,
|
|
27
|
-
{
|
|
28
|
-
initial: x,
|
|
29
|
-
animate: { x: 0, opacity: 1 },
|
|
30
|
-
transition: { ease: c, duration: m, delay: f, type: d },
|
|
31
|
-
className: t || e ? F(t, {
|
|
32
|
-
[_.Flex]: e
|
|
33
|
-
}) : void 0,
|
|
34
|
-
children: o
|
|
35
|
-
},
|
|
36
|
-
a
|
|
37
|
-
) });
|
|
38
|
-
};
|
|
39
|
-
export {
|
|
40
|
-
S as FadeSlide
|
|
41
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { AnimationGeneratorType, Easing } from 'motion';
|
|
2
|
-
import { PropsWithChildren } from 'react';
|
|
3
|
-
type RotateDirection = 'top' | 'left' | 'bottom' | 'right';
|
|
4
|
-
export interface RotateProps extends PropsWithChildren {
|
|
5
|
-
name: string;
|
|
6
|
-
condition?: boolean;
|
|
7
|
-
flex?: boolean;
|
|
8
|
-
from?: RotateDirection;
|
|
9
|
-
to?: RotateDirection;
|
|
10
|
-
className?: string;
|
|
11
|
-
type?: AnimationGeneratorType;
|
|
12
|
-
ease?: Easing | Easing[];
|
|
13
|
-
duration?: number;
|
|
14
|
-
delay?: number;
|
|
15
|
-
animateOnStart?: boolean;
|
|
16
|
-
}
|
|
17
|
-
export declare const Rotate: (props: RotateProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
-
export {};
|
|
@@ -1,43 +0,0 @@
|
|
|
1
|
-
import { jsx as E } from "react/jsx-runtime";
|
|
2
|
-
import "react";
|
|
3
|
-
import F from "clsx";
|
|
4
|
-
import { m as g } from "../../proxy-Cx6n7mT2.js";
|
|
5
|
-
import '../../assets/fade-grow-B23oZuuD.css';const u = "_Flex_1t96l_1", I = {
|
|
6
|
-
Flex: u
|
|
7
|
-
}, a = {
|
|
8
|
-
top: 0,
|
|
9
|
-
right: 90,
|
|
10
|
-
bottom: 180,
|
|
11
|
-
left: 270
|
|
12
|
-
}, y = (n) => {
|
|
13
|
-
const {
|
|
14
|
-
children: s,
|
|
15
|
-
name: i,
|
|
16
|
-
condition: r = !1,
|
|
17
|
-
flex: t = !1,
|
|
18
|
-
from: l = "left",
|
|
19
|
-
to: m = "top",
|
|
20
|
-
ease: c = "easeInOut",
|
|
21
|
-
type: f = "tween",
|
|
22
|
-
className: o = "",
|
|
23
|
-
duration: d = 0.15,
|
|
24
|
-
delay: p = 0,
|
|
25
|
-
animateOnStart: x = !1
|
|
26
|
-
} = n, e = `${a[l]}deg`, R = `${a[m]}deg`, _ = x ? { rotate: e } : !1;
|
|
27
|
-
return /* @__PURE__ */ E(
|
|
28
|
-
g.div,
|
|
29
|
-
{
|
|
30
|
-
initial: _,
|
|
31
|
-
animate: { rotate: r ? R : e },
|
|
32
|
-
transition: { ease: c, duration: d, delay: p, type: f },
|
|
33
|
-
className: o || t ? F(o, {
|
|
34
|
-
[I.Flex]: t
|
|
35
|
-
}) : void 0,
|
|
36
|
-
children: s
|
|
37
|
-
},
|
|
38
|
-
i
|
|
39
|
-
);
|
|
40
|
-
};
|
|
41
|
-
export {
|
|
42
|
-
y as Rotate
|
|
43
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._Box_1tiwz_1{flex-basis:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;align-self:stretch;border-radius:10px;border-width:1px;border-style:solid;background-color:var(--rm-ui-card-background);transition:border-color .15s ease-out}._BoxChecked_1tiwz_15{border-color:var(--rm-ui-color-action);outline:2px solid var(--rm-ui-color-action);outline-offset:-2px}._BoxStateIdle_1tiwz_21{border-color:var(--rm-ui-grey-300)}._BoxFocused_1tiwz_25{border-color:var(--rm-ui-color-focus);border-color:-webkit-focus-ring-color}._BoxStateError_1tiwz_30{border-color:var(--rm-ui-color-error)}._BoxStateSuccess_1tiwz_34{border-color:var(--rm-ui-color-success)}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._Button_1utzs_1{position:relative;box-sizing:border-box;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center}._ButtonSizeSm_1utzs_11{border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xs) var(--rm-ui-padding-sm)}._ButtonSizeLg_1utzs_16._ButtonColorTertiary_1utzs_16{padding:calc(var(--rm-ui-padding-xs) - 1px) calc(var(--rm-ui-padding-sm) - 1px)}._ButtonSizeSm_1utzs_11 ._ButtonText_1utzs_20{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._ButtonSizeMd_1utzs_26{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._ButtonSizeMd_1utzs_26._ButtonColorTertiary_1utzs_16{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._ButtonSizeLg_1utzs_16{border-radius:var(--rm-ui-border-radius-md);padding:var(--rm-ui-padding-sm) var(--rm-ui-padding-lg)}._ButtonSizeLg_1utzs_16._ButtonColorTertiary_1utzs_16{padding:calc(var(--rm-ui-padding-sm) - 1px) calc(var(--rm-ui-padding-lg) - 1px)}._ButtonSizeMd_1utzs_26 ._ButtonText_1utzs_20{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._ButtonSizeLg_1utzs_16 ._ButtonText_1utzs_20{font-size:var(--rm-ui-font-size-body-large);line-height:var(--rm-ui-line-height-body-large)}._ButtonColorPrimary_1utzs_54{background-color:var(--rm-ui-next-btn-bg)}._ButtonColorPrimary_1utzs_54 ._ButtonText_1utzs_20{color:#fff}._ButtonColorSecondary_1utzs_62{background-color:transparent}._ButtonColorSecondary_1utzs_62 ._ButtonText_1utzs_20{color:var(--rm-ui-color-text-secondary)}._ButtonColorTertiary_1utzs_16{border:1px solid var(--rm-ui-grey-300);background-color:transparent}._ButtonColorTertiary_1utzs_16 ._ButtonText_1utzs_20{color:var(--rm-ui-color-text-primary)}._Button_1utzs_1:not(._ButtonLoading_1utzs_79):not(:disabled):hover{cursor:pointer}._Button_1utzs_1:focus{outline-color:var(--rm-ui-color-focus)}._ButtonFullWidth_1utzs_87{width:100%}._ButtonText_1utzs_20{font-weight:var(--rm-ui-font-weight-medium)}._ButtonInfo_1utzs_95{font-weight:var(--rm-ui-font-weight-regular);font-size:var(--rm-ui-font-size-body-small);line-height:calc(var(--rm-ui-line-height-body-small) - 2px);color:#fff}._ButtonContent_1utzs_102{transition:opacity .2s ease-in-out .2s}._ButtonContentLoading_1utzs_106{opacity:0}._ButtonContentIdle_1utzs_110{opacity:1}._ButtonLoaderWrap_1utzs_114{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._ButtonLoaderAnimationWrap_1utzs_121{display:flex;flex-direction:column;align-items:center;justify-content:center}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._ButtonText_1x843_1{display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:var(--rm-ui-padding-xs);border-radius:var(--rm-ui-border-radius-sm);padding:var(--rm-ui-padding-xxs)}._ButtonTextColorPrimary_1x843_11{color:var(--rm-ui-color-text-primary)}._ButtonTextColorSecondary_1x843_15{color:var(--rm-ui-color-text-secondary)}._ButtonTextColorAccentPrimary_1x843_19{color:var(--rm-ui-color-accent-primary)}._ButtonTextColorAccentSecondary_1x843_23{color:var(--rm-ui-color-accent-secondary)}._ButtonTextColorThemePrimary_1x843_27{color:var(--rm-ui-color-theme-primary)}._ButtonTextColorThemeSecondary_1x843_31{color:var(--rm-ui-color-theme-secondary)}._ButtonTextIconPositionLeft_1x843_35{flex-direction:row}._ButtonTextIconPositionRight_1x843_39{flex-direction:row-reverse}._ButtonTextIcon_1x843_35{stroke-width:1.5}._ButtonTextSizeSm_1x843_47 ._ButtonTextIcon_1x843_35{width:20px;height:20px}._ButtonTextSizeMd_1x843_52 ._ButtonTextIcon_1x843_35{width:22px;height:22px}._ButtonTextSizeLg_1x843_57 ._ButtonTextIcon_1x843_35{width:24px;height:24px}._ButtonTextSizeSm_1x843_47 ._ButtonTextContent_1x843_62{font-size:var(--rm-ui-font-size-body-small);line-height:var(--rm-ui-line-height-body-small)}._ButtonTextSizeMd_1x843_52 ._ButtonTextContent_1x843_62{font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body)}._ButtonTextSizeLg_1x843_57 ._ButtonTextContent_1x843_62{font-size:var(--rm-ui-font-size-hl4);line-height:var(--rm-ui-line-height-hl4)}._ButtonTextContent_1x843_62{text-decoration:none}._ButtonTextContentWeightLight_1x843_81{font-weight:var(--rm-ui-font-weight-light)}._ButtonTextContentWeightRegular_1x843_85{font-weight:var(--rm-ui-font-weight-regular)}._ButtonTextContentWeightMedium_1x843_89{font-weight:var(--rm-ui-font-weight-medium)}._ButtonTextContentWeightBold_1x843_93{font-weight:var(--rm-ui-font-weight-bold)}._ButtonTextContentUnderlined_1x843_97{text-decoration:underline}
|