@taiv/ui 1.15.0 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/assets.d.ts +12 -1
- package/dist/assets/assets.d.ts.map +1 -1
- package/dist/assets/assets.js +22 -16
- package/dist/assets/brand/taiv-favicon-dark.png +0 -0
- package/dist/assets/brand/taiv-favicon-light.png +0 -0
- package/dist/assets/brand/taiv-icon-black.svg +10 -0
- package/dist/assets/brand/taiv-icon-dark.svg +17 -0
- package/dist/assets/brand/taiv-icon-white.svg +17 -0
- package/dist/assets/brand/taiv-logo-black.svg +16 -0
- package/dist/assets/brand/taiv-logo-dark.svg +23 -0
- package/dist/assets/brand/taiv-logo-old.svg +1 -0
- package/dist/assets/brand/taiv-logo-purple.svg +16 -0
- package/dist/assets/brand/taiv-logo-white.svg +23 -0
- package/dist/assets/icons.d.ts +1 -1
- package/dist/assets/icons.d.ts.map +1 -1
- package/dist/assets/icons.js +57 -53
- package/dist/assets/index.d.ts +3 -0
- package/dist/assets/index.d.ts.map +1 -0
- package/dist/assets/index.js +2 -0
- package/dist/components/Data/BigCalendar/BigCalendar.d.ts +26 -0
- package/dist/components/Data/BigCalendar/BigCalendar.d.ts.map +1 -0
- package/dist/components/Data/BigCalendar/BigCalendar.js +54 -0
- package/dist/components/Data/BigCalendar/BigCalendar.stories.d.ts +8 -0
- package/dist/components/Data/BigCalendar/BigCalendar.stories.d.ts.map +1 -0
- package/dist/components/Data/BigCalendar/BigCalendar.stories.js +77 -0
- package/dist/components/Data/Calendar/Calendar.d.ts +102 -0
- package/dist/components/Data/Calendar/Calendar.d.ts.map +1 -0
- package/dist/components/Data/Calendar/Calendar.js +671 -0
- package/dist/components/Data/Calendar/Calendar.stories.d.ts +10 -0
- package/dist/components/Data/Calendar/Calendar.stories.d.ts.map +1 -0
- package/dist/components/Data/Calendar/Calendar.stories.js +87 -0
- package/dist/components/Data/MediaPill/MediaPill.d.ts +27 -0
- package/dist/components/Data/MediaPill/MediaPill.d.ts.map +1 -0
- package/dist/components/Data/MediaPill/MediaPill.js +53 -0
- package/dist/components/Data/MediaPill/MediaPill.stories.d.ts +10 -0
- package/dist/components/Data/MediaPill/MediaPill.stories.d.ts.map +1 -0
- package/dist/components/Data/MediaPill/MediaPill.stories.js +51 -0
- package/dist/components/Info/Avatar/Avatar.d.ts +9 -0
- package/dist/components/Info/Avatar/Avatar.d.ts.map +1 -0
- package/dist/components/Info/Avatar/Avatar.js +36 -0
- package/dist/components/Info/Avatar/Avatar.stories.d.ts +9 -0
- package/dist/components/Info/Avatar/Avatar.stories.d.ts.map +1 -0
- package/dist/components/Info/Avatar/Avatar.stories.js +78 -0
- package/dist/components/Info/Badge/Badge.stories.d.ts.map +1 -1
- package/dist/components/Info/Badge/Badge.stories.js +21 -6
- package/dist/components/Info/Badge/sizes.d.ts +10 -10
- package/dist/components/Info/Badge/sizes.js +16 -16
- package/dist/components/Info/Badge/variants.d.ts +4 -4
- package/dist/components/Info/Badge/variants.d.ts.map +1 -1
- package/dist/components/Info/Badge/variants.js +26 -13
- package/dist/components/Info/Drawer/Drawer.d.ts +24 -0
- package/dist/components/Info/Drawer/Drawer.d.ts.map +1 -0
- package/dist/components/Info/Drawer/Drawer.js +44 -0
- package/dist/components/Info/Drawer/Drawer.stories.d.ts +10 -0
- package/dist/components/Info/Drawer/Drawer.stories.d.ts.map +1 -0
- package/dist/components/Info/Drawer/Drawer.stories.js +47 -0
- package/dist/components/Info/HoverCard/HoverCard.d.ts +16 -0
- package/dist/components/Info/HoverCard/HoverCard.d.ts.map +1 -0
- package/dist/components/Info/HoverCard/HoverCard.js +26 -0
- package/dist/components/Info/HoverCard/HoverCard.stories.d.ts +11 -0
- package/dist/components/Info/HoverCard/HoverCard.stories.d.ts.map +1 -0
- package/dist/components/Info/HoverCard/HoverCard.stories.js +86 -0
- package/dist/components/Info/HoverCard/HoverCardMenuItem.d.ts +12 -0
- package/dist/components/Info/HoverCard/HoverCardMenuItem.d.ts.map +1 -0
- package/dist/components/Info/HoverCard/HoverCardMenuItem.js +22 -0
- package/dist/components/Info/Indicator/Indicator.d.ts +3 -0
- package/dist/components/Info/Indicator/Indicator.d.ts.map +1 -0
- package/dist/components/Info/Indicator/Indicator.js +1 -0
- package/dist/components/Info/Indicator/Indicator.stories.d.ts +11 -0
- package/dist/components/Info/Indicator/Indicator.stories.d.ts.map +1 -0
- package/dist/components/Info/Indicator/Indicator.stories.js +123 -0
- package/dist/components/Info/InfoCard/InfoCard.d.ts +2 -2
- package/dist/components/Info/InfoCard/InfoCard.d.ts.map +1 -1
- package/dist/components/Info/InfoCard/InfoCard.js +5 -5
- package/dist/components/Info/MobileDrawer/MobileDrawer.d.ts +30 -0
- package/dist/components/Info/MobileDrawer/MobileDrawer.d.ts.map +1 -0
- package/dist/components/Info/MobileDrawer/MobileDrawer.js +52 -0
- package/dist/components/Info/MobileDrawer/MobileDrawer.stories.d.ts +9 -0
- package/dist/components/Info/MobileDrawer/MobileDrawer.stories.d.ts.map +1 -0
- package/dist/components/Info/MobileDrawer/MobileDrawer.stories.js +38 -0
- package/dist/components/Info/Modals/FormModal/FormModal.d.ts +17 -1
- package/dist/components/Info/Modals/FormModal/FormModal.d.ts.map +1 -1
- package/dist/components/Info/Modals/FormModal/FormModal.js +30 -12
- package/dist/components/Info/Modals/FormModalV2/FormModalV2.d.ts +60 -0
- package/dist/components/Info/Modals/FormModalV2/FormModalV2.d.ts.map +1 -0
- package/dist/components/Info/Modals/FormModalV2/FormModalV2.js +96 -0
- package/dist/components/Info/Modals/Modal/Modal.d.ts.map +1 -1
- package/dist/components/Info/Modals/Modal/Modal.js +9 -1
- package/dist/components/Info/Modals/variants.d.ts +61 -41
- package/dist/components/Info/Modals/variants.d.ts.map +1 -1
- package/dist/components/Info/Modals/variants.js +58 -38
- package/dist/components/Info/Notifications/Notifications.stories.d.ts +1 -0
- package/dist/components/Info/Notifications/Notifications.stories.d.ts.map +1 -1
- package/dist/components/Info/Notifications/Notifications.stories.js +31 -0
- package/dist/components/Info/Notifications/variants.d.ts +25 -19
- package/dist/components/Info/Notifications/variants.d.ts.map +1 -1
- package/dist/components/Info/Notifications/variants.js +30 -24
- package/dist/components/Info/ResponsiveDrawer/ResponsiveDrawer.d.ts +37 -0
- package/dist/components/Info/ResponsiveDrawer/ResponsiveDrawer.d.ts.map +1 -0
- package/dist/components/Info/ResponsiveDrawer/ResponsiveDrawer.js +17 -0
- package/dist/components/Info/ResponsiveDrawer/ResponsiveDrawer.stories.d.ts +7 -0
- package/dist/components/Info/ResponsiveDrawer/ResponsiveDrawer.stories.d.ts.map +1 -0
- package/dist/components/Info/ResponsiveDrawer/ResponsiveDrawer.stories.js +26 -0
- package/dist/components/Info/Tooltips/InfoTooltip/InfoTooltip.d.ts +1 -1
- package/dist/components/Info/Tooltips/InfoTooltip/InfoTooltip.d.ts.map +1 -1
- package/dist/components/Info/Tooltips/InfoTooltip/InfoTooltip.js +9 -3
- package/dist/components/Info/Tooltips/Popover/Popover.d.ts +16 -0
- package/dist/components/Info/Tooltips/Popover/Popover.d.ts.map +1 -0
- package/dist/components/Info/Tooltips/Popover/Popover.js +32 -0
- package/dist/components/Info/Tooltips/Tooltip/Tooltip.d.ts +5 -1
- package/dist/components/Info/Tooltips/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/Info/Tooltips/Tooltip/Tooltip.js +10 -8
- package/dist/components/Inputs/Buttons/Button/Button.d.ts +3 -1
- package/dist/components/Inputs/Buttons/Button/Button.d.ts.map +1 -1
- package/dist/components/Inputs/Buttons/Button/Button.js +38 -5
- package/dist/components/Inputs/Buttons/Button/Button.stories.d.ts +1 -0
- package/dist/components/Inputs/Buttons/Button/Button.stories.d.ts.map +1 -1
- package/dist/components/Inputs/Buttons/Button/Button.stories.js +105 -79
- package/dist/components/Inputs/Buttons/IconButton/IconButton.d.ts +7 -2
- package/dist/components/Inputs/Buttons/IconButton/IconButton.d.ts.map +1 -1
- package/dist/components/Inputs/Buttons/IconButton/IconButton.js +35 -11
- package/dist/components/Inputs/Buttons/IconButton/IconButton.stories.d.ts +1 -0
- package/dist/components/Inputs/Buttons/IconButton/IconButton.stories.d.ts.map +1 -1
- package/dist/components/Inputs/Buttons/IconButton/IconButton.stories.js +100 -74
- package/dist/components/Inputs/Buttons/IconButton/sizes.d.ts +15 -0
- package/dist/components/Inputs/Buttons/IconButton/sizes.d.ts.map +1 -1
- package/dist/components/Inputs/Buttons/IconButton/sizes.js +3 -0
- package/dist/components/Inputs/Buttons/shared/variants.d.ts +399 -164
- package/dist/components/Inputs/Buttons/shared/variants.d.ts.map +1 -1
- package/dist/components/Inputs/Buttons/shared/variants.js +353 -143
- package/dist/components/Inputs/ColorPickerTrigger/ColorPickerTrigger.d.ts +40 -0
- package/dist/components/Inputs/ColorPickerTrigger/ColorPickerTrigger.d.ts.map +1 -0
- package/dist/components/Inputs/ColorPickerTrigger/ColorPickerTrigger.js +139 -0
- package/dist/components/Inputs/ColorPickerTrigger/ColorPickerTrigger.stories.d.ts +13 -0
- package/dist/components/Inputs/ColorPickerTrigger/ColorPickerTrigger.stories.d.ts.map +1 -0
- package/dist/components/Inputs/ColorPickerTrigger/ColorPickerTrigger.stories.js +75 -0
- package/dist/components/Inputs/ColorSwatch/ColorSwatch.d.ts +27 -0
- package/dist/components/Inputs/ColorSwatch/ColorSwatch.d.ts.map +1 -0
- package/dist/components/Inputs/ColorSwatch/ColorSwatch.js +46 -0
- package/dist/components/Inputs/Controls/DaysOfWeek/DaysOfWeek.d.ts +32 -0
- package/dist/components/Inputs/Controls/DaysOfWeek/DaysOfWeek.d.ts.map +1 -0
- package/dist/components/Inputs/Controls/DaysOfWeek/DaysOfWeek.js +92 -0
- package/dist/components/Inputs/Controls/SegmentedControl/SegmentedControl.d.ts +11 -8
- package/dist/components/Inputs/Controls/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/components/Inputs/Controls/SegmentedControl/SegmentedControl.js +20 -12
- package/dist/components/Inputs/Controls/Toggle/Toggle.d.ts +25 -11
- package/dist/components/Inputs/Controls/Toggle/Toggle.d.ts.map +1 -1
- package/dist/components/Inputs/Controls/Toggle/Toggle.js +67 -20
- package/dist/components/Inputs/Controls/Toggle/Toggle.stories.d.ts +1 -0
- package/dist/components/Inputs/Controls/Toggle/Toggle.stories.d.ts.map +1 -1
- package/dist/components/Inputs/Controls/Toggle/Toggle.stories.js +86 -69
- package/dist/components/Inputs/Dates/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/components/Inputs/Dates/DatePicker/DatePicker.js +23 -7
- package/dist/components/Inputs/Dates/DateTimePicker/DateTimePicker.d.ts +12 -0
- package/dist/components/Inputs/Dates/DateTimePicker/DateTimePicker.d.ts.map +1 -0
- package/dist/components/Inputs/Dates/DateTimePicker/DateTimePicker.js +87 -0
- package/dist/components/Inputs/Dates/DateTimePicker/DateTimePicker.stories.d.ts +13 -0
- package/dist/components/Inputs/Dates/DateTimePicker/DateTimePicker.stories.d.ts.map +1 -0
- package/dist/components/Inputs/Dates/DateTimePicker/DateTimePicker.stories.js +239 -0
- package/dist/components/Inputs/Dates/TimeInput/TimeInput.d.ts +19 -0
- package/dist/components/Inputs/Dates/TimeInput/TimeInput.d.ts.map +1 -0
- package/dist/components/Inputs/Dates/TimeInput/TimeInput.js +51 -0
- package/dist/components/Inputs/Dropdowns/FontSelect/FontSelect.d.ts.map +1 -1
- package/dist/components/Inputs/Dropdowns/FontSelect/FontSelect.js +8 -1
- package/dist/components/Inputs/Dropdowns/MultiSelect/MultiSelect.d.ts +2 -2
- package/dist/components/Inputs/Dropdowns/MultiSelect/MultiSelect.d.ts.map +1 -1
- package/dist/components/Inputs/Dropdowns/MultiSelect/MultiSelect.js +76 -57
- package/dist/components/Inputs/Dropdowns/Select/Select.d.ts.map +1 -1
- package/dist/components/Inputs/Dropdowns/Select/Select.js +5 -3
- package/dist/components/Inputs/Dropzone/Dropzone.d.ts +23 -0
- package/dist/components/Inputs/Dropzone/Dropzone.d.ts.map +1 -0
- package/dist/components/Inputs/Dropzone/Dropzone.js +44 -0
- package/dist/components/Inputs/Dropzone/Dropzone.stories.d.ts +12 -0
- package/dist/components/Inputs/Dropzone/Dropzone.stories.d.ts.map +1 -0
- package/dist/components/Inputs/Dropzone/Dropzone.stories.js +114 -0
- package/dist/components/Inputs/TextInputs/NumberInput/NumberInput.d.ts.map +1 -1
- package/dist/components/Inputs/TextInputs/NumberInput/NumberInput.js +4 -1
- package/dist/components/Inputs/TextInputs/NumberInput/ResponsiveNumberInput.d.ts +46 -0
- package/dist/components/Inputs/TextInputs/NumberInput/ResponsiveNumberInput.d.ts.map +1 -0
- package/dist/components/Inputs/TextInputs/NumberInput/ResponsiveNumberInput.js +60 -0
- package/dist/components/Layout/Accordion/Accordion.d.ts +16 -0
- package/dist/components/Layout/Accordion/Accordion.d.ts.map +1 -0
- package/dist/components/Layout/Accordion/Accordion.js +63 -0
- package/dist/components/Layout/Accordion/Accordion.stories.d.ts +11 -0
- package/dist/components/Layout/Accordion/Accordion.stories.d.ts.map +1 -0
- package/dist/components/Layout/Accordion/Accordion.stories.js +148 -0
- package/dist/components/Layout/AutoGrid/AutoGrid.d.ts +20 -5
- package/dist/components/Layout/AutoGrid/AutoGrid.d.ts.map +1 -1
- package/dist/components/Layout/AutoGrid/AutoGrid.js +51 -3
- package/dist/components/Layout/AutoGrid/AutoGrid.stories.d.ts +1 -0
- package/dist/components/Layout/AutoGrid/AutoGrid.stories.d.ts.map +1 -1
- package/dist/components/Layout/AutoGrid/AutoGrid.stories.js +39 -29
- package/dist/components/Layout/BottomActionBar/BottomActionBar.d.ts +40 -0
- package/dist/components/Layout/BottomActionBar/BottomActionBar.d.ts.map +1 -0
- package/dist/components/Layout/BottomActionBar/BottomActionBar.js +79 -0
- package/dist/components/Layout/BottomActionBar/BottomActionBar.stories.d.ts +10 -0
- package/dist/components/Layout/BottomActionBar/BottomActionBar.stories.d.ts.map +1 -0
- package/dist/components/Layout/BottomActionBar/BottomActionBar.stories.js +102 -0
- package/dist/components/Layout/Card/Card.d.ts +1 -1
- package/dist/components/Layout/Card/Card.d.ts.map +1 -1
- package/dist/components/Layout/Container/Container.d.ts +3 -0
- package/dist/components/Layout/Container/Container.d.ts.map +1 -0
- package/dist/components/Layout/Container/Container.js +1 -0
- package/dist/components/Layout/Container/Container.stories.d.ts +8 -0
- package/dist/components/Layout/Container/Container.stories.d.ts.map +1 -0
- package/dist/components/Layout/Container/Container.stories.js +52 -0
- package/dist/components/Layout/DataState/DataState.d.ts +34 -0
- package/dist/components/Layout/DataState/DataState.d.ts.map +1 -0
- package/dist/components/Layout/DataState/DataState.js +22 -0
- package/dist/components/Layout/DataState/DataState.stories.d.ts +11 -0
- package/dist/components/Layout/DataState/DataState.stories.d.ts.map +1 -0
- package/dist/components/Layout/DataState/DataState.stories.js +38 -0
- package/dist/components/Layout/Divider/Divider.d.ts.map +1 -1
- package/dist/components/Layout/Divider/Divider.js +4 -2
- package/dist/components/Layout/Group/Group.d.ts +1 -1
- package/dist/components/Layout/Group/Group.d.ts.map +1 -1
- package/dist/components/Layout/Loader/Loader.d.ts +1 -1
- package/dist/components/Layout/Loader/Loader.d.ts.map +1 -1
- package/dist/components/Layout/Loader/Loader.js +3 -2
- package/dist/components/Layout/Navbar/Navbar.d.ts +15 -0
- package/dist/components/Layout/Navbar/Navbar.d.ts.map +1 -0
- package/dist/components/Layout/Navbar/Navbar.js +20 -0
- package/dist/components/Layout/Navbar/Navbar.stories.d.ts +9 -0
- package/dist/components/Layout/Navbar/Navbar.stories.d.ts.map +1 -0
- package/dist/components/Layout/Navbar/Navbar.stories.js +98 -0
- package/dist/components/Layout/Page/Page.d.ts +13 -0
- package/dist/components/Layout/Page/Page.d.ts.map +1 -0
- package/dist/components/Layout/Page/Page.js +13 -0
- package/dist/components/Layout/Pagination/Pagination.d.ts +23 -0
- package/dist/components/Layout/Pagination/Pagination.d.ts.map +1 -0
- package/dist/components/Layout/Pagination/Pagination.js +53 -0
- package/dist/components/Layout/Pagination/Pagination.stories.d.ts +10 -0
- package/dist/components/Layout/Pagination/Pagination.stories.d.ts.map +1 -0
- package/dist/components/Layout/Pagination/Pagination.stories.js +76 -0
- package/dist/components/Layout/ScrollArea/ScrollArea.d.ts +3 -0
- package/dist/components/Layout/ScrollArea/ScrollArea.d.ts.map +1 -0
- package/dist/components/Layout/ScrollArea/ScrollArea.js +1 -0
- package/dist/components/Layout/ScrollArea/ScrollArea.stories.d.ts +8 -0
- package/dist/components/Layout/ScrollArea/ScrollArea.stories.d.ts.map +1 -0
- package/dist/components/Layout/ScrollArea/ScrollArea.stories.js +62 -0
- package/dist/components/Layout/Tabs/Tabs.d.ts +16 -5
- package/dist/components/Layout/Tabs/Tabs.d.ts.map +1 -1
- package/dist/components/Layout/Tabs/Tabs.js +53 -18
- package/dist/components/Layout/Tabs/Tabs.stories.d.ts.map +1 -1
- package/dist/components/Layout/Tabs/Tabs.stories.js +39 -39
- package/dist/components/Layout/VirtualGrid/VirtualGrid.d.ts +63 -0
- package/dist/components/Layout/VirtualGrid/VirtualGrid.d.ts.map +1 -0
- package/dist/components/Layout/VirtualGrid/VirtualGrid.js +159 -0
- package/dist/components/Misc/Burger/Burger.d.ts +6 -0
- package/dist/components/Misc/Burger/Burger.d.ts.map +1 -0
- package/dist/components/Misc/Burger/Burger.js +7 -0
- package/dist/components/Misc/Burger/Burger.stories.d.ts +10 -0
- package/dist/components/Misc/Burger/Burger.stories.d.ts.map +1 -0
- package/dist/components/Misc/Burger/Burger.stories.js +86 -0
- package/dist/components/Misc/Carousel/Carousel.d.ts +32 -0
- package/dist/components/Misc/Carousel/Carousel.d.ts.map +1 -0
- package/dist/components/Misc/Carousel/Carousel.js +16 -0
- package/dist/components/Misc/DragHandle/DragHandle.d.ts +19 -0
- package/dist/components/Misc/DragHandle/DragHandle.d.ts.map +1 -0
- package/dist/components/Misc/DragHandle/DragHandle.js +39 -0
- package/dist/components/Misc/DragHandle/DragHandle.stories.d.ts +9 -0
- package/dist/components/Misc/DragHandle/DragHandle.stories.d.ts.map +1 -0
- package/dist/components/Misc/DragHandle/DragHandle.stories.js +54 -0
- package/dist/components/Misc/FAB/FAB.d.ts +54 -0
- package/dist/components/Misc/FAB/FAB.d.ts.map +1 -0
- package/dist/components/Misc/FAB/FAB.js +53 -0
- package/dist/components/Misc/FAB/FAB.stories.d.ts +10 -0
- package/dist/components/Misc/FAB/FAB.stories.d.ts.map +1 -0
- package/dist/components/Misc/FAB/FAB.stories.js +100 -0
- package/dist/components/Misc/FloatingToolbar/FloatingToolbar.d.ts +50 -0
- package/dist/components/Misc/FloatingToolbar/FloatingToolbar.d.ts.map +1 -0
- package/dist/components/Misc/FloatingToolbar/FloatingToolbar.js +40 -0
- package/dist/components/Misc/FloatingToolbar/FloatingToolbar.stories.d.ts +9 -0
- package/dist/components/Misc/FloatingToolbar/FloatingToolbar.stories.d.ts.map +1 -0
- package/dist/components/Misc/FloatingToolbar/FloatingToolbar.stories.js +53 -0
- package/dist/components/Misc/HoverAction/HoverAction.d.ts +50 -0
- package/dist/components/Misc/HoverAction/HoverAction.d.ts.map +1 -0
- package/dist/components/Misc/HoverAction/HoverAction.js +61 -0
- package/dist/components/Misc/HoverAction/HoverAction.stories.d.ts +12 -0
- package/dist/components/Misc/HoverAction/HoverAction.stories.d.ts.map +1 -0
- package/dist/components/Misc/HoverAction/HoverAction.stories.js +96 -0
- package/dist/components/Misc/IconBadge/IconBadge.d.ts.map +1 -1
- package/dist/components/Misc/IconBadge/IconBadge.js +8 -6
- package/dist/components/Misc/Image/Image.d.ts +3 -0
- package/dist/components/Misc/Image/Image.d.ts.map +1 -0
- package/dist/components/Misc/Image/Image.js +1 -0
- package/dist/components/Misc/Image/Image.stories.d.ts +11 -0
- package/dist/components/Misc/Image/Image.stories.d.ts.map +1 -0
- package/dist/components/Misc/Image/Image.stories.js +63 -0
- package/dist/components/Misc/Kbd/Kbd.d.ts +6 -0
- package/dist/components/Misc/Kbd/Kbd.d.ts.map +1 -0
- package/dist/components/Misc/Kbd/Kbd.js +16 -0
- package/dist/components/Misc/Kbd/Kbd.stories.d.ts +9 -0
- package/dist/components/Misc/Kbd/Kbd.stories.d.ts.map +1 -0
- package/dist/components/Misc/Kbd/Kbd.stories.js +52 -0
- package/dist/components/Misc/Menu/Menu.d.ts +17 -0
- package/dist/components/Misc/Menu/Menu.d.ts.map +1 -0
- package/dist/components/Misc/Menu/Menu.js +52 -0
- package/dist/components/Misc/OverflowFade/OverflowFade.d.ts +42 -0
- package/dist/components/Misc/OverflowFade/OverflowFade.d.ts.map +1 -0
- package/dist/components/Misc/OverflowFade/OverflowFade.js +110 -0
- package/dist/components/Misc/OverflowFade/OverflowFade.stories.d.ts +11 -0
- package/dist/components/Misc/OverflowFade/OverflowFade.stories.d.ts.map +1 -0
- package/dist/components/Misc/OverflowFade/OverflowFade.stories.js +112 -0
- package/dist/components/Misc/Picker/Picker.d.ts +62 -0
- package/dist/components/Misc/Picker/Picker.d.ts.map +1 -0
- package/dist/components/Misc/Picker/Picker.js +111 -0
- package/dist/components/Misc/Picker/Picker.stories.d.ts +14 -0
- package/dist/components/Misc/Picker/Picker.stories.d.ts.map +1 -0
- package/dist/components/Misc/Picker/Picker.stories.js +154 -0
- package/dist/components/Misc/SelectableObject/SelectableObject.d.ts +38 -0
- package/dist/components/Misc/SelectableObject/SelectableObject.d.ts.map +1 -0
- package/dist/components/Misc/SelectableObject/SelectableObject.js +70 -0
- package/dist/components/Misc/SelectableObject/SelectableObject.stories.d.ts +11 -0
- package/dist/components/Misc/SelectableObject/SelectableObject.stories.d.ts.map +1 -0
- package/dist/components/Misc/SelectableObject/SelectableObject.stories.js +84 -0
- package/dist/components/Misc/SelectionToolbar/SelectionToolbar.d.ts +26 -0
- package/dist/components/Misc/SelectionToolbar/SelectionToolbar.d.ts.map +1 -0
- package/dist/components/Misc/SelectionToolbar/SelectionToolbar.js +41 -0
- package/dist/components/Misc/SelectionToolbar/SelectionToolbar.stories.d.ts +10 -0
- package/dist/components/Misc/SelectionToolbar/SelectionToolbar.stories.d.ts.map +1 -0
- package/dist/components/Misc/SelectionToolbar/SelectionToolbar.stories.js +48 -0
- package/dist/components/Misc/Stepper/Step.stories.d.ts +118 -118
- package/dist/components/Misc/Stepper/variants.d.ts +1 -1
- package/dist/components/Misc/Timeline/Timeline.d.ts +18 -0
- package/dist/components/Misc/Timeline/Timeline.d.ts.map +1 -0
- package/dist/components/Misc/Timeline/Timeline.js +38 -0
- package/dist/components/Misc/Timeline/Timeline.stories.d.ts +8 -0
- package/dist/components/Misc/Timeline/Timeline.stories.d.ts.map +1 -0
- package/dist/components/Misc/Timeline/Timeline.stories.js +54 -0
- package/dist/components/Typography/InlineEditableText/InlineEditableText.d.ts +35 -0
- package/dist/components/Typography/InlineEditableText/InlineEditableText.d.ts.map +1 -0
- package/dist/components/Typography/InlineEditableText/InlineEditableText.js +112 -0
- package/dist/components/Typography/InlineEditableText/InlineEditableText.stories.d.ts +11 -0
- package/dist/components/Typography/InlineEditableText/InlineEditableText.stories.d.ts.map +1 -0
- package/dist/components/Typography/InlineEditableText/InlineEditableText.stories.js +48 -0
- package/dist/components/index.d.ts +148 -66
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +110 -68
- package/dist/constants/colors.d.ts +117 -91
- package/dist/constants/colors.d.ts.map +1 -1
- package/dist/constants/colors.js +56 -43
- package/dist/constants/font.d.ts +4 -4
- package/dist/constants/font.js +2 -2
- package/dist/hooks/index.d.ts +9 -1
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/index.js +7 -1
- package/dist/hooks/useConfirmationModal.d.ts.map +1 -1
- package/dist/hooks/useConfirmationModal.js +20 -1
- package/dist/hooks/useDisclosure.d.ts +11 -0
- package/dist/hooks/useDisclosure.d.ts.map +1 -0
- package/dist/hooks/useDisclosure.js +10 -0
- package/dist/hooks/useHeadroom.d.ts +18 -0
- package/dist/hooks/useHeadroom.d.ts.map +1 -0
- package/dist/hooks/useHeadroom.js +17 -0
- package/dist/hooks/useInfoModal.d.ts.map +1 -1
- package/dist/hooks/useInfoModal.js +13 -1
- package/dist/hooks/useMediaQuery.d.ts +1 -0
- package/dist/hooks/useMediaQuery.d.ts.map +1 -1
- package/dist/hooks/useMediaQuery.js +1 -0
- package/dist/hooks/useNotifications.d.ts +39 -7
- package/dist/hooks/useNotifications.d.ts.map +1 -1
- package/dist/hooks/useNotifications.js +108 -5
- package/dist/hooks/usePagination.d.ts +11 -0
- package/dist/hooks/usePagination.d.ts.map +1 -0
- package/dist/hooks/usePagination.js +2 -0
- package/dist/hooks/useScrollLock.d.ts +21 -0
- package/dist/hooks/useScrollLock.d.ts.map +1 -0
- package/dist/hooks/useScrollLock.js +20 -0
- package/dist/index.d.ts +5 -5
- package/dist/index.js +5 -5
- package/dist/styles/iosInputZoomFix.d.ts +31 -0
- package/dist/styles/iosInputZoomFix.d.ts.map +1 -0
- package/dist/styles/iosInputZoomFix.js +135 -0
- package/dist/utils/bytes.d.ts +10 -0
- package/dist/utils/bytes.d.ts.map +1 -0
- package/dist/utils/bytes.js +17 -0
- package/dist/utils/datetime.d.ts +18 -0
- package/dist/utils/datetime.d.ts.map +1 -0
- package/dist/utils/datetime.js +42 -0
- package/dist/utils/duration.d.ts +17 -0
- package/dist/utils/duration.d.ts.map +1 -0
- package/dist/utils/duration.js +30 -0
- package/dist/utils/index.d.ts +8 -2
- package/dist/utils/index.d.ts.map +1 -1
- package/dist/utils/index.js +7 -2
- package/dist/utils/sort.d.ts +44 -0
- package/dist/utils/sort.d.ts.map +1 -0
- package/dist/utils/sort.js +53 -0
- package/dist/utils/string.d.ts +22 -0
- package/dist/utils/string.d.ts.map +1 -0
- package/dist/utils/string.js +25 -0
- package/package.json +26 -2
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { Timeline as MantineTimeline, } from '@mantine/core';
|
|
3
|
+
import { fontBase } from '../../../constants/font';
|
|
4
|
+
import { spacing } from '../../../constants/spacing';
|
|
5
|
+
const TimelineComponent = ({ active, bulletSize = 24, lineWidth = 2, styles, children, ...props }) => {
|
|
6
|
+
const style = {
|
|
7
|
+
root: {
|
|
8
|
+
paddingLeft: 0,
|
|
9
|
+
},
|
|
10
|
+
item: {
|
|
11
|
+
...fontBase,
|
|
12
|
+
paddingLeft: spacing.lg,
|
|
13
|
+
'&:not(:last-of-type)': {
|
|
14
|
+
paddingBottom: spacing.lg,
|
|
15
|
+
},
|
|
16
|
+
},
|
|
17
|
+
itemTitle: {
|
|
18
|
+
...fontBase,
|
|
19
|
+
},
|
|
20
|
+
itemBullet: {
|
|
21
|
+
top: '50%',
|
|
22
|
+
transform: 'translateY(-50%)',
|
|
23
|
+
},
|
|
24
|
+
itemBody: {
|
|
25
|
+
...fontBase,
|
|
26
|
+
},
|
|
27
|
+
itemContent: {
|
|
28
|
+
...fontBase,
|
|
29
|
+
paddingTop: spacing.xs,
|
|
30
|
+
},
|
|
31
|
+
...styles,
|
|
32
|
+
};
|
|
33
|
+
return (_jsx(MantineTimeline, { active: active, bulletSize: bulletSize, lineWidth: lineWidth, styles: style, ...props, children: children }));
|
|
34
|
+
};
|
|
35
|
+
const Item = ({ children, ...props }) => (_jsx(MantineTimeline.Item, { ...props, children: children }));
|
|
36
|
+
export const Timeline = Object.assign(TimelineComponent, {
|
|
37
|
+
Item,
|
|
38
|
+
});
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Timeline } from './Timeline';
|
|
3
|
+
declare const meta: Meta<typeof Timeline>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
//# sourceMappingURL=Timeline.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Timeline.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Misc/Timeline/Timeline.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAKtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CA8B/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KA0BrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KA0BtB,CAAC"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { IconCheck, IconClock, IconCoin, IconReceipt } from '@tabler/icons-react';
|
|
3
|
+
import { Timeline } from './Timeline';
|
|
4
|
+
import { Stack } from '../../Layout/Stack/Stack';
|
|
5
|
+
import { Text } from '../../Typography/Text/Text';
|
|
6
|
+
import { spacing } from '../../../constants/spacing';
|
|
7
|
+
const meta = {
|
|
8
|
+
title: 'Components/Misc/Timeline',
|
|
9
|
+
component: Timeline,
|
|
10
|
+
parameters: {
|
|
11
|
+
layout: 'centered',
|
|
12
|
+
docs: {
|
|
13
|
+
description: {
|
|
14
|
+
component: "[View Mantine Docs](https://v6.mantine.dev/core/timeline/)\n\nDisplays a list of events along a vertical line. Wraps Mantine v6's Timeline with Taiv styling.",
|
|
15
|
+
},
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
argTypes: {
|
|
19
|
+
active: {
|
|
20
|
+
control: { type: 'number' },
|
|
21
|
+
description: 'Index of the most recent active item',
|
|
22
|
+
},
|
|
23
|
+
bulletSize: {
|
|
24
|
+
control: { type: 'number' },
|
|
25
|
+
description: 'Diameter of the bullet in px',
|
|
26
|
+
},
|
|
27
|
+
lineWidth: {
|
|
28
|
+
control: { type: 'number' },
|
|
29
|
+
description: 'Width of the connecting line in px',
|
|
30
|
+
},
|
|
31
|
+
align: {
|
|
32
|
+
control: { type: 'select' },
|
|
33
|
+
options: ['left', 'right'],
|
|
34
|
+
},
|
|
35
|
+
},
|
|
36
|
+
};
|
|
37
|
+
export default meta;
|
|
38
|
+
export const Default = {
|
|
39
|
+
args: {
|
|
40
|
+
active: 1,
|
|
41
|
+
bulletSize: 24,
|
|
42
|
+
lineWidth: 2,
|
|
43
|
+
},
|
|
44
|
+
decorators: [
|
|
45
|
+
(Story) => (_jsx("div", { style: { width: '480px' }, children: _jsx(Story, {}) })),
|
|
46
|
+
],
|
|
47
|
+
render: (args) => (_jsxs(Timeline, { ...args, children: [_jsx(Timeline.Item, { title: "Payment received", bullet: _jsx(IconCoin, { size: 14 }), children: _jsx(Text, { variant: "subtle", children: "$1,240.50 paid out on Mar 1" }) }), _jsx(Timeline.Item, { title: "Statement issued", bullet: _jsx(IconReceipt, { size: 14 }), children: _jsx(Text, { variant: "subtle", children: "February statement is ready" }) }), _jsx(Timeline.Item, { title: "Awaiting next cycle", bullet: _jsx(IconClock, { size: 14 }), children: _jsx(Text, { variant: "subtle", children: "Next payout scheduled for April 1" }) })] })),
|
|
48
|
+
};
|
|
49
|
+
export const Variants = {
|
|
50
|
+
decorators: [
|
|
51
|
+
(Story) => (_jsx("div", { style: { width: '480px' }, children: _jsx(Story, {}) })),
|
|
52
|
+
],
|
|
53
|
+
render: () => (_jsx(Stack, { spacing: spacing.xl, children: _jsxs(Timeline, { active: 2, bulletSize: 28, children: [_jsx(Timeline.Item, { title: "Step 1", bullet: _jsx(IconCheck, { size: 14 }), children: _jsx(Text, { variant: "subtle", children: "Completed" }) }), _jsx(Timeline.Item, { title: "Step 2", bullet: _jsx(IconCheck, { size: 14 }), children: _jsx(Text, { variant: "subtle", children: "Completed" }) }), _jsx(Timeline.Item, { title: "Step 3", bullet: _jsx(IconClock, { size: 14 }), children: _jsx(Text, { variant: "subtle", children: "In progress" }) }), _jsx(Timeline.Item, { title: "Step 4", children: _jsx(Text, { variant: "subtle", children: "Pending" }) })] }) })),
|
|
54
|
+
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { fontStyle } from '../../../constants/font';
|
|
2
|
+
export type InlineEditableTextVariant = keyof typeof fontStyle;
|
|
3
|
+
export type InlineEditableTextColorScheme = 'light' | 'dark';
|
|
4
|
+
export interface InlineEditableTextProps {
|
|
5
|
+
value: string;
|
|
6
|
+
onChange: (next: string) => void;
|
|
7
|
+
placeholder?: string;
|
|
8
|
+
maxLength?: number;
|
|
9
|
+
/** Typography variant used for the display form. Default `'sectionHeader'`. */
|
|
10
|
+
variant?: InlineEditableTextVariant;
|
|
11
|
+
/** Accessibility label on the edit button + input. Default `'Edit name'`. */
|
|
12
|
+
ariaLabel?: string;
|
|
13
|
+
/** Hide the pencil button — clicking the text itself still enters edit mode. */
|
|
14
|
+
hidePencil?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Cap the rendered width in px. Without this the component takes up to
|
|
17
|
+
* `maxWidth: 100%` of its parent, which is undesirable inside a flex
|
|
18
|
+
* toolbar that has other right-aligned actions. Set this when you need the
|
|
19
|
+
* idle text to ellipsize at a specific width while leaving siblings room.
|
|
20
|
+
*/
|
|
21
|
+
maxWidth?: number;
|
|
22
|
+
/** Fired when the edit is committed (Enter or blur with a changed value). */
|
|
23
|
+
onCommit?: (next: string) => void;
|
|
24
|
+
/** Fired when the edit is cancelled (Escape). */
|
|
25
|
+
onCancel?: () => void;
|
|
26
|
+
/** Chrome color scheme. `'dark'` renders white text on translucent chrome. */
|
|
27
|
+
colorScheme?: InlineEditableTextColorScheme;
|
|
28
|
+
}
|
|
29
|
+
/**
|
|
30
|
+
* Heading-styled text that becomes an inline input on click or pencil press.
|
|
31
|
+
* Commits on Enter and on blur; Escape cancels. Consumers own the persisted
|
|
32
|
+
* state via `value` / `onChange`; `onCommit` fires only on successful commit.
|
|
33
|
+
*/
|
|
34
|
+
export declare const InlineEditableText: ({ value, onChange, placeholder, maxLength, variant, ariaLabel, hidePencil, maxWidth, onCommit, onCancel, colorScheme, }: InlineEditableTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
//# sourceMappingURL=InlineEditableText.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InlineEditableText.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/InlineEditableText/InlineEditableText.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AASpD,MAAM,MAAM,yBAAyB,GAAG,MAAM,OAAO,SAAS,CAAC;AAC/D,MAAM,MAAM,6BAA6B,GAAG,OAAO,GAAG,MAAM,CAAC;AAE7D,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,+EAA+E;IAC/E,OAAO,CAAC,EAAE,yBAAyB,CAAC;IACpC,6EAA6E;IAC7E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,iDAAiD;IACjD,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,6BAA6B,CAAC;CAC7C;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,GAAI,yHAYhC,uBAAuB,4CAsIzB,CAAC"}
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { IconPencil } from '@tabler/icons-react';
|
|
3
|
+
import { useEffect, useRef, useState } from 'react';
|
|
4
|
+
import { flushSync } from 'react-dom';
|
|
5
|
+
import { neutral, primary, white } from '../../../constants/colors';
|
|
6
|
+
import { fontStyle } from '../../../constants/font';
|
|
7
|
+
import { spacing } from '../../../constants/spacing';
|
|
8
|
+
import { IconButton } from '../../Inputs/Buttons/IconButton/IconButton';
|
|
9
|
+
/**
|
|
10
|
+
* Heading-styled text that becomes an inline input on click or pencil press.
|
|
11
|
+
* Commits on Enter and on blur; Escape cancels. Consumers own the persisted
|
|
12
|
+
* state via `value` / `onChange`; `onCommit` fires only on successful commit.
|
|
13
|
+
*/
|
|
14
|
+
export const InlineEditableText = ({ value, onChange, placeholder = 'Untitled', maxLength, variant = 'sectionHeader', ariaLabel = 'Edit name', hidePencil = false, maxWidth, onCommit, onCancel, colorScheme = 'light', }) => {
|
|
15
|
+
const [editing, setEditing] = useState(false);
|
|
16
|
+
const [draft, setDraft] = useState(value);
|
|
17
|
+
const inputRef = useRef(null);
|
|
18
|
+
const typo = fontStyle[variant];
|
|
19
|
+
const isDark = colorScheme === 'dark';
|
|
20
|
+
const displayColor = isDark ? white : typo.color;
|
|
21
|
+
const placeholderColor = isDark ? 'rgba(255, 255, 255, 0.5)' : neutral[200];
|
|
22
|
+
const iconColor = isDark ? 'rgba(255, 255, 255, 0.7)' : neutral[200];
|
|
23
|
+
const editingBorder = primary[200];
|
|
24
|
+
const inputBackground = isDark ? 'rgba(255, 255, 255, 0.1)' : 'transparent';
|
|
25
|
+
useEffect(() => {
|
|
26
|
+
if (!editing)
|
|
27
|
+
setDraft(value);
|
|
28
|
+
}, [value, editing]);
|
|
29
|
+
const enterEdit = () => {
|
|
30
|
+
setDraft(value);
|
|
31
|
+
// `flushSync` forces React to render the input synchronously so it's in
|
|
32
|
+
// the DOM before this function returns — letting us call focus/select
|
|
33
|
+
// INSIDE the original click handler. Critical on iOS Safari, which only
|
|
34
|
+
// honors programmatic `input.focus()` (and opens the on-screen keyboard)
|
|
35
|
+
// when the call is inside an active user-gesture window. The previous
|
|
36
|
+
// `requestAnimationFrame` deferral fired ~16ms later, outside the window,
|
|
37
|
+
// so the keyboard never appeared and the user had to tap multiple times.
|
|
38
|
+
flushSync(() => setEditing(true));
|
|
39
|
+
const el = inputRef.current;
|
|
40
|
+
if (!el)
|
|
41
|
+
return;
|
|
42
|
+
el.focus();
|
|
43
|
+
// `el.select()` is unreliable on iOS Safari — it focuses but doesn't
|
|
44
|
+
// actually highlight the text. `setSelectionRange` is the supported
|
|
45
|
+
// equivalent on every browser.
|
|
46
|
+
el.setSelectionRange(0, el.value.length);
|
|
47
|
+
};
|
|
48
|
+
const commit = () => {
|
|
49
|
+
const next = draft.trim();
|
|
50
|
+
setEditing(false);
|
|
51
|
+
if (next !== value) {
|
|
52
|
+
onChange(next);
|
|
53
|
+
onCommit === null || onCommit === void 0 ? void 0 : onCommit(next);
|
|
54
|
+
}
|
|
55
|
+
};
|
|
56
|
+
const cancel = () => {
|
|
57
|
+
setDraft(value);
|
|
58
|
+
setEditing(false);
|
|
59
|
+
onCancel === null || onCancel === void 0 ? void 0 : onCancel();
|
|
60
|
+
};
|
|
61
|
+
if (editing) {
|
|
62
|
+
return (_jsx("input", { "aria-label": ariaLabel, maxLength: maxLength, onBlur: commit, onChange: (e) => setDraft(e.target.value), onKeyDown: (e) => {
|
|
63
|
+
if (e.key === 'Enter') {
|
|
64
|
+
e.preventDefault();
|
|
65
|
+
commit();
|
|
66
|
+
}
|
|
67
|
+
else if (e.key === 'Escape') {
|
|
68
|
+
e.preventDefault();
|
|
69
|
+
cancel();
|
|
70
|
+
}
|
|
71
|
+
}, placeholder: placeholder, ref: inputRef, style: {
|
|
72
|
+
...typo,
|
|
73
|
+
background: inputBackground,
|
|
74
|
+
border: `1px solid ${editingBorder}`,
|
|
75
|
+
borderRadius: 6,
|
|
76
|
+
color: displayColor,
|
|
77
|
+
margin: 0,
|
|
78
|
+
maxWidth: maxWidth ? `${maxWidth}px` : undefined,
|
|
79
|
+
outline: 'none',
|
|
80
|
+
padding: `2px ${spacing.xs}`,
|
|
81
|
+
width: maxWidth ? `${maxWidth}px` : '100%',
|
|
82
|
+
}, type: 'text', value: draft }));
|
|
83
|
+
}
|
|
84
|
+
const display = value.trim() === '' ? placeholder : value;
|
|
85
|
+
const isPlaceholder = value.trim() === '';
|
|
86
|
+
return (_jsxs("span", { style: {
|
|
87
|
+
alignItems: 'center',
|
|
88
|
+
display: 'inline-flex',
|
|
89
|
+
gap: spacing.md,
|
|
90
|
+
maxWidth: maxWidth ? `${maxWidth}px` : '100%',
|
|
91
|
+
minWidth: 0,
|
|
92
|
+
}, children: [_jsx("button", { "aria-label": ariaLabel, onClick: enterEdit, onKeyDown: (e) => {
|
|
93
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
94
|
+
e.preventDefault();
|
|
95
|
+
enterEdit();
|
|
96
|
+
}
|
|
97
|
+
}, style: {
|
|
98
|
+
...typo,
|
|
99
|
+
background: 'transparent',
|
|
100
|
+
border: '1px solid transparent',
|
|
101
|
+
borderRadius: 6,
|
|
102
|
+
color: isPlaceholder ? placeholderColor : displayColor,
|
|
103
|
+
cursor: 'text',
|
|
104
|
+
margin: 0,
|
|
105
|
+
overflow: 'hidden',
|
|
106
|
+
padding: `2px ${spacing.xs}`,
|
|
107
|
+
textAlign: 'left',
|
|
108
|
+
textOverflow: 'ellipsis',
|
|
109
|
+
transition: 'border-color 120ms ease',
|
|
110
|
+
whiteSpace: 'nowrap',
|
|
111
|
+
}, type: 'button', children: display }), hidePencil ? null : (_jsx(IconButton, { "aria-label": `Edit ${ariaLabel}`, onClick: enterEdit, subtle: true, children: _jsx(IconPencil, { size: 20 }) }))] }));
|
|
112
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { InlineEditableText } from './InlineEditableText';
|
|
3
|
+
declare const meta: Meta<typeof InlineEditableText>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const EmptyStartsWithPlaceholder: Story;
|
|
8
|
+
export declare const WithMaxLength: Story;
|
|
9
|
+
export declare const CardHeaderSize: Story;
|
|
10
|
+
export declare const PencilHidden: Story;
|
|
11
|
+
//# sourceMappingURL=InlineEditableText.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InlineEditableText.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/InlineEditableText/InlineEditableText.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAI5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,kBAAkB,CAYzC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,KAWxC,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAU3B,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAW5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from 'react';
|
|
3
|
+
import { Stack } from '../../Layout/Stack/Stack';
|
|
4
|
+
import { Text } from '../Text/Text';
|
|
5
|
+
import { InlineEditableText } from './InlineEditableText';
|
|
6
|
+
const meta = {
|
|
7
|
+
component: InlineEditableText,
|
|
8
|
+
parameters: {
|
|
9
|
+
docs: {
|
|
10
|
+
description: {
|
|
11
|
+
component: 'Heading-styled text that flips into an inline input on click or pencil press. Commits on Enter + blur; Escape cancels. Used for playlist titles and other inline-edited names.',
|
|
12
|
+
},
|
|
13
|
+
},
|
|
14
|
+
layout: 'centered',
|
|
15
|
+
},
|
|
16
|
+
title: 'Components/Typography/InlineEditableText',
|
|
17
|
+
};
|
|
18
|
+
export default meta;
|
|
19
|
+
export const Default = {
|
|
20
|
+
render: () => {
|
|
21
|
+
const [value, setValue] = useState('Spring campaign');
|
|
22
|
+
return (_jsxs(Stack, { style: { minWidth: 320 }, children: [_jsx(InlineEditableText, { onChange: setValue, value: value }), _jsxs(Text, { variant: 'subtle', children: ["Persisted: ", value] })] }));
|
|
23
|
+
},
|
|
24
|
+
};
|
|
25
|
+
export const EmptyStartsWithPlaceholder = {
|
|
26
|
+
render: () => {
|
|
27
|
+
const [value, setValue] = useState('');
|
|
28
|
+
return (_jsx(InlineEditableText, { onChange: setValue, placeholder: 'Untitled Playlist', value: value }));
|
|
29
|
+
},
|
|
30
|
+
};
|
|
31
|
+
export const WithMaxLength = {
|
|
32
|
+
render: () => {
|
|
33
|
+
const [value, setValue] = useState('My Playlist');
|
|
34
|
+
return (_jsxs(Stack, { style: { minWidth: 320 }, children: [_jsx(InlineEditableText, { maxLength: 32, onChange: setValue, value: value }), _jsx(Text, { variant: 'label', children: "Max 32 characters" })] }));
|
|
35
|
+
},
|
|
36
|
+
};
|
|
37
|
+
export const CardHeaderSize = {
|
|
38
|
+
render: () => {
|
|
39
|
+
const [value, setValue] = useState('Short heading');
|
|
40
|
+
return (_jsx(InlineEditableText, { onChange: setValue, value: value, variant: 'cardHeader' }));
|
|
41
|
+
},
|
|
42
|
+
};
|
|
43
|
+
export const PencilHidden = {
|
|
44
|
+
render: () => {
|
|
45
|
+
const [value, setValue] = useState('Click the text to edit');
|
|
46
|
+
return _jsx(InlineEditableText, { hidePencil: true, onChange: setValue, value: value });
|
|
47
|
+
},
|
|
48
|
+
};
|
|
@@ -1,68 +1,150 @@
|
|
|
1
|
-
|
|
2
|
-
export {
|
|
3
|
-
export {
|
|
4
|
-
export {
|
|
5
|
-
export {
|
|
6
|
-
export {
|
|
7
|
-
export {
|
|
8
|
-
export {
|
|
9
|
-
export {
|
|
10
|
-
export {
|
|
11
|
-
export {
|
|
1
|
+
import "../styles/iosInputZoomFix";
|
|
2
|
+
export type { CalendarEventExternal, CalendarProps, CalendarType, CalendarView, } from "./Data/Calendar/Calendar";
|
|
3
|
+
export { Calendar, TAIV_CALENDAR_PALETTE } from "./Data/Calendar/Calendar";
|
|
4
|
+
export type { CalendarProps as BigCalendarProps, Event as BigCalendarEvent, EventInteractionArgs as BigCalendarEventInteractionArgs, SlotInfo as BigCalendarSlotInfo, View as BigCalendarView, } from "./Data/BigCalendar/BigCalendar";
|
|
5
|
+
export { BigCalendar, dateFnsLocalizer, momentLocalizer, withDragAndDrop, } from "./Data/BigCalendar/BigCalendar";
|
|
6
|
+
export { ChartCard } from "./Data/Cards/ChartCard/ChartCard";
|
|
7
|
+
export { PieChartCard } from "./Data/Cards/PieChartCard/PieChartCard";
|
|
8
|
+
export { StatsCard } from "./Data/Cards/StatsCard/StatsCard";
|
|
9
|
+
export { Chart } from "./Data/Chart/Chart";
|
|
10
|
+
export { CheckboxTable } from "./Data/CheckboxTable/CheckboxTable";
|
|
11
|
+
export type { MediaPillProps, MediaPillSize, MediaPillType, } from "./Data/MediaPill/MediaPill";
|
|
12
|
+
export { MediaPill } from "./Data/MediaPill/MediaPill";
|
|
13
|
+
export { PieChart } from "./Data/PieChart/PieChart";
|
|
14
|
+
export { Progress } from "./Data/Progress/Progress";
|
|
15
|
+
export { RemovableItemList } from "./Data/RemovableItemList/RemovableItemList";
|
|
16
|
+
export { StatsBadge } from "./Data/StatsBadge/StatsBadge";
|
|
17
|
+
export type { AvatarPrimitiveColor, AvatarProps } from "./Info/Avatar/Avatar";
|
|
18
|
+
export { Avatar } from "./Info/Avatar/Avatar";
|
|
19
|
+
export { Badge } from "./Info/Badge/Badge";
|
|
20
|
+
export type { BadgeColor } from "./Info/Badge/variants";
|
|
21
|
+
export type { DrawerPosition, DrawerProps } from "./Info/Drawer/Drawer";
|
|
22
|
+
export { Drawer } from "./Info/Drawer/Drawer";
|
|
23
|
+
export type { DrawerProps as BaseDrawerProps } from "@mantine/core";
|
|
24
|
+
export { Drawer as BaseDrawer } from "@mantine/core";
|
|
25
|
+
export type { HoverCardMenuItemProps, HoverCardProps } from "./Info/HoverCard/HoverCard";
|
|
26
|
+
export { HoverCard } from "./Info/HoverCard/HoverCard";
|
|
27
|
+
export type { IndicatorProps } from "./Info/Indicator/Indicator";
|
|
28
|
+
export { Indicator } from "./Info/Indicator/Indicator";
|
|
29
|
+
export { InfoCard } from "./Info/InfoCard/InfoCard";
|
|
30
|
+
export type { MobileDrawerProps } from "./Info/MobileDrawer/MobileDrawer";
|
|
31
|
+
export { MobileDrawer } from "./Info/MobileDrawer/MobileDrawer";
|
|
32
|
+
export { FormModal } from "./Info/Modals/FormModal/FormModal";
|
|
33
|
+
export { FormModalV2 } from "./Info/Modals/FormModalV2/FormModalV2";
|
|
12
34
|
export { StepperModal } from './Info/Modals/StepperModal/StepperModal';
|
|
13
|
-
export {
|
|
14
|
-
export {
|
|
15
|
-
export {
|
|
16
|
-
export {
|
|
17
|
-
export {
|
|
18
|
-
export {
|
|
19
|
-
export {
|
|
20
|
-
export {
|
|
21
|
-
export {
|
|
22
|
-
export {
|
|
23
|
-
export {
|
|
24
|
-
export { SSOButton } from
|
|
25
|
-
export {
|
|
26
|
-
export {
|
|
27
|
-
export {
|
|
28
|
-
export {
|
|
29
|
-
export {
|
|
30
|
-
export {
|
|
31
|
-
export {
|
|
32
|
-
export {
|
|
33
|
-
export {
|
|
34
|
-
export {
|
|
35
|
-
export {
|
|
36
|
-
export {
|
|
37
|
-
export {
|
|
38
|
-
export {
|
|
39
|
-
export {
|
|
40
|
-
export {
|
|
41
|
-
export {
|
|
42
|
-
export {
|
|
43
|
-
export {
|
|
44
|
-
export {
|
|
45
|
-
export {
|
|
46
|
-
export {
|
|
47
|
-
export {
|
|
48
|
-
export {
|
|
49
|
-
export {
|
|
50
|
-
export {
|
|
51
|
-
export {
|
|
52
|
-
export {
|
|
53
|
-
export {
|
|
54
|
-
export
|
|
55
|
-
export {
|
|
56
|
-
export {
|
|
57
|
-
export {
|
|
58
|
-
export {
|
|
59
|
-
export {
|
|
60
|
-
export {
|
|
61
|
-
export {
|
|
62
|
-
export {
|
|
63
|
-
export {
|
|
64
|
-
export {
|
|
65
|
-
export {
|
|
66
|
-
export {
|
|
67
|
-
export {
|
|
35
|
+
export type { FormModalV2Props } from "./Info/Modals/FormModalV2/FormModalV2";
|
|
36
|
+
export { Modal } from "./Info/Modals/Modal/Modal";
|
|
37
|
+
export { ModalProvider } from "./Info/Modals/ModalProvider/ModalProvider";
|
|
38
|
+
export { NotificationProvider } from "./Info/Notifications/NotificationProvider/NotificationProvider";
|
|
39
|
+
export type { ResponsiveDrawerAnchor, ResponsiveDrawerProps, } from "./Info/ResponsiveDrawer/ResponsiveDrawer";
|
|
40
|
+
export { ResponsiveDrawer } from "./Info/ResponsiveDrawer/ResponsiveDrawer";
|
|
41
|
+
export { FormulaTooltip } from "./Info/Tooltips/FormulaTooltip/FormulaTooltip";
|
|
42
|
+
export { InfoTooltip } from "./Info/Tooltips/InfoTooltip/InfoTooltip";
|
|
43
|
+
export { Tooltip } from "./Info/Tooltips/Tooltip/Tooltip";
|
|
44
|
+
export { Button } from "./Inputs/Buttons/Button/Button";
|
|
45
|
+
export { IconButton } from "./Inputs/Buttons/IconButton/IconButton";
|
|
46
|
+
export { SSOButton } from "./Inputs/Buttons/SSOButton/SSOButton";
|
|
47
|
+
export { UnstyledButton } from "./Inputs/Buttons/UnstyledButton/UnstyledButton";
|
|
48
|
+
export type { ColorPickerTriggerProps, ColorPickerTriggerVariant, } from "./Inputs/ColorPickerTrigger/ColorPickerTrigger";
|
|
49
|
+
export { ColorPickerTrigger } from "./Inputs/ColorPickerTrigger/ColorPickerTrigger";
|
|
50
|
+
export type { ColorSwatchProps } from "./Inputs/ColorSwatch/ColorSwatch";
|
|
51
|
+
export { ColorSwatch } from "./Inputs/ColorSwatch/ColorSwatch";
|
|
52
|
+
export { Checkbox } from "./Inputs/Controls/Checkbox/Checkbox";
|
|
53
|
+
export type { DayKey, DaysOfWeekProps } from "./Inputs/Controls/DaysOfWeek/DaysOfWeek";
|
|
54
|
+
export { DaysOfWeek } from "./Inputs/Controls/DaysOfWeek/DaysOfWeek";
|
|
55
|
+
export { Radio } from "./Inputs/Controls/Radio/Radio";
|
|
56
|
+
export { RadioList } from "./Inputs/Controls/RadioList/RadioList";
|
|
57
|
+
export { SegmentedControl } from "./Inputs/Controls/SegmentedControl/SegmentedControl";
|
|
58
|
+
export { Toggle } from "./Inputs/Controls/Toggle/Toggle";
|
|
59
|
+
export { DatePicker } from "./Inputs/Dates/DatePicker/DatePicker";
|
|
60
|
+
export { DateTimePicker } from "./Inputs/Dates/DateTimePicker/DateTimePicker";
|
|
61
|
+
export { TimeInput } from "./Inputs/Dates/TimeInput/TimeInput";
|
|
62
|
+
export { CascadingSelect } from "./Inputs/Dropdowns/CascadingSelect/CascadingSelect";
|
|
63
|
+
export { FontSelect } from "./Inputs/Dropdowns/FontSelect/FontSelect";
|
|
64
|
+
export { MultiSelect } from "./Inputs/Dropdowns/MultiSelect/MultiSelect";
|
|
65
|
+
export { Select } from "./Inputs/Dropdowns/Select/Select";
|
|
66
|
+
export type { FileRejection, FileWithPath } from "./Inputs/Dropzone/Dropzone";
|
|
67
|
+
export { Dropzone, IMAGE_MIME_TYPE, MIME_TYPES, MS_EXCEL_MIME_TYPE, MS_POWERPOINT_MIME_TYPE, MS_WORD_MIME_TYPE, PDF_MIME_TYPE, } from "./Inputs/Dropzone/Dropzone";
|
|
68
|
+
export { Slider } from "./Inputs/Sliders/Slider/Slider";
|
|
69
|
+
export { VolumeSlider } from "./Inputs/Sliders/VolumeSlider/VolumeSlider";
|
|
70
|
+
export { AutoComplete } from "./Inputs/TextInputs/AutoComplete/AutoComplete";
|
|
71
|
+
export { NumberInput } from "./Inputs/TextInputs/NumberInput/NumberInput";
|
|
72
|
+
export type { ResponsiveNumberInputProps } from "./Inputs/TextInputs/NumberInput/ResponsiveNumberInput";
|
|
73
|
+
export { ResponsiveNumberInput } from "./Inputs/TextInputs/NumberInput/ResponsiveNumberInput";
|
|
74
|
+
export { PasswordInput } from "./Inputs/TextInputs/PasswordInput/PasswordInput";
|
|
75
|
+
export { SearchBar } from "./Inputs/TextInputs/SearchBar/SearchBar";
|
|
76
|
+
export { TextArea } from "./Inputs/TextInputs/TextArea/TextArea";
|
|
77
|
+
export { TextInput } from "./Inputs/TextInputs/TextInput/TextInput";
|
|
78
|
+
export { Accordion } from "./Layout/Accordion/Accordion";
|
|
79
|
+
export type { AutoGridProps, ResponsiveCols } from "./Layout/AutoGrid/AutoGrid";
|
|
80
|
+
export { AutoGrid } from "./Layout/AutoGrid/AutoGrid";
|
|
81
|
+
export type { VirtualGridProps } from "./Layout/VirtualGrid/VirtualGrid";
|
|
82
|
+
export { VirtualGrid } from "./Layout/VirtualGrid/VirtualGrid";
|
|
83
|
+
export type { BottomActionBarItem, BottomActionBarProps, } from "./Layout/BottomActionBar/BottomActionBar";
|
|
84
|
+
export { BottomActionBar } from "./Layout/BottomActionBar/BottomActionBar";
|
|
85
|
+
export { Box } from "./Layout/Box/Box";
|
|
86
|
+
export { Card } from "./Layout/Card/Card";
|
|
87
|
+
export { Center } from "./Layout/Center/Center";
|
|
88
|
+
export type { ContainerProps } from "./Layout/Container/Container";
|
|
89
|
+
export { Container } from "./Layout/Container/Container";
|
|
90
|
+
export type { DataStateProps, DataStateVariant, } from "./Layout/DataState/DataState";
|
|
91
|
+
export { DataState } from "./Layout/DataState/DataState";
|
|
92
|
+
export { Divider } from "./Layout/Divider/Divider";
|
|
93
|
+
export { Frame } from "./Layout/Frame/Frame";
|
|
94
|
+
export { Grid } from "./Layout/Grid/Grid";
|
|
95
|
+
export { Group } from "./Layout/Group/Group";
|
|
96
|
+
export { Loader } from "./Layout/Loader/Loader";
|
|
97
|
+
export { Navbar } from "./Layout/Navbar/Navbar";
|
|
98
|
+
export type { ScrollAreaAutosizeProps, ScrollAreaProps, } from "./Layout/ScrollArea/ScrollArea";
|
|
99
|
+
export { ScrollArea } from "./Layout/ScrollArea/ScrollArea";
|
|
100
|
+
export type { PageProps } from "./Layout/Page/Page";
|
|
101
|
+
export { Page } from "./Layout/Page/Page";
|
|
102
|
+
export type { PaginationProps } from "./Layout/Pagination/Pagination";
|
|
103
|
+
export { Pagination } from "./Layout/Pagination/Pagination";
|
|
104
|
+
export { SectionCard } from "./Layout/SectionCard/SectionCard";
|
|
105
|
+
export { Stack } from "./Layout/Stack/Stack";
|
|
106
|
+
export type { ColumnConfig } from "./Layout/Table/Table";
|
|
107
|
+
export { Table } from "./Layout/Table/Table";
|
|
108
|
+
export { Tabs } from "./Layout/Tabs/Tabs";
|
|
109
|
+
export type { BurgerProps } from "./Misc/Burger/Burger";
|
|
110
|
+
export { Burger } from "./Misc/Burger/Burger";
|
|
111
|
+
export type { CarouselProps, EmblaCarouselType, EmblaPluginType, } from "./Misc/Carousel/Carousel";
|
|
112
|
+
export { Carousel, carouselAutoplay } from "./Misc/Carousel/Carousel";
|
|
113
|
+
export type { DragHandleProps } from "./Misc/DragHandle/DragHandle";
|
|
114
|
+
export { DragHandle } from "./Misc/DragHandle/DragHandle";
|
|
115
|
+
export type { FABPosition, FABProps } from "./Misc/FAB/FAB";
|
|
116
|
+
export { FAB } from "./Misc/FAB/FAB";
|
|
117
|
+
export type { FloatingToolbarProps } from "./Misc/FloatingToolbar/FloatingToolbar";
|
|
118
|
+
export { FloatingToolbar } from "./Misc/FloatingToolbar/FloatingToolbar";
|
|
119
|
+
export type { HoverActionProps } from "./Misc/HoverAction/HoverAction";
|
|
120
|
+
export { HoverAction } from "./Misc/HoverAction/HoverAction";
|
|
121
|
+
export { IconBadge } from "./Misc/IconBadge/IconBadge";
|
|
122
|
+
export type { ImageProps } from "./Misc/Image/Image";
|
|
123
|
+
export { Image } from "./Misc/Image/Image";
|
|
124
|
+
export { Kbd } from "./Misc/Kbd/Kbd";
|
|
125
|
+
export { LoadingOverlay } from "./Misc/LoadingOverlay/LoadingOverlay";
|
|
126
|
+
export type { MenuProps } from "./Misc/Menu/Menu";
|
|
127
|
+
export { Menu } from "./Misc/Menu/Menu";
|
|
128
|
+
export type { OverflowFadeProps } from "./Misc/OverflowFade/OverflowFade";
|
|
129
|
+
export { OverflowFade } from "./Misc/OverflowFade/OverflowFade";
|
|
130
|
+
export type { PickerItem, PickerPosition, PickerProps, } from "./Misc/Picker/Picker";
|
|
131
|
+
export { Picker } from "./Misc/Picker/Picker";
|
|
132
|
+
export type { SelectableObjectHandle, SelectableObjectProps, } from "./Misc/SelectableObject/SelectableObject";
|
|
133
|
+
export { SelectableObject } from "./Misc/SelectableObject/SelectableObject";
|
|
134
|
+
export type { SelectionToolbarProps } from "./Misc/SelectionToolbar/SelectionToolbar";
|
|
135
|
+
export { SelectionToolbar } from "./Misc/SelectionToolbar/SelectionToolbar";
|
|
136
|
+
export { Skeleton } from "./Misc/Skeleton/Skeleton";
|
|
137
|
+
export { Step } from "./Misc/Stepper/Step";
|
|
138
|
+
export { Stepper } from "./Misc/Stepper/Stepper";
|
|
139
|
+
export type { TimelineItemProps, TimelineProps } from "./Misc/Timeline/Timeline";
|
|
140
|
+
export { Timeline } from "./Misc/Timeline/Timeline";
|
|
141
|
+
export { Transition } from "./Misc/Transition/Transition";
|
|
142
|
+
export { CollapsibleText } from "./Typography/CollapsibleText/CollapsibleText";
|
|
143
|
+
export { CollapsibleTitle } from "./Typography/CollapsibleTitle/CollapsibleTitle";
|
|
144
|
+
export { Formula } from "./Typography/Formula/Formula";
|
|
145
|
+
export { Fraction } from "./Typography/Fraction/Fraction";
|
|
146
|
+
export type { InlineEditableTextColorScheme, InlineEditableTextProps, InlineEditableTextVariant, } from "./Typography/InlineEditableText/InlineEditableText";
|
|
147
|
+
export { InlineEditableText } from "./Typography/InlineEditableText/InlineEditableText";
|
|
148
|
+
export { Text } from "./Typography/Text/Text";
|
|
149
|
+
export { Title } from "./Typography/Title/Title";
|
|
68
150
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"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"}
|