@itcase/ui 1.1.7 → 1.1.9
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 → Accordion-CqPVnTKh.js} +3 -34
- package/dist/Avatar-DB6Si0s1.js +31 -0
- package/dist/{Breadcrumbs-KOoMbWmP.js → Breadcrumbs-B79kOtMG.js} +3 -3
- package/dist/Button-B7vbiqrJ.js +100 -0
- package/dist/{ContextMenuItem-CF5L8xev.js → ContextMenuItem-BPqsjmSA.js} +3 -3
- package/dist/Divider-BlBwMHgl.js +45 -0
- package/dist/Dot-C3R1y59u.js +34 -0
- package/dist/{DropdownItem-C0gYXEq6.js → DropdownItem-Dgf0LRhx.js} +3 -3
- package/dist/{FlexItem-DHynUt6v.js → FlexItem-DzNgFIa0.js} +1 -1
- package/dist/GridRow-Cc-rz56R.js +158 -0
- package/dist/{Group-DhYXDvAJ.js → Group-fbVPmr8W.js} +12 -20
- package/dist/Icon-Dn2eEZvb.js +128 -0
- package/dist/Link-ByBzBRDH.js +132 -0
- package/dist/{ListItem-DYbK4_8c.js → ListItem-Cf8r3w8t.js} +1 -1
- package/dist/NotificationList-CJyEnxWw.js +38 -0
- package/dist/{SearchResult-DNPmzvp8.js → SearchResult-erxB06IL.js} +2 -2
- package/dist/{SelectField-uEsQcoxF.js → SelectField-CpQMWXaC.js} +3 -3
- package/dist/{SiteMenuButton-DE_hCJUV.js → SiteMenuButton-BFmti8pF.js} +2 -2
- package/dist/{TabGroup-CCR5jORT.js → TabGroup-CjmtgOMw.js} +3 -3
- package/dist/{Text-DffpwlYq.js → Text-BcGbRc14.js} +7 -13
- package/dist/cjs/{Accordion-BDTE-Lkj.js → Accordion-DcZ9P5kP.js} +5 -36
- package/dist/cjs/Avatar-C8tufLEH.js +37 -0
- package/dist/cjs/{Breadcrumbs-BV5q8aPJ.js → Breadcrumbs-HubY1qZQ.js} +5 -5
- package/dist/cjs/Button-3GkRq8Pv.js +108 -0
- package/dist/cjs/{ContextMenuItem-C8eg828K.js → ContextMenuItem-DmbSoGn1.js} +6 -6
- package/dist/cjs/Divider-CIYsHYud.js +51 -0
- package/dist/cjs/Dot-vDSigHDs.js +40 -0
- package/dist/cjs/{DropdownItem-DT8iQfVh.js → DropdownItem-Bl-Ghc_6.js} +5 -5
- package/dist/cjs/{FlexItem-CYXxJtYX.js → FlexItem-BnORv6q3.js} +1 -1
- package/dist/cjs/GridRow-mzs0CkNG.js +166 -0
- package/dist/cjs/{Group-DbzIk8kt.js → Group-4zWTDvKx.js} +12 -20
- package/dist/cjs/Icon-UBahY607.js +137 -0
- package/dist/cjs/Link-BoShjCEw.js +142 -0
- package/dist/cjs/{ListItem-CTDoiG0C.js → ListItem-MrHApmF3.js} +2 -2
- package/dist/cjs/NotificationList-DnI8DqyE.js +46 -0
- package/dist/cjs/{SearchResult-CdsV7oDb.js → SearchResult-bTwR5A-g.js} +7 -7
- package/dist/cjs/{SelectField-DVCsVz6q.js → SelectField-BJTu7BXO.js} +11 -11
- package/dist/cjs/{SiteMenuButton-CVdX1ouh.js → SiteMenuButton-BGi0gR1z.js} +3 -3
- package/dist/cjs/{TabGroup-B1LUF9Hg.js → TabGroup-DIWmGIp2.js} +7 -7
- package/dist/cjs/{Text-CfBPhwqK.js → Text-D7Aq1i5R.js} +7 -13
- package/dist/cjs/components/Accordion/Accordion.interface.d.ts +1 -1
- package/dist/cjs/components/Accordion.js +11 -16
- package/dist/cjs/components/Avatar/Avatar.d.ts +3 -0
- package/dist/cjs/components/Avatar/Avatar.interface.d.ts +44 -0
- package/dist/cjs/components/Avatar/index.d.ts +1 -0
- package/dist/cjs/components/Avatar.js +21 -248
- package/dist/cjs/components/Badge.js +1 -1
- package/dist/cjs/components/Breadcrumbs.js +17 -22
- package/dist/cjs/components/Button/Button.d.ts +5 -0
- package/dist/cjs/components/Button/Button.interface.d.ts +78 -0
- package/dist/cjs/components/Button/index.d.ts +1 -0
- package/dist/cjs/components/Button.js +25 -547
- package/dist/cjs/components/Card.js +1 -1
- package/dist/cjs/components/Cell.js +18 -22
- package/dist/cjs/components/Checkbox.js +1 -1
- package/dist/cjs/components/Chips.js +4 -4
- package/dist/cjs/components/Choice.js +10 -15
- package/dist/cjs/components/ContextMenu.js +10 -17
- package/dist/cjs/components/CookiesWarning.js +12 -18
- package/dist/cjs/components/DatePicker.js +13 -18
- package/dist/cjs/components/Divider/Divider.d.ts +3 -0
- package/dist/cjs/components/Divider/Divider.interface.d.ts +28 -0
- package/dist/cjs/components/Divider/index.d.ts +1 -0
- package/dist/cjs/components/Divider.js +12 -248
- package/dist/cjs/components/Dot/Dot.d.ts +6 -0
- package/dist/cjs/components/Dot/Dot.interface.d.ts +26 -0
- package/dist/cjs/components/Dot/index.d.ts +1 -0
- package/dist/cjs/components/Dot.js +11 -216
- package/dist/cjs/components/Drawer.js +14 -4
- package/dist/cjs/components/Dropdown.js +7 -13
- package/dist/cjs/components/Flex/Flex.interface.d.ts +5 -3
- package/dist/cjs/components/Flex/index.d.ts +2 -2
- package/dist/cjs/components/Flex.js +1 -1
- package/dist/cjs/components/FormField.js +12 -18
- package/dist/cjs/components/Grid/Grid.d.ts +8 -0
- package/dist/cjs/components/Grid/Grid.interface.d.ts +147 -0
- package/dist/cjs/components/Grid/GridItem.d.ts +3 -0
- package/dist/cjs/components/Grid/GridRow.d.ts +8 -0
- package/dist/cjs/components/Grid/index.d.ts +4 -0
- package/dist/cjs/components/Grid.js +3 -10
- package/dist/cjs/components/Group/Group.interface.d.ts +9 -7
- package/dist/cjs/components/Group.js +1 -1
- package/dist/cjs/components/Icon/Icon.d.ts +5 -0
- package/dist/cjs/components/Icon/Icon.interface.d.ts +100 -0
- package/dist/cjs/components/Icon/index.d.ts +1 -0
- package/dist/cjs/components/Icon.js +21 -623
- package/dist/cjs/components/Image.js +6 -6
- package/dist/cjs/components/InputPassword.js +14 -19
- package/dist/cjs/components/Label.js +12 -12
- package/dist/cjs/components/LanguageSelector.js +20 -25
- package/dist/cjs/components/Link/Link.d.ts +11 -0
- package/dist/cjs/components/Link/Link.interface.d.ts +57 -0
- package/dist/cjs/components/Link/index.d.ts +1 -0
- package/dist/cjs/components/Link.js +14 -496
- package/dist/cjs/components/List.js +3 -4
- package/dist/cjs/components/Loader.js +1 -1
- package/dist/cjs/components/Logo.js +7 -14
- package/dist/cjs/components/Menu.js +18 -14
- package/dist/cjs/components/MenuItem.js +3 -3
- package/dist/cjs/components/Modal.js +1 -1
- package/dist/cjs/components/Notification/Notification.interface.d.ts +49 -0
- package/dist/cjs/components/Notification/NotificationItem.d.ts +10 -0
- package/dist/cjs/components/Notification/NotificationList.d.ts +3 -0
- package/dist/cjs/components/Notification/index.d.ts +3 -0
- package/dist/cjs/components/Notification.js +6 -7
- package/dist/cjs/components/Pagination.js +36 -37
- package/dist/cjs/components/Panel/Panel.d.ts +7 -0
- package/dist/cjs/components/Panel/Panel.interface.d.ts +56 -0
- package/dist/cjs/components/Panel/index.d.ts +1 -0
- package/dist/cjs/components/Panel.js +112 -0
- package/dist/cjs/components/Radio.js +1 -1
- package/dist/cjs/components/Response.js +15 -18
- package/dist/cjs/components/Search.js +19 -24
- package/dist/cjs/components/Segmented.js +1 -1
- package/dist/cjs/components/Select.js +78 -51
- package/dist/cjs/components/SiteMenu.js +14 -19
- package/dist/cjs/components/Tab.js +8 -8
- package/dist/cjs/components/Text/Text.interface.d.ts +29 -27
- package/dist/cjs/components/Text.js +1 -1
- package/dist/cjs/components/Tile.js +6 -9
- package/dist/cjs/components/Tooltip.js +1 -1
- package/dist/cjs/components.js +138 -145
- package/dist/cjs/context/Notifications.js +1 -0
- package/dist/cjs/context/UIContext.js +1 -0
- package/dist/cjs/hooks/styleAttributes.interface.d.ts +12 -13
- package/dist/cjs/types/componentProps/appearanceKeys.d.ts +1 -0
- package/dist/cjs/types/componentProps/fill.d.ts +1 -0
- package/dist/cjs/types/componentProps/fillHover.d.ts +1 -0
- package/dist/cjs/types/componentProps/flexGrow.d.ts +1 -0
- package/dist/cjs/{constants-ts → types}/componentProps/iconFillSize.d.ts +1 -1
- package/dist/cjs/types/componentProps/iconSize.d.ts +1 -0
- package/dist/cjs/types/componentProps/overflow.d.ts +1 -0
- package/dist/{constants-ts → cjs/types}/index.d.ts +1 -0
- package/dist/components/Accordion/Accordion.interface.d.ts +1 -1
- package/dist/components/Accordion.js +11 -16
- package/dist/components/Avatar/Avatar.d.ts +3 -0
- package/dist/components/Avatar/Avatar.interface.d.ts +44 -0
- package/dist/components/Avatar/index.d.ts +1 -0
- package/dist/components/Avatar.js +20 -245
- package/dist/components/Badge.js +1 -1
- package/dist/components/Breadcrumbs.js +17 -22
- package/dist/components/Button/Button.d.ts +5 -0
- package/dist/components/Button/Button.interface.d.ts +78 -0
- package/dist/components/Button/index.d.ts +1 -0
- package/dist/components/Button.js +23 -543
- package/dist/components/Card.js +1 -1
- package/dist/components/Cell.js +13 -17
- package/dist/components/Checkbox.js +1 -1
- package/dist/components/Chips.js +4 -4
- package/dist/components/Choice.js +9 -14
- package/dist/components/ContextMenu.js +10 -17
- package/dist/components/CookiesWarning.js +11 -17
- package/dist/components/DatePicker.js +9 -14
- package/dist/components/Divider/Divider.d.ts +3 -0
- package/dist/components/Divider/Divider.interface.d.ts +28 -0
- package/dist/components/Divider/index.d.ts +1 -0
- package/dist/components/Divider.js +11 -245
- package/dist/components/Dot/Dot.d.ts +6 -0
- package/dist/components/Dot/Dot.interface.d.ts +26 -0
- package/dist/components/Dot/index.d.ts +1 -0
- package/dist/components/Dot.js +10 -213
- package/dist/components/Drawer.js +14 -4
- package/dist/components/Dropdown.js +7 -13
- package/dist/components/Flex/Flex.interface.d.ts +5 -3
- package/dist/components/Flex/index.d.ts +2 -2
- package/dist/components/Flex.js +1 -1
- package/dist/components/FormField.js +12 -18
- package/dist/components/Grid/Grid.d.ts +8 -0
- package/dist/components/Grid/Grid.interface.d.ts +147 -0
- package/dist/components/Grid/GridItem.d.ts +3 -0
- package/dist/components/Grid/GridRow.d.ts +8 -0
- package/dist/components/Grid/index.d.ts +4 -0
- package/dist/components/Grid.js +3 -10
- package/dist/components/Group/Group.interface.d.ts +9 -7
- package/dist/components/Group.js +1 -1
- package/dist/components/Icon/Icon.d.ts +5 -0
- package/dist/components/Icon/Icon.interface.d.ts +100 -0
- package/dist/components/Icon/index.d.ts +1 -0
- package/dist/components/Icon.js +19 -618
- package/dist/components/Image.js +6 -6
- package/dist/components/InputPassword.js +13 -18
- package/dist/components/Label.js +12 -12
- package/dist/components/LanguageSelector.js +19 -24
- package/dist/components/Link/Link.d.ts +11 -0
- package/dist/components/Link/Link.interface.d.ts +57 -0
- package/dist/components/Link/index.d.ts +1 -0
- package/dist/components/Link.js +11 -491
- package/dist/components/List.js +3 -4
- package/dist/components/Loader.js +1 -1
- package/dist/components/Logo.js +6 -13
- package/dist/components/Menu.js +18 -14
- package/dist/components/MenuItem.js +2 -2
- package/dist/components/Modal.js +1 -1
- package/dist/components/Notification/Notification.interface.d.ts +49 -0
- package/dist/components/Notification/NotificationItem.d.ts +10 -0
- package/dist/components/Notification/NotificationList.d.ts +3 -0
- package/dist/components/Notification/index.d.ts +3 -0
- package/dist/components/Notification.js +6 -7
- package/dist/components/Pagination.js +36 -37
- package/dist/components/Panel/Panel.d.ts +7 -0
- package/dist/components/Panel/Panel.interface.d.ts +56 -0
- package/dist/components/Panel/index.d.ts +1 -0
- package/dist/components/Panel.js +105 -0
- package/dist/components/Radio.js +1 -1
- package/dist/components/Response.js +13 -16
- package/dist/components/Search.js +19 -24
- package/dist/components/Segmented.js +1 -1
- package/dist/components/Select.js +73 -46
- package/dist/components/SiteMenu.js +14 -19
- package/dist/components/Tab.js +8 -8
- package/dist/components/Text/Text.interface.d.ts +29 -27
- package/dist/components/Text.js +1 -1
- package/dist/components/Tile.js +6 -9
- package/dist/components/Tooltip.js +1 -1
- package/dist/components.js +25 -32
- package/dist/context/Notifications.js +1 -0
- package/dist/context/UIContext.js +1 -0
- package/dist/css/components/Button/Button.css +12 -1
- package/dist/css/components/Dot/Dot.css +10 -4
- package/dist/css/components/Link/Link.css +4 -0
- package/dist/css/components/Pagination/Pagination.css +2 -0
- package/dist/css/components/Panel/Panel.css +107 -0
- package/dist/css/styles/fill/fill_active_hover.css +6 -3
- package/dist/hooks/styleAttributes.interface.d.ts +12 -13
- package/dist/types/componentProps/appearanceKeys.d.ts +1 -0
- package/dist/types/componentProps/fill.d.ts +1 -0
- package/dist/types/componentProps/fillHover.d.ts +1 -0
- package/dist/types/componentProps/flexGrow.d.ts +1 -0
- package/dist/{constants-ts → types}/componentProps/iconFillSize.d.ts +1 -1
- package/dist/types/componentProps/iconSize.d.ts +1 -0
- package/dist/types/componentProps/overflow.d.ts +1 -0
- package/dist/{cjs/constants-ts → types}/index.d.ts +1 -0
- package/package.json +10 -4
- package/dist/GridRow-Buc4dsHd.js +0 -1691
- package/dist/NotificationList-KbxjrO3o.js +0 -245
- package/dist/cjs/GridRow-6wilpUeo.js +0 -1701
- package/dist/cjs/NotificationList-B6QbYA9H.js +0 -255
- package/dist/cjs/constants-ts/componentProps/fill.d.ts +0 -1
- package/dist/cjs/constants-ts/componentProps/fillHover.d.ts +0 -1
- package/dist/cjs/constants-ts/componentProps/flexGrow.d.ts +0 -1
- package/dist/cjs/constants-ts/componentProps/iconSize.d.ts +0 -1
- package/dist/constants-ts/componentProps/fill.d.ts +0 -1
- package/dist/constants-ts/componentProps/fillHover.d.ts +0 -1
- package/dist/constants-ts/componentProps/flexGrow.d.ts +0 -1
- package/dist/constants-ts/componentProps/iconSize.d.ts +0 -1
- /package/dist/cjs/{constants-ts → types}/componentProps/align.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/alignDirection.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/alignment.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/borderColor.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/borderColorHover.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/borderType.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/borderWidth.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/captionPosition.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/direction.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/elevation.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/emojiSize.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/fillGradient.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/fillType.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/flexAlign.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/flexJustifyContent.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/flexWrap.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/gridAlign.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/gridAlignSelf.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/gridJustifyItems.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/gridJustifySelf.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/height.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/horizontalContentAlign.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/horizontalResizeMode.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/itemColor.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/justifyContent.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/position.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/resizeMode.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/shape.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/size.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/sizeInterface.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/sizePX.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/stacking.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/state.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/strokeColor.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/textAlign.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/textColor.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/textColorActive.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/textColorHover.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/textGradient.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/textSize.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/textStyle.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/textTag.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/textWeight.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/textWrap.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/titleSize.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/type.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/underline.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/verticalContentAlign.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/verticalResizeMode.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/width.d.ts +0 -0
- /package/dist/cjs/{constants-ts → types}/componentProps/wrap.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/align.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/alignDirection.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/alignment.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/borderColor.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/borderColorHover.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/borderType.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/borderWidth.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/captionPosition.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/direction.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/elevation.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/emojiSize.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/fillGradient.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/fillType.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/flexAlign.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/flexJustifyContent.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/flexWrap.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/gridAlign.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/gridAlignSelf.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/gridJustifyItems.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/gridJustifySelf.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/height.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/horizontalContentAlign.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/horizontalResizeMode.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/itemColor.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/justifyContent.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/position.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/resizeMode.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/shape.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/size.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/sizeInterface.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/sizePX.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/stacking.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/state.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/strokeColor.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/textAlign.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/textColor.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/textColorActive.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/textColorHover.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/textGradient.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/textSize.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/textStyle.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/textTag.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/textWeight.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/textWrap.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/titleSize.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/type.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/underline.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/verticalContentAlign.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/verticalResizeMode.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/width.d.ts +0 -0
- /package/dist/{constants-ts → types}/componentProps/wrap.d.ts +0 -0
|
@@ -1,226 +1,21 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
var shape = require('../constants/componentProps/shape.js');
|
|
9
|
-
var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
|
|
3
|
+
var Dot = require('../Dot-vDSigHDs.js');
|
|
4
|
+
require('../jsx-runtime-BCmQOGxJ.js');
|
|
5
|
+
require('react');
|
|
6
|
+
require('clsx');
|
|
7
|
+
require('../hooks/useDeviceTargetClass.js');
|
|
10
8
|
require('lodash/castArray');
|
|
11
9
|
require('lodash/camelCase');
|
|
12
10
|
require('../context/UIContext.js');
|
|
11
|
+
require('prop-types');
|
|
13
12
|
require('../hooks/useMediaQueries.js');
|
|
14
13
|
require('react-responsive');
|
|
14
|
+
require('../hooks/useStyles.js');
|
|
15
|
+
require('lodash/maxBy');
|
|
16
|
+
require('lodash/upperFirst');
|
|
17
|
+
require('../hooks/styleAttributes.js');
|
|
15
18
|
|
|
16
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
19
|
|
|
18
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
19
|
-
var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
|
|
20
|
-
var clsx__default = /*#__PURE__*/_interopDefault(clsx);
|
|
21
20
|
|
|
22
|
-
|
|
23
|
-
const {
|
|
24
|
-
className,
|
|
25
|
-
children
|
|
26
|
-
} = props;
|
|
27
|
-
const borderClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
28
|
-
prefix: 'border-color_',
|
|
29
|
-
propsKey: 'border'
|
|
30
|
-
});
|
|
31
|
-
const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
32
|
-
prefix: 'border_type_',
|
|
33
|
-
propsKey: 'borderType'
|
|
34
|
-
});
|
|
35
|
-
const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
36
|
-
prefix: 'fill_',
|
|
37
|
-
propsKey: 'fill'
|
|
38
|
-
});
|
|
39
|
-
const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
|
|
40
|
-
prefix: 'dot_shape_',
|
|
41
|
-
propsKey: 'shape'
|
|
42
|
-
});
|
|
43
|
-
return /*#__PURE__*/React__default.default.createElement("div", {
|
|
44
|
-
className: clsx__default.default(className, 'dot', borderClass, borderTypeClass, fillClass, shapeClass)
|
|
45
|
-
}, children);
|
|
46
|
-
}
|
|
47
|
-
Dot.propTypes = {
|
|
48
|
-
children: PropTypes__default.default.any,
|
|
49
|
-
className: PropTypes__default.default.string,
|
|
50
|
-
border: PropTypes__default.default.string,
|
|
51
|
-
borderDesktop: PropTypes__default.default.string,
|
|
52
|
-
borderMobile: PropTypes__default.default.string,
|
|
53
|
-
borderTablet: PropTypes__default.default.string,
|
|
54
|
-
borderType: PropTypes__default.default.oneOf(borderType.default),
|
|
55
|
-
borderTypeDesktop: PropTypes__default.default.oneOf(borderType.default),
|
|
56
|
-
borderTypeMobile: PropTypes__default.default.oneOf(borderType.default),
|
|
57
|
-
borderTypeTablet: PropTypes__default.default.oneOf(borderType.default),
|
|
58
|
-
fill: PropTypes__default.default.oneOf(fill.default),
|
|
59
|
-
fillMobile: PropTypes__default.default.oneOf(fill.default),
|
|
60
|
-
fillTablet: PropTypes__default.default.oneOf(fill.default),
|
|
61
|
-
fillDesktop: PropTypes__default.default.oneOf(fill.default),
|
|
62
|
-
shape: PropTypes__default.default.oneOf(shape.default),
|
|
63
|
-
shapeDesktop: PropTypes__default.default.oneOf(shape.default),
|
|
64
|
-
shapeMobile: PropTypes__default.default.oneOf(shape.default),
|
|
65
|
-
shapeTablet: PropTypes__default.default.oneOf(shape.default)
|
|
66
|
-
};
|
|
67
|
-
Dot.defaultProps = {};
|
|
68
|
-
Dot.__docgenInfo = {
|
|
69
|
-
"description": "",
|
|
70
|
-
"methods": [],
|
|
71
|
-
"displayName": "Dot",
|
|
72
|
-
"props": {
|
|
73
|
-
"children": {
|
|
74
|
-
"description": "",
|
|
75
|
-
"type": {
|
|
76
|
-
"name": "any"
|
|
77
|
-
},
|
|
78
|
-
"required": false
|
|
79
|
-
},
|
|
80
|
-
"className": {
|
|
81
|
-
"description": "",
|
|
82
|
-
"type": {
|
|
83
|
-
"name": "string"
|
|
84
|
-
},
|
|
85
|
-
"required": false
|
|
86
|
-
},
|
|
87
|
-
"border": {
|
|
88
|
-
"description": "",
|
|
89
|
-
"type": {
|
|
90
|
-
"name": "string"
|
|
91
|
-
},
|
|
92
|
-
"required": false
|
|
93
|
-
},
|
|
94
|
-
"borderDesktop": {
|
|
95
|
-
"description": "",
|
|
96
|
-
"type": {
|
|
97
|
-
"name": "string"
|
|
98
|
-
},
|
|
99
|
-
"required": false
|
|
100
|
-
},
|
|
101
|
-
"borderMobile": {
|
|
102
|
-
"description": "",
|
|
103
|
-
"type": {
|
|
104
|
-
"name": "string"
|
|
105
|
-
},
|
|
106
|
-
"required": false
|
|
107
|
-
},
|
|
108
|
-
"borderTablet": {
|
|
109
|
-
"description": "",
|
|
110
|
-
"type": {
|
|
111
|
-
"name": "string"
|
|
112
|
-
},
|
|
113
|
-
"required": false
|
|
114
|
-
},
|
|
115
|
-
"borderType": {
|
|
116
|
-
"description": "",
|
|
117
|
-
"type": {
|
|
118
|
-
"name": "enum",
|
|
119
|
-
"computed": true,
|
|
120
|
-
"value": "borderTypeProps"
|
|
121
|
-
},
|
|
122
|
-
"required": false
|
|
123
|
-
},
|
|
124
|
-
"borderTypeDesktop": {
|
|
125
|
-
"description": "",
|
|
126
|
-
"type": {
|
|
127
|
-
"name": "enum",
|
|
128
|
-
"computed": true,
|
|
129
|
-
"value": "borderTypeProps"
|
|
130
|
-
},
|
|
131
|
-
"required": false
|
|
132
|
-
},
|
|
133
|
-
"borderTypeMobile": {
|
|
134
|
-
"description": "",
|
|
135
|
-
"type": {
|
|
136
|
-
"name": "enum",
|
|
137
|
-
"computed": true,
|
|
138
|
-
"value": "borderTypeProps"
|
|
139
|
-
},
|
|
140
|
-
"required": false
|
|
141
|
-
},
|
|
142
|
-
"borderTypeTablet": {
|
|
143
|
-
"description": "",
|
|
144
|
-
"type": {
|
|
145
|
-
"name": "enum",
|
|
146
|
-
"computed": true,
|
|
147
|
-
"value": "borderTypeProps"
|
|
148
|
-
},
|
|
149
|
-
"required": false
|
|
150
|
-
},
|
|
151
|
-
"fill": {
|
|
152
|
-
"description": "",
|
|
153
|
-
"type": {
|
|
154
|
-
"name": "enum",
|
|
155
|
-
"computed": true,
|
|
156
|
-
"value": "fillProps"
|
|
157
|
-
},
|
|
158
|
-
"required": false
|
|
159
|
-
},
|
|
160
|
-
"fillMobile": {
|
|
161
|
-
"description": "",
|
|
162
|
-
"type": {
|
|
163
|
-
"name": "enum",
|
|
164
|
-
"computed": true,
|
|
165
|
-
"value": "fillProps"
|
|
166
|
-
},
|
|
167
|
-
"required": false
|
|
168
|
-
},
|
|
169
|
-
"fillTablet": {
|
|
170
|
-
"description": "",
|
|
171
|
-
"type": {
|
|
172
|
-
"name": "enum",
|
|
173
|
-
"computed": true,
|
|
174
|
-
"value": "fillProps"
|
|
175
|
-
},
|
|
176
|
-
"required": false
|
|
177
|
-
},
|
|
178
|
-
"fillDesktop": {
|
|
179
|
-
"description": "",
|
|
180
|
-
"type": {
|
|
181
|
-
"name": "enum",
|
|
182
|
-
"computed": true,
|
|
183
|
-
"value": "fillProps"
|
|
184
|
-
},
|
|
185
|
-
"required": false
|
|
186
|
-
},
|
|
187
|
-
"shape": {
|
|
188
|
-
"description": "",
|
|
189
|
-
"type": {
|
|
190
|
-
"name": "enum",
|
|
191
|
-
"computed": true,
|
|
192
|
-
"value": "shapeProps"
|
|
193
|
-
},
|
|
194
|
-
"required": false
|
|
195
|
-
},
|
|
196
|
-
"shapeDesktop": {
|
|
197
|
-
"description": "",
|
|
198
|
-
"type": {
|
|
199
|
-
"name": "enum",
|
|
200
|
-
"computed": true,
|
|
201
|
-
"value": "shapeProps"
|
|
202
|
-
},
|
|
203
|
-
"required": false
|
|
204
|
-
},
|
|
205
|
-
"shapeMobile": {
|
|
206
|
-
"description": "",
|
|
207
|
-
"type": {
|
|
208
|
-
"name": "enum",
|
|
209
|
-
"computed": true,
|
|
210
|
-
"value": "shapeProps"
|
|
211
|
-
},
|
|
212
|
-
"required": false
|
|
213
|
-
},
|
|
214
|
-
"shapeTablet": {
|
|
215
|
-
"description": "",
|
|
216
|
-
"type": {
|
|
217
|
-
"name": "enum",
|
|
218
|
-
"computed": true,
|
|
219
|
-
"value": "shapeProps"
|
|
220
|
-
},
|
|
221
|
-
"required": false
|
|
222
|
-
}
|
|
223
|
-
}
|
|
224
|
-
};
|
|
225
|
-
|
|
226
|
-
exports.Dot = Dot;
|
|
21
|
+
exports.Dot = Dot.Dot;
|
|
@@ -161,16 +161,18 @@ function Drawer(props) {
|
|
|
161
161
|
after,
|
|
162
162
|
dataTour,
|
|
163
163
|
direction,
|
|
164
|
-
className
|
|
164
|
+
className,
|
|
165
|
+
enableOverlay
|
|
165
166
|
} = props;
|
|
166
167
|
return /*#__PURE__*/React__default.default.createElement(EZDrawer, {
|
|
167
168
|
className: clsx__default.default('drawer', type && `drawer_type_${type}`, className, dataTour && `data-tour-${dataTour}`),
|
|
168
169
|
direction: direction || 'right',
|
|
169
|
-
lockBackgroundScroll:
|
|
170
|
+
lockBackgroundScroll: false,
|
|
170
171
|
open: isOpenModal,
|
|
171
172
|
overlayClassName: "drawer__overlay",
|
|
172
173
|
size: size || 600,
|
|
173
|
-
onClose: closeModal
|
|
174
|
+
onClose: closeModal,
|
|
175
|
+
enableOverlay: enableOverlay
|
|
174
176
|
}, before && /*#__PURE__*/React__default.default.createElement("div", {
|
|
175
177
|
className: "drawer__before"
|
|
176
178
|
}, before), children && /*#__PURE__*/React__default.default.createElement("div", {
|
|
@@ -191,7 +193,8 @@ Drawer.propTypes = {
|
|
|
191
193
|
// "right", "left", "top", "bottom"
|
|
192
194
|
size: PropTypes__default.default.number,
|
|
193
195
|
// width in px
|
|
194
|
-
type: PropTypes__default.default.string
|
|
196
|
+
type: PropTypes__default.default.string,
|
|
197
|
+
enableOverlay: PropTypes__default.default.bool
|
|
195
198
|
};
|
|
196
199
|
Drawer.__docgenInfo = {
|
|
197
200
|
"description": "",
|
|
@@ -267,6 +270,13 @@ Drawer.__docgenInfo = {
|
|
|
267
270
|
"name": "string"
|
|
268
271
|
},
|
|
269
272
|
"required": false
|
|
273
|
+
},
|
|
274
|
+
"enableOverlay": {
|
|
275
|
+
"description": "",
|
|
276
|
+
"type": {
|
|
277
|
+
"name": "bool"
|
|
278
|
+
},
|
|
279
|
+
"required": false
|
|
270
280
|
}
|
|
271
281
|
}
|
|
272
282
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var DropdownItem = require('../DropdownItem-
|
|
3
|
+
var DropdownItem = require('../DropdownItem-Bl-Ghc_6.js');
|
|
4
4
|
require('react');
|
|
5
5
|
require('prop-types');
|
|
6
6
|
require('clsx');
|
|
@@ -14,21 +14,15 @@ require('../hooks/useStyles.js');
|
|
|
14
14
|
require('lodash/maxBy');
|
|
15
15
|
require('lodash/upperFirst');
|
|
16
16
|
require('../hooks/styleAttributes.js');
|
|
17
|
-
require('
|
|
17
|
+
require('../Divider-CIYsHYud.js');
|
|
18
|
+
require('../jsx-runtime-BCmQOGxJ.js');
|
|
19
|
+
require('../Link-BoShjCEw.js');
|
|
20
|
+
require('../Text-D7Aq1i5R.js');
|
|
18
21
|
require('../constants/componentProps/fill.js');
|
|
19
|
-
require('../constants/componentProps/
|
|
20
|
-
require('../constants/componentProps/direction.js');
|
|
21
|
-
require('../constants/componentProps/width.js');
|
|
22
|
-
require('./Link.js');
|
|
23
|
-
require('../constants/componentProps/textColor.js');
|
|
24
|
-
require('../constants/componentProps/textGradient.js');
|
|
25
|
-
require('../constants/componentProps/textStyle.js');
|
|
26
|
-
require('../constants/componentProps/textWeight.js');
|
|
22
|
+
require('../constants/componentProps/shape.js');
|
|
27
23
|
require('../constants/componentProps/type.js');
|
|
28
24
|
require('../constants/componentProps/underline.js');
|
|
29
|
-
require('../
|
|
30
|
-
require('../jsx-runtime-BCmQOGxJ.js');
|
|
31
|
-
require('../constants/componentProps/shape.js');
|
|
25
|
+
require('../constants/componentProps/size.js');
|
|
32
26
|
|
|
33
27
|
|
|
34
28
|
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import React, { ElementType } from 'react';
|
|
2
|
-
import { alignDirectionPropsType, borderColorPropsType, borderTypePropsType, directionPropsType, fillHoverPropsType, fillPropsType, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, horizontalResizeModePropsType, positionPropsType, shapePropsType, widthPropsType } from '../../constants-ts';
|
|
3
2
|
import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
+
import { alignDirectionPropsType, borderColorPropsType, borderTypePropsType, directionPropsType, fillHoverPropsType, fillPropsType, flexAlignPropsType, flexJustifyContentPropsType, flexWrapPropsType, horizontalResizeModePropsType, positionPropsType, shapePropsType, widthPropsType } from '../../types';
|
|
4
4
|
export interface IFlexProps extends TypeStyleAttributes {
|
|
5
5
|
id?: number | string;
|
|
6
|
-
children
|
|
6
|
+
children?: React.ReactNode;
|
|
7
7
|
className?: string;
|
|
8
8
|
tag?: ElementType;
|
|
9
9
|
type?: string;
|
|
@@ -20,6 +20,8 @@ export interface IFlexProps extends TypeStyleAttributes {
|
|
|
20
20
|
position?: positionPropsType;
|
|
21
21
|
border?: borderColorPropsType;
|
|
22
22
|
borderType?: borderTypePropsType;
|
|
23
|
+
gapWrapper?: string;
|
|
24
|
+
maxWidthWrapper?: string;
|
|
23
25
|
alignContentDesktop?: flexJustifyContentPropsType;
|
|
24
26
|
alignContentMobile?: flexJustifyContentPropsType;
|
|
25
27
|
alignContentTablet?: flexJustifyContentPropsType;
|
|
@@ -56,7 +58,7 @@ export interface IFlexProps extends TypeStyleAttributes {
|
|
|
56
58
|
wrapTablet?: flexWrapPropsType;
|
|
57
59
|
}
|
|
58
60
|
export interface IFlexItemProps extends TypeStyleAttributes {
|
|
59
|
-
children
|
|
61
|
+
children?: React.ReactNode;
|
|
60
62
|
className?: string;
|
|
61
63
|
tag?: ElementType;
|
|
62
64
|
htmlFor?: string;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { Flex } from './Flex
|
|
2
|
-
import { FlexItem } from './FlexItem
|
|
1
|
+
import { Flex } from './Flex';
|
|
2
|
+
import { FlexItem } from './FlexItem';
|
|
3
3
|
export { Flex, FlexItem };
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var SelectField = require('../SelectField-
|
|
3
|
+
var SelectField = require('../SelectField-BJTu7BXO.js');
|
|
4
4
|
require('react');
|
|
5
5
|
require('prop-types');
|
|
6
6
|
require('clsx');
|
|
7
7
|
require('./Radio.js');
|
|
8
|
-
require('../Text-
|
|
8
|
+
require('../Text-D7Aq1i5R.js');
|
|
9
9
|
require('../jsx-runtime-BCmQOGxJ.js');
|
|
10
10
|
require('../hooks/useDeviceTargetClass.js');
|
|
11
11
|
require('lodash/castArray');
|
|
@@ -20,35 +20,29 @@ require('../hooks/styleAttributes.js');
|
|
|
20
20
|
require('./Switch.js');
|
|
21
21
|
require('../constants/componentProps/direction.js');
|
|
22
22
|
require('../constants/componentProps/size.js');
|
|
23
|
-
require('
|
|
24
|
-
require('../
|
|
25
|
-
require('../
|
|
26
|
-
require('./Icon.js');
|
|
23
|
+
require('../Divider-CIYsHYud.js');
|
|
24
|
+
require('../Icon-UBahY607.js');
|
|
25
|
+
require('../Link-BoShjCEw.js');
|
|
27
26
|
require('react-inlinesvg');
|
|
28
|
-
require('./
|
|
27
|
+
require('./Tooltip.js');
|
|
28
|
+
require('./Title.js');
|
|
29
|
+
require('../constants/componentProps/fill.js');
|
|
30
|
+
require('../constants/componentProps/textAlign.js');
|
|
29
31
|
require('../constants/componentProps/textColor.js');
|
|
30
32
|
require('../constants/componentProps/textGradient.js');
|
|
31
33
|
require('../constants/componentProps/textStyle.js');
|
|
32
34
|
require('../constants/componentProps/textWeight.js');
|
|
33
|
-
require('../constants/componentProps/type.js');
|
|
34
|
-
require('../constants/componentProps/underline.js');
|
|
35
|
-
require('../constants/componentProps/borderColor.js');
|
|
36
|
-
require('../constants/componentProps/borderType.js');
|
|
37
|
-
require('../constants/componentProps/iconSize.js');
|
|
38
|
-
require('../constants/componentProps/shape.js');
|
|
39
|
-
require('../constants/componentProps/strokeColor.js');
|
|
40
|
-
require('./Tooltip.js');
|
|
41
|
-
require('./Title.js');
|
|
42
|
-
require('../constants/componentProps/textAlign.js');
|
|
43
35
|
require('../constants/componentProps/titleSize.js');
|
|
36
|
+
require('../constants/componentProps/type.js');
|
|
44
37
|
require('../constants/componentProps/wrap.js');
|
|
45
38
|
require('../constants/componentProps/textSize.js');
|
|
39
|
+
require('../constants/componentProps/shape.js');
|
|
46
40
|
require('./Select.js');
|
|
47
41
|
require('react-select');
|
|
48
42
|
require('react-dom');
|
|
49
43
|
require('../floating-ui.dom-C34fOuI9.js');
|
|
50
44
|
require('./Badge.js');
|
|
51
|
-
require('../Group-
|
|
45
|
+
require('../Group-4zWTDvKx.js');
|
|
52
46
|
|
|
53
47
|
|
|
54
48
|
|
|
@@ -0,0 +1,147 @@
|
|
|
1
|
+
import React, { ElementType } from 'react';
|
|
2
|
+
import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
+
import { borderColorPropsType, directionPropsType, fillHoverPropsType, fillPropsType, gridAlignPropsType, gridAlignSelfPropsType, gridJustifyItemsPropsType, gridJustifySelfPropsType, horizontalResizeModePropsType, shapePropsType, verticalResizeModePropsType } from '../../types';
|
|
4
|
+
export interface IGridBaseThemeColor extends TypeStyleAttributes {
|
|
5
|
+
alignSelf?: gridAlignSelfPropsType;
|
|
6
|
+
alignSelfDesktop?: gridAlignSelfPropsType;
|
|
7
|
+
alignSelfMobile?: gridAlignSelfPropsType;
|
|
8
|
+
alignSelfTablet?: gridAlignSelfPropsType;
|
|
9
|
+
columnEnd?: string;
|
|
10
|
+
columnEndDesktop?: string;
|
|
11
|
+
columnEndMobile?: string;
|
|
12
|
+
columnEndTablet?: string;
|
|
13
|
+
columnGap?: string;
|
|
14
|
+
columnSpan?: string;
|
|
15
|
+
columnSpanDesktop?: string;
|
|
16
|
+
columnSpanMobile?: string;
|
|
17
|
+
columnSpanTablet?: string;
|
|
18
|
+
columnStart?: string;
|
|
19
|
+
columnStartDesktop?: string;
|
|
20
|
+
columnStartMobile?: string;
|
|
21
|
+
columnStartTablet?: string;
|
|
22
|
+
direction?: directionPropsType;
|
|
23
|
+
fill?: fillPropsType;
|
|
24
|
+
fillDesktop?: fillPropsType;
|
|
25
|
+
fillHover?: fillHoverPropsType;
|
|
26
|
+
fillMobile?: fillPropsType;
|
|
27
|
+
fillTablet?: fillPropsType;
|
|
28
|
+
gap?: string;
|
|
29
|
+
gridTemplateColumns?: string;
|
|
30
|
+
justifySelf?: gridJustifySelfPropsType;
|
|
31
|
+
justifySelfDesktop?: gridJustifySelfPropsType;
|
|
32
|
+
justifySelfMobile?: gridJustifySelfPropsType;
|
|
33
|
+
justifySelfTablet?: gridJustifySelfPropsType;
|
|
34
|
+
order?: string;
|
|
35
|
+
orderDesktop?: string;
|
|
36
|
+
orderMobile?: string;
|
|
37
|
+
orderTablet?: string;
|
|
38
|
+
rowEnd?: string;
|
|
39
|
+
rowEndDesktop?: string;
|
|
40
|
+
rowEndMobile?: string;
|
|
41
|
+
rowEndTablet?: string;
|
|
42
|
+
rowGap?: string;
|
|
43
|
+
rowSpan?: string;
|
|
44
|
+
rowSpanDesktop?: string;
|
|
45
|
+
rowSpanMobile?: string;
|
|
46
|
+
rowSpanTablet?: string;
|
|
47
|
+
rowStart?: string;
|
|
48
|
+
rowStartDesktop?: string;
|
|
49
|
+
rowStartMobile?: string;
|
|
50
|
+
rowStartTablet?: string;
|
|
51
|
+
zIndex?: string;
|
|
52
|
+
zIndexDesktop?: string;
|
|
53
|
+
zIndexMobile?: string;
|
|
54
|
+
zIndexTablet?: string;
|
|
55
|
+
}
|
|
56
|
+
export interface IGridItemProps extends IGridBaseThemeColor {
|
|
57
|
+
children?: React.ReactNode;
|
|
58
|
+
className?: string;
|
|
59
|
+
dataTour?: string;
|
|
60
|
+
id?: number | string;
|
|
61
|
+
onClick?: () => void;
|
|
62
|
+
}
|
|
63
|
+
export interface IGridRowProps extends IGridBaseThemeColor {
|
|
64
|
+
children?: React.ReactNode;
|
|
65
|
+
className?: string;
|
|
66
|
+
dataTour?: string;
|
|
67
|
+
htmlFor?: string;
|
|
68
|
+
id?: number | string;
|
|
69
|
+
onClick?: () => void;
|
|
70
|
+
tag: ElementType;
|
|
71
|
+
}
|
|
72
|
+
export interface IGridProps extends TypeStyleAttributes {
|
|
73
|
+
after?: React.ReactNode;
|
|
74
|
+
before?: React.ReactNode;
|
|
75
|
+
children?: React.ReactNode;
|
|
76
|
+
className?: string;
|
|
77
|
+
dataTour?: string;
|
|
78
|
+
id?: number | string;
|
|
79
|
+
onClick?: () => void;
|
|
80
|
+
tag: ElementType;
|
|
81
|
+
alignContentDesktop?: gridAlignPropsType;
|
|
82
|
+
alignContentMobile?: gridAlignPropsType;
|
|
83
|
+
alignContentTablet?: gridAlignPropsType;
|
|
84
|
+
alignItemsDesktop?: gridAlignPropsType;
|
|
85
|
+
alignItemsMobile?: gridAlignPropsType;
|
|
86
|
+
alignItemsTablet?: gridAlignPropsType;
|
|
87
|
+
columnGapDesktop?: string;
|
|
88
|
+
columnGapMobile?: string;
|
|
89
|
+
columnGapTablet?: string;
|
|
90
|
+
columnsDesktop?: string;
|
|
91
|
+
columnsMobile?: string;
|
|
92
|
+
columnsTablet?: string;
|
|
93
|
+
fillDesktop?: fillPropsType;
|
|
94
|
+
fillMobile?: fillPropsType;
|
|
95
|
+
fillTablet?: fillPropsType;
|
|
96
|
+
fillWrapperDesktop?: fillPropsType;
|
|
97
|
+
fillWrapperInnerDesktop?: fillPropsType;
|
|
98
|
+
fillWrapperInnerMobile?: fillPropsType;
|
|
99
|
+
fillWrapperInnerTablet?: fillPropsType;
|
|
100
|
+
fillWrapperMobile?: fillPropsType;
|
|
101
|
+
fillWrapperTablet?: fillPropsType;
|
|
102
|
+
gridBackground?: string;
|
|
103
|
+
gridBackgroundDesktop?: string;
|
|
104
|
+
gridBackgroundMobile?: string;
|
|
105
|
+
gridBackgroundTablet?: string;
|
|
106
|
+
gridBackgroundWrapper?: string;
|
|
107
|
+
gridBackgroundWrapperDesktop?: string;
|
|
108
|
+
gridBackgroundWrapperMobile?: string;
|
|
109
|
+
gridBackgroundWrapperTablet?: string;
|
|
110
|
+
horizontalResizing?: horizontalResizeModePropsType;
|
|
111
|
+
horizontalScroll?: boolean;
|
|
112
|
+
justifyContentDesktop?: string;
|
|
113
|
+
justifyContentMobile?: string;
|
|
114
|
+
justifyContentTablet?: string;
|
|
115
|
+
justifyItemsDesktop?: gridJustifyItemsPropsType;
|
|
116
|
+
justifyItemsMobile?: gridJustifyItemsPropsType;
|
|
117
|
+
justifyItemsTablet?: gridJustifyItemsPropsType;
|
|
118
|
+
rowGapDesktop?: string;
|
|
119
|
+
rowGapMobile?: string;
|
|
120
|
+
rowGapTablet?: string;
|
|
121
|
+
rowsDesktop?: string;
|
|
122
|
+
rowsMobile?: string;
|
|
123
|
+
rowsTablet?: string;
|
|
124
|
+
shapeWrapperDesktop?: shapePropsType;
|
|
125
|
+
shapeWrapperInnerDesktop?: shapePropsType;
|
|
126
|
+
shapeWrapperInnerMobile?: shapePropsType;
|
|
127
|
+
shapeWrapperInnerTablet?: shapePropsType;
|
|
128
|
+
shapeWrapperMobile?: shapePropsType;
|
|
129
|
+
shapeWrapperTablet?: shapePropsType;
|
|
130
|
+
type?: string;
|
|
131
|
+
useGridSystem?: boolean;
|
|
132
|
+
verticalResizing?: verticalResizeModePropsType;
|
|
133
|
+
alignContent?: gridAlignPropsType;
|
|
134
|
+
alignItems?: gridAlignPropsType;
|
|
135
|
+
borderColor?: borderColorPropsType;
|
|
136
|
+
columnGap?: string;
|
|
137
|
+
columns?: string;
|
|
138
|
+
fill?: fillPropsType;
|
|
139
|
+
fillWrapper?: fillPropsType;
|
|
140
|
+
fillWrapperInner?: fillPropsType;
|
|
141
|
+
justifyContent?: string;
|
|
142
|
+
justifyItems?: gridJustifyItemsPropsType;
|
|
143
|
+
rowGap?: string;
|
|
144
|
+
rows?: string;
|
|
145
|
+
shapeWrapper?: shapePropsType;
|
|
146
|
+
shapeWrapperInner?: shapePropsType;
|
|
147
|
+
}
|
|
@@ -1,27 +1,20 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var GridRow = require('../GridRow-
|
|
3
|
+
var GridRow = require('../GridRow-mzs0CkNG.js');
|
|
4
|
+
require('../jsx-runtime-BCmQOGxJ.js');
|
|
4
5
|
require('react');
|
|
5
|
-
require('prop-types');
|
|
6
6
|
require('clsx');
|
|
7
|
-
require('../constants/componentProps/fill.js');
|
|
8
|
-
require('../constants/componentProps/gridJustifyItems.js');
|
|
9
|
-
require('../constants/componentProps/gridAlign.js');
|
|
10
|
-
require('../constants/componentProps/shape.js');
|
|
11
|
-
require('../constants/componentProps/horizontalResizeMode.js');
|
|
12
|
-
require('../constants/componentProps/verticalResizeMode.js');
|
|
13
7
|
require('../hooks/useDeviceTargetClass.js');
|
|
14
8
|
require('lodash/castArray');
|
|
15
9
|
require('lodash/camelCase');
|
|
16
10
|
require('../context/UIContext.js');
|
|
11
|
+
require('prop-types');
|
|
17
12
|
require('../hooks/useMediaQueries.js');
|
|
18
13
|
require('react-responsive');
|
|
19
14
|
require('../hooks/useStyles.js');
|
|
20
15
|
require('lodash/maxBy');
|
|
21
16
|
require('lodash/upperFirst');
|
|
22
17
|
require('../hooks/styleAttributes.js');
|
|
23
|
-
require('../constants/componentProps/gridAlignSelf.js');
|
|
24
|
-
require('../constants/componentProps/gridJustifySelf.js');
|
|
25
18
|
|
|
26
19
|
|
|
27
20
|
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React, { CSSProperties, ElementType } from 'react';
|
|
2
|
-
import { alignDirectionPropsType, alignPropsType, borderColorPropsType, borderTypePropsType, directionPropsType, elevationPropsType, fillHoverPropsType, fillPropsType, flexGrowPropsType, heightPropsType, justifyContentPropsType, shapePropsType, stackingPropsType, widthPropsType, wrapPropsType } from '../../constants-ts';
|
|
3
2
|
import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
+
import { alignDirectionPropsType, alignPropsType, borderColorPropsType, borderTypePropsType, directionPropsType, elevationPropsType, fillHoverPropsType, fillPropsType, flexGrowPropsType, heightPropsType, justifyContentPropsType, shapePropsType, stackingPropsType, widthPropsType, wrapPropsType } from '../../types';
|
|
4
|
+
import { appearanceKeysDefaultType } from '../../types/componentProps/appearanceKeys';
|
|
4
5
|
interface ThemeColor {
|
|
5
6
|
fill?: string;
|
|
6
7
|
fillHover?: string;
|
|
@@ -10,15 +11,16 @@ interface ThemeColor {
|
|
|
10
11
|
borderWidth?: string;
|
|
11
12
|
direction?: directionPropsType;
|
|
12
13
|
}
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
14
|
+
type appearanceKeysType = appearanceKeysDefaultType & {};
|
|
15
|
+
type appearanceType = {
|
|
16
|
+
[key in appearanceKeysType]: ThemeColor;
|
|
17
|
+
};
|
|
16
18
|
export interface IGroupConfig {
|
|
17
|
-
appearance:
|
|
18
|
-
setAppearance: (newComponent:
|
|
19
|
+
appearance: appearanceType | undefined;
|
|
20
|
+
setAppearance: (newComponent: appearanceType) => void;
|
|
19
21
|
}
|
|
20
22
|
export interface IGroupProps extends TypeStyleAttributes {
|
|
21
|
-
appearance?:
|
|
23
|
+
appearance?: appearanceKeysType;
|
|
22
24
|
id?: number | string;
|
|
23
25
|
children?: React.ReactNode;
|
|
24
26
|
className?: string;
|