@itcase/ui 1.3.11 → 1.3.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Badge-DMRagi5O.js → Badge-Bcj5H3vs.js} +2 -2
- package/dist/{Badge-B9tt2YPa.js → Badge-DxHwStfq.js} +2 -2
- package/dist/{Button-DHQeSUSA.js → Button-BIVXOiP4.js} +6 -6
- package/dist/{Button-BVQet4JC.js → Button-C4oPIe_E.js} +6 -6
- package/dist/{DropdownItem-DxGxdjUr.js → DropdownItem-BGsCHiqr.js} +4 -4
- package/dist/{DropdownItem-DXz1l415.js → DropdownItem-CRvS3KEp.js} +4 -4
- package/dist/{Group-B9L2NTgM.js → Group-CIIZoSm5.js} +1 -1
- package/dist/{Group-D6CXN4hS.js → Group-pMTTxQH4.js} +1 -1
- package/dist/{Icon-3VtRLW-J.js → Icon-DJSIqu5Z.js} +2 -2
- package/dist/{Icon-C9FlOMr9.js → Icon-Dz1q9WC2.js} +2 -2
- package/dist/{Input-BrV5_NoV.js → Input-Ck5IbuH6.js} +1 -1
- package/dist/{Input-ffioh1sj.js → Input-zkYoZhQk.js} +1 -1
- package/dist/{Label-DQyB2ThM.js → Label-9O3dQlUa.js} +6 -6
- package/dist/{Label-HKRKV3mn.js → Label-GEBQXoVJ.js} +6 -6
- package/dist/{Link-C2dn5VUy.js → Link-CH-W1dww.js} +1 -1
- package/dist/{Link-CPzqprR1.js → Link-U60OVrcS.js} +1 -1
- package/dist/{Loader-K_DJmah6.js → Loader-Cm98w6lJ.js} +2 -2
- package/dist/{Loader-Dn036JwE.js → Loader-D_53c71f.js} +2 -2
- package/dist/{MenuItem-Cw2Lry6S.js → MenuItem-C422Veuw.js} +3 -3
- package/dist/{MenuItem-DEzP_HLq.js → MenuItem-GoaeJJ04.js} +3 -3
- package/dist/{Scrollbar-CKbA0jQU.js → Scrollbar-CL9V8d1X.js} +1 -1
- package/dist/{Scrollbar-Bo7z7ELm.js → Scrollbar-DkJr3S-w.js} +1 -1
- package/dist/{Text-Beslj4Ns.js → Text-COHpLTYr.js} +1 -1
- package/dist/{Text-JayJa3hj.js → Text-D9sEeRE4.js} +1 -1
- package/dist/{Title-DBaHcpvB.js → Title-BduD-TXE.js} +1 -1
- package/dist/{Title-CHgrIarR.js → Title-Cl95USIn.js} +1 -1
- package/dist/{Tooltip-1Jbub0K6.js → Tooltip-BsbXMzGd.js} +4 -4
- package/dist/{Tooltip-CNua1g76.js → Tooltip-CyZCVyba.js} +4 -4
- package/dist/cjs/components/Accordion.js +7 -7
- package/dist/cjs/components/Avatar.js +9 -9
- package/dist/cjs/components/Badge.js +2 -2
- package/dist/cjs/components/Breadcrumbs.js +6 -6
- package/dist/cjs/components/Button.js +7 -7
- package/dist/cjs/components/Card.js +2 -2
- package/dist/cjs/components/Cell.js +7 -7
- package/dist/cjs/components/Checkbox.js +3 -3
- package/dist/cjs/components/Chips.js +4 -4
- package/dist/cjs/components/Choice.js +10 -10
- package/dist/cjs/components/Code.js +1 -1
- package/dist/cjs/components/CookiesWarning.js +10 -10
- package/dist/cjs/components/DadataHintField.js +1 -1
- package/dist/cjs/components/DatePicker.js +16 -16
- package/dist/cjs/components/Drawer.js +5 -12
- package/dist/cjs/components/Dropdown.js +3 -3
- package/dist/cjs/components/Flex.js +4 -4
- package/dist/cjs/components/Grid.js +6 -6
- package/dist/cjs/components/Group.js +1 -1
- package/dist/cjs/components/Icon.js +5 -5
- package/dist/cjs/components/Input.js +1 -1
- package/dist/cjs/components/InputMask.js +1 -1
- package/dist/cjs/components/InputPassword.js +5 -5
- package/dist/cjs/components/Label.js +4 -4
- package/dist/cjs/components/Link.js +1 -1
- package/dist/cjs/components/List.js +1 -1
- package/dist/cjs/components/Loader.js +2 -2
- package/dist/cjs/components/Logo.js +2 -2
- package/dist/cjs/components/Menu.js +4 -4
- package/dist/cjs/components/MenuItem.js +3 -3
- package/dist/cjs/components/Modal.js +5 -5
- package/dist/cjs/components/Notification.js +4 -4
- package/dist/cjs/components/Pagination.js +28 -28
- package/dist/cjs/components/Panel.js +2 -2
- package/dist/cjs/components/Radio.js +3 -3
- package/dist/cjs/components/Response.js +17 -17
- package/dist/cjs/components/ScrollToView.js +1 -1
- package/dist/cjs/components/Scrollbar.js +1 -1
- package/dist/cjs/components/Search.js +9 -9
- package/dist/cjs/components/Segmented.js +13 -13
- package/dist/cjs/components/Select.js +11 -11
- package/dist/cjs/components/SiteMenu.js +6 -6
- package/dist/cjs/components/Swiper.js +8 -8
- package/dist/cjs/components/Tab.js +9 -9
- package/dist/cjs/components/Text.js +1 -1
- package/dist/cjs/components/Tile.js +4 -4
- package/dist/cjs/components/Title.js +1 -1
- package/dist/cjs/components/Tooltip.js +3 -3
- package/dist/cjs/components/Wrapper.js +1 -1
- package/dist/cjs/context/Notifications.js +6 -6
- package/dist/cjs/context/UIContext.js +1 -1
- package/dist/cjs/hooks/useDeviceTargetClassGenerator.js +4 -4
- package/dist/components/Accordion.js +7 -7
- package/dist/components/Avatar.js +9 -9
- package/dist/components/Badge.js +2 -2
- package/dist/components/Breadcrumbs.js +6 -6
- package/dist/components/Button.js +7 -7
- package/dist/components/Card.js +2 -2
- package/dist/components/Cell.js +7 -7
- package/dist/components/Checkbox.js +3 -3
- package/dist/components/Chips.js +4 -4
- package/dist/components/Choice.js +10 -10
- package/dist/components/Code.js +1 -1
- package/dist/components/CookiesWarning.js +10 -10
- package/dist/components/DadataHintField.js +1 -1
- package/dist/components/DatePicker.js +16 -16
- package/dist/components/Drawer.js +5 -12
- package/dist/components/Dropdown.js +3 -3
- package/dist/components/Flex.js +4 -4
- package/dist/components/Grid.js +6 -6
- package/dist/components/Group.js +1 -1
- package/dist/components/Icon.js +5 -5
- package/dist/components/Input.js +1 -1
- package/dist/components/InputMask.js +1 -1
- package/dist/components/InputPassword.js +5 -5
- package/dist/components/Label.js +4 -4
- package/dist/components/Link.js +1 -1
- package/dist/components/List.js +1 -1
- package/dist/components/Loader.js +2 -2
- package/dist/components/Logo.js +2 -2
- package/dist/components/Menu.js +4 -4
- package/dist/components/MenuItem.js +3 -3
- package/dist/components/Modal.js +5 -5
- package/dist/components/Notification.js +4 -4
- package/dist/components/Pagination.js +28 -28
- package/dist/components/Panel.js +2 -2
- package/dist/components/Radio.js +3 -3
- package/dist/components/Response.js +17 -17
- package/dist/components/ScrollToView.js +1 -1
- package/dist/components/Scrollbar.js +1 -1
- package/dist/components/Search.js +9 -9
- package/dist/components/Segmented.js +13 -13
- package/dist/components/Select.js +11 -11
- package/dist/components/SiteMenu.js +6 -6
- package/dist/components/Swiper.js +8 -8
- package/dist/components/Tab.js +9 -9
- package/dist/components/Text.js +1 -1
- package/dist/components/Tile.js +4 -4
- package/dist/components/Title.js +1 -1
- package/dist/components/Tooltip.js +3 -3
- package/dist/components/Wrapper.js +1 -1
- package/dist/context/Notifications.js +6 -6
- package/dist/context/UIContext.js +1 -1
- package/dist/css/components/Pagination/Pagination.css +3 -2
- package/dist/css/components/Pagination/css/__item/pagination__item.css +3 -2
- package/dist/css/components/Text/Text.css +2 -1
- package/dist/hooks/useDeviceTargetClassGenerator.js +4 -4
- package/dist/stories/Accordion.mdx +1 -1
- package/dist/stories/AccordionItem.mdx +1 -1
- package/dist/stories/AlignContent.mdx +1 -1
- package/dist/stories/AlignItems.mdx +1 -1
- package/dist/stories/AlignSelf.mdx +1 -1
- package/dist/stories/Appearance.mdx +1 -1
- package/dist/stories/Avatar.mdx +1 -1
- package/dist/stories/Badge.mdx +2 -2
- package/dist/stories/Button.mdx +1 -2
- package/dist/stories/Cell.mdx +1 -1
- package/dist/stories/Checkbox.mdx +1 -2
- package/dist/stories/Chips.mdx +1 -1
- package/dist/stories/Choice.mdx +1 -1
- package/dist/stories/Code.mdx +1 -1
- package/dist/stories/Columns.mdx +1 -1
- package/dist/stories/DatePicker.mdx +1 -1
- package/dist/stories/Dev.mdx +1 -1
- package/dist/stories/DevMode.mdx +3 -2
- package/dist/stories/Direction.mdx +1 -1
- package/dist/stories/Divider.mdx +1 -1
- package/dist/stories/Dot.mdx +1 -1
- package/dist/stories/Drawer.mdx +1 -1
- package/dist/stories/Dropdown.mdx +2 -2
- package/dist/stories/DropdownItem.mdx +1 -1
- package/dist/stories/Group.mdx +1 -1
- package/dist/stories/Grow.mdx +1 -1
- package/dist/stories/Icon.mdx +1 -1
- package/dist/stories/Image.mdx +1 -1
- package/dist/stories/Input.mdx +1 -1
- package/dist/stories/InputPassword.mdx +1 -1
- package/dist/stories/JustifyContent.mdx +1 -1
- package/dist/stories/Label.mdx +1 -1
- package/dist/stories/Loader.mdx +1 -1
- package/dist/stories/Logo.mdx +1 -1
- package/dist/stories/MenuItem.mdx +1 -1
- package/dist/stories/Message.mdx +4 -1
- package/dist/stories/Notification.mdx +1 -1
- package/dist/stories/Order.mdx +1 -1
- package/dist/stories/Overview.mdx +1 -1
- package/dist/stories/Pagination.mdx +1 -1
- package/dist/stories/Playground.mdx +1 -1
- package/dist/stories/Radio.mdx +1 -2
- package/dist/stories/Response.mdx +6 -1
- package/dist/stories/SearchInput.mdx +1 -1
- package/dist/stories/Segmented.mdx +1 -1
- package/dist/stories/Size.mdx +1 -1
- package/dist/stories/Skeleton.mdx +1 -1
- package/dist/stories/State.mdx +1 -1
- package/dist/stories/Switch.mdx +1 -1
- package/dist/stories/Text.mdx +1 -1
- package/dist/stories/Textarea.mdx +1 -1
- package/dist/stories/Tile.mdx +1 -1
- package/dist/stories/Title.mdx +1 -1
- package/dist/stories/Tooltip.mdx +1 -1
- package/dist/stories/WithTooltip.mdx +1 -1
- package/dist/stories/Wrap.mdx +1 -1
- package/dist/types/components/Accordion/Accordion.interface.d.ts +1 -1
- package/dist/types/components/Avatar/Avatar.interface.d.ts +5 -5
- package/dist/types/components/Badge/Badge.interface.d.ts +4 -4
- package/dist/types/components/Breadcrumbs/Breadcrumbs.interface.d.ts +11 -11
- package/dist/types/components/Button/Button.interface.d.ts +10 -10
- package/dist/types/components/Button/stories/args.d.ts +200 -0
- package/dist/types/components/Caption/Caption.interface.d.ts +5 -5
- package/dist/types/components/Card/Card.interface.d.ts +1 -1
- package/dist/types/components/Cell/Cell.interface.d.ts +4 -4
- package/dist/types/components/Checkbox/Checkbox.interface.d.ts +2 -2
- package/dist/types/components/Chips/Chips.interface.d.ts +6 -6
- package/dist/types/components/Chips/stories/args.d.ts +45 -0
- package/dist/types/components/Choice/Choice.interface.d.ts +6 -6
- package/dist/types/components/Code/Code.interface.d.ts +3 -3
- package/dist/types/components/CookiesWarning/CookiesWarning.interface.d.ts +1 -1
- package/dist/types/components/DadataHintField/DadataHintField.interface.d.ts +0 -1
- package/dist/types/components/DatePicker/DatePicker.interface.d.ts +13 -13
- package/dist/types/components/Divider/Divider.interface.d.ts +2 -2
- package/dist/types/components/Dot/Dot.interface.d.ts +5 -5
- package/dist/types/components/Dropdown/Dropdown.interface.d.ts +5 -5
- package/dist/types/components/Flex/Flex.interface.d.ts +70 -70
- package/dist/types/components/Flex/stories/args.d.ts +80 -0
- package/dist/types/components/Grid/Grid.interface.d.ts +29 -32
- package/dist/types/components/Grid/stories/args.d.ts +90 -0
- package/dist/types/components/Group/Group.interface.d.ts +7 -7
- package/dist/types/components/Group/stories/args.d.ts +78 -0
- package/dist/types/components/HTMLContent/HTMLContent.interface.d.ts +5 -5
- package/dist/types/components/Icon/Icon.interface.d.ts +15 -15
- package/dist/types/components/Image/Image.interface.d.ts +3 -3
- package/dist/types/components/Input/Input.interface.d.ts +3 -3
- package/dist/types/components/InputMask/Input.interface.d.ts +3 -3
- package/dist/types/components/InputPassword/InputPassword.interface.d.ts +4 -4
- package/dist/types/components/Label/Label.interface.d.ts +6 -6
- package/dist/types/components/Link/Link.interface.d.ts +1 -1
- package/dist/types/components/List/List.interface.d.ts +2 -2
- package/dist/types/components/Loader/Loader.interface.d.ts +3 -3
- package/dist/types/components/Logo/Logo.interface.d.ts +4 -4
- package/dist/types/components/Menu/Menu.interface.d.ts +2 -2
- package/dist/types/components/MenuItem/MenuItem.interface.d.ts +2 -2
- package/dist/types/components/Modal/Modal.interface.d.ts +3 -3
- package/dist/types/components/ModalSheetBottom/ModalSheetBottom.interface.d.ts +1 -1
- package/dist/types/components/Notification/Notification.interface.d.ts +4 -4
- package/dist/types/components/Overlay/Overlay.interface.d.ts +1 -1
- package/dist/types/components/Pagination/Pagination.interface.d.ts +5 -5
- package/dist/types/components/Panel/Panel.interface.d.ts +21 -21
- package/dist/types/components/Radio/Radio.interface.d.ts +4 -4
- package/dist/types/components/RangeSlider/RangeSlider.interface.d.ts +1 -1
- package/dist/types/components/Response/Response.interface.d.ts +5 -5
- package/dist/types/components/Response/stories/args.d.ts +174 -0
- package/dist/types/components/SVGContent/SVGContent.interface.d.ts +3 -3
- package/dist/types/components/ScrollOnDrag/ScrollOnDrag.interface.d.ts +3 -3
- package/dist/types/components/Search/Search.interface.d.ts +7 -7
- package/dist/types/components/Segmented/Segmented.interface.d.ts +3 -3
- package/dist/types/components/Select/Select.interface.d.ts +5 -5
- package/dist/types/components/SiteMenu/SiteMenu.interface.d.ts +3 -3
- package/dist/types/components/Swiper/Swiper.interface.d.ts +2 -2
- package/dist/types/components/Switch/Switch.interface.d.ts +1 -1
- package/dist/types/components/Tab/Tab.interface.d.ts +4 -4
- package/dist/types/components/Tab/stories/args.d.ts +171 -0
- package/dist/types/components/Text/Text.interface.d.ts +3 -3
- package/dist/types/components/Textarea/Textarea.interface.d.ts +4 -4
- package/dist/types/components/Tile/Tile.interface.d.ts +5 -5
- package/dist/types/components/Title/Title.interface.d.ts +8 -8
- package/dist/types/components/Tooltip/Tooltip.interface.d.ts +6 -6
- package/dist/types/components/Wrapper/Wrapper.interface.d.ts +5 -5
- package/dist/types/hooks/styleAttributes.interface.d.ts +2 -2
- package/dist/types/types/componentProps/align.d.ts +3 -1
- package/dist/types/types/componentProps/alignDirection.d.ts +3 -1
- package/dist/types/types/componentProps/alignment.d.ts +3 -1
- package/dist/types/types/componentProps/borderColor.d.ts +3 -1
- package/dist/types/types/componentProps/borderColorHover.d.ts +3 -1
- package/dist/types/types/componentProps/borderType.d.ts +3 -1
- package/dist/types/types/componentProps/borderWidth.d.ts +3 -1
- package/dist/types/types/componentProps/captionPosition.d.ts +3 -1
- package/dist/types/types/componentProps/direction.d.ts +3 -1
- package/dist/types/types/componentProps/elevation.d.ts +3 -1
- package/dist/types/types/componentProps/emojiSize.d.ts +3 -1
- package/dist/types/types/componentProps/fill.d.ts +3 -1
- package/dist/types/types/componentProps/fillGradient.d.ts +3 -1
- package/dist/types/types/componentProps/fillHover.d.ts +3 -1
- package/dist/types/types/componentProps/fillType.d.ts +3 -1
- package/dist/types/types/componentProps/flexAlign.d.ts +3 -1
- package/dist/types/types/componentProps/flexGrow.d.ts +3 -1
- package/dist/types/types/componentProps/flexJustifyContent.d.ts +3 -1
- package/dist/types/types/componentProps/flexWrap.d.ts +3 -1
- package/dist/types/types/componentProps/gridAlign.d.ts +3 -1
- package/dist/types/types/componentProps/gridAlignSelf.d.ts +3 -1
- package/dist/types/types/componentProps/gridJustifyItems.d.ts +3 -1
- package/dist/types/types/componentProps/gridJustifySelf.d.ts +3 -1
- package/dist/types/types/componentProps/height.d.ts +3 -1
- package/dist/types/types/componentProps/horizontalContentAlign.d.ts +3 -1
- package/dist/types/types/componentProps/horizontalResizeMode.d.ts +3 -1
- package/dist/types/types/componentProps/iconFillSize.d.ts +3 -1
- package/dist/types/types/componentProps/iconSize.d.ts +3 -1
- package/dist/types/types/componentProps/itemColor.d.ts +3 -1
- package/dist/types/types/componentProps/justifyContent.d.ts +3 -1
- package/dist/types/types/componentProps/overflow.d.ts +3 -1
- package/dist/types/types/componentProps/position.d.ts +3 -1
- package/dist/types/types/componentProps/resizeMode.d.ts +3 -1
- package/dist/types/types/componentProps/shape.d.ts +3 -1
- package/dist/types/types/componentProps/size.d.ts +3 -1
- package/dist/types/types/componentProps/sizeOption.d.ts +3 -0
- package/dist/types/types/componentProps/sizePX.d.ts +3 -1
- package/dist/types/types/componentProps/stacking.d.ts +3 -1
- package/dist/types/types/componentProps/state.d.ts +3 -1
- package/dist/types/types/componentProps/stateKeys.d.ts +1 -1
- package/dist/types/types/componentProps/svgFill.d.ts +3 -1
- package/dist/types/types/componentProps/textAlign.d.ts +3 -1
- package/dist/types/types/componentProps/textColor.d.ts +3 -1
- package/dist/types/types/componentProps/textColorActive.d.ts +3 -2
- package/dist/types/types/componentProps/textColorHover.d.ts +3 -1
- package/dist/types/types/componentProps/textGradient.d.ts +3 -1
- package/dist/types/types/componentProps/textSize.d.ts +3 -1
- package/dist/types/types/componentProps/textStyle.d.ts +3 -1
- package/dist/types/types/componentProps/textTag.d.ts +3 -1
- package/dist/types/types/componentProps/textWeight.d.ts +3 -1
- package/dist/types/types/componentProps/textWrap.d.ts +3 -1
- package/dist/types/types/componentProps/titleSize.d.ts +3 -1
- package/dist/types/types/componentProps/type.d.ts +3 -1
- package/dist/types/types/componentProps/underline.d.ts +3 -1
- package/dist/types/types/componentProps/verticalContentAlign.d.ts +3 -1
- package/dist/types/types/componentProps/verticalResizeMode.d.ts +3 -1
- package/dist/types/types/componentProps/width.d.ts +3 -1
- package/dist/types/types/componentProps/wrap.d.ts +3 -1
- package/dist/types/types/index.d.ts +57 -57
- package/package.json +8 -8
- package/dist/cjs/constants/componentProps/align.js +0 -7
- package/dist/cjs/constants/componentProps/alignDirection.js +0 -7
- package/dist/cjs/constants/componentProps/alignment.js +0 -7
- package/dist/cjs/constants/componentProps/borderColor.js +0 -7
- package/dist/cjs/constants/componentProps/borderColorHover.js +0 -7
- package/dist/cjs/constants/componentProps/borderType.js +0 -7
- package/dist/cjs/constants/componentProps/borderWidth.js +0 -9
- package/dist/cjs/constants/componentProps/captionPosition.js +0 -7
- package/dist/cjs/constants/componentProps/direction.js +0 -7
- package/dist/cjs/constants/componentProps/emojiSize.js +0 -9
- package/dist/cjs/constants/componentProps/fill.js +0 -7
- package/dist/cjs/constants/componentProps/fillGradient.js +0 -7
- package/dist/cjs/constants/componentProps/fillHover.js +0 -7
- package/dist/cjs/constants/componentProps/fillType.js +0 -7
- package/dist/cjs/constants/componentProps/flexAlign.js +0 -7
- package/dist/cjs/constants/componentProps/flexJustifyContent.js +0 -7
- package/dist/cjs/constants/componentProps/flexWrap.js +0 -7
- package/dist/cjs/constants/componentProps/gridAlign.js +0 -7
- package/dist/cjs/constants/componentProps/gridAlignSelf.js +0 -7
- package/dist/cjs/constants/componentProps/gridJustifyItems.js +0 -7
- package/dist/cjs/constants/componentProps/gridJustifySelf.js +0 -7
- package/dist/cjs/constants/componentProps/height.js +0 -7
- package/dist/cjs/constants/componentProps/horizontalContentAlign.js +0 -7
- package/dist/cjs/constants/componentProps/horizontalResizeMode.js +0 -7
- package/dist/cjs/constants/componentProps/iconFillSize.js +0 -9
- package/dist/cjs/constants/componentProps/iconSize.js +0 -9
- package/dist/cjs/constants/componentProps/itemColor.js +0 -7
- package/dist/cjs/constants/componentProps/position.js +0 -7
- package/dist/cjs/constants/componentProps/resizeMode.js +0 -7
- package/dist/cjs/constants/componentProps/shape.js +0 -7
- package/dist/cjs/constants/componentProps/size.js +0 -7
- package/dist/cjs/constants/componentProps/sizeInterface.js +0 -7
- package/dist/cjs/constants/componentProps/sizePX.js +0 -9
- package/dist/cjs/constants/componentProps/stacking.js +0 -7
- package/dist/cjs/constants/componentProps/state.js +0 -7
- package/dist/cjs/constants/componentProps/textAlign.js +0 -7
- package/dist/cjs/constants/componentProps/textColor.js +0 -7
- package/dist/cjs/constants/componentProps/textColorActive.js +0 -7
- package/dist/cjs/constants/componentProps/textColorHover.js +0 -7
- package/dist/cjs/constants/componentProps/textGradient.js +0 -7
- package/dist/cjs/constants/componentProps/textSize.js +0 -7
- package/dist/cjs/constants/componentProps/textStyle.js +0 -7
- package/dist/cjs/constants/componentProps/textTag.js +0 -7
- package/dist/cjs/constants/componentProps/textWeight.js +0 -9
- package/dist/cjs/constants/componentProps/textWrap.js +0 -7
- package/dist/cjs/constants/componentProps/titleSize.js +0 -7
- package/dist/cjs/constants/componentProps/type.js +0 -7
- package/dist/cjs/constants/componentProps/underline.js +0 -7
- package/dist/cjs/constants/componentProps/verticalContentAlign.js +0 -7
- package/dist/cjs/constants/componentProps/verticalResizeMode.js +0 -7
- package/dist/cjs/constants/componentProps/width.js +0 -7
- package/dist/cjs/constants/componentProps/wrap.js +0 -7
- package/dist/cjs/constants.js +0 -109
- package/dist/constants/componentProps/align.js +0 -3
- package/dist/constants/componentProps/alignDirection.js +0 -3
- package/dist/constants/componentProps/alignment.js +0 -3
- package/dist/constants/componentProps/borderColor.js +0 -3
- package/dist/constants/componentProps/borderColorHover.js +0 -3
- package/dist/constants/componentProps/borderType.js +0 -3
- package/dist/constants/componentProps/borderWidth.js +0 -5
- package/dist/constants/componentProps/captionPosition.js +0 -3
- package/dist/constants/componentProps/direction.js +0 -3
- package/dist/constants/componentProps/emojiSize.js +0 -5
- package/dist/constants/componentProps/fill.js +0 -3
- package/dist/constants/componentProps/fillGradient.js +0 -3
- package/dist/constants/componentProps/fillHover.js +0 -3
- package/dist/constants/componentProps/fillType.js +0 -3
- package/dist/constants/componentProps/flexAlign.js +0 -3
- package/dist/constants/componentProps/flexJustifyContent.js +0 -3
- package/dist/constants/componentProps/flexWrap.js +0 -3
- package/dist/constants/componentProps/gridAlign.js +0 -3
- package/dist/constants/componentProps/gridAlignSelf.js +0 -3
- package/dist/constants/componentProps/gridJustifyItems.js +0 -3
- package/dist/constants/componentProps/gridJustifySelf.js +0 -3
- package/dist/constants/componentProps/height.js +0 -3
- package/dist/constants/componentProps/horizontalContentAlign.js +0 -3
- package/dist/constants/componentProps/horizontalResizeMode.js +0 -3
- package/dist/constants/componentProps/iconFillSize.js +0 -5
- package/dist/constants/componentProps/iconSize.js +0 -5
- package/dist/constants/componentProps/itemColor.js +0 -3
- package/dist/constants/componentProps/position.js +0 -3
- package/dist/constants/componentProps/resizeMode.js +0 -3
- package/dist/constants/componentProps/shape.js +0 -3
- package/dist/constants/componentProps/size.js +0 -3
- package/dist/constants/componentProps/sizeInterface.js +0 -3
- package/dist/constants/componentProps/sizePX.js +0 -5
- package/dist/constants/componentProps/stacking.js +0 -3
- package/dist/constants/componentProps/state.js +0 -3
- package/dist/constants/componentProps/textAlign.js +0 -3
- package/dist/constants/componentProps/textColor.js +0 -3
- package/dist/constants/componentProps/textColorActive.js +0 -3
- package/dist/constants/componentProps/textColorHover.js +0 -3
- package/dist/constants/componentProps/textGradient.js +0 -3
- package/dist/constants/componentProps/textSize.js +0 -3
- package/dist/constants/componentProps/textStyle.js +0 -3
- package/dist/constants/componentProps/textTag.js +0 -3
- package/dist/constants/componentProps/textWeight.js +0 -5
- package/dist/constants/componentProps/textWrap.js +0 -3
- package/dist/constants/componentProps/titleSize.js +0 -3
- package/dist/constants/componentProps/type.js +0 -3
- package/dist/constants/componentProps/underline.js +0 -3
- package/dist/constants/componentProps/verticalContentAlign.js +0 -3
- package/dist/constants/componentProps/verticalResizeMode.js +0 -3
- package/dist/constants/componentProps/width.js +0 -3
- package/dist/constants/componentProps/wrap.js +0 -3
- package/dist/constants.js +0 -52
- package/dist/stories/Accordion.stories.js +0 -105
- package/dist/stories/AccordionItem.stories.js +0 -150
- package/dist/stories/AlignItems.stories.js +0 -88
- package/dist/stories/AlignSelf.stories.js +0 -101
- package/dist/stories/Appearance.stories.js +0 -100
- package/dist/stories/Avatar.stories.js +0 -184
- package/dist/stories/Badge.stories.js +0 -115
- package/dist/stories/Button.stories.js +0 -110
- package/dist/stories/Cell.stories.js +0 -306
- package/dist/stories/Checkbox.stories.js +0 -124
- package/dist/stories/Chips.stories.js +0 -106
- package/dist/stories/Choice.stories.js +0 -115
- package/dist/stories/Code.stories.js +0 -96
- package/dist/stories/Columns.stories.js +0 -80
- package/dist/stories/DatePicker.stories.js +0 -171
- package/dist/stories/Direction.stories.js +0 -93
- package/dist/stories/Divider.stories.js +0 -131
- package/dist/stories/Dot.stories.js +0 -85
- package/dist/stories/Drawer.stories.js +0 -75
- package/dist/stories/Dropdown.stories.js +0 -75
- package/dist/stories/DropdownItem.stories.js +0 -150
- package/dist/stories/Flex.stories.js +0 -47
- package/dist/stories/FlexAlignContent.stories.js +0 -102
- package/dist/stories/FlexAlignItems.stories.js +0 -91
- package/dist/stories/FlexAlignSelf.stories.js +0 -97
- package/dist/stories/FlexDirection.stories.js +0 -112
- package/dist/stories/FlexGrow.stories.js +0 -69
- package/dist/stories/FlexJustifyContent.stories.js +0 -98
- package/dist/stories/FlexOrder.stories.js +0 -76
- package/dist/stories/FlexWrap.stories.js +0 -89
- package/dist/stories/Grid.stories.js +0 -202
- package/dist/stories/Group.stories.js +0 -151
- package/dist/stories/Icon.stories.js +0 -193
- package/dist/stories/Image.stories.js +0 -134
- package/dist/stories/Input.stories.js +0 -124
- package/dist/stories/InputPassword.stories.js +0 -112
- package/dist/stories/JustifyContent.stories.js +0 -96
- package/dist/stories/Label.stories.js +0 -173
- package/dist/stories/Loader.stories.js +0 -119
- package/dist/stories/Logo.stories.js +0 -99
- package/dist/stories/MenuItem.stories.js +0 -258
- package/dist/stories/Message.stories.js +0 -34
- package/dist/stories/ModalConfirm.stories.js +0 -60
- package/dist/stories/ModalDefault.stories.js +0 -33
- package/dist/stories/ModalSheetBottom.stories.js +0 -47
- package/dist/stories/Notification.stories.js +0 -105
- package/dist/stories/Pagination.stories.js +0 -63
- package/dist/stories/Radio.stories.js +0 -100
- package/dist/stories/Response.stories.js +0 -92
- package/dist/stories/SearchInput.stories.js +0 -189
- package/dist/stories/Segmented.stories.js +0 -109
- package/dist/stories/Select.stories.js +0 -333
- package/dist/stories/Size.stories.js +0 -99
- package/dist/stories/State.stories.js +0 -67
- package/dist/stories/Switch.stories.js +0 -84
- package/dist/stories/Text.stories.js +0 -172
- package/dist/stories/Textarea.stories.js +0 -90
- package/dist/stories/Tile.stories.js +0 -248
- package/dist/stories/Title.stories.js +0 -168
- package/dist/stories/Tooltip.stories.js +0 -164
- package/dist/stories/Wrap.stories.js +0 -74
- package/dist/types/types/componentProps/sizeInterface.d.ts +0 -1
|
@@ -0,0 +1,200 @@
|
|
|
1
|
+
export declare const argTypes: {
|
|
2
|
+
children: {
|
|
3
|
+
if: {
|
|
4
|
+
arg: string;
|
|
5
|
+
};
|
|
6
|
+
};
|
|
7
|
+
width: {
|
|
8
|
+
control: string;
|
|
9
|
+
options: readonly ["auto", "fixed", "hug", "fill"];
|
|
10
|
+
};
|
|
11
|
+
borderColor: {
|
|
12
|
+
control: string;
|
|
13
|
+
options: readonly [undefined, "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", "surfaceBorderInverse", "errorBorderPrimary", "errorBorderSecondary", "errorBorderDisabled", "successBorderPrimary", "successBorderSecondary", "successBorderDisabled"];
|
|
14
|
+
};
|
|
15
|
+
isDisabled: {
|
|
16
|
+
control: string;
|
|
17
|
+
if: {
|
|
18
|
+
arg: string;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
advancedProps: {
|
|
22
|
+
control: string;
|
|
23
|
+
};
|
|
24
|
+
after: {
|
|
25
|
+
if: {
|
|
26
|
+
arg: string;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
appearance: {
|
|
30
|
+
control: string;
|
|
31
|
+
options: (string | null)[];
|
|
32
|
+
};
|
|
33
|
+
Badge: {
|
|
34
|
+
control: string;
|
|
35
|
+
options: (import("react/jsx-runtime").JSX.Element | null)[];
|
|
36
|
+
};
|
|
37
|
+
before: {
|
|
38
|
+
if: {
|
|
39
|
+
arg: string;
|
|
40
|
+
};
|
|
41
|
+
};
|
|
42
|
+
borderType: {
|
|
43
|
+
control: string;
|
|
44
|
+
options: readonly [undefined, "outline", "solid", "none"];
|
|
45
|
+
};
|
|
46
|
+
className: {
|
|
47
|
+
if: {
|
|
48
|
+
arg: string;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
dataTour: {
|
|
52
|
+
if: {
|
|
53
|
+
arg: string;
|
|
54
|
+
};
|
|
55
|
+
};
|
|
56
|
+
fill: {
|
|
57
|
+
control: string;
|
|
58
|
+
options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary"];
|
|
59
|
+
};
|
|
60
|
+
href: {
|
|
61
|
+
if: {
|
|
62
|
+
arg: string;
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
htmlType: {
|
|
66
|
+
if: {
|
|
67
|
+
arg: string;
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
iconAfterFill: {
|
|
71
|
+
control: string;
|
|
72
|
+
if: {
|
|
73
|
+
arg: string;
|
|
74
|
+
neq: null;
|
|
75
|
+
};
|
|
76
|
+
options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary"];
|
|
77
|
+
};
|
|
78
|
+
iconAfterSrc: {
|
|
79
|
+
control: string;
|
|
80
|
+
options: (string | null)[];
|
|
81
|
+
};
|
|
82
|
+
iconBeforeFill: {
|
|
83
|
+
control: string;
|
|
84
|
+
if: {
|
|
85
|
+
arg: string;
|
|
86
|
+
neq: null;
|
|
87
|
+
};
|
|
88
|
+
options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary"];
|
|
89
|
+
};
|
|
90
|
+
iconBeforeSrc: {
|
|
91
|
+
control: string;
|
|
92
|
+
options: (string | null)[];
|
|
93
|
+
};
|
|
94
|
+
iconFill: {
|
|
95
|
+
control: string;
|
|
96
|
+
if: {
|
|
97
|
+
arg: string;
|
|
98
|
+
neq: null;
|
|
99
|
+
};
|
|
100
|
+
options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary"];
|
|
101
|
+
};
|
|
102
|
+
iconSize: {
|
|
103
|
+
control: string;
|
|
104
|
+
if: {
|
|
105
|
+
arg: string;
|
|
106
|
+
neq: null;
|
|
107
|
+
};
|
|
108
|
+
options: readonly [undefined, 14, 16, 20, 24, 32, 40, 48, 56, 60, 64, 72, 80, 96, 112, 144, 240, "14", "16", "20", "24", "32", "40", "48", "56", "60", "64", "72", "80", "96", "112", "144", "240"];
|
|
109
|
+
};
|
|
110
|
+
iconSrc: {
|
|
111
|
+
control: string;
|
|
112
|
+
options: (string | null)[];
|
|
113
|
+
};
|
|
114
|
+
labelTextColor: {
|
|
115
|
+
control: string;
|
|
116
|
+
options: readonly [undefined, false, "accentTextPrimary", "accentTextSecondary", "accentTextTertiary", "primaryTextPrimary", "primaryTextSecondary", "primaryTextTertiary", "secondaryTextPrimary", "secondaryTextSecondary", "secondaryTextTertiary", "tertiaryTextPrimary", "tertiaryTextSecondary", "surfaceTextAccent", "surfaceTextActive", "surfaceTextDisabled", "surfaceTextFocus", "surfaceTextHover", "surfaceTextInverse", "surfaceTextPrimary", "surfaceTextQuaternary", "surfaceTextSecondary", "surfaceTextTertiary", "errorTextPrimary", "errorTextSecondary", "successTextPrimary", "successTextSecondary", "dangerTextPrimary", "dangerTextSecondary"];
|
|
117
|
+
};
|
|
118
|
+
labelTextColorHover: {
|
|
119
|
+
control: string;
|
|
120
|
+
options: readonly [undefined, false, "accentTextPrimary", "accentTextSecondary", "accentTextTertiary", "primaryTextPrimary", "primaryTextSecondary", "primaryTextTertiary", "secondaryTextPrimary", "secondaryTextSecondary", "secondaryTextTertiary", "tertiaryTextPrimary", "tertiaryTextSecondary", "surfaceTextAccent", "surfaceTextActive", "surfaceTextDisabled", "surfaceTextFocus", "surfaceTextHover", "surfaceTextInverse", "surfaceTextPrimary", "surfaceTextQuaternary", "surfaceTextSecondary", "surfaceTextTertiary", "errorTextPrimary", "errorTextSecondary", "successTextPrimary", "successTextSecondary", "dangerTextPrimary", "dangerTextSecondary"];
|
|
121
|
+
};
|
|
122
|
+
labelTextSize: {
|
|
123
|
+
control: string;
|
|
124
|
+
options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
|
|
125
|
+
};
|
|
126
|
+
labelTextWrap: {
|
|
127
|
+
control: string;
|
|
128
|
+
if: {
|
|
129
|
+
arg: string;
|
|
130
|
+
};
|
|
131
|
+
options: readonly [undefined, "wrap", "nowrap"];
|
|
132
|
+
};
|
|
133
|
+
link: {
|
|
134
|
+
if: {
|
|
135
|
+
arg: string;
|
|
136
|
+
};
|
|
137
|
+
};
|
|
138
|
+
loaderFill: {
|
|
139
|
+
control: string;
|
|
140
|
+
if: {
|
|
141
|
+
arg: string;
|
|
142
|
+
eq: null;
|
|
143
|
+
};
|
|
144
|
+
options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary"];
|
|
145
|
+
};
|
|
146
|
+
loaderItemFill: {
|
|
147
|
+
control: string;
|
|
148
|
+
if: {
|
|
149
|
+
arg: string;
|
|
150
|
+
eq: null;
|
|
151
|
+
};
|
|
152
|
+
options: readonly [undefined, "accentItemPrimary", "accentItemSecondary", "accentItemTertiary", "accentItemDisabled", "primaryItemPrimary", "primaryItemSecondary", "primaryItemTertiary", "primaryItemDisabled", "secondaryItemPrimary", "secondaryItemSecondary", "secondaryItemTertiary", "secondaryItemDisabled", "tertiaryItemPrimary", "tertiaryItemSecondary", "tertiaryItemTertiary", "surfaceItemPrimary", "surfaceItemSecondary", "surfaceItemTertiary", "surfaceItemQuaternary", "surfaceItemQuinary", "surfaceItemDisabled", "surfaceItemInverse", "surfaceItemAccent", "errorItemPrimary", "errorItemSecondary", "successItemPrimary", "successItemSecondary"];
|
|
153
|
+
};
|
|
154
|
+
loaderSet: {
|
|
155
|
+
control: string;
|
|
156
|
+
if: {
|
|
157
|
+
arg: string;
|
|
158
|
+
eq: null;
|
|
159
|
+
};
|
|
160
|
+
};
|
|
161
|
+
loading: {
|
|
162
|
+
control: string;
|
|
163
|
+
if: {
|
|
164
|
+
arg: string;
|
|
165
|
+
};
|
|
166
|
+
};
|
|
167
|
+
rel: {
|
|
168
|
+
if: {
|
|
169
|
+
arg: string;
|
|
170
|
+
};
|
|
171
|
+
};
|
|
172
|
+
shape: {
|
|
173
|
+
control: string;
|
|
174
|
+
options: readonly [undefined, "geometric", "rounded", "circular"];
|
|
175
|
+
};
|
|
176
|
+
size: {
|
|
177
|
+
control: string;
|
|
178
|
+
options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
|
|
179
|
+
};
|
|
180
|
+
target: {
|
|
181
|
+
if: {
|
|
182
|
+
arg: string;
|
|
183
|
+
};
|
|
184
|
+
};
|
|
185
|
+
type: {
|
|
186
|
+
if: {
|
|
187
|
+
arg: string;
|
|
188
|
+
};
|
|
189
|
+
};
|
|
190
|
+
onClick: {
|
|
191
|
+
if: {
|
|
192
|
+
arg: string;
|
|
193
|
+
};
|
|
194
|
+
};
|
|
195
|
+
onMouseDown: {
|
|
196
|
+
if: {
|
|
197
|
+
arg: string;
|
|
198
|
+
};
|
|
199
|
+
};
|
|
200
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { tCaptionPositionProps, tFillGradientProps, tFillProps } from 'types';
|
|
2
3
|
import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
-
import { captionPositionPropsType, tFillGradientProps, tFillProps } from '../../types';
|
|
4
4
|
export interface iCaptionThemeColor {
|
|
5
5
|
fill: tFillProps;
|
|
6
6
|
fillDesktop: tFillProps;
|
|
@@ -10,10 +10,10 @@ export interface iCaptionThemeColor {
|
|
|
10
10
|
fillGradientTablet: tFillGradientProps;
|
|
11
11
|
fillMobile: tFillProps;
|
|
12
12
|
fillTablet: tFillProps;
|
|
13
|
-
position:
|
|
14
|
-
positionDesktop:
|
|
15
|
-
positionMobile:
|
|
16
|
-
positionTablet:
|
|
13
|
+
position: tCaptionPositionProps;
|
|
14
|
+
positionDesktop: tCaptionPositionProps;
|
|
15
|
+
positionMobile: tCaptionPositionProps;
|
|
16
|
+
positionTablet: tCaptionPositionProps;
|
|
17
17
|
}
|
|
18
18
|
export interface iCaptionProps extends iCaptionThemeColor, Omit<iStyleAttributes, 'position'> {
|
|
19
19
|
[key: number | string | symbol]: any;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ElementType, ReactNode } from 'react';
|
|
2
|
+
import { tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps } from 'types';
|
|
2
3
|
import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
-
import { tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps } from '../../types';
|
|
4
4
|
export interface iCardProps extends iStyleAttributes {
|
|
5
5
|
[key: number | string | symbol]: any;
|
|
6
6
|
children?: ReactNode;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ElementType, ReactNode } from 'react';
|
|
2
|
+
import { tDirectionProps, tFillProps, tIconFillSizeProps, tItemColorProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps } from 'types';
|
|
3
|
+
import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
|
|
2
4
|
import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
-
import { iconFillSizePropsType, tDirectionProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tTextWrapProps } from '../../types';
|
|
4
|
-
import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
|
|
5
5
|
export interface iCellThemeColor {
|
|
6
6
|
}
|
|
7
7
|
type tAppearanceKeys = tAppearanceKeysDefault & {};
|
|
@@ -29,7 +29,7 @@ export interface iCellProps extends iCellThemeColor, iStyleAttributes {
|
|
|
29
29
|
titleIcon?: ElementType;
|
|
30
30
|
titleIconFill?: tFillProps;
|
|
31
31
|
titleIconFillHover?: tItemColorProps;
|
|
32
|
-
titleIconFillSize?:
|
|
32
|
+
titleIconFillSize?: tIconFillSizeProps;
|
|
33
33
|
titleIconItemFill?: tItemColorProps;
|
|
34
34
|
titleIconShape?: tShapeProps;
|
|
35
35
|
titleIconSrc?: string;
|
|
@@ -48,7 +48,7 @@ export interface iCellProps extends iCellThemeColor, iStyleAttributes {
|
|
|
48
48
|
valueIcon?: ElementType;
|
|
49
49
|
valueIconFill?: tFillProps;
|
|
50
50
|
valueIconFillHover?: tItemColorProps;
|
|
51
|
-
valueIconFillSize?:
|
|
51
|
+
valueIconFillSize?: tIconFillSizeProps;
|
|
52
52
|
valueIconItemFill?: tItemColorProps;
|
|
53
53
|
valueIconShape?: tShapeProps;
|
|
54
54
|
valueIconSrc?: string;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ElementType, ReactNode } from 'react';
|
|
2
|
+
import type { tBorderColorProps, tBorderWidthProps, tFillProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from 'types';
|
|
3
|
+
import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
|
|
2
4
|
import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
-
import type { tBorderColorProps, tBorderWidthProps, tFillProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
|
|
4
|
-
import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
|
|
5
5
|
type tCheckboxState = {
|
|
6
6
|
[key in tAppearanceKeysDefault]?: iCheckboxThemeColor;
|
|
7
7
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
import { tAlignDirectionProps, tAlignProps, tBorderColorProps, tBorderTypeProps, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from 'types';
|
|
3
|
+
import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
|
|
2
4
|
import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
-
import { borderTypePropsType, tAlignDirectionProps, tAlignProps, tBorderColorProps, tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
|
|
4
|
-
import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
|
|
5
5
|
interface iChipsThemeColor {
|
|
6
6
|
[key: number | string | symbol]: any;
|
|
7
7
|
align?: tAlignProps;
|
|
@@ -10,10 +10,10 @@ interface iChipsThemeColor {
|
|
|
10
10
|
borderColorDesktop?: tBorderColorProps;
|
|
11
11
|
borderColorMobile?: tBorderColorProps;
|
|
12
12
|
borderColorTablet?: tBorderColorProps;
|
|
13
|
-
borderType?:
|
|
14
|
-
borderTypeDesktop?:
|
|
15
|
-
borderTypeMobile?:
|
|
16
|
-
borderTypeTablet?:
|
|
13
|
+
borderType?: tBorderTypeProps;
|
|
14
|
+
borderTypeDesktop?: tBorderTypeProps;
|
|
15
|
+
borderTypeMobile?: tBorderTypeProps;
|
|
16
|
+
borderTypeTablet?: tBorderTypeProps;
|
|
17
17
|
fill?: tFillProps;
|
|
18
18
|
fillActive?: tFillProps;
|
|
19
19
|
fillHover?: tFillHoverProps;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
export declare const argTypes: {
|
|
2
|
+
advancedProps: {
|
|
3
|
+
control: string;
|
|
4
|
+
};
|
|
5
|
+
border: {
|
|
6
|
+
control: string;
|
|
7
|
+
options: readonly [undefined, "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", "surfaceBorderInverse", "errorBorderPrimary", "errorBorderSecondary", "errorBorderDisabled", "successBorderPrimary", "successBorderSecondary", "successBorderDisabled"];
|
|
8
|
+
};
|
|
9
|
+
borderType: {
|
|
10
|
+
control: string;
|
|
11
|
+
options: readonly [undefined, "outline", "solid", "none"];
|
|
12
|
+
};
|
|
13
|
+
className: {
|
|
14
|
+
if: {
|
|
15
|
+
arg: string;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
fill: {
|
|
19
|
+
control: string;
|
|
20
|
+
options: readonly [undefined, "accentPrimary", "accentSecondary", "accentTertiary", "primaryPrimary", "primarySecondary", "primaryTertiary", "secondaryPrimary", "secondarySecondary", "secondaryTertiary", "tertiaryPrimary", "tertiarySecondary", "tertiaryTertiary", "surfaceAccent", "surfaceItemPrimary", "surfacePrimary", "surfaceQuaternary", "surfaceQuinary", "surfaceSecondary", "surfaceTertiary", "errorPrimary", "errorSecondary", "successPrimary", "successSecondary", "gradientPrimary"];
|
|
21
|
+
};
|
|
22
|
+
labelTextSize: {
|
|
23
|
+
control: string;
|
|
24
|
+
options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
|
|
25
|
+
};
|
|
26
|
+
shape: {
|
|
27
|
+
control: string;
|
|
28
|
+
options: readonly [undefined, "geometric", "rounded", "circular"];
|
|
29
|
+
};
|
|
30
|
+
size: {
|
|
31
|
+
control: string;
|
|
32
|
+
options: readonly [undefined, "xxs", "xs", "s", "m", "l", "xl", "xxl"];
|
|
33
|
+
};
|
|
34
|
+
type: {
|
|
35
|
+
control: string;
|
|
36
|
+
if: {
|
|
37
|
+
arg: string;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
onClick: {
|
|
41
|
+
if: {
|
|
42
|
+
arg: string;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
|
+
import type { tBorderColorProps, tBorderTypeProps, tBorderWidthProps, tFillHoverProps, tFillProps, tIconSizeProps, tItemColorProps, tShapeProps, tSizeOptionProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWrapProps } from 'types';
|
|
3
|
+
import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
|
|
2
4
|
import type { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
-
import type { borderTypePropsType, iconSizePropsType, sizeOptionPropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, wrapPropsType } from '../../types';
|
|
4
|
-
import type { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
|
|
5
5
|
interface iChoiceThemeColor {
|
|
6
6
|
[key: number | string | symbol]: any;
|
|
7
7
|
activeIconItemFill?: tItemColorProps;
|
|
8
8
|
borderColor?: tBorderColorProps;
|
|
9
|
-
borderType?:
|
|
9
|
+
borderType?: tBorderTypeProps;
|
|
10
10
|
borderWidth?: tBorderWidthProps;
|
|
11
11
|
fill?: tFillProps;
|
|
12
12
|
fillActive?: tFillProps;
|
|
@@ -15,7 +15,7 @@ interface iChoiceThemeColor {
|
|
|
15
15
|
fillHover?: tFillHoverProps;
|
|
16
16
|
iconFillDisabled?: tItemColorProps;
|
|
17
17
|
iconItemFill?: tItemColorProps;
|
|
18
|
-
iconSize?:
|
|
18
|
+
iconSize?: tIconSizeProps;
|
|
19
19
|
labelTextActiveColor?: tTextColorProps;
|
|
20
20
|
labelTextActiveColorDisabled?: tTextColorProps;
|
|
21
21
|
labelTextColor?: tTextColorProps;
|
|
@@ -23,7 +23,7 @@ interface iChoiceThemeColor {
|
|
|
23
23
|
labelTextSize?: tTextSizeProps;
|
|
24
24
|
labelTextWeight?: tTextWeightProps;
|
|
25
25
|
shape?: tShapeProps;
|
|
26
|
-
wrap?:
|
|
26
|
+
wrap?: tWrapProps;
|
|
27
27
|
}
|
|
28
28
|
type tChoiceAppearance = {
|
|
29
29
|
[key in tAppearanceKeysDefault]?: iChoiceThemeColor;
|
|
@@ -52,7 +52,7 @@ interface iChoiceProps extends iChoiceThemeColor, iStyleAttributes {
|
|
|
52
52
|
label: ReactNode;
|
|
53
53
|
value: string;
|
|
54
54
|
}[];
|
|
55
|
-
size?:
|
|
55
|
+
size?: tSizeOptionProps;
|
|
56
56
|
type?: string;
|
|
57
57
|
isCheckbox?: boolean;
|
|
58
58
|
isDisabled?: boolean;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { FocusEvent, ReactNode } from 'react';
|
|
2
2
|
import { AllowedInputTypes } from 'react-otp-input';
|
|
3
|
+
import { tBorderColorHoverProps, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from 'types';
|
|
4
|
+
import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
|
|
3
5
|
import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
4
|
-
import { borderColorHoverPropsType, tBorderColorProps, tBorderWidthProps, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps, tWidthProps } from '../../types';
|
|
5
|
-
import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
|
|
6
6
|
export interface iCodeThemeColor {
|
|
7
7
|
[key: number | string | symbol]: any;
|
|
8
8
|
borderColor?: tBorderColorProps;
|
|
@@ -30,7 +30,7 @@ export interface iCodeProps extends iCodeThemeColor, iStyleAttributes {
|
|
|
30
30
|
gap?: string;
|
|
31
31
|
inputAutoFocus?: boolean;
|
|
32
32
|
inputBorderColor?: tBorderColorProps;
|
|
33
|
-
inputBorderColorHover?:
|
|
33
|
+
inputBorderColorHover?: tBorderColorHoverProps;
|
|
34
34
|
inputBorderFocusColor?: tBorderColorProps;
|
|
35
35
|
inputBorderWidth?: tBorderWidthProps;
|
|
36
36
|
inputCaretColor?: tItemColorProps;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps } from '
|
|
1
|
+
import { tFillHoverProps, tFillProps, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps } from 'types';
|
|
2
2
|
export interface iCookiesWarningProps {
|
|
3
3
|
[key: number | string | symbol]: any;
|
|
4
4
|
buttonFill?: tFillProps;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { DatePickerProps } from 'react-datepicker';
|
|
3
|
+
import { tFillHoverProps, tFillProps, tIconFillSizeProps, tIconSizeProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from 'types';
|
|
3
4
|
import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
|
|
4
|
-
import { iconFillSizePropsType, iconSizePropsType, tFillHoverProps, tFillProps, tItemColorProps, tShapeProps, tSizeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
|
|
5
5
|
import { iInputProps } from '../Input/Input.interface';
|
|
6
6
|
interface iDatePickerProps extends DatePickerProps {
|
|
7
7
|
customTimeInput?: ReactNode;
|
|
@@ -12,19 +12,19 @@ interface iDatePickerProps extends DatePickerProps {
|
|
|
12
12
|
disablePastDays?: boolean;
|
|
13
13
|
iconFill?: tFillProps;
|
|
14
14
|
iconFillHover?: tFillHoverProps;
|
|
15
|
-
iconFillSize?:
|
|
15
|
+
iconFillSize?: tIconFillSizeProps;
|
|
16
16
|
iconItemFill?: tItemColorProps;
|
|
17
17
|
iconLeft?: any;
|
|
18
18
|
iconRight?: any;
|
|
19
19
|
iconShape?: tShapeProps;
|
|
20
|
-
iconSize?:
|
|
20
|
+
iconSize?: tIconSizeProps;
|
|
21
21
|
inputIcon?: any;
|
|
22
22
|
inputIconFill?: tFillProps;
|
|
23
23
|
inputIconFillHover?: tFillHoverProps;
|
|
24
|
-
inputIconFillSize?:
|
|
24
|
+
inputIconFillSize?: tIconFillSizeProps;
|
|
25
25
|
inputIconItemFill?: tItemColorProps;
|
|
26
26
|
inputIconShape?: tShapeProps;
|
|
27
|
-
inputIconSize?:
|
|
27
|
+
inputIconSize?: tIconSizeProps;
|
|
28
28
|
inputIconSrc?: string;
|
|
29
29
|
monthsShown?: number;
|
|
30
30
|
monthTextColor?: tTextColorProps;
|
|
@@ -54,11 +54,11 @@ export interface iDatePickerInputProps extends iDatePickerProps {
|
|
|
54
54
|
clearIcon?: any;
|
|
55
55
|
clearIconFill?: tFillProps;
|
|
56
56
|
clearIconFillHover?: tFillHoverProps;
|
|
57
|
-
clearIconFillSize?:
|
|
57
|
+
clearIconFillSize?: tIconFillSizeProps;
|
|
58
58
|
clearIconItemFill?: tItemColorProps;
|
|
59
59
|
clearIconItemFillHover?: tItemColorProps;
|
|
60
60
|
clearIconShape?: tShapeProps;
|
|
61
|
-
clearIconSize?:
|
|
61
|
+
clearIconSize?: tIconSizeProps;
|
|
62
62
|
clearIconSrc?: string;
|
|
63
63
|
clearLabel?: string;
|
|
64
64
|
clearLabelTextColor?: tTextColorProps;
|
|
@@ -75,11 +75,11 @@ export interface iDatePickerCustomInput {
|
|
|
75
75
|
clearIcon?: any;
|
|
76
76
|
clearIconFill?: tFillProps;
|
|
77
77
|
clearIconFillHover?: tFillHoverProps;
|
|
78
|
-
clearIconFillSize?:
|
|
78
|
+
clearIconFillSize?: tIconFillSizeProps;
|
|
79
79
|
clearIconItemFill?: tItemColorProps;
|
|
80
80
|
clearIconItemFillHover?: tItemColorProps;
|
|
81
81
|
clearIconShape?: tShapeProps;
|
|
82
|
-
clearIconSize?:
|
|
82
|
+
clearIconSize?: tIconSizeProps;
|
|
83
83
|
clearIconSrc?: string;
|
|
84
84
|
clearLabel?: string;
|
|
85
85
|
clearLabelTextColor?: tTextColorProps;
|
|
@@ -89,10 +89,10 @@ export interface iDatePickerCustomInput {
|
|
|
89
89
|
inputIcon?: any;
|
|
90
90
|
inputIconFill?: tFillProps;
|
|
91
91
|
inputIconFillHover?: tFillHoverProps;
|
|
92
|
-
inputIconFillSize?:
|
|
92
|
+
inputIconFillSize?: tIconFillSizeProps;
|
|
93
93
|
inputIconItemFill?: tItemColorProps;
|
|
94
94
|
inputIconShape?: tShapeProps;
|
|
95
|
-
inputIconSize?:
|
|
95
|
+
inputIconSize?: tIconSizeProps;
|
|
96
96
|
inputIconSrc?: string;
|
|
97
97
|
inputProps?: iInputProps;
|
|
98
98
|
labelTextSize?: tTextSizeProps;
|
|
@@ -103,10 +103,10 @@ export interface iDatePickerInputIcon {
|
|
|
103
103
|
inputIcon?: any;
|
|
104
104
|
inputIconFill?: tFillProps;
|
|
105
105
|
inputIconFillHover?: tFillHoverProps;
|
|
106
|
-
inputIconFillSize?:
|
|
106
|
+
inputIconFillSize?: tIconFillSizeProps;
|
|
107
107
|
inputIconItemFill?: tItemColorProps;
|
|
108
108
|
inputIconShape?: tShapeProps;
|
|
109
|
-
inputIconSize?:
|
|
109
|
+
inputIconSize?: tIconSizeProps;
|
|
110
110
|
inputIconSrc?: string;
|
|
111
111
|
onClick?: () => void;
|
|
112
112
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { CSSProperties } from 'react';
|
|
2
|
+
import { tDirectionProps, tFillHoverProps, tFillProps, tSizeProps, tWidthProps } from 'types';
|
|
3
|
+
import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
|
|
2
4
|
import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
-
import { tDirectionProps, tFillHoverProps, tFillProps, tSizeProps, tWidthProps } from '../../types';
|
|
4
|
-
import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
|
|
5
5
|
export interface iDividerThemeColor {
|
|
6
6
|
[key: number | string | symbol]: any;
|
|
7
7
|
className?: string;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { CSSProperties, ReactNode } from 'react';
|
|
2
|
+
import { tBorderColorProps, tBorderTypeProps, tFillProps, tShapeProps, tSizeProps } from 'types';
|
|
2
3
|
import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
-
import { borderTypePropsType, tBorderColorProps, tFillProps, tShapeProps, tSizeProps } from '../../types';
|
|
4
4
|
export interface iDotThemeColor {
|
|
5
5
|
borderColor?: tBorderColorProps;
|
|
6
6
|
borderColorDesktop?: tBorderColorProps;
|
|
7
7
|
borderColorMobile?: tBorderColorProps;
|
|
8
8
|
borderColorTablet?: tBorderColorProps;
|
|
9
|
-
borderType?:
|
|
10
|
-
borderTypeDesktop?:
|
|
11
|
-
borderTypeMobile?:
|
|
12
|
-
borderTypeTablet?:
|
|
9
|
+
borderType?: tBorderTypeProps;
|
|
10
|
+
borderTypeDesktop?: tBorderTypeProps;
|
|
11
|
+
borderTypeMobile?: tBorderTypeProps;
|
|
12
|
+
borderTypeTablet?: tBorderTypeProps;
|
|
13
13
|
fill?: tFillProps;
|
|
14
14
|
fillDesktop?: tFillProps;
|
|
15
15
|
fillMobile?: tFillProps;
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { CSSProperties, MouseEventHandler, ReactNode } from 'react';
|
|
2
|
+
import { tAlignDirectionProps, tAlignmentProps, tAlignProps, tDirectionProps, tElevationProps, tFillHoverProps, tFillProps, tJustifyContentProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tTypeProps, tUnderlineProps, tWidthProps } from 'types';
|
|
3
|
+
import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
|
|
2
4
|
import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
|
|
3
|
-
import { alignmentPropsType, elevationPropsType, tAlignDirectionProps, tAlignProps, tDirectionProps, tFillHoverProps, tFillProps, tJustifyContentProps, tShapeProps, tSizeProps, tTextAlignProps, tTextColorActiveProps, tTextColorHoverProps, tTextColorProps, tTextGradientProps, tTextSizeProps, tTextStyleProps, tTextWeightProps, tTextWrapProps, tUnderlineProps, tWidthProps, typePropsType } from '../../types';
|
|
4
|
-
import { tAppearanceKeysDefault } from '../../types/componentProps/appearanceKeys';
|
|
5
5
|
export interface iDropdownProps extends iStyleAttributes {
|
|
6
6
|
[key: number | string | symbol]: any;
|
|
7
7
|
after?: ReactNode;
|
|
8
|
-
alignment?:
|
|
8
|
+
alignment?: tAlignmentProps;
|
|
9
9
|
animationClose?: string;
|
|
10
10
|
animationOpen?: string;
|
|
11
11
|
before?: ReactNode;
|
|
12
12
|
children?: ReactNode;
|
|
13
13
|
className?: string;
|
|
14
|
-
elevation?:
|
|
14
|
+
elevation?: tElevationProps;
|
|
15
15
|
fill?: tFillProps;
|
|
16
16
|
fillHover?: tFillHoverProps;
|
|
17
17
|
shape?: tShapeProps;
|
|
@@ -79,7 +79,7 @@ export interface iDropdownItemProps extends iDropdownItemThemeColor, iStyleAttri
|
|
|
79
79
|
showDivider?: boolean;
|
|
80
80
|
style?: CSSProperties;
|
|
81
81
|
target?: string;
|
|
82
|
-
type?:
|
|
82
|
+
type?: tTypeProps;
|
|
83
83
|
underline?: tUnderlineProps;
|
|
84
84
|
isActive?: boolean;
|
|
85
85
|
isHover?: boolean;
|