@itcase/ui 1.1.5 → 1.1.7
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/Accordion-JS45IVx7.js +204 -0
- package/dist/Breadcrumbs-KOoMbWmP.js +619 -0
- package/dist/ContextMenuItem-CF5L8xev.js +204 -0
- package/dist/DropdownItem-C0gYXEq6.js +644 -0
- package/dist/FlexItem-DHynUt6v.js +118 -0
- package/dist/GridRow-Buc4dsHd.js +1691 -0
- package/dist/Group-DhYXDvAJ.js +119 -0
- package/dist/ListItem-DYbK4_8c.js +479 -0
- package/dist/ModalLoader-DJVKhIZR.js +374 -0
- package/dist/NotificationList-KbxjrO3o.js +245 -0
- package/dist/SearchResult-DNPmzvp8.js +530 -0
- package/dist/SelectField-uEsQcoxF.js +571 -0
- package/dist/SiteMenuButton-DE_hCJUV.js +181 -0
- package/dist/TabGroup-CCR5jORT.js +1071 -0
- package/dist/Text-DffpwlYq.js +81 -0
- package/dist/cjs/Accordion-BDTE-Lkj.js +213 -0
- package/dist/cjs/Breadcrumbs-BV5q8aPJ.js +629 -0
- package/dist/cjs/ContextMenuItem-C8eg828K.js +213 -0
- package/dist/cjs/DropdownItem-DT8iQfVh.js +653 -0
- package/dist/cjs/FlexItem-CYXxJtYX.js +125 -0
- package/dist/cjs/GridRow-6wilpUeo.js +1701 -0
- package/dist/cjs/Group-DbzIk8kt.js +126 -0
- package/dist/cjs/ListItem-CTDoiG0C.js +488 -0
- package/dist/cjs/ModalLoader-4mmV5G4E.js +384 -0
- package/dist/cjs/NotificationList-B6QbYA9H.js +255 -0
- package/dist/cjs/SearchResult-CdsV7oDb.js +540 -0
- package/dist/cjs/SelectField-DVCsVz6q.js +583 -0
- package/dist/cjs/SiteMenuButton-CVdX1ouh.js +190 -0
- package/dist/cjs/TabGroup-B1LUF9Hg.js +1081 -0
- package/dist/cjs/Text-CfBPhwqK.js +88 -0
- package/dist/cjs/components/Accordion/Accordion.d.ts +8 -0
- package/dist/cjs/components/Accordion/Accordion.interface.d.ts +68 -0
- package/dist/cjs/components/Accordion/AccordionItem.d.ts +8 -0
- package/dist/cjs/components/Accordion/index.d.ts +3 -0
- package/dist/cjs/components/Accordion.js +45 -0
- package/dist/cjs/components/Avatar.js +270 -0
- package/dist/cjs/components/Badge.js +206 -0
- package/dist/cjs/components/Breadcrumbs.js +48 -0
- package/dist/cjs/components/Button.js +563 -0
- package/dist/cjs/components/Caption.js +197 -0
- package/dist/cjs/components/Card.js +279 -0
- package/dist/cjs/components/Cell.js +426 -0
- package/dist/cjs/components/Checkbox.js +166 -0
- package/dist/cjs/components/Chips.js +393 -0
- package/dist/cjs/components/Choice.js +351 -0
- package/dist/cjs/components/Code.js +437 -0
- package/dist/cjs/components/ContextMenu.js +48 -0
- package/dist/cjs/components/CookiesWarning.js +186 -0
- package/dist/cjs/components/DadataHintField.js +1193 -0
- package/dist/cjs/components/DatePicker.js +14102 -0
- package/dist/{components/Background.js → cjs/components/Divider.js} +75 -83
- package/dist/cjs/components/Dot.js +226 -0
- package/dist/cjs/components/Drawer.js +274 -0
- package/dist/cjs/components/Dropdown.js +36 -0
- package/dist/cjs/components/Flex/Flex.d.ts +8 -0
- package/dist/cjs/components/Flex/Flex.interface.d.ts +116 -0
- package/dist/cjs/components/Flex/FlexItem.d.ts +8 -0
- package/dist/cjs/components/Flex/index.d.ts +3 -0
- package/dist/cjs/components/Flex.js +22 -0
- package/dist/cjs/components/FormField.js +59 -0
- package/dist/cjs/components/Grid.js +30 -0
- package/dist/cjs/components/Group/Group.d.ts +9 -0
- package/dist/cjs/components/Group/Group.interface.d.ts +49 -0
- package/dist/cjs/components/Group/index.d.ts +1 -0
- package/dist/cjs/components/Group.js +22 -0
- package/dist/cjs/components/Icon.js +641 -0
- package/dist/cjs/components/Image.js +480 -0
- package/dist/cjs/components/Input.js +233 -0
- package/dist/cjs/components/InputMask.js +233 -0
- package/dist/cjs/components/InputPassword.js +260 -0
- package/dist/cjs/components/Label.js +643 -0
- package/dist/cjs/components/LanguageSelector.js +130 -0
- package/dist/cjs/components/Link.js +505 -0
- package/dist/cjs/components/List.js +31 -0
- package/dist/cjs/components/Loader.js +156 -0
- package/dist/cjs/components/Logo.js +182 -0
- package/dist/cjs/components/Menu.js +192 -0
- package/dist/cjs/components/MenuItem.js +680 -0
- package/dist/cjs/components/Modal.js +28 -0
- package/dist/cjs/components/Notification.js +37 -0
- package/dist/cjs/components/Overlay.js +197 -0
- package/dist/cjs/components/Page.js +422 -0
- package/dist/cjs/components/Pagination.js +372 -0
- package/dist/cjs/components/Radio.js +267 -0
- package/dist/cjs/components/RangeSlider.js +296 -0
- package/dist/cjs/components/Response.js +248 -0
- package/dist/cjs/components/ScrollOnDrag.js +214 -0
- package/dist/cjs/components/Scrollbar.js +71 -0
- package/dist/cjs/components/Search.js +48 -0
- package/dist/cjs/components/Segmented.js +235 -0
- package/dist/cjs/components/Select.js +8538 -0
- package/dist/cjs/components/SiteMenu.js +45 -0
- package/dist/cjs/components/Swiper.js +5655 -0
- package/dist/cjs/components/Switch.js +105 -0
- package/dist/cjs/components/Tab.js +42 -0
- package/dist/cjs/components/Text/Text.d.ts +9 -0
- package/dist/cjs/components/Text/Text.interface.d.ts +51 -0
- package/dist/cjs/components/Text/index.d.ts +1 -0
- package/dist/cjs/components/Text.js +22 -0
- package/dist/cjs/components/Textarea.js +212 -0
- package/dist/cjs/components/Tile.js +571 -0
- package/dist/cjs/components/Title.js +400 -0
- package/dist/cjs/components/Tooltip.js +451 -0
- package/dist/cjs/components/Video.js +175 -0
- package/dist/cjs/components/Wrapper.js +438 -0
- package/dist/cjs/components/index.d.ts +58 -0
- package/dist/cjs/components.js +241 -0
- package/dist/cjs/constants/componentProps/align.js +7 -0
- package/dist/cjs/constants/componentProps/alignDirection.js +7 -0
- package/dist/cjs/constants/componentProps/alignment.js +7 -0
- package/dist/cjs/constants/componentProps/borderColor.js +7 -0
- package/dist/cjs/constants/componentProps/borderColorHover.js +7 -0
- package/dist/cjs/constants/componentProps/borderType.js +7 -0
- package/dist/cjs/constants/componentProps/borderWidth.js +9 -0
- package/dist/cjs/constants/componentProps/captionPosition.js +7 -0
- package/dist/cjs/constants/componentProps/direction.js +7 -0
- package/dist/cjs/constants/componentProps/emojiSize.js +9 -0
- package/dist/cjs/constants/componentProps/fill.js +7 -0
- package/dist/cjs/constants/componentProps/fillGradient.js +7 -0
- package/dist/cjs/constants/componentProps/fillHover.js +7 -0
- package/dist/cjs/constants/componentProps/fillType.js +7 -0
- package/dist/cjs/constants/componentProps/flexAlign.js +7 -0
- package/dist/cjs/constants/componentProps/flexJustifyContent.js +7 -0
- package/dist/cjs/constants/componentProps/flexWrap.js +7 -0
- package/dist/cjs/constants/componentProps/gridAlign.js +7 -0
- package/dist/cjs/constants/componentProps/gridAlignSelf.js +7 -0
- package/dist/cjs/constants/componentProps/gridJustifyItems.js +7 -0
- package/dist/cjs/constants/componentProps/gridJustifySelf.js +7 -0
- package/dist/cjs/constants/componentProps/height.js +7 -0
- package/dist/cjs/constants/componentProps/horizontalContentAlign.js +7 -0
- package/dist/cjs/constants/componentProps/horizontalResizeMode.js +7 -0
- package/dist/cjs/constants/componentProps/iconFillSize.js +9 -0
- package/dist/cjs/constants/componentProps/iconSize.js +9 -0
- package/dist/cjs/constants/componentProps/itemColor.js +7 -0
- package/dist/cjs/constants/componentProps/position.js +7 -0
- package/dist/cjs/constants/componentProps/resizeMode.js +7 -0
- package/dist/cjs/constants/componentProps/shape.js +7 -0
- package/dist/cjs/constants/componentProps/size.js +7 -0
- package/dist/cjs/constants/componentProps/sizeInterface.js +7 -0
- package/dist/cjs/constants/componentProps/sizePX.js +9 -0
- package/dist/cjs/constants/componentProps/stacking.js +7 -0
- package/dist/cjs/constants/componentProps/state.js +7 -0
- package/dist/cjs/constants/componentProps/strokeColor.js +7 -0
- package/dist/cjs/constants/componentProps/textAlign.js +7 -0
- package/dist/cjs/constants/componentProps/textColor.js +7 -0
- package/dist/cjs/constants/componentProps/textColorActive.js +7 -0
- package/dist/cjs/constants/componentProps/textColorHover.js +7 -0
- package/dist/cjs/constants/componentProps/textGradient.js +7 -0
- package/dist/cjs/constants/componentProps/textSize.js +7 -0
- package/dist/cjs/constants/componentProps/textStyle.js +7 -0
- package/dist/cjs/constants/componentProps/textTag.js +7 -0
- package/dist/cjs/constants/componentProps/textWeight.js +9 -0
- package/dist/cjs/constants/componentProps/textWrap.js +7 -0
- package/dist/cjs/constants/componentProps/titleSize.js +7 -0
- package/dist/cjs/constants/componentProps/type.js +7 -0
- package/dist/cjs/constants/componentProps/underline.js +7 -0
- package/dist/cjs/constants/componentProps/verticalContentAlign.js +7 -0
- package/dist/cjs/constants/componentProps/verticalResizeMode.js +7 -0
- package/dist/cjs/constants/componentProps/width.js +7 -0
- package/dist/cjs/constants/componentProps/wrap.js +7 -0
- package/dist/cjs/constants-ts/componentProps/align.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/alignDirection.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/alignment.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/borderColor.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/borderColorHover.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/borderType.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/borderWidth.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/captionPosition.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/direction.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/elevation.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/emojiSize.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/fill.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/fillGradient.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/fillHover.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/fillType.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/flexAlign.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/flexGrow.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/flexJustifyContent.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/flexWrap.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/gridAlign.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/gridAlignSelf.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/gridJustifyItems.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/gridJustifySelf.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/height.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/horizontalContentAlign.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/horizontalResizeMode.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/iconFillSize.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/iconSize.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/itemColor.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/justifyContent.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/position.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/resizeMode.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/shape.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/size.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/sizeInterface.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/sizePX.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/stacking.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/state.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/strokeColor.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/textAlign.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/textColor.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/textColorActive.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/textColorHover.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/textGradient.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/textSize.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/textStyle.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/textTag.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/textWeight.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/textWrap.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/titleSize.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/type.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/underline.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/verticalContentAlign.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/verticalResizeMode.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/width.d.ts +1 -0
- package/dist/cjs/constants-ts/componentProps/wrap.d.ts +1 -0
- package/dist/cjs/constants-ts/index.d.ts +56 -0
- package/dist/cjs/constants.js +111 -0
- package/dist/cjs/context/Notifications.js +122 -0
- package/dist/cjs/context/UIContext.js +56 -0
- package/dist/cjs/context/index.d.ts +2 -0
- package/dist/cjs/hooks/index.d.ts +3 -0
- package/dist/cjs/hooks/styleAttributes.interface.d.ts +145 -0
- package/dist/cjs/hooks/styleAttributes.js +39 -0
- package/dist/cjs/hooks/useDeviceTargetClass.js +61 -0
- package/dist/cjs/hooks/useMediaQueries.js +139 -0
- package/dist/cjs/hooks/useStyles.js +135 -0
- package/dist/cjs/index.d.ts +4 -0
- package/dist/cjs/jsx-runtime-BCmQOGxJ.js +1363 -0
- package/dist/components/Accordion/Accordion.d.ts +8 -0
- package/dist/components/Accordion/Accordion.interface.d.ts +68 -0
- package/dist/components/Accordion/AccordionItem.d.ts +8 -0
- package/dist/components/Accordion/index.d.ts +3 -0
- package/dist/components/Accordion.js +38 -697
- package/dist/components/Avatar.js +75 -70
- package/dist/components/Badge.js +41 -56
- package/dist/components/Breadcrumbs.js +41 -656
- package/dist/components/Button.js +115 -107
- package/dist/components/Caption.js +37 -45
- package/dist/components/Card.js +47 -60
- package/dist/components/Cell.js +87 -96
- package/dist/components/Checkbox.js +41 -56
- package/dist/components/Chips.js +64 -78
- package/dist/components/Choice.js +81 -91
- package/dist/components/Code.js +40 -48
- package/dist/components/ContextMenu.js +41 -246
- package/dist/components/CookiesWarning.js +61 -73
- package/dist/components/DadataHintField.js +59 -65
- package/dist/components/DatePicker.js +5255 -425
- package/dist/components/Divider.js +47 -55
- package/dist/components/Dot.js +37 -45
- package/dist/components/Drawer.js +26 -34
- package/dist/components/Dropdown.js +29 -657
- package/dist/components/Flex/Flex.d.ts +8 -0
- package/dist/components/Flex/Flex.interface.d.ts +116 -0
- package/dist/components/Flex/FlexItem.d.ts +8 -0
- package/dist/components/Flex/index.d.ts +3 -0
- package/dist/components/Flex.js +15 -1185
- package/dist/components/FormField.js +49 -617
- package/dist/components/Grid.js +22 -1705
- package/dist/components/Group/Group.d.ts +9 -0
- package/dist/components/Group/Group.interface.d.ts +49 -0
- package/dist/components/Group/index.d.ts +1 -0
- package/dist/components/Group.js +15 -315
- package/dist/components/Icon.js +113 -124
- package/dist/components/Image.js +78 -94
- package/dist/components/Input.js +40 -49
- package/dist/components/InputMask.js +39 -48
- package/dist/components/InputPassword.js +66 -76
- package/dist/components/Label.js +104 -114
- package/dist/components/LanguageSelector.js +53 -62
- package/dist/components/Link.js +74 -84
- package/dist/components/List.js +24 -498
- package/dist/components/Loader.js +41 -56
- package/dist/components/Logo.js +47 -55
- package/dist/components/Menu.js +51 -58
- package/dist/components/MenuItem.js +103 -111
- package/dist/components/Modal.js +21 -402
- package/dist/components/Notification.js +29 -281
- package/dist/components/Overlay.js +37 -45
- package/dist/components/Page.js +66 -74
- package/dist/components/Pagination.js +223 -54
- package/dist/components/Radio.js +55 -70
- package/dist/components/RangeSlider.js +53 -62
- package/dist/components/Response.js +109 -122
- package/dist/components/ScrollOnDrag.js +80 -164
- package/dist/components/Scrollbar.js +15 -18
- package/dist/components/Search.js +40 -571
- package/dist/components/Segmented.js +54 -69
- package/dist/components/Select.js +281 -324
- package/dist/components/SiteMenu.js +38 -221
- package/dist/components/Swiper.js +183 -186
- package/dist/components/Switch.js +17 -25
- package/dist/components/Tab.js +34 -1089
- package/dist/components/Text/Text.d.ts +9 -0
- package/dist/components/Text/Text.interface.d.ts +51 -0
- package/dist/components/Text/index.d.ts +1 -0
- package/dist/components/Text.js +15 -362
- package/dist/components/Textarea.js +37 -46
- package/dist/components/Tile.js +103 -112
- package/dist/components/Title.js +66 -75
- package/dist/components/Tooltip.js +83 -93
- package/dist/components/Video.js +32 -40
- package/dist/components/Wrapper.js +67 -75
- package/dist/components/index.d.ts +58 -0
- package/dist/components.js +124 -0
- package/dist/constants/componentProps/align.js +1 -3
- package/dist/constants/componentProps/alignDirection.js +1 -3
- package/dist/constants/componentProps/alignment.js +1 -3
- package/dist/constants/componentProps/borderColor.js +1 -3
- package/dist/constants/componentProps/borderColorHover.js +1 -3
- package/dist/constants/componentProps/borderType.js +1 -3
- package/dist/constants/componentProps/borderWidth.js +1 -3
- package/dist/constants/componentProps/captionPosition.js +1 -3
- package/dist/constants/componentProps/direction.js +1 -3
- package/dist/constants/componentProps/emojiSize.js +1 -3
- package/dist/constants/componentProps/fill.js +1 -3
- package/dist/constants/componentProps/fillGradient.js +1 -3
- package/dist/constants/componentProps/fillHover.js +1 -3
- package/dist/constants/componentProps/fillType.js +1 -3
- package/dist/constants/componentProps/flexAlign.js +1 -3
- package/dist/constants/componentProps/flexJustifyContent.js +1 -3
- package/dist/constants/componentProps/flexWrap.js +1 -3
- package/dist/constants/componentProps/gridAlign.js +1 -3
- package/dist/constants/componentProps/gridAlignSelf.js +1 -3
- package/dist/constants/componentProps/gridJustifyItems.js +1 -3
- package/dist/constants/componentProps/gridJustifySelf.js +1 -3
- package/dist/constants/componentProps/height.js +1 -3
- package/dist/constants/componentProps/horizontalContentAlign.js +1 -3
- package/dist/constants/componentProps/horizontalResizeMode.js +1 -3
- package/dist/constants/componentProps/iconFillSize.js +1 -3
- package/dist/constants/componentProps/iconSize.js +1 -3
- package/dist/constants/componentProps/itemColor.js +1 -3
- package/dist/constants/componentProps/position.js +1 -3
- package/dist/constants/componentProps/resizeMode.js +1 -3
- package/dist/constants/componentProps/shape.js +1 -3
- package/dist/constants/componentProps/size.js +1 -3
- package/dist/constants/componentProps/sizeInterface.js +1 -3
- package/dist/constants/componentProps/sizePX.js +1 -3
- package/dist/constants/componentProps/stacking.js +1 -3
- package/dist/constants/componentProps/state.js +1 -3
- package/dist/constants/componentProps/strokeColor.js +1 -3
- package/dist/constants/componentProps/textAlign.js +1 -3
- package/dist/constants/componentProps/textColor.js +1 -3
- package/dist/constants/componentProps/textColorActive.js +1 -3
- package/dist/constants/componentProps/textColorHover.js +1 -3
- package/dist/constants/componentProps/textGradient.js +1 -3
- package/dist/constants/componentProps/textSize.js +1 -3
- package/dist/constants/componentProps/textStyle.js +1 -3
- package/dist/constants/componentProps/textTag.js +1 -3
- package/dist/constants/componentProps/textWeight.js +1 -3
- package/dist/constants/componentProps/textWrap.js +1 -3
- package/dist/constants/componentProps/titleSize.js +1 -3
- package/dist/constants/componentProps/type.js +1 -3
- package/dist/constants/componentProps/underline.js +1 -3
- package/dist/constants/componentProps/verticalContentAlign.js +1 -3
- package/dist/constants/componentProps/verticalResizeMode.js +1 -3
- package/dist/constants/componentProps/width.js +1 -3
- package/dist/constants/componentProps/wrap.js +1 -3
- package/dist/constants-ts/componentProps/align.d.ts +1 -0
- package/dist/constants-ts/componentProps/alignDirection.d.ts +1 -0
- package/dist/constants-ts/componentProps/alignment.d.ts +1 -0
- package/dist/constants-ts/componentProps/borderColor.d.ts +1 -0
- package/dist/constants-ts/componentProps/borderColorHover.d.ts +1 -0
- package/dist/constants-ts/componentProps/borderType.d.ts +1 -0
- package/dist/constants-ts/componentProps/borderWidth.d.ts +1 -0
- package/dist/constants-ts/componentProps/captionPosition.d.ts +1 -0
- package/dist/constants-ts/componentProps/direction.d.ts +1 -0
- package/dist/constants-ts/componentProps/elevation.d.ts +1 -0
- package/dist/constants-ts/componentProps/emojiSize.d.ts +1 -0
- package/dist/constants-ts/componentProps/fill.d.ts +1 -0
- package/dist/constants-ts/componentProps/fillGradient.d.ts +1 -0
- package/dist/constants-ts/componentProps/fillHover.d.ts +1 -0
- package/dist/constants-ts/componentProps/fillType.d.ts +1 -0
- package/dist/constants-ts/componentProps/flexAlign.d.ts +1 -0
- package/dist/constants-ts/componentProps/flexGrow.d.ts +1 -0
- package/dist/constants-ts/componentProps/flexJustifyContent.d.ts +1 -0
- package/dist/constants-ts/componentProps/flexWrap.d.ts +1 -0
- package/dist/constants-ts/componentProps/gridAlign.d.ts +1 -0
- package/dist/constants-ts/componentProps/gridAlignSelf.d.ts +1 -0
- package/dist/constants-ts/componentProps/gridJustifyItems.d.ts +1 -0
- package/dist/constants-ts/componentProps/gridJustifySelf.d.ts +1 -0
- package/dist/constants-ts/componentProps/height.d.ts +1 -0
- package/dist/constants-ts/componentProps/horizontalContentAlign.d.ts +1 -0
- package/dist/constants-ts/componentProps/horizontalResizeMode.d.ts +1 -0
- package/dist/constants-ts/componentProps/iconFillSize.d.ts +1 -0
- package/dist/constants-ts/componentProps/iconSize.d.ts +1 -0
- package/dist/constants-ts/componentProps/itemColor.d.ts +1 -0
- package/dist/constants-ts/componentProps/justifyContent.d.ts +1 -0
- package/dist/constants-ts/componentProps/position.d.ts +1 -0
- package/dist/constants-ts/componentProps/resizeMode.d.ts +1 -0
- package/dist/constants-ts/componentProps/shape.d.ts +1 -0
- package/dist/constants-ts/componentProps/size.d.ts +1 -0
- package/dist/constants-ts/componentProps/sizeInterface.d.ts +1 -0
- package/dist/constants-ts/componentProps/sizePX.d.ts +1 -0
- package/dist/constants-ts/componentProps/stacking.d.ts +1 -0
- package/dist/constants-ts/componentProps/state.d.ts +1 -0
- package/dist/constants-ts/componentProps/strokeColor.d.ts +1 -0
- package/dist/constants-ts/componentProps/textAlign.d.ts +1 -0
- package/dist/constants-ts/componentProps/textColor.d.ts +1 -0
- package/dist/constants-ts/componentProps/textColorActive.d.ts +1 -0
- package/dist/constants-ts/componentProps/textColorHover.d.ts +1 -0
- package/dist/constants-ts/componentProps/textGradient.d.ts +1 -0
- package/dist/constants-ts/componentProps/textSize.d.ts +1 -0
- package/dist/constants-ts/componentProps/textStyle.d.ts +1 -0
- package/dist/constants-ts/componentProps/textTag.d.ts +1 -0
- package/dist/constants-ts/componentProps/textWeight.d.ts +1 -0
- package/dist/constants-ts/componentProps/textWrap.d.ts +1 -0
- package/dist/constants-ts/componentProps/titleSize.d.ts +1 -0
- package/dist/constants-ts/componentProps/type.d.ts +1 -0
- package/dist/constants-ts/componentProps/underline.d.ts +1 -0
- package/dist/constants-ts/componentProps/verticalContentAlign.d.ts +1 -0
- package/dist/constants-ts/componentProps/verticalResizeMode.d.ts +1 -0
- package/dist/constants-ts/componentProps/width.d.ts +1 -0
- package/dist/constants-ts/componentProps/wrap.d.ts +1 -0
- package/dist/constants-ts/index.d.ts +56 -0
- package/dist/constants.js +53 -111
- package/dist/context/Notifications.js +16 -25
- package/dist/context/UIContext.js +20 -29
- package/dist/context/index.d.ts +2 -0
- package/dist/css/components/Avatar/Avatar.css +10 -0
- package/dist/css/components/Button/Button.css +1 -1
- package/dist/css/components/DatePicker/DatePicker.css +11 -10
- package/dist/css/components/Dropdown/Dropdown.css +41 -15
- package/dist/css/components/Grid/Grid.css +9 -17
- package/dist/css/components/MenuItem/MenuItem.css +5 -5
- package/dist/css/components/Modal/Modal.css +1 -0
- package/dist/css/components/Pagination/Pagination.css +55 -32
- package/dist/css/components/Pagination/css/__item/pagination__item.css +27 -25
- package/dist/css/components/ScrollOnDrag/ScrollOnDrag.css +30 -5
- package/dist/css/components/Scrollbar/Scrollbar.css +56 -0
- package/dist/css/components/Select/Select.css +9 -1
- package/dist/css/components/Select/css/__single-value/select__single-value.css +1 -1
- package/dist/css/components/Swiper/Swiper.css +2 -2
- package/dist/css/styles/text-color/text-color_active.css +4 -2
- package/dist/floating-ui.dom-BQ7wiYTi.js +1374 -0
- package/dist/hooks/index.d.ts +3 -0
- package/dist/hooks/styleAttributes.interface.d.ts +145 -0
- package/dist/hooks/styleAttributes.js +5 -7
- package/dist/hooks/useDeviceTargetClass.js +13 -20
- package/dist/hooks/useMediaQueries.js +16 -10
- package/dist/hooks/useStyles.js +22 -30
- package/dist/index.d.ts +4 -0
- package/dist/jsx-runtime-ClDdVO4Q.js +1357 -0
- package/package.json +91 -40
- package/dist/_commonjsHelpers-CFO10eej.js +0 -7
- package/dist/css/components/Background/Background.css +0 -11
- /package/dist/{floating-ui.dom-C34fOuI9.js → cjs/floating-ui.dom-C34fOuI9.js} +0 -0
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
const textWeightProps = ['normal', 'bold', 'light', 'lighter', 'bolder', /* eslint-disable */
|
|
6
|
+
'100', 100, '200', 200, '300', 300, '400', 400, '500', 500, '600', 600, '700', 700, '800', 800, '900', 900, '950', 950
|
|
7
|
+
/* eslint-enable */];
|
|
8
|
+
|
|
9
|
+
exports.default = textWeightProps;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type alignPropsType = 'topLeft' | 'topCenter' | 'topRight' | 'left' | 'center' | 'right' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type alignDirectionPropsType = 'column' | 'column-reverse' | 'horizontal' | 'horizontal-reverse' | 'row' | 'row-reverse' | 'vertical' | 'vertical-reverse';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type alignmentProps = 'topLeft' | 'topCenter' | 'topRight' | 'leftCenter' | 'rightCenter' | 'bottomRight' | 'bottomCenter' | 'bottomLeft';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type borderColorPropsType = 'accentBorderPrimary' | 'accentBorderSecondary' | 'accentBorderTertiary' | 'accentBorderQuaternary' | 'accentBorderDisabled' | 'primaryBorderPrimary' | 'primaryBorderSecondary' | 'primaryBorderTertiary' | 'primaryBorderQuaternary' | 'primaryBorderDisabled' | 'secondaryBorderPrimary' | 'secondaryBorderSecondary' | 'secondaryBorderTertiary' | 'secondaryBorderQuaternary' | 'secondaryBorderDisabled' | 'tertiaryBorderPrimary' | 'tertiaryBorderSecondary' | 'tertiaryBorderTertiary' | 'tertiaryBorderQuaternary' | 'tertiaryBorderDisabled' | 'surfaceBorderPrimary' | 'surfaceBorderSecondary' | 'surfaceBorderTertiary' | 'surfaceBorderQuaternary' | 'surfaceBorderDisabled' | 'surfaceBorderInvert' | 'errorBorderPrimary' | 'errorBorderSecondary' | 'errorBorderDisabled' | 'successBorderPrimary' | 'successBorderSecondary' | 'successBorderDisabled';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type borderColorHoverPropsType = 'accentBorderPrimary' | 'accentBorderPrimaryHover' | 'primaryBorderPrimary' | 'secondaryBorderPrimary' | 'tertiaryBorderPrimary' | 'surfaceBorderPrimary' | 'surfaceBorderSecondary' | 'surfaceBorderTertiary' | 'errorBorderPrimary' | 'errorBorderPrimaryHover' | 'successBorderPrimary';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type borderTypePropsType = 'outline' | 'solid' | 'none';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type borderWidthPropsType = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type captionPositionPropsType = 'onImageTop' | 'onImageBottom' | 'top' | 'right' | 'bottom' | 'left';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type directionPropsType = 'row' | 'row-reverse' | 'column' | 'column-reverse' | 'vertical' | 'horizontal';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type elevationPropsType = 1 | 2 | 4 | 6 | 8 | 12 | 16 | 24;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type emojiSizePropsType = '16' | '24' | '32' | '40' | '56' | '64' | '144';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type fillPropsType = 'accentPrimary' | 'accentSecondary' | 'accentTertiary' | 'primaryPrimary' | 'primarySecondary' | 'primaryTertiary' | 'secondaryPrimary' | 'secondarySecondary' | 'secondaryTertiary' | 'tertiaryPrimary' | 'tertiarySecondary' | 'tertiaryTertiary' | 'surfacePrimary' | 'surfaceSecondary' | 'surfaceTertiary' | 'surfaceQuaternary' | 'surfaceQuinary' | 'errorPrimary' | 'errorSecondary' | 'successPrimary' | 'successSecondary' | 'gradientPrimary';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type fillGradientPropsType = 'accent' | 'primary' | 'secondary' | 'tertiary' | 'surface' | 'error' | 'success';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type fillHoverPropsType = 'accentPrimaryHover' | 'accentSecondary' | 'accentTertiary' | 'primaryPrimaryHover' | 'secondaryPrimaryHover' | 'surfacePrimaryHover' | 'surfaceSecondaryHover' | 'surfaceTertiaryHover';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type fillTypePropsType = 'solid' | 'outline' | 'ghost';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type flexAlignPropsType = 'stretch' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'auto';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type flexGrowPropsType = 0 | 1;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type flexJustifyContentPropsType = 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type flexWrapPropsType = 'wrap' | 'nowrap' | 'wrap-reverse';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type gridAlignPropsType = 'auto' | 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'space-around' | 'space-between' | 'space-evenly' | 'safe center' | 'unsafe center' | 'self-start' | 'self-end' | 'first' | 'baseline' | 'first' | 'baseline' | 'last baseline';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type gridAlignSelfPropsType = 'auto' | 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'space-around' | 'space-between' | 'space-evenly' | 'safe center' | 'unsafe center' | 'self-start' | 'self-end' | 'first' | 'baseline' | 'first' | 'baseline' | 'last baseline';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type gridJustifyItemsPropsType = 'legacy' | 'normal' | 'stretch' | 'center' | 'safe' | 'center' | 'unsafe' | 'center' | 'start' | 'end' | 'self-start' | 'self-end' | 'left' | 'right' | 'baseline' | 'first baseline' | 'last baseline';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type gridJustifySelfPropsType = 'auto' | 'legacy' | 'normal' | 'stretch' | 'center' | 'start' | 'end' | 'left' | 'right' | 'space-around' | 'space-between' | 'space-evenly' | 'safe' | 'center' | 'unsafe center' | 'self-start' | 'self-end' | 'left' | 'right' | 'baseline' | 'first baseline' | 'last baseline';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type heightPropsType = 'fixed' | 'hug' | 'fill' | string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type horizontalContentAlignPropsType = 'center';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type horizontalResizeModePropsType = 'fixed' | 'hug' | 'fill';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type iconFillSizePropsType = '14' | '16' | '24' | '32' | '40' | '60' | '64' | '144';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type iconSizePropsType = '14' | '16' | '24' | '32' | '40' | '60' | '64' | '144';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type itemColorPropsType = 'accentPrimary' | 'accentSecondary' | 'accentTertiary' | 'primaryPrimary' | 'primarySecondary' | 'primaryTertiary' | 'secondaryPrimary' | 'secondarySecondary' | 'secondaryTertiary' | 'tertiaryPrimary' | 'tertiarySecondary' | 'tertiaryTertiary' | 'surfacePrimary' | 'surfaceSecondary' | 'surfaceTertiary' | 'surfaceQuaternary' | 'surfaceQuinary' | 'errorPrimary' | 'errorSecondary' | 'successPrimary' | 'successSecondary';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type justifyContentPropsType = 'flexStart' | 'flexEnd' | 'spaceBetween' | 'spaceAround' | 'spaceEvenly' | 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type positionPropsType = 'absolute' | 'relative' | 'fixed' | 'static' | 'inherit';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type resizeModePropsType = 'cover' | 'contain' | 'stretch' | 'center' | 'caption-back';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type shapePropsType = 'geometric' | 'rounded' | 'circular';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type sizePropsType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type sizeInterfacePropsType = 'compact' | 'normal' | 'regular' | 'any';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type sizePXPropsType = '14' | '16' | '24' | '32' | '40' | '48' | '56' | '60' | '64' | '72' | '80' | '96' | '112' | '144' | '240';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type stackingPropsType = 'firstOnTop' | 'lastOnTop';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type statePropsType = 'active' | 'checked' | 'disabled' | 'focus' | 'hover' | 'normal';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type strokeColorPropsType = 'surfaceItemPrimary' | 'surfaceItemSecondary' | 'surfaceItemTertiary' | 'surfaceItemAccent' | 'surfaceItemDisabled' | 'accentItemPrimary' | 'accentItemSecondary' | 'primaryItemPrimary' | 'secondaryItemPrimary' | 'errorItemPrimary' | 'errorItemSecondary' | 'successItemPrimary' | 'successItemSecondary';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type textAlignPropsType = 'left' | 'center' | 'right';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type textColorPropsType = 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInvert';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type textColorActivePropsType = 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInvert';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type textColorHoverPropsType = 'accentTextPrimary' | 'accentTextSecondary' | 'accentTextTertiary' | 'primaryTextPrimary' | 'primaryTextSecondary' | 'primaryTextTertiary' | 'secondaryTextPrimary' | 'secondaryTextSecondary' | 'secondaryTextTertiary' | 'tertiaryTextPrimary' | 'tertiaryTextSecondary' | 'surfaceTextPrimary' | 'surfaceTextAccent' | 'surfaceTextSecondary' | 'surfaceTextTertiary' | 'surfaceTextQuaternary' | 'surfaceTextAccent' | 'surfaceTextHover' | 'surfaceTextFocus' | 'surfaceTextActive' | 'surfaceTextDisabled' | 'errorTextPrimary' | 'errorTextSecondary' | 'successTextPrimary' | 'successTextSecondary' | 'surfaceTextInvert';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type textGradientPropsType = 'accent' | 'primary' | 'secondary' | 'tertiary' | 'surface' | 'error' | 'success';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type textSizePropsType = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type textStylePropsType = 'normal' | 'italic';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type textTagPropsType = 'p' | 'span';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type textWeightPropsType = 'normal' | 'bold' | 'light' | 'lighter' | 'bolder' | '100' | 100 | '200' | 200 | '300' | 300 | '400' | 400 | '500' | 500 | '600' | 600 | '700' | 700 | '800' | 800 | '900' | 900 | '950' | 950;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type textWrapPropsType = 'wrap' | 'nowrap';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type titleSizePropsType = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type typePropsType = 'accent' | 'primary' | 'secondary' | 'tertiary' | 'surface' | 'error' | 'success';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type underlinePropsType = 'false' | 'none' | 'underline';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type verticalContentAlignPropsType = 'center';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type verticalResizeModePropsType = 'fixed' | 'hug' | 'fill';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type widthPropsType = 'fixed' | 'hug' | 'fill' | string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export type wrapPropsType = 'wrap' | 'no-wrap' | 'nowrap' | 'wrap-reverse';
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
export type { alignDirectionPropsType } from './componentProps/alignDirection';
|
|
2
|
+
export type { alignPropsType } from './componentProps/align';
|
|
3
|
+
export type { alignmentProps } from './componentProps/alignment';
|
|
4
|
+
export type { borderColorHoverPropsType } from './componentProps/borderColorHover';
|
|
5
|
+
export type { borderColorPropsType } from './componentProps/borderColor';
|
|
6
|
+
export type { borderTypePropsType } from './componentProps/borderType';
|
|
7
|
+
export type { borderWidthPropsType } from './componentProps/borderWidth';
|
|
8
|
+
export type { captionPositionPropsType } from './componentProps/captionPosition';
|
|
9
|
+
export type { directionPropsType } from './componentProps/direction';
|
|
10
|
+
export type { elevationPropsType } from './componentProps/elevation';
|
|
11
|
+
export type { emojiSizePropsType } from './componentProps/emojiSize';
|
|
12
|
+
export type { fillGradientPropsType } from './componentProps/fillGradient';
|
|
13
|
+
export type { fillHoverPropsType } from './componentProps/fillHover';
|
|
14
|
+
export type { fillPropsType } from './componentProps/fill';
|
|
15
|
+
export type { fillTypePropsType } from './componentProps/fillType';
|
|
16
|
+
export type { flexAlignPropsType } from './componentProps/flexAlign';
|
|
17
|
+
export type { flexGrowPropsType } from './componentProps/flexGrow';
|
|
18
|
+
export type { flexJustifyContentPropsType } from './componentProps/flexJustifyContent';
|
|
19
|
+
export type { flexWrapPropsType } from './componentProps/flexWrap';
|
|
20
|
+
export type { gridAlignPropsType } from './componentProps/gridAlign';
|
|
21
|
+
export type { gridAlignSelfPropsType } from './componentProps/gridAlignSelf';
|
|
22
|
+
export type { gridJustifyItemsPropsType } from './componentProps/gridJustifyItems';
|
|
23
|
+
export type { gridJustifySelfPropsType } from './componentProps/gridJustifySelf';
|
|
24
|
+
export type { heightPropsType } from './componentProps/height';
|
|
25
|
+
export type { horizontalContentAlignPropsType } from './componentProps/horizontalContentAlign';
|
|
26
|
+
export type { horizontalResizeModePropsType } from './componentProps/horizontalResizeMode';
|
|
27
|
+
export type { iconFillSizePropsType } from './componentProps/iconFillSize';
|
|
28
|
+
export type { iconSizePropsType } from './componentProps/iconSize';
|
|
29
|
+
export type { itemColorPropsType } from './componentProps/itemColor';
|
|
30
|
+
export type { justifyContentPropsType } from './componentProps/justifyContent';
|
|
31
|
+
export type { positionPropsType } from './componentProps/position';
|
|
32
|
+
export type { resizeModePropsType } from './componentProps/resizeMode';
|
|
33
|
+
export type { shapePropsType } from './componentProps/shape';
|
|
34
|
+
export type { sizeInterfacePropsType } from './componentProps/sizeInterface';
|
|
35
|
+
export type { sizePXPropsType } from './componentProps/sizePX';
|
|
36
|
+
export type { sizePropsType } from './componentProps/size';
|
|
37
|
+
export type { stackingPropsType } from './componentProps/stacking';
|
|
38
|
+
export type { statePropsType } from './componentProps/state';
|
|
39
|
+
export type { strokeColorPropsType } from './componentProps/strokeColor';
|
|
40
|
+
export type { textAlignPropsType } from './componentProps/textAlign';
|
|
41
|
+
export type { textColorActivePropsType } from './componentProps/textColorActive';
|
|
42
|
+
export type { textColorHoverPropsType } from './componentProps/textColorHover';
|
|
43
|
+
export type { textColorPropsType } from './componentProps/textColor';
|
|
44
|
+
export type { textGradientPropsType } from './componentProps/textGradient';
|
|
45
|
+
export type { textSizePropsType } from './componentProps/textSize';
|
|
46
|
+
export type { textStylePropsType } from './componentProps/textStyle';
|
|
47
|
+
export type { textTagPropsType } from './componentProps/textTag';
|
|
48
|
+
export type { textWeightPropsType } from './componentProps/textWeight';
|
|
49
|
+
export type { textWrapPropsType } from './componentProps/textWrap';
|
|
50
|
+
export type { titleSizePropsType } from './componentProps/titleSize';
|
|
51
|
+
export type { typePropsType } from './componentProps/type';
|
|
52
|
+
export type { underlinePropsType } from './componentProps/underline';
|
|
53
|
+
export type { verticalContentAlignPropsType } from './componentProps/verticalContentAlign';
|
|
54
|
+
export type { verticalResizeModePropsType } from './componentProps/verticalResizeMode';
|
|
55
|
+
export type { widthPropsType } from './componentProps/width';
|
|
56
|
+
export type { wrapPropsType } from './componentProps/wrap';
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var alignDirection = require('./constants/componentProps/alignDirection.js');
|
|
4
|
+
var align = require('./constants/componentProps/align.js');
|
|
5
|
+
var alignment = require('./constants/componentProps/alignment.js');
|
|
6
|
+
var borderColorHover = require('./constants/componentProps/borderColorHover.js');
|
|
7
|
+
var borderColor = require('./constants/componentProps/borderColor.js');
|
|
8
|
+
var borderType = require('./constants/componentProps/borderType.js');
|
|
9
|
+
var borderWidth = require('./constants/componentProps/borderWidth.js');
|
|
10
|
+
var captionPosition = require('./constants/componentProps/captionPosition.js');
|
|
11
|
+
var direction = require('./constants/componentProps/direction.js');
|
|
12
|
+
var emojiSize = require('./constants/componentProps/emojiSize.js');
|
|
13
|
+
var fillGradient = require('./constants/componentProps/fillGradient.js');
|
|
14
|
+
var fillHover = require('./constants/componentProps/fillHover.js');
|
|
15
|
+
var fill = require('./constants/componentProps/fill.js');
|
|
16
|
+
var fillType = require('./constants/componentProps/fillType.js');
|
|
17
|
+
var flexAlign = require('./constants/componentProps/flexAlign.js');
|
|
18
|
+
var flexJustifyContent = require('./constants/componentProps/flexJustifyContent.js');
|
|
19
|
+
var flexWrap = require('./constants/componentProps/flexWrap.js');
|
|
20
|
+
var gridAlign = require('./constants/componentProps/gridAlign.js');
|
|
21
|
+
var gridAlignSelf = require('./constants/componentProps/gridAlignSelf.js');
|
|
22
|
+
var gridJustifyItems = require('./constants/componentProps/gridJustifyItems.js');
|
|
23
|
+
var gridJustifySelf = require('./constants/componentProps/gridJustifySelf.js');
|
|
24
|
+
var height = require('./constants/componentProps/height.js');
|
|
25
|
+
var horizontalContentAlign = require('./constants/componentProps/horizontalContentAlign.js');
|
|
26
|
+
var horizontalResizeMode = require('./constants/componentProps/horizontalResizeMode.js');
|
|
27
|
+
var iconFillSize = require('./constants/componentProps/iconFillSize.js');
|
|
28
|
+
var iconSize = require('./constants/componentProps/iconSize.js');
|
|
29
|
+
var itemColor = require('./constants/componentProps/itemColor.js');
|
|
30
|
+
var position = require('./constants/componentProps/position.js');
|
|
31
|
+
var resizeMode = require('./constants/componentProps/resizeMode.js');
|
|
32
|
+
var shape = require('./constants/componentProps/shape.js');
|
|
33
|
+
var sizeInterface = require('./constants/componentProps/sizeInterface.js');
|
|
34
|
+
var sizePX = require('./constants/componentProps/sizePX.js');
|
|
35
|
+
var size = require('./constants/componentProps/size.js');
|
|
36
|
+
var stacking = require('./constants/componentProps/stacking.js');
|
|
37
|
+
var state = require('./constants/componentProps/state.js');
|
|
38
|
+
var strokeColor = require('./constants/componentProps/strokeColor.js');
|
|
39
|
+
var textAlign = require('./constants/componentProps/textAlign.js');
|
|
40
|
+
var textColorActive = require('./constants/componentProps/textColorActive.js');
|
|
41
|
+
var textColorHover = require('./constants/componentProps/textColorHover.js');
|
|
42
|
+
var textColor = require('./constants/componentProps/textColor.js');
|
|
43
|
+
var textGradient = require('./constants/componentProps/textGradient.js');
|
|
44
|
+
var textSize = require('./constants/componentProps/textSize.js');
|
|
45
|
+
var textStyle = require('./constants/componentProps/textStyle.js');
|
|
46
|
+
var textTag = require('./constants/componentProps/textTag.js');
|
|
47
|
+
var textWeight = require('./constants/componentProps/textWeight.js');
|
|
48
|
+
var textWrap = require('./constants/componentProps/textWrap.js');
|
|
49
|
+
var titleSize = require('./constants/componentProps/titleSize.js');
|
|
50
|
+
var type = require('./constants/componentProps/type.js');
|
|
51
|
+
var underline = require('./constants/componentProps/underline.js');
|
|
52
|
+
var verticalContentAlign = require('./constants/componentProps/verticalContentAlign.js');
|
|
53
|
+
var verticalResizeMode = require('./constants/componentProps/verticalResizeMode.js');
|
|
54
|
+
var width = require('./constants/componentProps/width.js');
|
|
55
|
+
var wrap = require('./constants/componentProps/wrap.js');
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
exports.alignDirectionProps = alignDirection.default;
|
|
60
|
+
exports.alignProps = align.default;
|
|
61
|
+
exports.alignmentProps = alignment.default;
|
|
62
|
+
exports.borderColorHoverProps = borderColorHover.default;
|
|
63
|
+
exports.borderColorProps = borderColor.default;
|
|
64
|
+
exports.borderTypeProps = borderType.default;
|
|
65
|
+
exports.borderWidthProps = borderWidth.default;
|
|
66
|
+
exports.captionPositionProps = captionPosition.default;
|
|
67
|
+
exports.directionProps = direction.default;
|
|
68
|
+
exports.emojiSizeProps = emojiSize.default;
|
|
69
|
+
exports.fillGradientProps = fillGradient.default;
|
|
70
|
+
exports.fillHoverProps = fillHover.default;
|
|
71
|
+
exports.fillProps = fill.default;
|
|
72
|
+
exports.fillTypeProps = fillType.default;
|
|
73
|
+
exports.flexAlignProps = flexAlign.default;
|
|
74
|
+
exports.flexJustifyContentProps = flexJustifyContent.default;
|
|
75
|
+
exports.flexWrapProps = flexWrap.default;
|
|
76
|
+
exports.gridAlignProps = gridAlign.default;
|
|
77
|
+
exports.gridAlignSelfProps = gridAlignSelf.default;
|
|
78
|
+
exports.gridJustifyItemsProps = gridJustifyItems.default;
|
|
79
|
+
exports.gridJustifySelfProps = gridJustifySelf.default;
|
|
80
|
+
exports.heightProps = height.default;
|
|
81
|
+
exports.horizontalContentAlignProps = horizontalContentAlign.default;
|
|
82
|
+
exports.horizontalResizeModeProps = horizontalResizeMode.default;
|
|
83
|
+
exports.iconFillSizeProps = iconFillSize.default;
|
|
84
|
+
exports.iconSizeProps = iconSize.default;
|
|
85
|
+
exports.itemColorProps = itemColor.default;
|
|
86
|
+
exports.positionProps = position.default;
|
|
87
|
+
exports.resizeModeProps = resizeMode.default;
|
|
88
|
+
exports.shapeProps = shape.default;
|
|
89
|
+
exports.sizeInterfaceProps = sizeInterface.default;
|
|
90
|
+
exports.sizePXProps = sizePX.default;
|
|
91
|
+
exports.sizeProps = size.default;
|
|
92
|
+
exports.stackingProps = stacking.default;
|
|
93
|
+
exports.stateProps = state.default;
|
|
94
|
+
exports.strokeColorProps = strokeColor.default;
|
|
95
|
+
exports.textAlignProps = textAlign.default;
|
|
96
|
+
exports.textColorActiveProps = textColorActive.default;
|
|
97
|
+
exports.textColorHoverProps = textColorHover.default;
|
|
98
|
+
exports.textColorProps = textColor.default;
|
|
99
|
+
exports.textGradientProps = textGradient.default;
|
|
100
|
+
exports.textSizeProps = textSize.default;
|
|
101
|
+
exports.textStyleProps = textStyle.default;
|
|
102
|
+
exports.textTagProps = textTag.default;
|
|
103
|
+
exports.textWeightProps = textWeight.default;
|
|
104
|
+
exports.textWrapProps = textWrap.default;
|
|
105
|
+
exports.titleSizeProps = titleSize.default;
|
|
106
|
+
exports.typeProps = type.default;
|
|
107
|
+
exports.underlineProps = underline.default;
|
|
108
|
+
exports.verticalContentAlignProps = verticalContentAlign.default;
|
|
109
|
+
exports.verticalResizeModeProps = verticalResizeMode.default;
|
|
110
|
+
exports.widthProps = width.default;
|
|
111
|
+
exports.wrapProps = wrap.default;
|
|
@@ -0,0 +1,122 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var React = require('react');
|
|
4
|
+
var PropTypes = require('prop-types');
|
|
5
|
+
var uuid = require('uuid');
|
|
6
|
+
|
|
7
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
8
|
+
|
|
9
|
+
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
10
|
+
var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
|
|
11
|
+
|
|
12
|
+
const STATUSES = {
|
|
13
|
+
success: 'success',
|
|
14
|
+
info: 'info',
|
|
15
|
+
error: 'error',
|
|
16
|
+
warning: 'warning'
|
|
17
|
+
};
|
|
18
|
+
const NotificationsContext = /*#__PURE__*/React.createContext([]);
|
|
19
|
+
const NotificationsAPIContext = /*#__PURE__*/React.createContext({
|
|
20
|
+
showNotification: () => {},
|
|
21
|
+
hideNotifications: () => {},
|
|
22
|
+
notificationStatuses: STATUSES
|
|
23
|
+
});
|
|
24
|
+
function NotificationsProvider(props) {
|
|
25
|
+
const [notifications, setNotifications] = React.useState([]);
|
|
26
|
+
const hideNotifications = React.useCallback(id => {
|
|
27
|
+
setNotifications(prevState => {
|
|
28
|
+
const currentNotification = prevState.find(notification => notification.id === id);
|
|
29
|
+
if (currentNotification) {
|
|
30
|
+
if (typeof currentNotification.onClose === 'function') {
|
|
31
|
+
currentNotification.onClose();
|
|
32
|
+
}
|
|
33
|
+
return prevState.filter(notification => notification.id !== id);
|
|
34
|
+
}
|
|
35
|
+
return prevState;
|
|
36
|
+
});
|
|
37
|
+
}, []);
|
|
38
|
+
const showNotification = React.useCallback((notification, onClose) => {
|
|
39
|
+
let id = uuid.v4().split('-')[0];
|
|
40
|
+
let title = '';
|
|
41
|
+
let text = '';
|
|
42
|
+
let status = STATUSES.warning;
|
|
43
|
+
let closeByTime = 4500;
|
|
44
|
+
let textColor = '';
|
|
45
|
+
if (typeof notification === 'string') {
|
|
46
|
+
text = notification;
|
|
47
|
+
} else if (typeof notification === 'object') {
|
|
48
|
+
id = notification.id ?? id;
|
|
49
|
+
title = notification.title ?? title;
|
|
50
|
+
text = notification.text ?? text;
|
|
51
|
+
status = notification.status ?? status;
|
|
52
|
+
closeByTime = notification.closeByTime ?? closeByTime;
|
|
53
|
+
}
|
|
54
|
+
switch (status) {
|
|
55
|
+
case 'success':
|
|
56
|
+
textColor = 'successTextPrimary';
|
|
57
|
+
break;
|
|
58
|
+
case 'info':
|
|
59
|
+
textColor = 'infoTextPrimary';
|
|
60
|
+
break;
|
|
61
|
+
case 'error':
|
|
62
|
+
textColor = 'errorTextPrimary';
|
|
63
|
+
break;
|
|
64
|
+
case 'warning':
|
|
65
|
+
textColor = 'warningTextPrimary';
|
|
66
|
+
break;
|
|
67
|
+
}
|
|
68
|
+
setNotifications(prevState => [...prevState, {
|
|
69
|
+
id: id,
|
|
70
|
+
title: title,
|
|
71
|
+
text: text,
|
|
72
|
+
status: status,
|
|
73
|
+
textColor: textColor,
|
|
74
|
+
onClose: onClose
|
|
75
|
+
}]);
|
|
76
|
+
if (closeByTime) {
|
|
77
|
+
setTimeout(() => hideNotifications(id), closeByTime);
|
|
78
|
+
}
|
|
79
|
+
return id;
|
|
80
|
+
// eslint-disable-next-line
|
|
81
|
+
}, []);
|
|
82
|
+
const notificationsAPI = React.useMemo(() => ({
|
|
83
|
+
showNotification: showNotification,
|
|
84
|
+
hideNotifications: hideNotifications,
|
|
85
|
+
notificationStatuses: STATUSES
|
|
86
|
+
}),
|
|
87
|
+
// Functions is never changes, no sense to set as dependencies
|
|
88
|
+
// eslint-disable-next-line
|
|
89
|
+
[]);
|
|
90
|
+
return /*#__PURE__*/React__default.default.createElement(NotificationsAPIContext.Provider, {
|
|
91
|
+
value: notificationsAPI
|
|
92
|
+
}, /*#__PURE__*/React__default.default.createElement(NotificationsContext.Provider, {
|
|
93
|
+
value: notifications
|
|
94
|
+
}, props.children));
|
|
95
|
+
}
|
|
96
|
+
NotificationsProvider.propTypes = {
|
|
97
|
+
children: PropTypes__default.default.any
|
|
98
|
+
};
|
|
99
|
+
function useNotifications() {
|
|
100
|
+
return React.useContext(NotificationsContext);
|
|
101
|
+
}
|
|
102
|
+
function useNotificationsAPI() {
|
|
103
|
+
return React.useContext(NotificationsAPIContext);
|
|
104
|
+
}
|
|
105
|
+
NotificationsProvider.__docgenInfo = {
|
|
106
|
+
"description": "",
|
|
107
|
+
"methods": [],
|
|
108
|
+
"displayName": "NotificationsProvider",
|
|
109
|
+
"props": {
|
|
110
|
+
"children": {
|
|
111
|
+
"description": "",
|
|
112
|
+
"type": {
|
|
113
|
+
"name": "any"
|
|
114
|
+
},
|
|
115
|
+
"required": false
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
};
|
|
119
|
+
|
|
120
|
+
exports.NotificationsProvider = NotificationsProvider;
|
|
121
|
+
exports.useNotifications = useNotifications;
|
|
122
|
+
exports.useNotificationsAPI = useNotificationsAPI;
|