@itcase/ui 1.4.13 → 1.5.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/{Badge-DnWTbwXq.js → Badge-CURAYlMs.js} +28 -28
- package/dist/{Badge-BxT2_kz_.js → Badge-LjfcZycz.js} +29 -29
- package/dist/{Button-xYLCmT3D.js → Button-CMB-ELfe.js} +15 -15
- package/dist/{Button-BiJZz4Bx.js → Button-iPtstCWk.js} +14 -14
- package/dist/{Divider-ImOOytuN.js → Divider-D8hUUrwe.js} +1 -1
- package/dist/{Divider-BQcBkzt1.js → Divider-DhXzYcNF.js} +2 -2
- package/dist/DropdownItem-C8CumsgX.js +117 -0
- package/dist/DropdownItem-CBJeJPbP.js +122 -0
- package/dist/{Group-qq4Iisll.js → Group-BVlu5z77.js} +7 -3
- package/dist/{Group-BICb8bYQ.js → Group-OkygpKiJ.js} +7 -3
- package/dist/{Icon-BcBOnVKH.js → Icon-Ch-L2dOj.js} +9 -7
- package/dist/Icon-CoBJRPlP.js +63 -0
- package/dist/Image-CSzHhlA1.js +17 -0
- package/dist/Image-DuIBtUq5.js +19 -0
- package/dist/{Input-DHJIVk1z.js → Input-ChiH90mV.js} +33 -30
- package/dist/{Input-DiFnIFT7.js → Input-e0kLrbs6.js} +33 -30
- package/dist/{Label-D-LcvthP.js → Label-CP8IAPOM.js} +5 -5
- package/dist/{Label-y2hx5Q81.js → Label-CfE08vBy.js} +6 -6
- package/dist/{Link-BnqN6ysn.js → Link-C04g00r2.js} +18 -11
- package/dist/{Link-DaKqf1pb.js → Link-Sr03Kia9.js} +19 -13
- package/dist/{Loader-VK3q7PBN.js → Loader-CRN4MAbm.js} +2 -2
- package/dist/{Loader-DdKHrLnw.js → Loader-rzo8nnRI.js} +1 -1
- package/dist/{Overlay-CZixnXZ6.js → Overlay-CRIofShk.js} +6 -3
- package/dist/{Overlay-Myen2mqz.js → Overlay-CZFSerUl.js} +6 -3
- package/dist/{Scrollbar-Bo7z7ELm.js → Scrollbar-CThJeCLF.js} +4 -4
- package/dist/{Scrollbar-CKbA0jQU.js → Scrollbar-DcKOfcNp.js} +4 -4
- package/dist/{Text-C49zj3jO.js → Text-CEcBg-F5.js} +6 -3
- package/dist/{Text-C6NSmetx.js → Text-CI2prtf6.js} +6 -3
- package/dist/{Title-BLGDdlnX.js → Title-C4xUtigh.js} +12 -2
- package/dist/{Title-Byi9vhDt.js → Title-CaXw1KBQ.js} +13 -3
- package/dist/{Tooltip-5lQyt5-Y.js → Tooltip-EOu0a93a.js} +9 -9
- package/dist/{Tooltip-DRta8lK_.js → Tooltip-Lhx-Fefx.js} +8 -8
- package/dist/cjs/components/Accordion.js +17 -9
- package/dist/cjs/components/Avatar.js +9 -6
- package/dist/cjs/components/Badge.js +9 -6
- package/dist/cjs/components/Breadcrumbs.js +11 -8
- package/dist/cjs/components/Button.js +10 -7
- package/dist/cjs/components/Cell.js +18 -13
- package/dist/cjs/components/Checkbox.js +8 -5
- package/dist/cjs/components/Checkmark.js +5 -3
- package/dist/cjs/components/Chips.js +35 -17
- package/dist/cjs/components/Choice.js +23 -17
- package/dist/cjs/components/Code.js +9 -4
- package/dist/cjs/components/CookiesWarning.js +13 -10
- package/dist/cjs/components/DadataHintField.js +9 -4
- package/dist/cjs/components/DatePicker.js +24 -42
- package/dist/cjs/components/Divider.js +4 -1
- package/dist/cjs/components/Dot.js +3 -0
- package/dist/cjs/components/Drawer.js +3 -3
- package/dist/cjs/components/Dropdown.js +6 -4
- package/dist/cjs/components/Flex.js +7 -4
- package/dist/cjs/components/Grid.js +12 -9
- package/dist/cjs/components/Group.js +5 -2
- package/dist/cjs/components/HTMLContent.js +5 -2
- package/dist/cjs/components/HeroTitle.js +12 -6
- package/dist/cjs/components/Icon.js +8 -5
- package/dist/cjs/components/Image.js +4 -1
- package/dist/cjs/components/Input.js +5 -2
- package/dist/cjs/components/InputMask.js +11 -6
- package/dist/cjs/components/InputPassword.js +34 -28
- package/dist/cjs/components/Label.js +7 -4
- package/dist/cjs/components/Link.js +6 -5
- package/dist/cjs/components/List.js +6 -3
- package/dist/cjs/components/Loader.js +5 -2
- package/dist/cjs/components/Logo.js +7 -4
- package/dist/cjs/components/MenuItem.js +15 -13
- package/dist/cjs/components/Modal.js +11 -8
- package/dist/cjs/components/ModalSheetBottom.js +5 -2
- package/dist/cjs/components/Notification.js +15 -14
- package/dist/cjs/components/Overlay.js +5 -2
- package/dist/cjs/components/Pagination.js +54 -33
- package/dist/cjs/components/Panel.js +13 -8
- package/dist/cjs/components/Radio.js +15 -11
- package/dist/cjs/components/RangeSlider.js +8 -3
- package/dist/cjs/components/Response.js +15 -12
- package/dist/cjs/components/SVGContent.js +3 -0
- package/dist/cjs/components/ScrollOnDrag.js +4 -1
- package/dist/cjs/components/ScrollToView.js +7 -2
- package/dist/cjs/components/Scrollbar.js +1 -1
- package/dist/cjs/components/Search.js +20 -15
- package/dist/cjs/components/Segmented.js +20 -20
- package/dist/cjs/components/Select.js +28 -21
- package/dist/cjs/components/Swiper.js +7 -4
- package/dist/cjs/components/Switch.js +25 -6
- package/dist/cjs/components/Tab.js +14 -11
- package/dist/cjs/components/Text.js +5 -2
- package/dist/cjs/components/Textarea.js +26 -20
- package/dist/cjs/components/Tile.js +12 -10
- package/dist/cjs/components/Title.js +4 -1
- package/dist/cjs/components/Tooltip.js +6 -3
- package/dist/cjs/components/Video.js +4 -1
- package/dist/cjs/context/Notifications.js +2 -2
- package/dist/cjs/context/UIContext.js +2 -2
- package/dist/cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js +3 -0
- package/dist/cjs/hooks/useDevicePropsGenerator.js +4 -1
- package/dist/cjs/hooks/useStyles/useStyles.js +3 -0
- package/dist/cjs/hooks/useStyles.js +4 -1
- package/dist/cjs/hooks/useViewportFix.js +1 -1
- package/dist/components/Accordion.js +18 -10
- package/dist/components/Avatar.js +10 -7
- package/dist/components/Badge.js +10 -7
- package/dist/components/Breadcrumbs.js +12 -9
- package/dist/components/Button.js +11 -8
- package/dist/components/Cell.js +18 -13
- package/dist/components/Checkbox.js +9 -6
- package/dist/components/Checkmark.js +6 -4
- package/dist/components/Chips.js +36 -18
- package/dist/components/Choice.js +23 -17
- package/dist/components/Code.js +10 -5
- package/dist/components/CookiesWarning.js +14 -11
- package/dist/components/DadataHintField.js +10 -5
- package/dist/components/DatePicker.js +25 -43
- package/dist/components/Divider.js +5 -2
- package/dist/components/Dot.js +4 -1
- package/dist/components/Drawer.js +3 -3
- package/dist/components/Dropdown.js +7 -5
- package/dist/components/Flex.js +8 -5
- package/dist/components/Grid.js +13 -10
- package/dist/components/Group.js +5 -2
- package/dist/components/HTMLContent.js +6 -3
- package/dist/components/HeroTitle.js +12 -6
- package/dist/components/Icon.js +9 -6
- package/dist/components/Image.js +5 -2
- package/dist/components/Input.js +5 -2
- package/dist/components/InputMask.js +11 -6
- package/dist/components/InputPassword.js +34 -28
- package/dist/components/Label.js +8 -5
- package/dist/components/Link.js +5 -8
- package/dist/components/List.js +7 -4
- package/dist/components/Loader.js +6 -3
- package/dist/components/Logo.js +8 -5
- package/dist/components/MenuItem.js +15 -13
- package/dist/components/Modal.js +12 -9
- package/dist/components/ModalSheetBottom.js +6 -3
- package/dist/components/Notification.js +16 -15
- package/dist/components/Overlay.js +5 -2
- package/dist/components/Pagination.js +54 -33
- package/dist/components/Panel.js +13 -8
- package/dist/components/Radio.js +15 -11
- package/dist/components/RangeSlider.js +9 -4
- package/dist/components/Response.js +16 -13
- package/dist/components/SVGContent.js +4 -1
- package/dist/components/ScrollOnDrag.js +5 -2
- package/dist/components/ScrollToView.js +8 -3
- package/dist/components/Scrollbar.js +1 -1
- package/dist/components/Search.js +20 -15
- package/dist/components/Segmented.js +20 -20
- package/dist/components/Select.js +29 -22
- package/dist/components/Swiper.js +8 -5
- package/dist/components/Switch.js +25 -6
- package/dist/components/Tab.js +15 -12
- package/dist/components/Text.js +5 -2
- package/dist/components/Textarea.js +26 -20
- package/dist/components/Tile.js +13 -11
- package/dist/components/Title.js +5 -2
- package/dist/components/Tooltip.js +7 -4
- package/dist/components/Video.js +4 -1
- package/dist/context/Notifications.js +3 -3
- package/dist/context/UIContext.js +3 -3
- package/dist/css/components/Accordion/Accordion.css +7 -5
- package/dist/css/components/Avatar/Avatar.css +5 -5
- package/dist/css/components/Checkbox/Checkbox.css +1 -1
- package/dist/css/components/Checkmark/Checkmark.css +24 -1
- package/dist/css/components/Chips/Chips.css +2 -2
- package/dist/css/components/Choice/Choice.css +3 -3
- package/dist/css/components/Code/Code.css +26 -2
- package/dist/css/components/DatePicker/DatePicker.css +23 -33
- package/dist/css/components/Divider/Divider.css +3 -3
- package/dist/css/components/Dot/Dot.css +6 -6
- package/dist/css/components/Drawer/Drawer.css +4 -1
- package/dist/css/components/Dropdown/Dropdown.css +13 -13
- package/dist/css/components/Icon/Icon.css +5 -1
- package/dist/css/components/Image/Image.css +6 -3
- package/dist/css/components/Input/Input.css +21 -35
- package/dist/css/components/InputMask/Input.css +6 -6
- package/dist/css/components/InputPassword/InputPassword.css +2 -2
- package/dist/css/components/Label/Label.css +3 -3
- package/dist/css/components/List/List.css +8 -7
- package/dist/css/components/Loader/Loader.css +0 -2
- package/dist/css/components/Logo/Logo.css +1 -1
- package/dist/css/components/MenuItem/MenuItem.css +24 -6
- package/dist/css/components/Modal/Modal.css +2 -2
- package/dist/css/components/ModalSheetBottom/ModalSheetBottom.css +1 -1
- package/dist/css/components/Notification/Notification.css +22 -10
- package/dist/css/components/Notification/css/__item/notification__item_set_float.css +2 -2
- package/dist/css/components/Notification/css/__item/notification__item_set_form.css +5 -5
- package/dist/css/components/Notification/css/__item/notification__item_set_toast.css +2 -2
- package/dist/css/components/Notification/css/__item/notification__item_set_top.css +1 -1
- package/dist/css/components/Overlay/Overlay.css +5 -1
- package/dist/css/components/Pagination/Pagination.css +16 -8
- package/dist/css/components/Pagination/css/__item/pagination__item.css +7 -4
- package/dist/css/components/Pagination/css/__item/pagination__item_state_active.css +4 -1
- package/dist/css/components/Pagination/css/__item/pagination__item_state_disabled.css +1 -1
- package/dist/css/components/Radio/Radio.css +9 -4
- package/dist/css/components/RangeSlider/RangeSlider.css +14 -8
- package/dist/css/components/ScrollToView/ScrollToView.css +2 -2
- package/dist/css/components/Search/Search.css +16 -8
- package/dist/css/components/Search/css/search-input/search-input_shape.css +1 -1
- package/dist/css/components/Search/css/search-input/search-input_size.css +1 -1
- package/dist/css/components/Segmented/Segmented.css +10 -7
- package/dist/css/components/Select/Select.css +10 -10
- package/dist/css/components/Select/css/__control/select__control_shape.css +1 -1
- package/dist/css/components/Select/css/__input-container/select__input-container.css +3 -3
- package/dist/css/components/Select/css/__menu/select__menu-list-item_size.css +2 -2
- package/dist/css/components/Select/css/__menu/select__menu.css +2 -2
- package/dist/css/components/Select/css/__multi-value/select__multi-value.css +2 -2
- package/dist/css/components/Switch/Switch.css +19 -1
- package/dist/css/components/Tab/Tab.css +2 -2
- package/dist/css/components/Text/Text.css +1 -1
- package/dist/css/components/Textarea/Textarea.css +2 -2
- package/dist/css/components/Tile/Tile.css +16 -7
- package/dist/css/components/Tooltip/Tooltip.css +16 -2
- package/dist/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js +4 -1
- package/dist/hooks/useDevicePropsGenerator.js +5 -2
- package/dist/hooks/useDeviceTargetClass.js +1 -1
- package/dist/hooks/useStyles/useStyles.js +4 -1
- package/dist/hooks/useStyles.js +5 -2
- package/dist/hooks/useViewportFix.js +1 -1
- package/dist/{tslib.es6-5FtW-kfi.js → tslib.es6-Bwu1Cn-t.js} +1 -1
- package/dist/types/components/Accordion/Accordion.appearance.d.ts +3 -3
- package/dist/types/components/Accordion/Accordion.d.ts +3 -3
- package/dist/types/components/Accordion/Accordion.interface.d.ts +60 -61
- package/dist/types/components/Accordion/AccordionItem.d.ts +3 -3
- package/dist/types/components/Avatar/Avatar.appearance.d.ts +2 -2
- package/dist/types/components/Avatar/Avatar.d.ts +3 -3
- package/dist/types/components/Avatar/Avatar.interface.d.ts +24 -25
- package/dist/types/components/Badge/Badge.appearance.d.ts +2 -2
- package/dist/types/components/Badge/Badge.d.ts +3 -3
- package/dist/types/components/Badge/Badge.interface.d.ts +21 -22
- package/dist/types/components/Badge/appearance/badgeAccent.d.ts +3 -3
- package/dist/types/components/Badge/appearance/badgeDisabled.d.ts +1 -1
- package/dist/types/components/Badge/appearance/badgeError.d.ts +1 -1
- package/dist/types/components/Badge/appearance/badgeInfo.d.ts +2 -2
- package/dist/types/components/Badge/appearance/badgePrimary.d.ts +1 -1
- package/dist/types/components/Badge/appearance/badgeSecondary.d.ts +1 -1
- package/dist/types/components/Badge/appearance/badgeSize.d.ts +7 -7
- package/dist/types/components/Badge/appearance/badgeSuccess.d.ts +1 -1
- package/dist/types/components/Badge/appearance/badgeSurface.d.ts +7 -7
- package/dist/types/components/Badge/appearance/badgeWarning.d.ts +1 -1
- package/dist/types/components/Breadcrumbs/Breadcrumbs.d.ts +2 -2
- package/dist/types/components/Breadcrumbs/Breadcrumbs.interface.d.ts +49 -49
- package/dist/types/components/Breadcrumbs/BreadcrumbsItem.d.ts +2 -2
- package/dist/types/components/Button/Button.appearance.d.ts +2 -2
- package/dist/types/components/Button/Button.d.ts +3 -3
- package/dist/types/components/Button/Button.interface.d.ts +44 -45
- package/dist/types/components/Button/appearance/buttonAccent.d.ts +10 -10
- package/dist/types/components/Cell/Cell.appearance.d.ts +2 -2
- package/dist/types/components/Cell/Cell.d.ts +3 -3
- package/dist/types/components/Cell/Cell.interface.d.ts +40 -41
- package/dist/types/components/Checkbox/Checkbox.appearance.d.ts +3 -3
- package/dist/types/components/Checkbox/Checkbox.d.ts +3 -3
- package/dist/types/components/Checkbox/Checkbox.interface.d.ts +36 -37
- package/dist/types/components/Checkmark/Checkmark.appearance.d.ts +2 -2
- package/dist/types/components/Checkmark/Checkmark.d.ts +3 -3
- package/dist/types/components/Checkmark/Checkmark.interface.d.ts +15 -17
- package/dist/types/components/Chips/Chips.appearance.d.ts +2 -2
- package/dist/types/components/Chips/Chips.d.ts +3 -3
- package/dist/types/components/Chips/Chips.interface.d.ts +30 -31
- package/dist/types/components/Chips/appearance/chipsDisabled.d.ts +2 -0
- package/dist/types/components/Chips/appearance/chipsSurface.d.ts +4 -0
- package/dist/types/components/Choice/Choice.appearance.d.ts +2 -2
- package/dist/types/components/Choice/Choice.d.ts +3 -3
- package/dist/types/components/Choice/Choice.interface.d.ts +35 -36
- package/dist/types/components/Code/Code.appearance.d.ts +2 -2
- package/dist/types/components/Code/Code.d.ts +3 -3
- package/dist/types/components/Code/Code.interface.d.ts +31 -32
- package/dist/types/components/CookiesWarning/CookiesWarning.d.ts +2 -2
- package/dist/types/components/CookiesWarning/CookiesWarning.interface.d.ts +10 -10
- package/dist/types/components/DadataHintField/DadataHintField.d.ts +2 -2
- package/dist/types/components/DadataHintField/DadataHintField.interface.d.ts +3 -3
- package/dist/types/components/DatePicker/DatePicker.appearance.d.ts +2 -2
- package/dist/types/components/DatePicker/DatePicker.d.ts +3 -3
- package/dist/types/components/DatePicker/DatePicker.interface.d.ts +71 -72
- package/dist/types/components/Divider/Divider.d.ts +3 -3
- package/dist/types/components/Divider/Divider.interface.d.ts +29 -30
- package/dist/types/components/Dot/Dot.d.ts +2 -2
- package/dist/types/components/Dot/Dot.interface.d.ts +21 -21
- package/dist/types/components/Drawer/Drawer.appearance.d.ts +2 -2
- package/dist/types/components/Drawer/Drawer.d.ts +3 -3
- package/dist/types/components/Drawer/Drawer.interface.d.ts +12 -12
- package/dist/types/components/Dropdown/Dropdown.d.ts +2 -2
- package/dist/types/components/Dropdown/Dropdown.interface.d.ts +51 -53
- package/dist/types/components/Dropdown/DropdownItem.appearance.d.ts +2 -2
- package/dist/types/components/Dropdown/DropdownItem.d.ts +3 -3
- package/dist/types/components/Dropdown/appearance/dropdownSurface.d.ts +25 -0
- package/dist/types/components/Flex/Flex.d.ts +2 -2
- package/dist/types/components/Flex/Flex.interface.d.ts +83 -83
- package/dist/types/components/Flex/FlexItem.d.ts +2 -2
- package/dist/types/components/Grid/Grid.d.ts +2 -2
- package/dist/types/components/Grid/Grid.interface.d.ts +47 -47
- package/dist/types/components/Grid/GridItem.d.ts +2 -2
- package/dist/types/components/Grid/GridRow.d.ts +2 -2
- package/dist/types/components/Group/Group.appearance.d.ts +2 -2
- package/dist/types/components/Group/Group.d.ts +3 -3
- package/dist/types/components/Group/Group.interface.d.ts +28 -29
- package/dist/types/components/HTMLContent/HTMLContent.d.ts +2 -2
- package/dist/types/components/HTMLContent/HTMLContent.interface.d.ts +20 -20
- package/dist/types/components/HeroTitle/HeroTitle.appearance.d.ts +2 -2
- package/dist/types/components/HeroTitle/HeroTitle.d.ts +3 -3
- package/dist/types/components/HeroTitle/HeroTitle.interface.d.ts +27 -28
- package/dist/types/components/Icon/Icon.appearance.d.ts +2 -2
- package/dist/types/components/Icon/Icon.d.ts +3 -3
- package/dist/types/components/Icon/Icon.interface.d.ts +49 -50
- package/dist/types/components/Image/Image.d.ts +2 -2
- package/dist/types/components/Image/Image.interface.d.ts +10 -10
- package/dist/types/components/Input/Input.appearance.d.ts +3 -3
- package/dist/types/components/Input/Input.d.ts +3 -3
- package/dist/types/components/Input/Input.interface.d.ts +31 -33
- package/dist/types/components/InputMask/Input.d.ts +3 -3
- package/dist/types/components/InputMask/Input.interface.d.ts +31 -33
- package/dist/types/components/InputPassword/InputPassword.appearance.d.ts +3 -3
- package/dist/types/components/InputPassword/InputPassword.d.ts +3 -3
- package/dist/types/components/InputPassword/InputPassword.interface.d.ts +31 -33
- package/dist/types/components/Label/Label.appearance.d.ts +2 -2
- package/dist/types/components/Label/Label.d.ts +3 -3
- package/dist/types/components/Label/Label.interface.d.ts +31 -32
- package/dist/types/components/Link/Link.appearance.d.ts +2 -2
- package/dist/types/components/Link/Link.d.ts +4 -4
- package/dist/types/components/Link/Link.interface.d.ts +31 -32
- package/dist/types/components/List/List.d.ts +2 -2
- package/dist/types/components/List/List.interface.d.ts +13 -13
- package/dist/types/components/List/ListItem.d.ts +2 -2
- package/dist/types/components/Loader/Loader.d.ts +3 -3
- package/dist/types/components/Loader/Loader.interface.d.ts +18 -19
- package/dist/types/components/Logo/Logo.d.ts +3 -3
- package/dist/types/components/Logo/Logo.interface.d.ts +16 -17
- package/dist/types/components/MenuItem/MenuItem.appearance.d.ts +2 -2
- package/dist/types/components/MenuItem/MenuItem.d.ts +3 -10
- package/dist/types/components/MenuItem/MenuItem.interface.d.ts +41 -42
- package/dist/types/components/Modal/Modal.appearance.d.ts +2 -2
- package/dist/types/components/Modal/Modal.d.ts +2 -2
- package/dist/types/components/Modal/Modal.interface.d.ts +20 -21
- package/dist/types/components/Modal/ModalLoader.d.ts +1 -2
- package/dist/types/components/ModalSheetBottom/ModalSheetBottom.d.ts +2 -2
- package/dist/types/components/ModalSheetBottom/ModalSheetBottom.interface.d.ts +4 -3
- package/dist/types/components/Notification/Notification.interface.d.ts +26 -27
- package/dist/types/components/Notification/NotificationItem.appearance.d.ts +2 -2
- package/dist/types/components/Notification/NotificationItem.d.ts +3 -3
- package/dist/types/components/Notification/NotificationList.d.ts +2 -2
- package/dist/types/components/Overlay/Overlay.appearance.d.ts +2 -2
- package/dist/types/components/Overlay/Overlay.d.ts +3 -3
- package/dist/types/components/Overlay/Overlay.interface.d.ts +14 -15
- package/dist/types/components/Pagination/Pagination.appearance.d.ts +2 -2
- package/dist/types/components/Pagination/Pagination.d.ts +3 -3
- package/dist/types/components/Pagination/Pagination.interface.d.ts +37 -38
- package/dist/types/components/Panel/Panel.d.ts +3 -3
- package/dist/types/components/Panel/Panel.interface.d.ts +33 -34
- package/dist/types/components/Radio/Radio.appearance.d.ts +1 -1
- package/dist/types/components/Radio/Radio.d.ts +3 -3
- package/dist/types/components/Radio/Radio.interface.d.ts +34 -35
- package/dist/types/components/RangeSlider/RangeSlider.d.ts +2 -2
- package/dist/types/components/RangeSlider/RangeSlider.interface.d.ts +12 -12
- package/dist/types/components/Response/Response.d.ts +3 -3
- package/dist/types/components/Response/Response.interface.d.ts +41 -42
- package/dist/types/components/SVGContent/SVGContent.d.ts +2 -2
- package/dist/types/components/SVGContent/SVGContent.interface.d.ts +5 -5
- package/dist/types/components/ScrollOnDrag/ScrollOnDrag.d.ts +2 -2
- package/dist/types/components/ScrollOnDrag/ScrollOnDrag.interface.d.ts +11 -11
- package/dist/types/components/Scrollbar/Scrollbar.d.ts +2 -2
- package/dist/types/components/Scrollbar/Scrollbar.interface.d.ts +2 -2
- package/dist/types/components/Search/Search.appearance.d.ts +2 -2
- package/dist/types/components/Search/Search.interface.d.ts +36 -37
- package/dist/types/components/Search/SearchInput.d.ts +3 -3
- package/dist/types/components/Segmented/Segmented.appearance.d.ts +2 -2
- package/dist/types/components/Segmented/Segmented.d.ts +3 -3
- package/dist/types/components/Segmented/Segmented.interface.d.ts +28 -29
- package/dist/types/components/Select/Select.appearance.d.ts +2 -2
- package/dist/types/components/Select/Select.interface.d.ts +48 -49
- package/dist/types/components/Select/SelectContainer.d.ts +3 -3
- package/dist/types/components/Swiper/Swiper.d.ts +2 -2
- package/dist/types/components/Swiper/Swiper.interface.d.ts +10 -10
- package/dist/types/components/Switch/Switch.appearance.d.ts +2 -2
- package/dist/types/components/Switch/Switch.d.ts +3 -3
- package/dist/types/components/Switch/Switch.interface.d.ts +11 -11
- package/dist/types/components/Tab/Tab.appearance.d.ts +2 -2
- package/dist/types/components/Tab/Tab.d.ts +3 -3
- package/dist/types/components/Tab/Tab.interface.d.ts +55 -56
- package/dist/types/components/Tab/TabGroup.d.ts +2 -2
- package/dist/types/components/Text/Text.appearance.d.ts +2 -2
- package/dist/types/components/Text/Text.d.ts +3 -3
- package/dist/types/components/Text/Text.interface.d.ts +33 -34
- package/dist/types/components/Textarea/Textarea.appearance.d.ts +3 -3
- package/dist/types/components/Textarea/Textarea.d.ts +3 -3
- package/dist/types/components/Textarea/Textarea.interface.d.ts +27 -29
- package/dist/types/components/Tile/Tile.appearance.d.ts +2 -2
- package/dist/types/components/Tile/Tile.d.ts +3 -3
- package/dist/types/components/Tile/Tile.interface.d.ts +32 -33
- package/dist/types/components/Title/Title.appearance.d.ts +2 -2
- package/dist/types/components/Title/Title.d.ts +3 -3
- package/dist/types/components/Title/Title.interface.d.ts +27 -28
- package/dist/types/components/Tooltip/Tooltip.appearance.d.ts +2 -2
- package/dist/types/components/Tooltip/Tooltip.d.ts +3 -3
- package/dist/types/components/Tooltip/Tooltip.interface.d.ts +26 -27
- package/dist/types/components/Video/Video.d.ts +2 -2
- package/dist/types/components/Video/Video.interface.d.ts +2 -2
- package/dist/types/context/Notifications.d.ts +4 -5
- package/dist/types/context/Notifications.interface.d.ts +14 -14
- package/dist/types/hooks/useDevicePropsGenerator/useDevicePropsGenerator.d.ts +2 -2
- package/dist/types/hooks/useDevicePropsGenerator/useDevicePropsGenerator.interface.d.ts +7 -7
- package/dist/types/hooks/useStyles/styleAttributes.interface.d.ts +80 -80
- package/package.json +7 -6
- package/dist/DropdownItem-B3E-_Cwp.js +0 -88
- package/dist/DropdownItem-Qg-_2YWD.js +0 -93
- package/dist/Icon-OJ_3E3eM.js +0 -61
- package/dist/Image-BEGwuGBM.js +0 -17
- package/dist/Image-DWfyapuD.js +0 -15
- package/dist/stories/Dev.mdx +0 -9
- package/dist/types/types/componentProps/align.d.ts +0 -2
- package/dist/types/types/componentProps/alignDirection.d.ts +0 -3
- package/dist/types/types/componentProps/alignment.d.ts +0 -3
- package/dist/types/types/componentProps/appearanceKeys.d.ts +0 -1
- package/dist/types/types/componentProps/borderColor.d.ts +0 -3
- package/dist/types/types/componentProps/borderColorHover.d.ts +0 -3
- package/dist/types/types/componentProps/borderType.d.ts +0 -3
- package/dist/types/types/componentProps/borderWidth.d.ts +0 -3
- package/dist/types/types/componentProps/direction.d.ts +0 -3
- package/dist/types/types/componentProps/elevation.d.ts +0 -3
- package/dist/types/types/componentProps/fill.d.ts +0 -3
- package/dist/types/types/componentProps/fillGradient.d.ts +0 -3
- package/dist/types/types/componentProps/fillHover.d.ts +0 -3
- package/dist/types/types/componentProps/fillType.d.ts +0 -3
- package/dist/types/types/componentProps/flexAlign.d.ts +0 -3
- package/dist/types/types/componentProps/flexGrow.d.ts +0 -3
- package/dist/types/types/componentProps/flexJustifyContent.d.ts +0 -3
- package/dist/types/types/componentProps/flexWrap.d.ts +0 -3
- package/dist/types/types/componentProps/gridAlign.d.ts +0 -3
- package/dist/types/types/componentProps/gridAlignSelf.d.ts +0 -3
- package/dist/types/types/componentProps/gridJustifyItems.d.ts +0 -3
- package/dist/types/types/componentProps/gridJustifySelf.d.ts +0 -3
- package/dist/types/types/componentProps/height.d.ts +0 -3
- package/dist/types/types/componentProps/horizontalContentAlign.d.ts +0 -3
- package/dist/types/types/componentProps/horizontalResizeMode.d.ts +0 -3
- package/dist/types/types/componentProps/iconFillSize.d.ts +0 -3
- package/dist/types/types/componentProps/iconSize.d.ts +0 -3
- package/dist/types/types/componentProps/itemColor.d.ts +0 -3
- package/dist/types/types/componentProps/justifyContent.d.ts +0 -3
- package/dist/types/types/componentProps/overflow.d.ts +0 -3
- package/dist/types/types/componentProps/position.d.ts +0 -3
- package/dist/types/types/componentProps/resizeMode.d.ts +0 -3
- package/dist/types/types/componentProps/shape.d.ts +0 -3
- package/dist/types/types/componentProps/size.d.ts +0 -3
- package/dist/types/types/componentProps/sizeOption.d.ts +0 -3
- package/dist/types/types/componentProps/sizePX.d.ts +0 -3
- package/dist/types/types/componentProps/stacking.d.ts +0 -3
- package/dist/types/types/componentProps/state.d.ts +0 -3
- package/dist/types/types/componentProps/stateKeys.d.ts +0 -1
- package/dist/types/types/componentProps/svgFill.d.ts +0 -3
- package/dist/types/types/componentProps/textAlign.d.ts +0 -3
- package/dist/types/types/componentProps/textColor.d.ts +0 -3
- package/dist/types/types/componentProps/textColorActive.d.ts +0 -3
- package/dist/types/types/componentProps/textColorHover.d.ts +0 -3
- package/dist/types/types/componentProps/textGradient.d.ts +0 -3
- package/dist/types/types/componentProps/textSize.d.ts +0 -3
- package/dist/types/types/componentProps/textStyle.d.ts +0 -3
- package/dist/types/types/componentProps/textTag.d.ts +0 -3
- package/dist/types/types/componentProps/textWeight.d.ts +0 -3
- package/dist/types/types/componentProps/textWrap.d.ts +0 -3
- package/dist/types/types/componentProps/titleSize.d.ts +0 -5
- package/dist/types/types/componentProps/type.d.ts +0 -3
- package/dist/types/types/componentProps/underline.d.ts +0 -3
- package/dist/types/types/componentProps/verticalContentAlign.d.ts +0 -3
- package/dist/types/types/componentProps/verticalResizeMode.d.ts +0 -3
- package/dist/types/types/componentProps/width.d.ts +0 -3
- package/dist/types/types/componentProps/wrap.d.ts +0 -3
- package/dist/types/types/index.d.ts +0 -55
|
@@ -1,40 +1,40 @@
|
|
|
1
1
|
import { ElementType, ReactNode } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
export interface
|
|
2
|
+
import { DirectionProps, FillProps, IconSizeProps, PositionProps, ShapeProps, TextColorHoverProps, TextColorProps, TextSizeProps, UnderlineProps, WidthProps } from '@itcase/types';
|
|
3
|
+
import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
|
|
4
|
+
export interface BreadcrumbsItemProps extends StyleAttributes {
|
|
5
5
|
id?: string;
|
|
6
6
|
[key: number | string | symbol]: any;
|
|
7
7
|
children?: ReactNode;
|
|
8
8
|
className?: string;
|
|
9
9
|
cursor?: string;
|
|
10
|
-
fill?:
|
|
11
|
-
fillDesktop?:
|
|
12
|
-
fillMobile?:
|
|
13
|
-
fillTablet?:
|
|
10
|
+
fill?: FillProps;
|
|
11
|
+
fillDesktop?: FillProps;
|
|
12
|
+
fillMobile?: FillProps;
|
|
13
|
+
fillTablet?: FillProps;
|
|
14
14
|
href?: string;
|
|
15
15
|
iconAfter?: ElementType;
|
|
16
|
-
iconAfterBgFill?:
|
|
17
|
-
iconAfterFill?:
|
|
18
|
-
iconAfterSize?:
|
|
16
|
+
iconAfterBgFill?: FillProps;
|
|
17
|
+
iconAfterFill?: FillProps;
|
|
18
|
+
iconAfterSize?: IconSizeProps;
|
|
19
19
|
itemIconAfter?: ElementType;
|
|
20
|
-
position?:
|
|
21
|
-
positionDesktop?:
|
|
22
|
-
positionMobile?:
|
|
23
|
-
positionTablet?:
|
|
24
|
-
shape?:
|
|
25
|
-
shapeDesktop?:
|
|
26
|
-
shapeMobile?:
|
|
27
|
-
shapeTablet?:
|
|
20
|
+
position?: PositionProps;
|
|
21
|
+
positionDesktop?: PositionProps;
|
|
22
|
+
positionMobile?: PositionProps;
|
|
23
|
+
positionTablet?: PositionProps;
|
|
24
|
+
shape?: ShapeProps;
|
|
25
|
+
shapeDesktop?: ShapeProps;
|
|
26
|
+
shapeMobile?: ShapeProps;
|
|
27
|
+
shapeTablet?: ShapeProps;
|
|
28
28
|
tag?: string;
|
|
29
29
|
text?: string;
|
|
30
|
-
textColor?:
|
|
31
|
-
textColorHover?:
|
|
32
|
-
textSize?:
|
|
33
|
-
underline?:
|
|
30
|
+
textColor?: TextColorProps;
|
|
31
|
+
textColorHover?: TextColorHoverProps;
|
|
32
|
+
textSize?: TextSizeProps;
|
|
33
|
+
underline?: UnderlineProps;
|
|
34
34
|
onClick?: () => void;
|
|
35
35
|
set?: string;
|
|
36
36
|
}
|
|
37
|
-
export interface
|
|
37
|
+
export interface BreadcrumbsProps extends StyleAttributes {
|
|
38
38
|
[key: number | string | symbol]: any;
|
|
39
39
|
breadcrumbsList?: {
|
|
40
40
|
id?: string;
|
|
@@ -43,31 +43,31 @@ export interface iBreadcrumbsProps extends iStyleAttributes {
|
|
|
43
43
|
}[];
|
|
44
44
|
children?: ReactNode;
|
|
45
45
|
className?: string;
|
|
46
|
-
direction?:
|
|
47
|
-
directionDesktop?:
|
|
48
|
-
directionMobile?:
|
|
49
|
-
directionTablet?:
|
|
50
|
-
fill?:
|
|
51
|
-
fillDesktop?:
|
|
52
|
-
fillMobile?:
|
|
53
|
-
fillTablet?:
|
|
54
|
-
iconAfterBgFill?:
|
|
55
|
-
iconAfterFill?:
|
|
56
|
-
iconAfterSize?:
|
|
57
|
-
itemTextColor?:
|
|
58
|
-
itemTextColorHover?:
|
|
59
|
-
itemUnderline?:
|
|
60
|
-
position?:
|
|
61
|
-
positionDesktop?:
|
|
62
|
-
positionMobile?:
|
|
63
|
-
positionTablet?:
|
|
64
|
-
shape?:
|
|
65
|
-
shapeDesktop?:
|
|
66
|
-
shapeMobile?:
|
|
67
|
-
shapeTablet?:
|
|
68
|
-
width?:
|
|
69
|
-
widthDesktop?:
|
|
70
|
-
widthMobile?:
|
|
71
|
-
widthTablet?:
|
|
46
|
+
direction?: DirectionProps;
|
|
47
|
+
directionDesktop?: DirectionProps;
|
|
48
|
+
directionMobile?: DirectionProps;
|
|
49
|
+
directionTablet?: DirectionProps;
|
|
50
|
+
fill?: FillProps;
|
|
51
|
+
fillDesktop?: FillProps;
|
|
52
|
+
fillMobile?: FillProps;
|
|
53
|
+
fillTablet?: FillProps;
|
|
54
|
+
iconAfterBgFill?: FillProps;
|
|
55
|
+
iconAfterFill?: FillProps;
|
|
56
|
+
iconAfterSize?: IconSizeProps;
|
|
57
|
+
itemTextColor?: TextColorProps;
|
|
58
|
+
itemTextColorHover?: TextColorHoverProps;
|
|
59
|
+
itemUnderline?: UnderlineProps;
|
|
60
|
+
position?: PositionProps;
|
|
61
|
+
positionDesktop?: PositionProps;
|
|
62
|
+
positionMobile?: PositionProps;
|
|
63
|
+
positionTablet?: PositionProps;
|
|
64
|
+
shape?: ShapeProps;
|
|
65
|
+
shapeDesktop?: ShapeProps;
|
|
66
|
+
shapeMobile?: ShapeProps;
|
|
67
|
+
shapeTablet?: ShapeProps;
|
|
68
|
+
width?: WidthProps;
|
|
69
|
+
widthDesktop?: WidthProps;
|
|
70
|
+
widthMobile?: WidthProps;
|
|
71
|
+
widthTablet?: WidthProps;
|
|
72
72
|
set?: string;
|
|
73
73
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
declare function BreadcrumbsItem(props:
|
|
1
|
+
import type { BreadcrumbsItemProps } from './Breadcrumbs.interface';
|
|
2
|
+
declare function BreadcrumbsItem(props: BreadcrumbsItemProps): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export { BreadcrumbsItem };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const buttonAppearance:
|
|
1
|
+
import { ButtonAppearance } from './Button.interface';
|
|
2
|
+
export declare const buttonAppearance: ButtonAppearance;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type {
|
|
3
|
-
declare const buttonConfig:
|
|
4
|
-
declare const Button: React.ForwardRefExoticComponent<Omit<
|
|
2
|
+
import type { ButtonConfig, ButtonProps } from './Button.interface';
|
|
3
|
+
declare const buttonConfig: ButtonConfig;
|
|
4
|
+
declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
5
5
|
export { Button, buttonConfig };
|
|
@@ -1,59 +1,58 @@
|
|
|
1
1
|
import type { CSSProperties, ElementType, ReactNode } from 'react';
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
interface iButtonThemeColor {
|
|
2
|
+
import { AppearanceKeysDefault, BorderColorProps, BorderTypeProps, BorderWidthProps, ElevationProps, FillHoverProps, FillProps, IconFillSizeProps, IconSizeProps, ItemColorProps, ShapeProps, SizeProps, TextColorHoverProps, TextColorProps, TextSizeProps, TextWeightProps, TextWrapProps, WidthProps } from '@itcase/types';
|
|
3
|
+
import type { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
|
|
4
|
+
interface ButtonThemeColor {
|
|
6
5
|
[key: number | string | symbol]: any;
|
|
7
|
-
borderColor?:
|
|
8
|
-
borderType?:
|
|
9
|
-
borderWidth?:
|
|
10
|
-
elevation?:
|
|
11
|
-
fill?:
|
|
12
|
-
fillHover?:
|
|
13
|
-
fillIcon?:
|
|
14
|
-
fillIconAfter?:
|
|
15
|
-
fillIconBefore?:
|
|
16
|
-
iconAfterFill?:
|
|
17
|
-
iconAfterFillSize?:
|
|
18
|
-
iconAfterShape?:
|
|
19
|
-
iconAfterSize?:
|
|
6
|
+
borderColor?: BorderColorProps;
|
|
7
|
+
borderType?: BorderTypeProps;
|
|
8
|
+
borderWidth?: BorderWidthProps;
|
|
9
|
+
elevation?: ElevationProps;
|
|
10
|
+
fill?: FillProps;
|
|
11
|
+
fillHover?: FillHoverProps;
|
|
12
|
+
fillIcon?: FillProps;
|
|
13
|
+
fillIconAfter?: FillProps;
|
|
14
|
+
fillIconBefore?: FillProps;
|
|
15
|
+
iconAfterFill?: ItemColorProps;
|
|
16
|
+
iconAfterFillSize?: IconFillSizeProps;
|
|
17
|
+
iconAfterShape?: ShapeProps;
|
|
18
|
+
iconAfterSize?: IconSizeProps;
|
|
20
19
|
iconAfterSrc?: string;
|
|
21
|
-
iconBeforeFill?:
|
|
22
|
-
iconBeforeFillSize?:
|
|
23
|
-
iconBeforeShape?:
|
|
24
|
-
iconBeforeSize?:
|
|
20
|
+
iconBeforeFill?: ItemColorProps;
|
|
21
|
+
iconBeforeFillSize?: IconFillSizeProps;
|
|
22
|
+
iconBeforeShape?: ShapeProps;
|
|
23
|
+
iconBeforeSize?: IconSizeProps;
|
|
25
24
|
iconBeforeSrc?: string;
|
|
26
|
-
iconFill?:
|
|
27
|
-
iconFillSize?:
|
|
28
|
-
iconShape?:
|
|
29
|
-
iconSize?:
|
|
25
|
+
iconFill?: ItemColorProps;
|
|
26
|
+
iconFillSize?: IconFillSizeProps;
|
|
27
|
+
iconShape?: ShapeProps;
|
|
28
|
+
iconSize?: IconSizeProps;
|
|
30
29
|
label?: string;
|
|
31
|
-
labelTextColor?:
|
|
32
|
-
labelTextColorHover?:
|
|
33
|
-
labelTextSize?:
|
|
34
|
-
labelTextSizeMobile?:
|
|
35
|
-
labelTextWeight?:
|
|
36
|
-
labelTextWrap?:
|
|
37
|
-
loaderFill?:
|
|
38
|
-
loaderItemFill?:
|
|
30
|
+
labelTextColor?: TextColorProps;
|
|
31
|
+
labelTextColorHover?: TextColorHoverProps;
|
|
32
|
+
labelTextSize?: TextSizeProps;
|
|
33
|
+
labelTextSizeMobile?: TextSizeProps;
|
|
34
|
+
labelTextWeight?: TextWeightProps;
|
|
35
|
+
labelTextWrap?: TextWrapProps;
|
|
36
|
+
loaderFill?: FillProps;
|
|
37
|
+
loaderItemFill?: ItemColorProps;
|
|
39
38
|
loaderSet?: string;
|
|
40
|
-
shape?:
|
|
41
|
-
size?:
|
|
42
|
-
width?:
|
|
39
|
+
shape?: ShapeProps;
|
|
40
|
+
size?: SizeProps;
|
|
41
|
+
width?: WidthProps;
|
|
43
42
|
}
|
|
44
|
-
type
|
|
45
|
-
type
|
|
46
|
-
[key in
|
|
43
|
+
type AppearanceKeys = AppearanceKeysDefault & {};
|
|
44
|
+
type ButtonAppearance = {
|
|
45
|
+
[key in AppearanceKeys]?: ButtonThemeColor;
|
|
47
46
|
};
|
|
48
|
-
interface
|
|
47
|
+
interface ButtonConfig {
|
|
49
48
|
[key: number | string | symbol]: any;
|
|
50
|
-
appearance:
|
|
51
|
-
setAppearance: (newComponent:
|
|
49
|
+
appearance: ButtonAppearance | undefined;
|
|
50
|
+
setAppearance: (newComponent: ButtonAppearance) => void;
|
|
52
51
|
}
|
|
53
|
-
interface
|
|
52
|
+
interface ButtonProps extends ButtonThemeColor, StyleAttributes {
|
|
54
53
|
[key: number | string | symbol]: any;
|
|
55
54
|
after?: ReactNode;
|
|
56
|
-
appearance?:
|
|
55
|
+
appearance?: AppearanceKeys;
|
|
57
56
|
Badge?: ReactNode;
|
|
58
57
|
before?: ReactNode;
|
|
59
58
|
children?: ReactNode;
|
|
@@ -77,4 +76,4 @@ interface iButtonProps extends iButtonThemeColor, iStyleAttributes {
|
|
|
77
76
|
onMouseDown?: () => void;
|
|
78
77
|
set?: string;
|
|
79
78
|
}
|
|
80
|
-
export type {
|
|
79
|
+
export type { ButtonThemeColor, ButtonAppearance, ButtonConfig, ButtonProps };
|
|
@@ -2,9 +2,9 @@ declare const buttonAppearanceAccent: {
|
|
|
2
2
|
accent: {
|
|
3
3
|
fill: string;
|
|
4
4
|
fillHover: string;
|
|
5
|
-
borderColor: string;
|
|
6
5
|
labelTextColor: string;
|
|
7
6
|
labelTextColorHover: string;
|
|
7
|
+
borderColor: string;
|
|
8
8
|
iconAfterFillIcon: string;
|
|
9
9
|
iconBeforeFillIcon: string;
|
|
10
10
|
loaderFill: string;
|
|
@@ -13,9 +13,9 @@ declare const buttonAppearanceAccent: {
|
|
|
13
13
|
accentPrimary: {
|
|
14
14
|
fill: string;
|
|
15
15
|
fillHover: string;
|
|
16
|
-
borderColor: string;
|
|
17
16
|
labelTextColor: string;
|
|
18
17
|
labelTextColorHover: string;
|
|
18
|
+
borderColor: string;
|
|
19
19
|
iconAfterFillIcon: string;
|
|
20
20
|
iconBeforeFillIcon: string;
|
|
21
21
|
loaderFill: string;
|
|
@@ -24,27 +24,27 @@ declare const buttonAppearanceAccent: {
|
|
|
24
24
|
accentSecondary: {
|
|
25
25
|
fill: string;
|
|
26
26
|
fillHover: string;
|
|
27
|
-
borderColor: string;
|
|
28
27
|
labelTextColor: string;
|
|
29
28
|
labelTextColorHover: string;
|
|
29
|
+
borderColor: string;
|
|
30
30
|
loaderFill: string;
|
|
31
31
|
loaderItemFill: string;
|
|
32
32
|
};
|
|
33
33
|
full: {};
|
|
34
|
-
|
|
35
|
-
fill:
|
|
36
|
-
borderColor: null;
|
|
34
|
+
ghost: {
|
|
35
|
+
fill: null;
|
|
37
36
|
labelTextColor: string;
|
|
37
|
+
borderColor: null;
|
|
38
38
|
};
|
|
39
39
|
outlined: {
|
|
40
40
|
fill: null;
|
|
41
|
-
borderColor: string;
|
|
42
41
|
labelTextColor: string;
|
|
42
|
+
borderColor: string;
|
|
43
43
|
};
|
|
44
|
-
|
|
45
|
-
fill:
|
|
46
|
-
borderColor: null;
|
|
44
|
+
solid: {
|
|
45
|
+
fill: string;
|
|
47
46
|
labelTextColor: string;
|
|
47
|
+
borderColor: null;
|
|
48
48
|
};
|
|
49
49
|
};
|
|
50
50
|
export { buttonAppearanceAccent };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const cellAppearance:
|
|
1
|
+
import { CellAppearanceType } from './Cell.interface';
|
|
2
|
+
export declare const cellAppearance: CellAppearanceType;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
declare const cellConfig:
|
|
3
|
-
declare function Cell(props:
|
|
1
|
+
import type { CellConfig, CellProps } from './Cell.interface';
|
|
2
|
+
declare const cellConfig: CellConfig;
|
|
3
|
+
declare function Cell(props: CellProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export { Cell, cellConfig };
|
|
@@ -1,69 +1,68 @@
|
|
|
1
1
|
import { ElementType, ReactNode } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
export interface iCellThemeColor {
|
|
2
|
+
import { AppearanceKeysDefault, DirectionProps, FillProps, IconFillSizeProps, ItemColorProps, ShapeProps, SizeProps, TextAlignProps, TextColorProps, TextSizeProps, TextWeightProps, TextWrapProps } from '@itcase/types';
|
|
3
|
+
import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
|
|
4
|
+
export interface CellThemeColor {
|
|
6
5
|
}
|
|
7
|
-
type
|
|
8
|
-
export type
|
|
9
|
-
[key in
|
|
6
|
+
type AppearanceKeys = AppearanceKeysDefault & {};
|
|
7
|
+
export type CellAppearanceType = {
|
|
8
|
+
[key in AppearanceKeys]?: CellThemeColor;
|
|
10
9
|
};
|
|
11
|
-
export interface
|
|
10
|
+
export interface CellConfig {
|
|
12
11
|
[key: number | string | symbol]: any;
|
|
13
|
-
appearance:
|
|
14
|
-
setAppearance: (newComponent:
|
|
12
|
+
appearance: CellAppearanceType | undefined;
|
|
13
|
+
setAppearance: (newComponent: CellAppearanceType) => void;
|
|
15
14
|
}
|
|
16
|
-
export interface
|
|
15
|
+
export interface CellProps extends CellThemeColor, StyleAttributes {
|
|
17
16
|
[key: number | string | symbol]: any;
|
|
18
17
|
after?: ReactNode;
|
|
19
|
-
appearance?:
|
|
18
|
+
appearance?: AppearanceKeys;
|
|
20
19
|
before?: ReactNode;
|
|
21
20
|
className?: string;
|
|
22
|
-
direction?:
|
|
21
|
+
direction?: DirectionProps;
|
|
23
22
|
mode?: string;
|
|
24
23
|
reverse?: boolean;
|
|
25
24
|
showTitleLabel?: boolean;
|
|
26
25
|
showValueLabel?: boolean;
|
|
27
|
-
size?:
|
|
26
|
+
size?: SizeProps;
|
|
28
27
|
title?: any;
|
|
29
28
|
titleIcon?: ElementType;
|
|
30
|
-
titleIconFill?:
|
|
31
|
-
titleIconFillHover?:
|
|
32
|
-
titleIconFillSize?:
|
|
33
|
-
titleIconItemFill?:
|
|
34
|
-
titleIconShape?:
|
|
29
|
+
titleIconFill?: FillProps;
|
|
30
|
+
titleIconFillHover?: ItemColorProps;
|
|
31
|
+
titleIconFillSize?: IconFillSizeProps;
|
|
32
|
+
titleIconItemFill?: ItemColorProps;
|
|
33
|
+
titleIconShape?: ShapeProps;
|
|
35
34
|
titleIconSrc?: string;
|
|
36
35
|
titleLabel?: string;
|
|
37
|
-
titleLabelAppearance?:
|
|
38
|
-
titleLabelShape?:
|
|
39
|
-
titleLabelSize?:
|
|
40
|
-
titleLabelTextSize?:
|
|
36
|
+
titleLabelAppearance?: AppearanceKeys;
|
|
37
|
+
titleLabelShape?: ShapeProps;
|
|
38
|
+
titleLabelSize?: SizeProps;
|
|
39
|
+
titleLabelTextSize?: TextSizeProps;
|
|
41
40
|
titleTag?: ElementType;
|
|
42
|
-
titleTextColor?:
|
|
43
|
-
titleTextSize?:
|
|
41
|
+
titleTextColor?: TextColorProps;
|
|
42
|
+
titleTextSize?: TextSizeProps;
|
|
44
43
|
titleTextTruncate?: boolean;
|
|
45
|
-
titleTextWeight?:
|
|
46
|
-
titleTextWrap?:
|
|
44
|
+
titleTextWeight?: TextWeightProps;
|
|
45
|
+
titleTextWrap?: TextWrapProps;
|
|
47
46
|
value?: any;
|
|
48
47
|
valueIcon?: ElementType;
|
|
49
|
-
valueIconFill?:
|
|
50
|
-
valueIconFillHover?:
|
|
51
|
-
valueIconFillSize?:
|
|
52
|
-
valueIconItemFill?:
|
|
53
|
-
valueIconShape?:
|
|
48
|
+
valueIconFill?: FillProps;
|
|
49
|
+
valueIconFillHover?: ItemColorProps;
|
|
50
|
+
valueIconFillSize?: IconFillSizeProps;
|
|
51
|
+
valueIconItemFill?: ItemColorProps;
|
|
52
|
+
valueIconShape?: ShapeProps;
|
|
54
53
|
valueIconSrc?: string;
|
|
55
54
|
valueLabel?: string;
|
|
56
|
-
valueLabelAppearance?:
|
|
57
|
-
valueLabelShape?:
|
|
58
|
-
valueLabelSize?:
|
|
59
|
-
valueLabelTextSize?:
|
|
55
|
+
valueLabelAppearance?: AppearanceKeys;
|
|
56
|
+
valueLabelShape?: ShapeProps;
|
|
57
|
+
valueLabelSize?: SizeProps;
|
|
58
|
+
valueLabelTextSize?: TextSizeProps;
|
|
60
59
|
valueTag?: ElementType;
|
|
61
|
-
valueTextAlign?:
|
|
62
|
-
valueTextColor?:
|
|
63
|
-
valueTextSize?:
|
|
60
|
+
valueTextAlign?: TextAlignProps;
|
|
61
|
+
valueTextColor?: TextColorProps;
|
|
62
|
+
valueTextSize?: TextSizeProps;
|
|
64
63
|
valueTextTruncate?: boolean;
|
|
65
|
-
valueTextWeight?:
|
|
66
|
-
valueTextWrap?:
|
|
64
|
+
valueTextWeight?: TextWeightProps;
|
|
65
|
+
valueTextWrap?: TextWrapProps;
|
|
67
66
|
zeroGap?: boolean;
|
|
68
67
|
zeroPadding?: boolean;
|
|
69
68
|
isActive?: boolean;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const checkboxAppearance:
|
|
3
|
-
export declare const checkboxState:
|
|
1
|
+
import { CheckboxAppearance, CheckboxState } from 'src/components/Checkbox/Checkbox.interface';
|
|
2
|
+
export declare const checkboxAppearance: CheckboxAppearance;
|
|
3
|
+
export declare const checkboxState: CheckboxState;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
declare const checkboxConfig:
|
|
3
|
-
declare function Checkbox(props:
|
|
1
|
+
import type { CheckboxConfig, CheckboxProps } from './Checkbox.interface';
|
|
2
|
+
declare const checkboxConfig: CheckboxConfig;
|
|
3
|
+
declare function Checkbox(props: CheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export { Checkbox, checkboxConfig };
|
|
@@ -1,49 +1,48 @@
|
|
|
1
1
|
import type { ElementType, ReactNode } from 'react';
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
[key in tAppearanceKeysDefault]?: iCheckboxThemeColor;
|
|
2
|
+
import { AppearanceKeysDefault, BorderColorProps, BorderWidthProps, FillProps, ItemColorProps, ShapeProps, TextColorProps, TextSizeProps, TextWeightProps, WidthProps } from '@itcase/types';
|
|
3
|
+
import type { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
|
|
4
|
+
type CheckboxState = {
|
|
5
|
+
[key in AppearanceKeysDefault]?: CheckboxThemeColor;
|
|
7
6
|
};
|
|
8
|
-
type
|
|
9
|
-
[key in
|
|
7
|
+
type CheckboxAppearance = {
|
|
8
|
+
[key in AppearanceKeysDefault]?: CheckboxThemeColor;
|
|
10
9
|
};
|
|
11
|
-
interface
|
|
10
|
+
interface CheckboxThemeColor {
|
|
12
11
|
[key: number | string | symbol]: any;
|
|
13
|
-
descTextColor?:
|
|
14
|
-
descTextSize?:
|
|
15
|
-
descTextWeight?:
|
|
16
|
-
fill?:
|
|
17
|
-
labelTextColor?:
|
|
18
|
-
labelTextSize?:
|
|
19
|
-
labelTextWeight?:
|
|
20
|
-
shape?:
|
|
21
|
-
stateBorderColor?:
|
|
22
|
-
stateBorderColorChecked?:
|
|
23
|
-
stateBorderColorDisabled?:
|
|
24
|
-
stateBorderColorDisabledChecked?:
|
|
25
|
-
stateBorderWidth?:
|
|
26
|
-
stateCheckmarkFill?:
|
|
27
|
-
stateCheckmarkFillDisabled?:
|
|
28
|
-
stateFill?:
|
|
29
|
-
stateFillChecked?:
|
|
30
|
-
stateFillDisabled?:
|
|
31
|
-
stateFillDisabledChecked?:
|
|
32
|
-
stateShape?:
|
|
33
|
-
width?:
|
|
12
|
+
descTextColor?: TextColorProps;
|
|
13
|
+
descTextSize?: TextSizeProps;
|
|
14
|
+
descTextWeight?: TextWeightProps;
|
|
15
|
+
fill?: FillProps;
|
|
16
|
+
labelTextColor?: TextColorProps;
|
|
17
|
+
labelTextSize?: TextSizeProps;
|
|
18
|
+
labelTextWeight?: TextWeightProps;
|
|
19
|
+
shape?: ShapeProps;
|
|
20
|
+
stateBorderColor?: BorderColorProps;
|
|
21
|
+
stateBorderColorChecked?: BorderColorProps;
|
|
22
|
+
stateBorderColorDisabled?: BorderColorProps;
|
|
23
|
+
stateBorderColorDisabledChecked?: BorderColorProps;
|
|
24
|
+
stateBorderWidth?: BorderWidthProps;
|
|
25
|
+
stateCheckmarkFill?: ItemColorProps;
|
|
26
|
+
stateCheckmarkFillDisabled?: ItemColorProps;
|
|
27
|
+
stateFill?: FillProps;
|
|
28
|
+
stateFillChecked?: FillProps;
|
|
29
|
+
stateFillDisabled?: FillProps;
|
|
30
|
+
stateFillDisabledChecked?: FillProps;
|
|
31
|
+
stateShape?: ShapeProps;
|
|
32
|
+
width?: WidthProps;
|
|
34
33
|
}
|
|
35
|
-
interface
|
|
34
|
+
interface CheckboxConfig {
|
|
36
35
|
[key: number | string | symbol]: any;
|
|
37
|
-
appearance:
|
|
38
|
-
state:
|
|
39
|
-
setAppearance: (newComponent:
|
|
40
|
-
setState: (newComponent:
|
|
36
|
+
appearance: CheckboxAppearance | undefined;
|
|
37
|
+
state: CheckboxState | undefined;
|
|
38
|
+
setAppearance: (newComponent: CheckboxAppearance) => void;
|
|
39
|
+
setState: (newComponent: CheckboxState) => void;
|
|
41
40
|
}
|
|
42
|
-
interface
|
|
41
|
+
interface CheckboxProps extends CheckboxThemeColor, StyleAttributes {
|
|
43
42
|
id?: number | string;
|
|
44
43
|
[key: number | string | symbol]: any;
|
|
45
44
|
after?: ReactNode;
|
|
46
|
-
appearance?:
|
|
45
|
+
appearance?: AppearanceKeysDefault;
|
|
47
46
|
before?: ReactNode;
|
|
48
47
|
checked?: boolean;
|
|
49
48
|
className?: string;
|
|
@@ -56,4 +55,4 @@ interface iCheckboxProps extends iCheckboxThemeColor, iStyleAttributes {
|
|
|
56
55
|
onChange?: (event?: React.ChangeEvent<HTMLInputElement>) => void;
|
|
57
56
|
onFocus?: (event?: React.FocusEvent<HTMLInputElement>) => void;
|
|
58
57
|
}
|
|
59
|
-
export type {
|
|
58
|
+
export type { CheckboxThemeColor, CheckboxState, CheckboxAppearance, CheckboxConfig, CheckboxProps, };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const checkmarkAppearance:
|
|
1
|
+
import { CheckmarkAppearance } from './Checkmark.interface';
|
|
2
|
+
export declare const checkmarkAppearance: CheckmarkAppearance;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
declare const checkmarkConfig:
|
|
3
|
-
declare function Checkmark(props:
|
|
1
|
+
import { CheckmarkConfig, CheckmarkProps } from './Checkmark.interface';
|
|
2
|
+
declare const checkmarkConfig: CheckmarkConfig;
|
|
3
|
+
declare function Checkmark(props: CheckmarkProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export { Checkmark, checkmarkConfig };
|
|
@@ -1,27 +1,25 @@
|
|
|
1
|
-
import 'types';
|
|
2
1
|
import { ElementType } from 'react';
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
export interface iCheckmarkThemeColor {
|
|
2
|
+
import { AppearanceKeysDefault, BorderColorProps, BorderWidthProps, FillProps, SizeProps } from '@itcase/types';
|
|
3
|
+
import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
|
|
4
|
+
export interface CheckmarkThemeColor {
|
|
7
5
|
[key: number | string | symbol]: any;
|
|
8
|
-
borderColor?:
|
|
9
|
-
borderWidth?:
|
|
10
|
-
fill?:
|
|
11
|
-
size?:
|
|
6
|
+
borderColor?: BorderColorProps;
|
|
7
|
+
borderWidth?: BorderWidthProps;
|
|
8
|
+
fill?: FillProps;
|
|
9
|
+
size?: SizeProps;
|
|
12
10
|
}
|
|
13
|
-
type
|
|
14
|
-
export type
|
|
15
|
-
[key in
|
|
11
|
+
type AppearanceKeys = AppearanceKeysDefault & {};
|
|
12
|
+
export type CheckmarkAppearance = {
|
|
13
|
+
[key in AppearanceKeysDefault]?: CheckmarkThemeColor;
|
|
16
14
|
};
|
|
17
|
-
export interface
|
|
15
|
+
export interface CheckmarkConfig {
|
|
18
16
|
[key: number | string | symbol]: any;
|
|
19
|
-
appearance:
|
|
20
|
-
setAppearance: (newComponent:
|
|
17
|
+
appearance: CheckmarkAppearance | undefined;
|
|
18
|
+
setAppearance: (newComponent: CheckmarkAppearance) => void;
|
|
21
19
|
}
|
|
22
|
-
export interface
|
|
20
|
+
export interface CheckmarkProps extends CheckmarkThemeColor, CheckmarkThemeColor, StyleAttributes {
|
|
23
21
|
[key: number | string | symbol]: any;
|
|
24
|
-
appearance?:
|
|
22
|
+
appearance?: AppearanceKeys;
|
|
25
23
|
className?: string;
|
|
26
24
|
iconChecked: ElementType;
|
|
27
25
|
isDisabled?: boolean;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export declare const chipsAppearance:
|
|
1
|
+
import { ChipsAppearance } from './Chips.interface';
|
|
2
|
+
export declare const chipsAppearance: ChipsAppearance;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
declare const chipsConfig:
|
|
3
|
-
declare function Chips(props:
|
|
1
|
+
import type { ChipsConfig, ChipsProps } from './Chips.interface';
|
|
2
|
+
declare const chipsConfig: ChipsConfig;
|
|
3
|
+
declare function Chips(props: ChipsProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export { Chips, chipsConfig };
|