@finam/web-ui-kit-components 3.30.1 → 3.32.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/CHANGELOG.md +7 -0
- package/dist/AccordionBanner/AccordionBanner.js +100 -35
- package/dist/AccordionBanner/AccordionBanner.js.map +1 -1
- package/dist/AccordionBanner/AccordionBanner.styles.css +1 -1
- package/dist/AccordionBanner/AccordionBanner.styles.js +14 -13
- package/dist/AccordionBanner/AccordionBanner.styles.js.map +1 -1
- package/dist/AccordionBanner/index.js +2 -3
- package/dist/AccordionBanner/types.js +0 -2
- package/dist/AccordionBanner/utils.js +5 -3
- package/dist/AccordionBanner/utils.js.map +1 -1
- package/dist/Avatar/Avatar.js +46 -33
- package/dist/Avatar/Avatar.js.map +1 -1
- package/dist/Avatar/Icons/AvatarMale.js +141 -4
- package/dist/Avatar/Icons/AvatarMale.js.map +1 -1
- package/dist/Avatar/Icons/AvatarUnisex.js +143 -4
- package/dist/Avatar/Icons/AvatarUnisex.js.map +1 -1
- package/dist/Avatar/Icons/index.js +2 -3
- package/dist/Avatar/index.js +4 -2
- package/dist/Avatar/index.js.map +1 -1
- package/dist/Avatar/utils.js +4 -5
- package/dist/Avatar/utils.js.map +1 -1
- package/dist/Breadcrumbs/Breadcrumb/Breadcrumb.js +53 -27
- package/dist/Breadcrumbs/Breadcrumb/Breadcrumb.js.map +1 -1
- package/dist/Breadcrumbs/Breadcrumb/Breadcrumb.styles.js +2 -1
- package/dist/Breadcrumbs/Breadcrumb/Breadcrumb.styles.js.map +1 -1
- package/dist/Breadcrumbs/Breadcrumb/index.js +1 -2
- package/dist/Breadcrumbs/Breadcrumb/types.js +0 -2
- package/dist/Breadcrumbs/Breadcrumbs.js +50 -23
- package/dist/Breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/Breadcrumbs/Breadcrumbs.styles.js +5 -4
- package/dist/Breadcrumbs/Breadcrumbs.styles.js.map +1 -1
- package/dist/Breadcrumbs/HiddenItemsButton/HiddenItemsButton.js +39 -14
- package/dist/Breadcrumbs/HiddenItemsButton/HiddenItemsButton.js.map +1 -1
- package/dist/Breadcrumbs/HiddenItemsButton/HiddenItemsButton.styles.js +3 -2
- package/dist/Breadcrumbs/HiddenItemsButton/HiddenItemsButton.styles.js.map +1 -1
- package/dist/Breadcrumbs/HiddenItemsButton/index.js +1 -2
- package/dist/Breadcrumbs/HiddenMenuItems/HiddenMenuItems.js +41 -36
- package/dist/Breadcrumbs/HiddenMenuItems/HiddenMenuItems.js.map +1 -1
- package/dist/Breadcrumbs/HiddenMenuItems/index.js +1 -2
- package/dist/Breadcrumbs/constants.js +28 -20
- package/dist/Breadcrumbs/constants.js.map +1 -1
- package/dist/Breadcrumbs/hooks/useBreadcrumbs.js +108 -123
- package/dist/Breadcrumbs/hooks/useBreadcrumbs.js.map +1 -1
- package/dist/Breadcrumbs/index.js +3 -4
- package/dist/Breadcrumbs/utils/getRenderOnPageItems.js +48 -45
- package/dist/Breadcrumbs/utils/getRenderOnPageItems.js.map +1 -1
- package/dist/Breadcrumbs/utils/handleKeyboardNavigation.js +24 -43
- package/dist/Breadcrumbs/utils/handleKeyboardNavigation.js.map +1 -1
- package/dist/Breadcrumbs/utils/index.js +2 -3
- package/dist/Breadcrumbs/utils/intersperseWithKeys.js +13 -7
- package/dist/Breadcrumbs/utils/intersperseWithKeys.js.map +1 -1
- package/dist/Breadcrumbs/utils/sizeClassName.js +3 -1
- package/dist/Breadcrumbs/utils/sizeClassName.js.map +1 -1
- package/dist/Button/Button.js +70 -24
- package/dist/Button/Button.js.map +1 -1
- package/dist/Button/index.js +1 -2
- package/dist/Button/types.js +0 -2
- package/dist/ButtonAsync/ButtonAsync.d.ts +9 -0
- package/dist/ButtonAsync/ButtonAsync.d.ts.map +1 -0
- package/dist/ButtonAsync/ButtonAsync.js +59 -0
- package/dist/ButtonAsync/ButtonAsync.js.map +1 -0
- package/dist/ButtonAsync/index.d.ts +2 -0
- package/dist/ButtonAsync/index.d.ts.map +1 -0
- package/dist/ButtonAsync/index.js +1 -0
- package/dist/Calendar/Calendar.js +249 -102
- package/dist/Calendar/Calendar.js.map +1 -1
- package/dist/Calendar/Calendar.styles.css +2 -2
- package/dist/Calendar/Calendar.styles.js +17 -16
- package/dist/Calendar/Calendar.styles.js.map +1 -1
- package/dist/Calendar/CalendarHeader/CalendarHeader.js +90 -22
- package/dist/Calendar/CalendarHeader/CalendarHeader.js.map +1 -1
- package/dist/Calendar/CalendarHeader/CalendarHeader.styles.js +8 -8
- package/dist/Calendar/CalendarHeader/CalendarHeader.styles.js.map +1 -1
- package/dist/Calendar/CalendarHeader/index.js +1 -2
- package/dist/Calendar/Day/Day.js +16 -9
- package/dist/Calendar/Day/Day.js.map +1 -1
- package/dist/Calendar/Day/Day.styles.js +6 -5
- package/dist/Calendar/Day/Day.styles.js.map +1 -1
- package/dist/Calendar/Day/index.js +4 -2
- package/dist/Calendar/Day/index.js.map +1 -1
- package/dist/Calendar/DayWrapper.js +25 -8
- package/dist/Calendar/DayWrapper.js.map +1 -1
- package/dist/Calendar/SelectMonthTable/SelectMonthTable.js +77 -35
- package/dist/Calendar/SelectMonthTable/SelectMonthTable.js.map +1 -1
- package/dist/Calendar/SelectMonthTable/SelectMonthTable.styles.js +12 -12
- package/dist/Calendar/SelectMonthTable/SelectMonthTable.styles.js.map +1 -1
- package/dist/Calendar/SelectMonthTable/index.js +1 -2
- package/dist/Calendar/SelectYearTable/SelectYearTable.js +75 -32
- package/dist/Calendar/SelectYearTable/SelectYearTable.js.map +1 -1
- package/dist/Calendar/SelectYearTable/SelectYearTable.styles.js +12 -12
- package/dist/Calendar/SelectYearTable/SelectYearTable.styles.js.map +1 -1
- package/dist/Calendar/SelectYearTable/index.js +1 -2
- package/dist/Calendar/SlideTransition/SlideTransition.js +27 -12
- package/dist/Calendar/SlideTransition/SlideTransition.js.map +1 -1
- package/dist/Calendar/SlideTransition/SlideTransition.styles.js +6 -5
- package/dist/Calendar/SlideTransition/SlideTransition.styles.js.map +1 -1
- package/dist/Calendar/SlideTransition/index.js +4 -2
- package/dist/Calendar/SlideTransition/index.js.map +1 -1
- package/dist/Calendar/SlideTransition/types.js +0 -2
- package/dist/Calendar/SlideTransition/utils.js +8 -6
- package/dist/Calendar/SlideTransition/utils.js.map +1 -1
- package/dist/Calendar/index.js +1 -2
- package/dist/Calendar/types.js +5 -3
- package/dist/Calendar/types.js.map +1 -1
- package/dist/Calendar/useCalendarFormatUtils.js +9 -4
- package/dist/Calendar/useCalendarFormatUtils.js.map +1 -1
- package/dist/Calendar/utils.js +35 -35
- package/dist/Calendar/utils.js.map +1 -1
- package/dist/Checkbox/Checkbox.js +43 -12
- package/dist/Checkbox/Checkbox.js.map +1 -1
- package/dist/Checkbox/Checkbox.styles.js +6 -5
- package/dist/Checkbox/Checkbox.styles.js.map +1 -1
- package/dist/Checkbox/IconOn.js +55 -14
- package/dist/Checkbox/IconOn.js.map +1 -1
- package/dist/Checkbox/index.js +1 -2
- package/dist/Checkbox/types.js +0 -2
- package/dist/Checkbox/utils.js +4 -2
- package/dist/Checkbox/utils.js.map +1 -1
- package/dist/CheckboxField/CheckboxField.js +50 -15
- package/dist/CheckboxField/CheckboxField.js.map +1 -1
- package/dist/CheckboxField/CheckboxField.styles.js +5 -4
- package/dist/CheckboxField/CheckboxField.styles.js.map +1 -1
- package/dist/CheckboxField/index.js +4 -2
- package/dist/CheckboxField/index.js.map +1 -1
- package/dist/CheckboxField/types.js +0 -2
- package/dist/CheckboxField/utils.js +4 -2
- package/dist/CheckboxField/utils.js.map +1 -1
- package/dist/Chip/Chip.js +47 -14
- package/dist/Chip/Chip.js.map +1 -1
- package/dist/Chip/Chip.styles.js +4 -3
- package/dist/Chip/Chip.styles.js.map +1 -1
- package/dist/Chip/index.js +4 -2
- package/dist/Chip/index.js.map +1 -1
- package/dist/ClickAwayListener/ClickAwayListener.js +50 -62
- package/dist/ClickAwayListener/ClickAwayListener.js.map +1 -1
- package/dist/ClickAwayListener/index.js +4 -2
- package/dist/ClickAwayListener/index.js.map +1 -1
- package/dist/CodeInput/CodeInput.js +105 -65
- package/dist/CodeInput/CodeInput.js.map +1 -1
- package/dist/CodeInput/CodeInput.styles.js +4 -3
- package/dist/CodeInput/CodeInput.styles.js.map +1 -1
- package/dist/CodeInput/index.js +1 -2
- package/dist/ContextMenu/ContextMenu.js +49 -17
- package/dist/ContextMenu/ContextMenu.js.map +1 -1
- package/dist/ContextMenu/ContextMenu.styles.js +3 -2
- package/dist/ContextMenu/ContextMenu.styles.js.map +1 -1
- package/dist/ContextMenu/index.js +2 -3
- package/dist/Counter/Counter.js +28 -11
- package/dist/Counter/Counter.js.map +1 -1
- package/dist/Counter/index.js +4 -2
- package/dist/Counter/index.js.map +1 -1
- package/dist/Counter/types.js +0 -2
- package/dist/DatePicker/DatePicker.js +190 -106
- package/dist/DatePicker/DatePicker.js.map +1 -1
- package/dist/DatePicker/DatePicker.styles.js +6 -5
- package/dist/DatePicker/DatePicker.styles.js.map +1 -1
- package/dist/DatePicker/index.js +1 -2
- package/dist/DatePicker/useDateFormatUtils.js +9 -4
- package/dist/DatePicker/useDateFormatUtils.js.map +1 -1
- package/dist/DateTimePeriod/DateTimePeriod.js +88 -17
- package/dist/DateTimePeriod/DateTimePeriod.js.map +1 -1
- package/dist/DateTimePeriod/DateTimePeriod.styles.js +12 -11
- package/dist/DateTimePeriod/DateTimePeriod.styles.js.map +1 -1
- package/dist/DateTimePeriod/index.js +4 -2
- package/dist/DateTimePeriod/index.js.map +1 -1
- package/dist/DateTimePeriod/types.js +0 -2
- package/dist/DateTimePicker/DateTimePicker.js +188 -133
- package/dist/DateTimePicker/DateTimePicker.js.map +1 -1
- package/dist/DateTimePicker/DateTimePicker.styles.js +15 -14
- package/dist/DateTimePicker/DateTimePicker.styles.js.map +1 -1
- package/dist/DateTimePicker/index.js +4 -2
- package/dist/DateTimePicker/index.js.map +1 -1
- package/dist/DateTimePicker/utils.js +10 -14
- package/dist/DateTimePicker/utils.js.map +1 -1
- package/dist/Dialog/Dialog.js +68 -21
- package/dist/Dialog/Dialog.js.map +1 -1
- package/dist/Dialog/Dialog.styles.js +7 -6
- package/dist/Dialog/Dialog.styles.js.map +1 -1
- package/dist/Dialog/index.js +2 -3
- package/dist/Dialog/types.js +0 -2
- package/dist/Dialog/utils.js +5 -3
- package/dist/Dialog/utils.js.map +1 -1
- package/dist/DialogActions/DialogActions.js +28 -12
- package/dist/DialogActions/DialogActions.js.map +1 -1
- package/dist/DialogActions/DialogActions.styles.js +3 -2
- package/dist/DialogActions/DialogActions.styles.js.map +1 -1
- package/dist/DialogActions/index.js +4 -2
- package/dist/DialogActions/index.js.map +1 -1
- package/dist/DialogActions/types.js +0 -2
- package/dist/DialogActions/utils.js +4 -2
- package/dist/DialogActions/utils.js.map +1 -1
- package/dist/DialogContent/DialogContent.js +66 -29
- package/dist/DialogContent/DialogContent.js.map +1 -1
- package/dist/DialogContent/DialogContent.styles.js +6 -5
- package/dist/DialogContent/DialogContent.styles.js.map +1 -1
- package/dist/DialogContent/index.js +4 -2
- package/dist/DialogContent/index.js.map +1 -1
- package/dist/DialogContent/types.js +0 -2
- package/dist/DialogTitle/DialogTitle.js +46 -17
- package/dist/DialogTitle/DialogTitle.js.map +1 -1
- package/dist/DialogTitle/DialogTitle.styles.css +1 -1
- package/dist/DialogTitle/DialogTitle.styles.js +8 -7
- package/dist/DialogTitle/DialogTitle.styles.js.map +1 -1
- package/dist/DialogTitle/index.js +4 -2
- package/dist/DialogTitle/index.js.map +1 -1
- package/dist/Divider/Divider.js +14 -7
- package/dist/Divider/Divider.js.map +1 -1
- package/dist/Divider/Divider.styles.js +4 -3
- package/dist/Divider/Divider.styles.js.map +1 -1
- package/dist/Divider/index.js +4 -2
- package/dist/Divider/index.js.map +1 -1
- package/dist/Divider/types.js +0 -2
- package/dist/Divider/utils.js +5 -3
- package/dist/Divider/utils.js.map +1 -1
- package/dist/DraggablePopover/DraggablePopover.js +149 -97
- package/dist/DraggablePopover/DraggablePopover.js.map +1 -1
- package/dist/DraggablePopover/DraggablePopover.styles.js +6 -5
- package/dist/DraggablePopover/DraggablePopover.styles.js.map +1 -1
- package/dist/DraggablePopover/index.js +2 -3
- package/dist/DraggablePopover/layersManager.js +25 -27
- package/dist/DraggablePopover/layersManager.js.map +1 -1
- package/dist/DraggablePopover/utils.js +9 -4
- package/dist/DraggablePopover/utils.js.map +1 -1
- package/dist/DropDownMenu/DropDownMenu.js +34 -17
- package/dist/DropDownMenu/DropDownMenu.js.map +1 -1
- package/dist/DropDownMenu/DropDownMenu.styles.js +2 -1
- package/dist/DropDownMenu/DropDownMenu.styles.js.map +1 -1
- package/dist/DropDownMenu/index.js +4 -2
- package/dist/DropDownMenu/index.js.map +1 -1
- package/dist/EmptyScreen/EmptyScreen.js +51 -16
- package/dist/EmptyScreen/EmptyScreen.js.map +1 -1
- package/dist/EmptyScreen/EmptyScreen.styles.js +9 -8
- package/dist/EmptyScreen/EmptyScreen.styles.js.map +1 -1
- package/dist/EmptyScreen/index.js +1 -2
- package/dist/FeatureCallout/Arrow.js +22 -9
- package/dist/FeatureCallout/Arrow.js.map +1 -1
- package/dist/FeatureCallout/FeatureCallout.js +50 -14
- package/dist/FeatureCallout/FeatureCallout.js.map +1 -1
- package/dist/FeatureCallout/FeatureCallout.styles.js +5 -4
- package/dist/FeatureCallout/FeatureCallout.styles.js.map +1 -1
- package/dist/FeatureCallout/FeatureCalloutActions/FeatureCalloutActions.js +29 -7
- package/dist/FeatureCallout/FeatureCalloutActions/FeatureCalloutActions.js.map +1 -1
- package/dist/FeatureCallout/FeatureCalloutActions/FeatureCalloutActions.styles.js +4 -3
- package/dist/FeatureCallout/FeatureCalloutActions/FeatureCalloutActions.styles.js.map +1 -1
- package/dist/FeatureCallout/FeatureCalloutActions/index.js +4 -2
- package/dist/FeatureCallout/FeatureCalloutActions/index.js.map +1 -1
- package/dist/FeatureCallout/FeatureCalloutText/FeatureCalloutText.js +12 -5
- package/dist/FeatureCallout/FeatureCalloutText/FeatureCalloutText.js.map +1 -1
- package/dist/FeatureCallout/FeatureCalloutText/index.js +4 -2
- package/dist/FeatureCallout/FeatureCalloutText/index.js.map +1 -1
- package/dist/FeatureCallout/FeatureCalloutTitle/FeatureCalloutTitle.js +15 -7
- package/dist/FeatureCallout/FeatureCalloutTitle/FeatureCalloutTitle.js.map +1 -1
- package/dist/FeatureCallout/FeatureCalloutTitle/FeatureCalloutTitle.styles.js +2 -1
- package/dist/FeatureCallout/FeatureCalloutTitle/FeatureCalloutTitle.styles.js.map +1 -1
- package/dist/FeatureCallout/FeatureCalloutTitle/index.js +4 -2
- package/dist/FeatureCallout/FeatureCalloutTitle/index.js.map +1 -1
- package/dist/FeatureCallout/constants.js +11 -9
- package/dist/FeatureCallout/constants.js.map +1 -1
- package/dist/FeatureCallout/index.js +8 -7
- package/dist/FeatureCallout/index.js.map +1 -1
- package/dist/FeatureCallout/utils.js +33 -31
- package/dist/FeatureCallout/utils.js.map +1 -1
- package/dist/FieldHint/FieldHint.js +89 -24
- package/dist/FieldHint/FieldHint.js.map +1 -1
- package/dist/FieldHint/FieldHint.styles.js +9 -8
- package/dist/FieldHint/FieldHint.styles.js.map +1 -1
- package/dist/FieldHint/index.js +4 -2
- package/dist/FieldHint/index.js.map +1 -1
- package/dist/FieldHint/utils.js +5 -3
- package/dist/FieldHint/utils.js.map +1 -1
- package/dist/FieldLabel/FieldLabel.js +51 -18
- package/dist/FieldLabel/FieldLabel.js.map +1 -1
- package/dist/FieldLabel/FieldLabel.styles.js +3 -2
- package/dist/FieldLabel/FieldLabel.styles.js.map +1 -1
- package/dist/FieldLabel/index.js +2 -3
- package/dist/FieldLabel/types.js +0 -2
- package/dist/FieldLabel/utils.js +4 -2
- package/dist/FieldLabel/utils.js.map +1 -1
- package/dist/FilterButton/FilterButton.js +100 -39
- package/dist/FilterButton/FilterButton.js.map +1 -1
- package/dist/FilterButton/index.js +1 -2
- package/dist/FilterButton/types.js +0 -2
- package/dist/FormGroup/FormGroup.js +41 -12
- package/dist/FormGroup/FormGroup.js.map +1 -1
- package/dist/FormGroup/FormGroup.styles.js +5 -4
- package/dist/FormGroup/FormGroup.styles.js.map +1 -1
- package/dist/FormGroup/index.js +4 -2
- package/dist/FormGroup/index.js.map +1 -1
- package/dist/IconButton/IconButton.js +33 -11
- package/dist/IconButton/IconButton.js.map +1 -1
- package/dist/IconButton/index.js +1 -2
- package/dist/IconButton/types.js +0 -2
- package/dist/InlineBanner/InlineBanner.js +93 -30
- package/dist/InlineBanner/InlineBanner.js.map +1 -1
- package/dist/InlineBanner/InlineBanner.styles.css +1 -1
- package/dist/InlineBanner/InlineBanner.styles.js +13 -12
- package/dist/InlineBanner/InlineBanner.styles.js.map +1 -1
- package/dist/InlineBanner/index.js +2 -3
- package/dist/InlineBanner/types.js +0 -2
- package/dist/InlineBanner/utils.js +6 -4
- package/dist/InlineBanner/utils.js.map +1 -1
- package/dist/Input/Input.js +176 -69
- package/dist/Input/Input.js.map +1 -1
- package/dist/Input/Input.styles.js +5 -4
- package/dist/Input/Input.styles.js.map +1 -1
- package/dist/Input/index.js +1 -2
- package/dist/Link/Link.js +36 -15
- package/dist/Link/Link.js.map +1 -1
- package/dist/Link/index.js +1 -2
- package/dist/Link/types.js +0 -2
- package/dist/Loader/Loader.js +45 -9
- package/dist/Loader/Loader.js.map +1 -1
- package/dist/Loader/Loader.styles.js +4 -3
- package/dist/Loader/Loader.styles.js.map +1 -1
- package/dist/Loader/index.js +4 -2
- package/dist/Loader/index.js.map +1 -1
- package/dist/LoaderBackdrop/LoaderBackdrop.js +23 -10
- package/dist/LoaderBackdrop/LoaderBackdrop.js.map +1 -1
- package/dist/LoaderBackdrop/LoaderBackdrop.styles.js +3 -2
- package/dist/LoaderBackdrop/LoaderBackdrop.styles.js.map +1 -1
- package/dist/LoaderBackdrop/index.js +4 -2
- package/dist/LoaderBackdrop/index.js.map +1 -1
- package/dist/LoaderDots/LoaderDots.js +62 -23
- package/dist/LoaderDots/LoaderDots.js.map +1 -1
- package/dist/LoaderDots/LoaderDots.styles.js +3 -2
- package/dist/LoaderDots/LoaderDots.styles.js.map +1 -1
- package/dist/LoaderDots/index.js +4 -2
- package/dist/LoaderDots/index.js.map +1 -1
- package/dist/MarketingButton/MarketingButton.js +56 -17
- package/dist/MarketingButton/MarketingButton.js.map +1 -1
- package/dist/MarketingButton/MarketingButton.styles.js +10 -9
- package/dist/MarketingButton/MarketingButton.styles.js.map +1 -1
- package/dist/MarketingButton/MarketingGlow.js +22 -10
- package/dist/MarketingButton/MarketingGlow.js.map +1 -1
- package/dist/MarketingButton/MarketingHighlight.js +15 -6
- package/dist/MarketingButton/MarketingHighlight.js.map +1 -1
- package/dist/MarketingButton/index.js +1 -2
- package/dist/MarketingButton/types.js +0 -2
- package/dist/MarketingButton/useMarketingAnimations.js +106 -78
- package/dist/MarketingButton/useMarketingAnimations.js.map +1 -1
- package/dist/MarketingButton/utils.js +14 -15
- package/dist/MarketingButton/utils.js.map +1 -1
- package/dist/MenuItem/MenuItem.js +79 -38
- package/dist/MenuItem/MenuItem.js.map +1 -1
- package/dist/MenuItem/MenuItem.styles.js +21 -19
- package/dist/MenuItem/MenuItem.styles.js.map +1 -1
- package/dist/MenuItem/MenuItemLeftGroup.js +18 -7
- package/dist/MenuItem/MenuItemLeftGroup.js.map +1 -1
- package/dist/MenuItem/index.js +5 -7
- package/dist/MenuItem/types.js +0 -2
- package/dist/MenuItem/utils.js +6 -4
- package/dist/MenuItem/utils.js.map +1 -1
- package/dist/MenuList/MenuList.js +38 -14
- package/dist/MenuList/MenuList.js.map +1 -1
- package/dist/MenuList/MenuList.styles.js +3 -2
- package/dist/MenuList/MenuList.styles.js.map +1 -1
- package/dist/MenuList/MenuListContext.js +8 -6
- package/dist/MenuList/MenuListContext.js.map +1 -1
- package/dist/MenuList/index.js +3 -4
- package/dist/MenuList/sharedMenuStyles.styles.js +3 -2
- package/dist/MenuList/sharedMenuStyles.styles.js.map +1 -1
- package/dist/MenuList/types.js +0 -2
- package/dist/MenuList/utils.js +4 -2
- package/dist/MenuList/utils.js.map +1 -1
- package/dist/MessageDialog/MessageDialog.d.ts +18 -0
- package/dist/MessageDialog/MessageDialog.d.ts.map +1 -0
- package/dist/MessageDialog/MessageDialog.js +76 -0
- package/dist/MessageDialog/MessageDialog.js.map +1 -0
- package/dist/MessageDialog/MessageDialog.styles.css +1 -0
- package/dist/MessageDialog/MessageDialog.styles.d.ts +4 -0
- package/dist/MessageDialog/MessageDialog.styles.d.ts.map +1 -0
- package/dist/MessageDialog/MessageDialog.styles.js +12 -0
- package/dist/MessageDialog/MessageDialog.styles.js.map +1 -0
- package/dist/MessageDialog/index.d.ts +4 -0
- package/dist/MessageDialog/index.d.ts.map +1 -0
- package/dist/MessageDialog/index.js +2 -0
- package/dist/MessageDialog/types.d.ts +38 -0
- package/dist/MessageDialog/types.d.ts.map +1 -0
- package/dist/MessageDialog/types.js +0 -0
- package/dist/MessageDialog/useMessageDialog.d.ts +18 -0
- package/dist/MessageDialog/useMessageDialog.d.ts.map +1 -0
- package/dist/MessageDialog/useMessageDialog.js +51 -0
- package/dist/MessageDialog/useMessageDialog.js.map +1 -0
- package/dist/Modal/Backdrop.js +30 -16
- package/dist/Modal/Backdrop.js.map +1 -1
- package/dist/Modal/Modal.js +153 -95
- package/dist/Modal/Modal.js.map +1 -1
- package/dist/Modal/Modal.styles.js +3 -2
- package/dist/Modal/Modal.styles.js.map +1 -1
- package/dist/Modal/ModalManager.js +8 -10
- package/dist/Modal/ModalManager.js.map +1 -1
- package/dist/Modal/Portal.js +17 -14
- package/dist/Modal/Portal.js.map +1 -1
- package/dist/Modal/index.js +2 -3
- package/dist/Modal/useModal.js +35 -27
- package/dist/Modal/useModal.js.map +1 -1
- package/dist/ModalsProvider/ModalsContext.js +4 -2
- package/dist/ModalsProvider/ModalsContext.js.map +1 -1
- package/dist/ModalsProvider/ModalsProvider.js +19 -9
- package/dist/ModalsProvider/ModalsProvider.js.map +1 -1
- package/dist/ModalsProvider/index.js +6 -4
- package/dist/ModalsProvider/index.js.map +1 -1
- package/dist/ModalsProvider/types.js +0 -2
- package/dist/ModalsProvider/useModalState.js +15 -12
- package/dist/ModalsProvider/useModalState.js.map +1 -1
- package/dist/MultiSelectField/MultiSelectField.js +420 -233
- package/dist/MultiSelectField/MultiSelectField.js.map +1 -1
- package/dist/MultiSelectField/MultiSelectField.styles.js +3 -2
- package/dist/MultiSelectField/MultiSelectField.styles.js.map +1 -1
- package/dist/MultiSelectField/index.js +4 -2
- package/dist/MultiSelectField/index.js.map +1 -1
- package/dist/NumberTextField/NumberTextField.js +236 -173
- package/dist/NumberTextField/NumberTextField.js.map +1 -1
- package/dist/NumberTextField/NumberTextField.styles.js +2 -1
- package/dist/NumberTextField/NumberTextField.styles.js.map +1 -1
- package/dist/NumberTextField/index.js +4 -2
- package/dist/NumberTextField/index.js.map +1 -1
- package/dist/NumberTextField/utils.js +13 -17
- package/dist/NumberTextField/utils.js.map +1 -1
- package/dist/PaginatorNumber/NavButton/NavButton.js +15 -6
- package/dist/PaginatorNumber/NavButton/NavButton.js.map +1 -1
- package/dist/PaginatorNumber/NavButton/index.js +4 -2
- package/dist/PaginatorNumber/NavButton/index.js.map +1 -1
- package/dist/PaginatorNumber/PageButton/PageButton.js +29 -9
- package/dist/PaginatorNumber/PageButton/PageButton.js.map +1 -1
- package/dist/PaginatorNumber/PageButton/PageButton.styles.js +4 -3
- package/dist/PaginatorNumber/PageButton/PageButton.styles.js.map +1 -1
- package/dist/PaginatorNumber/PageButton/index.js +4 -2
- package/dist/PaginatorNumber/PageButton/index.js.map +1 -1
- package/dist/PaginatorNumber/PaginatorNumber.js +51 -12
- package/dist/PaginatorNumber/PaginatorNumber.js.map +1 -1
- package/dist/PaginatorNumber/PaginatorNumber.styles.js +3 -2
- package/dist/PaginatorNumber/PaginatorNumber.styles.js.map +1 -1
- package/dist/PaginatorNumber/hooks/usePagination.js +71 -51
- package/dist/PaginatorNumber/hooks/usePagination.js.map +1 -1
- package/dist/PaginatorNumber/index.js +4 -2
- package/dist/PaginatorNumber/index.js.map +1 -1
- package/dist/PaginatorNumber/types.js +0 -2
- package/dist/PaginatorNumber/utils.js +3 -1
- package/dist/PaginatorNumber/utils.js.map +1 -1
- package/dist/PaginatorOverflow/NavButton/NavButton.js +12 -4
- package/dist/PaginatorOverflow/NavButton/NavButton.js.map +1 -1
- package/dist/PaginatorOverflow/NavButton/index.js +4 -2
- package/dist/PaginatorOverflow/NavButton/index.js.map +1 -1
- package/dist/PaginatorOverflow/PaginatorOverflow.js +93 -31
- package/dist/PaginatorOverflow/PaginatorOverflow.js.map +1 -1
- package/dist/PaginatorOverflow/PaginatorOverflow.styles.js +5 -4
- package/dist/PaginatorOverflow/PaginatorOverflow.styles.js.map +1 -1
- package/dist/PaginatorOverflow/index.js +4 -2
- package/dist/PaginatorOverflow/index.js.map +1 -1
- package/dist/PaginatorOverflow/types.js +0 -2
- package/dist/Paper/Paper.js +25 -11
- package/dist/Paper/Paper.js.map +1 -1
- package/dist/Paper/Paper.styles.css +1 -1
- package/dist/Paper/Paper.styles.js +11 -10
- package/dist/Paper/Paper.styles.js.map +1 -1
- package/dist/Paper/index.js +1 -2
- package/dist/Paper/types.js +0 -2
- package/dist/Paper/utils.js +9 -7
- package/dist/Paper/utils.js.map +1 -1
- package/dist/PickersUtilsProvider/PickersUtilsProvider.js +30 -17
- package/dist/PickersUtilsProvider/PickersUtilsProvider.js.map +1 -1
- package/dist/PickersUtilsProvider/defaultCalendarFormatUtils.js +5 -3
- package/dist/PickersUtilsProvider/defaultCalendarFormatUtils.js.map +1 -1
- package/dist/PickersUtilsProvider/defaultDateFormatUtils.js +21 -29
- package/dist/PickersUtilsProvider/defaultDateFormatUtils.js.map +1 -1
- package/dist/PickersUtilsProvider/defaultRollFormatUtils.js +5 -3
- package/dist/PickersUtilsProvider/defaultRollFormatUtils.js.map +1 -1
- package/dist/PickersUtilsProvider/defaultTimeFormatUtils.js +23 -40
- package/dist/PickersUtilsProvider/defaultTimeFormatUtils.js.map +1 -1
- package/dist/PickersUtilsProvider/index.js +7 -5
- package/dist/PickersUtilsProvider/index.js.map +1 -1
- package/dist/PickersUtilsProvider/utils.js +6 -2
- package/dist/PickersUtilsProvider/utils.js.map +1 -1
- package/dist/Popover/Popover.js +220 -167
- package/dist/Popover/Popover.js.map +1 -1
- package/dist/Popover/Popover.styles.js +5 -4
- package/dist/Popover/Popover.styles.js.map +1 -1
- package/dist/Popover/ResizeDetector.js +14 -14
- package/dist/Popover/ResizeDetector.js.map +1 -1
- package/dist/Popover/index.js +4 -2
- package/dist/Popover/index.js.map +1 -1
- package/dist/Popover/types.js +0 -2
- package/dist/Popover/utils.js +24 -40
- package/dist/Popover/utils.js.map +1 -1
- package/dist/Popper/Popper.js +52 -23
- package/dist/Popper/Popper.js.map +1 -1
- package/dist/Popper/PopperContext.js +7 -7
- package/dist/Popper/PopperContext.js.map +1 -1
- package/dist/Popper/index.js +5 -3
- package/dist/Popper/index.js.map +1 -1
- package/dist/Popper/utils.js +7 -7
- package/dist/Popper/utils.js.map +1 -1
- package/dist/PopperDropDown/PopperDropDown.js +89 -26
- package/dist/PopperDropDown/PopperDropDown.js.map +1 -1
- package/dist/PopperDropDown/PopperDropDown.styles.js +7 -6
- package/dist/PopperDropDown/PopperDropDown.styles.js.map +1 -1
- package/dist/PopperDropDown/index.js +4 -2
- package/dist/PopperDropDown/index.js.map +1 -1
- package/dist/ProductCard/ProductCard.js +120 -65
- package/dist/ProductCard/ProductCard.js.map +1 -1
- package/dist/ProductCard/ProductCard.styles.js +8 -9
- package/dist/ProductCard/ProductCard.styles.js.map +1 -1
- package/dist/ProductCard/ProductCardBadgesHeader/ProductCardBadgesHeader.js +81 -40
- package/dist/ProductCard/ProductCardBadgesHeader/ProductCardBadgesHeader.js.map +1 -1
- package/dist/ProductCard/ProductCardBadgesHeader/ProductCardBadgesHeader.styles.js +12 -13
- package/dist/ProductCard/ProductCardBadgesHeader/ProductCardBadgesHeader.styles.js.map +1 -1
- package/dist/ProductCard/ProductCardBadgesHeader/index.js +1 -2
- package/dist/ProductCard/ProductCardContent/ProductCardContent.js +11 -6
- package/dist/ProductCard/ProductCardContent/ProductCardContent.js.map +1 -1
- package/dist/ProductCard/ProductCardContent/ProductCardContent.styles.js +3 -2
- package/dist/ProductCard/ProductCardContent/ProductCardContent.styles.js.map +1 -1
- package/dist/ProductCard/ProductCardContent/index.js +1 -2
- package/dist/ProductCard/ProductCardContext.js +8 -6
- package/dist/ProductCard/ProductCardContext.js.map +1 -1
- package/dist/ProductCard/ProductCardFooter/ProductCardFooter.js +22 -11
- package/dist/ProductCard/ProductCardFooter/ProductCardFooter.js.map +1 -1
- package/dist/ProductCard/ProductCardFooter/ProductCardFooter.styles.js +3 -2
- package/dist/ProductCard/ProductCardFooter/ProductCardFooter.styles.js.map +1 -1
- package/dist/ProductCard/ProductCardFooter/index.js +1 -2
- package/dist/ProductCard/ProductCardHeader/ProductCardHeader.js +22 -11
- package/dist/ProductCard/ProductCardHeader/ProductCardHeader.js.map +1 -1
- package/dist/ProductCard/ProductCardHeader/ProductCardHeader.styles.js +3 -2
- package/dist/ProductCard/ProductCardHeader/ProductCardHeader.styles.js.map +1 -1
- package/dist/ProductCard/ProductCardHeader/index.js +1 -2
- package/dist/ProductCard/ProductCardTitle/ProductCardTitle.js +22 -11
- package/dist/ProductCard/ProductCardTitle/ProductCardTitle.js.map +1 -1
- package/dist/ProductCard/ProductCardTitle/ProductCardTitle.styles.js +3 -2
- package/dist/ProductCard/ProductCardTitle/ProductCardTitle.styles.js.map +1 -1
- package/dist/ProductCard/ProductCardTitle/index.js +1 -2
- package/dist/ProductCard/badges/ProductCardIpoRatingBadge/ProductCardIpoRatingBadge.js +41 -19
- package/dist/ProductCard/badges/ProductCardIpoRatingBadge/ProductCardIpoRatingBadge.js.map +1 -1
- package/dist/ProductCard/badges/ProductCardIpoRatingBadge/ProductCardIpoRatingBadge.styles.js +3 -4
- package/dist/ProductCard/badges/ProductCardIpoRatingBadge/ProductCardIpoRatingBadge.styles.js.map +1 -1
- package/dist/ProductCard/badges/ProductCardIpoRatingBadge/index.js +1 -2
- package/dist/ProductCard/badges/ProductCardRiskBadge/ProductCardRiskBadge.js +50 -24
- package/dist/ProductCard/badges/ProductCardRiskBadge/ProductCardRiskBadge.js.map +1 -1
- package/dist/ProductCard/badges/ProductCardRiskBadge/ProductCardRiskBadge.styles.js +4 -3
- package/dist/ProductCard/badges/ProductCardRiskBadge/ProductCardRiskBadge.styles.js.map +1 -1
- package/dist/ProductCard/badges/ProductCardRiskBadge/index.js +2 -4
- package/dist/ProductCard/badges/utils.js +11 -8
- package/dist/ProductCard/badges/utils.js.map +1 -1
- package/dist/ProductCard/index.js +16 -21
- package/dist/ProductCard/layoutConfig.js +20 -6
- package/dist/ProductCard/layoutConfig.js.map +1 -1
- package/dist/ProductCard/layouts/common/Content.js +53 -13
- package/dist/ProductCard/layouts/common/Content.js.map +1 -1
- package/dist/ProductCard/layouts/common/Content.styles.js +4 -3
- package/dist/ProductCard/layouts/common/Content.styles.js.map +1 -1
- package/dist/ProductCard/layouts/common/Footer.js +54 -11
- package/dist/ProductCard/layouts/common/Footer.js.map +1 -1
- package/dist/ProductCard/layouts/common/Footer.styles.js +6 -5
- package/dist/ProductCard/layouts/common/Footer.styles.js.map +1 -1
- package/dist/ProductCard/layouts/common/Title.js +21 -11
- package/dist/ProductCard/layouts/common/Title.js.map +1 -1
- package/dist/ProductCard/layouts/common/chartUtils.js +92 -55
- package/dist/ProductCard/layouts/common/chartUtils.js.map +1 -1
- package/dist/ProductCard/layouts/common/index.js +4 -5
- package/dist/ProductCard/layouts/iip/Background.js +13 -5
- package/dist/ProductCard/layouts/iip/Background.js.map +1 -1
- package/dist/ProductCard/layouts/iip/Background.styles.js +2 -1
- package/dist/ProductCard/layouts/iip/Background.styles.js.map +1 -1
- package/dist/ProductCard/layouts/iip/Footer.js +43 -18
- package/dist/ProductCard/layouts/iip/Footer.js.map +1 -1
- package/dist/ProductCard/layouts/iip/Footer.styles.js +6 -5
- package/dist/ProductCard/layouts/iip/Footer.styles.js.map +1 -1
- package/dist/ProductCard/layouts/iip/SecurityIcons/ProductCardIipSecurityIcons.js +35 -17
- package/dist/ProductCard/layouts/iip/SecurityIcons/ProductCardIipSecurityIcons.js.map +1 -1
- package/dist/ProductCard/layouts/iip/SecurityIcons/ProductCardIipSecurityIcons.styles.js +12 -11
- package/dist/ProductCard/layouts/iip/SecurityIcons/ProductCardIipSecurityIcons.styles.js.map +1 -1
- package/dist/ProductCard/layouts/iip/SecurityIcons/index.js +1 -2
- package/dist/ProductCard/layouts/iip/Title.js +18 -9
- package/dist/ProductCard/layouts/iip/Title.js.map +1 -1
- package/dist/ProductCard/layouts/iip/index.js +4 -5
- package/dist/ProductCard/layouts/ipo/Content.js +64 -16
- package/dist/ProductCard/layouts/ipo/Content.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/Content.styles.js +8 -8
- package/dist/ProductCard/layouts/ipo/Content.styles.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/Footer.js +23 -15
- package/dist/ProductCard/layouts/ipo/Footer.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.js +36 -8
- package/dist/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.styles.js +7 -6
- package/dist/ProductCard/layouts/ipo/FooterDesktop/FooterDesktop.styles.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/FooterDesktop/index.js +1 -2
- package/dist/ProductCard/layouts/ipo/FooterMobile/FooterMobile.js +40 -11
- package/dist/ProductCard/layouts/ipo/FooterMobile/FooterMobile.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/FooterMobile/FooterMobile.styles.js +6 -6
- package/dist/ProductCard/layouts/ipo/FooterMobile/FooterMobile.styles.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/FooterMobile/index.js +1 -2
- package/dist/ProductCard/layouts/ipo/SecurityIcon/ProductCardIpoSecurityIcon.js +19 -9
- package/dist/ProductCard/layouts/ipo/SecurityIcon/ProductCardIpoSecurityIcon.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/SecurityIcon/ProductCardIpoSecurityIcon.styles.css +1 -1
- package/dist/ProductCard/layouts/ipo/SecurityIcon/ProductCardIpoSecurityIcon.styles.js +4 -3
- package/dist/ProductCard/layouts/ipo/SecurityIcon/ProductCardIpoSecurityIcon.styles.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/SecurityIcon/index.js +1 -2
- package/dist/ProductCard/layouts/ipo/Title.js +62 -14
- package/dist/ProductCard/layouts/ipo/Title.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/Title.styles.js +10 -9
- package/dist/ProductCard/layouts/ipo/Title.styles.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/contentUtils.js +10 -12
- package/dist/ProductCard/layouts/ipo/contentUtils.js.map +1 -1
- package/dist/ProductCard/layouts/ipo/index.js +4 -5
- package/dist/ProductCard/layouts/shared/MediaTitle.js +25 -13
- package/dist/ProductCard/layouts/shared/MediaTitle.js.map +1 -1
- package/dist/ProductCard/layouts/shared/MediaTitle.styles.js +5 -4
- package/dist/ProductCard/layouts/shared/MediaTitle.styles.js.map +1 -1
- package/dist/ProductCard/layouts/shared/index.js +1 -2
- package/dist/ProductCard/layouts/zhek/Background.js +14 -5
- package/dist/ProductCard/layouts/zhek/Background.js.map +1 -1
- package/dist/ProductCard/layouts/zhek/Background.styles.js +4 -3
- package/dist/ProductCard/layouts/zhek/Background.styles.js.map +1 -1
- package/dist/ProductCard/layouts/zhek/Footer.js +47 -11
- package/dist/ProductCard/layouts/zhek/Footer.js.map +1 -1
- package/dist/ProductCard/layouts/zhek/Footer.styles.js +6 -5
- package/dist/ProductCard/layouts/zhek/Footer.styles.js.map +1 -1
- package/dist/ProductCard/layouts/zhek/Title.js +11 -6
- package/dist/ProductCard/layouts/zhek/Title.js.map +1 -1
- package/dist/ProductCard/layouts/zhek/index.js +3 -4
- package/dist/ProductCard/shared/ProductCardBackgroundImage.js +47 -29
- package/dist/ProductCard/shared/ProductCardBackgroundImage.js.map +1 -1
- package/dist/ProductCard/shared/ProductCardBackgroundImage.styles.js +8 -7
- package/dist/ProductCard/shared/ProductCardBackgroundImage.styles.js.map +1 -1
- package/dist/ProductCard/skeleton/ProductCardSkeleton.js +26 -14
- package/dist/ProductCard/skeleton/ProductCardSkeleton.js.map +1 -1
- package/dist/ProductCard/skeleton/ProductCardSkeleton.styles.js +3 -2
- package/dist/ProductCard/skeleton/ProductCardSkeleton.styles.js.map +1 -1
- package/dist/ProductCard/skeleton/variants/common/ProductCardCommonChartSkeleton.js +104 -6
- package/dist/ProductCard/skeleton/variants/common/ProductCardCommonChartSkeleton.js.map +1 -1
- package/dist/ProductCard/skeleton/variants/common/ProductCardCommonSkeleton.js +28 -9
- package/dist/ProductCard/skeleton/variants/common/ProductCardCommonSkeleton.js.map +1 -1
- package/dist/ProductCard/skeleton/variants/common/ProductCardCommonSkeleton.styles.js +7 -6
- package/dist/ProductCard/skeleton/variants/common/ProductCardCommonSkeleton.styles.js.map +1 -1
- package/dist/ProductCard/skeleton/variants/iip/ProductCardIipSkeleton.js +26 -10
- package/dist/ProductCard/skeleton/variants/iip/ProductCardIipSkeleton.js.map +1 -1
- package/dist/ProductCard/skeleton/variants/iip/ProductCardIipSkeleton.styles.js +3 -2
- package/dist/ProductCard/skeleton/variants/iip/ProductCardIipSkeleton.styles.js.map +1 -1
- package/dist/ProductCard/skeleton/variants/ipo/ProductCardIpoSkeleton.js +95 -12
- package/dist/ProductCard/skeleton/variants/ipo/ProductCardIpoSkeleton.js.map +1 -1
- package/dist/ProductCard/skeleton/variants/ipo/ProductCardIpoSkeleton.styles.js +10 -9
- package/dist/ProductCard/skeleton/variants/ipo/ProductCardIpoSkeleton.styles.js.map +1 -1
- package/dist/ProductCard/skeleton/variants/zhek/ProductCardZhekSkeleton.js +26 -10
- package/dist/ProductCard/skeleton/variants/zhek/ProductCardZhekSkeleton.js.map +1 -1
- package/dist/ProductCard/skeleton/variants/zhek/ProductCardZhekSkeleton.styles.js +3 -2
- package/dist/ProductCard/skeleton/variants/zhek/ProductCardZhekSkeleton.styles.js.map +1 -1
- package/dist/ProductCard/types.js +15 -13
- package/dist/ProductCard/types.js.map +1 -1
- package/dist/ProductCard/utils.js +11 -13
- package/dist/ProductCard/utils.js.map +1 -1
- package/dist/Radio/Radio.js +52 -24
- package/dist/Radio/Radio.js.map +1 -1
- package/dist/Radio/Radio.styles.js +4 -3
- package/dist/Radio/Radio.styles.js.map +1 -1
- package/dist/Radio/index.js +1 -2
- package/dist/Radio/types.js +0 -2
- package/dist/Radio/utils.js +4 -2
- package/dist/Radio/utils.js.map +1 -1
- package/dist/RadioField/RadioField.js +46 -13
- package/dist/RadioField/RadioField.js.map +1 -1
- package/dist/RadioField/RadioField.styles.css +1 -1
- package/dist/RadioField/RadioField.styles.js +7 -6
- package/dist/RadioField/RadioField.styles.js.map +1 -1
- package/dist/RadioField/index.js +1 -2
- package/dist/RadioGroup/RadioGroup.js +48 -25
- package/dist/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/RadioGroup/RadioGroupContext.js +5 -6
- package/dist/RadioGroup/RadioGroupContext.js.map +1 -1
- package/dist/RadioGroup/index.js +5 -3
- package/dist/RadioGroup/index.js.map +1 -1
- package/dist/RollPicker/PickerColumn/PickerColumn.js +94 -55
- package/dist/RollPicker/PickerColumn/PickerColumn.js.map +1 -1
- package/dist/RollPicker/PickerColumn/PickerColumn.styles.js +7 -6
- package/dist/RollPicker/PickerColumn/PickerColumn.styles.js.map +1 -1
- package/dist/RollPicker/PickerColumn/index.js +2 -3
- package/dist/RollPicker/RollPicker.js +92 -36
- package/dist/RollPicker/RollPicker.js.map +1 -1
- package/dist/RollPicker/RollPicker.styles.js +8 -7
- package/dist/RollPicker/RollPicker.styles.js.map +1 -1
- package/dist/RollPicker/index.js +1 -2
- package/dist/SecurityIcon/SecurityIcon.js +56 -21
- package/dist/SecurityIcon/SecurityIcon.js.map +1 -1
- package/dist/SecurityIcon/SecurityIcon.styles.js +5 -4
- package/dist/SecurityIcon/SecurityIcon.styles.js.map +1 -1
- package/dist/SecurityIcon/constants.js +12 -4
- package/dist/SecurityIcon/constants.js.map +1 -1
- package/dist/SecurityIcon/index.js +1 -2
- package/dist/SecurityIcon/types.js +0 -2
- package/dist/SecurityIcon/utils.js +11 -15
- package/dist/SecurityIcon/utils.js.map +1 -1
- package/dist/SecurityIndicator/OrderAndPositionIcons.js +49 -6
- package/dist/SecurityIndicator/OrderAndPositionIcons.js.map +1 -1
- package/dist/SecurityIndicator/SecurityIndicator.js +32 -11
- package/dist/SecurityIndicator/SecurityIndicator.js.map +1 -1
- package/dist/SecurityIndicator/SecurityIndicator.styles.js +7 -6
- package/dist/SecurityIndicator/SecurityIndicator.styles.js.map +1 -1
- package/dist/SecurityIndicator/index.js +1 -2
- package/dist/Select/SelectField.styles.js +36 -33
- package/dist/Select/SelectField.styles.js.map +1 -1
- package/dist/Select/utils.js +7 -5
- package/dist/Select/utils.js.map +1 -1
- package/dist/SelectField/SelectField.js +281 -125
- package/dist/SelectField/SelectField.js.map +1 -1
- package/dist/SelectField/index.js +4 -2
- package/dist/SelectField/index.js.map +1 -1
- package/dist/SelectField/utils.js +7 -5
- package/dist/SelectField/utils.js.map +1 -1
- package/dist/Skeleton/Skeleton.js +40 -14
- package/dist/Skeleton/Skeleton.js.map +1 -1
- package/dist/Skeleton/Skeleton.styles.js +8 -7
- package/dist/Skeleton/Skeleton.styles.js.map +1 -1
- package/dist/Skeleton/index.js +4 -2
- package/dist/Skeleton/index.js.map +1 -1
- package/dist/Skeleton/types.js +0 -2
- package/dist/Slider/Slider.js +251 -177
- package/dist/Slider/Slider.js.map +1 -1
- package/dist/Slider/Slider.styles.js +10 -9
- package/dist/Slider/Slider.styles.js.map +1 -1
- package/dist/Slider/index.js +1 -2
- package/dist/Slider/utils.js +27 -34
- package/dist/Slider/utils.js.map +1 -1
- package/dist/SliderIndicator/SliderIndicator.js +27 -14
- package/dist/SliderIndicator/SliderIndicator.js.map +1 -1
- package/dist/SliderIndicator/SliderIndicator.styles.js +4 -3
- package/dist/SliderIndicator/SliderIndicator.styles.js.map +1 -1
- package/dist/SliderIndicator/index.js +1 -2
- package/dist/SliderIndicator/types.js +0 -2
- package/dist/SliderIndicator/utils.js +5 -3
- package/dist/SliderIndicator/utils.js.map +1 -1
- package/dist/Snackbar/Snackbar.js +176 -105
- package/dist/Snackbar/Snackbar.js.map +1 -1
- package/dist/Snackbar/Snackbar.styles.js +7 -6
- package/dist/Snackbar/Snackbar.styles.js.map +1 -1
- package/dist/Snackbar/index.js +4 -2
- package/dist/Snackbar/index.js.map +1 -1
- package/dist/SnackbarContent/SnackbarContent.js +66 -16
- package/dist/SnackbarContent/SnackbarContent.js.map +1 -1
- package/dist/SnackbarContent/SnackbarContent.styles.css +1 -1
- package/dist/SnackbarContent/SnackbarContent.styles.js +13 -12
- package/dist/SnackbarContent/SnackbarContent.styles.js.map +1 -1
- package/dist/SnackbarContent/index.js +4 -2
- package/dist/SnackbarContent/index.js.map +1 -1
- package/dist/Stepper/Stepper.js +51 -13
- package/dist/Stepper/Stepper.js.map +1 -1
- package/dist/Stepper/Stepper.styles.css +1 -1
- package/dist/Stepper/Stepper.styles.js +8 -7
- package/dist/Stepper/Stepper.styles.js.map +1 -1
- package/dist/Stepper/index.js +4 -2
- package/dist/Stepper/index.js.map +1 -1
- package/dist/Stepper/types.js +0 -2
- package/dist/Stepper/utils.js +4 -2
- package/dist/Stepper/utils.js.map +1 -1
- package/dist/Switch/Switch.js +34 -11
- package/dist/Switch/Switch.js.map +1 -1
- package/dist/Switch/Switch.styles.js +5 -4
- package/dist/Switch/Switch.styles.js.map +1 -1
- package/dist/Switch/index.js +1 -2
- package/dist/SwitchBase/SwitchBase.js +70 -14
- package/dist/SwitchBase/SwitchBase.js.map +1 -1
- package/dist/SwitchBase/SwitchBase.styles.js +4 -3
- package/dist/SwitchBase/SwitchBase.styles.js.map +1 -1
- package/dist/SwitchBase/index.js +2 -3
- package/dist/SwitchBase/types.js +0 -2
- package/dist/SwitchBase/utils.js +4 -2
- package/dist/SwitchBase/utils.js.map +1 -1
- package/dist/SwitchField/SwitchField.js +40 -10
- package/dist/SwitchField/SwitchField.js.map +1 -1
- package/dist/SwitchField/index.js +1 -2
- package/dist/Tab/Tab.js +65 -20
- package/dist/Tab/Tab.js.map +1 -1
- package/dist/Tab/index.js +4 -2
- package/dist/Tab/index.js.map +1 -1
- package/dist/Tab/types.js +0 -2
- package/dist/Tabs/Tabs.js +101 -58
- package/dist/Tabs/Tabs.js.map +1 -1
- package/dist/Tabs/Tabs.styles.js +13 -7
- package/dist/Tabs/Tabs.styles.js.map +1 -1
- package/dist/Tabs/index.js +4 -2
- package/dist/Tabs/index.js.map +1 -1
- package/dist/Tabs/utils.js +4 -2
- package/dist/Tabs/utils.js.map +1 -1
- package/dist/Tag/Tag.js +65 -26
- package/dist/Tag/Tag.js.map +1 -1
- package/dist/Tag/Tag.styles.js +2 -1
- package/dist/Tag/Tag.styles.js.map +1 -1
- package/dist/Tag/index.js +1 -2
- package/dist/Tag/types.js +0 -2
- package/dist/TextArea/TextArea.js +55 -31
- package/dist/TextArea/TextArea.js.map +1 -1
- package/dist/TextArea/TextArea.styles.js +2 -1
- package/dist/TextArea/TextArea.styles.js.map +1 -1
- package/dist/TextArea/index.js +1 -2
- package/dist/TextField/TextField.js +178 -131
- package/dist/TextField/TextField.js.map +1 -1
- package/dist/TextField/TextField.styles.css +1 -1
- package/dist/TextField/TextField.styles.js +8 -7
- package/dist/TextField/TextField.styles.js.map +1 -1
- package/dist/TextField/index.js +4 -2
- package/dist/TextField/index.js.map +1 -1
- package/dist/TimePicker/TimePicker.js +219 -107
- package/dist/TimePicker/TimePicker.js.map +1 -1
- package/dist/TimePicker/TimePicker.styles.js +5 -4
- package/dist/TimePicker/TimePicker.styles.js.map +1 -1
- package/dist/TimePicker/index.js +4 -2
- package/dist/TimePicker/index.js.map +1 -1
- package/dist/TimePicker/useTimeFormatUtils.js +9 -4
- package/dist/TimePicker/useTimeFormatUtils.js.map +1 -1
- package/dist/ToggleButton/ToggleButton.js +43 -15
- package/dist/ToggleButton/ToggleButton.js.map +1 -1
- package/dist/ToggleButton/index.js +1 -2
- package/dist/ToggleButton/types.js +0 -2
- package/dist/Tooltip/Corner.js +18 -7
- package/dist/Tooltip/Corner.js.map +1 -1
- package/dist/Tooltip/Tooltip.js +193 -162
- package/dist/Tooltip/Tooltip.js.map +1 -1
- package/dist/Tooltip/Tooltip.styles.css +2 -2
- package/dist/Tooltip/Tooltip.styles.js +15 -14
- package/dist/Tooltip/Tooltip.styles.js.map +1 -1
- package/dist/Tooltip/constants.js +3 -1
- package/dist/Tooltip/constants.js.map +1 -1
- package/dist/Tooltip/index.js +4 -2
- package/dist/Tooltip/index.js.map +1 -1
- package/dist/TradeBadge/BackgroundFilled.js +33 -19
- package/dist/TradeBadge/BackgroundFilled.js.map +1 -1
- package/dist/TradeBadge/BackgroundInner.js +33 -19
- package/dist/TradeBadge/BackgroundInner.js.map +1 -1
- package/dist/TradeBadge/CondLessIcon.js +17 -4
- package/dist/TradeBadge/CondLessIcon.js.map +1 -1
- package/dist/TradeBadge/CondMoreIcon.js +24 -4
- package/dist/TradeBadge/CondMoreIcon.js.map +1 -1
- package/dist/TradeBadge/CondTimeIcon.js +24 -4
- package/dist/TradeBadge/CondTimeIcon.js.map +1 -1
- package/dist/TradeBadge/OrderSLIcon.js +20 -4
- package/dist/TradeBadge/OrderSLIcon.js.map +1 -1
- package/dist/TradeBadge/OrderTPIcon.js +20 -4
- package/dist/TradeBadge/OrderTPIcon.js.map +1 -1
- package/dist/TradeBadge/StackedArrow.js +27 -15
- package/dist/TradeBadge/StackedArrow.js.map +1 -1
- package/dist/TradeBadge/TradeBadge.js +83 -31
- package/dist/TradeBadge/TradeBadge.js.map +1 -1
- package/dist/TradeBadge/TradeBadge.styles.css +3 -3
- package/dist/TradeBadge/TradeBadge.styles.js +26 -25
- package/dist/TradeBadge/TradeBadge.styles.js.map +1 -1
- package/dist/TradeBadge/index.js +1 -2
- package/dist/Typography/Typography.js +40 -31
- package/dist/Typography/Typography.js.map +1 -1
- package/dist/Typography/Typography.styles.js +2 -1
- package/dist/Typography/Typography.styles.js.map +1 -1
- package/dist/Typography/index.js +1 -2
- package/dist/Typography/types.js +0 -2
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +71 -68
- package/dist/index.js.map +1 -1
- package/dist/theme/ThemeProvider.js +6 -4
- package/dist/theme/ThemeProvider.js.map +1 -1
- package/dist/theme/index.js +1 -2
- package/dist/types.js +5 -4
- package/dist/types.js.map +1 -1
- package/dist/utils/className.js +3 -1
- package/dist/utils/className.js.map +1 -1
- package/dist/utils/dateFormatter.js +33 -36
- package/dist/utils/dateFormatter.js.map +1 -1
- package/dist/utils/dom.js +5 -3
- package/dist/utils/dom.js.map +1 -1
- package/dist/utils/event.js +11 -15
- package/dist/utils/event.js.map +1 -1
- package/dist/utils/transition.js +5 -5
- package/dist/utils/transition.js.map +1 -1
- package/dist/utils/useEventCallback.js +7 -8
- package/dist/utils/useEventCallback.js.map +1 -1
- package/dist/utils/useIsomorphicEffect.js +4 -3
- package/dist/utils/useIsomorphicEffect.js.map +1 -1
- package/dist/utils/useSubMenu.js +81 -64
- package/dist/utils/useSubMenu.js.map +1 -1
- package/dist/utils/withForwardedRef.js +21 -23
- package/dist/utils/withForwardedRef.js.map +1 -1
- package/package.json +5 -9
- package/dist/AccordionBanner/index.js.map +0 -1
- package/dist/AccordionBanner/types.js.map +0 -1
- package/dist/Avatar/Icons/index.js.map +0 -1
- package/dist/Breadcrumbs/Breadcrumb/index.js.map +0 -1
- package/dist/Breadcrumbs/Breadcrumb/types.js.map +0 -1
- package/dist/Breadcrumbs/HiddenItemsButton/index.js.map +0 -1
- package/dist/Breadcrumbs/HiddenMenuItems/index.js.map +0 -1
- package/dist/Breadcrumbs/index.js.map +0 -1
- package/dist/Breadcrumbs/utils/index.js.map +0 -1
- package/dist/Button/index.js.map +0 -1
- package/dist/Button/types.js.map +0 -1
- package/dist/Calendar/CalendarHeader/index.js.map +0 -1
- package/dist/Calendar/SelectMonthTable/index.js.map +0 -1
- package/dist/Calendar/SelectYearTable/index.js.map +0 -1
- package/dist/Calendar/SlideTransition/types.js.map +0 -1
- package/dist/Calendar/index.js.map +0 -1
- package/dist/Checkbox/index.js.map +0 -1
- package/dist/Checkbox/types.js.map +0 -1
- package/dist/CheckboxField/types.js.map +0 -1
- package/dist/CodeInput/index.js.map +0 -1
- package/dist/ContextMenu/index.js.map +0 -1
- package/dist/Counter/types.js.map +0 -1
- package/dist/DatePicker/index.js.map +0 -1
- package/dist/DateTimePeriod/types.js.map +0 -1
- package/dist/Dialog/index.js.map +0 -1
- package/dist/Dialog/types.js.map +0 -1
- package/dist/DialogActions/types.js.map +0 -1
- package/dist/DialogContent/types.js.map +0 -1
- package/dist/Divider/types.js.map +0 -1
- package/dist/DraggablePopover/index.js.map +0 -1
- package/dist/EmptyScreen/index.js.map +0 -1
- package/dist/FieldLabel/index.js.map +0 -1
- package/dist/FieldLabel/types.js.map +0 -1
- package/dist/FilterButton/index.js.map +0 -1
- package/dist/FilterButton/types.js.map +0 -1
- package/dist/IconButton/index.js.map +0 -1
- package/dist/IconButton/types.js.map +0 -1
- package/dist/InlineBanner/index.js.map +0 -1
- package/dist/InlineBanner/types.js.map +0 -1
- package/dist/Input/index.js.map +0 -1
- package/dist/Link/index.js.map +0 -1
- package/dist/Link/types.js.map +0 -1
- package/dist/MarketingButton/index.js.map +0 -1
- package/dist/MarketingButton/types.js.map +0 -1
- package/dist/MenuItem/index.js.map +0 -1
- package/dist/MenuItem/types.js.map +0 -1
- package/dist/MenuList/index.js.map +0 -1
- package/dist/MenuList/types.js.map +0 -1
- package/dist/Modal/index.js.map +0 -1
- package/dist/ModalsProvider/types.js.map +0 -1
- package/dist/PaginatorNumber/types.js.map +0 -1
- package/dist/PaginatorOverflow/types.js.map +0 -1
- package/dist/Paper/index.js.map +0 -1
- package/dist/Paper/types.js.map +0 -1
- package/dist/Popover/types.js.map +0 -1
- package/dist/ProductCard/ProductCardBadgesHeader/index.js.map +0 -1
- package/dist/ProductCard/ProductCardContent/index.js.map +0 -1
- package/dist/ProductCard/ProductCardFooter/index.js.map +0 -1
- package/dist/ProductCard/ProductCardHeader/index.js.map +0 -1
- package/dist/ProductCard/ProductCardTitle/index.js.map +0 -1
- package/dist/ProductCard/badges/ProductCardIpoRatingBadge/index.js.map +0 -1
- package/dist/ProductCard/badges/ProductCardRiskBadge/index.js.map +0 -1
- package/dist/ProductCard/index.js.map +0 -1
- package/dist/ProductCard/layouts/common/index.js.map +0 -1
- package/dist/ProductCard/layouts/iip/SecurityIcons/index.js.map +0 -1
- package/dist/ProductCard/layouts/iip/index.js.map +0 -1
- package/dist/ProductCard/layouts/ipo/FooterDesktop/index.js.map +0 -1
- package/dist/ProductCard/layouts/ipo/FooterMobile/index.js.map +0 -1
- package/dist/ProductCard/layouts/ipo/SecurityIcon/index.js.map +0 -1
- package/dist/ProductCard/layouts/ipo/index.js.map +0 -1
- package/dist/ProductCard/layouts/shared/index.js.map +0 -1
- package/dist/ProductCard/layouts/zhek/index.js.map +0 -1
- package/dist/Radio/index.js.map +0 -1
- package/dist/Radio/types.js.map +0 -1
- package/dist/RadioField/index.js.map +0 -1
- package/dist/RollPicker/PickerColumn/index.js.map +0 -1
- package/dist/RollPicker/index.js.map +0 -1
- package/dist/SecurityIcon/index.js.map +0 -1
- package/dist/SecurityIcon/types.js.map +0 -1
- package/dist/SecurityIndicator/index.js.map +0 -1
- package/dist/Skeleton/types.js.map +0 -1
- package/dist/Slider/index.js.map +0 -1
- package/dist/SliderIndicator/index.js.map +0 -1
- package/dist/SliderIndicator/types.js.map +0 -1
- package/dist/Stepper/types.js.map +0 -1
- package/dist/Switch/index.js.map +0 -1
- package/dist/SwitchBase/index.js.map +0 -1
- package/dist/SwitchBase/types.js.map +0 -1
- package/dist/SwitchField/index.js.map +0 -1
- package/dist/Tab/types.js.map +0 -1
- package/dist/Tag/index.js.map +0 -1
- package/dist/Tag/types.js.map +0 -1
- package/dist/TextArea/index.js.map +0 -1
- package/dist/ToggleButton/index.js.map +0 -1
- package/dist/ToggleButton/types.js.map +0 -1
- package/dist/TradeBadge/index.js.map +0 -1
- package/dist/Typography/index.js.map +0 -1
- package/dist/Typography/types.js.map +0 -1
- package/dist/theme/index.js.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
## 3.32.0
|
|
2
|
+
* Добавлен экспорт `version` с версией пакета
|
|
3
|
+
* Сборка переведена на rslib: рантайм-хелперы берутся из `@swc/helpers` вместо `tslib`
|
|
4
|
+
* Удалена зависимость `tslib`
|
|
5
|
+
## 3.31.0
|
|
6
|
+
* Добавлен компонент `ButtonAsync`
|
|
7
|
+
* Добавлен компонент `MessageDialog`
|
|
1
8
|
## 3.30.1
|
|
2
9
|
* В `ProductCard` (layout `common`) исправлена ориентация оси Y графика: большее значение рисуется выше
|
|
3
10
|
## 3.30.0
|
|
@@ -1,68 +1,133 @@
|
|
|
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
|
|
1
|
+
import { _ } from "@swc/helpers/_/_object_spread";
|
|
2
|
+
import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
|
|
3
|
+
import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
|
|
4
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
5
|
+
import { forwardRef, memo, useCallback, useMemo, useState } from "react";
|
|
6
|
+
import clsx from "clsx";
|
|
7
|
+
import ExclamationMarkCircle from "@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkCircle";
|
|
8
|
+
import ExclamationMarkCircleFilled from "@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkCircleFilled";
|
|
9
|
+
import ExclamationMarkTriangle from "@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkTriangle";
|
|
10
|
+
import ExclamationMarkTriangleFilled from "@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkTriangleFilled";
|
|
11
|
+
import CheckmarkCircle from "@finam/web-ui-kit-icons/Checkmark/CheckmarkCircle";
|
|
12
|
+
import CheckmarkCircleFilled from "@finam/web-ui-kit-icons/Checkmark/CheckmarkCircleFilled";
|
|
13
|
+
import InfoMarkCircle from "@finam/web-ui-kit-icons/InfoMark/InfoMarkCircle";
|
|
14
|
+
import ChevronRightSmall from "@finam/web-ui-kit-icons/Chevron/ChevronRightSmall";
|
|
15
|
+
import Typography from "../Typography/Typography.js";
|
|
16
|
+
import { classNameSize, classNameVariantPriority } from "./utils.js";
|
|
17
|
+
import { Button, CollapsableWrap, Root, TextContentWrap, chevronClass, iconClass, messageClass, titleClass } from "./AccordionBanner.styles.js";
|
|
16
18
|
const iconVariant = {
|
|
17
19
|
info: {
|
|
18
20
|
mid: InfoMarkCircle,
|
|
19
|
-
high: InfoMarkCircle
|
|
21
|
+
high: InfoMarkCircle
|
|
20
22
|
},
|
|
21
23
|
danger: {
|
|
22
24
|
mid: ExclamationMarkTriangle,
|
|
23
|
-
high: ExclamationMarkTriangleFilled
|
|
25
|
+
high: ExclamationMarkTriangleFilled
|
|
24
26
|
},
|
|
25
27
|
warning: {
|
|
26
28
|
mid: ExclamationMarkCircle,
|
|
27
|
-
high: ExclamationMarkCircleFilled
|
|
29
|
+
high: ExclamationMarkCircleFilled
|
|
28
30
|
},
|
|
29
31
|
success: {
|
|
30
32
|
mid: CheckmarkCircle,
|
|
31
|
-
high: CheckmarkCircleFilled
|
|
32
|
-
}
|
|
33
|
+
high: CheckmarkCircleFilled
|
|
34
|
+
}
|
|
33
35
|
};
|
|
34
36
|
const buttonColorMap = {
|
|
35
37
|
info: 'default',
|
|
36
38
|
danger: 'negative',
|
|
37
39
|
warning: 'warning',
|
|
38
|
-
success: 'positive'
|
|
40
|
+
success: 'positive'
|
|
39
41
|
};
|
|
40
42
|
const buttonAlternativeTypeMap = {
|
|
41
43
|
info: 'inverse',
|
|
42
44
|
danger: 'ondark',
|
|
43
45
|
warning: 'onlight',
|
|
44
|
-
success: 'ondark'
|
|
46
|
+
success: 'ondark'
|
|
45
47
|
};
|
|
46
48
|
const typographySizeVariantMap = {
|
|
47
49
|
s: 'caption12',
|
|
48
|
-
m: 'body14'
|
|
50
|
+
m: 'body14'
|
|
49
51
|
};
|
|
50
|
-
const AccordionBanner = forwardRef((
|
|
51
|
-
|
|
52
|
+
const AccordionBanner = /*#__PURE__*/ forwardRef((_0, _1)=>{
|
|
53
|
+
let _ref = [
|
|
54
|
+
_0,
|
|
55
|
+
_1
|
|
56
|
+
], [_ref1, ..._rest] = _ref, { variant = 'info', priority = 'mid', title, message, buttonText, hideTitle = false, hideIcon = false, hideButton = false, fullWidth = false, onButtonClick, className, size = 's', disableTypography } = _ref1, props = _object_without_properties__(_ref1, [
|
|
57
|
+
"variant",
|
|
58
|
+
"priority",
|
|
59
|
+
"title",
|
|
60
|
+
"message",
|
|
61
|
+
"buttonText",
|
|
62
|
+
"hideTitle",
|
|
63
|
+
"hideIcon",
|
|
64
|
+
"hideButton",
|
|
65
|
+
"fullWidth",
|
|
66
|
+
"onButtonClick",
|
|
67
|
+
"className",
|
|
68
|
+
"size",
|
|
69
|
+
"disableTypography"
|
|
70
|
+
]), [ref] = _rest;
|
|
52
71
|
const [expanded, setExpanded] = useState(false);
|
|
53
|
-
const Icon = useMemo(()
|
|
54
|
-
|
|
55
|
-
|
|
72
|
+
const Icon = useMemo(()=>iconVariant[variant][priority], [
|
|
73
|
+
priority,
|
|
74
|
+
variant
|
|
75
|
+
]);
|
|
76
|
+
const handleClickRoot = useCallback(()=>{
|
|
77
|
+
setExpanded((prevState)=>!prevState);
|
|
56
78
|
}, []);
|
|
57
|
-
const handleButtonClick = useCallback((e)
|
|
79
|
+
const handleButtonClick = useCallback((e)=>{
|
|
58
80
|
e.stopPropagation();
|
|
59
|
-
|
|
60
|
-
}, [
|
|
61
|
-
|
|
81
|
+
null == onButtonClick || onButtonClick();
|
|
82
|
+
}, [
|
|
83
|
+
onButtonClick
|
|
84
|
+
]);
|
|
85
|
+
return /*#__PURE__*/ jsxs(Root, _object_spread_props__(_({}, props), {
|
|
86
|
+
ref: ref,
|
|
87
|
+
className: clsx(className, classNameVariantPriority(variant, priority), classNameSize(size), {
|
|
62
88
|
fullWidth,
|
|
63
89
|
expanded,
|
|
64
|
-
hideTitle
|
|
65
|
-
}),
|
|
90
|
+
hideTitle
|
|
91
|
+
}),
|
|
92
|
+
onClick: handleClickRoot,
|
|
93
|
+
children: [
|
|
94
|
+
!hideIcon && /*#__PURE__*/ jsx(Icon, {
|
|
95
|
+
className: iconClass
|
|
96
|
+
}),
|
|
97
|
+
/*#__PURE__*/ jsxs(TextContentWrap, {
|
|
98
|
+
children: [
|
|
99
|
+
!hideTitle && (disableTypography ? title : /*#__PURE__*/ jsx(Typography, {
|
|
100
|
+
className: titleClass,
|
|
101
|
+
variant: typographySizeVariantMap[size],
|
|
102
|
+
weight: "bold",
|
|
103
|
+
children: title
|
|
104
|
+
})),
|
|
105
|
+
/*#__PURE__*/ jsxs(CollapsableWrap, {
|
|
106
|
+
children: [
|
|
107
|
+
disableTypography ? message : /*#__PURE__*/ jsx(Typography, {
|
|
108
|
+
className: messageClass,
|
|
109
|
+
variant: typographySizeVariantMap[size],
|
|
110
|
+
children: message
|
|
111
|
+
}),
|
|
112
|
+
!hideButton && buttonText && /*#__PURE__*/ jsx(Button, {
|
|
113
|
+
variant: "outline",
|
|
114
|
+
alternativeType: buttonAlternativeTypeMap[variant],
|
|
115
|
+
color: 'high' !== priority ? buttonColorMap[variant] : 'alternative',
|
|
116
|
+
size: "xs",
|
|
117
|
+
onClick: handleButtonClick,
|
|
118
|
+
children: buttonText
|
|
119
|
+
})
|
|
120
|
+
]
|
|
121
|
+
})
|
|
122
|
+
]
|
|
123
|
+
}),
|
|
124
|
+
/*#__PURE__*/ jsx(ChevronRightSmall, {
|
|
125
|
+
className: chevronClass
|
|
126
|
+
})
|
|
127
|
+
]
|
|
128
|
+
}));
|
|
66
129
|
});
|
|
67
|
-
|
|
130
|
+
const AccordionBanner_AccordionBanner = /*#__PURE__*/ memo(AccordionBanner);
|
|
131
|
+
export default AccordionBanner_AccordionBanner;
|
|
132
|
+
|
|
68
133
|
//# sourceMappingURL=AccordionBanner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionBanner.js","
|
|
1
|
+
{"version":3,"file":"AccordionBanner/AccordionBanner.js","sources":["../../src/AccordionBanner/AccordionBanner.tsx"],"sourcesContent":["import { type HTMLAttributes, MouseEvent, ReactNode, forwardRef, memo, useCallback, useMemo, useState } from 'react';\nimport classNames from 'clsx';\nimport ExclamationMarkCircle from '@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkCircle';\nimport ExclamationMarkCircleFilled from '@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkCircleFilled';\nimport ExclamationMarkTriangle from '@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkTriangle';\nimport ExclamationMarkTriangleFilled from '@finam/web-ui-kit-icons/ExclamationMark/ExclamationMarkTriangleFilled';\nimport CheckmarkCircle from '@finam/web-ui-kit-icons/Checkmark/CheckmarkCircle';\nimport CheckmarkCircleFilled from '@finam/web-ui-kit-icons/Checkmark/CheckmarkCircleFilled';\nimport InfoMarkCircle from '@finam/web-ui-kit-icons/InfoMark/InfoMarkCircle';\nimport ChevronRightSmall from '@finam/web-ui-kit-icons/Chevron/ChevronRightSmall';\nimport { type ButtonAlternativeType, type ButtonColor } from '../Button/index.js';\nimport Typography from '../Typography/Typography.js';\nimport { classNameSize, classNameVariantPriority } from './utils.js';\nimport type { Priority, Variant, Size } from './types.js';\nimport { Root, iconClass, titleClass, messageClass, TextContentWrap, Button, chevronClass, CollapsableWrap } from './AccordionBanner.styles.js';\nimport { TypographyProps } from '../Typography/index.js';\n\nexport interface Props extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {\n /** Тип баннера */\n variant?: Variant;\n /** Приоритет */\n priority?: Priority;\n /** Заголовок сообщения */\n title?: ReactNode;\n /** Сообщение */\n message?: ReactNode;\n /** Текст кнопки */\n buttonText?: string;\n /** Флаг отключения заголовка */\n hideTitle?: boolean;\n /** Флаг отключения иконки */\n hideIcon?: boolean;\n /** Флаг отключения кнопки */\n hideButton?: boolean;\n /** Растяжение компонента по ширине контейнера */\n fullWidth?: boolean;\n /** Размер баннера */\n size?: Size;\n /** Отключение обертки для текста */\n disableTypography?: boolean;\n /** Обработчик клика по кнопке */\n onButtonClick?: () => void;\n}\n\nconst iconVariant = {\n info: {\n mid: InfoMarkCircle,\n high: InfoMarkCircle,\n },\n danger: {\n mid: ExclamationMarkTriangle,\n high: ExclamationMarkTriangleFilled,\n },\n warning: {\n mid: ExclamationMarkCircle,\n high: ExclamationMarkCircleFilled,\n },\n success: {\n mid: CheckmarkCircle,\n high: CheckmarkCircleFilled,\n },\n};\n\nconst buttonColorMap: Record<Variant, ButtonColor> = {\n info: 'default',\n danger: 'negative',\n warning: 'warning',\n success: 'positive',\n};\n\nconst buttonAlternativeTypeMap: Record<Variant, ButtonAlternativeType> = {\n info: 'inverse',\n danger: 'ondark',\n warning: 'onlight',\n success: 'ondark',\n};\n\nconst typographySizeVariantMap: Record<Size, TypographyProps['variant']> = {\n s: 'caption12',\n m: 'body14',\n};\n\nconst AccordionBanner = forwardRef<HTMLDivElement, Props>(({\n variant = 'info',\n priority = 'mid',\n title,\n message,\n buttonText,\n hideTitle = false,\n hideIcon = false,\n hideButton = false,\n fullWidth = false,\n onButtonClick,\n className,\n size = 's',\n disableTypography,\n ...props\n}, ref) => {\n const [expanded, setExpanded] = useState(false);\n const Icon = useMemo(\n () => iconVariant[variant][priority],\n [priority, variant],\n );\n\n const handleClickRoot = useCallback(() => {\n setExpanded(prevState => !prevState);\n }, []);\n\n const handleButtonClick = useCallback((e: MouseEvent<HTMLButtonElement | HTMLAnchorElement>) => {\n e.stopPropagation();\n onButtonClick?.();\n }, [onButtonClick]);\n\n return (\n <Root\n {...props}\n ref={ref}\n className={classNames(\n className,\n classNameVariantPriority(variant, priority),\n classNameSize(size),\n {\n fullWidth,\n expanded,\n hideTitle,\n },\n )}\n onClick={handleClickRoot}\n >\n {!hideIcon && (\n <Icon className={iconClass} />\n )}\n <TextContentWrap>\n {!hideTitle && (disableTypography ? title : (\n <Typography\n className={titleClass}\n variant={typographySizeVariantMap[size]}\n weight=\"bold\"\n >\n {title}\n </Typography>\n ))}\n <CollapsableWrap>\n {disableTypography ? message : (\n <Typography\n className={messageClass}\n variant={typographySizeVariantMap[size]}\n >\n {message}\n </Typography>\n )}\n {!hideButton && buttonText && (\n <Button\n variant=\"outline\"\n alternativeType={buttonAlternativeTypeMap[variant]}\n color={priority !== 'high' ? buttonColorMap[variant] : 'alternative'}\n size=\"xs\"\n onClick={handleButtonClick}\n >\n {buttonText}\n </Button>\n )}\n </CollapsableWrap>\n </TextContentWrap>\n <ChevronRightSmall\n className={chevronClass}\n />\n </Root>\n );\n});\n\nexport default memo(AccordionBanner);\n"],"names":["iconVariant","InfoMarkCircle","ExclamationMarkTriangle","ExclamationMarkTriangleFilled","ExclamationMarkCircle","ExclamationMarkCircleFilled","CheckmarkCircle","CheckmarkCircleFilled","buttonColorMap","buttonAlternativeTypeMap","typographySizeVariantMap","AccordionBanner","forwardRef","variant","priority","title","message","buttonText","hideTitle","hideIcon","hideButton","fullWidth","onButtonClick","className","size","disableTypography","props","ref","expanded","setExpanded","useState","Icon","useMemo","handleClickRoot","useCallback","prevState","handleButtonClick","e","Root","classNames","classNameVariantPriority","classNameSize","iconClass","TextContentWrap","Typography","titleClass","CollapsableWrap","messageClass","Button","ChevronRightSmall","chevronClass","memo"],"mappings":";;;;;;;;;;;;;;;;;AA4CA,MAAMA,cAAc;IAClB,MAAM;QACJ,KAAKC;QACL,MAAMA;IACR;IACA,QAAQ;QACN,KAAKC;QACL,MAAMC;IACR;IACA,SAAS;QACP,KAAKC;QACL,MAAMC;IACR;IACA,SAAS;QACP,KAAKC;QACL,MAAMC;IACR;AACF;AAEA,MAAMC,iBAA+C;IACnD,MAAM;IACN,QAAQ;IACR,SAAS;IACT,SAAS;AACX;AAEA,MAAMC,2BAAmE;IACvE,MAAM;IACN,QAAQ;IACR,SAAS;IACT,SAAS;AACX;AAEA,MAAMC,2BAAqE;IACzE,GAAG;IACH,GAAG;AACL;AAEA,MAAMC,kBAAkB,WAAHA,GAAGC,WAAkC,CAAC,IAAD;;;;iCAAC,EACzDC,UAAU,MAAM,EAChBC,WAAW,KAAK,EAChBC,KAAK,EACLC,OAAO,EACPC,UAAU,EACVC,YAAY,KAAK,EACjBC,WAAW,KAAK,EAChBC,aAAa,KAAK,EAClBC,YAAY,KAAK,EACjBC,aAAa,EACbC,SAAS,EACTC,OAAO,GAAG,EACVC,iBAAiB,EAElB,UADIC,QAAAA,6BAAAA,OAAAA;;;;;;;;;;;;;;SACFC,IAAAA,GAAAA;IACD,MAAM,CAACC,UAAUC,YAAY,GAAGC,SAAS;IACzC,MAAMC,OAAOC,QACX,IAAMhC,WAAW,CAACa,QAAQ,CAACC,SAAS,EACpC;QAACA;QAAUD;KAAQ;IAGrB,MAAMoB,kBAAkBC,YAAY;QAClCL,YAAYM,CAAAA,YAAa,CAACA;IAC5B,GAAG,EAAE;IAEL,MAAMC,oBAAoBF,YAAY,CAACG;QACrCA,EAAE,eAAe;QACjBf,QAAAA,iBAAAA;IACF,GAAG;QAACA;KAAc;IAElB,OAAO,WAAP,GACE,KAACgB,MAAIA,uBAAAA,EAAAA,CAAAA,GACCZ,QAAAA;QACJ,KAAKC;QACL,WAAWY,KACThB,WACAiB,yBAAyB3B,SAASC,WAClC2B,cAAcjB,OACd;YACEH;YACAO;YACAV;QACF;QAEF,SAASe;;YAER,CAACd,YAAY,WAAZA,GACA,IAACY,MAAAA;gBAAK,WAAWW;;0BAEnB,KAACC,iBAAeA;;oBACb,CAACzB,aAAcO,CAAAA,oBAAoBV,QAAQ,WAARA,GAClC,IAAC6B,YAAUA;wBACT,WAAWC;wBACX,SAASnC,wBAAwB,CAACc,KAAK;wBACvC,QAAO;kCAENT;;kCAGL,KAAC+B,iBAAeA;;4BACbrB,oBAAoBT,UAAU,WAAVA,GACnB,IAAC4B,YAAUA;gCACT,WAAWG;gCACX,SAASrC,wBAAwB,CAACc,KAAK;0CAEtCR;;4BAGJ,CAACI,cAAcH,cAAc,WAAdA,GACd,IAAC+B,QAAMA;gCACL,SAAQ;gCACR,iBAAiBvC,wBAAwB,CAACI,QAAQ;gCAClD,OAAOC,AAAa,WAAbA,WAAsBN,cAAc,CAACK,QAAQ,GAAG;gCACvD,MAAK;gCACL,SAASuB;0CAERnB;;;;;;0BAKT,IAACgC,mBAAiBA;gBAChB,WAAWC;;;;AAInB;AAEA,sDAAeC,KAAKxC"}
|
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
.ui_components_c1lnzmkw{transition:transform 0.2s ease-out;width:16px;height:16px;padding:var(--ui-spacing-xs) 0;}.ui_components_r1679lux.expanded .ui_components_c1lnzmkw{transform:rotate(-90deg);}.ui_components_r1679lux.size-m .ui_components_c1lnzmkw{padding:10px 0;}.ui_components_r1679lux.variant-info-priority-high .ui_components_c1lnzmkw{fill:var(--ui-colors-icon-inverse);}.ui_components_r1679lux.variant-danger-priority-high .ui_components_c1lnzmkw{fill:var(--ui-colors-icon-onnegative);}.ui_components_r1679lux.variant-warning-priority-high .ui_components_c1lnzmkw{fill:var(--ui-colors-icon-onwarning);}.ui_components_r1679lux.variant-success-priority-high .ui_components_c1lnzmkw{fill:var(--ui-colors-icon-onpositive);}
|
|
6
6
|
.ui_components_tfp4hee{padding:var(--ui-spacing-xs) 0 var(--ui-spacing-micro);}.ui_components_r1679lux.variant-info-priority-high .ui_components_tfp4hee{color:var(--ui-colors-text-inverse);}.ui_components_r1679lux.variant-danger-priority-high .ui_components_tfp4hee{color:var(--ui-colors-text-onnegative);}.ui_components_r1679lux.variant-warning-priority-high .ui_components_tfp4hee{color:var(--ui-colors-text-onwarning);}.ui_components_r1679lux.variant-success-priority-high .ui_components_tfp4hee{color:var(--ui-colors-text-onpositive);}
|
|
7
7
|
.ui_components_mrfwsiu{padding:var(--ui-spacing-xs) 0;}.ui_components_r1679lux:not(.expanded).hideTitle .ui_components_mrfwsiu{display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;}.ui_components_r1679lux.variant-info-priority-high .ui_components_mrfwsiu{color:var(--ui-colors-text-inverse);}.ui_components_r1679lux.variant-danger-priority-high .ui_components_mrfwsiu{color:var(--ui-colors-text-onnegative);}.ui_components_r1679lux.variant-warning-priority-high .ui_components_mrfwsiu{color:var(--ui-colors-text-onwarning);}.ui_components_r1679lux.variant-success-priority-high .ui_components_mrfwsiu{color:var(--ui-colors-text-onpositive);}
|
|
8
|
-
.
|
|
8
|
+
.ui_components_a1izvifi{margin:var(--ui-spacing-xs) 0 var(--ui-spacing-m);}
|
|
@@ -1,30 +1,31 @@
|
|
|
1
|
-
import { styled } from
|
|
2
|
-
import
|
|
3
|
-
|
|
1
|
+
import { styled } from "@linaria/react";
|
|
2
|
+
import Button from "../Button/index.js";
|
|
3
|
+
const Root = /*#__PURE__*/styled('div')({
|
|
4
4
|
name: "Root",
|
|
5
5
|
class: "ui_components_r1679lux",
|
|
6
6
|
propsAsIs: false
|
|
7
7
|
});
|
|
8
|
-
|
|
8
|
+
const TextContentWrap = /*#__PURE__*/styled('div')({
|
|
9
9
|
name: "TextContentWrap",
|
|
10
10
|
class: "ui_components_t1bq4imo",
|
|
11
11
|
propsAsIs: false
|
|
12
12
|
});
|
|
13
|
-
|
|
13
|
+
const CollapsableWrap = /*#__PURE__*/styled('div')({
|
|
14
14
|
name: "CollapsableWrap",
|
|
15
15
|
class: "ui_components_cun0efl",
|
|
16
16
|
propsAsIs: false
|
|
17
17
|
});
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
const _exp102 = () => (
|
|
23
|
-
|
|
24
|
-
name: "
|
|
25
|
-
class: "
|
|
18
|
+
const iconClass = "ui_components_i13j87sk";
|
|
19
|
+
const chevronClass = "ui_components_c1lnzmkw";
|
|
20
|
+
const titleClass = "ui_components_tfp4hee";
|
|
21
|
+
const messageClass = "ui_components_mrfwsiu";
|
|
22
|
+
const _exp102 = () => (Button);
|
|
23
|
+
const AccordionBanner_styles_Button = /*#__PURE__*/styled(_exp102())({
|
|
24
|
+
name: "AccordionBanner_styles_Button",
|
|
25
|
+
class: "ui_components_a1izvifi",
|
|
26
26
|
propsAsIs: true
|
|
27
27
|
});
|
|
28
|
+
export { AccordionBanner_styles_Button as Button, CollapsableWrap, Root, TextContentWrap, chevronClass, iconClass, messageClass, titleClass };
|
|
28
29
|
//# sourceMappingURL=AccordionBanner.styles.js.map
|
|
29
30
|
|
|
30
31
|
import "./AccordionBanner.styles.css";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionBanner.styles.js","sourceRoot":"","sources":["../../src/AccordionBanner/AccordionBanner.styles.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"AccordionBanner/AccordionBanner.styles.js","sources":["../../src/AccordionBanner/AccordionBanner.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport { classNameSize, classNameVariantPriority } from './utils.js';\nimport ButtonUI from '../Button/index.js';\n\nconst infoMid = classNameVariantPriority('info', 'mid');\nconst infoHigh = classNameVariantPriority('info', 'high');\nconst dangerMid = classNameVariantPriority('danger', 'mid');\nconst dangerHigh = classNameVariantPriority('danger', 'high');\nconst warningMid = classNameVariantPriority('warning', 'mid');\nconst warningHigh = classNameVariantPriority('warning', 'high');\nconst successMid = classNameVariantPriority('success', 'mid');\nconst successHigh = classNameVariantPriority('success', 'high');\n\nconst sizeM = classNameSize('m');\n\nexport const Root = styled.div`\n box-sizing: border-box;\n display: flex;\n max-width: 360px;\n padding: ${tokens.spacing['2xs']} ${tokens.spacing.s};\n border-radius: ${tokens.radius.m};\n cursor: pointer;\n max-height: 40px;\n overflow: hidden;\n\n &.${sizeM} {\n max-height: 48px;\n padding: 6px ${tokens.spacing.s};\n }\n\n &.expanded {\n max-height: none;\n }\n\n &.fullWidth {\n width: 100%;\n max-width: 100%;\n }\n\n & > :not(:first-child) {\n margin-left: ${tokens.spacing.xs};\n }\n\n &.${infoMid} {\n background: ${tokens.colors.opacity.base[16]};\n\n &:hover {\n background: ${tokens.colors.opacity.base[24]};\n }\n }\n\n &.${infoHigh} {\n background: ${tokens.colors.bg.inverse.default.default};\n\n &:hover {\n background: ${tokens.colors.bg.inverse.default.hover};\n }\n }\n\n &.${dangerMid} {\n background: ${tokens.colors.bg.negative.secondary.default};\n\n &:hover {\n background: ${tokens.colors.bg.inverse.secondary.hover};\n }\n }\n\n &.${dangerHigh} {\n background: ${tokens.colors.bg.negative.default.default};\n\n &:hover {\n background: ${tokens.colors.bg.negative.default.hover};\n }\n }\n\n &.${warningMid} {\n background: ${tokens.colors.bg.warning.secondary.default};\n\n &:hover {\n background: ${tokens.colors.bg.warning.secondary.hover};\n }\n }\n\n &.${warningHigh} {\n background: ${tokens.colors.bg.warning.default.default};\n\n &:hover {\n background: ${tokens.colors.bg.warning.default.hover};\n }\n }\n\n &.${successMid} {\n background: ${tokens.colors.bg.positive.secondary.default};\n\n &:hover {\n background: ${tokens.colors.bg.positive.secondary.hover};\n }\n }\n\n &.${successHigh} {\n background: ${tokens.colors.bg.positive.default.default};\n\n &:hover {\n background: ${tokens.colors.bg.positive.default.hover};\n }\n }\n`;\n\nexport const TextContentWrap = styled.div`\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n`;\n\nexport const CollapsableWrap = styled.div`\n overflow: hidden;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n\n ${Root}:not(.expanded).hideTitle & {\n max-height: 24px;\n }\n \n ${Root}:not(.expanded).hideTitle.${sizeM} & {\n max-height: 28px;\n }\n`;\n\nexport const iconClass = css`\n width: 16px;\n height: 16px;\n padding: ${tokens.spacing.xs} 0;\n\n ${Root}.${sizeM} & {\n padding: 10px 0;\n }\n\n ${Root}.${infoHigh} & {\n fill: ${tokens.colors.icon.inverse.default.default};\n }\n\n ${Root}.${dangerMid} & {\n fill: ${tokens.colors.icon.negative.default.default};\n }\n\n ${Root}.${dangerHigh} & {\n fill: ${tokens.colors.icon.onnegative.default.default};\n }\n\n ${Root}.${warningMid} & {\n fill: ${tokens.colors.icon.warning.default.default};\n }\n\n ${Root}.${warningHigh} & {\n fill: ${tokens.colors.icon.onwarning.default.default};\n }\n\n ${Root}.${successMid} & {\n fill: ${tokens.colors.icon.positive.default.default};\n }\n\n ${Root}.${successHigh} & {\n fill: ${tokens.colors.icon.onpositive.default.default};\n }\n`;\n\nexport const chevronClass = css`\n transition: transform 0.2s ease-out;\n width: 16px;\n height: 16px;\n padding: ${tokens.spacing.xs} 0;\n\n ${Root}.expanded & {\n transform: rotate(-90deg);\n }\n\n ${Root}.${sizeM} & {\n padding: 10px 0;\n }\n\n ${Root}.${infoHigh} & {\n fill: ${tokens.colors.icon.inverse.default.default};\n }\n\n ${Root}.${dangerHigh} & {\n fill: ${tokens.colors.icon.onnegative.default.default};\n }\n\n ${Root}.${warningHigh} & {\n fill: ${tokens.colors.icon.onwarning.default.default};\n }\n\n ${Root}.${successHigh} & {\n fill: ${tokens.colors.icon.onpositive.default.default};\n }\n`;\n\nexport const titleClass = css`\n padding: ${tokens.spacing.xs} 0 ${tokens.spacing.micro};\n\n ${Root}.${infoHigh} & {\n color: ${tokens.colors.text.inverse.default.default};\n }\n\n ${Root}.${dangerHigh} & {\n color: ${tokens.colors.text.onnegative.default.default};\n }\n\n ${Root}.${warningHigh} & {\n color: ${tokens.colors.text.onwarning.default.default};\n }\n\n ${Root}.${successHigh} & {\n color: ${tokens.colors.text.onpositive.default.default};\n }\n`;\n\nexport const messageClass = css`\n padding: ${tokens.spacing.xs} 0;\n\n ${Root}:not(.expanded).hideTitle & {\n display: -webkit-box;\n -webkit-line-clamp: 1;\n line-clamp: 1; \n -webkit-box-orient: vertical;\n }\n\n ${Root}.${infoHigh} & {\n color: ${tokens.colors.text.inverse.default.default};\n }\n\n ${Root}.${dangerHigh} & {\n color: ${tokens.colors.text.onnegative.default.default};\n }\n\n ${Root}.${warningHigh} & {\n color: ${tokens.colors.text.onwarning.default.default};\n }\n\n ${Root}.${successHigh} & {\n color: ${tokens.colors.text.onpositive.default.default};\n }\n`;\n\nexport const Button = styled(ButtonUI)`\n margin: ${tokens.spacing.xs} 0 ${tokens.spacing.m};\n`;\n"],"names":["infoMid","classNameVariantPriority","infoHigh","dangerMid","dangerHigh","warningMid","warningHigh","successMid","successHigh","sizeM","classNameSize","Root","styled","tokens","TextContentWrap","CollapsableWrap","iconClass","css","chevronClass","titleClass","messageClass","Button","ButtonUI"],"mappings":"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"}
|
|
@@ -1,3 +1,2 @@
|
|
|
1
|
-
export {
|
|
2
|
-
export { default } from
|
|
3
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
export { messageClass as AccordionBannerMessageClass, titleClass as AccordionBannerTitleClass } from "./AccordionBanner.styles.js";
|
|
2
|
+
export { default } from "./AccordionBanner.js";
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import { mapPropClassName } from
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
import { mapPropClassName } from "../utils/className.js";
|
|
2
|
+
const classNameVariantPriority = (variant, priority)=>`${mapPropClassName('variant', variant)}-${mapPropClassName('priority', priority)}`;
|
|
3
|
+
const classNameSize = (size)=>mapPropClassName('size', size);
|
|
4
|
+
export { classNameSize, classNameVariantPriority };
|
|
5
|
+
|
|
4
6
|
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","
|
|
1
|
+
{"version":3,"file":"AccordionBanner/utils.js","sources":["../../src/AccordionBanner/utils.ts"],"sourcesContent":["import { mapPropClassName } from '../utils/className.js';\nimport { Priority, Size, Variant } from './types.js';\n\nexport const classNameVariantPriority = <V extends Variant, P extends Priority>(\n variant: V,\n priority: P,\n) => `${mapPropClassName('variant', variant)}-${mapPropClassName('priority', priority)}` as const;\nexport const classNameSize = <T extends Size>(size: T) => mapPropClassName('size', size);\n"],"names":["classNameVariantPriority","variant","priority","mapPropClassName","classNameSize","size"],"mappings":";AAGO,MAAMA,2BAA2B,CACtCC,SACAC,WACG,GAAGC,iBAAiB,WAAWF,SAAS,CAAC,EAAEE,iBAAiB,YAAYD,WAAW;AACjF,MAAME,gBAAgB,CAAiBC,OAAYF,iBAAiB,QAAQE"}
|
package/dist/Avatar/Avatar.js
CHANGED
|
@@ -1,39 +1,52 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import
|
|
6
|
-
import {
|
|
7
|
-
import
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
1
|
+
import { _ } from "@swc/helpers/_/_object_spread";
|
|
2
|
+
import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
|
|
3
|
+
import { _ as _object_without_properties__ } from "@swc/helpers/_/_object_without_properties";
|
|
4
|
+
import { jsx } from "react/jsx-runtime";
|
|
5
|
+
import { Children, forwardRef, useMemo } from "react";
|
|
6
|
+
import { avatar } from "@finam/web-ui-kit-core/styles/avatar";
|
|
7
|
+
import clsx from "clsx";
|
|
8
|
+
import { AvatarMale, AvatarUnisex } from "./Icons/index.js";
|
|
9
|
+
import { stringToHslColor } from "./utils.js";
|
|
10
|
+
const Avatar = /*#__PURE__*/ forwardRef((_0, _1)=>{
|
|
11
|
+
let _ref = [
|
|
12
|
+
_0,
|
|
13
|
+
_1
|
|
14
|
+
], [_ref1, ..._rest] = _ref, { placeholder = 'male', className, children, loading } = _ref1, other = _object_without_properties__(_ref1, [
|
|
15
|
+
"placeholder",
|
|
16
|
+
"className",
|
|
17
|
+
"children",
|
|
18
|
+
"loading"
|
|
19
|
+
]), [ref] = _rest;
|
|
20
|
+
const PlaceholderIcon = 'male' === placeholder ? AvatarMale : AvatarUnisex;
|
|
21
|
+
const { background, color } = useMemo(()=>{
|
|
12
22
|
let label = '';
|
|
13
|
-
Children.forEach(children, (child)
|
|
14
|
-
if (typeof child
|
|
15
|
-
label += child;
|
|
16
|
-
}
|
|
23
|
+
Children.forEach(children, (child)=>{
|
|
24
|
+
if ('string' == typeof child) label += child;
|
|
17
25
|
});
|
|
18
|
-
if (label) {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
};
|
|
23
|
-
}
|
|
26
|
+
if (label) return {
|
|
27
|
+
background: `linear-gradient(147deg, rgba(255, 255, 255, 0.30) 15.99%, rgba(255, 255, 255, 0.00) 68.88%), ${stringToHslColor(label, 85)}`,
|
|
28
|
+
color: stringToHslColor(label, 45)
|
|
29
|
+
};
|
|
24
30
|
return {};
|
|
25
|
-
}, [
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
31
|
+
}, [
|
|
32
|
+
children
|
|
33
|
+
]);
|
|
34
|
+
const rootClassName = clsx(loading ? avatar.loading : background ? avatar.shadow : avatar["default"], className);
|
|
35
|
+
return /*#__PURE__*/ jsx("div", _object_spread_props__(_({
|
|
36
|
+
className: rootClassName,
|
|
37
|
+
ref: ref,
|
|
38
|
+
style: loading ? void 0 : {
|
|
32
39
|
background,
|
|
33
|
-
color
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
|
|
40
|
+
color
|
|
41
|
+
}
|
|
42
|
+
}, other), {
|
|
43
|
+
children: loading ? null : children || /*#__PURE__*/ jsx(PlaceholderIcon, {
|
|
44
|
+
width: 48,
|
|
45
|
+
height: 48
|
|
46
|
+
})
|
|
47
|
+
}));
|
|
37
48
|
});
|
|
38
|
-
|
|
49
|
+
const Avatar_Avatar = Avatar;
|
|
50
|
+
export default Avatar_Avatar;
|
|
51
|
+
|
|
39
52
|
//# sourceMappingURL=Avatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","
|
|
1
|
+
{"version":3,"file":"Avatar/Avatar.js","sources":["../../src/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef, ReactNode, Children, useMemo, HTMLAttributes } from 'react';\nimport { avatar } from '@finam/web-ui-kit-core/styles/avatar';\nimport classnames from 'clsx';\nimport { AvatarMale, AvatarUnisex } from './Icons/index.js';\nimport { stringToHslColor } from './utils.js';\n\nexport interface Props extends HTMLAttributes<HTMLDivElement> {\n /** Состояние загрузки */\n loading?: boolean;\n /** Заглушка если не передан children */\n placeholder?: 'male' | 'unisex';\n /** Содержимое компонента */\n children?: ReactNode;\n}\n\nconst Avatar = forwardRef<HTMLDivElement, Props>(({\n placeholder = 'male',\n className,\n children,\n loading,\n ...other\n}, ref) => {\n const PlaceholderIcon = placeholder === 'male' ? AvatarMale : AvatarUnisex;\n\n const { background, color } = useMemo(() => {\n let label = '';\n\n Children.forEach(children, (child) => {\n if (typeof child === 'string') {\n label += child;\n }\n });\n\n if (label) {\n return {\n background: `linear-gradient(147deg, rgba(255, 255, 255, 0.30) 15.99%, rgba(255, 255, 255, 0.00) 68.88%), ${stringToHslColor(label, 85)}`,\n color: stringToHslColor(label, 45),\n };\n }\n\n return {};\n }, [children]);\n\n const rootClassName = classnames(\n loading\n ? avatar.loading\n : background\n ? avatar.shadow\n : avatar.default,\n className,\n );\n\n return (\n <div\n className={rootClassName}\n ref={ref}\n style={!loading ? {\n background,\n color,\n } : undefined}\n {...other}\n >\n {!loading\n ? children || <PlaceholderIcon width={48} height={48} />\n : null}\n </div>\n );\n});\n\nexport default Avatar;\n"],"names":["Avatar","forwardRef","placeholder","className","children","loading","other","ref","PlaceholderIcon","AvatarMale","AvatarUnisex","background","color","useMemo","label","Children","child","stringToHslColor","rootClassName","classnames","avatar","undefined"],"mappings":";;;;;;;;;AAeA,MAAMA,SAAS,WAAHA,GAAGC,WAAkC,CAAC,IAAD;;;;iCAAC,EAChDC,cAAc,MAAM,EACpBC,SAAS,EACTC,QAAQ,EACRC,OAAO,EAER,UADIC,QAAAA,6BAAAA,OAAAA;;;;;SACFC,IAAAA,GAAAA;IACD,MAAMC,kBAAkBN,AAAgB,WAAhBA,cAAyBO,aAAaC;IAE9D,MAAM,EAAEC,UAAU,EAAEC,KAAK,EAAE,GAAGC,QAAQ;QACpC,IAAIC,QAAQ;QAEZC,SAAS,OAAO,CAACX,UAAU,CAACY;YAC1B,IAAI,AAAiB,YAAjB,OAAOA,OACTF,SAASE;QAEb;QAEA,IAAIF,OACF,OAAO;YACL,YAAY,CAAC,6FAA6F,EAAEG,iBAAiBH,OAAO,KAAK;YACzI,OAAOG,iBAAiBH,OAAO;QACjC;QAGF,OAAO,CAAC;IACV,GAAG;QAACV;KAAS;IAEb,MAAMc,gBAAgBC,KACpBd,UACIe,OAAO,OAAO,GACdT,aACES,OAAO,MAAM,GACbA,MAAM,CAANA,UAAc,EACpBjB;IAGF,OAAO,WAAP,GACE,IAAC;QACC,WAAWe;QACX,KAAKX;QACL,OAAO,AAACF,UAGJgB,SAHc;YAChBV;YACAC;QACF;OACIN,QAAAA;kBAEH,AAACD,UAEE,OADAD,YAAY,WAAZA,GAAY,IAACI,iBAAAA;YAAgB,OAAO;YAAI,QAAQ;;;AAI1D;AAEA,sBAAeR"}
|
|
@@ -1,5 +1,142 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { _ } from "@swc/helpers/_/_object_spread";
|
|
2
|
+
import { _ as _object_spread_props__ } from "@swc/helpers/_/_object_spread_props";
|
|
3
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
4
|
+
import SvgIcon from "@finam/web-ui-kit-icons/SvgIcon";
|
|
5
|
+
const Bell = (props)=>/*#__PURE__*/ jsxs(SvgIcon, _object_spread_props__(_({}, props), {
|
|
6
|
+
children: [
|
|
7
|
+
/*#__PURE__*/ jsxs("g", {
|
|
8
|
+
filter: "url(#filter0_i_1766_106049)",
|
|
9
|
+
children: [
|
|
10
|
+
/*#__PURE__*/ jsx("rect", {
|
|
11
|
+
width: "48",
|
|
12
|
+
height: "48",
|
|
13
|
+
rx: "24",
|
|
14
|
+
fill: "#D3D5DE"
|
|
15
|
+
}),
|
|
16
|
+
/*#__PURE__*/ jsx("rect", {
|
|
17
|
+
width: "48",
|
|
18
|
+
height: "48",
|
|
19
|
+
rx: "24",
|
|
20
|
+
fill: "url(#paint0_linear_1766_106049)"
|
|
21
|
+
}),
|
|
22
|
+
/*#__PURE__*/ jsx("mask", {
|
|
23
|
+
id: "mask0_1766_106049",
|
|
24
|
+
style: {
|
|
25
|
+
maskType: 'alpha'
|
|
26
|
+
},
|
|
27
|
+
maskUnits: "userSpaceOnUse",
|
|
28
|
+
x: "3",
|
|
29
|
+
y: "3",
|
|
30
|
+
width: "42",
|
|
31
|
+
height: "42",
|
|
32
|
+
children: /*#__PURE__*/ jsx("circle", {
|
|
33
|
+
cx: "24",
|
|
34
|
+
cy: "24.0449",
|
|
35
|
+
r: "20.501",
|
|
36
|
+
fill: "#D9D9D9"
|
|
37
|
+
})
|
|
38
|
+
}),
|
|
39
|
+
/*#__PURE__*/ jsx("g", {
|
|
40
|
+
mask: "url(#mask0_1766_106049)",
|
|
41
|
+
children: /*#__PURE__*/ jsx("path", {
|
|
42
|
+
d: "M10.4889 45.9014V39.1409C10.4789 35.9718 11.1644 34.2859 15.5556 32.5164C18.9333 31.1552 19.9952 29.9475 20.1719 29.6806C20.7873 28.7505 20.5798 26.4403 19.9467 25.4836C18.2578 25.2567 17.8074 22.1941 17.92 21.5135C18.0101 20.969 18.4079 20.9463 18.5956 21.0597C18.5956 21.0597 17.9242 18.693 18.1452 16.5224C18.5609 12.4389 22.9867 12.0986 24 12.0986C25.0134 12.0986 29.4392 12.4389 29.8549 16.5224C30.0758 18.693 29.4045 21.0597 29.4045 21.0597C29.5922 20.9463 29.99 20.969 30.0801 21.5135C30.1926 22.1941 29.7423 25.2567 28.0534 25.4836C27.4203 26.4403 27.2128 28.7505 27.8282 29.6806C28.0048 29.9475 29.0667 31.1552 32.4445 32.5164C36.8356 34.2859 37.5112 35.9718 37.5112 39.0955V45.9014H10.4889Z",
|
|
43
|
+
fill: "url(#paint1_linear_1766_106049)"
|
|
44
|
+
})
|
|
45
|
+
})
|
|
46
|
+
]
|
|
47
|
+
}),
|
|
48
|
+
/*#__PURE__*/ jsxs("defs", {
|
|
49
|
+
children: [
|
|
50
|
+
/*#__PURE__*/ jsxs("filter", {
|
|
51
|
+
id: "filter0_i_1766_106049",
|
|
52
|
+
x: "0",
|
|
53
|
+
y: "0",
|
|
54
|
+
width: "49",
|
|
55
|
+
height: "49",
|
|
56
|
+
filterUnits: "userSpaceOnUse",
|
|
57
|
+
colorInterpolationFilters: "sRGB",
|
|
58
|
+
children: [
|
|
59
|
+
/*#__PURE__*/ jsx("feFlood", {
|
|
60
|
+
floodOpacity: "0",
|
|
61
|
+
result: "BackgroundImageFix"
|
|
62
|
+
}),
|
|
63
|
+
/*#__PURE__*/ jsx("feBlend", {
|
|
64
|
+
mode: "normal",
|
|
65
|
+
in: "SourceGraphic",
|
|
66
|
+
in2: "BackgroundImageFix",
|
|
67
|
+
result: "shape"
|
|
68
|
+
}),
|
|
69
|
+
/*#__PURE__*/ jsx("feColorMatrix", {
|
|
70
|
+
in: "SourceAlpha",
|
|
71
|
+
type: "matrix",
|
|
72
|
+
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0",
|
|
73
|
+
result: "hardAlpha"
|
|
74
|
+
}),
|
|
75
|
+
/*#__PURE__*/ jsx("feOffset", {
|
|
76
|
+
dx: "1",
|
|
77
|
+
dy: "1"
|
|
78
|
+
}),
|
|
79
|
+
/*#__PURE__*/ jsx("feGaussianBlur", {
|
|
80
|
+
stdDeviation: "8"
|
|
81
|
+
}),
|
|
82
|
+
/*#__PURE__*/ jsx("feComposite", {
|
|
83
|
+
in2: "hardAlpha",
|
|
84
|
+
operator: "arithmetic",
|
|
85
|
+
k2: "-1",
|
|
86
|
+
k3: "1"
|
|
87
|
+
}),
|
|
88
|
+
/*#__PURE__*/ jsx("feColorMatrix", {
|
|
89
|
+
type: "matrix",
|
|
90
|
+
values: "0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"
|
|
91
|
+
}),
|
|
92
|
+
/*#__PURE__*/ jsx("feBlend", {
|
|
93
|
+
mode: "multiply",
|
|
94
|
+
in2: "shape",
|
|
95
|
+
result: "effect1_innerShadow_1766_106049"
|
|
96
|
+
})
|
|
97
|
+
]
|
|
98
|
+
}),
|
|
99
|
+
/*#__PURE__*/ jsxs("linearGradient", {
|
|
100
|
+
id: "paint0_linear_1766_106049",
|
|
101
|
+
x1: "9.5",
|
|
102
|
+
y1: "6.5",
|
|
103
|
+
x2: "28.5",
|
|
104
|
+
y2: "36",
|
|
105
|
+
gradientUnits: "userSpaceOnUse",
|
|
106
|
+
children: [
|
|
107
|
+
/*#__PURE__*/ jsx("stop", {
|
|
108
|
+
stopColor: "white",
|
|
109
|
+
stopOpacity: "0.5"
|
|
110
|
+
}),
|
|
111
|
+
/*#__PURE__*/ jsx("stop", {
|
|
112
|
+
offset: "1",
|
|
113
|
+
stopColor: "white",
|
|
114
|
+
stopOpacity: "0"
|
|
115
|
+
})
|
|
116
|
+
]
|
|
117
|
+
}),
|
|
118
|
+
/*#__PURE__*/ jsxs("linearGradient", {
|
|
119
|
+
id: "paint1_linear_1766_106049",
|
|
120
|
+
x1: "10.4888",
|
|
121
|
+
y1: "18.8591",
|
|
122
|
+
x2: "42.323",
|
|
123
|
+
y2: "49.009",
|
|
124
|
+
gradientUnits: "userSpaceOnUse",
|
|
125
|
+
children: [
|
|
126
|
+
/*#__PURE__*/ jsx("stop", {
|
|
127
|
+
stopColor: "#898691"
|
|
128
|
+
}),
|
|
129
|
+
/*#__PURE__*/ jsx("stop", {
|
|
130
|
+
offset: "1",
|
|
131
|
+
stopColor: "#5B5862"
|
|
132
|
+
})
|
|
133
|
+
]
|
|
134
|
+
})
|
|
135
|
+
]
|
|
136
|
+
})
|
|
137
|
+
]
|
|
138
|
+
}));
|
|
139
|
+
const AvatarMale = Bell;
|
|
140
|
+
export default AvatarMale;
|
|
141
|
+
|
|
5
142
|
//# sourceMappingURL=AvatarMale.js.map
|