@activecollab/components 2.0.498 → 2.0.499
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/cjs/components/Button/AddToListButton/AddToListButton.js +13 -1
- package/dist/cjs/components/Button/AddToListButton/AddToListButton.js.map +1 -1
- package/dist/cjs/components/Button/AddToListButton/Styles.js +16 -1
- package/dist/cjs/components/Button/AddToListButton/Styles.js.map +1 -1
- package/dist/cjs/components/ButtonGroup/ButtonGroup.js +5 -2
- package/dist/cjs/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/cjs/components/ButtonGroup/Styles.js +11 -7
- package/dist/cjs/components/ButtonGroup/Styles.js.map +1 -1
- package/dist/cjs/components/Card/Card.js +9 -2
- package/dist/cjs/components/Card/Card.js.map +1 -1
- package/dist/cjs/components/Card/Styles.js +6 -1
- package/dist/cjs/components/Card/Styles.js.map +1 -1
- package/dist/cjs/components/Chip/Chip.js +21 -6
- package/dist/cjs/components/Chip/Chip.js.map +1 -1
- package/dist/cjs/components/Chip/ChipGroup.js +27 -0
- package/dist/cjs/components/Chip/ChipGroup.js.map +1 -0
- package/dist/cjs/components/Chip/ChipGroupStyles.js +17 -0
- package/dist/cjs/components/Chip/ChipGroupStyles.js.map +1 -0
- package/dist/cjs/components/Chip/Styles.js +55 -19
- package/dist/cjs/components/Chip/Styles.js.map +1 -1
- package/dist/cjs/components/Chip/index.js +11 -0
- package/dist/cjs/components/Chip/index.js.map +1 -1
- package/dist/cjs/components/ClampedContent/ClampedContent.js +131 -0
- package/dist/cjs/components/ClampedContent/ClampedContent.js.map +1 -0
- package/dist/cjs/components/ClampedContent/Styles.js +28 -0
- package/dist/cjs/components/ClampedContent/Styles.js.map +1 -0
- package/dist/cjs/components/ClampedContent/index.js +17 -0
- package/dist/cjs/components/ClampedContent/index.js.map +1 -0
- package/dist/cjs/components/Collapse/Collapse.js +93 -0
- package/dist/cjs/components/Collapse/Collapse.js.map +1 -0
- package/dist/cjs/components/Collapse/Styles.js +26 -0
- package/dist/cjs/components/Collapse/Styles.js.map +1 -0
- package/dist/cjs/components/Collapse/index.js +17 -0
- package/dist/cjs/components/Collapse/index.js.map +1 -0
- package/dist/cjs/components/CompleteCheckbox/CompleteCheckbox.js +24 -2
- package/dist/cjs/components/CompleteCheckbox/CompleteCheckbox.js.map +1 -1
- package/dist/cjs/components/CompleteCheckbox/Styles.js +17 -1
- package/dist/cjs/components/CompleteCheckbox/Styles.js.map +1 -1
- package/dist/cjs/components/DockedCard/DockedCard.js +68 -0
- package/dist/cjs/components/DockedCard/DockedCard.js.map +1 -0
- package/dist/cjs/components/DockedCard/Styles.js +36 -0
- package/dist/cjs/components/DockedCard/Styles.js.map +1 -0
- package/dist/cjs/components/DockedCard/index.js +28 -0
- package/dist/cjs/components/DockedCard/index.js.map +1 -0
- package/dist/cjs/components/DockedCard/useDockedCard.js +236 -0
- package/dist/cjs/components/DockedCard/useDockedCard.js.map +1 -0
- package/dist/cjs/components/EditableContent/EditableContent.js.map +1 -1
- package/dist/cjs/components/EditorFrame/EditorFrame.js +51 -0
- package/dist/cjs/components/EditorFrame/EditorFrame.js.map +1 -0
- package/dist/cjs/components/EditorFrame/Styles.js +29 -0
- package/dist/cjs/components/EditorFrame/Styles.js.map +1 -0
- package/dist/cjs/components/EditorFrame/index.js +17 -0
- package/dist/cjs/components/EditorFrame/index.js.map +1 -0
- package/dist/cjs/components/EmptySlate/EmptySlate.js +19 -9
- package/dist/cjs/components/EmptySlate/EmptySlate.js.map +1 -1
- package/dist/cjs/components/EmptySlate/EmptySlate.styles.js +20 -6
- package/dist/cjs/components/EmptySlate/EmptySlate.styles.js.map +1 -1
- package/dist/cjs/components/FileTile/FileTile.js +138 -0
- package/dist/cjs/components/FileTile/FileTile.js.map +1 -0
- package/dist/cjs/components/FileTile/Styles.js +71 -0
- package/dist/cjs/components/FileTile/Styles.js.map +1 -0
- package/dist/cjs/components/FileTile/index.js +17 -0
- package/dist/cjs/components/FileTile/index.js.map +1 -0
- package/dist/cjs/components/FloatingPill/FloatingPill.js +33 -0
- package/dist/cjs/components/FloatingPill/FloatingPill.js.map +1 -0
- package/dist/cjs/components/FloatingPill/Styles.js +16 -0
- package/dist/cjs/components/FloatingPill/Styles.js.map +1 -0
- package/dist/cjs/components/FloatingPill/index.js +17 -0
- package/dist/cjs/components/FloatingPill/index.js.map +1 -0
- package/dist/cjs/components/Icons/collection/FlagFilled.js +71 -0
- package/dist/cjs/components/Icons/collection/FlagFilled.js.map +1 -0
- package/dist/cjs/components/Icons/collection/FlagOutline.js +72 -0
- package/dist/cjs/components/Icons/collection/FlagOutline.js.map +1 -0
- package/dist/cjs/components/Icons/collection/LayoutColumn.js +70 -0
- package/dist/cjs/components/Icons/collection/LayoutColumn.js.map +1 -0
- package/dist/cjs/components/Icons/collection/LayoutSidebar.js +68 -0
- package/dist/cjs/components/Icons/collection/LayoutSidebar.js.map +1 -0
- package/dist/cjs/components/Icons/collection/LayoutWide.js +70 -0
- package/dist/cjs/components/Icons/collection/LayoutWide.js.map +1 -0
- package/dist/cjs/components/Icons/collection/index.js +35 -0
- package/dist/cjs/components/Icons/collection/index.js.map +1 -1
- package/dist/cjs/components/LabeledDivider/LabeledDivider.js +39 -0
- package/dist/cjs/components/LabeledDivider/LabeledDivider.js.map +1 -0
- package/dist/cjs/components/LabeledDivider/Styles.js +27 -0
- package/dist/cjs/components/LabeledDivider/Styles.js.map +1 -0
- package/dist/cjs/components/LabeledDivider/index.js +17 -0
- package/dist/cjs/components/LabeledDivider/index.js.map +1 -0
- package/dist/cjs/components/ListRow/ListRow.js +48 -0
- package/dist/cjs/components/ListRow/ListRow.js.map +1 -0
- package/dist/cjs/components/ListRow/Styles.js +25 -0
- package/dist/cjs/components/ListRow/Styles.js.map +1 -0
- package/dist/cjs/components/ListRow/index.js +17 -0
- package/dist/cjs/components/ListRow/index.js.map +1 -0
- package/dist/cjs/components/Loaders/Skeleton/SkeletonLoader.js +11 -2
- package/dist/cjs/components/Loaders/Skeleton/SkeletonLoader.js.map +1 -1
- package/dist/cjs/components/Loaders/Skeleton/Styles.js +13 -1
- package/dist/cjs/components/Loaders/Skeleton/Styles.js.map +1 -1
- package/dist/cjs/components/Menu/Menu.js +4 -1
- package/dist/cjs/components/Menu/Menu.js.map +1 -1
- package/dist/cjs/components/Menu/MenuFooter.js +18 -2
- package/dist/cjs/components/Menu/MenuFooter.js.map +1 -1
- package/dist/cjs/components/Menu/Styles.js +9 -3
- package/dist/cjs/components/Menu/Styles.js.map +1 -1
- package/dist/cjs/components/MessageBubble/MessageBubble.js +78 -0
- package/dist/cjs/components/MessageBubble/MessageBubble.js.map +1 -0
- package/dist/cjs/components/MessageBubble/Styles.js +56 -0
- package/dist/cjs/components/MessageBubble/Styles.js.map +1 -0
- package/dist/cjs/components/MessageBubble/index.js +17 -0
- package/dist/cjs/components/MessageBubble/index.js.map +1 -0
- package/dist/cjs/components/ObjectLayout/ObjectLayout.js +184 -0
- package/dist/cjs/components/ObjectLayout/ObjectLayout.js.map +1 -0
- package/dist/cjs/components/ObjectLayout/Styles.js +83 -0
- package/dist/cjs/components/ObjectLayout/Styles.js.map +1 -0
- package/dist/cjs/components/ObjectLayout/index.js +17 -0
- package/dist/cjs/components/ObjectLayout/index.js.map +1 -0
- package/dist/cjs/components/ProgressBar/ProgressBar.js +14 -3
- package/dist/cjs/components/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/cjs/components/ProgressBar/Styles.js +8 -2
- package/dist/cjs/components/ProgressBar/Styles.js.map +1 -1
- package/dist/cjs/components/PropertyList/PropertyList.js +186 -0
- package/dist/cjs/components/PropertyList/PropertyList.js.map +1 -0
- package/dist/cjs/components/PropertyList/Styles.js +104 -0
- package/dist/cjs/components/PropertyList/Styles.js.map +1 -0
- package/dist/cjs/components/PropertyList/index.js +17 -0
- package/dist/cjs/components/PropertyList/index.js.map +1 -0
- package/dist/cjs/components/ResizeHandle/ResizeHandle.js +38 -0
- package/dist/cjs/components/ResizeHandle/ResizeHandle.js.map +1 -0
- package/dist/cjs/components/ResizeHandle/Styles.js +26 -0
- package/dist/cjs/components/ResizeHandle/Styles.js.map +1 -0
- package/dist/cjs/components/ResizeHandle/index.js +17 -0
- package/dist/cjs/components/ResizeHandle/index.js.map +1 -0
- package/dist/cjs/components/Section/Section.js +49 -0
- package/dist/cjs/components/Section/Section.js.map +1 -0
- package/dist/cjs/components/Section/Styles.js +29 -0
- package/dist/cjs/components/Section/Styles.js.map +1 -0
- package/dist/cjs/components/Section/index.js +17 -0
- package/dist/cjs/components/Section/index.js.map +1 -0
- package/dist/cjs/components/Sheet/Sheet.js +8 -3
- package/dist/cjs/components/Sheet/Sheet.js.map +1 -1
- package/dist/cjs/components/Sheet/Styles.js +8 -2
- package/dist/cjs/components/Sheet/Styles.js.map +1 -1
- package/dist/cjs/components/Typography/Styles.js +11 -1
- package/dist/cjs/components/Typography/Styles.js.map +1 -1
- package/dist/cjs/components/Typography/Typography.js.map +1 -1
- package/dist/cjs/components/Typography/Variants/Title3.js +26 -0
- package/dist/cjs/components/Typography/Variants/Title3.js.map +1 -0
- package/dist/cjs/components/Typography/index.js +11 -0
- package/dist/cjs/components/Typography/index.js.map +1 -1
- package/dist/cjs/components/index.js +143 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/hooks/index.js +22 -0
- package/dist/cjs/hooks/index.js.map +1 -1
- package/dist/cjs/hooks/useLongPress.js +97 -0
- package/dist/cjs/hooks/useLongPress.js.map +1 -0
- package/dist/cjs/hooks/useResizablePanel.js +120 -0
- package/dist/cjs/hooks/useResizablePanel.js.map +1 -0
- package/dist/cjs/utils/useContainerCss.js +19 -0
- package/dist/cjs/utils/useContainerCss.js.map +1 -0
- package/dist/esm/components/Button/AddToListButton/AddToListButton.d.ts +5 -1
- package/dist/esm/components/Button/AddToListButton/AddToListButton.d.ts.map +1 -1
- package/dist/esm/components/Button/AddToListButton/AddToListButton.js +14 -2
- package/dist/esm/components/Button/AddToListButton/AddToListButton.js.map +1 -1
- package/dist/esm/components/Button/AddToListButton/Styles.d.ts +3 -0
- package/dist/esm/components/Button/AddToListButton/Styles.d.ts.map +1 -1
- package/dist/esm/components/Button/AddToListButton/Styles.js +15 -0
- package/dist/esm/components/Button/AddToListButton/Styles.js.map +1 -1
- package/dist/esm/components/ButtonGroup/ButtonGroup.d.ts +2 -0
- package/dist/esm/components/ButtonGroup/ButtonGroup.d.ts.map +1 -1
- package/dist/esm/components/ButtonGroup/ButtonGroup.js +5 -2
- package/dist/esm/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/esm/components/ButtonGroup/Styles.d.ts +1 -0
- package/dist/esm/components/ButtonGroup/Styles.d.ts.map +1 -1
- package/dist/esm/components/ButtonGroup/Styles.js +9 -7
- package/dist/esm/components/ButtonGroup/Styles.js.map +1 -1
- package/dist/esm/components/Card/Card.d.ts +5 -1
- package/dist/esm/components/Card/Card.d.ts.map +1 -1
- package/dist/esm/components/Card/Card.js +9 -2
- package/dist/esm/components/Card/Card.js.map +1 -1
- package/dist/esm/components/Card/Styles.d.ts +3 -0
- package/dist/esm/components/Card/Styles.d.ts.map +1 -1
- package/dist/esm/components/Card/Styles.js +6 -1
- package/dist/esm/components/Card/Styles.js.map +1 -1
- package/dist/esm/components/Chip/Chip.d.ts +13 -1
- package/dist/esm/components/Chip/Chip.d.ts.map +1 -1
- package/dist/esm/components/Chip/Chip.js +21 -6
- package/dist/esm/components/Chip/Chip.js.map +1 -1
- package/dist/esm/components/Chip/ChipGroup.d.ts +7 -0
- package/dist/esm/components/Chip/ChipGroup.d.ts.map +1 -0
- package/dist/esm/components/Chip/ChipGroup.js +19 -0
- package/dist/esm/components/Chip/ChipGroup.js.map +1 -0
- package/dist/esm/components/Chip/ChipGroupStyles.d.ts +4 -0
- package/dist/esm/components/Chip/ChipGroupStyles.d.ts.map +1 -0
- package/dist/esm/components/Chip/ChipGroupStyles.js +8 -0
- package/dist/esm/components/Chip/ChipGroupStyles.js.map +1 -0
- package/dist/esm/components/Chip/Styles.d.ts +9 -3
- package/dist/esm/components/Chip/Styles.d.ts.map +1 -1
- package/dist/esm/components/Chip/Styles.js +36 -13
- package/dist/esm/components/Chip/Styles.js.map +1 -1
- package/dist/esm/components/Chip/index.d.ts +1 -0
- package/dist/esm/components/Chip/index.d.ts.map +1 -1
- package/dist/esm/components/Chip/index.js +1 -0
- package/dist/esm/components/Chip/index.js.map +1 -1
- package/dist/esm/components/ClampedContent/ClampedContent.d.ts +18 -0
- package/dist/esm/components/ClampedContent/ClampedContent.d.ts.map +1 -0
- package/dist/esm/components/ClampedContent/ClampedContent.js +109 -0
- package/dist/esm/components/ClampedContent/ClampedContent.js.map +1 -0
- package/dist/esm/components/ClampedContent/Styles.d.ts +8 -0
- package/dist/esm/components/ClampedContent/Styles.d.ts.map +1 -0
- package/dist/esm/components/ClampedContent/Styles.js +21 -0
- package/dist/esm/components/ClampedContent/Styles.js.map +1 -0
- package/dist/esm/components/ClampedContent/index.d.ts +2 -0
- package/dist/esm/components/ClampedContent/index.d.ts.map +1 -0
- package/dist/esm/components/ClampedContent/index.js +2 -0
- package/dist/esm/components/ClampedContent/index.js.map +1 -0
- package/dist/esm/components/Collapse/Collapse.d.ts +15 -0
- package/dist/esm/components/Collapse/Collapse.d.ts.map +1 -0
- package/dist/esm/components/Collapse/Collapse.js +68 -0
- package/dist/esm/components/Collapse/Collapse.js.map +1 -0
- package/dist/esm/components/Collapse/Styles.d.ts +8 -0
- package/dist/esm/components/Collapse/Styles.d.ts.map +1 -0
- package/dist/esm/components/Collapse/Styles.js +19 -0
- package/dist/esm/components/Collapse/Styles.js.map +1 -0
- package/dist/esm/components/Collapse/index.d.ts +2 -0
- package/dist/esm/components/Collapse/index.d.ts.map +1 -0
- package/dist/esm/components/Collapse/index.js +2 -0
- package/dist/esm/components/Collapse/index.js.map +1 -0
- package/dist/esm/components/CompleteCheckbox/CompleteCheckbox.d.ts +9 -1
- package/dist/esm/components/CompleteCheckbox/CompleteCheckbox.d.ts.map +1 -1
- package/dist/esm/components/CompleteCheckbox/CompleteCheckbox.js +24 -2
- package/dist/esm/components/CompleteCheckbox/CompleteCheckbox.js.map +1 -1
- package/dist/esm/components/CompleteCheckbox/Styles.d.ts +4 -0
- package/dist/esm/components/CompleteCheckbox/Styles.d.ts.map +1 -1
- package/dist/esm/components/CompleteCheckbox/Styles.js +16 -0
- package/dist/esm/components/CompleteCheckbox/Styles.js.map +1 -1
- package/dist/esm/components/DockedCard/DockedCard.d.ts +26 -0
- package/dist/esm/components/DockedCard/DockedCard.d.ts.map +1 -0
- package/dist/esm/components/DockedCard/DockedCard.js +54 -0
- package/dist/esm/components/DockedCard/DockedCard.js.map +1 -0
- package/dist/esm/components/DockedCard/Styles.d.ts +9 -0
- package/dist/esm/components/DockedCard/Styles.d.ts.map +1 -0
- package/dist/esm/components/DockedCard/Styles.js +29 -0
- package/dist/esm/components/DockedCard/Styles.js.map +1 -0
- package/dist/esm/components/DockedCard/index.d.ts +3 -0
- package/dist/esm/components/DockedCard/index.d.ts.map +1 -0
- package/dist/esm/components/DockedCard/index.js +3 -0
- package/dist/esm/components/DockedCard/index.js.map +1 -0
- package/dist/esm/components/DockedCard/useDockedCard.d.ts +37 -0
- package/dist/esm/components/DockedCard/useDockedCard.d.ts.map +1 -0
- package/dist/esm/components/DockedCard/useDockedCard.js +194 -0
- package/dist/esm/components/DockedCard/useDockedCard.js.map +1 -0
- package/dist/esm/components/EditableContent/EditableContent.d.ts +1 -1
- package/dist/esm/components/EditableContent/EditableContent.d.ts.map +1 -1
- package/dist/esm/components/EditableContent/EditableContent.js.map +1 -1
- package/dist/esm/components/EditorFrame/EditorFrame.d.ts +14 -0
- package/dist/esm/components/EditorFrame/EditorFrame.d.ts.map +1 -0
- package/dist/esm/components/EditorFrame/EditorFrame.js +42 -0
- package/dist/esm/components/EditorFrame/EditorFrame.js.map +1 -0
- package/dist/esm/components/EditorFrame/Styles.d.ts +13 -0
- package/dist/esm/components/EditorFrame/Styles.d.ts.map +1 -0
- package/dist/esm/components/EditorFrame/Styles.js +22 -0
- package/dist/esm/components/EditorFrame/Styles.js.map +1 -0
- package/dist/esm/components/EditorFrame/index.d.ts +2 -0
- package/dist/esm/components/EditorFrame/index.d.ts.map +1 -0
- package/dist/esm/components/EditorFrame/index.js +2 -0
- package/dist/esm/components/EditorFrame/index.js.map +1 -0
- package/dist/esm/components/EmptySlate/EmptySlate.d.ts +9 -4
- package/dist/esm/components/EmptySlate/EmptySlate.d.ts.map +1 -1
- package/dist/esm/components/EmptySlate/EmptySlate.js +19 -9
- package/dist/esm/components/EmptySlate/EmptySlate.js.map +1 -1
- package/dist/esm/components/EmptySlate/EmptySlate.styles.d.ts +8 -4
- package/dist/esm/components/EmptySlate/EmptySlate.styles.d.ts.map +1 -1
- package/dist/esm/components/EmptySlate/EmptySlate.styles.js +5 -5
- package/dist/esm/components/EmptySlate/EmptySlate.styles.js.map +1 -1
- package/dist/esm/components/FileTile/FileTile.d.ts +63 -0
- package/dist/esm/components/FileTile/FileTile.d.ts.map +1 -0
- package/dist/esm/components/FileTile/FileTile.js +129 -0
- package/dist/esm/components/FileTile/FileTile.js.map +1 -0
- package/dist/esm/components/FileTile/Styles.d.ts +19 -0
- package/dist/esm/components/FileTile/Styles.d.ts.map +1 -0
- package/dist/esm/components/FileTile/Styles.js +64 -0
- package/dist/esm/components/FileTile/Styles.js.map +1 -0
- package/dist/esm/components/FileTile/index.d.ts +2 -0
- package/dist/esm/components/FileTile/index.d.ts.map +1 -0
- package/dist/esm/components/FileTile/index.js +2 -0
- package/dist/esm/components/FileTile/index.js.map +1 -0
- package/dist/esm/components/FloatingPill/FloatingPill.d.ts +9 -0
- package/dist/esm/components/FloatingPill/FloatingPill.d.ts.map +1 -0
- package/dist/esm/components/FloatingPill/FloatingPill.js +24 -0
- package/dist/esm/components/FloatingPill/FloatingPill.js.map +1 -0
- package/dist/esm/components/FloatingPill/Styles.d.ts +4 -0
- package/dist/esm/components/FloatingPill/Styles.d.ts.map +1 -0
- package/dist/esm/components/FloatingPill/Styles.js +9 -0
- package/dist/esm/components/FloatingPill/Styles.js.map +1 -0
- package/dist/esm/components/FloatingPill/index.d.ts +2 -0
- package/dist/esm/components/FloatingPill/index.d.ts.map +1 -0
- package/dist/esm/components/FloatingPill/index.js +2 -0
- package/dist/esm/components/FloatingPill/index.js.map +1 -0
- package/dist/esm/components/Icons/collection/FlagFilled.d.ts +32 -0
- package/dist/esm/components/Icons/collection/FlagFilled.d.ts.map +1 -0
- package/dist/esm/components/Icons/collection/FlagFilled.js +64 -0
- package/dist/esm/components/Icons/collection/FlagFilled.js.map +1 -0
- package/dist/esm/components/Icons/collection/FlagOutline.d.ts +32 -0
- package/dist/esm/components/Icons/collection/FlagOutline.d.ts.map +1 -0
- package/dist/esm/components/Icons/collection/FlagOutline.js +65 -0
- package/dist/esm/components/Icons/collection/FlagOutline.js.map +1 -0
- package/dist/esm/components/Icons/collection/LayoutColumn.d.ts +32 -0
- package/dist/esm/components/Icons/collection/LayoutColumn.d.ts.map +1 -0
- package/dist/esm/components/Icons/collection/LayoutColumn.js +63 -0
- package/dist/esm/components/Icons/collection/LayoutColumn.js.map +1 -0
- package/dist/esm/components/Icons/collection/LayoutSidebar.d.ts +32 -0
- package/dist/esm/components/Icons/collection/LayoutSidebar.d.ts.map +1 -0
- package/dist/esm/components/Icons/collection/LayoutSidebar.js +61 -0
- package/dist/esm/components/Icons/collection/LayoutSidebar.js.map +1 -0
- package/dist/esm/components/Icons/collection/LayoutWide.d.ts +32 -0
- package/dist/esm/components/Icons/collection/LayoutWide.d.ts.map +1 -0
- package/dist/esm/components/Icons/collection/LayoutWide.js +63 -0
- package/dist/esm/components/Icons/collection/LayoutWide.js.map +1 -0
- package/dist/esm/components/Icons/collection/index.d.ts +5 -0
- package/dist/esm/components/Icons/collection/index.d.ts.map +1 -1
- package/dist/esm/components/Icons/collection/index.js +5 -0
- package/dist/esm/components/Icons/collection/index.js.map +1 -1
- package/dist/esm/components/LabeledDivider/LabeledDivider.d.ts +11 -0
- package/dist/esm/components/LabeledDivider/LabeledDivider.d.ts.map +1 -0
- package/dist/esm/components/LabeledDivider/LabeledDivider.js +30 -0
- package/dist/esm/components/LabeledDivider/LabeledDivider.js.map +1 -0
- package/dist/esm/components/LabeledDivider/Styles.d.ts +10 -0
- package/dist/esm/components/LabeledDivider/Styles.d.ts.map +1 -0
- package/dist/esm/components/LabeledDivider/Styles.js +20 -0
- package/dist/esm/components/LabeledDivider/Styles.js.map +1 -0
- package/dist/esm/components/LabeledDivider/index.d.ts +2 -0
- package/dist/esm/components/LabeledDivider/index.d.ts.map +1 -0
- package/dist/esm/components/LabeledDivider/index.js +2 -0
- package/dist/esm/components/LabeledDivider/index.js.map +1 -0
- package/dist/esm/components/ListRow/ListRow.d.ts +19 -0
- package/dist/esm/components/ListRow/ListRow.d.ts.map +1 -0
- package/dist/esm/components/ListRow/ListRow.js +39 -0
- package/dist/esm/components/ListRow/ListRow.js.map +1 -0
- package/dist/esm/components/ListRow/Styles.d.ts +7 -0
- package/dist/esm/components/ListRow/Styles.d.ts.map +1 -0
- package/dist/esm/components/ListRow/Styles.js +18 -0
- package/dist/esm/components/ListRow/Styles.js.map +1 -0
- package/dist/esm/components/ListRow/index.d.ts +2 -0
- package/dist/esm/components/ListRow/index.d.ts.map +1 -0
- package/dist/esm/components/ListRow/index.js +2 -0
- package/dist/esm/components/ListRow/index.js.map +1 -0
- package/dist/esm/components/Loaders/Skeleton/SkeletonLoader.d.ts +11 -1
- package/dist/esm/components/Loaders/Skeleton/SkeletonLoader.d.ts.map +1 -1
- package/dist/esm/components/Loaders/Skeleton/SkeletonLoader.js +11 -2
- package/dist/esm/components/Loaders/Skeleton/SkeletonLoader.js.map +1 -1
- package/dist/esm/components/Loaders/Skeleton/Styles.d.ts +8 -1
- package/dist/esm/components/Loaders/Skeleton/Styles.d.ts.map +1 -1
- package/dist/esm/components/Loaders/Skeleton/Styles.js +4 -2
- package/dist/esm/components/Loaders/Skeleton/Styles.js.map +1 -1
- package/dist/esm/components/Menu/Menu.d.ts +2 -0
- package/dist/esm/components/Menu/Menu.d.ts.map +1 -1
- package/dist/esm/components/Menu/Menu.js +4 -1
- package/dist/esm/components/Menu/Menu.js.map +1 -1
- package/dist/esm/components/Menu/MenuFooter.d.ts +12 -0
- package/dist/esm/components/Menu/MenuFooter.d.ts.map +1 -1
- package/dist/esm/components/Menu/MenuFooter.js +17 -3
- package/dist/esm/components/Menu/MenuFooter.js.map +1 -1
- package/dist/esm/components/Menu/Styles.d.ts +4 -1
- package/dist/esm/components/Menu/Styles.d.ts.map +1 -1
- package/dist/esm/components/Menu/Styles.js +7 -3
- package/dist/esm/components/Menu/Styles.js.map +1 -1
- package/dist/esm/components/MessageBubble/MessageBubble.d.ts +29 -0
- package/dist/esm/components/MessageBubble/MessageBubble.d.ts.map +1 -0
- package/dist/esm/components/MessageBubble/MessageBubble.js +69 -0
- package/dist/esm/components/MessageBubble/MessageBubble.js.map +1 -0
- package/dist/esm/components/MessageBubble/Styles.d.ts +16 -0
- package/dist/esm/components/MessageBubble/Styles.d.ts.map +1 -0
- package/dist/esm/components/MessageBubble/Styles.js +51 -0
- package/dist/esm/components/MessageBubble/Styles.js.map +1 -0
- package/dist/esm/components/MessageBubble/index.d.ts +2 -0
- package/dist/esm/components/MessageBubble/index.d.ts.map +1 -0
- package/dist/esm/components/MessageBubble/index.js +2 -0
- package/dist/esm/components/MessageBubble/index.js.map +1 -0
- package/dist/esm/components/ObjectLayout/ObjectLayout.d.ts +32 -0
- package/dist/esm/components/ObjectLayout/ObjectLayout.d.ts.map +1 -0
- package/dist/esm/components/ObjectLayout/ObjectLayout.js +162 -0
- package/dist/esm/components/ObjectLayout/ObjectLayout.js.map +1 -0
- package/dist/esm/components/ObjectLayout/Styles.d.ts +25 -0
- package/dist/esm/components/ObjectLayout/Styles.d.ts.map +1 -0
- package/dist/esm/components/ObjectLayout/Styles.js +76 -0
- package/dist/esm/components/ObjectLayout/Styles.js.map +1 -0
- package/dist/esm/components/ObjectLayout/index.d.ts +2 -0
- package/dist/esm/components/ObjectLayout/index.d.ts.map +1 -0
- package/dist/esm/components/ObjectLayout/index.js +2 -0
- package/dist/esm/components/ObjectLayout/index.js.map +1 -0
- package/dist/esm/components/ProgressBar/ProgressBar.d.ts +9 -2
- package/dist/esm/components/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/dist/esm/components/ProgressBar/ProgressBar.js +14 -3
- package/dist/esm/components/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/esm/components/ProgressBar/Styles.d.ts +2 -0
- package/dist/esm/components/ProgressBar/Styles.d.ts.map +1 -1
- package/dist/esm/components/ProgressBar/Styles.js +2 -2
- package/dist/esm/components/ProgressBar/Styles.js.map +1 -1
- package/dist/esm/components/PropertyList/PropertyList.d.ts +59 -0
- package/dist/esm/components/PropertyList/PropertyList.d.ts.map +1 -0
- package/dist/esm/components/PropertyList/PropertyList.js +171 -0
- package/dist/esm/components/PropertyList/PropertyList.js.map +1 -0
- package/dist/esm/components/PropertyList/Styles.d.ts +35 -0
- package/dist/esm/components/PropertyList/Styles.d.ts.map +1 -0
- package/dist/esm/components/PropertyList/Styles.js +97 -0
- package/dist/esm/components/PropertyList/Styles.js.map +1 -0
- package/dist/esm/components/PropertyList/index.d.ts +2 -0
- package/dist/esm/components/PropertyList/index.d.ts.map +1 -0
- package/dist/esm/components/PropertyList/index.js +2 -0
- package/dist/esm/components/PropertyList/index.js.map +1 -0
- package/dist/esm/components/ResizeHandle/ResizeHandle.d.ts +11 -0
- package/dist/esm/components/ResizeHandle/ResizeHandle.d.ts.map +1 -0
- package/dist/esm/components/ResizeHandle/ResizeHandle.js +29 -0
- package/dist/esm/components/ResizeHandle/ResizeHandle.js.map +1 -0
- package/dist/esm/components/ResizeHandle/Styles.d.ts +7 -0
- package/dist/esm/components/ResizeHandle/Styles.d.ts.map +1 -0
- package/dist/esm/components/ResizeHandle/Styles.js +19 -0
- package/dist/esm/components/ResizeHandle/Styles.js.map +1 -0
- package/dist/esm/components/ResizeHandle/index.d.ts +2 -0
- package/dist/esm/components/ResizeHandle/index.d.ts.map +1 -0
- package/dist/esm/components/ResizeHandle/index.js +2 -0
- package/dist/esm/components/ResizeHandle/index.js.map +1 -0
- package/dist/esm/components/Section/Section.d.ts +13 -0
- package/dist/esm/components/Section/Section.d.ts.map +1 -0
- package/dist/esm/components/Section/Section.js +40 -0
- package/dist/esm/components/Section/Section.js.map +1 -0
- package/dist/esm/components/Section/Styles.d.ts +6 -0
- package/dist/esm/components/Section/Styles.d.ts.map +1 -0
- package/dist/esm/components/Section/Styles.js +22 -0
- package/dist/esm/components/Section/Styles.js.map +1 -0
- package/dist/esm/components/Section/index.d.ts +2 -0
- package/dist/esm/components/Section/index.d.ts.map +1 -0
- package/dist/esm/components/Section/index.js +2 -0
- package/dist/esm/components/Section/index.js.map +1 -0
- package/dist/esm/components/Sheet/Sheet.d.ts +4 -0
- package/dist/esm/components/Sheet/Sheet.d.ts.map +1 -1
- package/dist/esm/components/Sheet/Sheet.js +8 -3
- package/dist/esm/components/Sheet/Sheet.js.map +1 -1
- package/dist/esm/components/Sheet/Styles.d.ts +2 -0
- package/dist/esm/components/Sheet/Styles.d.ts.map +1 -1
- package/dist/esm/components/Sheet/Styles.js +6 -2
- package/dist/esm/components/Sheet/Styles.js.map +1 -1
- package/dist/esm/components/Steppers/DateStepper/Styles.d.ts +1 -0
- package/dist/esm/components/Steppers/DateStepper/Styles.d.ts.map +1 -1
- package/dist/esm/components/Typography/Styles.d.ts +2 -2
- package/dist/esm/components/Typography/Styles.d.ts.map +1 -1
- package/dist/esm/components/Typography/Styles.js +6 -2
- package/dist/esm/components/Typography/Styles.js.map +1 -1
- package/dist/esm/components/Typography/Typography.d.ts +2 -2
- package/dist/esm/components/Typography/Typography.d.ts.map +1 -1
- package/dist/esm/components/Typography/Typography.js.map +1 -1
- package/dist/esm/components/Typography/Variants/Title3.d.ts +8 -0
- package/dist/esm/components/Typography/Variants/Title3.d.ts.map +1 -0
- package/dist/esm/components/Typography/Variants/Title3.js +18 -0
- package/dist/esm/components/Typography/Variants/Title3.js.map +1 -0
- package/dist/esm/components/Typography/index.d.ts +1 -0
- package/dist/esm/components/Typography/index.d.ts.map +1 -1
- package/dist/esm/components/Typography/index.js +1 -0
- package/dist/esm/components/Typography/index.js.map +1 -1
- package/dist/esm/components/index.d.ts +13 -0
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +13 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/hooks/index.d.ts +2 -0
- package/dist/esm/hooks/index.d.ts.map +1 -1
- package/dist/esm/hooks/index.js +2 -0
- package/dist/esm/hooks/index.js.map +1 -1
- package/dist/esm/hooks/useLongPress.d.ts +23 -0
- package/dist/esm/hooks/useLongPress.d.ts.map +1 -0
- package/dist/esm/hooks/useLongPress.js +82 -0
- package/dist/esm/hooks/useLongPress.js.map +1 -0
- package/dist/esm/hooks/useResizablePanel.d.ts +27 -0
- package/dist/esm/hooks/useResizablePanel.d.ts.map +1 -0
- package/dist/esm/hooks/useResizablePanel.js +98 -0
- package/dist/esm/hooks/useResizablePanel.js.map +1 -0
- package/dist/esm/utils/useContainerCss.d.ts +2 -0
- package/dist/esm/utils/useContainerCss.d.ts.map +1 -0
- package/dist/esm/utils/useContainerCss.js +12 -0
- package/dist/esm/utils/useContainerCss.js.map +1 -0
- package/dist/index.js +3303 -880
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["CSSTransition","styled","css","BoxSizingStyle","FontStyle","ListSeparator","SHEET_ENTER_MS","SHEET_EXIT_MS","StyledSheetIcons","div","withConfig","displayName","componentId","StyledSheetWrapper","props","$mode","$position","StyledSheetSurface","StyledSheetWrapperPaper","attrs","className","paperClass","StyledAnimatedSpan","span","$disabled","StyledCssTransition","$direction","StyledListSeparator","StyledIconsWrapperSmall","StyledHeader"],"sources":["../../../../src/components/Sheet/Styles.ts"],"sourcesContent":["import { CSSTransition } from \"react-transition-group\";\n\nimport styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { ListSeparator } from \"../List\";\n\nexport const SHEET_ENTER_MS = 400;\nexport const SHEET_EXIT_MS = 200;\n\nexport const StyledSheetIcons = styled.div`\n display: flex;\n height: 0;\n position: relative;\n\n span {\n position: relative;\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-secondary);\n cursor: pointer;\n border-radius: 100%;\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n & > * {\n height: 40px;\n width: 40px;\n padding: 8px;\n fill: var(--color-theme-600);\n }\n }\n\n @media (max-width: 640px) {\n display: none;\n }\n`;\n\nStyledSheetIcons.displayName = \"StyledSheetIcons\";\n\ninterface IStyledSheetWrapper {\n $position?: \"center\" | \"left\" | \"right\";\n $mode?: \"normal\" | \"stretch\";\n}\n\nexport const StyledSheetWrapper = styled.div<IStyledSheetWrapper>`\n ${BoxSizingStyle}\n ${FontStyle}\n\n position: relative;\n max-width: 95vw;\n display: flex;\n flex-direction: row;\n\n ${(props) =>\n props.$mode === \"stretch\"\n ? css`\n margin-top: 8px;\n height: calc(100vh - 16px);\n width: calc(100vw - 100px);\n max-width: 1000px;\n ${StyledSheetIcons} {\n flex-direction: column;\n width: 0;\n height: calc(100vh - 32px);\n & > * {\n margin-bottom: 8px;\n }\n span {\n top: 8px;\n }\n }\n `\n : css`\n max-height: calc(100vh - 156px);\n margin-top: 126px;\n margin-bottom: 30px;\n width: 540px;\n flex-direction: column;\n\n ${StyledSheetIcons} {\n flex-direction: row-reverse;\n & > * {\n margin-left: 8px;\n }\n span {\n top: -48px;\n right: 8px;\n }\n }\n `}\n\n ${(props) =>\n props.$mode === \"stretch\" &&\n css`\n @media (max-width: 640px) {\n width: 100%;\n height: 100%;\n }\n `}\n\n ${(props) =>\n props.$position === \"center\" &&\n css`\n ${tw`tw-mx-auto`}\n `}\n\n ${(props) =>\n props.$position === \"left\" &&\n css`\n ${tw`tw-ml-2 tw-mr-auto`}\n `}\n\n ${(props) =>\n props.$position === \"right\" &&\n css`\n ${tw`tw-mr-2 tw-ml-auto`}\n `}\n\n ${(props) =>\n props.$mode === \"stretch\" &&\n props.$position !== \"left\" &&\n css`\n ${StyledSheetIcons} {\n span {\n right: 48px;\n }\n }\n `}\n\n ${(props) =>\n props.$mode === \"stretch\" &&\n props.$position === \"left\" &&\n css`\n flex-direction: row-reverse;\n\n ${StyledSheetIcons} {\n span {\n right: -8px;\n }\n }\n `}\n`;\n\nStyledSheetWrapper.displayName = \"StyledSheetWrapper\";\n\ninterface IStyledSheetWrapperPaper {\n paperClass?: string;\n}\n\nexport const StyledSheetSurface = styled.div`\n /* The surface slides in, so the pointer follows it and not the still wrapper around it. */\n pointer-events: auto;\n display: flex;\n flex-direction: inherit;\n flex: 1 1 auto;\n min-width: 0;\n min-height: 0;\n`;\n\nStyledSheetSurface.displayName = \"StyledSheetSurface\";\n\nexport const StyledSheetWrapperPaper = styled.div.attrs<IStyledSheetWrapperPaper>(\n (props) => ({\n className: props.paperClass,\n })\n)<IStyledSheetWrapperPaper>`\n background-color: var(--page-paper-main);\n color: var(--color-theme-900);\n box-shadow: var(--shadow-primary);\n border-radius: 6px;\n overflow: auto;\n animation: 0.3s linear ease-out;\n /* Scrolling here must not dirty the blurred overlays below, which already clip to this box. */\n transform: translateZ(0);\n contain: paint;\n /* A scroll that runs off the end must stop here. Chained to the page, it moves what the blur samples. */\n overscroll-behavior: contain;\n\n ${tw`tw-flex-auto`}\n`;\n\nStyledSheetWrapperPaper.displayName = \"StyledSheetWrapperPaper\";\n\ninterface IStyledAnimatedSpan {\n $disabled?: boolean;\n}\n\nexport const StyledAnimatedSpan = styled.span<IStyledAnimatedSpan>`\n &:hover svg {\n fill: var(--color-primary);\n }\n\n ${(props) =>\n props.$disabled &&\n css`\n pointer-events: none;\n\n svg {\n opacity: 0.5;\n }\n `}\n`;\n\nStyledAnimatedSpan.displayName = \"StyledAnimatedSpan\";\n\nexport const StyledCssTransition = styled(CSSTransition)<{\n $direction: string;\n}>`\n ${(props) =>\n props.$direction === \"top\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateY(-100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateY(-100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateY(-100%);\n transition: opacity ${SHEET_EXIT_MS}ms, transform ${SHEET_EXIT_MS}ms;\n }\n `}\n\n ${(props) =>\n props.$direction === \"bottom\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateY(100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateY(100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateY(100%);\n transition: opacity ${SHEET_EXIT_MS}ms, transform ${SHEET_EXIT_MS}ms;\n }\n `}\n\n ${(props) =>\n props.$direction === \"left\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateX(-100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateX(-100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateX(-100%);\n transition: opacity ${SHEET_EXIT_MS}ms, transform ${SHEET_EXIT_MS}ms;\n }\n `}\n\n ${(props) =>\n props.$direction === \"right\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateX(100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateX(100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateX(100%);\n transition: opacity ${SHEET_EXIT_MS}ms, transform ${SHEET_EXIT_MS}ms;\n }\n `}\n`;\n\nStyledCssTransition.displayName = \"StyledCssTransition\";\n\nexport const StyledListSeparator = styled(ListSeparator)`\n margin: 0;\n`;\n\nStyledListSeparator.displayName = \"StyledListSeparator\";\n\nexport const StyledIconsWrapperSmall = styled.div`\n height: 40px;\n display: flex;\n gap: 8px;\n padding-left: 16px;\n padding-right: 16px;\n align-items: center;\n place-content: end;\n flex-direction: row-reverse;\n`;\n\nStyledIconsWrapperSmall.displayName = \"StyledIconsWrapperSmall\";\n\nexport const StyledHeader = styled.div`\n @media (min-width: 640px) {\n display: none;\n }\n`;\n\nStyledHeader.displayName = \"StyledHeader\";\n"],"mappings":"AAAA,SAASA,aAAa,QAAQ,wBAAwB;AAEtD,OAAOC,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAG/C,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,aAAa,QAAQ,SAAS;AAEvC,OAAO,MAAMC,cAAc,GAAG,GAAG;AACjC,OAAO,MAAMC,aAAa,GAAG,GAAG;AAEhC,OAAO,MAAMC,gBAAgB,GAAGP,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,gXA2BzC;AAEDJ,gBAAgB,CAACG,WAAW,GAAG,kBAAkB;AAOjD,OAAO,MAAME,kBAAkB,GAAGZ,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,sHACxCT,cAAc,EACdC,SAAS,EAORU,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,SAAS,GACrBb,GAAG,gMAKCM,gBAAgB,IAYpBN,GAAG,8LAOCM,gBAAgB,CAUnB,EAEJM,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,SAAS,IACzBb,GAAG,uDAKF,EAEAY,KAAK,IACNA,KAAK,CAACE,SAAS,KAAK,QAAQ,IAC5Bd,GAAG,WACG;EAAA;EAAA;AAAW,CAAC,CACjB,EAEAY,KAAK,IACNA,KAAK,CAACE,SAAS,KAAK,MAAM,IAC1Bd,GAAG,WACG;EAAA;EAAA;AAAmB,CAAC,CACzB,EAEAY,KAAK,IACNA,KAAK,CAACE,SAAS,KAAK,OAAO,IAC3Bd,GAAG,WACG;EAAA;EAAA;AAAmB,CAAC,CACzB,EAEAY,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,SAAS,IACzBD,KAAK,CAACE,SAAS,KAAK,MAAM,IAC1Bd,GAAG,8BACCM,gBAAgB,CAKnB,EAEAM,KAAK,IACNA,KAAK,CAACC,KAAK,KAAK,SAAS,IACzBD,KAAK,CAACE,SAAS,KAAK,MAAM,IAC1Bd,GAAG,yDAGCM,gBAAgB,CAKnB,CACJ;AAEDK,kBAAkB,CAACF,WAAW,GAAG,oBAAoB;AAMrD,OAAO,MAAMM,kBAAkB,GAAGhB,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,uGAQ3C;AAEDK,kBAAkB,CAACN,WAAW,GAAG,oBAAoB;AAErD,OAAO,MAAMO,uBAAuB,GAAGjB,MAAM,CAACQ,GAAG,CAACU,KAAK,CACpDL,KAAK,KAAM;EACVM,SAAS,EAAEN,KAAK,CAACO;AACnB,CAAC,CACH,CAAC,CAAAX,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oPAaK;EAAA;AAAa,CAAC,CACnB;AAEDM,uBAAuB,CAACP,WAAW,GAAG,yBAAyB;AAM/D,OAAO,MAAMW,kBAAkB,GAAGrB,MAAM,CAACsB,IAAI,CAAAb,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,oDAKxCE,KAAK,IACNA,KAAK,CAACU,SAAS,IACftB,GAAG,2CAMF,CACJ;AAEDoB,kBAAkB,CAACX,WAAW,GAAG,oBAAoB;AAErD,OAAO,MAAMc,mBAAmB,GAAGxB,MAAM,CAACD,aAAa,CAAC,CAAAU,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,4BAGnDE,KAAK,IACNA,KAAK,CAACY,UAAU,KAAK,KAAK,IAC1BxB,GAAG,qgBAQuBI,cAAc,EAAiBA,cAAc,EAS7CA,cAAc,EAAiBA,cAAc,EAQ7CC,aAAa,EAAiBA,aAAa,CAEpE,EAEAO,KAAK,IACNA,KAAK,CAACY,UAAU,KAAK,QAAQ,IAC7BxB,GAAG,kgBAQuBI,cAAc,EAAiBA,cAAc,EAS7CA,cAAc,EAAiBA,cAAc,EAQ7CC,aAAa,EAAiBA,aAAa,CAEpE,EAEAO,KAAK,IACNA,KAAK,CAACY,UAAU,KAAK,MAAM,IAC3BxB,GAAG,qgBAQuBI,cAAc,EAAiBA,cAAc,EAS7CA,cAAc,EAAiBA,cAAc,EAQ7CC,aAAa,EAAiBA,aAAa,CAEpE,EAEAO,KAAK,IACNA,KAAK,CAACY,UAAU,KAAK,OAAO,IAC5BxB,GAAG,kgBAQuBI,cAAc,EAAiBA,cAAc,EAS7CA,cAAc,EAAiBA,cAAc,EAQ7CC,aAAa,EAAiBA,aAAa,CAEpE,CACJ;AAEDkB,mBAAmB,CAACd,WAAW,GAAG,qBAAqB;AAEvD,OAAO,MAAMgB,mBAAmB,GAAG1B,MAAM,CAACI,aAAa,CAAC,CAAAK,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,iBAEvD;AAEDe,mBAAmB,CAAChB,WAAW,GAAG,qBAAqB;AAEvD,OAAO,MAAMiB,uBAAuB,GAAG3B,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,8IAShD;AAEDgB,uBAAuB,CAACjB,WAAW,GAAG,yBAAyB;AAE/D,OAAO,MAAMkB,YAAY,GAAG5B,MAAM,CAACQ,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,+CAIrC;AAEDiB,YAAY,CAAClB,WAAW,GAAG,cAAc","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["CSSTransition","styled","css","BoxSizingStyle","FontStyle","ListSeparator","SHEET_ENTER_MS","SHEET_EXIT_MS","StyledSheetIcons","div","withConfig","displayName","componentId","toCssSize","value","StyledSheetWrapper","props","_props$$maxWidth","$mode","$maxWidth","$position","StyledSheetSurface","StyledSheetWrapperPaper","attrs","className","paperClass","$surface","StyledAnimatedSpan","span","$disabled","StyledCssTransition","$direction","StyledListSeparator","StyledIconsWrapperSmall","StyledHeader"],"sources":["../../../../src/components/Sheet/Styles.ts"],"sourcesContent":["import { CSSTransition } from \"react-transition-group\";\n\nimport styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\nimport { ListSeparator } from \"../List\";\n\nexport const SHEET_ENTER_MS = 400;\nexport const SHEET_EXIT_MS = 200;\n\nexport const StyledSheetIcons = styled.div`\n display: flex;\n height: 0;\n position: relative;\n\n span {\n position: relative;\n background-color: var(--page-paper-main);\n box-shadow: var(--shadow-secondary);\n cursor: pointer;\n border-radius: 100%;\n width: 40px;\n height: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n & > * {\n height: 40px;\n width: 40px;\n padding: 8px;\n fill: var(--color-theme-600);\n }\n }\n\n @media (max-width: 640px) {\n display: none;\n }\n`;\n\nStyledSheetIcons.displayName = \"StyledSheetIcons\";\n\ninterface IStyledSheetWrapper {\n $position?: \"center\" | \"left\" | \"right\";\n $mode?: \"normal\" | \"stretch\";\n $maxWidth?: number | string;\n}\n\nconst toCssSize = (value: number | string) =>\n typeof value === \"number\" ? `${value}px` : value;\n\nexport const StyledSheetWrapper = styled.div<IStyledSheetWrapper>`\n ${BoxSizingStyle}\n ${FontStyle}\n\n position: relative;\n max-width: 95vw;\n display: flex;\n flex-direction: row;\n\n ${(props) =>\n props.$mode === \"stretch\"\n ? css`\n margin-top: 8px;\n height: calc(100vh - 16px);\n width: calc(100vw - 100px);\n max-width: ${toCssSize(props.$maxWidth ?? 1000)};\n ${StyledSheetIcons} {\n flex-direction: column;\n width: 0;\n height: calc(100vh - 32px);\n & > * {\n margin-bottom: 8px;\n }\n span {\n top: 8px;\n }\n }\n `\n : css`\n max-height: calc(100vh - 156px);\n margin-top: 126px;\n margin-bottom: 30px;\n width: 540px;\n flex-direction: column;\n\n ${StyledSheetIcons} {\n flex-direction: row-reverse;\n & > * {\n margin-left: 8px;\n }\n span {\n top: -48px;\n right: 8px;\n }\n }\n `}\n\n ${(props) =>\n props.$mode === \"stretch\" &&\n css`\n @media (max-width: 640px) {\n width: 100%;\n height: 100%;\n }\n `}\n\n ${(props) =>\n props.$position === \"center\" &&\n css`\n ${tw`tw-mx-auto`}\n `}\n\n ${(props) =>\n props.$position === \"left\" &&\n css`\n ${tw`tw-ml-2 tw-mr-auto`}\n `}\n\n ${(props) =>\n props.$position === \"right\" &&\n css`\n ${tw`tw-mr-2 tw-ml-auto`}\n `}\n\n ${(props) =>\n props.$mode === \"stretch\" &&\n props.$position !== \"left\" &&\n css`\n ${StyledSheetIcons} {\n span {\n right: 48px;\n }\n }\n `}\n\n ${(props) =>\n props.$mode === \"stretch\" &&\n props.$position === \"left\" &&\n css`\n flex-direction: row-reverse;\n\n ${StyledSheetIcons} {\n span {\n right: -8px;\n }\n }\n `}\n`;\n\nStyledSheetWrapper.displayName = \"StyledSheetWrapper\";\n\ninterface IStyledSheetWrapperPaper {\n paperClass?: string;\n $surface?: \"paper\" | \"sheet\";\n}\n\nexport const StyledSheetSurface = styled.div`\n /* The surface slides in, so the pointer follows it and not the still wrapper around it. */\n pointer-events: auto;\n display: flex;\n flex-direction: inherit;\n flex: 1 1 auto;\n min-width: 0;\n min-height: 0;\n`;\n\nStyledSheetSurface.displayName = \"StyledSheetSurface\";\n\nexport const StyledSheetWrapperPaper = styled.div.attrs<IStyledSheetWrapperPaper>(\n (props) => ({\n className: props.paperClass,\n })\n)<IStyledSheetWrapperPaper>`\n background-color: var(--page-paper-main);\n color: var(--color-theme-900);\n box-shadow: var(--shadow-primary);\n border-radius: 6px;\n overflow: auto;\n animation: 0.3s linear ease-out;\n /* Scrolling here must not dirty the blurred overlays below, which already clip to this box. */\n transform: translateZ(0);\n contain: paint;\n /* A scroll that runs off the end must stop here. Chained to the page, it moves what the blur samples. */\n overscroll-behavior: contain;\n\n ${(props) =>\n props.$surface === \"sheet\" &&\n css`\n background-color: var(--surface-sheet);\n\n @media (min-width: 641px) {\n border-radius: 24px;\n }\n `}\n\n ${tw`tw-flex-auto`}\n`;\n\nStyledSheetWrapperPaper.displayName = \"StyledSheetWrapperPaper\";\n\ninterface IStyledAnimatedSpan {\n $disabled?: boolean;\n}\n\nexport const StyledAnimatedSpan = styled.span<IStyledAnimatedSpan>`\n &:hover svg {\n fill: var(--color-primary);\n }\n\n ${(props) =>\n props.$disabled &&\n css`\n pointer-events: none;\n\n svg {\n opacity: 0.5;\n }\n `}\n`;\n\nStyledAnimatedSpan.displayName = \"StyledAnimatedSpan\";\n\nexport const StyledCssTransition = styled(CSSTransition)<{\n $direction: string;\n}>`\n ${(props) =>\n props.$direction === \"top\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateY(-100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateY(-100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateY(-100%);\n transition: opacity ${SHEET_EXIT_MS}ms, transform ${SHEET_EXIT_MS}ms;\n }\n `}\n\n ${(props) =>\n props.$direction === \"bottom\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateY(100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateY(100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateY(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateY(100%);\n transition: opacity ${SHEET_EXIT_MS}ms, transform ${SHEET_EXIT_MS}ms;\n }\n `}\n\n ${(props) =>\n props.$direction === \"left\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateX(-100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateX(-100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateX(-100%);\n transition: opacity ${SHEET_EXIT_MS}ms, transform ${SHEET_EXIT_MS}ms;\n }\n `}\n\n ${(props) =>\n props.$direction === \"right\" &&\n css`\n &.c-sheet__animation-enter {\n opacity: 0;\n transform: translateX(100%);\n }\n &.c-sheet__animation-enter-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-appear {\n opacity: 0;\n transform: translateX(100%);\n }\n &.c-sheet__animation-appear-active {\n opacity: 1;\n transform: translateX(0);\n transition: opacity ${SHEET_ENTER_MS}ms, transform ${SHEET_ENTER_MS}ms;\n }\n &.c-sheet__animation-exit {\n opacity: 1;\n }\n &.c-sheet__animation-exit-active {\n opacity: 0;\n transform: translateX(100%);\n transition: opacity ${SHEET_EXIT_MS}ms, transform ${SHEET_EXIT_MS}ms;\n }\n `}\n`;\n\nStyledCssTransition.displayName = \"StyledCssTransition\";\n\nexport const StyledListSeparator = styled(ListSeparator)`\n margin: 0;\n`;\n\nStyledListSeparator.displayName = \"StyledListSeparator\";\n\nexport const StyledIconsWrapperSmall = styled.div`\n height: 40px;\n display: flex;\n gap: 8px;\n padding-left: 16px;\n padding-right: 16px;\n align-items: center;\n place-content: end;\n flex-direction: row-reverse;\n`;\n\nStyledIconsWrapperSmall.displayName = \"StyledIconsWrapperSmall\";\n\nexport const StyledHeader = styled.div`\n @media (min-width: 640px) {\n display: none;\n }\n`;\n\nStyledHeader.displayName = \"StyledHeader\";\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,6 +4,7 @@ export declare const StyledButton: import("styled-components").StyledComponent<"
|
|
|
4
4
|
export declare const StyledMenu: import("styled-components").StyledComponent<import("react").FC<import("../..").IMenu>, any, {}, never>;
|
|
5
5
|
export declare const StyledButtonGroup: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
6
6
|
invalid?: boolean;
|
|
7
|
+
appearance?: "default" | "raised";
|
|
7
8
|
} & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
|
|
8
9
|
export declare const StyledSpan: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
9
10
|
interface StyledDiv {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,YAAY;WAA0B,MAAM;SAwDxD,CAAC;AAEF,eAAO,MAAM,UAAU,wGAOtB,CAAC;AAEF,eAAO,MAAM,iBAAiB
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Steppers/DateStepper/Styles.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,YAAY;WAA0B,MAAM;SAwDxD,CAAC;AAEF,eAAO,MAAM,UAAU,wGAOtB,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;mEAQ7B,CAAC;AAEF,eAAO,MAAM,UAAU,qEAGtB,CAAC;AAEF,UAAU,SAAS;IACjB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;CAC1B;AAED,eAAO,MAAM,SAAS,2EA+FrB,CAAC;AAEF,eAAO,MAAM,aAAa;;sEAEzB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
interface IStyledTypographyProps {
|
|
2
|
-
$variant: "Title 1" | "Title 2" | "Header 2" | "Header 3" | "Body 1" | "Body 2" | "Caption 1" | "Caption 2";
|
|
2
|
+
$variant: "Title 1" | "Title 2" | "Title 3" | "Header 2" | "Header 3" | "Body 1" | "Body 2" | "Caption 1" | "Caption 2";
|
|
3
3
|
$italic: boolean;
|
|
4
4
|
$tabularNums: boolean;
|
|
5
5
|
$letterSpacing: "tight" | "regular" | "wide";
|
|
@@ -11,7 +11,7 @@ interface IStyledTypographyProps {
|
|
|
11
11
|
$whitespace?: "regular" | "no-wrap" | "pre" | "pre-wrap" | "pre-line" | "break-spaces";
|
|
12
12
|
$wordBreak: "regular" | "smart" | "all";
|
|
13
13
|
$color: "primary" | "secondary" | "tertiary" | "quaternary" | "theme-primary" | "theme-secondary" | "only-white" | "only-black" | "page-paper" | "success" | "alert" | "warning";
|
|
14
|
-
$weight?: "light" | "regular" | "medium" | "bold";
|
|
14
|
+
$weight?: "light" | "regular" | "medium" | "semibold" | "bold";
|
|
15
15
|
}
|
|
16
16
|
export declare const StyledTypography: import("styled-components").StyledComponent<"div", any, IStyledTypographyProps, never>;
|
|
17
17
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Styles.ts"],"names":[],"mappings":"AAMA,UAAU,sBAAsB;IAC9B,QAAQ,EACJ,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7C,WAAW,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAC3C,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,WAAW,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IACnD,UAAU,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IACjE,SAAS,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC/C,WAAW,CAAC,EACR,SAAS,GACT,SAAS,GACT,KAAK,GACL,UAAU,GACV,UAAU,GACV,cAAc,CAAC;IACnB,UAAU,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IACxC,MAAM,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,GACP,SAAS,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Styles.ts"],"names":[],"mappings":"AAMA,UAAU,sBAAsB;IAC9B,QAAQ,EACJ,SAAS,GACT,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,OAAO,CAAC;IACtB,cAAc,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7C,WAAW,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAC3C,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,WAAW,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IACnD,UAAU,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IACjE,SAAS,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC/C,WAAW,CAAC,EACR,SAAS,GACT,SAAS,GACT,KAAK,GACL,UAAU,GACV,UAAU,GACV,cAAc,CAAC;IACnB,UAAU,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IACxC,MAAM,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,GACP,SAAS,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;CAChE;AAiBD,eAAO,MAAM,gBAAgB,wFA2Q5B,CAAC"}
|
|
@@ -42,10 +42,12 @@ const colors = {
|
|
|
42
42
|
export const StyledTypography = styled.div.withConfig({
|
|
43
43
|
displayName: "Styles__StyledTypography",
|
|
44
44
|
componentId: "sc-mskw5w-0"
|
|
45
|
-
})(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, props => colors[props.$color], props => props.$variant === "Title 1" && css(["", ""], {
|
|
45
|
+
})(["", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", " ", ""], FontStyle, BoxSizingStyle, props => colors[props.$color], props => props.$variant === "Title 1" && css(["", ""], {
|
|
46
46
|
"fontSize": "2rem"
|
|
47
47
|
}), props => props.$variant === "Title 2" && css(["", ""], {
|
|
48
48
|
"fontSize": "1.675rem"
|
|
49
|
+
}), props => props.$variant === "Title 3" && css(["", ""], {
|
|
50
|
+
"fontSize": "1.5rem"
|
|
49
51
|
}), props => props.$variant === "Header 2" && css(["", ""], {
|
|
50
52
|
"fontSize": "1.125rem"
|
|
51
53
|
}), props => (props.$variant === "Header 3" || props.$variant === "Body 1") && css(["", ""], {
|
|
@@ -68,12 +70,14 @@ export const StyledTypography = styled.div.withConfig({
|
|
|
68
70
|
"lineHeight": "1"
|
|
69
71
|
}), props => props.$lineHeight === "loose" && css(["", ""], {
|
|
70
72
|
"lineHeight": "1.625"
|
|
71
|
-
}), props => props.$align === "left" && css(["text-align:left;"]), props => props.$align === "right" && css(["text-align:right;"]), props => props.$align === "center" && css(["text-align:center;"]), props => props.$align === "justify" && css(["text-align:justify;"]), props => props.$decoration === "none" && css(["text-decoration:none;"]), props => props.$decoration === "underline" && css(["text-decoration:underline;"]), props => props.$decoration === "line-through" && css(["text-decoration:line-through;"]), props => props.$transform === "regular" && css(["text-transform:none;"]), props => props.$transform === "uppercase" && css(["text-transform:uppercase;"]), props => props.$transform === "lowercase" && css(["text-transform:lowercase;"]), props => props.$transform === "capitalize" && css(["text-transform:capitalize;"]), props => props.$overflow === "visible" && css(["overflow:visible;"]), props => props.$overflow === "ellipsis" && css(["text-overflow:ellipsis;"]), props => props.$overflow === "truncate" && css(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]), props => props.$whitespace === "regular" && css(["white-space:normal;"]), props => props.$whitespace === "no-wrap" && css(["white-space:nowrap;"]), props => props.$whitespace === "pre" && css(["white-space:pre;"]), props => props.$whitespace === "pre-wrap" && css(["white-space:pre-wrap;"]), props => props.$whitespace === "pre-line" && css(["white-space:pre-line;"]), props => props.$whitespace === "break-spaces" && css(["white-space:break-spaces;"]), props => props.$wordBreak === "regular" && css(["overflow-wrap:normal;word-break:normal;"]), props => props.$wordBreak === "smart" && css(["overflow-wrap:break-word;"]), props => props.$wordBreak === "all" && css(["word-break:break-all;"]), props => props.$weight === "regular" && css(["", ""], {
|
|
73
|
+
}), props => props.$align === "left" && css(["text-align:left;"]), props => props.$align === "right" && css(["text-align:right;"]), props => props.$align === "center" && css(["text-align:center;"]), props => props.$align === "justify" && css(["text-align:justify;"]), props => props.$decoration === "none" && css(["text-decoration:none;"]), props => props.$decoration === "underline" && css(["text-decoration:underline;"]), props => props.$decoration === "line-through" && css(["text-decoration:line-through;"]), props => props.$transform === "regular" && css(["text-transform:none;"]), props => props.$transform === "uppercase" && css(["text-transform:uppercase;"]), props => props.$transform === "lowercase" && css(["text-transform:lowercase;"]), props => props.$transform === "capitalize" && css(["text-transform:capitalize;"]), props => props.$overflow === "visible" && css(["overflow:visible;"]), props => props.$overflow === "ellipsis" && css(["text-overflow:ellipsis;"]), props => props.$overflow === "truncate" && css(["overflow:hidden;text-overflow:ellipsis;white-space:nowrap;"]), props => props.$whitespace === "regular" && css(["white-space:normal;"]), props => props.$whitespace === "no-wrap" && css(["white-space:nowrap;"]), props => props.$whitespace === "pre" && css(["white-space:pre;"]), props => props.$whitespace === "pre-wrap" && css(["white-space:pre-wrap;"]), props => props.$whitespace === "pre-line" && css(["white-space:pre-line;"]), props => props.$whitespace === "break-spaces" && css(["white-space:break-spaces;"]), props => props.$wordBreak === "regular" && css(["overflow-wrap:normal;word-break:normal;"]), props => props.$wordBreak === "smart" && css(["overflow-wrap:break-word;"]), props => props.$wordBreak === "all" && css(["word-break:break-all;"]), props => props.$variant === "Title 3" && props.$lineHeight === "regular" && css(["line-height:2rem;"]), props => props.$weight === "regular" && css(["", ""], {
|
|
72
74
|
"fontWeight": "400"
|
|
73
75
|
}), props => props.$weight === "light" && css(["", ""], {
|
|
74
76
|
"fontWeight": "300"
|
|
75
77
|
}), props => props.$weight === "medium" && css(["", ""], {
|
|
76
78
|
"fontWeight": "500"
|
|
79
|
+
}), props => props.$weight === "semibold" && css(["", ""], {
|
|
80
|
+
"fontWeight": "600"
|
|
77
81
|
}), props => props.$weight === "bold" && css(["", ""], {
|
|
78
82
|
"fontWeight": "700"
|
|
79
83
|
}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","colors","primary","secondary","tertiary","quaternary","success","alert","warning","StyledTypography","div","withConfig","displayName","componentId","props","$color","$variant","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$weight"],"sources":["../../../../src/components/Typography/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface IStyledTypographyProps {\n $variant:\n | \"Title 1\"\n | \"Title 2\"\n | \"Header 2\"\n | \"Header 3\"\n | \"Body 1\"\n | \"Body 2\"\n | \"Caption 1\"\n | \"Caption 2\";\n $italic: boolean;\n $tabularNums: boolean;\n $letterSpacing: \"tight\" | \"regular\" | \"wide\";\n $lineHeight: \"tight\" | \"regular\" | \"loose\";\n $align: \"left\" | \"center\" | \"right\" | \"justify\";\n $decoration: \"underline\" | \"line-through\" | \"none\";\n $transform: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n $overflow: \"truncate\" | \"ellipsis\" | \"visible\";\n $whitespace?:\n | \"regular\"\n | \"no-wrap\"\n | \"pre\"\n | \"pre-wrap\"\n | \"pre-line\"\n | \"break-spaces\";\n $wordBreak: \"regular\" | \"smart\" | \"all\";\n $color:\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"quaternary\"\n | \"theme-primary\"\n | \"theme-secondary\"\n | \"only-white\"\n | \"only-black\"\n | \"page-paper\"\n | \"success\"\n | \"alert\"\n | \"warning\";\n $weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n}\n\nconst colors = {\n primary: tw`tw-text-theme-900`,\n secondary: tw`tw-text-theme-700`,\n tertiary: tw`tw-text-theme-600`,\n quaternary: tw`tw-text-theme-transparent-500`,\n \"theme-primary\": tw`tw-text-primary`,\n \"theme-secondary\": tw`tw-text-secondary`,\n \"page-paper\": tw`tw-text-page-paper-main`,\n \"only-white\": tw`tw-text-only-white`,\n \"only-black\": tw`tw-text-only-black`,\n success: tw`tw-text-success`,\n alert: tw`tw-text-alert`,\n warning: tw`tw-text-warning`,\n};\n\nexport const StyledTypography = styled.div<IStyledTypographyProps>`\n ${FontStyle}\n ${BoxSizingStyle}\n\n //color\n ${(props) => colors[props.$color]}\n\n //variant - font size\n ${(props) =>\n props.$variant === \"Title 1\" &&\n css`\n ${tw`tw-text-title-1`}\n `}\n ${(props) =>\n props.$variant === \"Title 2\" &&\n css`\n ${tw`tw-text-title-2`}\n `}\n ${(props) =>\n props.$variant === \"Header 2\" &&\n css`\n ${tw`tw-text-header-2`}\n `}\n ${(props) =>\n (props.$variant === \"Header 3\" || props.$variant === \"Body 1\") &&\n css`\n ${tw`tw-text-body-1`}\n `}\n ${(props) =>\n props.$variant === \"Body 2\" &&\n css`\n ${tw`tw-text-body-2`}\n `}\n ${(props) =>\n props.$variant === \"Caption 1\" &&\n css`\n ${tw`tw-text-caption-1`}\n `}\n ${(props) =>\n props.$variant === \"Caption 2\" &&\n css`\n ${tw`tw-text-caption-2`}\n `}\n\n //italic\n ${(props) =>\n props.$italic\n ? css`\n font-style: italic;\n `\n : css`\n font-style: normal;\n `}\n\n //tabularNums\n ${(props) =>\n props.$tabularNums\n ? css`\n font-variant-numeric: tabular-nums;\n `\n : css`\n font-variant-numeric: normal;\n `}\n\n //letterSpacing\n ${(props) =>\n props.$letterSpacing === \"regular\" &&\n css`\n ${tw`tw-tracking-regular`}\n `}\n ${(props) =>\n props.$letterSpacing === \"tight\" &&\n css`\n ${tw`tw-tracking-tight`}\n `}\n ${(props) =>\n props.$letterSpacing === \"wide\" &&\n css`\n ${tw`tw-tracking-wide`}\n `}\n\n //lineHeight\n ${(props) =>\n props.$lineHeight === \"regular\" &&\n css`\n ${tw`tw-leading-regular`}\n `}\n ${(props) =>\n props.$lineHeight === \"tight\" &&\n css`\n ${tw`tw-leading-tight`}\n `}\n ${(props) =>\n props.$lineHeight === \"loose\" &&\n css`\n ${tw`tw-leading-loose`}\n `}\n\n //align\n ${(props) =>\n props.$align === \"left\" &&\n css`\n text-align: left;\n `}\n ${(props) =>\n props.$align === \"right\" &&\n css`\n text-align: right;\n `}\n ${(props) =>\n props.$align === \"center\" &&\n css`\n text-align: center;\n `}\n ${(props) =>\n props.$align === \"justify\" &&\n css`\n text-align: justify;\n `}\n\n //decoration\n ${(props) =>\n props.$decoration === \"none\" &&\n css`\n text-decoration: none;\n `}\n ${(props) =>\n props.$decoration === \"underline\" &&\n css`\n text-decoration: underline;\n `}\n ${(props) =>\n props.$decoration === \"line-through\" &&\n css`\n text-decoration: line-through;\n `}\n\n //transform\n ${(props) =>\n props.$transform === \"regular\" &&\n css`\n text-transform: none;\n `}\n ${(props) =>\n props.$transform === \"uppercase\" &&\n css`\n text-transform: uppercase;\n `}\n ${(props) =>\n props.$transform === \"lowercase\" &&\n css`\n text-transform: lowercase;\n `}\n ${(props) =>\n props.$transform === \"capitalize\" &&\n css`\n text-transform: capitalize;\n `}\n\n //overflow\n ${(props) =>\n props.$overflow === \"visible\" &&\n css`\n overflow: visible;\n `}\n ${(props) =>\n props.$overflow === \"ellipsis\" &&\n css`\n text-overflow: ellipsis;\n `}\n ${(props) =>\n props.$overflow === \"truncate\" &&\n css`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n `}\n\n //whitespace\n ${(props) =>\n props.$whitespace === \"regular\" &&\n css`\n white-space: normal;\n `}\n ${(props) =>\n props.$whitespace === \"no-wrap\" &&\n css`\n white-space: nowrap;\n `}\n ${(props) =>\n props.$whitespace === \"pre\" &&\n css`\n white-space: pre;\n `}\n ${(props) =>\n props.$whitespace === \"pre-wrap\" &&\n css`\n white-space: pre-wrap;\n `}\n ${(props) =>\n props.$whitespace === \"pre-line\" &&\n css`\n white-space: pre-line;\n `}\n ${(props) =>\n props.$whitespace === \"break-spaces\" &&\n css`\n white-space: break-spaces;\n `}\n\n //wordBreak\n ${(props) =>\n props.$wordBreak === \"regular\" &&\n css`\n overflow-wrap: normal;\n word-break: normal;\n `}\n ${(props) =>\n props.$wordBreak === \"smart\" &&\n css`\n overflow-wrap: break-word;\n `}\n ${(props) =>\n props.$wordBreak === \"all\" &&\n css`\n word-break: break-all;\n `}\n\n //weight\n ${(props) =>\n props.$weight === \"regular\" &&\n css`\n ${tw`tw-font-regular`}\n `}\n ${(props) =>\n props.$weight === \"light\" &&\n css`\n ${tw`tw-font-light`}\n `}\n ${(props) =>\n props.$weight === \"medium\" &&\n css`\n ${tw`tw-font-medium`}\n `}\n ${(props) =>\n props.$weight === \"bold\" &&\n css`\n ${tw`tw-font-bold`}\n `}\n`;\n\nStyledTypography.displayName = \"StyledTypography\";\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","FontStyle","colors","primary","secondary","tertiary","quaternary","success","alert","warning","StyledTypography","div","withConfig","displayName","componentId","props","$color","$variant","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$weight"],"sources":["../../../../src/components/Typography/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\n\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\nimport { FontStyle } from \"../FontStyle\";\n\ninterface IStyledTypographyProps {\n $variant:\n | \"Title 1\"\n | \"Title 2\"\n | \"Title 3\"\n | \"Header 2\"\n | \"Header 3\"\n | \"Body 1\"\n | \"Body 2\"\n | \"Caption 1\"\n | \"Caption 2\";\n $italic: boolean;\n $tabularNums: boolean;\n $letterSpacing: \"tight\" | \"regular\" | \"wide\";\n $lineHeight: \"tight\" | \"regular\" | \"loose\";\n $align: \"left\" | \"center\" | \"right\" | \"justify\";\n $decoration: \"underline\" | \"line-through\" | \"none\";\n $transform: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n $overflow: \"truncate\" | \"ellipsis\" | \"visible\";\n $whitespace?:\n | \"regular\"\n | \"no-wrap\"\n | \"pre\"\n | \"pre-wrap\"\n | \"pre-line\"\n | \"break-spaces\";\n $wordBreak: \"regular\" | \"smart\" | \"all\";\n $color:\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"quaternary\"\n | \"theme-primary\"\n | \"theme-secondary\"\n | \"only-white\"\n | \"only-black\"\n | \"page-paper\"\n | \"success\"\n | \"alert\"\n | \"warning\";\n $weight?: \"light\" | \"regular\" | \"medium\" | \"semibold\" | \"bold\";\n}\n\nconst colors = {\n primary: tw`tw-text-theme-900`,\n secondary: tw`tw-text-theme-700`,\n tertiary: tw`tw-text-theme-600`,\n quaternary: tw`tw-text-theme-transparent-500`,\n \"theme-primary\": tw`tw-text-primary`,\n \"theme-secondary\": tw`tw-text-secondary`,\n \"page-paper\": tw`tw-text-page-paper-main`,\n \"only-white\": tw`tw-text-only-white`,\n \"only-black\": tw`tw-text-only-black`,\n success: tw`tw-text-success`,\n alert: tw`tw-text-alert`,\n warning: tw`tw-text-warning`,\n};\n\nexport const StyledTypography = styled.div<IStyledTypographyProps>`\n ${FontStyle}\n ${BoxSizingStyle}\n\n //color\n ${(props) => colors[props.$color]}\n\n //variant - font size\n ${(props) =>\n props.$variant === \"Title 1\" &&\n css`\n ${tw`tw-text-title-1`}\n `}\n ${(props) =>\n props.$variant === \"Title 2\" &&\n css`\n ${tw`tw-text-title-2`}\n `}\n ${(props) =>\n props.$variant === \"Title 3\" &&\n css`\n ${tw`tw-text-title-3`}\n `}\n ${(props) =>\n props.$variant === \"Header 2\" &&\n css`\n ${tw`tw-text-header-2`}\n `}\n ${(props) =>\n (props.$variant === \"Header 3\" || props.$variant === \"Body 1\") &&\n css`\n ${tw`tw-text-body-1`}\n `}\n ${(props) =>\n props.$variant === \"Body 2\" &&\n css`\n ${tw`tw-text-body-2`}\n `}\n ${(props) =>\n props.$variant === \"Caption 1\" &&\n css`\n ${tw`tw-text-caption-1`}\n `}\n ${(props) =>\n props.$variant === \"Caption 2\" &&\n css`\n ${tw`tw-text-caption-2`}\n `}\n\n //italic\n ${(props) =>\n props.$italic\n ? css`\n font-style: italic;\n `\n : css`\n font-style: normal;\n `}\n\n //tabularNums\n ${(props) =>\n props.$tabularNums\n ? css`\n font-variant-numeric: tabular-nums;\n `\n : css`\n font-variant-numeric: normal;\n `}\n\n //letterSpacing\n ${(props) =>\n props.$letterSpacing === \"regular\" &&\n css`\n ${tw`tw-tracking-regular`}\n `}\n ${(props) =>\n props.$letterSpacing === \"tight\" &&\n css`\n ${tw`tw-tracking-tight`}\n `}\n ${(props) =>\n props.$letterSpacing === \"wide\" &&\n css`\n ${tw`tw-tracking-wide`}\n `}\n\n //lineHeight\n ${(props) =>\n props.$lineHeight === \"regular\" &&\n css`\n ${tw`tw-leading-regular`}\n `}\n ${(props) =>\n props.$lineHeight === \"tight\" &&\n css`\n ${tw`tw-leading-tight`}\n `}\n ${(props) =>\n props.$lineHeight === \"loose\" &&\n css`\n ${tw`tw-leading-loose`}\n `}\n\n //align\n ${(props) =>\n props.$align === \"left\" &&\n css`\n text-align: left;\n `}\n ${(props) =>\n props.$align === \"right\" &&\n css`\n text-align: right;\n `}\n ${(props) =>\n props.$align === \"center\" &&\n css`\n text-align: center;\n `}\n ${(props) =>\n props.$align === \"justify\" &&\n css`\n text-align: justify;\n `}\n\n //decoration\n ${(props) =>\n props.$decoration === \"none\" &&\n css`\n text-decoration: none;\n `}\n ${(props) =>\n props.$decoration === \"underline\" &&\n css`\n text-decoration: underline;\n `}\n ${(props) =>\n props.$decoration === \"line-through\" &&\n css`\n text-decoration: line-through;\n `}\n\n //transform\n ${(props) =>\n props.$transform === \"regular\" &&\n css`\n text-transform: none;\n `}\n ${(props) =>\n props.$transform === \"uppercase\" &&\n css`\n text-transform: uppercase;\n `}\n ${(props) =>\n props.$transform === \"lowercase\" &&\n css`\n text-transform: lowercase;\n `}\n ${(props) =>\n props.$transform === \"capitalize\" &&\n css`\n text-transform: capitalize;\n `}\n\n //overflow\n ${(props) =>\n props.$overflow === \"visible\" &&\n css`\n overflow: visible;\n `}\n ${(props) =>\n props.$overflow === \"ellipsis\" &&\n css`\n text-overflow: ellipsis;\n `}\n ${(props) =>\n props.$overflow === \"truncate\" &&\n css`\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n `}\n\n //whitespace\n ${(props) =>\n props.$whitespace === \"regular\" &&\n css`\n white-space: normal;\n `}\n ${(props) =>\n props.$whitespace === \"no-wrap\" &&\n css`\n white-space: nowrap;\n `}\n ${(props) =>\n props.$whitespace === \"pre\" &&\n css`\n white-space: pre;\n `}\n ${(props) =>\n props.$whitespace === \"pre-wrap\" &&\n css`\n white-space: pre-wrap;\n `}\n ${(props) =>\n props.$whitespace === \"pre-line\" &&\n css`\n white-space: pre-line;\n `}\n ${(props) =>\n props.$whitespace === \"break-spaces\" &&\n css`\n white-space: break-spaces;\n `}\n\n //wordBreak\n ${(props) =>\n props.$wordBreak === \"regular\" &&\n css`\n overflow-wrap: normal;\n word-break: normal;\n `}\n ${(props) =>\n props.$wordBreak === \"smart\" &&\n css`\n overflow-wrap: break-word;\n `}\n ${(props) =>\n props.$wordBreak === \"all\" &&\n css`\n word-break: break-all;\n `}\n\n // Title 3 stands on a 32px line unless the caller picks another line height.\n ${(props) =>\n props.$variant === \"Title 3\" &&\n props.$lineHeight === \"regular\" &&\n css`\n line-height: 2rem;\n `}\n\n //weight\n ${(props) =>\n props.$weight === \"regular\" &&\n css`\n ${tw`tw-font-regular`}\n `}\n ${(props) =>\n props.$weight === \"light\" &&\n css`\n ${tw`tw-font-light`}\n `}\n ${(props) =>\n props.$weight === \"medium\" &&\n css`\n ${tw`tw-font-medium`}\n `}\n ${(props) =>\n props.$weight === \"semibold\" &&\n css`\n ${tw`tw-font-semibold`}\n `}\n ${(props) =>\n props.$weight === \"bold\" &&\n css`\n ${tw`tw-font-bold`}\n `}\n`;\n\nStyledTypography.displayName = \"StyledTypography\";\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { HTMLAttributes, ReactNode } from "react";
|
|
2
2
|
import { PolymorphicComponentPropsWithRef } from "../../utils/types";
|
|
3
|
-
export type Variant = "Title 1" | "Title 2" | "Header 2" | "Header 3" | "Body 1" | "Body 2" | "Caption 1" | "Caption 2";
|
|
3
|
+
export type Variant = "Title 1" | "Title 2" | "Title 3" | "Header 2" | "Header 3" | "Body 1" | "Body 2" | "Caption 1" | "Caption 2";
|
|
4
4
|
export interface ITypographyProps extends HTMLAttributes<HTMLElement> {
|
|
5
5
|
/** Font color. */
|
|
6
6
|
color?: "primary" | "secondary" | "tertiary" | "quaternary" | "theme-primary" | "theme-secondary" | "only-white" | "only-black" | "page-paper" | "success" | "alert" | "warning";
|
|
@@ -29,7 +29,7 @@ export interface ITypographyProps extends HTMLAttributes<HTMLElement> {
|
|
|
29
29
|
/** Element variant. */
|
|
30
30
|
variant?: Variant;
|
|
31
31
|
/** Font weight. */
|
|
32
|
-
weight?: "light" | "regular" | "medium" | "bold";
|
|
32
|
+
weight?: "light" | "regular" | "medium" | "semibold" | "bold";
|
|
33
33
|
/** Font size. */
|
|
34
34
|
size?: "32" | "18" | "16" | "14" | "12" | "10";
|
|
35
35
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAKrE,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;AAE3B,MAAM,MAAM,OAAO,GACf,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACnE,kBAAkB;IAClB,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,GACP,SAAS,CAAC;IACd,uBAAuB;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2BAA2B;IAC3B,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7C,wBAAwB;IACxB,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAC3C,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,4BAA4B;IAC5B,UAAU,CAAC,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IACnD,sBAAsB;IACtB,SAAS,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IACjE,qBAAqB;IACrB,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC/C,uBAAuB;IACvB,UAAU,CAAC,EACP,SAAS,GACT,SAAS,GACT,KAAK,GACL,UAAU,GACV,UAAU,GACV,cAAc,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IACxC,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Typography.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/Typography.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAKrE,OAAO,EACL,gCAAgC,EAEjC,MAAM,mBAAmB,CAAC;AAE3B,MAAM,MAAM,OAAO,GACf,SAAS,GACT,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,WAAW,CAAC;AAEhB,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACnE,kBAAkB;IAClB,KAAK,CAAC,EACF,SAAS,GACT,WAAW,GACX,UAAU,GACV,YAAY,GACZ,eAAe,GACf,iBAAiB,GACjB,YAAY,GACZ,YAAY,GACZ,YAAY,GACZ,SAAS,GACT,OAAO,GACP,SAAS,CAAC;IACd,uBAAuB;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,yBAAyB;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,2BAA2B;IAC3B,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;IAC7C,wBAAwB;IACxB,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;IAC3C,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAChD,4BAA4B;IAC5B,UAAU,CAAC,EAAE,WAAW,GAAG,cAAc,GAAG,MAAM,CAAC;IACnD,sBAAsB;IACtB,SAAS,CAAC,EAAE,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,SAAS,CAAC;IACjE,qBAAqB;IACrB,QAAQ,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;IAC/C,uBAAuB;IACvB,UAAU,CAAC,EACP,SAAS,GACT,SAAS,GACT,KAAK,GACL,UAAU,GACV,UAAU,GACV,cAAc,CAAC;IACnB,uBAAuB;IACvB,SAAS,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IACxC,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uBAAuB;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,mBAAmB;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;IAC9D,iBAAiB;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAChD;AAED,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IACrD,gCAAgC,CAAC,CAAC,EAAE,gBAAgB,CAAC,CAAC;AAExD,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,EACpE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,KACtB,KAAK,CAAC,YAAY,GAAG,SAAS,GAAG,IAAI,CAAC;AAE3C,eAAO,MAAM,UAAU,EAAE,mBAAmB,GAAG;IAAE,WAAW,CAAC,EAAE,MAAM,CAAA;CAmDlE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typography.js","names":["React","forwardRef","classNames","StyledTypography","Typography","_ref","ref","_ref$variant","variant","as","_ref$color","color","_ref$italic","italic","_ref$tabularNums","tabularNums","_ref$letterSpacing","letterSpacing","_ref$lineHeight","lineHeight","_ref$align","align","_ref$decoration","decoration","_ref$transform","transform","_ref$overflow","overflow","_ref$whitespace","whitespace","_ref$wordBreak","wordBreak","_ref$weight","weight","className","children","props","_objectWithoutPropertiesLoose","_excluded","Component","createElement","_extends","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$variant","$color","$weight","displayName"],"sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledTypography } from \"./Styles\";\nimport {\n PolymorphicComponentPropsWithRef,\n PolymorphicRef,\n} from \"../../utils/types\";\n\nexport type Variant =\n | \"Title 1\"\n | \"Title 2\"\n | \"Header 2\"\n | \"Header 3\"\n | \"Body 1\"\n | \"Body 2\"\n | \"Caption 1\"\n | \"Caption 2\";\n\nexport interface ITypographyProps extends HTMLAttributes<HTMLElement> {\n /** Font color. */\n color?:\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"quaternary\"\n | \"theme-primary\"\n | \"theme-secondary\"\n | \"only-white\"\n | \"only-black\"\n | \"page-paper\"\n | \"success\"\n | \"alert\"\n | \"warning\";\n /** Tabular numbers. */\n tabularNums?: boolean;\n /** Italic font style. */\n italic?: boolean;\n /** Font letter spacing. */\n letterSpacing?: \"tight\" | \"regular\" | \"wide\";\n /** Font line height. */\n lineHeight?: \"tight\" | \"regular\" | \"loose\";\n /** Font align. */\n align?: \"left\" | \"center\" | \"right\" | \"justify\";\n /** Underline font style. */\n decoration?: \"underline\" | \"line-through\" | \"none\";\n /** Font transform. */\n transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n /** Font overflow. */\n overflow?: \"truncate\" | \"ellipsis\" | \"visible\";\n /** Font whitespace. */\n whitespace?:\n | \"regular\"\n | \"no-wrap\"\n | \"pre\"\n | \"pre-wrap\"\n | \"pre-line\"\n | \"break-spaces\";\n /** Font word break. */\n wordBreak?: \"regular\" | \"smart\" | \"all\";\n /** Custom className for styling. */\n className?: string;\n /** Element variant. */\n variant?: Variant;\n /** Font weight. */\n weight?: \"light\" | \"regular\" | \"medium\" | \"bold\";\n /** Font size. */\n size?: \"32\" | \"18\" | \"16\" | \"14\" | \"12\" | \"10\";\n}\n\nexport type TypographyProps<C extends React.ElementType> =\n PolymorphicComponentPropsWithRef<C, ITypographyProps>;\n\nexport type TypographyComponent = <C extends React.ElementType = \"div\">(\n props: TypographyProps<C>\n) => React.ReactElement | ReactNode | null;\n\nexport const Typography: TypographyComponent & { displayName?: string } =\n forwardRef(\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore - due to @node/types making ts more strict\n <C extends React.ElementType = \"div\">(\n {\n variant = \"Title 1\",\n as,\n color = \"primary\",\n italic = false,\n tabularNums = false,\n letterSpacing = \"tight\",\n lineHeight = \"regular\",\n align = \"left\",\n decoration = \"none\",\n transform = \"regular\",\n overflow = \"visible\",\n whitespace = \"regular\",\n wordBreak = \"regular\",\n weight = \"regular\",\n className,\n children,\n ...props\n }: TypographyProps<C>,\n ref?: PolymorphicRef<C>\n ) => {\n const Component = as || \"div\";\n return (\n <StyledTypography\n as={Component}\n className={classNames(\"typography\", className)}\n $italic={italic}\n $tabularNums={tabularNums}\n $letterSpacing={letterSpacing}\n $lineHeight={lineHeight}\n $align={align}\n $decoration={decoration}\n $transform={transform}\n $overflow={overflow}\n $whitespace={whitespace}\n $wordBreak={wordBreak}\n $variant={variant}\n $color={color}\n $weight={weight}\n ref={ref}\n {...props}\n >\n {children}\n </StyledTypography>\n );\n }\n );\n\nTypography.displayName = \"Typography\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAA+BC,UAAU,QAAQ,OAAO;AAEpE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;
|
|
1
|
+
{"version":3,"file":"Typography.js","names":["React","forwardRef","classNames","StyledTypography","Typography","_ref","ref","_ref$variant","variant","as","_ref$color","color","_ref$italic","italic","_ref$tabularNums","tabularNums","_ref$letterSpacing","letterSpacing","_ref$lineHeight","lineHeight","_ref$align","align","_ref$decoration","decoration","_ref$transform","transform","_ref$overflow","overflow","_ref$whitespace","whitespace","_ref$wordBreak","wordBreak","_ref$weight","weight","className","children","props","_objectWithoutPropertiesLoose","_excluded","Component","createElement","_extends","$italic","$tabularNums","$letterSpacing","$lineHeight","$align","$decoration","$transform","$overflow","$whitespace","$wordBreak","$variant","$color","$weight","displayName"],"sources":["../../../../src/components/Typography/Typography.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, forwardRef } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledTypography } from \"./Styles\";\nimport {\n PolymorphicComponentPropsWithRef,\n PolymorphicRef,\n} from \"../../utils/types\";\n\nexport type Variant =\n | \"Title 1\"\n | \"Title 2\"\n | \"Title 3\"\n | \"Header 2\"\n | \"Header 3\"\n | \"Body 1\"\n | \"Body 2\"\n | \"Caption 1\"\n | \"Caption 2\";\n\nexport interface ITypographyProps extends HTMLAttributes<HTMLElement> {\n /** Font color. */\n color?:\n | \"primary\"\n | \"secondary\"\n | \"tertiary\"\n | \"quaternary\"\n | \"theme-primary\"\n | \"theme-secondary\"\n | \"only-white\"\n | \"only-black\"\n | \"page-paper\"\n | \"success\"\n | \"alert\"\n | \"warning\";\n /** Tabular numbers. */\n tabularNums?: boolean;\n /** Italic font style. */\n italic?: boolean;\n /** Font letter spacing. */\n letterSpacing?: \"tight\" | \"regular\" | \"wide\";\n /** Font line height. */\n lineHeight?: \"tight\" | \"regular\" | \"loose\";\n /** Font align. */\n align?: \"left\" | \"center\" | \"right\" | \"justify\";\n /** Underline font style. */\n decoration?: \"underline\" | \"line-through\" | \"none\";\n /** Font transform. */\n transform?: \"uppercase\" | \"lowercase\" | \"capitalize\" | \"regular\";\n /** Font overflow. */\n overflow?: \"truncate\" | \"ellipsis\" | \"visible\";\n /** Font whitespace. */\n whitespace?:\n | \"regular\"\n | \"no-wrap\"\n | \"pre\"\n | \"pre-wrap\"\n | \"pre-line\"\n | \"break-spaces\";\n /** Font word break. */\n wordBreak?: \"regular\" | \"smart\" | \"all\";\n /** Custom className for styling. */\n className?: string;\n /** Element variant. */\n variant?: Variant;\n /** Font weight. */\n weight?: \"light\" | \"regular\" | \"medium\" | \"semibold\" | \"bold\";\n /** Font size. */\n size?: \"32\" | \"18\" | \"16\" | \"14\" | \"12\" | \"10\";\n}\n\nexport type TypographyProps<C extends React.ElementType> =\n PolymorphicComponentPropsWithRef<C, ITypographyProps>;\n\nexport type TypographyComponent = <C extends React.ElementType = \"div\">(\n props: TypographyProps<C>\n) => React.ReactElement | ReactNode | null;\n\nexport const Typography: TypographyComponent & { displayName?: string } =\n forwardRef(\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore - due to @node/types making ts more strict\n <C extends React.ElementType = \"div\">(\n {\n variant = \"Title 1\",\n as,\n color = \"primary\",\n italic = false,\n tabularNums = false,\n letterSpacing = \"tight\",\n lineHeight = \"regular\",\n align = \"left\",\n decoration = \"none\",\n transform = \"regular\",\n overflow = \"visible\",\n whitespace = \"regular\",\n wordBreak = \"regular\",\n weight = \"regular\",\n className,\n children,\n ...props\n }: TypographyProps<C>,\n ref?: PolymorphicRef<C>\n ) => {\n const Component = as || \"div\";\n return (\n <StyledTypography\n as={Component}\n className={classNames(\"typography\", className)}\n $italic={italic}\n $tabularNums={tabularNums}\n $letterSpacing={letterSpacing}\n $lineHeight={lineHeight}\n $align={align}\n $decoration={decoration}\n $transform={transform}\n $overflow={overflow}\n $whitespace={whitespace}\n $wordBreak={wordBreak}\n $variant={variant}\n $color={color}\n $weight={weight}\n ref={ref}\n {...props}\n >\n {children}\n </StyledTypography>\n );\n }\n );\n\nTypography.displayName = \"Typography\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAA+BC,UAAU,QAAQ,OAAO;AAEpE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,gBAAgB,QAAQ,UAAU;AA2E3C,OAAO,MAAMC,UAA0D,gBACrEH,UAAU,CAGR,CAAAI,IAAA,EAoBEC,GAAuB,KACpB;EAAA,IAAAC,YAAA,GAAAF,IAAA,CAnBDG,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,SAAS,GAAAA,YAAA;IACnBE,EAAE,GAAAJ,IAAA,CAAFI,EAAE;IAAAC,UAAA,GAAAL,IAAA,CACFM,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,SAAS,GAAAA,UAAA;IAAAE,WAAA,GAAAP,IAAA,CACjBQ,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAE,gBAAA,GAAAT,IAAA,CACdU,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,KAAK,GAAAA,gBAAA;IAAAE,kBAAA,GAAAX,IAAA,CACnBY,aAAa;IAAbA,aAAa,GAAAD,kBAAA,cAAG,OAAO,GAAAA,kBAAA;IAAAE,eAAA,GAAAb,IAAA,CACvBc,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,SAAS,GAAAA,eAAA;IAAAE,UAAA,GAAAf,IAAA,CACtBgB,KAAK;IAALA,KAAK,GAAAD,UAAA,cAAG,MAAM,GAAAA,UAAA;IAAAE,eAAA,GAAAjB,IAAA,CACdkB,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,MAAM,GAAAA,eAAA;IAAAE,cAAA,GAAAnB,IAAA,CACnBoB,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,SAAS,GAAAA,cAAA;IAAAE,aAAA,GAAArB,IAAA,CACrBsB,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,SAAS,GAAAA,aAAA;IAAAE,eAAA,GAAAvB,IAAA,CACpBwB,UAAU;IAAVA,UAAU,GAAAD,eAAA,cAAG,SAAS,GAAAA,eAAA;IAAAE,cAAA,GAAAzB,IAAA,CACtB0B,SAAS;IAATA,SAAS,GAAAD,cAAA,cAAG,SAAS,GAAAA,cAAA;IAAAE,WAAA,GAAA3B,IAAA,CACrB4B,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,SAAS,GAAAA,WAAA;IAClBE,SAAS,GAAA7B,IAAA,CAAT6B,SAAS;IACTC,QAAQ,GAAA9B,IAAA,CAAR8B,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAhC,IAAA,EAAAiC,SAAA;EAIV,MAAMC,SAAS,GAAG9B,EAAE,IAAI,KAAK;EAC7B,oBACET,KAAA,CAAAwC,aAAA,CAACrC,gBAAgB,EAAAsC,QAAA;IACfhC,EAAE,EAAE8B,SAAU;IACdL,SAAS,EAAEhC,UAAU,CAAC,YAAY,EAAEgC,SAAS,CAAE;IAC/CQ,OAAO,EAAE7B,MAAO;IAChB8B,YAAY,EAAE5B,WAAY;IAC1B6B,cAAc,EAAE3B,aAAc;IAC9B4B,WAAW,EAAE1B,UAAW;IACxB2B,MAAM,EAAEzB,KAAM;IACd0B,WAAW,EAAExB,UAAW;IACxByB,UAAU,EAAEvB,SAAU;IACtBwB,SAAS,EAAEtB,QAAS;IACpBuB,WAAW,EAAErB,UAAW;IACxBsB,UAAU,EAAEpB,SAAU;IACtBqB,QAAQ,EAAE5C,OAAQ;IAClB6C,MAAM,EAAE1C,KAAM;IACd2C,OAAO,EAAErB,MAAO;IAChB3B,GAAG,EAAEA;EAAI,GACL8B,KAAK,GAERD,QACe,CAAC;AAEvB,CACF,CAAC;AAEH/B,UAAU,CAACmD,WAAW,GAAG,YAAY","ignoreList":[]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ITypographyProps } from "../Typography";
|
|
3
|
+
export interface ITitle3Props {
|
|
4
|
+
/** Font weight. */
|
|
5
|
+
weight?: "regular" | "medium" | "semibold" | "bold";
|
|
6
|
+
}
|
|
7
|
+
export declare const Title3: React.ForwardRefExoticComponent<ITitle3Props & Omit<ITypographyProps, "variant" | "weight"> & React.RefAttributes<HTMLDivElement>>;
|
|
8
|
+
//# sourceMappingURL=Title3.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Title3.d.ts","sourceRoot":"","sources":["../../../../../src/components/Typography/Variants/Title3.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,gBAAgB,EAAc,MAAM,eAAe,CAAC;AAE7D,MAAM,WAAW,YAAY;IAC3B,mBAAmB;IACnB,MAAM,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,UAAU,GAAG,MAAM,CAAC;CACrD;AAED,eAAO,MAAM,MAAM,oIASjB,CAAC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
2
|
+
import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
|
|
3
|
+
const _excluded = ["weight", "children"];
|
|
4
|
+
import React, { forwardRef } from "react";
|
|
5
|
+
import { Typography } from "../Typography";
|
|
6
|
+
export const Title3 = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
7
|
+
let _ref$weight = _ref.weight,
|
|
8
|
+
weight = _ref$weight === void 0 ? "semibold" : _ref$weight,
|
|
9
|
+
children = _ref.children,
|
|
10
|
+
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
11
|
+
return /*#__PURE__*/React.createElement(Typography, _extends({
|
|
12
|
+
weight: weight,
|
|
13
|
+
variant: "Title 3",
|
|
14
|
+
ref: ref
|
|
15
|
+
}, props), children);
|
|
16
|
+
});
|
|
17
|
+
Title3.displayName = "Title3";
|
|
18
|
+
//# sourceMappingURL=Title3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Title3.js","names":["React","forwardRef","Typography","Title3","_ref","ref","_ref$weight","weight","children","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","variant","displayName"],"sources":["../../../../../src/components/Typography/Variants/Title3.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { ITypographyProps, Typography } from \"../Typography\";\n\nexport interface ITitle3Props {\n /** Font weight. */\n weight?: \"regular\" | \"medium\" | \"semibold\" | \"bold\";\n}\n\nexport const Title3 = forwardRef<\n HTMLDivElement,\n ITitle3Props & Omit<ITypographyProps, keyof ITitle3Props | \"variant\">\n>(({ weight = \"semibold\", children, ...props }, ref) => {\n return (\n <Typography weight={weight} variant=\"Title 3\" ref={ref} {...props}>\n {children}\n </Typography>\n );\n});\n\nTitle3.displayName = \"Title3\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAQ,OAAO;AAEzC,SAA2BC,UAAU,QAAQ,eAAe;AAO5D,OAAO,MAAMC,MAAM,gBAAGF,UAAU,CAG9B,CAAAG,IAAA,EAA8CC,GAAG,KAAK;EAAA,IAAAC,WAAA,GAAAF,IAAA,CAAnDG,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,UAAU,GAAAA,WAAA;IAAEE,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAKC,KAAK,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;EAC1C,oBACEX,KAAA,CAAAY,aAAA,CAACV,UAAU,EAAAW,QAAA;IAACN,MAAM,EAAEA,MAAO;IAACO,OAAO,EAAC,SAAS;IAACT,GAAG,EAAEA;EAAI,GAAKI,KAAK,GAC9DD,QACS,CAAC;AAEjB,CAAC,CAAC;AAEFL,MAAM,CAACY,WAAW,GAAG,QAAQ","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Typography/index.ts"],"sourcesContent":["export * from \"./Variants/Title1\";\nexport * from \"./Variants/Title2\";\nexport * from \"./Variants/Header2\";\nexport * from \"./Variants/Header3\";\nexport * from \"./Variants/Body1\";\nexport * from \"./Variants/Body2\";\nexport * from \"./Variants/Caption1\";\nexport * from \"./Variants/Caption2\";\n"],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,mBAAmB;AACjC,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,kBAAkB;AAChC,cAAc,kBAAkB;AAChC,cAAc,qBAAqB;AACnC,cAAc,qBAAqB","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Typography/index.ts"],"sourcesContent":["export * from \"./Variants/Title1\";\nexport * from \"./Variants/Title2\";\nexport * from \"./Variants/Title3\";\nexport * from \"./Variants/Header2\";\nexport * from \"./Variants/Header3\";\nexport * from \"./Variants/Body1\";\nexport * from \"./Variants/Body2\";\nexport * from \"./Variants/Caption1\";\nexport * from \"./Variants/Caption2\";\n"],"mappings":"AAAA,cAAc,mBAAmB;AACjC,cAAc,mBAAmB;AACjC,cAAc,mBAAmB;AACjC,cAAc,oBAAoB;AAClC,cAAc,oBAAoB;AAClC,cAAc,kBAAkB;AAChC,cAAc,kBAAkB;AAChC,cAAc,qBAAqB;AACnC,cAAc,qBAAqB","ignoreList":[]}
|
|
@@ -99,4 +99,17 @@ export * from "./Tiles";
|
|
|
99
99
|
export * from "./Media";
|
|
100
100
|
export * from "./TitledText";
|
|
101
101
|
export * from "./LayoutTokens";
|
|
102
|
+
export * from "./Section";
|
|
103
|
+
export * from "./Collapse";
|
|
104
|
+
export * from "./LabeledDivider";
|
|
105
|
+
export * from "./FloatingPill";
|
|
106
|
+
export * from "./ClampedContent";
|
|
107
|
+
export * from "./ResizeHandle";
|
|
108
|
+
export * from "./ObjectLayout";
|
|
109
|
+
export * from "./ListRow";
|
|
110
|
+
export * from "./FileTile";
|
|
111
|
+
export * from "./EditorFrame";
|
|
112
|
+
export * from "./PropertyList";
|
|
113
|
+
export * from "./MessageBubble";
|
|
114
|
+
export * from "./DockedCard";
|
|
102
115
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -99,4 +99,17 @@ export * from "./Tiles";
|
|
|
99
99
|
export * from "./Media";
|
|
100
100
|
export * from "./TitledText";
|
|
101
101
|
export * from "./LayoutTokens";
|
|
102
|
+
export * from "./Section";
|
|
103
|
+
export * from "./Collapse";
|
|
104
|
+
export * from "./LabeledDivider";
|
|
105
|
+
export * from "./FloatingPill";
|
|
106
|
+
export * from "./ClampedContent";
|
|
107
|
+
export * from "./ResizeHandle";
|
|
108
|
+
export * from "./ObjectLayout";
|
|
109
|
+
export * from "./ListRow";
|
|
110
|
+
export * from "./FileTile";
|
|
111
|
+
export * from "./EditorFrame";
|
|
112
|
+
export * from "./PropertyList";
|
|
113
|
+
export * from "./MessageBubble";
|
|
114
|
+
export * from "./DockedCard";
|
|
102
115
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from \"./Button\";\nexport * from \"./CaretButton\";\nexport * from \"./ButtonGroup\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./EntitiesHeader\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./SideNav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Display\";\nexport * from \"./DrilldownMenu\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./RadioCard\";\nexport * from \"./RadioGroup\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./ChooseV2\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./ToastMessage\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./PillButton\";\nexport * from \"./PillGroup\";\nexport * from \"./Select\";\nexport * from \"./SelectTrigger\";\nexport * from \"./SelectTime\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./Button/AddToListButton\";\nexport * from \"./PortableText\";\nexport * from \"./ProgressBar\";\nexport * from \"./ProgressPie\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\nexport * from \"./ProgressRing\";\nexport * from \"./EditableContent\";\nexport * from \"./EditableText\";\nexport * from \"./EditableHours\";\nexport * from \"./EditableCurrency\";\nexport * from \"./Folder\";\nexport * from \"./Chip\";\nexport * from \"./Trigger\";\nexport * from \"./Dot\";\nexport * from \"./Entity\";\nexport * from \"./Filter\";\nexport * from \"./Wizard\";\nexport * from \"./ContentWizard\";\nexport * from \"./IconButton\";\nexport * from \"./Typography\";\nexport * from \"./Badge\";\nexport * from \"./AvatarGroup\";\nexport * from \"./CommandPalette\";\nexport * from \"./EmptySlate\";\nexport * from \"./Toolbar\";\nexport * from \"./InfoBox\";\nexport * from \"./Sort\";\nexport * from \"./StepSequence\";\nexport * from \"./StackedCard\";\nexport * from \"./Stack\";\nexport * from \"./Row\";\nexport * from \"./Columns\";\nexport * from \"./Tiles\";\nexport * from \"./Media\";\nexport * from \"./TitledText\";\nexport * from \"./LayoutTokens\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,oBAAoB;AAClC,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,iBAAiB;AAC/B,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,sBAAsB;AACpC,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,0BAA0B;AACxC,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,oBAAoB;AAClC,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,kBAAkB;AAChC,cAAc,cAAc;AAC5B,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,SAAS;AACvB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,gBAAgB","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/index.ts"],"sourcesContent":["export * from \"./Button\";\nexport * from \"./CaretButton\";\nexport * from \"./ButtonGroup\";\nexport * from \"./Breadcrumbs\";\nexport * from \"./CounterButton\";\nexport * from \"./Steppers\";\nexport * from \"./Tables\";\nexport * from \"./CompleteCheckbox\";\nexport * from \"./Paper\";\nexport * from \"./ScaleBar\";\nexport * from \"./Card\";\nexport * from \"./EntityCard\";\nexport * from \"./EntitiesHeader\";\nexport * from \"./Signifier\";\nexport * from \"./Avatar\";\nexport * from \"./Tag\";\nexport * from \"./Loaders\";\nexport * from \"./Nav\";\nexport * from \"./SideNav\";\nexport * from \"./Bubble\";\nexport * from \"./Input\";\nexport * from \"./Display\";\nexport * from \"./DrilldownMenu\";\nexport * from \"./Menu\";\nexport * from \"./Expanders\";\nexport * from \"./DatePicker\";\nexport * from \"./List\";\nexport * from \"./MenuSelector\";\nexport * from \"./MultiAvatar\";\nexport * from \"./RadioButton\";\nexport * from \"./RadioCard\";\nexport * from \"./RadioGroup\";\nexport * from \"./ScrollShadow\";\nexport * from \"./Icons\";\nexport * from \"./Textarea\";\nexport * from \"./Modal\";\nexport * from \"./Sheet\";\nexport * from \"./Header\";\nexport * from \"./AutoResizeTextarea\";\nexport * from \"./Overlay\";\nexport * from \"./Accordion\";\nexport * from \"./Choose\";\nexport * from \"./ChooseV2\";\nexport * from \"./Links\";\nexport * from \"./SelectDate\";\nexport * from \"./Popper\";\nexport * from \"./ToastMessage\";\nexport * from \"./Tooltip\";\nexport * from \"./Transitions\";\nexport * from \"./Window\";\nexport * from \"./ValueButton\";\nexport * from \"./PillButton\";\nexport * from \"./PillGroup\";\nexport * from \"./Select\";\nexport * from \"./SelectTrigger\";\nexport * from \"./SelectTime\";\nexport * from \"./Dialog\";\nexport * from \"./ConfirmDialog\";\nexport * from \"./Checkbox\";\nexport * from \"./Toggle\";\nexport * from \"./Typography\";\nexport * from \"./Autocomplete\";\nexport * from \"./ComboBox\";\nexport * from \"./Button/AddToListButton\";\nexport * from \"./PortableText\";\nexport * from \"./ProgressBar\";\nexport * from \"./ProgressPie\";\nexport * from \"./Reactions\";\nexport * from \"./Label\";\nexport * from \"./GlobalStyle\";\nexport * from \"./ProgressRing\";\nexport * from \"./EditableContent\";\nexport * from \"./EditableText\";\nexport * from \"./EditableHours\";\nexport * from \"./EditableCurrency\";\nexport * from \"./Folder\";\nexport * from \"./Chip\";\nexport * from \"./Trigger\";\nexport * from \"./Dot\";\nexport * from \"./Entity\";\nexport * from \"./Filter\";\nexport * from \"./Wizard\";\nexport * from \"./ContentWizard\";\nexport * from \"./IconButton\";\nexport * from \"./Typography\";\nexport * from \"./Badge\";\nexport * from \"./AvatarGroup\";\nexport * from \"./CommandPalette\";\nexport * from \"./EmptySlate\";\nexport * from \"./Toolbar\";\nexport * from \"./InfoBox\";\nexport * from \"./Sort\";\nexport * from \"./StepSequence\";\nexport * from \"./StackedCard\";\nexport * from \"./Stack\";\nexport * from \"./Row\";\nexport * from \"./Columns\";\nexport * from \"./Tiles\";\nexport * from \"./Media\";\nexport * from \"./TitledText\";\nexport * from \"./LayoutTokens\";\nexport * from \"./Section\";\nexport * from \"./Collapse\";\nexport * from \"./LabeledDivider\";\nexport * from \"./FloatingPill\";\nexport * from \"./ClampedContent\";\nexport * from \"./ResizeHandle\";\nexport * from \"./ObjectLayout\";\nexport * from \"./ListRow\";\nexport * from \"./FileTile\";\nexport * from \"./EditorFrame\";\nexport * from \"./PropertyList\";\nexport * from \"./MessageBubble\";\nexport * from \"./DockedCard\";\n"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,oBAAoB;AAClC,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,QAAQ;AACtB,cAAc,cAAc;AAC5B,cAAc,kBAAkB;AAChC,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,UAAU;AACxB,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,iBAAiB;AAC/B,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,QAAQ;AACtB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,SAAS;AACvB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,UAAU;AACxB,cAAc,sBAAsB;AACpC,cAAc,WAAW;AACzB,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,YAAY;AAC1B,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,eAAe;AAC7B,cAAc,UAAU;AACxB,cAAc,eAAe;AAC7B,cAAc,cAAc;AAC5B,cAAc,aAAa;AAC3B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,YAAY;AAC1B,cAAc,UAAU;AACxB,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,0BAA0B;AACxC,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,eAAe;AAC7B,cAAc,aAAa;AAC3B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,mBAAmB;AACjC,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,oBAAoB;AAClC,cAAc,UAAU;AACxB,cAAc,QAAQ;AACtB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,UAAU;AACxB,cAAc,iBAAiB;AAC/B,cAAc,cAAc;AAC5B,cAAc,cAAc;AAC5B,cAAc,SAAS;AACvB,cAAc,eAAe;AAC7B,cAAc,kBAAkB;AAChC,cAAc,cAAc;AAC5B,cAAc,WAAW;AACzB,cAAc,WAAW;AACzB,cAAc,QAAQ;AACtB,cAAc,gBAAgB;AAC9B,cAAc,eAAe;AAC7B,cAAc,SAAS;AACvB,cAAc,OAAO;AACrB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,SAAS;AACvB,cAAc,cAAc;AAC5B,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,gBAAgB;AAC9B,cAAc,kBAAkB;AAChC,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,WAAW;AACzB,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,cAAc,gBAAgB;AAC9B,cAAc,iBAAiB;AAC/B,cAAc,cAAc","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,qBAAqB,CAAC"}
|
package/dist/esm/hooks/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from \"./useInitScrollRef\";\nexport * from \"./useHeight\";\nexport * from \"./useInputNumber\";\n"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,aAAa;AAC3B,cAAc,kBAAkB","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from \"./useInitScrollRef\";\nexport * from \"./useHeight\";\nexport * from \"./useInputNumber\";\nexport * from \"./useLongPress\";\nexport * from \"./useResizablePanel\";\n"],"mappings":"AAAA,cAAc,oBAAoB;AAClC,cAAc,aAAa;AAC3B,cAAc,kBAAkB;AAChC,cAAc,gBAAgB;AAC9B,cAAc,qBAAqB","ignoreList":[]}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import type React from "react";
|
|
2
|
+
export declare const PRESS_IGNORED = "a, button, img, input, textarea, select, [role='button'], .pre-copy-wrapper";
|
|
3
|
+
export declare const hasSelectedText: () => boolean;
|
|
4
|
+
export interface UseLongPressOptions {
|
|
5
|
+
/** Without it the hook returns no handlers. */
|
|
6
|
+
enabled?: boolean;
|
|
7
|
+
/** The element is a control itself, so a press on it counts. */
|
|
8
|
+
onControls?: boolean;
|
|
9
|
+
/** Time the press must last, in milliseconds. */
|
|
10
|
+
ms?: number;
|
|
11
|
+
/** Movement that cancels the press, in pixels. */
|
|
12
|
+
slop?: number;
|
|
13
|
+
}
|
|
14
|
+
export interface LongPressHandlers {
|
|
15
|
+
onPointerDown?: (event: React.PointerEvent<HTMLElement>) => void;
|
|
16
|
+
onPointerMove?: (event: React.PointerEvent<HTMLElement>) => void;
|
|
17
|
+
onPointerUp?: () => void;
|
|
18
|
+
onPointerLeave?: () => void;
|
|
19
|
+
onPointerCancel?: () => void;
|
|
20
|
+
onContextMenu?: (event: React.MouseEvent<HTMLElement>) => void;
|
|
21
|
+
}
|
|
22
|
+
export declare const useLongPress: (onLongPress?: () => void, { enabled, onControls, ms, slop, }?: UseLongPressOptions) => LongPressHandlers;
|
|
23
|
+
//# sourceMappingURL=useLongPress.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useLongPress.d.ts","sourceRoot":"","sources":["../../../src/hooks/useLongPress.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,eAAO,MAAM,aAAa,gFACqD,CAAC;AAEhF,eAAO,MAAM,eAAe,QAAO,OAIlC,CAAC;AAoBF,MAAM,WAAW,mBAAmB;IAClC,+CAA+C;IAC/C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gEAAgE;IAChE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACjE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACjE,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAChE;AAUD,eAAO,MAAM,YAAY,GACvB,cAAc,MAAM,IAAI,EACxB,qCAKG,mBAAwB,KAC1B,iBA0EF,CAAC"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import { useCallback, useEffect, useMemo, useRef } from "react";
|
|
2
|
+
export const PRESS_IGNORED = "a, button, img, input, textarea, select, [role='button'], .pre-copy-wrapper";
|
|
3
|
+
export const hasSelectedText = () => {
|
|
4
|
+
const selection = window.getSelection == null ? void 0 : window.getSelection();
|
|
5
|
+
return Boolean(selection && !selection.isCollapsed);
|
|
6
|
+
};
|
|
7
|
+
|
|
8
|
+
// A mouse press ends with a click, which must not reach the target.
|
|
9
|
+
const swallowNextClick = () => {
|
|
10
|
+
const swallow = event => {
|
|
11
|
+
event.preventDefault();
|
|
12
|
+
event.stopPropagation();
|
|
13
|
+
};
|
|
14
|
+
document.addEventListener("click", swallow, {
|
|
15
|
+
capture: true,
|
|
16
|
+
once: true
|
|
17
|
+
});
|
|
18
|
+
window.addEventListener("pointerup", () => setTimeout(() => document.removeEventListener("click", swallow, {
|
|
19
|
+
capture: true
|
|
20
|
+
})), {
|
|
21
|
+
once: true
|
|
22
|
+
});
|
|
23
|
+
};
|
|
24
|
+
const NO_HANDLERS = {};
|
|
25
|
+
export const useLongPress = function (onLongPress, _temp) {
|
|
26
|
+
let _ref = _temp === void 0 ? {} : _temp,
|
|
27
|
+
_ref$enabled = _ref.enabled,
|
|
28
|
+
enabled = _ref$enabled === void 0 ? true : _ref$enabled,
|
|
29
|
+
_ref$onControls = _ref.onControls,
|
|
30
|
+
onControls = _ref$onControls === void 0 ? false : _ref$onControls,
|
|
31
|
+
_ref$ms = _ref.ms,
|
|
32
|
+
ms = _ref$ms === void 0 ? 500 : _ref$ms,
|
|
33
|
+
_ref$slop = _ref.slop,
|
|
34
|
+
slop = _ref$slop === void 0 ? 4 : _ref$slop;
|
|
35
|
+
const pressRef = useRef(null);
|
|
36
|
+
const cancel = useCallback(() => {
|
|
37
|
+
var _pressRef$current;
|
|
38
|
+
clearTimeout((_pressRef$current = pressRef.current) == null ? void 0 : _pressRef$current.timer);
|
|
39
|
+
pressRef.current = null;
|
|
40
|
+
}, []);
|
|
41
|
+
useEffect(() => cancel, [cancel]);
|
|
42
|
+
const start = useCallback(event => {
|
|
43
|
+
const control = event.target.closest(PRESS_IGNORED);
|
|
44
|
+
const isOnControl = !onControls && control && control !== event.currentTarget && event.currentTarget.contains(control);
|
|
45
|
+
if (event.button !== 0 || event.ctrlKey || event.metaKey || isOnControl) {
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
cancel();
|
|
49
|
+
pressRef.current = {
|
|
50
|
+
x: event.clientX,
|
|
51
|
+
y: event.clientY,
|
|
52
|
+
timer: setTimeout(() => {
|
|
53
|
+
cancel();
|
|
54
|
+
if (!hasSelectedText()) {
|
|
55
|
+
swallowNextClick();
|
|
56
|
+
onLongPress == null || onLongPress();
|
|
57
|
+
}
|
|
58
|
+
}, ms)
|
|
59
|
+
};
|
|
60
|
+
}, [cancel, ms, onControls, onLongPress]);
|
|
61
|
+
const move = useCallback(event => {
|
|
62
|
+
const press = pressRef.current;
|
|
63
|
+
if (press && Math.hypot(event.clientX - press.x, event.clientY - press.y) > slop) {
|
|
64
|
+
cancel();
|
|
65
|
+
}
|
|
66
|
+
}, [cancel, slop]);
|
|
67
|
+
const preventMenu = useCallback(event => {
|
|
68
|
+
if (pressRef.current) {
|
|
69
|
+
event.preventDefault();
|
|
70
|
+
}
|
|
71
|
+
}, []);
|
|
72
|
+
const handlers = useMemo(() => ({
|
|
73
|
+
onPointerDown: start,
|
|
74
|
+
onPointerMove: move,
|
|
75
|
+
onPointerUp: cancel,
|
|
76
|
+
onPointerLeave: cancel,
|
|
77
|
+
onPointerCancel: cancel,
|
|
78
|
+
onContextMenu: preventMenu
|
|
79
|
+
}), [cancel, move, preventMenu, start]);
|
|
80
|
+
return enabled ? handlers : NO_HANDLERS;
|
|
81
|
+
};
|
|
82
|
+
//# sourceMappingURL=useLongPress.js.map
|