@fattureincloud/fic-design-system 0.3.17 → 0.3.21
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/common/components/Spinner.js +10 -0
- package/dist/common/components/Spinner.js.map +1 -0
- package/dist/common/cssFixes/inputTextFixes.d.ts +4 -0
- package/dist/common/cssFixes/inputTextFixes.js +11 -0
- package/dist/common/cssFixes/inputTextFixes.js.map +1 -0
- package/dist/common/cssFixes/labelFixes.d.ts +1 -0
- package/dist/common/cssFixes/labelFixes.js +8 -0
- package/dist/common/cssFixes/labelFixes.js.map +1 -0
- package/dist/common/cssFixes/selectFixes.d.ts +1 -0
- package/dist/common/cssFixes/textAreaFixes.d.ts +1 -0
- package/dist/common/cssFixes/textAreaFixes.js +8 -0
- package/dist/common/cssFixes/textAreaFixes.js.map +1 -0
- package/dist/common/hooks/useDebounceClick.js +14 -0
- package/dist/common/hooks/useDebounceClick.js.map +1 -0
- package/dist/common/types/colorsPalette.js +1 -0
- package/dist/common/types/colorsPalette.js.map +1 -0
- package/dist/common/utils/iconsUtils.d.ts +2 -0
- package/dist/common/utils/iconsUtils.js +14 -0
- package/dist/common/utils/iconsUtils.js.map +1 -0
- package/dist/components/accordions/accordions.js +8 -9
- package/dist/components/accordions/accordions.js.map +1 -1
- package/dist/components/accordions/accordions.stories.js +190 -198
- package/dist/components/accordions/accordions.stories.js.map +1 -1
- package/dist/components/accordions/components/styledAccordionWrapper.js +1 -3
- package/dist/components/accordions/components/styledAccordionWrapper.js.map +1 -1
- package/dist/components/accordions/index.js.map +1 -1
- package/dist/components/avatar/Avatar.js +3 -3
- package/dist/components/avatar/Avatar.js.map +1 -1
- package/dist/components/avatar/avatar.stories.js +18 -27
- package/dist/components/avatar/avatar.stories.js.map +1 -1
- package/dist/components/avatar/index.js +3 -0
- package/dist/components/avatar/index.js.map +1 -0
- package/dist/components/badge/{badge.d.ts → Badge.d.ts} +0 -0
- package/dist/components/badge/Badge.js +4 -4
- package/dist/components/badge/Badge.js.map +1 -1
- package/dist/components/badge/badge.stories.js +18 -22
- package/dist/components/badge/badge.stories.js.map +1 -1
- package/dist/components/badge/components/Body.js.map +1 -1
- package/dist/components/badge/types.d.ts +2 -1
- package/dist/components/banner/Banner.js +10 -10
- package/dist/components/banner/Banner.js.map +1 -1
- package/dist/components/banner/banner.stories.js +13 -16
- package/dist/components/banner/banner.stories.js.map +1 -1
- package/dist/components/banner/index.js +3 -0
- package/dist/components/banner/index.js.map +1 -0
- package/dist/components/banner/utils.js +3 -3
- package/dist/components/banner/utils.js.map +1 -1
- package/dist/components/buttons/button/Button.js +28 -0
- package/dist/components/buttons/button/Button.js.map +1 -0
- package/dist/components/buttons/button/button.stories.js +52 -0
- package/dist/components/buttons/button/button.stories.js.map +1 -0
- package/dist/components/buttons/button/buttonPalette.js +140 -0
- package/dist/components/buttons/button/buttonPalette.js.map +1 -0
- package/dist/components/buttons/button/styled.d.ts +4 -4
- package/dist/components/buttons/button/styled.js +49 -0
- package/dist/components/buttons/button/styled.js.map +1 -0
- package/dist/components/buttons/button/types.d.ts +0 -1
- package/dist/components/buttons/button/types.js +6 -0
- package/dist/components/buttons/button/types.js.map +1 -0
- package/dist/components/buttons/button/utils.js +28 -0
- package/dist/components/buttons/button/utils.js.map +1 -0
- package/dist/components/buttons/iconButton/IconButton.js +39 -0
- package/dist/components/buttons/iconButton/IconButton.js.map +1 -0
- package/dist/components/buttons/iconButton/iconButton.stories.js +17 -0
- package/dist/components/buttons/iconButton/iconButton.stories.js.map +1 -0
- package/dist/components/buttons/iconButton/iconButtonPalette.js +51 -0
- package/dist/components/buttons/iconButton/iconButtonPalette.js.map +1 -0
- package/dist/components/buttons/iconButton/types.js +5 -0
- package/dist/components/buttons/iconButton/types.js.map +1 -0
- package/dist/components/buttons/iconButton/utils.js +8 -0
- package/dist/components/buttons/iconButton/utils.js.map +1 -0
- package/dist/components/buttons/index.js +6 -0
- package/dist/components/buttons/index.js.map +1 -0
- package/dist/components/checkbox/components/{label.d.ts → Label.d.ts} +0 -0
- package/dist/components/chips/chips.js +2 -2
- package/dist/components/chips/chips.js.map +1 -1
- package/dist/components/chips/chips.stories.js +8 -11
- package/dist/components/chips/chips.stories.js.map +1 -1
- package/dist/components/chips/components/styledChipWrapper.d.ts +2 -1
- package/dist/components/chips/components/styledChipWrapper.js +1 -1
- package/dist/components/chips/components/styledChipWrapper.js.map +1 -1
- package/dist/components/chips/index.js.map +1 -1
- package/dist/components/drawer/components/styledDrawerWrapper.d.ts +2 -1
- package/dist/components/drawer/components/styledDrawerWrapper.js +2 -2
- package/dist/components/drawer/components/styledDrawerWrapper.js.map +1 -1
- package/dist/components/drawer/drawer.js +8 -8
- package/dist/components/drawer/drawer.js.map +1 -1
- package/dist/components/drawer/drawer.stories.js +34 -68
- package/dist/components/drawer/drawer.stories.js.map +1 -1
- package/dist/components/drawer/index.js.map +1 -1
- package/dist/components/drawer/utils.js.map +1 -1
- package/dist/components/dropdown/DropdownImpl.js +29 -27
- package/dist/components/dropdown/DropdownImpl.js.map +1 -1
- package/dist/components/dropdown/components/DefaultDropdown.js +35 -9
- package/dist/components/dropdown/components/DefaultDropdown.js.map +1 -1
- package/dist/components/dropdown/components/DefaultTrigger.js +2 -2
- package/dist/components/dropdown/components/DefaultTrigger.js.map +1 -1
- package/dist/components/dropdown/components/Item.d.ts +1 -1
- package/dist/components/dropdown/components/Item.js +38 -15
- package/dist/components/dropdown/components/Item.js.map +1 -1
- package/dist/components/dropdown/components/Separator.js.map +1 -1
- package/dist/components/dropdown/components/ShortcutText.js +2 -2
- package/dist/components/dropdown/components/ShortcutText.js.map +1 -1
- package/dist/components/dropdown/components/Title.js +1 -1
- package/dist/components/dropdown/components/Title.js.map +1 -1
- package/dist/components/dropdown/components/UserListItem.js +2 -2
- package/dist/components/dropdown/components/UserListItem.js.map +1 -1
- package/dist/components/dropdown/dropdown.js +2 -2
- package/dist/components/dropdown/dropdown.js.map +1 -1
- package/dist/components/dropdown/dropdown.stories.js +38 -25
- package/dist/components/dropdown/dropdown.stories.js.map +1 -1
- package/dist/components/dropdown/dropdownPalette.js +39 -0
- package/dist/components/dropdown/dropdownPalette.js.map +1 -0
- package/dist/components/dropdown/index.js +4 -0
- package/dist/components/dropdown/index.js.map +1 -0
- package/dist/components/dropdown/types.d.ts +0 -1
- package/dist/components/dropdown/utils.js +16 -0
- package/dist/components/dropdown/utils.js.map +1 -0
- package/dist/components/floatingBadge/floatingBadge.js +3 -3
- package/dist/components/floatingBadge/floatingBadge.js.map +1 -1
- package/dist/components/floatingBadge/floatingBadge.stories.js +12 -16
- package/dist/components/floatingBadge/floatingBadge.stories.js.map +1 -1
- package/dist/components/floatingBadge/index.js.map +1 -1
- package/dist/components/floatingBadge/withBadge.js +2 -2
- package/dist/components/floatingBadge/withBadge.js.map +1 -1
- package/dist/components/form/checkbox/Checkbox.d.ts +16 -0
- package/dist/components/form/checkbox/Checkbox.js +75 -0
- package/dist/components/form/checkbox/Checkbox.js.map +1 -0
- package/dist/components/form/checkbox/checkbox.stories.d.ts +6 -0
- package/dist/components/form/checkbox/checkbox.stories.js +45 -0
- package/dist/components/form/checkbox/checkbox.stories.js.map +1 -0
- package/dist/components/form/checkbox/checkboxPalette.d.ts +16 -0
- package/dist/components/form/checkbox/checkboxPalette.js +39 -0
- package/dist/components/form/checkbox/checkboxPalette.js.map +1 -0
- package/dist/components/form/checkbox/components/Input.d.ts +9 -0
- package/dist/components/form/checkbox/components/Input.js +31 -0
- package/dist/components/form/checkbox/components/Input.js.map +1 -0
- package/dist/components/form/checkbox/components/Label.d.ts +8 -0
- package/dist/components/form/checkbox/components/Label.js +22 -0
- package/dist/components/form/checkbox/components/Label.js.map +1 -0
- package/dist/components/form/checkbox/hooks/useCheckboxValue.d.ts +11 -0
- package/dist/components/form/checkbox/hooks/useCheckboxValue.js +21 -0
- package/dist/components/form/checkbox/hooks/useCheckboxValue.js.map +1 -0
- package/dist/components/form/checkbox/index.d.ts +4 -0
- package/dist/components/form/checkbox/index.js +5 -0
- package/dist/components/form/checkbox/index.js.map +1 -0
- package/dist/components/form/checkbox/types.d.ts +19 -0
- package/dist/components/{stepBar → form/checkbox}/types.js +0 -0
- package/dist/components/form/checkbox/types.js.map +1 -0
- package/dist/components/form/checkbox/utils.d.ts +24 -0
- package/dist/components/form/checkbox/utils.js +37 -0
- package/dist/components/form/checkbox/utils.js.map +1 -0
- package/dist/components/form/common/components/ComplexInputWrapper.d.ts +2 -0
- package/dist/components/form/common/components/ComplexInputWrapper.js +9 -0
- package/dist/components/form/common/components/ComplexInputWrapper.js.map +1 -0
- package/dist/components/form/common/exampleHelpers.d.ts +3 -0
- package/dist/components/form/common/exampleHelpers.js +9 -0
- package/dist/components/form/common/exampleHelpers.js.map +1 -0
- package/dist/components/form/common/styles.d.ts +9 -0
- package/dist/components/form/common/styles.js +22 -0
- package/dist/components/form/common/styles.js.map +1 -0
- package/dist/components/form/common/types.d.ts +14 -0
- package/dist/components/form/common/types.js +3 -0
- package/dist/components/form/common/types.js.map +1 -0
- package/dist/components/form/inputHelper/InputHelper.d.ts +12 -0
- package/dist/components/form/inputHelper/InputHelper.js +40 -0
- package/dist/components/form/inputHelper/InputHelper.js.map +1 -0
- package/dist/components/form/inputHelper/hooks/useHelperIcon.d.ts +2 -0
- package/dist/components/form/inputHelper/hooks/useHelperIcon.js +9 -0
- package/dist/components/form/inputHelper/hooks/useHelperIcon.js.map +1 -0
- package/dist/components/form/inputHelper/index.d.ts +3 -0
- package/dist/components/form/inputHelper/index.js +4 -0
- package/dist/components/form/inputHelper/index.js.map +1 -0
- package/dist/components/{buttons/buttons.stories.d.ts → form/inputHelper/inputHelper.stories.d.ts} +0 -0
- package/dist/components/form/inputHelper/inputHelper.stories.js +37 -0
- package/dist/components/form/inputHelper/inputHelper.stories.js.map +1 -0
- package/dist/components/form/inputHelper/inputHelperPalette.d.ts +7 -0
- package/dist/components/form/inputHelper/inputHelperPalette.js +31 -0
- package/dist/components/form/inputHelper/inputHelperPalette.js.map +1 -0
- package/dist/components/form/inputHelper/types.d.ts +1 -0
- package/dist/components/form/inputHelper/types.js +2 -0
- package/dist/components/form/inputHelper/types.js.map +1 -0
- package/dist/components/form/inputText/InputText.d.ts +6 -0
- package/dist/components/form/inputText/InputText.js +37 -0
- package/dist/components/form/inputText/InputText.js.map +1 -0
- package/dist/components/form/inputText/components/InputElement.d.ts +7 -0
- package/dist/components/form/inputText/components/InputElement.js +49 -0
- package/dist/components/form/inputText/components/InputElement.js.map +1 -0
- package/dist/components/form/inputText/components/StatusIcon.d.ts +7 -0
- package/dist/components/form/inputText/components/StatusIcon.js +52 -0
- package/dist/components/form/inputText/components/StatusIcon.js.map +1 -0
- package/dist/components/form/inputText/components/styled.d.ts +6 -0
- package/dist/components/form/inputText/components/styled.js +19 -0
- package/dist/components/form/inputText/components/styled.js.map +1 -0
- package/dist/components/form/inputText/components/utils.d.ts +7 -0
- package/dist/components/form/inputText/components/utils.js +18 -0
- package/dist/components/form/inputText/components/utils.js.map +1 -0
- package/dist/components/form/inputText/index.d.ts +3 -0
- package/dist/components/form/inputText/index.js +4 -0
- package/dist/components/form/inputText/index.js.map +1 -0
- package/dist/components/{buttons/iconButton.stories.d.ts → form/inputText/inputText.stories.d.ts} +0 -0
- package/dist/components/form/inputText/inputText.stories.js +51 -0
- package/dist/components/form/inputText/inputText.stories.js.map +1 -0
- package/dist/components/form/inputText/inputTextPalette.d.ts +14 -0
- package/dist/components/form/inputText/inputTextPalette.js +40 -0
- package/dist/components/form/inputText/inputTextPalette.js.map +1 -0
- package/dist/components/form/inputText/types.d.ts +12 -0
- package/dist/components/form/inputText/types.js +2 -0
- package/dist/components/form/inputText/types.js.map +1 -0
- package/dist/components/form/label/Label.d.ts +10 -0
- package/dist/components/form/label/Label.js +28 -0
- package/dist/components/form/label/Label.js.map +1 -0
- package/dist/components/form/label/index.d.ts +2 -0
- package/dist/components/form/label/index.js +3 -0
- package/dist/components/form/label/index.js.map +1 -0
- package/dist/components/form/select/Select.d.ts +7 -0
- package/dist/components/form/select/Select.js +70 -0
- package/dist/components/form/select/Select.js.map +1 -0
- package/dist/components/form/select/SelectInputParts.d.ts +13 -0
- package/dist/components/form/select/SelectWrapper.d.ts +5 -0
- package/dist/components/form/select/SelectWrapper.js +16 -0
- package/dist/components/form/select/SelectWrapper.js.map +1 -0
- package/dist/components/form/select/components/ClearIndicator.d.ts +3 -0
- package/dist/components/form/select/components/ClearIndicator.js +17 -0
- package/dist/components/form/select/components/ClearIndicator.js.map +1 -0
- package/dist/components/form/select/components/Control.d.ts +3 -0
- package/dist/components/form/select/components/Control.js +14 -0
- package/dist/components/form/select/components/Control.js.map +1 -0
- package/dist/components/form/select/components/DropdownIndicator.d.ts +3 -0
- package/dist/components/form/select/components/DropdownIndicator.js +20 -0
- package/dist/components/form/select/components/DropdownIndicator.js.map +1 -0
- package/dist/components/form/select/components/FooterActions.d.ts +11 -0
- package/dist/components/form/select/components/FooterActions.js +51 -0
- package/dist/components/form/select/components/FooterActions.js.map +1 -0
- package/dist/components/form/select/components/MenuList.d.ts +3 -0
- package/dist/components/form/select/components/MenuList.js +45 -0
- package/dist/components/form/select/components/MenuList.js.map +1 -0
- package/dist/components/form/select/components/Option.d.ts +14 -0
- package/dist/components/form/select/components/Option.js +31 -0
- package/dist/components/form/select/components/Option.js.map +1 -0
- package/dist/components/form/select/components/Placeholder.d.ts +3 -0
- package/dist/components/form/select/components/Placeholder.js +17 -0
- package/dist/components/form/select/components/Placeholder.js.map +1 -0
- package/dist/components/form/select/components/types.d.ts +10 -0
- package/dist/components/{tabs → form/select/components}/types.js +0 -0
- package/dist/components/form/select/components/types.js.map +1 -0
- package/dist/components/form/select/components.d.ts +1 -0
- package/dist/components/form/select/components.js +15 -0
- package/dist/components/form/select/components.js.map +1 -0
- package/dist/components/form/select/hooks/useSelectMultiValues.d.ts +7 -0
- package/dist/components/form/select/hooks/useSelectMultiValues.js +4 -0
- package/dist/components/form/select/hooks/useSelectMultiValues.js.map +1 -0
- package/dist/components/form/select/hooks/useSelectThemeStyles.d.ts +7 -0
- package/dist/components/form/select/hooks/useSelectThemeStyles.js +24 -0
- package/dist/components/form/select/hooks/useSelectThemeStyles.js.map +1 -0
- package/dist/components/form/select/hooks/useSelectValue.d.ts +8 -0
- package/dist/components/form/select/hooks/useSelectValue.js +4 -0
- package/dist/components/form/select/hooks/useSelectValue.js.map +1 -0
- package/dist/components/form/select/index.d.ts +6 -0
- package/dist/components/form/select/index.js +4 -0
- package/dist/components/form/select/index.js.map +1 -0
- package/dist/components/form/select/originalComponents.d.ts +6 -0
- package/dist/components/{common/Icon/icon.stories.d.ts → form/select/select.stories.d.ts} +0 -0
- package/dist/components/form/select/select.stories.js +71 -0
- package/dist/components/form/select/select.stories.js.map +1 -0
- package/dist/components/form/select/selectPalette.d.ts +16 -0
- package/dist/components/form/select/selectPalette.js +41 -0
- package/dist/components/form/select/selectPalette.js.map +1 -0
- package/dist/components/form/select/types.d.ts +11 -0
- package/dist/components/{tooltips → form/select}/types.js +0 -0
- package/dist/components/form/select/types.js.map +1 -0
- package/dist/components/form/select/utils.d.ts +7 -0
- package/dist/components/form/select/utils.js +18 -0
- package/dist/components/form/select/utils.js.map +1 -0
- package/dist/components/form/textArea/TextArea.d.ts +6 -0
- package/dist/components/form/textArea/TextArea.js +37 -0
- package/dist/components/form/textArea/TextArea.js.map +1 -0
- package/dist/components/form/textArea/components/CharCounter.d.ts +9 -0
- package/dist/components/form/textArea/components/CharCounter.js +19 -0
- package/dist/components/form/textArea/components/CharCounter.js.map +1 -0
- package/dist/components/form/textArea/components/TextAreaElement.d.ts +7 -0
- package/dist/components/form/textArea/components/TextAreaElement.js +42 -0
- package/dist/components/form/textArea/components/TextAreaElement.js.map +1 -0
- package/dist/components/form/textArea/components/styled.d.ts +1 -0
- package/dist/components/form/textArea/components/styled.js +12 -0
- package/dist/components/form/textArea/components/styled.js.map +1 -0
- package/dist/components/form/textArea/components/utils.d.ts +7 -0
- package/dist/components/form/textArea/components/utils.js +18 -0
- package/dist/components/form/textArea/components/utils.js.map +1 -0
- package/dist/components/form/textArea/index.d.ts +3 -0
- package/dist/components/form/textArea/index.js +4 -0
- package/dist/components/form/textArea/index.js.map +1 -0
- package/dist/components/{dropdownLegacy/dropdown.stories.d.ts → form/textArea/textArea.stories.d.ts} +0 -0
- package/dist/components/form/textArea/textArea.stories.js +43 -0
- package/dist/components/form/textArea/textArea.stories.js.map +1 -0
- package/dist/components/form/textArea/textAreaPalette.d.ts +15 -0
- package/dist/components/form/textArea/textAreaPalette.js +35 -0
- package/dist/components/form/textArea/textAreaPalette.js.map +1 -0
- package/dist/components/form/textArea/types.d.ts +10 -0
- package/dist/components/form/textArea/types.js +1 -0
- package/dist/components/form/textArea/types.js.map +1 -0
- package/dist/components/groupRadioButton/index.js.map +1 -1
- package/dist/components/groupRadioButton/radio-group.stories.js +22 -25
- package/dist/components/groupRadioButton/radio-group.stories.js.map +1 -1
- package/dist/components/groupedList/components/groupElement.js +1 -1
- package/dist/components/groupedList/components/groupElement.js.map +1 -1
- package/dist/components/groupedList/components/itemElement.js +4 -4
- package/dist/components/groupedList/components/itemElement.js.map +1 -1
- package/dist/components/groupedList/components/titleElement.js +1 -1
- package/dist/components/groupedList/components/titleElement.js.map +1 -1
- package/dist/components/groupedList/groupedList.js +8 -8
- package/dist/components/groupedList/groupedList.js.map +1 -1
- package/dist/components/groupedList/groupedList.stories.js +36 -40
- package/dist/components/groupedList/groupedList.stories.js.map +1 -1
- package/dist/components/groupedList/index.js.map +1 -1
- package/dist/components/icon/Icon.d.ts +7 -4
- package/dist/components/icon/Icon.js +24 -17
- package/dist/components/icon/Icon.js.map +1 -1
- package/dist/components/icon/components/iconBackground/IconBackground.js +48 -0
- package/dist/components/icon/components/iconBackground/IconBackground.js.map +1 -0
- package/dist/components/icon/components/iconBackground/iconBackgroundPalette.js +18 -0
- package/dist/components/icon/components/iconBackground/iconBackgroundPalette.js.map +1 -0
- package/dist/components/icon/components/iconBackground/index.js +4 -0
- package/dist/components/icon/components/iconBackground/index.js.map +1 -0
- package/dist/components/icon/components/iconBackground/utils.js +16 -0
- package/dist/components/icon/components/iconBackground/utils.js.map +1 -0
- package/dist/components/icon/icon.stories.js +73 -17
- package/dist/components/icon/icon.stories.js.map +1 -1
- package/dist/components/icon/iconPalette.js +28 -0
- package/dist/components/icon/iconPalette.js.map +1 -0
- package/dist/components/icon/index.js +5 -0
- package/dist/components/icon/index.js.map +1 -0
- package/dist/components/icon/utils.d.ts +2 -2
- package/dist/components/icon/utils.js +8 -12
- package/dist/components/icon/utils.js.map +1 -1
- package/dist/components/inlineMessages/components/styledInlineMessageWrapper.d.ts +2 -1
- package/dist/components/inlineMessages/components/styledInlineMessageWrapper.js +3 -3
- package/dist/components/inlineMessages/components/styledInlineMessageWrapper.js.map +1 -1
- package/dist/components/inlineMessages/index.js.map +1 -1
- package/dist/components/inlineMessages/inlineMessages.js +5 -5
- package/dist/components/inlineMessages/inlineMessages.js.map +1 -1
- package/dist/components/inlineMessages/inlineMessages.stories.js +18 -22
- package/dist/components/inlineMessages/inlineMessages.stories.js.map +1 -1
- package/dist/components/layout/index.d.ts +2 -2
- package/dist/components/layout/index.js +3 -0
- package/dist/components/layout/index.js.map +1 -0
- package/dist/components/layout/sidebarItem/SidebarItem.d.ts +6 -2
- package/dist/components/layout/sidebarItem/SidebarItem.js +63 -0
- package/dist/components/layout/sidebarItem/SidebarItem.js.map +1 -0
- package/dist/components/layout/sidebarItem/components/SidebarItemCaret.js +15 -0
- package/dist/components/layout/sidebarItem/components/SidebarItemCaret.js.map +1 -0
- package/dist/components/layout/sidebarItem/components/SidebarItemDropdown.js +27 -0
- package/dist/components/layout/sidebarItem/components/SidebarItemDropdown.js.map +1 -0
- package/dist/components/layout/sidebarItem/index.d.ts +3 -2
- package/dist/components/layout/sidebarItem/index.js +5 -0
- package/dist/components/layout/sidebarItem/index.js.map +1 -0
- package/dist/components/layout/sidebarItem/sidebarItemPalette.js +29 -0
- package/dist/components/layout/sidebarItem/sidebarItemPalette.js.map +1 -0
- package/dist/components/layout/sidebarItem/types.d.ts +7 -0
- package/dist/components/layout/sidebarItem/types.js +1 -0
- package/dist/components/layout/sidebarItem/types.js.map +1 -0
- package/dist/components/layout/sidebarItem/utils.js +6 -0
- package/dist/components/layout/sidebarItem/utils.js.map +1 -0
- package/dist/components/microTag/MicroTag.js.map +1 -1
- package/dist/components/microTag/index.js +2 -1
- package/dist/components/microTag/index.js.map +1 -1
- package/dist/components/microTag/microTagPalette.js +25 -0
- package/dist/components/microTag/microTagPalette.js.map +1 -0
- package/dist/components/microTag/microtag.stories.js +11 -16
- package/dist/components/microTag/microtag.stories.js.map +1 -1
- package/dist/components/microTag/styled.js +9 -13
- package/dist/components/microTag/styled.js.map +1 -1
- package/dist/components/microTag/utils.js +5 -0
- package/dist/components/microTag/utils.js.map +1 -0
- package/dist/components/modals/components/ModalSearchable.js +3 -3
- package/dist/components/modals/components/ModalSearchable.js.map +1 -1
- package/dist/components/modals/confirmationModal.js +16 -9
- package/dist/components/modals/confirmationModal.js.map +1 -1
- package/dist/components/modals/confirmationModalStyled.js +1 -1
- package/dist/components/modals/confirmationModalStyled.js.map +1 -1
- package/dist/components/modals/index.js +1 -1
- package/dist/components/modals/index.js.map +1 -1
- package/dist/components/modals/modalAnimation.js.map +1 -1
- package/dist/components/modals/modalStyled.d.ts +1 -1
- package/dist/components/modals/modalStyled.js +32 -23
- package/dist/components/modals/modalStyled.js.map +1 -1
- package/dist/components/modals/modals.js +26 -14
- package/dist/components/modals/modals.js.map +1 -1
- package/dist/components/modals/modals.stories.js +57 -74
- package/dist/components/modals/modals.stories.js.map +1 -1
- package/dist/components/modals/styleCreators/styledModalBoxWidth.js.map +1 -1
- package/dist/components/pageEmptySet/index.js.map +1 -1
- package/dist/components/pageEmptySet/pageEmptySet.js +4 -4
- package/dist/components/pageEmptySet/pageEmptySet.js.map +1 -1
- package/dist/components/pageEmptySet/pageEmptySet.stories.js +9 -13
- package/dist/components/pageEmptySet/pageEmptySet.stories.js.map +1 -1
- package/dist/components/pagination/index.js +5 -8
- package/dist/components/pagination/index.js.map +1 -1
- package/dist/components/pagination/pagination.stories.js +15 -18
- package/dist/components/pagination/pagination.stories.js.map +1 -1
- package/dist/components/pagination/paginationStyledWrapper.js.map +1 -1
- package/dist/components/progressbar/components/styledProgressbarWrapper.js +1 -1
- package/dist/components/progressbar/components/styledProgressbarWrapper.js.map +1 -1
- package/dist/components/progressbar/index.js.map +1 -1
- package/dist/components/progressbar/progressbar.js +2 -2
- package/dist/components/progressbar/progressbar.js.map +1 -1
- package/dist/components/progressbar/progressbar.stories.js +45 -82
- package/dist/components/progressbar/progressbar.stories.js.map +1 -1
- package/dist/components/radioButton/components/label.js +1 -1
- package/dist/components/radioButton/components/label.js.map +1 -1
- package/dist/components/radioButton/components/radio.js +1 -1
- package/dist/components/radioButton/components/radio.js.map +1 -1
- package/dist/components/radioButton/index.js +1 -1
- package/dist/components/radioButton/index.js.map +1 -1
- package/dist/components/radioButton/radio.stories.js +9 -12
- package/dist/components/radioButton/radio.stories.js.map +1 -1
- package/dist/components/stepper/Stepper.js +37 -0
- package/dist/components/stepper/Stepper.js.map +1 -0
- package/dist/components/stepper/components/StepItem.js +32 -0
- package/dist/components/stepper/components/StepItem.js.map +1 -0
- package/dist/components/stepper/components/StepperDivider.js +9 -0
- package/dist/components/stepper/components/StepperDivider.js.map +1 -0
- package/dist/components/stepper/components/utils.js +5 -0
- package/dist/components/stepper/components/utils.js.map +1 -0
- package/dist/components/stepper/index.js +4 -0
- package/dist/components/stepper/index.js.map +1 -0
- package/dist/components/stepper/stepper.stories.js +14 -0
- package/dist/components/stepper/stepper.stories.js.map +1 -0
- package/dist/components/stepper/stepperPalette.js +22 -0
- package/dist/components/stepper/stepperPalette.js.map +1 -0
- package/dist/components/stepper/types.js +1 -0
- package/dist/components/{stepBar → stepper}/types.js.map +1 -1
- package/dist/components/stepper/utils.js +12 -0
- package/dist/components/stepper/utils.js.map +1 -0
- package/dist/components/table/components/actionLink.js.map +1 -1
- package/dist/components/table/components/actions/actionsContainer.js.map +1 -1
- package/dist/components/table/components/actions/actionsPopUp.js +2 -2
- package/dist/components/table/components/actions/actionsPopUp.js.map +1 -1
- package/dist/components/table/components/actions/actionsPopUpButton.js +3 -3
- package/dist/components/table/components/actions/actionsPopUpButton.js.map +1 -1
- package/dist/components/table/components/actions/actionsPopUpUnderlay.js.map +1 -1
- package/dist/components/table/components/components/headDesktop.js +5 -5
- package/dist/components/table/components/components/headDesktop.js.map +1 -1
- package/dist/components/table/components/components/listMobile.js +1 -1
- package/dist/components/table/components/components/listMobile.js.map +1 -1
- package/dist/components/table/components/components/rowDesktop.js +5 -5
- package/dist/components/table/components/components/rowDesktop.js.map +1 -1
- package/dist/components/table/components/customizationModal/customizationsModal.js +17 -17
- package/dist/components/table/components/customizationModal/customizationsModal.js.map +1 -1
- package/dist/components/table/components/customizationModal/index.js.map +1 -1
- package/dist/components/table/components/customizationModal/styledWrapper.js +1 -1
- package/dist/components/table/components/customizationModal/styledWrapper.js.map +1 -1
- package/dist/components/table/components/customizationModal/useDnd.js +8 -8
- package/dist/components/table/components/customizationModal/useDnd.js.map +1 -1
- package/dist/components/table/components/customizationModal/utils.js +1 -1
- package/dist/components/table/components/customizationModal/utils.js.map +1 -1
- package/dist/components/table/components/emptySet.js +1 -1
- package/dist/components/table/components/emptySet.js.map +1 -1
- package/dist/components/table/components/linearBackground.js.map +1 -1
- package/dist/components/table/components/loadingContent.js +1 -1
- package/dist/components/table/components/loadingContent.js.map +1 -1
- package/dist/components/table/components/pagination.js +2 -2
- package/dist/components/table/components/pagination.js.map +1 -1
- package/dist/components/table/components/sortIcon.js +3 -3
- package/dist/components/table/components/sortIcon.js.map +1 -1
- package/dist/components/table/components/styledWrapper.js +1 -1
- package/dist/components/table/components/styledWrapper.js.map +1 -1
- package/dist/components/table/components/unstyledTable.js +8 -8
- package/dist/components/table/components/unstyledTable.js.map +1 -1
- package/dist/components/table/index.js.map +1 -1
- package/dist/components/table/table.js.map +1 -1
- package/dist/components/table/table.stories.js +100 -109
- package/dist/components/table/table.stories.js.map +1 -1
- package/dist/components/table/utils/configPersistency.js.map +1 -1
- package/dist/components/tabs/common/Item.d.ts +2 -2
- package/dist/components/tabs/{components/item → common}/Item.js +6 -6
- package/dist/components/tabs/common/Item.js.map +1 -0
- package/dist/components/tabs/{components/item/components → common/item}/ActiveTag.js +4 -4
- package/dist/components/tabs/common/item/ActiveTag.js.map +1 -0
- package/dist/components/tabs/{components/item/components → common/item}/Tab.js +2 -2
- package/dist/components/tabs/common/item/Tab.js.map +1 -0
- package/dist/components/tabs/common/styled.js +22 -0
- package/dist/components/tabs/common/styled.js.map +1 -0
- package/dist/components/tabs/common/types.js +1 -0
- package/dist/components/tabs/common/types.js.map +1 -0
- package/dist/components/tabs/dropdownTabs/TabsDropdown.js +24 -0
- package/dist/components/tabs/dropdownTabs/TabsDropdown.js.map +1 -0
- package/dist/components/tabs/{components/TabsDropdown/components → dropdownTabs}/TabsDropdownTrigger.js +4 -4
- package/dist/components/tabs/dropdownTabs/TabsDropdownTrigger.js.map +1 -0
- package/dist/components/tabs/{hooks → dropdownTabs/hooks}/useResizedWidth.js +1 -1
- package/dist/components/tabs/dropdownTabs/hooks/useResizedWidth.js.map +1 -0
- package/dist/components/tabs/dropdownTabs/hooks/useTabItemsCount.js +22 -0
- package/dist/components/tabs/dropdownTabs/hooks/useTabItemsCount.js.map +1 -0
- package/dist/components/tabs/dropdownTabs.js +58 -0
- package/dist/components/tabs/dropdownTabs.js.map +1 -0
- package/dist/components/tabs/index.js +3 -2
- package/dist/components/tabs/index.js.map +1 -1
- package/dist/components/tabs/scrollableTabs.js +21 -0
- package/dist/components/tabs/scrollableTabs.js.map +1 -0
- package/dist/components/tabs/tabs.stories.js +66 -68
- package/dist/components/tabs/tabs.stories.js.map +1 -1
- package/dist/components/tag/Tag.js +6 -7
- package/dist/components/tag/Tag.js.map +1 -1
- package/dist/components/tag/index.js +4 -0
- package/dist/components/tag/index.js.map +1 -0
- package/dist/components/tag/styled.d.ts +3 -2
- package/dist/components/tag/styled.js +19 -0
- package/dist/components/tag/styled.js.map +1 -0
- package/dist/components/tag/tag.stories.js +13 -28
- package/dist/components/tag/tag.stories.js.map +1 -1
- package/dist/components/tag/tagPalette.js +71 -0
- package/dist/components/tag/tagPalette.js.map +1 -0
- package/dist/components/tag/utils.js +5 -0
- package/dist/components/tag/utils.js.map +1 -0
- package/dist/components/themeProvider/index.js.map +1 -1
- package/dist/components/themeProvider/themeProvider.js.map +1 -1
- package/dist/components/tip/components/styledTip.js.map +1 -1
- package/dist/components/tip/index.js +1 -1
- package/dist/components/tip/index.js.map +1 -1
- package/dist/components/tip/shortcutTip.js +3 -3
- package/dist/components/tip/shortcutTip.js.map +1 -1
- package/dist/components/tip/tip.js +5 -5
- package/dist/components/tip/tip.js.map +1 -1
- package/dist/components/tip/tip.stories.js +15 -20
- package/dist/components/tip/tip.stories.js.map +1 -1
- package/dist/components/toast/ToastContainer.js +2 -2
- package/dist/components/toast/ToastContainer.js.map +1 -1
- package/dist/components/toast/components/toastContent.d.ts +2 -1
- package/dist/components/toast/components/toastContent.js +1 -1
- package/dist/components/toast/components/toastContent.js.map +1 -1
- package/dist/components/toast/index.js +2 -2
- package/dist/components/toast/index.js.map +1 -1
- package/dist/components/toast/toast.js +5 -5
- package/dist/components/toast/toast.js.map +1 -1
- package/dist/components/toast/toast.stories.js +12 -18
- package/dist/components/toast/toast.stories.js.map +1 -1
- package/dist/components/tooltip/Arrow.js +12 -0
- package/dist/components/tooltip/Arrow.js.map +1 -0
- package/dist/components/tooltip/Tooltip.js +81 -0
- package/dist/components/tooltip/Tooltip.js.map +1 -0
- package/dist/components/tooltip/components/Message.js +18 -0
- package/dist/components/tooltip/components/Message.js.map +1 -0
- package/dist/components/tooltip/components/TooltipContainer.js +9 -0
- package/dist/components/tooltip/components/TooltipContainer.js.map +1 -0
- package/dist/components/tooltip/index.js +4 -0
- package/dist/components/tooltip/index.js.map +1 -0
- package/dist/components/tooltip/tooltip.stories.js +28 -0
- package/dist/components/tooltip/tooltip.stories.js.map +1 -0
- package/dist/components/tooltip/tooltipPalette.js +13 -0
- package/dist/components/tooltip/tooltipPalette.js.map +1 -0
- package/dist/constants/localStorageKeys.js +1 -1
- package/dist/constants/localStorageKeys.js.map +1 -1
- package/dist/constants/responsiveThresholds.js +1 -1
- package/dist/constants/responsiveThresholds.js.map +1 -1
- package/dist/index.d.ts +6 -6
- package/dist/index.esm.js +778 -464
- package/dist/index.esm.js.map +1 -0
- package/dist/index.js +782 -459
- package/dist/index.js.map +1 -1
- package/dist/styles/defaultPalette/colors/black.js +8 -0
- package/dist/styles/defaultPalette/colors/black.js.map +1 -0
- package/dist/styles/defaultPalette/colors/blue.js +13 -0
- package/dist/styles/defaultPalette/colors/blue.js.map +1 -0
- package/dist/styles/{palette → defaultPalette/colors}/cyan.js +1 -1
- package/dist/styles/defaultPalette/colors/cyan.js.map +1 -0
- package/dist/styles/{palette → defaultPalette/colors}/fuchsia.js +1 -1
- package/dist/styles/defaultPalette/colors/fuchsia.js.map +1 -0
- package/dist/styles/defaultPalette/colors/green.js +13 -0
- package/dist/styles/defaultPalette/colors/green.js.map +1 -0
- package/dist/styles/defaultPalette/colors/grey.js +13 -0
- package/dist/styles/defaultPalette/colors/grey.js.map +1 -0
- package/dist/styles/{palette → defaultPalette/colors}/indigo.js +1 -1
- package/dist/styles/defaultPalette/colors/indigo.js.map +1 -0
- package/dist/styles/{palette → defaultPalette/colors}/orange.js +1 -1
- package/dist/styles/defaultPalette/colors/orange.js.map +1 -0
- package/dist/styles/{palette → defaultPalette/colors}/pink.js +1 -1
- package/dist/styles/defaultPalette/colors/pink.js.map +1 -0
- package/dist/styles/defaultPalette/colors/red.js +13 -0
- package/dist/styles/defaultPalette/colors/red.js.map +1 -0
- package/dist/styles/defaultPalette/colors/white.js +8 -0
- package/dist/styles/defaultPalette/colors/white.js.map +1 -0
- package/dist/styles/defaultPalette/colors/yellow.js +13 -0
- package/dist/styles/defaultPalette/colors/yellow.js.map +1 -0
- package/dist/styles/defaultPalette/index.js +29 -0
- package/dist/styles/defaultPalette/index.js.map +1 -0
- package/dist/styles/elevations.js +1 -1
- package/dist/styles/elevations.js.map +1 -1
- package/dist/styles/spacing.js +1 -1
- package/dist/styles/spacing.js.map +1 -1
- package/dist/styles/theme.d.ts +8 -0
- package/dist/styles/theme.js +33 -4
- package/dist/styles/theme.js.map +1 -1
- package/dist/styles/types.js +22 -0
- package/dist/styles/types.js.map +1 -1
- package/dist/utils/globalStyles.js.map +1 -1
- package/package.json +19 -8
- package/dist/components/avatar/AvatarImage.d.ts +0 -3
- package/dist/components/avatar/AvatarInitials.d.ts +0 -3
- package/dist/components/avatar/AvatarPlaceholder.d.ts +0 -3
- package/dist/components/avatar/MyPlaceholder.d.ts +0 -3
- package/dist/components/avatar/baseAvatar.d.ts +0 -3
- package/dist/components/avatar/typings/avatar.d.ts +0 -30
- package/dist/components/badge/components/styledBadgeWrapper.d.ts +0 -1
- package/dist/components/badge/index.d.ts +0 -3
- package/dist/components/buttons/Button.js +0 -14
- package/dist/components/buttons/Button.js.map +0 -1
- package/dist/components/buttons/baseButton.d.ts +0 -3
- package/dist/components/buttons/button.d.ts +0 -3
- package/dist/components/buttons/iconButton.d.ts +0 -3
- package/dist/components/buttons/navbarButton.d.ts +0 -3
- package/dist/components/buttons/palette/buttonPalette.d.ts +0 -16
- package/dist/components/buttons/palette/iconButtonPalette.d.ts +0 -14
- package/dist/components/buttons/typings/baseButton.d.ts +0 -15
- package/dist/components/buttons/typings/buttons.d.ts +0 -9
- package/dist/components/buttons/typings/iconButton.d.ts +0 -13
- package/dist/components/buttons/utils.d.ts +0 -47
- package/dist/components/checkbox/checkbox.stories.js +0 -24
- package/dist/components/checkbox/checkbox.stories.js.map +0 -1
- package/dist/components/checkbox/components/checkbox-input.d.ts +0 -2
- package/dist/components/checkbox/components/container.d.ts +0 -2
- package/dist/components/checkbox/components/container.js +0 -11
- package/dist/components/checkbox/components/container.js.map +0 -1
- package/dist/components/checkbox/components/label.js +0 -14
- package/dist/components/checkbox/components/label.js.map +0 -1
- package/dist/components/checkbox/components/styledCheckboxInputWrapper.d.ts +0 -2
- package/dist/components/checkbox/components/styledCheckboxInputWrapper.js +0 -24
- package/dist/components/checkbox/components/styledCheckboxInputWrapper.js.map +0 -1
- package/dist/components/checkbox/index.js +0 -30
- package/dist/components/checkbox/index.js.map +0 -1
- package/dist/components/checkbox/typings/checkbox.d.ts +0 -37
- package/dist/components/checkbox/typings/checkbox.js +0 -1
- package/dist/components/checkbox/typings/checkbox.js.map +0 -1
- package/dist/components/checkbox/utils.js +0 -7
- package/dist/components/checkbox/utils.js.map +0 -1
- package/dist/components/common/Icon/components/backgroundWrapper.d.ts +0 -5
- package/dist/components/common/Icon/index.d.ts +0 -6
- package/dist/components/common/Icon/typings.d.ts +0 -43
- package/dist/components/dropdown/DropdownImplBK.d.ts +0 -4
- package/dist/components/dropdown/StyledDropdown.d.ts +0 -3
- package/dist/components/dropdown/UnstyledDropdown.d.ts +0 -13
- package/dist/components/dropdown/components/StyledDropdown.d.ts +0 -8
- package/dist/components/dropdown/components/StyledDropdownWrapper.d.ts +0 -11
- package/dist/components/dropdown/components/TriggerButton.d.ts +0 -7
- package/dist/components/dropdown/components/UnstyledDropdown.d.ts +0 -13
- package/dist/components/dropdownLegacy/DropdownImpl.d.ts +0 -12
- package/dist/components/dropdownLegacy/components/Item.d.ts +0 -8
- package/dist/components/dropdownLegacy/components/Separator.d.ts +0 -2
- package/dist/components/dropdownLegacy/components/ShortcutText.d.ts +0 -1
- package/dist/components/dropdownLegacy/components/Title.d.ts +0 -4
- package/dist/components/dropdownLegacy/components/UserListItem.d.ts +0 -6
- package/dist/components/dropdownLegacy/dropdown.d.ts +0 -13
- package/dist/components/dropdownLegacy/types.d.ts +0 -45
- package/dist/components/dropdownV2/DropdownImpl.d.ts +0 -3
- package/dist/components/dropdownV2/components/Item.d.ts +0 -8
- package/dist/components/dropdownV2/components/Separator.d.ts +0 -3
- package/dist/components/dropdownV2/components/ShortcutText.d.ts +0 -1
- package/dist/components/dropdownV2/components/Title.d.ts +0 -4
- package/dist/components/dropdownV2/components/UserListItem.d.ts +0 -6
- package/dist/components/dropdownV2/dropdown.d.ts +0 -4
- package/dist/components/dropdownV2/dropdown.stories.d.ts +0 -1
- package/dist/components/dropdownV2/index.d.ts +0 -3
- package/dist/components/dropdownV2/types.d.ts +0 -49
- package/dist/components/groupRadioButton/typings/groupRadioButton.d.ts +0 -21
- package/dist/components/groupRadioButton/typings/groupRadioButton.js +0 -1
- package/dist/components/groupRadioButton/typings/groupRadioButton.js.map +0 -1
- package/dist/components/groupRadioButton/utils.d.ts +0 -3
- package/dist/components/groupedList/components/StyledGroupedList.d.ts +0 -17
- package/dist/components/groupedListV2/components/groupElement.d.ts +0 -6
- package/dist/components/groupedListV2/components/itemElement.d.ts +0 -6
- package/dist/components/groupedListV2/components/titleElement.d.ts +0 -8
- package/dist/components/groupedListV2/groupedList.d.ts +0 -4
- package/dist/components/groupedListV2/groupedList.stories.d.ts +0 -1
- package/dist/components/groupedListV2/index.d.ts +0 -2
- package/dist/components/groupedListV2/types.d.ts +0 -32
- package/dist/components/inlineMessages/utils.d.ts +0 -295
- package/dist/components/inputText/components/icons.js +0 -26
- package/dist/components/inputText/components/icons.js.map +0 -1
- package/dist/components/inputText/components/inputContainer.js +0 -8
- package/dist/components/inputText/components/inputContainer.js.map +0 -1
- package/dist/components/inputText/components/messages.js +0 -15
- package/dist/components/inputText/components/messages.js.map +0 -1
- package/dist/components/inputText/components/wrapperTextArea.js +0 -8
- package/dist/components/inputText/components/wrapperTextArea.js.map +0 -1
- package/dist/components/inputText/icons.js +0 -32
- package/dist/components/inputText/icons.js.map +0 -1
- package/dist/components/inputText/index.js +0 -89
- package/dist/components/inputText/index.js.map +0 -1
- package/dist/components/inputText/inputText.stories.js +0 -107
- package/dist/components/inputText/inputText.stories.js.map +0 -1
- package/dist/components/inputText/inputTextStyledWrapper.js +0 -30
- package/dist/components/inputText/inputTextStyledWrapper.js.map +0 -1
- package/dist/components/inputText/sideText.js +0 -22
- package/dist/components/inputText/sideText.js.map +0 -1
- package/dist/components/inputText/typings/enums.js +0 -22
- package/dist/components/inputText/typings/enums.js.map +0 -1
- package/dist/components/inputText/typings/inputText.js +0 -1
- package/dist/components/inputText/typings/inputText.js.map +0 -1
- package/dist/components/inputText/utils.js +0 -10
- package/dist/components/inputText/utils.js.map +0 -1
- package/dist/components/layout/sidebar/components/sidebarItem/SidebarItem.d.ts +0 -31
- package/dist/components/layout/sidebar/components/sidebarItem/components/SidebarItemCaret.d.ts +0 -6
- package/dist/components/layout/sidebar/components/sidebarItem/components/SidebarItemDropdown.d.ts +0 -8
- package/dist/components/layout/sidebar/components/sidebarItem/utils.d.ts +0 -7
- package/dist/components/modals/modalStyledWrapper.d.ts +0 -2
- package/dist/components/newTable/components/actionLink.d.ts +0 -4
- package/dist/components/newTable/components/actions/actionsCell.d.ts +0 -11
- package/dist/components/newTable/components/actions/actionsContainer.d.ts +0 -1
- package/dist/components/newTable/components/actions/actionsTriggerButton.d.ts +0 -6
- package/dist/components/newTable/components/components/headDesktop.d.ts +0 -13
- package/dist/components/newTable/components/components/listMobile.d.ts +0 -9
- package/dist/components/newTable/components/components/multiselection.d.ts +0 -8
- package/dist/components/newTable/components/components/rowDesktop.d.ts +0 -11
- package/dist/components/newTable/components/customizationsModal/customizationsModal.d.ts +0 -3
- package/dist/components/newTable/components/customizationsModal/index.d.ts +0 -2
- package/dist/components/newTable/components/customizationsModal/styledWrapper.d.ts +0 -3
- package/dist/components/newTable/components/customizationsModal/useDnd.d.ts +0 -10
- package/dist/components/newTable/components/customizationsModal/utils.d.ts +0 -8
- package/dist/components/newTable/components/linearBackground.d.ts +0 -2
- package/dist/components/newTable/components/loadingContent.d.ts +0 -10
- package/dist/components/newTable/components/pageEmptySet.d.ts +0 -18
- package/dist/components/newTable/components/pagination.d.ts +0 -19
- package/dist/components/newTable/components/rowSelection.d.ts +0 -8
- package/dist/components/newTable/components/sortIcon.d.ts +0 -2
- package/dist/components/newTable/components/styledWrapper.d.ts +0 -4
- package/dist/components/newTable/components/unstyledTable.d.ts +0 -3
- package/dist/components/newTable/index.d.ts +0 -2
- package/dist/components/newTable/newTable.d.ts +0 -3
- package/dist/components/newTable/newtable.stories.d.ts +0 -6
- package/dist/components/newTable/typings/main.d.ts +0 -102
- package/dist/components/select/custom-select-style.d.ts +0 -2
- package/dist/components/select/custom-select-style.js +0 -39
- package/dist/components/select/custom-select-style.js.map +0 -1
- package/dist/components/select/index.js +0 -52
- package/dist/components/select/index.js.map +0 -1
- package/dist/components/select/select.stories.js +0 -61
- package/dist/components/select/select.stories.js.map +0 -1
- package/dist/components/select/typings/select.js +0 -1
- package/dist/components/select/typings/select.js.map +0 -1
- package/dist/components/select/utils.d.ts +0 -1
- package/dist/components/stepBar/components/singleStep.d.ts +0 -3
- package/dist/components/stepBar/components/singleStep.js +0 -5
- package/dist/components/stepBar/components/singleStep.js.map +0 -1
- package/dist/components/stepBar/components/styledStepBarWrapper.d.ts +0 -2
- package/dist/components/stepBar/components/styledStepBarWrapper.js +0 -13
- package/dist/components/stepBar/components/styledStepBarWrapper.js.map +0 -1
- package/dist/components/stepBar/index.d.ts +0 -2
- package/dist/components/stepBar/index.js +0 -3
- package/dist/components/stepBar/index.js.map +0 -1
- package/dist/components/stepBar/stepBar.d.ts +0 -7
- package/dist/components/stepBar/stepBar.js +0 -46
- package/dist/components/stepBar/stepBar.js.map +0 -1
- package/dist/components/stepBar/stepBar.stories.d.ts +0 -1
- package/dist/components/stepBar/stepBar.stories.js +0 -65
- package/dist/components/stepBar/stepBar.stories.js.map +0 -1
- package/dist/components/stepBar/types.d.ts +0 -15
- package/dist/components/table/components/ActionsCell.d.ts +0 -10
- package/dist/components/table/components/CustomFooter.d.ts +0 -7
- package/dist/components/table/components/EmptyState.d.ts +0 -7
- package/dist/components/table/components/HeaderFilters.d.ts +0 -7
- package/dist/components/table/components/SelectedRowsCount.d.ts +0 -7
- package/dist/components/table/components/SortIndicator.d.ts +0 -7
- package/dist/components/table/components/TableBody.d.ts +0 -14
- package/dist/components/table/components/TableFoot.d.ts +0 -2
- package/dist/components/table/components/TableHeader.d.ts +0 -8
- package/dist/components/table/components/TextFilter.d.ts +0 -4
- package/dist/components/table/components/actions/DropdownActions.d.ts +0 -10
- package/dist/components/table/components/actions/PrimaryAction.d.ts +0 -12
- package/dist/components/table/components/checkboxes/Cell.d.ts +0 -5
- package/dist/components/table/components/checkboxes/Header.d.ts +0 -5
- package/dist/components/table/components/checkboxes/useHeaderCheckboxProps.d.ts +0 -12
- package/dist/components/table/components/pagination/PageButton.d.ts +0 -10
- package/dist/components/table/components/pagination/PaginationButtons.d.ts +0 -10
- package/dist/components/table/components/pagination/utils.d.ts +0 -14
- package/dist/components/table/components/tableParts/TableTd.d.ts +0 -7
- package/dist/components/table/components/tableParts/TableTh.d.ts +0 -4
- package/dist/components/table/components/tableParts/styled.d.ts +0 -2
- package/dist/components/table/hooks/useCheckboxesComponents.d.ts +0 -4
- package/dist/components/table/hooks/useTableHooks.d.ts +0 -5
- package/dist/components/table/stories/columns.d.ts +0 -3
- package/dist/components/table/stories/components/CustomPerson.d.ts +0 -7
- package/dist/components/table/stories/components/Role.d.ts +0 -8
- package/dist/components/table/stories/components/types.d.ts +0 -14
- package/dist/components/table/stories/data.d.ts +0 -2
- package/dist/components/table/tablePalette.d.ts +0 -34
- package/dist/components/table/types.d.ts +0 -27
- package/dist/components/table/utils.d.ts +0 -14
- package/dist/components/table_old/components/actionLink.d.ts +0 -3
- package/dist/components/table_old/components/actions/actionsContainer.d.ts +0 -1
- package/dist/components/table_old/components/actions/actionsPopUp.d.ts +0 -16
- package/dist/components/table_old/components/actions/actionsPopUpButton.d.ts +0 -8
- package/dist/components/table_old/components/actions/actionsPopUpUnderlay.d.ts +0 -3
- package/dist/components/table_old/components/components/headDesktop.d.ts +0 -15
- package/dist/components/table_old/components/components/listMobile.d.ts +0 -15
- package/dist/components/table_old/components/components/rowDesktop.d.ts +0 -18
- package/dist/components/table_old/components/customizationModal/customizationsModal.d.ts +0 -10
- package/dist/components/table_old/components/customizationModal/index.d.ts +0 -2
- package/dist/components/table_old/components/customizationModal/styledWrapper.d.ts +0 -3
- package/dist/components/table_old/components/customizationModal/useDnd.d.ts +0 -8
- package/dist/components/table_old/components/customizationModal/utils.d.ts +0 -6
- package/dist/components/table_old/components/emptySet.d.ts +0 -10
- package/dist/components/table_old/components/linearBackground.d.ts +0 -1
- package/dist/components/table_old/components/loadingContent.d.ts +0 -7
- package/dist/components/table_old/components/pagination.d.ts +0 -2
- package/dist/components/table_old/components/sortIcon.d.ts +0 -2
- package/dist/components/table_old/components/styledWrapper.d.ts +0 -3
- package/dist/components/table_old/components/unstyledTable.d.ts +0 -11
- package/dist/components/table_old/index.d.ts +0 -2
- package/dist/components/table_old/table.d.ts +0 -2
- package/dist/components/table_old/table.stories.d.ts +0 -1
- package/dist/components/table_old/typings/main.d.ts +0 -92
- package/dist/components/table_old/utils/configPersistency.d.ts +0 -24
- package/dist/components/tabs/components/HiddenItem.d.ts +0 -7
- package/dist/components/tabs/components/Item.d.ts +0 -8
- package/dist/components/tabs/components/TabsDropdown/TabsDropdown.d.ts +0 -8
- package/dist/components/tabs/components/TabsDropdown/TabsDropdown.js +0 -24
- package/dist/components/tabs/components/TabsDropdown/TabsDropdown.js.map +0 -1
- package/dist/components/tabs/components/TabsDropdown/components/TabsDropdownTrigger.d.ts +0 -7
- package/dist/components/tabs/components/TabsDropdown/components/TabsDropdownTrigger.js.map +0 -1
- package/dist/components/tabs/components/common/ActiveTag.d.ts +0 -4
- package/dist/components/tabs/components/common/Tab.d.ts +0 -6
- package/dist/components/tabs/components/item/Item.d.ts +0 -8
- package/dist/components/tabs/components/item/Item.js.map +0 -1
- package/dist/components/tabs/components/item/components/ActiveTag.d.ts +0 -6
- package/dist/components/tabs/components/item/components/ActiveTag.js.map +0 -1
- package/dist/components/tabs/components/item/components/Tab.d.ts +0 -6
- package/dist/components/tabs/components/item/components/Tab.js.map +0 -1
- package/dist/components/tabs/hooks/useResizedWidth.d.ts +0 -7
- package/dist/components/tabs/hooks/useResizedWidth.js.map +0 -1
- package/dist/components/tabs/hooks/useTabItemsCount.d.ts +0 -12
- package/dist/components/tabs/hooks/useTabItemsCount.js +0 -27
- package/dist/components/tabs/hooks/useTabItemsCount.js.map +0 -1
- package/dist/components/tabs/tabs.d.ts +0 -12
- package/dist/components/tabs/tabs.js +0 -63
- package/dist/components/tabs/tabs.js.map +0 -1
- package/dist/components/tabs/types.d.ts +0 -5
- package/dist/components/tabs/types.js.map +0 -1
- package/dist/components/tag/components/StyledTag.d.ts +0 -10
- package/dist/components/tag/components/StyledTag.js +0 -49
- package/dist/components/tag/components/StyledTag.js.map +0 -1
- package/dist/components/textButton/TextButton.js +0 -48
- package/dist/components/textButton/TextButton.js.map +0 -1
- package/dist/components/textButton/index.js +0 -3
- package/dist/components/textButton/index.js.map +0 -1
- package/dist/components/textButton/textButton.stories.js +0 -25
- package/dist/components/textButton/textButton.stories.js.map +0 -1
- package/dist/components/tooltips/components/message.d.ts +0 -12
- package/dist/components/tooltips/components/message.js +0 -37
- package/dist/components/tooltips/components/message.js.map +0 -1
- package/dist/components/tooltips/components/styledTooltipWrapper.d.ts +0 -1
- package/dist/components/tooltips/components/styledTooltipWrapper.js +0 -8
- package/dist/components/tooltips/components/styledTooltipWrapper.js.map +0 -1
- package/dist/components/tooltips/index.d.ts +0 -2
- package/dist/components/tooltips/index.js +0 -3
- package/dist/components/tooltips/index.js.map +0 -1
- package/dist/components/tooltips/tooltips.d.ts +0 -15
- package/dist/components/tooltips/tooltips.js +0 -106
- package/dist/components/tooltips/tooltips.js.map +0 -1
- package/dist/components/tooltips/tooltips.stories.d.ts +0 -1
- package/dist/components/tooltips/tooltips.stories.js +0 -54
- package/dist/components/tooltips/tooltips.stories.js.map +0 -1
- package/dist/components/tooltips/types.d.ts +0 -25
- package/dist/components/tooltips/types.js.map +0 -1
- package/dist/styles/default-palette/base.d.ts +0 -18
- package/dist/styles/default-palette/blue.d.ts +0 -12
- package/dist/styles/default-palette/cyan.d.ts +0 -12
- package/dist/styles/default-palette/fucsia.d.ts +0 -12
- package/dist/styles/default-palette/green.d.ts +0 -12
- package/dist/styles/default-palette/grey.d.ts +0 -12
- package/dist/styles/default-palette/index.d.ts +0 -152
- package/dist/styles/default-palette/indigo.d.ts +0 -12
- package/dist/styles/default-palette/orange.d.ts +0 -12
- package/dist/styles/default-palette/pink.d.ts +0 -12
- package/dist/styles/default-palette/red.d.ts +0 -12
- package/dist/styles/default-palette/yellow.d.ts +0 -12
- package/dist/styles/defaultPalette/base.d.ts +0 -18
- package/dist/styles/defaultPalette/blue.d.ts +0 -12
- package/dist/styles/defaultPalette/cyan.d.ts +0 -12
- package/dist/styles/defaultPalette/fuchsia.d.ts +0 -12
- package/dist/styles/defaultPalette/green.d.ts +0 -12
- package/dist/styles/defaultPalette/grey.d.ts +0 -12
- package/dist/styles/defaultPalette/indigo.d.ts +0 -12
- package/dist/styles/defaultPalette/orange.d.ts +0 -12
- package/dist/styles/defaultPalette/pink.d.ts +0 -12
- package/dist/styles/defaultPalette/red.d.ts +0 -12
- package/dist/styles/defaultPalette/yellow.d.ts +0 -12
- package/dist/styles/fic-palette/base.d.ts +0 -18
- package/dist/styles/fic-palette/blue.d.ts +0 -12
- package/dist/styles/fic-palette/cyan.d.ts +0 -12
- package/dist/styles/fic-palette/fucsia.d.ts +0 -12
- package/dist/styles/fic-palette/green.d.ts +0 -12
- package/dist/styles/fic-palette/grey.d.ts +0 -12
- package/dist/styles/fic-palette/index.d.ts +0 -141
- package/dist/styles/fic-palette/indigo.d.ts +0 -12
- package/dist/styles/fic-palette/orange.d.ts +0 -12
- package/dist/styles/fic-palette/pink.d.ts +0 -12
- package/dist/styles/fic-palette/red.d.ts +0 -12
- package/dist/styles/fic-palette/yellow.d.ts +0 -12
- package/dist/styles/palette/base.d.ts +0 -18
- package/dist/styles/palette/base.js +0 -19
- package/dist/styles/palette/base.js.map +0 -1
- package/dist/styles/palette/blue.d.ts +0 -12
- package/dist/styles/palette/blue.js +0 -13
- package/dist/styles/palette/blue.js.map +0 -1
- package/dist/styles/palette/cyan.d.ts +0 -12
- package/dist/styles/palette/cyan.js.map +0 -1
- package/dist/styles/palette/fuchsia.d.ts +0 -12
- package/dist/styles/palette/fuchsia.js.map +0 -1
- package/dist/styles/palette/green.d.ts +0 -12
- package/dist/styles/palette/green.js +0 -13
- package/dist/styles/palette/green.js.map +0 -1
- package/dist/styles/palette/grey.d.ts +0 -12
- package/dist/styles/palette/grey.js +0 -13
- package/dist/styles/palette/grey.js.map +0 -1
- package/dist/styles/palette/index.d.ts +0 -31
- package/dist/styles/palette/index.js +0 -29
- package/dist/styles/palette/index.js.map +0 -1
- package/dist/styles/palette/indigo.d.ts +0 -12
- package/dist/styles/palette/indigo.js.map +0 -1
- package/dist/styles/palette/orange.d.ts +0 -12
- package/dist/styles/palette/orange.js.map +0 -1
- package/dist/styles/palette/pink.d.ts +0 -12
- package/dist/styles/palette/pink.js.map +0 -1
- package/dist/styles/palette/red.d.ts +0 -12
- package/dist/styles/palette/red.js +0 -13
- package/dist/styles/palette/red.js.map +0 -1
- package/dist/styles/palette/yellow.d.ts +0 -12
- package/dist/styles/palette/yellow.js +0 -13
- package/dist/styles/palette/yellow.js.map +0 -1
- package/dist/styles/palette.d.ts +0 -298
- package/dist/styles/shadows.d.ts +0 -3
- package/dist/utils/FICNumbers.js +0 -73
- package/dist/utils/FICNumbers.js.map +0 -1
@@ -1,12 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import { TabsItem } from './types';
|
3
|
-
interface Props {
|
4
|
-
className?: string;
|
5
|
-
tabs: TabsItem[];
|
6
|
-
distance?: number;
|
7
|
-
lateralPadding?: number;
|
8
|
-
scrollable?: boolean;
|
9
|
-
}
|
10
|
-
declare const Tabs: ({ tabs, className, scrollable, distance, lateralPadding }: Props) => JSX.Element;
|
11
|
-
export { Props as TabsProps };
|
12
|
-
export default Tabs;
|
@@ -1,63 +0,0 @@
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
3
|
-
return cooked;
|
4
|
-
};
|
5
|
-
var __assign = (this && this.__assign) || function () {
|
6
|
-
__assign = Object.assign || function(t) {
|
7
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
8
|
-
s = arguments[i];
|
9
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
10
|
-
t[p] = s[p];
|
11
|
-
}
|
12
|
-
return t;
|
13
|
-
};
|
14
|
-
return __assign.apply(this, arguments);
|
15
|
-
};
|
16
|
-
import React, { useMemo } from 'react';
|
17
|
-
import useTabItemsCount from './hooks/useTabItemsCount';
|
18
|
-
import useResizedWidth from './hooks/useResizedWidth';
|
19
|
-
import styled, { css } from 'styled-components';
|
20
|
-
import Item from './components/item/Item';
|
21
|
-
import TabsDropdown from './components/tabsDropdown/TabsDropdown';
|
22
|
-
var Tabs = function (_a) {
|
23
|
-
var tabs = _a.tabs, className = _a.className, _b = _a.scrollable, scrollable = _b === void 0 ? false : _b, _c = _a.distance, distance = _c === void 0 ? 15 : _c, _d = _a.lateralPadding, lateralPadding = _d === void 0 ? 23 : _d;
|
24
|
-
var _e = useResizedWidth(), elementsWrapperRef = _e.elementsWrapperRef, wrapperWidth = _e.wrapperWidth;
|
25
|
-
var tabsLength = tabs.length;
|
26
|
-
var tabsRefs = useMemo(function () { return Array.from(Array(tabsLength), function () { return React.createRef(); }); }, [tabsLength]);
|
27
|
-
var visibleCount = useTabItemsCount({
|
28
|
-
scrollable: scrollable,
|
29
|
-
distance: distance,
|
30
|
-
tabsLength: tabsLength,
|
31
|
-
wrapperWidth: wrapperWidth,
|
32
|
-
tabsRefs: tabsRefs,
|
33
|
-
lateralPadding: lateralPadding
|
34
|
-
}).visibleCount;
|
35
|
-
var tabsItems = useMemo(function () { return tabs.map(function (attrs, i) { return React.createElement(Item, __assign({ key: i, tabRef: tabsRefs[i] }, attrs)); }); }, [
|
36
|
-
tabs,
|
37
|
-
tabsRefs
|
38
|
-
]);
|
39
|
-
var visibleItems = useMemo(function () { return tabs.slice(0, visibleCount).map(function (attrs, i) { return React.createElement(Item, __assign({ key: i }, attrs)); }); }, [
|
40
|
-
tabs,
|
41
|
-
visibleCount
|
42
|
-
]);
|
43
|
-
var dropdownItems = useMemo(function () { return tabs.slice(visibleCount); }, [tabs, visibleCount]);
|
44
|
-
var dropdownVisible = dropdownItems.length !== 0;
|
45
|
-
var dropdownActive = dropdownItems.some(function (e) { return e.active; });
|
46
|
-
return (React.createElement(React.Fragment, null,
|
47
|
-
React.createElement(ScrollableWrapper, { className: className, distance: distance, hidden: !scrollable }, tabsItems),
|
48
|
-
!scrollable && (React.createElement(ElementsWrapper, { className: className, distance: distance, ref: elementsWrapperRef },
|
49
|
-
visibleItems,
|
50
|
-
dropdownVisible && React.createElement(TabsDropdown, { active: dropdownActive, items: dropdownItems })))));
|
51
|
-
};
|
52
|
-
var ElementsWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n box-sizing: border-box;\n height: 31px;\n alignment-baseline: baseline;\n display: flex;\n white-space: nowrap;\n margin-top: 3px;\n\n & > *:first-child {\n padding-left: 23px;\n }\n\n & > *:last-child {\n padding-right: 23px;\n }\n\n & > * + * {\n margin-left: ", "px;\n }\n"], ["\n box-sizing: border-box;\n height: 31px;\n alignment-baseline: baseline;\n display: flex;\n white-space: nowrap;\n margin-top: 3px;\n\n & > *:first-child {\n padding-left: 23px;\n }\n\n & > *:last-child {\n padding-right: 23px;\n }\n\n & > * + * {\n margin-left: ", "px;\n }\n"])), function (_a) {
|
53
|
-
var distance = _a.distance;
|
54
|
-
return distance;
|
55
|
-
});
|
56
|
-
var ScrollableWrapper = styled(ElementsWrapper)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 100%;\n max-width: 100%;\n overflow-x: auto;\n overflow-y: hidden;\n ", ";\n"], ["\n height: 100%;\n max-width: 100%;\n overflow-x: auto;\n overflow-y: hidden;\n ",
|
57
|
-
";\n"])), function (_a) {
|
58
|
-
var hidden = _a.hidden;
|
59
|
-
return hidden && css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n visibility: hidden;\n position: absolute;\n "], ["\n visibility: hidden;\n position: absolute;\n "])));
|
60
|
-
});
|
61
|
-
export default Tabs;
|
62
|
-
var templateObject_1, templateObject_2, templateObject_3;
|
63
|
-
//# sourceMappingURL=tabs.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/components/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,gBAAgB,MAAM,0BAA0B,CAAC;AACxD,OAAO,eAAe,MAAM,yBAAyB,CAAC;AACtD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,IAAI,MAAM,wBAAwB,CAAC;AAC1C,OAAO,YAAY,MAAM,wCAAwC,CAAC;AAUlE,IAAM,IAAI,GAAG,UAAC,EAAkF;QAAhF,cAAI,EAAE,wBAAS,EAAE,kBAAkB,EAAlB,uCAAkB,EAAE,gBAAa,EAAb,kCAAa,EAAE,sBAAmB,EAAnB,wCAAmB;IAC/E,IAAA,sBAAwD,EAAtD,0CAAkB,EAAE,8BAAkC,CAAC;IAE/D,IAAM,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC;IAE/B,IAAM,QAAQ,GAAsC,OAAO,CACzD,cAAM,OAAA,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,cAAM,OAAA,KAAK,CAAC,SAAS,EAAE,EAAjB,CAAiB,CAAC,EAAtD,CAAsD,EAC5D,CAAC,UAAU,CAAC,CACb,CAAC;IAEM,IAAA;;;;;;;mBAAY,CAOjB;IAEH,IAAM,SAAS,GAAG,OAAO,CAAC,cAAM,OAAA,IAAI,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,CAAC,IAAK,OAAA,oBAAC,IAAI,aAAC,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAM,KAAK,EAAI,EAAhD,CAAgD,CAAC,EAAxE,CAAwE,EAAE;QACxG,IAAI;QACJ,QAAQ;KACT,CAAC,CAAC;IACH,IAAM,YAAY,GAAG,OAAO,CAAC,cAAM,OAAA,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,CAAC,IAAK,OAAA,oBAAC,IAAI,aAAC,GAAG,EAAE,CAAC,IAAM,KAAK,EAAI,EAA3B,CAA2B,CAAC,EAA1E,CAA0E,EAAE;QAC7G,IAAI;QACJ,YAAY;KACb,CAAC,CAAC;IACH,IAAM,aAAa,GAAG,OAAO,CAAC,cAAM,OAAA,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,EAAxB,CAAwB,EAAE,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;IACpF,IAAM,eAAe,GAAG,aAAa,CAAC,MAAM,KAAK,CAAC,CAAC;IACnD,IAAM,cAAc,GAAG,aAAa,CAAC,IAAI,CAAC,UAAA,CAAC,IAAI,OAAA,CAAC,CAAC,MAAM,EAAR,CAAQ,CAAC,CAAC;IAEzD,OAAO,CACL;QACE,oBAAC,iBAAiB,IAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,UAAU,IAC7E,SAAS,CACQ;QACnB,CAAC,UAAU,IAAI,CACd,oBAAC,eAAe,IAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,kBAAkB;YAC/E,YAAY;YACZ,eAAe,IAAI,oBAAC,YAAY,IAAC,MAAM,EAAE,cAAc,EAAE,KAAK,EAAE,aAAa,GAAI,CAClE,CACnB,CACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAIF,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,gXAAsB,+RAiBrC,EAA0B,YAE5C,KAFkB,UAAC,EAAY;QAAV,sBAAQ;IAAO,OAAA,QAAQ;AAAR,CAAQ,CAE5C,CAAC;AAEF,IAAM,iBAAiB,GAAG,MAAM,CAAC,eAAe,CAAC,iKAAqB,uFAKlE;IAKC,KACJ,KANG,UAAC,EAAU;QAAR,kBAAM;IACT,OAAA,MAAM,IACN,GAAG,iIAAA,8DAGF,IAAA;AAJD,CAIC,CACJ,CAAC;AAGF,eAAe,IAAI,CAAC"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/tabs/types.ts"],"names":[],"mappings":""}
|
@@ -1,10 +0,0 @@
|
|
1
|
-
import { IconProps } from '../../../index';
|
2
|
-
import { TagStyle, TagType } from '../types';
|
3
|
-
export declare const StyledTag: import("styled-components").StyledComponent<"div", any, {
|
4
|
-
type: TagType;
|
5
|
-
tagStyle: TagStyle;
|
6
|
-
}, never>;
|
7
|
-
export declare const TagText: import("styled-components").StyledComponent<"div", any, {
|
8
|
-
leftIcon: IconProps | undefined;
|
9
|
-
rightIcon: IconProps | undefined;
|
10
|
-
}, never>;
|
@@ -1,49 +0,0 @@
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
3
|
-
return cooked;
|
4
|
-
};
|
5
|
-
import styled from 'styled-components';
|
6
|
-
var handletagType = function (type, theme) {
|
7
|
-
switch (type) {
|
8
|
-
case 'info':
|
9
|
-
return theme.palette.blue;
|
10
|
-
case 'success':
|
11
|
-
return theme.palette.green;
|
12
|
-
case 'warning':
|
13
|
-
return theme.palette.yellow;
|
14
|
-
case 'error':
|
15
|
-
return theme.palette.red;
|
16
|
-
default:
|
17
|
-
return theme.palette.grey;
|
18
|
-
}
|
19
|
-
};
|
20
|
-
var getTagColors = function (type, tagStyle) {
|
21
|
-
if (type === 'standard') {
|
22
|
-
var greyBkg = tagStyle === 'full' ? 600 : 100;
|
23
|
-
var greyColor = tagStyle === 'soft' ? 900 : 800;
|
24
|
-
return [greyBkg, greyColor];
|
25
|
-
}
|
26
|
-
var bkg = tagStyle === 'full' ? 500 : 50;
|
27
|
-
var color = tagStyle === 'soft' ? 900 : 500;
|
28
|
-
return [bkg, color];
|
29
|
-
};
|
30
|
-
export var StyledTag = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: inline-flex;\n flex-direction: row;\n border: 4px;\n align-items: center;\n font-weight: 500;\n font-size: 12px;\n line-height: 18px;\n text-align: center;\n border-radius: 4px;\n padding: 3px 8px;\n\n ", "\n"], ["\n display: inline-flex;\n flex-direction: row;\n border: 4px;\n align-items: center;\n font-weight: 500;\n font-size: 12px;\n line-height: 18px;\n text-align: center;\n border-radius: 4px;\n padding: 3px 8px;\n\n ",
|
31
|
-
"\n"])), function (_a) {
|
32
|
-
var type = _a.type, tagStyle = _a.tagStyle, theme = _a.theme;
|
33
|
-
var colorPalette = handletagType(type, theme);
|
34
|
-
var _b = getTagColors(type, tagStyle), bkg = _b[0], color = _b[1];
|
35
|
-
var bkgStyle = tagStyle === 'text'
|
36
|
-
? "background-color: " + theme.palette.white[100] + ";"
|
37
|
-
: "background-color: " + colorPalette[bkg] + ";";
|
38
|
-
var colorStyle = tagStyle === 'full' ? "color: " + theme.palette.white[100] + ";" : "color: " + colorPalette[color] + ";";
|
39
|
-
return bkgStyle + colorStyle;
|
40
|
-
});
|
41
|
-
export var TagText = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n padding-left: ", ";\n padding-right: ", ";\n"], ["\n padding-left: ", ";\n padding-right: ", ";\n"])), function (_a) {
|
42
|
-
var leftIcon = _a.leftIcon;
|
43
|
-
return (leftIcon ? '4px' : '0');
|
44
|
-
}, function (_a) {
|
45
|
-
var rightIcon = _a.rightIcon;
|
46
|
-
return (rightIcon ? '12px' : '0');
|
47
|
-
});
|
48
|
-
var templateObject_1, templateObject_2;
|
49
|
-
//# sourceMappingURL=StyledTag.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"StyledTag.js","sourceRoot":"","sources":["../../../../src/components/tag/components/StyledTag.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAIvC,IAAM,aAAa,GAAG,UAAC,IAAa,EAAE,KAAU;IAC9C,QAAQ,IAAI,EAAE;QACZ,KAAK,MAAM;YACT,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;QAC5B,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAC7B,KAAK,SAAS;YACZ,OAAO,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;QAC9B,KAAK,OAAO;YACV,OAAO,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC;QAC3B;YACE,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC;KAC7B;AACH,CAAC,CAAC;AAEF,IAAM,YAAY,GAAG,UAAC,IAAa,EAAE,QAAkB;IACrD,IAAI,IAAI,KAAK,UAAU,EAAE;QACvB,IAAM,OAAO,GAAG,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QAChD,IAAM,SAAS,GAAG,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;QAClD,OAAO,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;KAC7B;IACD,IAAM,GAAG,GAAG,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3C,IAAM,KAAK,GAAG,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAC9C,OAAO,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;AACtB,CAAC,CAAC;AACF,MAAM,CAAC,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,4SAGjC,mOAYE;IASD,IACF,KAVG,UAAC,EAAyB;QAAvB,cAAI,EAAE,sBAAQ,EAAE,gBAAK;IACxB,IAAM,YAAY,GAAG,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAC1C,IAAA,iCAA2C,EAA1C,WAAG,EAAE,aAAqC,CAAC;IAClD,IAAM,QAAQ,GACZ,QAAQ,KAAK,MAAM;QACjB,CAAC,CAAC,uBAAqB,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,MAAG;QAClD,CAAC,CAAC,uBAAqB,YAAY,CAAC,GAAG,CAAC,MAAG,CAAC;IAChD,IAAM,UAAU,GAAG,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,YAAU,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,MAAG,CAAC,CAAC,CAAC,YAAU,YAAY,CAAC,KAAK,CAAC,MAAG,CAAC;IAClH,OAAO,QAAQ,GAAG,UAAU,CAAC;AAC/B,CAAC,CACF,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,sHAAuE,oBACtF,EAA0C,sBACzC,EAA6C,KAC/D,KAFiB,UAAC,EAAY;QAAV,sBAAQ;IAAO,OAAA,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC;AAAxB,CAAwB,EACzC,UAAC,EAAa;QAAX,wBAAS;IAAO,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC;AAA1B,CAA0B,CAC/D,CAAC"}
|
@@ -1,48 +0,0 @@
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
3
|
-
return cooked;
|
4
|
-
};
|
5
|
-
var __assign = (this && this.__assign) || function () {
|
6
|
-
__assign = Object.assign || function(t) {
|
7
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
8
|
-
s = arguments[i];
|
9
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
10
|
-
t[p] = s[p];
|
11
|
-
}
|
12
|
-
return t;
|
13
|
-
};
|
14
|
-
return __assign.apply(this, arguments);
|
15
|
-
};
|
16
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
17
|
-
var t = {};
|
18
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
19
|
-
t[p] = s[p];
|
20
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
21
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
22
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
23
|
-
t[p[i]] = s[p[i]];
|
24
|
-
}
|
25
|
-
return t;
|
26
|
-
};
|
27
|
-
import React, { useCallback } from 'react';
|
28
|
-
import styled, { css } from 'styled-components';
|
29
|
-
var TextButton = function (_a) {
|
30
|
-
var text = _a.text, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, onClick = _a.onClick, rest = __rest(_a, ["text", "isDisabled", "onClick"]);
|
31
|
-
var callback = useCallback(function () {
|
32
|
-
!isDisabled && onClick();
|
33
|
-
}, [isDisabled, onClick]);
|
34
|
-
return (React.createElement(Wrapper, __assign({ isDisabled: isDisabled, onClick: callback }, rest), text));
|
35
|
-
};
|
36
|
-
var getColorIntensity = function (color) { return (color === 'white' ? 100 : 500); };
|
37
|
-
var enabledCss = function (theme, color) { return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n cursor: pointer;\n &:hover {\n text-decoration: underline;\n }\n"], ["\n color: ", ";\n cursor: pointer;\n &:hover {\n text-decoration: underline;\n }\n"])), theme.palette[color !== null && color !== void 0 ? color : 'primary'][getColorIntensity(color)]); };
|
38
|
-
var disabledCss = css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n color: ", ";\n cursor: default;\n text-decoration: none;\n"], ["\n color: ", ";\n cursor: default;\n text-decoration: none;\n"])), function (_a) {
|
39
|
-
var theme = _a.theme;
|
40
|
-
return theme.palette.grey[500];
|
41
|
-
});
|
42
|
-
var Wrapper = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
43
|
-
var theme = _a.theme, isDisabled = _a.isDisabled, color = _a.color;
|
44
|
-
return (isDisabled ? disabledCss : enabledCss(theme, color));
|
45
|
-
});
|
46
|
-
export default TextButton;
|
47
|
-
var templateObject_1, templateObject_2, templateObject_3;
|
48
|
-
//# sourceMappingURL=TextButton.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"TextButton.js","sourceRoot":"","sources":["../../../src/components/textButton/TextButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAMhD,IAAM,UAAU,GAAG,UAAC,EAAqD;IAAnD,IAAA,cAAI,EAAE,kBAAkB,EAAlB,uCAAkB,EAAE,oBAAO,EAAE,oDAAO;IAC9D,IAAM,QAAQ,GAAG,WAAW,CAAC;QAC3B,CAAC,UAAU,IAAI,OAAO,EAAE,CAAC;IAC3B,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAC1B,OAAO,CACL,oBAAC,OAAO,aAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,QAAQ,IAAM,IAAI,GACzD,IAAI,CACG,CACX,CAAC;AACJ,CAAC,CAAC;AASF,IAAM,iBAAiB,GAAG,UAAC,KAAqB,IAAa,OAAA,CAAC,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,EAA/B,CAA+B,CAAC;AAE7F,IAAM,UAAU,GAAG,UAAC,KAAU,EAAE,KAAqB,IAAK,OAAA,GAAG,8JAA2B,aAC7E,EAA2D,4EAKrE,KALU,KAAK,CAAC,OAAO,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,CAAC,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,GADZ,CAMzD,CAAC;AAEF,IAAM,WAAW,GAAG,GAAG,qIAAA,aACZ,EAAsC,mDAGhD,KAHU,UAAC,EAAS;QAAP,gBAAK;IAAO,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAAvB,CAAuB,CAGhD,CAAC;AAEF,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,+EAAc,MACpC,EAAuF,IAC1F,KADG,UAAC,EAA4B;QAA1B,gBAAK,EAAE,0BAAU,EAAE,gBAAK;IAAO,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AAArD,CAAqD,CAC1F,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/textButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
@@ -1,25 +0,0 @@
|
|
1
|
-
import { boolean, select, text, withKnobs } from '@storybook/addon-knobs';
|
2
|
-
import { storiesOf } from '@storybook/react';
|
3
|
-
import React from 'react';
|
4
|
-
import { defaultTheme } from '../../styles/theme';
|
5
|
-
import { GlobalStyles } from '../../utils/globalStyles';
|
6
|
-
import { ThemeProvider } from '../themeProvider';
|
7
|
-
import TextButton from './TextButton';
|
8
|
-
var stories = storiesOf('TextButton', module);
|
9
|
-
stories.addDecorator(withKnobs);
|
10
|
-
stories.add('with Knobs', function () {
|
11
|
-
var buttonText = text('text', 'Invia fattura');
|
12
|
-
var color = select('color', {
|
13
|
-
blue: 'blue',
|
14
|
-
red: 'red',
|
15
|
-
green: 'green',
|
16
|
-
yellow: 'yellow',
|
17
|
-
white: 'white'
|
18
|
-
}, 'blue');
|
19
|
-
var isDisabled = boolean('isDisabled', false);
|
20
|
-
var onClick = function () { return console.log('Hai cliccato il bottone'); };
|
21
|
-
return (React.createElement(ThemeProvider, { theme: defaultTheme },
|
22
|
-
React.createElement(GlobalStyles, null),
|
23
|
-
React.createElement(TextButton, { color: color, isDisabled: isDisabled, onClick: onClick, text: buttonText })));
|
24
|
-
});
|
25
|
-
//# sourceMappingURL=textButton.stories.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"textButton.stories.js","sourceRoot":"","sources":["../../../src/components/textButton/textButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,IAAM,OAAO,GAAG,SAAS,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAEhD,OAAO,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;AAEhC,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE;IACxB,IAAM,UAAU,GAAG,IAAI,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IACjD,IAAM,KAAK,GAAkD,MAAM,CACjE,OAAO,EACP;QACE,IAAI,EAAE,MAAM;QACZ,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,OAAO;QACd,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,OAAO;KACf,EACD,MAAM,CACP,CAAC;IAEF,IAAM,UAAU,GAAG,OAAO,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;IAChD,IAAM,OAAO,GAAG,cAAM,OAAA,OAAO,CAAC,GAAG,CAAC,yBAAyB,CAAC,EAAtC,CAAsC,CAAC;IAE7D,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,YAAY;QAChC,oBAAC,YAAY,OAAG;QAChB,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,GAAI,CAC1E,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import { TPlacement } from '../types';
|
2
|
-
interface MessageInterface {
|
3
|
-
messageHeight: number;
|
4
|
-
messageWidth: number;
|
5
|
-
placement: TPlacement;
|
6
|
-
triggerDimension: {
|
7
|
-
width: number;
|
8
|
-
height: number;
|
9
|
-
};
|
10
|
-
}
|
11
|
-
export declare const Message: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, MessageInterface, never>;
|
12
|
-
export {};
|
@@ -1,37 +0,0 @@
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
3
|
-
return cooked;
|
4
|
-
};
|
5
|
-
import styled, { css } from 'styled-components';
|
6
|
-
import { spacing } from '../../../styles/spacing';
|
7
|
-
var arrowSharedStyle = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n width: 0;\n height: 0;\n z-index: 1;\n"], ["\n position: absolute;\n width: 0;\n height: 0;\n z-index: 1;\n"])));
|
8
|
-
export var Message = styled.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: inline-block;\n position: absolute;\n font-size: 14px;\n line-height: 21px;\n z-index: 999;\n\n ", "\n\n padding: ", " ", ";\n width: 300px;\n filter: drop-shadow(0px 3px 6px rgba(51, 51, 51, 0.26));\n border-radius: 4px;\n\n ", "\n\n .message_arrow_container {\n position: relative;\n width: 100%;\n text-align: center;\n }\n\n .arrow__up {\n ", "\n bottom: calc(100% + ", ");\n left: 50%;\n transform: translateX(-50%);\n border-left: 12px solid transparent;\n border-right: 12px solid transparent;\n border-bottom: 12px solid ", ";\n }\n\n .arrow__down {\n ", "\n top: calc(100% + ", ");\n left: 50%;\n transform: translateX(-50%);\n border-left: 12px solid transparent;\n border-right: 12px solid transparent;\n border-top: 12px solid ", ";\n }\n\n .arrow__right {\n ", "\n top: 50%;\n right: calc(-", " - ", ");\n transform: translateY(-50%);\n border-top: 12px solid transparent;\n border-bottom: 12px solid transparent;\n border-left: 12px solid ", ";\n }\n\n .arrow__left {\n ", "\n top: 50%;\n left: calc(-", " - ", "); \n transform: translateY(-50%);\n border-top: 12px solid transparent;\n border-bottom: 12px solid transparent;\n border-right: 12px solid ", ";\n }\n"], ["\n display: inline-block;\n position: absolute;\n font-size: 14px;\n line-height: 21px;\n z-index: 999;\n\n ",
|
9
|
-
"\n\n padding: ", " ", ";\n width: 300px;\n filter: drop-shadow(0px 3px 6px rgba(51, 51, 51, 0.26));\n border-radius: 4px;\n\n ",
|
10
|
-
"\n\n .message_arrow_container {\n position: relative;\n width: 100%;\n text-align: center;\n }\n\n .arrow__up {\n ", "\n bottom: calc(100% + ", ");\n left: 50%;\n transform: translateX(-50%);\n border-left: 12px solid transparent;\n border-right: 12px solid transparent;\n border-bottom: 12px solid ", ";\n }\n\n .arrow__down {\n ", "\n top: calc(100% + ", ");\n left: 50%;\n transform: translateX(-50%);\n border-left: 12px solid transparent;\n border-right: 12px solid transparent;\n border-top: 12px solid ", ";\n }\n\n .arrow__right {\n ", "\n top: 50%;\n right: calc(-", " - ", ");\n transform: translateY(-50%);\n border-top: 12px solid transparent;\n border-bottom: 12px solid transparent;\n border-left: 12px solid ", ";\n }\n\n .arrow__left {\n ", "\n top: 50%;\n left: calc(-", " - ", "); \n transform: translateY(-50%);\n border-top: 12px solid transparent;\n border-bottom: 12px solid transparent;\n border-right: 12px solid ", ";\n }\n"])), function (_a) {
|
11
|
-
var messageWidth = _a.messageWidth, messageHeight = _a.messageHeight, triggerDimension = _a.triggerDimension, placement = _a.placement;
|
12
|
-
if (placement === 'top' || placement === 'bottom') {
|
13
|
-
return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n top: ", ";\n left: ", "px;\n transform: translateX(-50%);\n "], ["\n top: ",
|
14
|
-
";\n left: ", "px;\n transform: translateX(-50%);\n "])), placement === 'top'
|
15
|
-
? css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["calc(-", "px - 16px)"], ["calc(-", "px - 16px)"])), messageHeight) : css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["calc(", "px + 16px)"], ["calc(", "px + 16px)"])), triggerDimension.height), triggerDimension.width / 2);
|
16
|
-
}
|
17
|
-
return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n top: ", "px;\n left: ", ";\n transform: translateY(-50%);\n "], ["\n top: ", "px;\n left: ",
|
18
|
-
";\n transform: translateY(-50%);\n "])), triggerDimension.height / 2, placement === 'left'
|
19
|
-
? css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["calc(-", "px - 16px)"], ["calc(-", "px - 16px)"])), messageWidth) : css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["calc(", "px + 16px)"], ["calc(", "px + 16px)"])), triggerDimension.width));
|
20
|
-
}, spacing.m, spacing.s, function (_a) {
|
21
|
-
var palette = _a.theme.palette;
|
22
|
-
return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n "], ["\n background-color: ", ";\n color: ", ";\n "])), palette.white[100], palette.grey[500]);
|
23
|
-
}, arrowSharedStyle, spacing.s, function (_a) {
|
24
|
-
var palette = _a.theme.palette;
|
25
|
-
return palette.white[100];
|
26
|
-
}, arrowSharedStyle, spacing.s, function (_a) {
|
27
|
-
var palette = _a.theme.palette;
|
28
|
-
return palette.white[100];
|
29
|
-
}, arrowSharedStyle, spacing.m, spacing.xxs, function (_a) {
|
30
|
-
var palette = _a.theme.palette;
|
31
|
-
return palette.white[100];
|
32
|
-
}, arrowSharedStyle, spacing.m, spacing.xxs, function (_a) {
|
33
|
-
var palette = _a.theme.palette;
|
34
|
-
return palette.white[100];
|
35
|
-
});
|
36
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
37
|
-
//# sourceMappingURL=message.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"message.js","sourceRoot":"","sources":["../../../../src/components/tooltips/components/message.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAalD,IAAM,gBAAgB,GAAG,GAAG,wIAAA,qEAK3B,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,+1CAAkB,oHAO/C;IAiBD,iBAEU,EAAS,GAAI,EAAS,6GAK/B;IAGD,mIASG,EAAgB,4BACI,EAAS,2KAKH,EAA8C,kCAIxE,EAAgB,yBACC,EAAS,wKAKH,EAA8C,mCAIrE,EAAgB,oCAEH,EAAS,KAAM,EAAW,yJAIf,EAA8C,kCAItE,EAAgB,mCAEJ,EAAS,KAAM,EAAW,6JAIb,EAA8C,UAE5E,KA1EG,UAAC,EAA4D;QAA1D,8BAAY,EAAE,gCAAa,EAAE,sCAAgB,EAAE,wBAAS;IAC3D,IAAI,SAAS,KAAK,KAAK,IAAI,SAAS,KAAK,QAAQ,EAAE;QACjD,OAAO,GAAG,8JAAA,iBACD;YAE2C,mBAC1C,EAA0B,mDAEnC,KALQ,SAAS,KAAK,KAAK;YACxB,CAAC,CAAC,GAAG,yFAAA,QAAS,EAAa,YAAY,KAAzB,aAAa,EAC3B,CAAC,CAAC,GAAG,wFAAA,OAAQ,EAAuB,YAAY,KAAnC,gBAAgB,CAAC,MAAM,CAAY,EAC1C,gBAAgB,CAAC,KAAK,GAAG,CAAC,EAElC;KACH;IACD,OAAO,GAAG,sJAAA,eACD,EAA2B,mBAC1B;QAEyC,6CAElD,KALQ,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAC1B,SAAS,KAAK,MAAM;QAC1B,CAAC,CAAC,GAAG,yFAAA,QAAS,EAAY,YAAY,KAAxB,YAAY,EAC1B,CAAC,CAAC,GAAG,wFAAA,OAAQ,EAAsB,YAAY,KAAlC,gBAAgB,CAAC,KAAK,CAAY,EAEjD;AACJ,CAAC,EAEU,OAAO,CAAC,CAAC,EAAI,OAAO,CAAC,CAAC,EAK/B,UAAC,EAAsB;QAAX,0BAAO;IAAS,OAAA,GAAG,wHAAA,0BACX,EAAkB,gBAC7B,EAAiB,OAC3B,KAFqB,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,EAC7B,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC;AAFE,CAG7B,EASG,gBAAgB,EACI,OAAO,CAAC,CAAC,EAKH,UAAC,EAAsB;QAAX,0BAAO;IAAS,OAAA,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;AAAlB,CAAkB,EAIxE,gBAAgB,EACC,OAAO,CAAC,CAAC,EAKH,UAAC,EAAsB;QAAX,0BAAO;IAAS,OAAA,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;AAAlB,CAAkB,EAIrE,gBAAgB,EAEH,OAAO,CAAC,CAAC,EAAM,OAAO,CAAC,GAAG,EAIf,UAAC,EAAsB;QAAX,0BAAO;IAAS,OAAA,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;AAAlB,CAAkB,EAItE,gBAAgB,EAEJ,OAAO,CAAC,CAAC,EAAM,OAAO,CAAC,GAAG,EAIb,UAAC,EAAsB;QAAX,0BAAO;IAAS,OAAA,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC;AAAlB,CAAkB,CAE5E,CAAC"}
|
@@ -1 +0,0 @@
|
|
1
|
-
export declare const StyledTooltipWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
@@ -1,8 +0,0 @@
|
|
1
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
2
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
3
|
-
return cooked;
|
4
|
-
};
|
5
|
-
import styled from 'styled-components';
|
6
|
-
export var StyledTooltipWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .wrapped {\n position: relative;\n display: inline-block;\n cursor: pointer;\n &.fullWidth {\n display: block;\n }\n }\n"], ["\n .wrapped {\n position: relative;\n display: inline-block;\n cursor: pointer;\n &.fullWidth {\n display: block;\n }\n }\n"])));
|
7
|
-
var templateObject_1;
|
8
|
-
//# sourceMappingURL=styledTooltipWrapper.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"styledTooltipWrapper.js","sourceRoot":"","sources":["../../../../src/components/tooltips/components/styledTooltipWrapper.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,sNAAA,mJAS7C,IAAA,CAAC"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tooltips/index.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,YAAY,CAAC;AAEjC,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
@@ -1,15 +0,0 @@
|
|
1
|
-
import React, { Component } from 'react';
|
2
|
-
import { TTooltip, UnstyledTooltipPropsInterface, UnstyledTooltipStateInterface } from './types';
|
3
|
-
export declare class UnstyledTooltip extends Component<UnstyledTooltipPropsInterface, UnstyledTooltipStateInterface> {
|
4
|
-
constructor(props: UnstyledTooltipPropsInterface);
|
5
|
-
messageRef: React.RefObject<HTMLDivElement>;
|
6
|
-
triggerRef: React.RefObject<HTMLDivElement>;
|
7
|
-
componentDidMount(): void;
|
8
|
-
componentDidUpdate(prevProps: UnstyledTooltipPropsInterface): void;
|
9
|
-
handleMouseLeave: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
10
|
-
handleMouseEnter: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
|
11
|
-
updateStateDimensions: (width: number, height: number) => void;
|
12
|
-
render(): JSX.Element;
|
13
|
-
}
|
14
|
-
declare const Tooltip: TTooltip;
|
15
|
-
export default Tooltip;
|
@@ -1,106 +0,0 @@
|
|
1
|
-
var __extends = (this && this.__extends) || (function () {
|
2
|
-
var extendStatics = function (d, b) {
|
3
|
-
extendStatics = Object.setPrototypeOf ||
|
4
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
5
|
-
function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };
|
6
|
-
return extendStatics(d, b);
|
7
|
-
};
|
8
|
-
return function (d, b) {
|
9
|
-
extendStatics(d, b);
|
10
|
-
function __() { this.constructor = d; }
|
11
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
12
|
-
};
|
13
|
-
})();
|
14
|
-
var __assign = (this && this.__assign) || function () {
|
15
|
-
__assign = Object.assign || function(t) {
|
16
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
17
|
-
s = arguments[i];
|
18
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
19
|
-
t[p] = s[p];
|
20
|
-
}
|
21
|
-
return t;
|
22
|
-
};
|
23
|
-
return __assign.apply(this, arguments);
|
24
|
-
};
|
25
|
-
import React, { Component } from 'react';
|
26
|
-
import { Message } from './components/message';
|
27
|
-
import { StyledTooltipWrapper } from './components/styledTooltipWrapper';
|
28
|
-
var UnstyledTooltip = /** @class */ (function (_super) {
|
29
|
-
__extends(UnstyledTooltip, _super);
|
30
|
-
function UnstyledTooltip(props) {
|
31
|
-
var _this = _super.call(this, props) || this;
|
32
|
-
_this.messageRef = React.createRef();
|
33
|
-
_this.triggerRef = React.createRef();
|
34
|
-
_this.handleMouseLeave = function (e) {
|
35
|
-
e.preventDefault();
|
36
|
-
e.stopPropagation();
|
37
|
-
var isMessageVisible = _this.props.isMessageVisible;
|
38
|
-
_this.setState({ show: isMessageVisible || false });
|
39
|
-
};
|
40
|
-
_this.handleMouseEnter = function (e) {
|
41
|
-
e.preventDefault();
|
42
|
-
e.stopPropagation();
|
43
|
-
var triggerElement = e.currentTarget;
|
44
|
-
var clientWidth = triggerElement.clientWidth, clientHeight = triggerElement.clientHeight;
|
45
|
-
_this.updateStateDimensions(clientWidth, clientHeight);
|
46
|
-
};
|
47
|
-
_this.updateStateDimensions = function (width, height) {
|
48
|
-
_this.setState({ show: true }, function () {
|
49
|
-
_this.setState({
|
50
|
-
triggerDimension: { width: width, height: height }
|
51
|
-
}, function () {
|
52
|
-
if (_this.messageRef.current) {
|
53
|
-
var _a = _this.messageRef.current, clientHeight = _a.clientHeight, clientWidth = _a.clientWidth;
|
54
|
-
_this.setState({ messageHeight: clientHeight, messageWidth: clientWidth });
|
55
|
-
}
|
56
|
-
});
|
57
|
-
});
|
58
|
-
};
|
59
|
-
_this.state = {
|
60
|
-
show: props.isMessageVisible || false,
|
61
|
-
messageHeight: 0,
|
62
|
-
messageWidth: 0,
|
63
|
-
triggerDimension: {
|
64
|
-
width: 0,
|
65
|
-
height: 0
|
66
|
-
}
|
67
|
-
};
|
68
|
-
return _this;
|
69
|
-
}
|
70
|
-
UnstyledTooltip.prototype.componentDidMount = function () {
|
71
|
-
var isMessageVisible = this.props.isMessageVisible;
|
72
|
-
var triggerElement = this.triggerRef.current;
|
73
|
-
if (isMessageVisible && triggerElement) {
|
74
|
-
var clientWidth = triggerElement.clientWidth, clientHeight = triggerElement.clientHeight;
|
75
|
-
this.updateStateDimensions(clientWidth, clientHeight);
|
76
|
-
}
|
77
|
-
};
|
78
|
-
UnstyledTooltip.prototype.componentDidUpdate = function (prevProps) {
|
79
|
-
var isMessageVisible = this.props.isMessageVisible;
|
80
|
-
if (prevProps.isMessageVisible !== isMessageVisible) {
|
81
|
-
this.setState({ show: Boolean(isMessageVisible) });
|
82
|
-
}
|
83
|
-
};
|
84
|
-
UnstyledTooltip.prototype.render = function () {
|
85
|
-
var _a = this.props, message = _a.message, renderMessage = _a.renderMessage, placement = _a.placement, isFullWidth = _a.isFullWidth;
|
86
|
-
var _b = this.state, show = _b.show, messageHeight = _b.messageHeight, messageWidth = _b.messageWidth, triggerDimension = _b.triggerDimension;
|
87
|
-
return (React.createElement("div", { className: "wrapped " + (Boolean(isFullWidth) ? 'fullWidth' : '') },
|
88
|
-
show ? (React.createElement(Message, { ref: this.messageRef, messageHeight: messageHeight ? messageHeight : 0, messageWidth: messageWidth ? messageWidth : 0, placement: placement, triggerDimension: triggerDimension },
|
89
|
-
React.createElement("div", { className: "message_arrow_container" },
|
90
|
-
renderMessage ? renderMessage() : message,
|
91
|
-
placement === 'bottom' ? React.createElement("div", { className: "arrow__up" }) : null,
|
92
|
-
placement === 'top' ? React.createElement("div", { className: "arrow__down" }) : null,
|
93
|
-
placement === 'left' ? React.createElement("div", { className: "arrow__right" }) : null,
|
94
|
-
placement === 'right' ? React.createElement("div", { className: "arrow__left" }) : null))) : null,
|
95
|
-
React.createElement("div", { ref: this.triggerRef, onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave }, this.props.children)));
|
96
|
-
};
|
97
|
-
return UnstyledTooltip;
|
98
|
-
}(Component));
|
99
|
-
export { UnstyledTooltip };
|
100
|
-
var Tooltip = function (props) {
|
101
|
-
var message = props.message, renderMessage = props.renderMessage, placement = props.placement;
|
102
|
-
return (React.createElement(StyledTooltipWrapper, __assign({}, props),
|
103
|
-
React.createElement(UnstyledTooltip, { placement: placement, message: message, renderMessage: renderMessage, isMessageVisible: props.isMessageVisible, isFullWidth: props.isFullWidth }, props.children)));
|
104
|
-
};
|
105
|
-
export default Tooltip;
|
106
|
-
//# sourceMappingURL=tooltips.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"tooltips.js","sourceRoot":"","sources":["../../../src/components/tooltips/tooltips.tsx"],"names":[],"mappings":"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"}
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1,54 +0,0 @@
|
|
1
|
-
import { text, boolean, select, withKnobs } from '@storybook/addon-knobs';
|
2
|
-
import { storiesOf } from '@storybook/react';
|
3
|
-
import React from 'react';
|
4
|
-
import { GlobalStyles } from '../../utils/globalStyles';
|
5
|
-
import { Tooltip } from './';
|
6
|
-
import { ThemeProvider } from '../themeProvider';
|
7
|
-
import { defaultTheme } from '../../styles/theme';
|
8
|
-
import { faInfoCircle } from '@fortawesome/pro-solid-svg-icons';
|
9
|
-
import { Icon } from '../icon/Icon';
|
10
|
-
var stories = storiesOf('Tooltips', module);
|
11
|
-
stories.addDecorator(withKnobs);
|
12
|
-
stories.add('top', function () { return (React.createElement(ThemeProvider, { theme: defaultTheme },
|
13
|
-
React.createElement(GlobalStyles, null),
|
14
|
-
React.createElement("div", { style: { marginTop: '8rem', marginLeft: '12rem' } },
|
15
|
-
React.createElement(Tooltip, { placement: "top", message: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos debitis sunt ducimus." },
|
16
|
-
React.createElement(Icon, { icon: faInfoCircle }))))); });
|
17
|
-
stories.add('bottom', function () { return (React.createElement(ThemeProvider, { theme: defaultTheme },
|
18
|
-
React.createElement(GlobalStyles, null),
|
19
|
-
React.createElement("div", { style: { marginTop: '8rem', marginLeft: '12rem' } },
|
20
|
-
React.createElement(Tooltip, { placement: "bottom", message: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos debitis sunt ducimus." },
|
21
|
-
React.createElement(Icon, { icon: faInfoCircle }))))); });
|
22
|
-
stories.add('right', function () { return (React.createElement(ThemeProvider, { theme: defaultTheme },
|
23
|
-
React.createElement(GlobalStyles, null),
|
24
|
-
React.createElement("div", { style: { marginTop: '8rem' } }),
|
25
|
-
React.createElement(Tooltip, { placement: "right", message: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos debitis sunt ducimus." },
|
26
|
-
React.createElement(Icon, { icon: faInfoCircle })))); });
|
27
|
-
stories.add('left', function () { return (React.createElement(ThemeProvider, { theme: defaultTheme },
|
28
|
-
React.createElement(GlobalStyles, null),
|
29
|
-
React.createElement("div", { style: { marginTop: '8rem', marginLeft: '30rem' } },
|
30
|
-
React.createElement(Tooltip, { placement: "left", message: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos debitis sunt ducimus." },
|
31
|
-
React.createElement(Icon, { icon: faInfoCircle }))))); });
|
32
|
-
stories.add('with knobs', function () {
|
33
|
-
var isMessageVisible = boolean('isMessageVisible', true);
|
34
|
-
var placement = select('color', {
|
35
|
-
left: 'left',
|
36
|
-
right: 'right',
|
37
|
-
top: 'top',
|
38
|
-
bottom: 'bottom'
|
39
|
-
}, 'left');
|
40
|
-
var message = text('message', 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos debitis sunt ducimus.');
|
41
|
-
return (React.createElement(ThemeProvider, { theme: defaultTheme },
|
42
|
-
React.createElement(GlobalStyles, null),
|
43
|
-
React.createElement("div", { style: { marginTop: '8rem', marginLeft: '30rem' } }, placement && (React.createElement(Tooltip, { placement: placement, message: message, isMessageVisible: isMessageVisible },
|
44
|
-
React.createElement(Icon, { icon: faInfoCircle }))))));
|
45
|
-
});
|
46
|
-
stories.add('left testo esagerato', function () {
|
47
|
-
var message = text('currentPage', "Lorem ipsum dolor sit amet, consectetur adipisicing elit. \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. \n Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos debitis sunt ducimus, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos debitis sunt ducimus Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos debitis sunt ducimus.Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos debitis sunt ducimus, Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos debitis sunt ducimus Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos debitis sunt ducimus.");
|
48
|
-
return (React.createElement(ThemeProvider, { theme: defaultTheme },
|
49
|
-
React.createElement(GlobalStyles, null),
|
50
|
-
React.createElement("div", { style: { marginTop: '8rem', marginLeft: '30rem' } },
|
51
|
-
React.createElement(Tooltip, { placement: "right", message: message },
|
52
|
-
React.createElement(Icon, { icon: faInfoCircle })))));
|
53
|
-
});
|
54
|
-
//# sourceMappingURL=tooltips.stories.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"tooltips.stories.js","sourceRoot":"","sources":["../../../src/components/tooltips/tooltips.stories.tsx"],"names":[],"mappings":"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"}
|
@@ -1,25 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
export declare type TPlacement = 'top' | 'left' | 'right' | 'bottom';
|
3
|
-
export declare type TTooltip = React.FunctionComponent<{
|
4
|
-
message?: string;
|
5
|
-
renderMessage?: () => JSX.Element;
|
6
|
-
placement: TPlacement;
|
7
|
-
isMessageVisible?: boolean;
|
8
|
-
isFullWidth?: boolean;
|
9
|
-
}>;
|
10
|
-
export interface UnstyledTooltipPropsInterface {
|
11
|
-
message?: string;
|
12
|
-
renderMessage?: () => JSX.Element;
|
13
|
-
placement: TPlacement;
|
14
|
-
isMessageVisible?: boolean;
|
15
|
-
isFullWidth?: boolean;
|
16
|
-
}
|
17
|
-
export interface UnstyledTooltipStateInterface {
|
18
|
-
show: boolean;
|
19
|
-
messageHeight?: number;
|
20
|
-
messageWidth?: number;
|
21
|
-
triggerDimension: {
|
22
|
-
width: number;
|
23
|
-
height: number;
|
24
|
-
};
|
25
|
-
}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/tooltips/types.ts"],"names":[],"mappings":""}
|
@@ -1,18 +0,0 @@
|
|
1
|
-
export declare const black: {
|
2
|
-
8: string;
|
3
|
-
16: string;
|
4
|
-
48: string;
|
5
|
-
80: string;
|
6
|
-
100: string;
|
7
|
-
};
|
8
|
-
export declare const white: {
|
9
|
-
8: string;
|
10
|
-
16: string;
|
11
|
-
48: string;
|
12
|
-
80: string;
|
13
|
-
100: string;
|
14
|
-
};
|
15
|
-
export declare const base: {
|
16
|
-
transparent: string;
|
17
|
-
gradientBlue: string;
|
18
|
-
};
|