@mindlogic-ai/logician-ui 4.0.0-alpha.8 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/USAGE.md +17 -0
- package/dist/components/Appear/Appear.d.ts +45 -0
- package/dist/components/Appear/Appear.d.ts.map +1 -0
- package/dist/components/Appear/Appear.js +61 -0
- package/dist/components/Appear/Appear.js.map +1 -0
- package/dist/components/Appear/Appear.mjs +59 -0
- package/dist/components/Appear/Appear.mjs.map +1 -0
- package/dist/components/Appear/Appear.styles.d.ts +18 -0
- package/dist/components/Appear/Appear.styles.d.ts.map +1 -0
- package/dist/components/Appear/Appear.styles.js +32 -0
- package/dist/components/Appear/Appear.styles.js.map +1 -0
- package/dist/components/Appear/Appear.styles.mjs +30 -0
- package/dist/components/Appear/Appear.styles.mjs.map +1 -0
- package/dist/components/Appear/Appear.types.d.ts +18 -0
- package/dist/components/Appear/Appear.types.d.ts.map +1 -0
- package/dist/components/Appear/index.d.ts +3 -0
- package/dist/components/Appear/index.d.ts.map +1 -0
- package/dist/components/Badge/Badge.d.ts +2 -15
- package/dist/components/Badge/Badge.d.ts.map +1 -1
- package/dist/components/Badge/Badge.js +5 -2
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/Badge/Badge.mjs +5 -2
- package/dist/components/Badge/Badge.mjs.map +1 -1
- package/dist/components/Badge/Badge.types.d.ts +15 -2
- package/dist/components/Badge/Badge.types.d.ts.map +1 -1
- package/dist/components/Badge/index.d.ts +1 -1
- package/dist/components/Badge/index.d.ts.map +1 -1
- package/dist/components/Banner/Banner.js +2 -1
- package/dist/components/Banner/Banner.js.map +1 -1
- package/dist/components/Banner/Banner.mjs +2 -1
- package/dist/components/Banner/Banner.mjs.map +1 -1
- package/dist/components/BottomSheet/BottomSheet.d.ts +28 -0
- package/dist/components/BottomSheet/BottomSheet.d.ts.map +1 -0
- package/dist/components/BottomSheet/BottomSheet.js +38 -0
- package/dist/components/BottomSheet/BottomSheet.js.map +1 -0
- package/dist/components/BottomSheet/BottomSheet.mjs +36 -0
- package/dist/components/BottomSheet/BottomSheet.mjs.map +1 -0
- package/dist/components/BottomSheet/BottomSheet.styles.d.ts +32 -0
- package/dist/components/BottomSheet/BottomSheet.styles.d.ts.map +1 -0
- package/dist/components/BottomSheet/BottomSheet.styles.js +164 -0
- package/dist/components/BottomSheet/BottomSheet.styles.js.map +1 -0
- package/dist/components/BottomSheet/BottomSheet.styles.mjs +161 -0
- package/dist/components/BottomSheet/BottomSheet.styles.mjs.map +1 -0
- package/dist/components/BottomSheet/BottomSheet.types.d.ts +43 -0
- package/dist/components/BottomSheet/BottomSheet.types.d.ts.map +1 -0
- package/dist/components/BottomSheet/BottomSheetBody.d.ts +8 -0
- package/dist/components/BottomSheet/BottomSheetBody.d.ts.map +1 -0
- package/dist/components/BottomSheet/BottomSheetBody.js +17 -0
- package/dist/components/BottomSheet/BottomSheetBody.js.map +1 -0
- package/dist/components/BottomSheet/BottomSheetBody.mjs +15 -0
- package/dist/components/BottomSheet/BottomSheetBody.mjs.map +1 -0
- package/dist/components/BottomSheet/BottomSheetCloseButton.d.ts +11 -0
- package/dist/components/BottomSheet/BottomSheetCloseButton.d.ts.map +1 -0
- package/dist/components/BottomSheet/BottomSheetCloseButton.js +27 -0
- package/dist/components/BottomSheet/BottomSheetCloseButton.js.map +1 -0
- package/dist/components/BottomSheet/BottomSheetCloseButton.mjs +25 -0
- package/dist/components/BottomSheet/BottomSheetCloseButton.mjs.map +1 -0
- package/dist/components/BottomSheet/BottomSheetContent.d.ts +12 -0
- package/dist/components/BottomSheet/BottomSheetContent.d.ts.map +1 -0
- package/dist/components/BottomSheet/BottomSheetContent.js +25 -0
- package/dist/components/BottomSheet/BottomSheetContent.js.map +1 -0
- package/dist/components/BottomSheet/BottomSheetContent.mjs +23 -0
- package/dist/components/BottomSheet/BottomSheetContent.mjs.map +1 -0
- package/dist/components/BottomSheet/BottomSheetContext.d.ts +28 -0
- package/dist/components/BottomSheet/BottomSheetContext.d.ts.map +1 -0
- package/dist/components/BottomSheet/BottomSheetContext.js +53 -0
- package/dist/components/BottomSheet/BottomSheetContext.js.map +1 -0
- package/dist/components/BottomSheet/BottomSheetContext.mjs +40 -0
- package/dist/components/BottomSheet/BottomSheetContext.mjs.map +1 -0
- package/dist/components/BottomSheet/BottomSheetFooter.d.ts +4 -0
- package/dist/components/BottomSheet/BottomSheetFooter.d.ts.map +1 -0
- package/dist/components/BottomSheet/BottomSheetFooter.js +13 -0
- package/dist/components/BottomSheet/BottomSheetFooter.js.map +1 -0
- package/dist/components/BottomSheet/BottomSheetFooter.mjs +11 -0
- package/dist/components/BottomSheet/BottomSheetFooter.mjs.map +1 -0
- package/dist/components/BottomSheet/BottomSheetHeader.d.ts +8 -0
- package/dist/components/BottomSheet/BottomSheetHeader.d.ts.map +1 -0
- package/dist/components/BottomSheet/BottomSheetHeader.js +19 -0
- package/dist/components/BottomSheet/BottomSheetHeader.js.map +1 -0
- package/dist/components/BottomSheet/BottomSheetHeader.mjs +17 -0
- package/dist/components/BottomSheet/BottomSheetHeader.mjs.map +1 -0
- package/dist/components/BottomSheet/BottomSheetOverlay.d.ts +8 -0
- package/dist/components/BottomSheet/BottomSheetOverlay.d.ts.map +1 -0
- package/dist/components/BottomSheet/BottomSheetOverlay.js +17 -0
- package/dist/components/BottomSheet/BottomSheetOverlay.js.map +1 -0
- package/dist/components/BottomSheet/BottomSheetOverlay.mjs +15 -0
- package/dist/components/BottomSheet/BottomSheetOverlay.mjs.map +1 -0
- package/dist/components/BottomSheet/index.d.ts +11 -0
- package/dist/components/BottomSheet/index.d.ts.map +1 -0
- package/dist/components/Button/Button.d.ts +2 -18
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.js +66 -4
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/Button.mjs +67 -5
- package/dist/components/Button/Button.mjs.map +1 -1
- package/dist/components/Button/Button.styles.d.ts +1 -0
- package/dist/components/Button/Button.styles.d.ts.map +1 -1
- package/dist/components/Button/Button.styles.js +123 -42
- package/dist/components/Button/Button.styles.js.map +1 -1
- package/dist/components/Button/Button.styles.mjs +123 -43
- package/dist/components/Button/Button.styles.mjs.map +1 -1
- package/dist/components/Button/Button.types.d.ts +38 -1
- package/dist/components/Button/Button.types.d.ts.map +1 -1
- package/dist/components/Button/index.d.ts +1 -1
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Card/Card.d.ts +2 -5
- package/dist/components/Card/Card.d.ts.map +1 -1
- package/dist/components/Card/Card.js +12 -4
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Card/Card.mjs +12 -4
- package/dist/components/Card/Card.mjs.map +1 -1
- package/dist/components/Card/Card.styles.d.ts +26 -3
- package/dist/components/Card/Card.styles.d.ts.map +1 -1
- package/dist/components/Card/Card.styles.js +36 -5
- package/dist/components/Card/Card.styles.js.map +1 -1
- package/dist/components/Card/Card.styles.mjs +36 -5
- package/dist/components/Card/Card.styles.mjs.map +1 -1
- package/dist/components/Card/Card.types.d.ts +20 -2
- package/dist/components/Card/Card.types.d.ts.map +1 -1
- package/dist/components/Card/index.d.ts +1 -1
- package/dist/components/Card/index.d.ts.map +1 -1
- package/dist/components/Checkbox/Checkbox.styles.d.ts +16 -0
- package/dist/components/Checkbox/Checkbox.styles.d.ts.map +1 -0
- package/dist/components/Checkbox/Checkbox.styles.js +30 -0
- package/dist/components/Checkbox/Checkbox.styles.js.map +1 -0
- package/dist/components/Checkbox/Checkbox.styles.mjs +28 -0
- package/dist/components/Checkbox/Checkbox.styles.mjs.map +1 -0
- package/dist/components/Checkbox/CheckboxControl.d.ts.map +1 -1
- package/dist/components/Checkbox/CheckboxControl.js +6 -1
- package/dist/components/Checkbox/CheckboxControl.js.map +1 -1
- package/dist/components/Checkbox/CheckboxControl.mjs +6 -1
- package/dist/components/Checkbox/CheckboxControl.mjs.map +1 -1
- package/dist/components/Chip/Chip.d.ts +3 -16
- package/dist/components/Chip/Chip.d.ts.map +1 -1
- package/dist/components/Chip/Chip.js +5 -2
- package/dist/components/Chip/Chip.js.map +1 -1
- package/dist/components/Chip/Chip.mjs +5 -2
- package/dist/components/Chip/Chip.mjs.map +1 -1
- package/dist/components/Chip/Chip.types.d.ts +11 -2
- package/dist/components/Chip/Chip.types.d.ts.map +1 -1
- package/dist/components/Chip/index.d.ts +1 -1
- package/dist/components/Chip/index.d.ts.map +1 -1
- package/dist/components/CodeTabs/CodeTabs.js +1 -0
- package/dist/components/CodeTabs/CodeTabs.js.map +1 -1
- package/dist/components/CodeTabs/CodeTabs.mjs +1 -0
- package/dist/components/CodeTabs/CodeTabs.mjs.map +1 -1
- package/dist/components/Collapsible/CollapsibleContent.d.ts.map +1 -1
- package/dist/components/Collapsible/CollapsibleContent.js +5 -1
- package/dist/components/Collapsible/CollapsibleContent.js.map +1 -1
- package/dist/components/Collapsible/CollapsibleContent.mjs +5 -1
- package/dist/components/Collapsible/CollapsibleContent.mjs.map +1 -1
- package/dist/components/ColorMode/ColorModeToggle.d.ts.map +1 -1
- package/dist/components/ColorMode/ColorModeToggle.js +4 -2
- package/dist/components/ColorMode/ColorModeToggle.js.map +1 -1
- package/dist/components/ColorMode/ColorModeToggle.mjs +5 -3
- package/dist/components/ColorMode/ColorModeToggle.mjs.map +1 -1
- package/dist/components/Confetti/Confetti.d.ts +50 -0
- package/dist/components/Confetti/Confetti.d.ts.map +1 -0
- package/dist/components/Confetti/Confetti.js +149 -0
- package/dist/components/Confetti/Confetti.js.map +1 -0
- package/dist/components/Confetti/Confetti.mjs +147 -0
- package/dist/components/Confetti/Confetti.mjs.map +1 -0
- package/dist/components/Confetti/Confetti.styles.d.ts +32 -0
- package/dist/components/Confetti/Confetti.styles.d.ts.map +1 -0
- package/dist/components/Confetti/Confetti.styles.js +60 -0
- package/dist/components/Confetti/Confetti.styles.js.map +1 -0
- package/dist/components/Confetti/Confetti.styles.mjs +58 -0
- package/dist/components/Confetti/Confetti.styles.mjs.map +1 -0
- package/dist/components/Confetti/Confetti.types.d.ts +13 -0
- package/dist/components/Confetti/Confetti.types.d.ts.map +1 -0
- package/dist/components/Confetti/index.d.ts +3 -0
- package/dist/components/Confetti/index.d.ts.map +1 -0
- package/dist/components/Container/Container.d.ts +3 -4
- package/dist/components/Container/Container.d.ts.map +1 -1
- package/dist/components/Container/Container.js +5 -1
- package/dist/components/Container/Container.js.map +1 -1
- package/dist/components/Container/Container.mjs +5 -1
- package/dist/components/Container/Container.mjs.map +1 -1
- package/dist/components/Container/Container.types.d.ts +16 -0
- package/dist/components/Container/Container.types.d.ts.map +1 -0
- package/dist/components/Container/index.d.ts +1 -0
- package/dist/components/Container/index.d.ts.map +1 -1
- package/dist/components/CopyableCode/CopyableCode.d.ts +6 -0
- package/dist/components/CopyableCode/CopyableCode.d.ts.map +1 -1
- package/dist/components/CopyableCode/CopyableCode.js +49 -1
- package/dist/components/CopyableCode/CopyableCode.js.map +1 -1
- package/dist/components/CopyableCode/CopyableCode.mjs +50 -2
- package/dist/components/CopyableCode/CopyableCode.mjs.map +1 -1
- package/dist/components/CountUp/CountUp.d.ts +30 -0
- package/dist/components/CountUp/CountUp.d.ts.map +1 -0
- package/dist/components/CountUp/CountUp.js +95 -0
- package/dist/components/CountUp/CountUp.js.map +1 -0
- package/dist/components/CountUp/CountUp.mjs +93 -0
- package/dist/components/CountUp/CountUp.mjs.map +1 -0
- package/dist/components/CountUp/CountUp.types.d.ts +19 -0
- package/dist/components/CountUp/CountUp.types.d.ts.map +1 -0
- package/dist/components/CountUp/index.d.ts +3 -0
- package/dist/components/CountUp/index.d.ts.map +1 -0
- package/dist/components/ErrorFallback/ErrorFallback.d.ts.map +1 -1
- package/dist/components/ErrorFallback/ErrorFallback.js +17 -2
- package/dist/components/ErrorFallback/ErrorFallback.js.map +1 -1
- package/dist/components/ErrorFallback/ErrorFallback.mjs +17 -2
- package/dist/components/ErrorFallback/ErrorFallback.mjs.map +1 -1
- package/dist/components/ExpandableText/ExpandableText.d.ts +31 -10
- package/dist/components/ExpandableText/ExpandableText.d.ts.map +1 -1
- package/dist/components/ExpandableText/ExpandableText.js +22 -3
- package/dist/components/ExpandableText/ExpandableText.js.map +1 -1
- package/dist/components/ExpandableText/ExpandableText.mjs +22 -3
- package/dist/components/ExpandableText/ExpandableText.mjs.map +1 -1
- package/dist/components/ExpandableText/useExpandableText.d.ts +28 -3
- package/dist/components/ExpandableText/useExpandableText.d.ts.map +1 -1
- package/dist/components/ExpandableText/useExpandableText.js +74 -72
- package/dist/components/ExpandableText/useExpandableText.js.map +1 -1
- package/dist/components/ExpandableText/useExpandableText.mjs +75 -73
- package/dist/components/ExpandableText/useExpandableText.mjs.map +1 -1
- package/dist/components/FileInput/FileInput.d.ts.map +1 -1
- package/dist/components/FileInput/FileInput.js +11 -1
- package/dist/components/FileInput/FileInput.js.map +1 -1
- package/dist/components/FileInput/FileInput.mjs +12 -2
- package/dist/components/FileInput/FileInput.mjs.map +1 -1
- package/dist/components/FileItem/FileItem.js +2 -1
- package/dist/components/FileItem/FileItem.js.map +1 -1
- package/dist/components/FileItem/FileItem.mjs +3 -2
- package/dist/components/FileItem/FileItem.mjs.map +1 -1
- package/dist/components/FileList/FileList.d.ts +1 -1
- package/dist/components/FileList/FileList.d.ts.map +1 -1
- package/dist/components/FileList/FileList.js +11 -3
- package/dist/components/FileList/FileList.js.map +1 -1
- package/dist/components/FileList/FileList.mjs +12 -4
- package/dist/components/FileList/FileList.mjs.map +1 -1
- package/dist/components/FileList/FileList.types.d.ts +9 -0
- package/dist/components/FileList/FileList.types.d.ts.map +1 -1
- package/dist/components/FlyTo/FlyTo.d.ts +35 -0
- package/dist/components/FlyTo/FlyTo.d.ts.map +1 -0
- package/dist/components/FlyTo/FlyTo.js +69 -0
- package/dist/components/FlyTo/FlyTo.js.map +1 -0
- package/dist/components/FlyTo/FlyTo.mjs +67 -0
- package/dist/components/FlyTo/FlyTo.mjs.map +1 -0
- package/dist/components/FlyTo/FlyTo.styles.d.ts +19 -0
- package/dist/components/FlyTo/FlyTo.styles.d.ts.map +1 -0
- package/dist/components/FlyTo/FlyTo.styles.js +35 -0
- package/dist/components/FlyTo/FlyTo.styles.js.map +1 -0
- package/dist/components/FlyTo/FlyTo.styles.mjs +33 -0
- package/dist/components/FlyTo/FlyTo.styles.mjs.map +1 -0
- package/dist/components/FlyTo/FlyTo.types.d.ts +15 -0
- package/dist/components/FlyTo/FlyTo.types.d.ts.map +1 -0
- package/dist/components/FlyTo/index.d.ts +3 -0
- package/dist/components/FlyTo/index.d.ts.map +1 -0
- package/dist/components/Form/FieldError/FieldError.d.ts +15 -0
- package/dist/components/Form/FieldError/FieldError.d.ts.map +1 -0
- package/dist/components/Form/FieldError/FieldError.js +22 -0
- package/dist/components/Form/FieldError/FieldError.js.map +1 -0
- package/dist/components/Form/FieldError/FieldError.mjs +20 -0
- package/dist/components/Form/FieldError/FieldError.mjs.map +1 -0
- package/dist/components/Form/FieldError/index.d.ts +3 -0
- package/dist/components/Form/FieldError/index.d.ts.map +1 -0
- package/dist/components/Form/FieldHelp/FieldHelp.d.ts +14 -0
- package/dist/components/Form/FieldHelp/FieldHelp.d.ts.map +1 -0
- package/dist/components/Form/FieldHelp/FieldHelp.js +19 -0
- package/dist/components/Form/FieldHelp/FieldHelp.js.map +1 -0
- package/dist/components/Form/FieldHelp/FieldHelp.mjs +17 -0
- package/dist/components/Form/FieldHelp/FieldHelp.mjs.map +1 -0
- package/dist/components/Form/FieldHelp/index.d.ts +3 -0
- package/dist/components/Form/FieldHelp/index.d.ts.map +1 -0
- package/dist/components/Form/FieldLabel/FieldLabel.d.ts +12 -0
- package/dist/components/Form/FieldLabel/FieldLabel.d.ts.map +1 -0
- package/dist/components/Form/FieldLabel/FieldLabel.js +33 -0
- package/dist/components/Form/FieldLabel/FieldLabel.js.map +1 -0
- package/dist/components/Form/FieldLabel/FieldLabel.mjs +31 -0
- package/dist/components/Form/FieldLabel/FieldLabel.mjs.map +1 -0
- package/dist/components/Form/FieldLabel/FieldLabel.types.d.ts +21 -0
- package/dist/components/Form/FieldLabel/FieldLabel.types.d.ts.map +1 -0
- package/dist/components/Form/FieldLabel/index.d.ts +3 -0
- package/dist/components/Form/FieldLabel/index.d.ts.map +1 -0
- package/dist/components/Form/FieldRow/FieldRow.d.ts +15 -0
- package/dist/components/Form/FieldRow/FieldRow.d.ts.map +1 -0
- package/dist/components/Form/FieldRow/FieldRow.js +27 -0
- package/dist/components/Form/FieldRow/FieldRow.js.map +1 -0
- package/dist/components/Form/FieldRow/FieldRow.mjs +25 -0
- package/dist/components/Form/FieldRow/FieldRow.mjs.map +1 -0
- package/dist/components/Form/FieldRow/FieldRow.types.d.ts +27 -0
- package/dist/components/Form/FieldRow/FieldRow.types.d.ts.map +1 -0
- package/dist/components/Form/FieldRow/index.d.ts +3 -0
- package/dist/components/Form/FieldRow/index.d.ts.map +1 -0
- package/dist/components/Form/FormFooter/FormFooter.d.ts +11 -0
- package/dist/components/Form/FormFooter/FormFooter.d.ts.map +1 -0
- package/dist/components/Form/FormFooter/FormFooter.js +20 -0
- package/dist/components/Form/FormFooter/FormFooter.js.map +1 -0
- package/dist/components/Form/FormFooter/FormFooter.mjs +18 -0
- package/dist/components/Form/FormFooter/FormFooter.mjs.map +1 -0
- package/dist/components/Form/FormFooter/FormFooter.types.d.ts +23 -0
- package/dist/components/Form/FormFooter/FormFooter.types.d.ts.map +1 -0
- package/dist/components/Form/FormFooter/index.d.ts +3 -0
- package/dist/components/Form/FormFooter/index.d.ts.map +1 -0
- package/dist/components/Form/FormModalFooter/FormModalFooter.d.ts +19 -0
- package/dist/components/Form/FormModalFooter/FormModalFooter.d.ts.map +1 -0
- package/dist/components/Form/FormModalFooter/FormModalFooter.js +42 -0
- package/dist/components/Form/FormModalFooter/FormModalFooter.js.map +1 -0
- package/dist/components/Form/FormModalFooter/FormModalFooter.mjs +40 -0
- package/dist/components/Form/FormModalFooter/FormModalFooter.mjs.map +1 -0
- package/dist/components/Form/FormModalFooter/FormModalFooter.types.d.ts +49 -0
- package/dist/components/Form/FormModalFooter/FormModalFooter.types.d.ts.map +1 -0
- package/dist/components/Form/FormModalFooter/index.d.ts +3 -0
- package/dist/components/Form/FormModalFooter/index.d.ts.map +1 -0
- package/dist/components/Form/FormScrollArea/FormScrollArea.d.ts +14 -0
- package/dist/components/Form/FormScrollArea/FormScrollArea.d.ts.map +1 -0
- package/dist/components/Form/FormScrollArea/FormScrollArea.js +18 -0
- package/dist/components/Form/FormScrollArea/FormScrollArea.js.map +1 -0
- package/dist/components/Form/FormScrollArea/FormScrollArea.mjs +16 -0
- package/dist/components/Form/FormScrollArea/FormScrollArea.mjs.map +1 -0
- package/dist/components/Form/FormScrollArea/index.d.ts +2 -0
- package/dist/components/Form/FormScrollArea/index.d.ts.map +1 -0
- package/dist/components/Form/FormSection/CollapsibleFormSection.d.ts +10 -0
- package/dist/components/Form/FormSection/CollapsibleFormSection.d.ts.map +1 -0
- package/dist/components/Form/FormSection/CollapsibleFormSection.js +46 -0
- package/dist/components/Form/FormSection/CollapsibleFormSection.js.map +1 -0
- package/dist/components/Form/FormSection/CollapsibleFormSection.mjs +44 -0
- package/dist/components/Form/FormSection/CollapsibleFormSection.mjs.map +1 -0
- package/dist/components/Form/FormSection/FlatFormSection.d.ts +6 -0
- package/dist/components/Form/FormSection/FlatFormSection.d.ts.map +1 -0
- package/dist/components/Form/FormSection/FlatFormSection.js +12 -0
- package/dist/components/Form/FormSection/FlatFormSection.js.map +1 -0
- package/dist/components/Form/FormSection/FlatFormSection.mjs +10 -0
- package/dist/components/Form/FormSection/FlatFormSection.mjs.map +1 -0
- package/dist/components/Form/FormSection/FormSection.d.ts +13 -0
- package/dist/components/Form/FormSection/FormSection.d.ts.map +1 -0
- package/dist/components/Form/FormSection/FormSection.js +21 -0
- package/dist/components/Form/FormSection/FormSection.js.map +1 -0
- package/dist/components/Form/FormSection/FormSection.mjs +19 -0
- package/dist/components/Form/FormSection/FormSection.mjs.map +1 -0
- package/dist/components/Form/FormSection/FormSection.types.d.ts +34 -0
- package/dist/components/Form/FormSection/FormSection.types.d.ts.map +1 -0
- package/dist/components/Form/FormSection/index.d.ts +3 -0
- package/dist/components/Form/FormSection/index.d.ts.map +1 -0
- package/dist/components/Form/FormSectionHeader/FormSectionHeader.d.ts +13 -0
- package/dist/components/Form/FormSectionHeader/FormSectionHeader.d.ts.map +1 -0
- package/dist/components/Form/FormSectionHeader/FormSectionHeader.js +31 -0
- package/dist/components/Form/FormSectionHeader/FormSectionHeader.js.map +1 -0
- package/dist/components/Form/FormSectionHeader/FormSectionHeader.mjs +29 -0
- package/dist/components/Form/FormSectionHeader/FormSectionHeader.mjs.map +1 -0
- package/dist/components/Form/FormSectionHeader/FormSectionHeader.types.d.ts +17 -0
- package/dist/components/Form/FormSectionHeader/FormSectionHeader.types.d.ts.map +1 -0
- package/dist/components/Form/FormSectionHeader/index.d.ts +3 -0
- package/dist/components/Form/FormSectionHeader/index.d.ts.map +1 -0
- package/dist/components/Form/index.d.ts +18 -0
- package/dist/components/Form/index.d.ts.map +1 -0
- package/dist/components/Icon/_constants/iconList.d.ts +2 -1
- package/dist/components/Icon/_constants/iconList.d.ts.map +1 -1
- package/dist/components/Icon/_constants/iconList.js +309 -134
- package/dist/components/Icon/_constants/iconList.js.map +1 -1
- package/dist/components/Icon/_constants/iconList.mjs +337 -162
- package/dist/components/Icon/_constants/iconList.mjs.map +1 -1
- package/dist/components/Icon/_utils/createIcon.d.ts.map +1 -1
- package/dist/components/Icon/_utils/createIcon.js +1 -0
- package/dist/components/Icon/_utils/createIcon.js.map +1 -1
- package/dist/components/Icon/_utils/createIcon.mjs +1 -0
- package/dist/components/Icon/_utils/createIcon.mjs.map +1 -1
- package/dist/components/Icon/index.d.ts +1 -1
- package/dist/components/Icon/index.d.ts.map +1 -1
- package/dist/components/Icon/index.js +205 -42
- package/dist/components/Icon/index.js.map +1 -1
- package/dist/components/Icon/index.mjs +3 -43
- package/dist/components/Icon/index.mjs.map +1 -1
- package/dist/components/IconButton/IconButton.d.ts +2 -17
- package/dist/components/IconButton/IconButton.d.ts.map +1 -1
- package/dist/components/IconButton/IconButton.js +11 -3
- package/dist/components/IconButton/IconButton.js.map +1 -1
- package/dist/components/IconButton/IconButton.mjs +11 -3
- package/dist/components/IconButton/IconButton.mjs.map +1 -1
- package/dist/components/IconButton/IconButton.types.d.ts +15 -1
- package/dist/components/IconButton/IconButton.types.d.ts.map +1 -1
- package/dist/components/IconButton/index.d.ts +1 -1
- package/dist/components/IconButton/index.d.ts.map +1 -1
- package/dist/components/InfoSprinkle/InfoSprinkle.d.ts.map +1 -1
- package/dist/components/InfoSprinkle/InfoSprinkle.js +1 -1
- package/dist/components/InfoSprinkle/InfoSprinkle.js.map +1 -1
- package/dist/components/InfoSprinkle/InfoSprinkle.mjs +1 -1
- package/dist/components/InfoSprinkle/InfoSprinkle.mjs.map +1 -1
- package/dist/components/InlineCode/InlineCode.d.ts.map +1 -1
- package/dist/components/InlineCode/InlineCode.js +10 -1
- package/dist/components/InlineCode/InlineCode.js.map +1 -1
- package/dist/components/InlineCode/InlineCode.mjs +10 -1
- package/dist/components/InlineCode/InlineCode.mjs.map +1 -1
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Input/Input.js +2 -1
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/Input.mjs +2 -1
- package/dist/components/Input/Input.mjs.map +1 -1
- package/dist/components/Loaders/PageLoader.d.ts.map +1 -1
- package/dist/components/Loaders/PageLoader.js +5 -2
- package/dist/components/Loaders/PageLoader.js.map +1 -1
- package/dist/components/Loaders/PageLoader.mjs +5 -2
- package/dist/components/Loaders/PageLoader.mjs.map +1 -1
- package/dist/components/Loaders/SectionLoader.d.ts.map +1 -1
- package/dist/components/Loaders/SectionLoader.js +2 -2
- package/dist/components/Loaders/SectionLoader.js.map +1 -1
- package/dist/components/Loaders/SectionLoader.mjs +2 -2
- package/dist/components/Loaders/SectionLoader.mjs.map +1 -1
- package/dist/components/Markdown/Markdown.d.ts.map +1 -1
- package/dist/components/Markdown/Markdown.js +7 -1
- package/dist/components/Markdown/Markdown.js.map +1 -1
- package/dist/components/Markdown/Markdown.mjs +7 -1
- package/dist/components/Markdown/Markdown.mjs.map +1 -1
- package/dist/components/MaxLengthIndicator/MaxLengthIndicator.js +1 -0
- package/dist/components/MaxLengthIndicator/MaxLengthIndicator.js.map +1 -1
- package/dist/components/MaxLengthIndicator/MaxLengthIndicator.mjs +1 -0
- package/dist/components/MaxLengthIndicator/MaxLengthIndicator.mjs.map +1 -1
- package/dist/components/Menu/Menu.d.ts +2 -1
- package/dist/components/Menu/Menu.d.ts.map +1 -1
- package/dist/components/Menu/MenuItem.d.ts +2 -2
- package/dist/components/Menu/MenuItem.d.ts.map +1 -1
- package/dist/components/Menu/MenuItem.js +8 -2
- package/dist/components/Menu/MenuItem.js.map +1 -1
- package/dist/components/Menu/MenuItem.mjs +8 -2
- package/dist/components/Menu/MenuItem.mjs.map +1 -1
- package/dist/components/Menu/MenuItem.types.d.ts +17 -2
- package/dist/components/Menu/MenuItem.types.d.ts.map +1 -1
- package/dist/components/Menu/MenuItem.types.js.map +1 -1
- package/dist/components/Menu/MenuItem.types.mjs.map +1 -1
- package/dist/components/Menu/MenuList.d.ts +20 -0
- package/dist/components/Menu/MenuList.d.ts.map +1 -1
- package/dist/components/Menu/MenuList.js +20 -2
- package/dist/components/Menu/MenuList.js.map +1 -1
- package/dist/components/Menu/MenuList.mjs +21 -3
- package/dist/components/Menu/MenuList.mjs.map +1 -1
- package/dist/components/Modal/Modal.d.ts.map +1 -1
- package/dist/components/Modal/Modal.js +2 -2
- package/dist/components/Modal/Modal.js.map +1 -1
- package/dist/components/Modal/Modal.mjs +2 -2
- package/dist/components/Modal/Modal.mjs.map +1 -1
- package/dist/components/Modal/Modal.styles.d.ts +22 -0
- package/dist/components/Modal/Modal.styles.d.ts.map +1 -1
- package/dist/components/Modal/Modal.styles.js +24 -0
- package/dist/components/Modal/Modal.styles.js.map +1 -0
- package/dist/components/Modal/Modal.styles.mjs +22 -0
- package/dist/components/Modal/Modal.styles.mjs.map +1 -0
- package/dist/components/Modal/Modal.types.d.ts +10 -2
- package/dist/components/Modal/Modal.types.d.ts.map +1 -1
- package/dist/components/Modal/ModalContent/ModalContent.d.ts.map +1 -1
- package/dist/components/Modal/ModalContent/ModalContent.js +2 -1
- package/dist/components/Modal/ModalContent/ModalContent.js.map +1 -1
- package/dist/components/Modal/ModalContent/ModalContent.mjs +2 -1
- package/dist/components/Modal/ModalContent/ModalContent.mjs.map +1 -1
- package/dist/components/Modal/ModalContext.js +1 -1
- package/dist/components/Modal/ModalContext.js.map +1 -1
- package/dist/components/Modal/ModalContext.mjs +1 -1
- package/dist/components/Modal/ModalContext.mjs.map +1 -1
- package/dist/components/Modal/ModalOverlay.d.ts.map +1 -1
- package/dist/components/Modal/ModalOverlay.js +3 -1
- package/dist/components/Modal/ModalOverlay.js.map +1 -1
- package/dist/components/Modal/ModalOverlay.mjs +3 -1
- package/dist/components/Modal/ModalOverlay.mjs.map +1 -1
- package/dist/components/MonthPicker/MonthPicker.js +1 -0
- package/dist/components/MonthPicker/MonthPicker.js.map +1 -1
- package/dist/components/MonthPicker/MonthPicker.mjs +1 -0
- package/dist/components/MonthPicker/MonthPicker.mjs.map +1 -1
- package/dist/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/components/Pagination/Pagination.js +8 -2
- package/dist/components/Pagination/Pagination.js.map +1 -1
- package/dist/components/Pagination/Pagination.mjs +9 -3
- package/dist/components/Pagination/Pagination.mjs.map +1 -1
- package/dist/components/PasswordInput/PasswordInput.d.ts.map +1 -1
- package/dist/components/PasswordInput/PasswordInput.js +2 -2
- package/dist/components/PasswordInput/PasswordInput.js.map +1 -1
- package/dist/components/PasswordInput/PasswordInput.mjs +2 -2
- package/dist/components/PasswordInput/PasswordInput.mjs.map +1 -1
- package/dist/components/PinInput/PinInput.d.ts +1 -4
- package/dist/components/PinInput/PinInput.d.ts.map +1 -1
- package/dist/components/PinInput/PinInput.js +5 -22
- package/dist/components/PinInput/PinInput.js.map +1 -1
- package/dist/components/PinInput/PinInput.mjs +8 -25
- package/dist/components/PinInput/PinInput.mjs.map +1 -1
- package/dist/components/PinInput/PinInput.types.d.ts +7 -24
- package/dist/components/PinInput/PinInput.types.d.ts.map +1 -1
- package/dist/components/Popover/PopoverContent.d.ts.map +1 -1
- package/dist/components/Popover/PopoverContent.js +4 -1
- package/dist/components/Popover/PopoverContent.js.map +1 -1
- package/dist/components/Popover/PopoverContent.mjs +4 -1
- package/dist/components/Popover/PopoverContent.mjs.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.d.ts +1 -1
- package/dist/components/ProgressBar/ProgressBar.d.ts.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.js +19 -2
- package/dist/components/ProgressBar/ProgressBar.js.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.mjs +20 -3
- package/dist/components/ProgressBar/ProgressBar.mjs.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.styles.d.ts +18 -0
- package/dist/components/ProgressBar/ProgressBar.styles.d.ts.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.styles.js +24 -0
- package/dist/components/ProgressBar/ProgressBar.styles.js.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.styles.mjs +24 -1
- package/dist/components/ProgressBar/ProgressBar.styles.mjs.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.types.d.ts +10 -0
- package/dist/components/ProgressBar/ProgressBar.types.d.ts.map +1 -1
- package/dist/components/Pulse/Pulse.d.ts +40 -0
- package/dist/components/Pulse/Pulse.d.ts.map +1 -0
- package/dist/components/Pulse/Pulse.js +64 -0
- package/dist/components/Pulse/Pulse.js.map +1 -0
- package/dist/components/Pulse/Pulse.mjs +62 -0
- package/dist/components/Pulse/Pulse.mjs.map +1 -0
- package/dist/components/Pulse/Pulse.styles.d.ts +35 -0
- package/dist/components/Pulse/Pulse.styles.d.ts.map +1 -0
- package/dist/components/Pulse/Pulse.styles.js +46 -0
- package/dist/components/Pulse/Pulse.styles.js.map +1 -0
- package/dist/components/Pulse/Pulse.styles.mjs +44 -0
- package/dist/components/Pulse/Pulse.styles.mjs.map +1 -0
- package/dist/components/Pulse/Pulse.types.d.ts +12 -0
- package/dist/components/Pulse/Pulse.types.d.ts.map +1 -0
- package/dist/components/Pulse/index.d.ts +3 -0
- package/dist/components/Pulse/index.d.ts.map +1 -0
- package/dist/components/RadialProgress/RadialProgress.js +1 -0
- package/dist/components/RadialProgress/RadialProgress.js.map +1 -1
- package/dist/components/RadialProgress/RadialProgress.mjs +1 -0
- package/dist/components/RadialProgress/RadialProgress.mjs.map +1 -1
- package/dist/components/Radio/Radio.styles.d.ts +13 -0
- package/dist/components/Radio/Radio.styles.d.ts.map +1 -0
- package/dist/components/Radio/Radio.styles.js +28 -0
- package/dist/components/Radio/Radio.styles.js.map +1 -0
- package/dist/components/Radio/Radio.styles.mjs +26 -0
- package/dist/components/Radio/Radio.styles.mjs.map +1 -0
- package/dist/components/Radio/RadioControl.d.ts.map +1 -1
- package/dist/components/Radio/RadioControl.js +19 -1
- package/dist/components/Radio/RadioControl.js.map +1 -1
- package/dist/components/Radio/RadioControl.mjs +20 -2
- package/dist/components/Radio/RadioControl.mjs.map +1 -1
- package/dist/components/Reveal/Reveal.d.ts +33 -0
- package/dist/components/Reveal/Reveal.d.ts.map +1 -0
- package/dist/components/Reveal/Reveal.js +46 -0
- package/dist/components/Reveal/Reveal.js.map +1 -0
- package/dist/components/Reveal/Reveal.mjs +44 -0
- package/dist/components/Reveal/Reveal.mjs.map +1 -0
- package/dist/components/Reveal/Reveal.styles.d.ts +25 -0
- package/dist/components/Reveal/Reveal.styles.d.ts.map +1 -0
- package/dist/components/Reveal/Reveal.styles.js +42 -0
- package/dist/components/Reveal/Reveal.styles.js.map +1 -0
- package/dist/components/Reveal/Reveal.styles.mjs +40 -0
- package/dist/components/Reveal/Reveal.styles.mjs.map +1 -0
- package/dist/components/Reveal/Reveal.types.d.ts +6 -0
- package/dist/components/Reveal/Reveal.types.d.ts.map +1 -0
- package/dist/components/Reveal/index.d.ts +3 -0
- package/dist/components/Reveal/index.d.ts.map +1 -0
- package/dist/components/SeeMoreButton/SeeMoreButton.d.ts +3 -10
- package/dist/components/SeeMoreButton/SeeMoreButton.d.ts.map +1 -1
- package/dist/components/SeeMoreButton/SeeMoreButton.js +6 -2
- package/dist/components/SeeMoreButton/SeeMoreButton.js.map +1 -1
- package/dist/components/SeeMoreButton/SeeMoreButton.mjs +7 -3
- package/dist/components/SeeMoreButton/SeeMoreButton.mjs.map +1 -1
- package/dist/components/SeeMoreButton/SeeMoreButton.types.d.ts +10 -3
- package/dist/components/SeeMoreButton/SeeMoreButton.types.d.ts.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.js +5 -1
- package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.mjs +5 -1
- package/dist/components/SegmentedControl/SegmentedControl.mjs.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.styles.d.ts +16 -0
- package/dist/components/SegmentedControl/SegmentedControl.styles.d.ts.map +1 -0
- package/dist/components/SegmentedControl/SegmentedControl.styles.js +26 -0
- package/dist/components/SegmentedControl/SegmentedControl.styles.js.map +1 -0
- package/dist/components/SegmentedControl/SegmentedControl.styles.mjs +24 -0
- package/dist/components/SegmentedControl/SegmentedControl.styles.mjs.map +1 -0
- package/dist/components/Select/Combobox.d.ts.map +1 -1
- package/dist/components/Select/Combobox.js +9 -2
- package/dist/components/Select/Combobox.js.map +1 -1
- package/dist/components/Select/Combobox.mjs +9 -2
- package/dist/components/Select/Combobox.mjs.map +1 -1
- package/dist/components/Select/ComboboxField.d.ts +1 -1
- package/dist/components/Select/ComboboxField.d.ts.map +1 -1
- package/dist/components/Select/ComboboxField.js +2 -2
- package/dist/components/Select/ComboboxField.js.map +1 -1
- package/dist/components/Select/ComboboxField.mjs +2 -2
- package/dist/components/Select/ComboboxField.mjs.map +1 -1
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.js +4 -1
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Select/Select.mjs +4 -1
- package/dist/components/Select/Select.mjs.map +1 -1
- package/dist/components/Select/Select.types.d.ts +26 -1
- package/dist/components/Select/Select.types.d.ts.map +1 -1
- package/dist/components/Select/SelectField.d.ts +1 -1
- package/dist/components/Select/SelectField.d.ts.map +1 -1
- package/dist/components/Select/SelectField.js +3 -2
- package/dist/components/Select/SelectField.js.map +1 -1
- package/dist/components/Select/SelectField.mjs +3 -2
- package/dist/components/Select/SelectField.mjs.map +1 -1
- package/dist/components/Shake/Shake.d.ts +35 -0
- package/dist/components/Shake/Shake.d.ts.map +1 -0
- package/dist/components/Shake/Shake.js +61 -0
- package/dist/components/Shake/Shake.js.map +1 -0
- package/dist/components/Shake/Shake.mjs +59 -0
- package/dist/components/Shake/Shake.mjs.map +1 -0
- package/dist/components/Shake/Shake.styles.d.ts +24 -0
- package/dist/components/Shake/Shake.styles.d.ts.map +1 -0
- package/dist/components/Shake/Shake.styles.js +35 -0
- package/dist/components/Shake/Shake.styles.js.map +1 -0
- package/dist/components/Shake/Shake.styles.mjs +33 -0
- package/dist/components/Shake/Shake.styles.mjs.map +1 -0
- package/dist/components/Shake/Shake.types.d.ts +11 -0
- package/dist/components/Shake/Shake.types.d.ts.map +1 -0
- package/dist/components/Shake/index.d.ts +3 -0
- package/dist/components/Shake/index.d.ts.map +1 -0
- package/dist/components/Slider/Slider.d.ts.map +1 -1
- package/dist/components/Slider/Slider.js +2 -2
- package/dist/components/Slider/Slider.js.map +1 -1
- package/dist/components/Slider/Slider.mjs +3 -3
- package/dist/components/Slider/Slider.mjs.map +1 -1
- package/dist/components/Slider/Slider.types.d.ts +15 -0
- package/dist/components/Slider/Slider.types.d.ts.map +1 -1
- package/dist/components/Spinner/Spinner.d.ts.map +1 -1
- package/dist/components/Spinner/Spinner.js +7 -2
- package/dist/components/Spinner/Spinner.js.map +1 -1
- package/dist/components/Spinner/Spinner.mjs +7 -2
- package/dist/components/Spinner/Spinner.mjs.map +1 -1
- package/dist/components/Spinner/Spinner.styles.d.ts +23 -0
- package/dist/components/Spinner/Spinner.styles.d.ts.map +1 -0
- package/dist/components/Spinner/Spinner.styles.js +36 -0
- package/dist/components/Spinner/Spinner.styles.js.map +1 -0
- package/dist/components/Spinner/Spinner.styles.mjs +34 -0
- package/dist/components/Spinner/Spinner.styles.mjs.map +1 -0
- package/dist/components/SwapTransition/SwapTransition.d.ts +43 -0
- package/dist/components/SwapTransition/SwapTransition.d.ts.map +1 -0
- package/dist/components/SwapTransition/SwapTransition.js +82 -0
- package/dist/components/SwapTransition/SwapTransition.js.map +1 -0
- package/dist/components/SwapTransition/SwapTransition.mjs +80 -0
- package/dist/components/SwapTransition/SwapTransition.mjs.map +1 -0
- package/dist/components/SwapTransition/SwapTransition.styles.d.ts +24 -0
- package/dist/components/SwapTransition/SwapTransition.styles.d.ts.map +1 -0
- package/dist/components/SwapTransition/SwapTransition.styles.js +42 -0
- package/dist/components/SwapTransition/SwapTransition.styles.js.map +1 -0
- package/dist/components/SwapTransition/SwapTransition.styles.mjs +38 -0
- package/dist/components/SwapTransition/SwapTransition.styles.mjs.map +1 -0
- package/dist/components/SwapTransition/SwapTransition.types.d.ts +22 -0
- package/dist/components/SwapTransition/SwapTransition.types.d.ts.map +1 -0
- package/dist/components/SwapTransition/index.d.ts +3 -0
- package/dist/components/SwapTransition/index.d.ts.map +1 -0
- package/dist/components/Switch/SwitchControl.d.ts.map +1 -1
- package/dist/components/Switch/SwitchControl.js +13 -1
- package/dist/components/Switch/SwitchControl.js.map +1 -1
- package/dist/components/Switch/SwitchControl.mjs +13 -1
- package/dist/components/Switch/SwitchControl.mjs.map +1 -1
- package/dist/components/Table/TableContext.d.ts +8 -0
- package/dist/components/Table/TableContext.d.ts.map +1 -1
- package/dist/components/Table/TableContext.js +79 -28
- package/dist/components/Table/TableContext.js.map +1 -1
- package/dist/components/Table/TableContext.mjs +80 -29
- package/dist/components/Table/TableContext.mjs.map +1 -1
- package/dist/components/Table/Td.d.ts.map +1 -1
- package/dist/components/Table/Td.js +12 -8
- package/dist/components/Table/Td.js.map +1 -1
- package/dist/components/Table/Td.mjs +13 -9
- package/dist/components/Table/Td.mjs.map +1 -1
- package/dist/components/Table/Th.d.ts.map +1 -1
- package/dist/components/Table/Th.js +12 -8
- package/dist/components/Table/Th.js.map +1 -1
- package/dist/components/Table/Th.mjs +13 -9
- package/dist/components/Table/Th.mjs.map +1 -1
- package/dist/components/Table/useRegisterStickyWidth.d.ts +48 -0
- package/dist/components/Table/useRegisterStickyWidth.d.ts.map +1 -0
- package/dist/components/Table/useRegisterStickyWidth.js +54 -0
- package/dist/components/Table/useRegisterStickyWidth.js.map +1 -0
- package/dist/components/Table/useRegisterStickyWidth.mjs +52 -0
- package/dist/components/Table/useRegisterStickyWidth.mjs.map +1 -0
- package/dist/components/Tabs/Tab/Tab.styles.d.ts +36 -3
- package/dist/components/Tabs/Tab/Tab.styles.d.ts.map +1 -1
- package/dist/components/Tabs/Tab/Tab.styles.js +48 -5
- package/dist/components/Tabs/Tab/Tab.styles.js.map +1 -1
- package/dist/components/Tabs/Tab/Tab.styles.mjs +48 -6
- package/dist/components/Tabs/Tab/Tab.styles.mjs.map +1 -1
- package/dist/components/Tabs/Tab/index.d.ts +1 -0
- package/dist/components/Tabs/Tab/index.d.ts.map +1 -1
- package/dist/components/Tabs/index.d.ts +1 -1
- package/dist/components/Tabs/index.d.ts.map +1 -1
- package/dist/components/Tag/Tag.d.ts +3 -21
- package/dist/components/Tag/Tag.d.ts.map +1 -1
- package/dist/components/Tag/Tag.js +6 -3
- package/dist/components/Tag/Tag.js.map +1 -1
- package/dist/components/Tag/Tag.mjs +6 -3
- package/dist/components/Tag/Tag.mjs.map +1 -1
- package/dist/components/Tag/Tag.styles.d.ts.map +1 -1
- package/dist/components/Tag/Tag.styles.js +27 -21
- package/dist/components/Tag/Tag.styles.js.map +1 -1
- package/dist/components/Tag/Tag.styles.mjs +27 -21
- package/dist/components/Tag/Tag.styles.mjs.map +1 -1
- package/dist/components/Tag/Tag.types.d.ts +9 -2
- package/dist/components/Tag/Tag.types.d.ts.map +1 -1
- package/dist/components/Tag/index.d.ts +1 -1
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.js +2 -1
- package/dist/components/Textarea/Textarea.js.map +1 -1
- package/dist/components/Textarea/Textarea.mjs +2 -1
- package/dist/components/Textarea/Textarea.mjs.map +1 -1
- package/dist/components/Toast/Toast.d.ts +7 -3
- package/dist/components/Toast/Toast.d.ts.map +1 -1
- package/dist/components/Toast/Toast.js +7 -3
- package/dist/components/Toast/Toast.js.map +1 -1
- package/dist/components/Toast/Toast.mjs +8 -4
- package/dist/components/Toast/Toast.mjs.map +1 -1
- package/dist/components/Toast/Toast.styles.d.ts +8 -0
- package/dist/components/Toast/Toast.styles.d.ts.map +1 -1
- package/dist/components/Toast/Toast.styles.js +59 -0
- package/dist/components/Toast/Toast.styles.js.map +1 -1
- package/dist/components/Toast/Toast.styles.mjs +57 -1
- package/dist/components/Toast/Toast.styles.mjs.map +1 -1
- package/dist/components/Toast/Toast.types.d.ts +25 -1
- package/dist/components/Toast/Toast.types.d.ts.map +1 -1
- package/dist/components/Toast/ToastIcon/ToastIcon.js +4 -4
- package/dist/components/Toast/ToastIcon/ToastIcon.js.map +1 -1
- package/dist/components/Toast/ToastIcon/ToastIcon.mjs +5 -5
- package/dist/components/Toast/ToastIcon/ToastIcon.mjs.map +1 -1
- package/dist/components/Toast/Toaster.d.ts.map +1 -1
- package/dist/components/Toast/Toaster.js +9 -1
- package/dist/components/Toast/Toaster.js.map +1 -1
- package/dist/components/Toast/Toaster.mjs +9 -1
- package/dist/components/Toast/Toaster.mjs.map +1 -1
- package/dist/components/Toast/useToast.d.ts +2 -2
- package/dist/components/Toast/useToast.d.ts.map +1 -1
- package/dist/components/Toast/useToast.js +9 -1
- package/dist/components/Toast/useToast.js.map +1 -1
- package/dist/components/Toast/useToast.mjs +10 -2
- package/dist/components/Toast/useToast.mjs.map +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -1
- package/dist/components/Tooltip/Tooltip.js +15 -1
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.mjs +15 -1
- package/dist/components/Tooltip/Tooltip.mjs.map +1 -1
- package/dist/components/Tree/TreeBranchIndicator.js +1 -1
- package/dist/components/Tree/TreeBranchIndicator.js.map +1 -1
- package/dist/components/Tree/TreeBranchIndicator.mjs +2 -2
- package/dist/components/Tree/TreeBranchIndicator.mjs.map +1 -1
- package/dist/components/Typography/Caption.d.ts +4 -0
- package/dist/components/Typography/Caption.d.ts.map +1 -0
- package/dist/components/Typography/Caption.js +33 -0
- package/dist/components/Typography/Caption.js.map +1 -0
- package/dist/components/Typography/Caption.mjs +31 -0
- package/dist/components/Typography/Caption.mjs.map +1 -0
- package/dist/components/Typography/H1.d.ts +3 -2
- package/dist/components/Typography/H1.d.ts.map +1 -1
- package/dist/components/Typography/H1.js +6 -3
- package/dist/components/Typography/H1.js.map +1 -1
- package/dist/components/Typography/H1.mjs +6 -3
- package/dist/components/Typography/H1.mjs.map +1 -1
- package/dist/components/Typography/H2.d.ts +3 -2
- package/dist/components/Typography/H2.d.ts.map +1 -1
- package/dist/components/Typography/H2.js +6 -3
- package/dist/components/Typography/H2.js.map +1 -1
- package/dist/components/Typography/H2.mjs +6 -3
- package/dist/components/Typography/H2.mjs.map +1 -1
- package/dist/components/Typography/H3.d.ts +3 -2
- package/dist/components/Typography/H3.d.ts.map +1 -1
- package/dist/components/Typography/H3.js +6 -3
- package/dist/components/Typography/H3.js.map +1 -1
- package/dist/components/Typography/H3.mjs +6 -3
- package/dist/components/Typography/H3.mjs.map +1 -1
- package/dist/components/Typography/H4.d.ts +3 -2
- package/dist/components/Typography/H4.d.ts.map +1 -1
- package/dist/components/Typography/H4.js +6 -3
- package/dist/components/Typography/H4.js.map +1 -1
- package/dist/components/Typography/H4.mjs +6 -3
- package/dist/components/Typography/H4.mjs.map +1 -1
- package/dist/components/Typography/H5.d.ts +3 -2
- package/dist/components/Typography/H5.d.ts.map +1 -1
- package/dist/components/Typography/H5.js +6 -3
- package/dist/components/Typography/H5.js.map +1 -1
- package/dist/components/Typography/H5.mjs +6 -3
- package/dist/components/Typography/H5.mjs.map +1 -1
- package/dist/components/Typography/Link.d.ts +39 -3
- package/dist/components/Typography/Link.d.ts.map +1 -1
- package/dist/components/Typography/Link.js +55 -10
- package/dist/components/Typography/Link.js.map +1 -1
- package/dist/components/Typography/Link.mjs +55 -11
- package/dist/components/Typography/Link.mjs.map +1 -1
- package/dist/components/Typography/Overline.d.ts +3 -13
- package/dist/components/Typography/Overline.d.ts.map +1 -1
- package/dist/components/Typography/Overline.js +5 -2
- package/dist/components/Typography/Overline.js.map +1 -1
- package/dist/components/Typography/Overline.mjs +5 -2
- package/dist/components/Typography/Overline.mjs.map +1 -1
- package/dist/components/Typography/Subtext.d.ts +3 -3
- package/dist/components/Typography/Subtext.d.ts.map +1 -1
- package/dist/components/Typography/Subtext.js +5 -2
- package/dist/components/Typography/Subtext.js.map +1 -1
- package/dist/components/Typography/Subtext.mjs +5 -2
- package/dist/components/Typography/Subtext.mjs.map +1 -1
- package/dist/components/Typography/Subtitle.d.ts +3 -2
- package/dist/components/Typography/Subtitle.d.ts.map +1 -1
- package/dist/components/Typography/Subtitle.js +23 -3
- package/dist/components/Typography/Subtitle.js.map +1 -1
- package/dist/components/Typography/Subtitle.mjs +23 -3
- package/dist/components/Typography/Subtitle.mjs.map +1 -1
- package/dist/components/Typography/Text.d.ts +3 -3
- package/dist/components/Typography/Text.d.ts.map +1 -1
- package/dist/components/Typography/Text.js +5 -2
- package/dist/components/Typography/Text.js.map +1 -1
- package/dist/components/Typography/Text.mjs +5 -2
- package/dist/components/Typography/Text.mjs.map +1 -1
- package/dist/components/Typography/Typography.types.d.ts +35 -2
- package/dist/components/Typography/Typography.types.d.ts.map +1 -1
- package/dist/components/Typography/index.d.ts +4 -3
- package/dist/components/Typography/index.d.ts.map +1 -1
- package/dist/components/Workflow/Workflow.d.ts +1 -1
- package/dist/components/Workflow/Workflow.d.ts.map +1 -1
- package/dist/components/Workflow/Workflow.js +2 -2
- package/dist/components/Workflow/Workflow.js.map +1 -1
- package/dist/components/Workflow/Workflow.mjs +2 -2
- package/dist/components/Workflow/Workflow.mjs.map +1 -1
- package/dist/components/Workflow/Workflow.types.d.ts +9 -0
- package/dist/components/Workflow/Workflow.types.d.ts.map +1 -1
- package/dist/components/Workflow/Workflow.types.js.map +1 -1
- package/dist/components/Workflow/Workflow.types.mjs.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/BranchLabelBadge.js +1 -1
- package/dist/components/Workflow/canvas/Canvas/BranchLabelBadge.js.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/BranchLabelBadge.mjs +2 -2
- package/dist/components/Workflow/canvas/Canvas/BranchLabelBadge.mjs.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/Canvas.d.ts +6 -2
- package/dist/components/Workflow/canvas/Canvas/Canvas.d.ts.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/Canvas.js +29 -23
- package/dist/components/Workflow/canvas/Canvas/Canvas.js.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/Canvas.mjs +31 -25
- package/dist/components/Workflow/canvas/Canvas/Canvas.mjs.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/CanvasControls.js +1 -1
- package/dist/components/Workflow/canvas/Canvas/CanvasControls.js.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/CanvasControls.mjs +2 -2
- package/dist/components/Workflow/canvas/Canvas/CanvasControls.mjs.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/LabeledEdge.js +2 -1
- package/dist/components/Workflow/canvas/Canvas/LabeledEdge.js.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/LabeledEdge.mjs +3 -2
- package/dist/components/Workflow/canvas/Canvas/LabeledEdge.mjs.map +1 -1
- package/dist/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.d.ts.map +1 -1
- package/dist/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.js +2 -1
- package/dist/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.js.map +1 -1
- package/dist/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.mjs +3 -2
- package/dist/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.mjs.map +1 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerHeader.js +3 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerHeader.js.map +1 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerHeader.mjs +4 -2
- package/dist/components/Workflow/canvas/DrawerShell/DrawerHeader.mjs.map +1 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerIssues.js +2 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerIssues.js.map +1 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerIssues.mjs +3 -2
- package/dist/components/Workflow/canvas/DrawerShell/DrawerIssues.mjs.map +1 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerShell.js +3 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerShell.js.map +1 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerShell.mjs +4 -2
- package/dist/components/Workflow/canvas/DrawerShell/DrawerShell.mjs.map +1 -1
- package/dist/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.js +1 -0
- package/dist/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.js.map +1 -1
- package/dist/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.mjs +1 -0
- package/dist/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.mjs.map +1 -1
- package/dist/components/Workflow/canvas/FieldWrapper/FieldWrapper.js +2 -1
- package/dist/components/Workflow/canvas/FieldWrapper/FieldWrapper.js.map +1 -1
- package/dist/components/Workflow/canvas/FieldWrapper/FieldWrapper.mjs +3 -2
- package/dist/components/Workflow/canvas/FieldWrapper/FieldWrapper.mjs.map +1 -1
- package/dist/components/Workflow/canvas/GenericNode/GenericNode.js +1 -1
- package/dist/components/Workflow/canvas/GenericNode/GenericNode.js.map +1 -1
- package/dist/components/Workflow/canvas/GenericNode/GenericNode.mjs +2 -2
- package/dist/components/Workflow/canvas/GenericNode/GenericNode.mjs.map +1 -1
- package/dist/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.d.ts.map +1 -1
- package/dist/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.js +2 -1
- package/dist/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.js.map +1 -1
- package/dist/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.mjs +3 -2
- package/dist/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.mjs.map +1 -1
- package/dist/components/Workflow/canvas/IssueList/IssueList.js +1 -0
- package/dist/components/Workflow/canvas/IssueList/IssueList.js.map +1 -1
- package/dist/components/Workflow/canvas/IssueList/IssueList.mjs +1 -0
- package/dist/components/Workflow/canvas/IssueList/IssueList.mjs.map +1 -1
- package/dist/components/Workflow/canvas/NodePalette/NodePalette.d.ts.map +1 -1
- package/dist/components/Workflow/canvas/NodePalette/NodePalette.js +21 -3
- package/dist/components/Workflow/canvas/NodePalette/NodePalette.js.map +1 -1
- package/dist/components/Workflow/canvas/NodePalette/NodePalette.mjs +22 -4
- package/dist/components/Workflow/canvas/NodePalette/NodePalette.mjs.map +1 -1
- package/dist/components/Workflow/canvas/NodePalette/NodePaletteToggle.js +1 -1
- package/dist/components/Workflow/canvas/NodePalette/NodePaletteToggle.js.map +1 -1
- package/dist/components/Workflow/canvas/NodePalette/NodePaletteToggle.mjs +2 -2
- package/dist/components/Workflow/canvas/NodePalette/NodePaletteToggle.mjs.map +1 -1
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.js +4 -3
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.js.map +1 -1
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.mjs +5 -4
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.mjs.map +1 -1
- package/dist/components/Workflow/createNode.d.ts +25 -1
- package/dist/components/Workflow/createNode.d.ts.map +1 -1
- package/dist/components/Workflow/createNode.js +39 -1
- package/dist/components/Workflow/createNode.js.map +1 -1
- package/dist/components/Workflow/createNode.mjs +38 -2
- package/dist/components/Workflow/createNode.mjs.map +1 -1
- package/dist/components/Workflow/index.d.ts +2 -0
- package/dist/components/Workflow/index.d.ts.map +1 -1
- package/dist/components/Workflow/layout/autoLayout.d.ts +10 -0
- package/dist/components/Workflow/layout/autoLayout.d.ts.map +1 -1
- package/dist/components/Workflow/layout/autoLayout.js +4 -0
- package/dist/components/Workflow/layout/autoLayout.js.map +1 -1
- package/dist/components/Workflow/layout/autoLayout.mjs +1 -1
- package/dist/components/Workflow/layout/autoLayout.mjs.map +1 -1
- package/dist/components/Workflow/placement.d.ts +65 -0
- package/dist/components/Workflow/placement.d.ts.map +1 -0
- package/dist/components/Workflow/placement.js +100 -0
- package/dist/components/Workflow/placement.js.map +1 -0
- package/dist/components/Workflow/placement.mjs +96 -0
- package/dist/components/Workflow/placement.mjs.map +1 -0
- package/dist/components/Workflow/useWorkflowActions.d.ts +54 -0
- package/dist/components/Workflow/useWorkflowActions.d.ts.map +1 -0
- package/dist/components/Workflow/useWorkflowActions.js +105 -0
- package/dist/components/Workflow/useWorkflowActions.js.map +1 -0
- package/dist/components/Workflow/useWorkflowActions.mjs +103 -0
- package/dist/components/Workflow/useWorkflowActions.mjs.map +1 -0
- package/dist/icons.js +203 -0
- package/dist/icons.js.map +1 -1
- package/dist/icons.mjs +1 -1
- package/dist/index.d.ts +18 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +81 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +36 -2
- package/dist/index.mjs.map +1 -1
- package/dist/styles.d.ts +21 -0
- package/dist/styles.d.ts.map +1 -0
- package/dist/styles.js +9 -0
- package/dist/styles.js.map +1 -0
- package/dist/styles.mjs +3 -0
- package/dist/styles.mjs.map +1 -0
- package/dist/theme/colors.d.ts +168 -49
- package/dist/theme/colors.d.ts.map +1 -1
- package/dist/theme/colors.js +150 -82
- package/dist/theme/colors.js.map +1 -1
- package/dist/theme/colors.mjs +150 -82
- package/dist/theme/colors.mjs.map +1 -1
- package/dist/theme/formControls.d.ts +56 -0
- package/dist/theme/formControls.d.ts.map +1 -0
- package/dist/theme/formControls.js +62 -0
- package/dist/theme/formControls.js.map +1 -0
- package/dist/theme/formControls.mjs +60 -0
- package/dist/theme/formControls.mjs.map +1 -0
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js +77 -4
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/index.mjs +78 -5
- package/dist/theme/index.mjs.map +1 -1
- package/dist/theme/motion.d.ts +648 -0
- package/dist/theme/motion.d.ts.map +1 -0
- package/dist/theme/motion.js +629 -0
- package/dist/theme/motion.js.map +1 -0
- package/dist/theme/motion.mjs +617 -0
- package/dist/theme/motion.mjs.map +1 -0
- package/dist/theme/recipes/accordion.d.ts +12 -0
- package/dist/theme/recipes/accordion.d.ts.map +1 -0
- package/dist/theme/recipes/accordion.js +25 -0
- package/dist/theme/recipes/accordion.js.map +1 -0
- package/dist/theme/recipes/accordion.mjs +23 -0
- package/dist/theme/recipes/accordion.mjs.map +1 -0
- package/dist/translations/Defaults.translations.json.js +10 -1
- package/dist/translations/Defaults.translations.json.js.map +1 -1
- package/dist/translations/Defaults.translations.json.mjs +10 -2
- package/dist/translations/Defaults.translations.json.mjs.map +1 -1
- package/dist/types/polymorphic.d.ts +101 -0
- package/dist/types/polymorphic.d.ts.map +1 -0
- package/dist/types/polymorphic.js +57 -0
- package/dist/types/polymorphic.js.map +1 -0
- package/dist/types/polymorphic.mjs +55 -0
- package/dist/types/polymorphic.mjs.map +1 -0
- package/dist/utils/cubicBezier.d.ts +30 -0
- package/dist/utils/cubicBezier.d.ts.map +1 -0
- package/dist/utils/cubicBezier.js +67 -0
- package/dist/utils/cubicBezier.js.map +1 -0
- package/dist/utils/cubicBezier.mjs +65 -0
- package/dist/utils/cubicBezier.mjs.map +1 -0
- package/dist/utils/focusRing.d.ts +7 -6
- package/dist/utils/focusRing.d.ts.map +1 -1
- package/dist/utils/focusRing.js +7 -4
- package/dist/utils/focusRing.js.map +1 -1
- package/dist/utils/focusRing.mjs +7 -4
- package/dist/utils/focusRing.mjs.map +1 -1
- package/dist/utils/mergeCss.js +2 -2
- package/dist/utils/mergeCss.js.map +1 -1
- package/dist/utils/mergeCss.mjs +1 -1
- package/dist/utils/staggerProps.d.ts +52 -0
- package/dist/utils/staggerProps.d.ts.map +1 -0
- package/dist/utils/staggerProps.js +62 -0
- package/dist/utils/staggerProps.js.map +1 -0
- package/dist/utils/staggerProps.mjs +59 -0
- package/dist/utils/staggerProps.mjs.map +1 -0
- package/package.json +9 -3
- package/src/components/Accordion/Accordion.presence.test.tsx +54 -0
- package/src/components/Appear/Appear.stories.tsx +219 -0
- package/src/components/Appear/Appear.styles.ts +28 -0
- package/src/components/Appear/Appear.tsx +85 -0
- package/src/components/Appear/Appear.types.ts +18 -0
- package/src/components/Appear/index.ts +2 -0
- package/src/components/Badge/Badge.tsx +8 -4
- package/src/components/Badge/Badge.types.ts +19 -2
- package/src/components/Badge/index.ts +1 -1
- package/src/components/Banner/Banner.tsx +1 -1
- package/src/components/BottomSheet/BottomSheet.stories.tsx +205 -0
- package/src/components/BottomSheet/BottomSheet.styles.ts +162 -0
- package/src/components/BottomSheet/BottomSheet.test.tsx +129 -0
- package/src/components/BottomSheet/BottomSheet.tsx +47 -0
- package/src/components/BottomSheet/BottomSheet.types.ts +50 -0
- package/src/components/BottomSheet/BottomSheetBody.tsx +15 -0
- package/src/components/BottomSheet/BottomSheetCloseButton.tsx +40 -0
- package/src/components/BottomSheet/BottomSheetContent.tsx +43 -0
- package/src/components/BottomSheet/BottomSheetContext.ts +79 -0
- package/src/components/BottomSheet/BottomSheetFooter.tsx +12 -0
- package/src/components/BottomSheet/BottomSheetHeader.tsx +22 -0
- package/src/components/BottomSheet/BottomSheetOverlay.tsx +16 -0
- package/src/components/BottomSheet/index.tsx +22 -0
- package/src/components/Button/Button.cursor.test.tsx +60 -0
- package/src/components/Button/Button.lift.test.tsx +150 -0
- package/src/components/Button/Button.press.test.tsx +54 -0
- package/src/components/Button/Button.stories.tsx +80 -1
- package/src/components/Button/Button.styles.ts +124 -42
- package/src/components/Button/Button.tsx +88 -9
- package/src/components/Button/Button.types.ts +47 -2
- package/src/components/Button/index.tsx +1 -0
- package/src/components/Card/Card.stories.tsx +33 -3
- package/src/components/Card/Card.styles.ts +37 -5
- package/src/components/Card/Card.tsx +13 -6
- package/src/components/Card/Card.types.ts +26 -2
- package/src/components/Card/index.ts +1 -1
- package/src/components/Checkbox/Checkbox.styles.ts +26 -0
- package/src/components/Checkbox/CheckboxControl.tsx +10 -1
- package/src/components/Chip/Chip.tsx +8 -4
- package/src/components/Chip/Chip.types.ts +19 -4
- package/src/components/Chip/index.ts +6 -1
- package/src/components/Collapsible/Collapsible.presence.test.tsx +83 -0
- package/src/components/Collapsible/CollapsibleContent.tsx +13 -1
- package/src/components/ColorMode/ColorModeToggle.tsx +33 -2
- package/src/components/Confetti/Confetti.stories.tsx +88 -0
- package/src/components/Confetti/Confetti.styles.ts +57 -0
- package/src/components/Confetti/Confetti.tsx +182 -0
- package/src/components/Confetti/Confetti.types.ts +13 -0
- package/src/components/Confetti/index.ts +2 -0
- package/src/components/Container/Container.tsx +10 -3
- package/src/components/Container/Container.types.ts +20 -0
- package/src/components/Container/index.ts +1 -0
- package/src/components/CopyableCode/CopyableCode.tsx +99 -4
- package/src/components/CountUp/CountUp.stories.tsx +127 -0
- package/src/components/CountUp/CountUp.tsx +122 -0
- package/src/components/CountUp/CountUp.types.ts +19 -0
- package/src/components/CountUp/index.ts +2 -0
- package/src/components/ErrorFallback/ErrorFallback.tsx +32 -3
- package/src/components/ExpandableText/ExpandableText.stories.tsx +7 -7
- package/src/components/ExpandableText/ExpandableText.tsx +41 -7
- package/src/components/ExpandableText/useExpandableText.ts +90 -103
- package/src/components/FileInput/FileInput.tsx +17 -5
- package/src/components/FileItem/FileItem.tsx +10 -10
- package/src/components/FileList/FileList.tsx +15 -4
- package/src/components/FileList/FileList.types.ts +9 -0
- package/src/components/FlyTo/FlyTo.stories.tsx +157 -0
- package/src/components/FlyTo/FlyTo.styles.ts +31 -0
- package/src/components/FlyTo/FlyTo.tsx +88 -0
- package/src/components/FlyTo/FlyTo.types.ts +15 -0
- package/src/components/FlyTo/index.ts +2 -0
- package/src/components/Form/FieldError/FieldError.test.tsx +33 -0
- package/src/components/Form/FieldError/FieldError.tsx +20 -0
- package/src/components/Form/FieldError/index.ts +2 -0
- package/src/components/Form/FieldHelp/FieldHelp.tsx +18 -0
- package/src/components/Form/FieldHelp/index.ts +2 -0
- package/src/components/Form/FieldLabel/FieldLabel.tsx +46 -0
- package/src/components/Form/FieldLabel/FieldLabel.types.ts +21 -0
- package/src/components/Form/FieldLabel/index.ts +2 -0
- package/src/components/Form/FieldRow/FieldRow.stories.tsx +85 -0
- package/src/components/Form/FieldRow/FieldRow.test.tsx +89 -0
- package/src/components/Form/FieldRow/FieldRow.tsx +46 -0
- package/src/components/Form/FieldRow/FieldRow.types.ts +32 -0
- package/src/components/Form/FieldRow/index.ts +2 -0
- package/src/components/Form/FormFooter/FormFooter.stories.tsx +70 -0
- package/src/components/Form/FormFooter/FormFooter.test.tsx +67 -0
- package/src/components/Form/FormFooter/FormFooter.tsx +46 -0
- package/src/components/Form/FormFooter/FormFooter.types.ts +23 -0
- package/src/components/Form/FormFooter/index.ts +2 -0
- package/src/components/Form/FormModalFooter/FormModalFooter.stories.tsx +64 -0
- package/src/components/Form/FormModalFooter/FormModalFooter.test.tsx +155 -0
- package/src/components/Form/FormModalFooter/FormModalFooter.tsx +83 -0
- package/src/components/Form/FormModalFooter/FormModalFooter.types.ts +53 -0
- package/src/components/Form/FormModalFooter/index.ts +2 -0
- package/src/components/Form/FormScrollArea/FormScrollArea.tsx +27 -0
- package/src/components/Form/FormScrollArea/index.ts +1 -0
- package/src/components/Form/FormSection/CollapsibleFormSection.tsx +35 -0
- package/src/components/Form/FormSection/FlatFormSection.tsx +41 -0
- package/src/components/Form/FormSection/FormSection.stories.tsx +115 -0
- package/src/components/Form/FormSection/FormSection.test.tsx +89 -0
- package/src/components/Form/FormSection/FormSection.tsx +33 -0
- package/src/components/Form/FormSection/FormSection.types.ts +34 -0
- package/src/components/Form/FormSection/index.ts +2 -0
- package/src/components/Form/FormSectionHeader/FormSectionHeader.stories.tsx +53 -0
- package/src/components/Form/FormSectionHeader/FormSectionHeader.test.tsx +74 -0
- package/src/components/Form/FormSectionHeader/FormSectionHeader.tsx +48 -0
- package/src/components/Form/FormSectionHeader/FormSectionHeader.types.ts +17 -0
- package/src/components/Form/FormSectionHeader/index.ts +2 -0
- package/src/components/Form/index.ts +17 -0
- package/src/components/Icon/ICON_MANAGEMENT.md +1 -0
- package/src/components/Icon/Icon.stories.tsx +6 -2
- package/src/components/Icon/_constants/iconList.ts +523 -299
- package/src/components/Icon/_utils/createIcon.tsx +1 -0
- package/src/components/Icon/index.tsx +210 -27
- package/src/components/IconButton/IconButton.tsx +14 -3
- package/src/components/IconButton/IconButton.types.ts +19 -2
- package/src/components/IconButton/index.tsx +1 -0
- package/src/components/InfoSprinkle/InfoSprinkle.tsx +0 -1
- package/src/components/InlineCode/InlineCode.tsx +9 -2
- package/src/components/Input/Input.stories.tsx +5 -5
- package/src/components/Input/Input.tsx +2 -0
- package/src/components/Loaders/PageLoader.tsx +8 -7
- package/src/components/Loaders/SectionLoader.tsx +5 -3
- package/src/components/Markdown/Markdown.tsx +6 -1
- package/src/components/Menu/MenuItem.tsx +11 -3
- package/src/components/Menu/MenuItem.types.ts +23 -2
- package/src/components/Menu/MenuList.tsx +35 -3
- package/src/components/Modal/Modal.stories.tsx +7 -6
- package/src/components/Modal/Modal.styles.ts +19 -0
- package/src/components/Modal/Modal.tsx +8 -2
- package/src/components/Modal/Modal.types.ts +10 -2
- package/src/components/Modal/ModalContent/ModalContent.tsx +10 -1
- package/src/components/Modal/ModalContext.ts +1 -1
- package/src/components/Modal/ModalOverlay.tsx +9 -1
- package/src/components/Pagination/Pagination.tsx +8 -3
- package/src/components/PasswordInput/PasswordInput.tsx +3 -2
- package/src/components/PinInput/PinInput.stories.tsx +36 -9
- package/src/components/PinInput/PinInput.tsx +54 -45
- package/src/components/PinInput/PinInput.types.ts +17 -25
- package/src/components/Popover/PopoverContent.tsx +3 -0
- package/src/components/ProgressBar/ProgressBar.indeterminate.test.tsx +55 -0
- package/src/components/ProgressBar/ProgressBar.styles.ts +26 -0
- package/src/components/ProgressBar/ProgressBar.tsx +34 -7
- package/src/components/ProgressBar/ProgressBar.types.ts +10 -0
- package/src/components/Pulse/Pulse.remount.test.tsx +179 -0
- package/src/components/Pulse/Pulse.stories.tsx +74 -0
- package/src/components/Pulse/Pulse.styles.ts +42 -0
- package/src/components/Pulse/Pulse.tsx +82 -0
- package/src/components/Pulse/Pulse.types.ts +12 -0
- package/src/components/Pulse/index.ts +2 -0
- package/src/components/Radio/Radio.stories.tsx +34 -22
- package/src/components/Radio/Radio.styles.ts +24 -0
- package/src/components/Radio/RadioControl.tsx +33 -6
- package/src/components/Reveal/Reveal.stories.tsx +61 -0
- package/src/components/Reveal/Reveal.styles.ts +38 -0
- package/src/components/Reveal/Reveal.test.tsx +80 -0
- package/src/components/Reveal/Reveal.tsx +62 -0
- package/src/components/Reveal/Reveal.types.ts +6 -0
- package/src/components/Reveal/index.ts +2 -0
- package/src/components/SeeMoreButton/SeeMoreButton.tsx +12 -5
- package/src/components/SeeMoreButton/SeeMoreButton.types.ts +14 -3
- package/src/components/SegmentedControl/SegmentedControl.styles.ts +22 -0
- package/src/components/SegmentedControl/SegmentedControl.timing.test.tsx +81 -0
- package/src/components/SegmentedControl/SegmentedControl.tsx +7 -1
- package/src/components/Select/Combobox.tsx +7 -1
- package/src/components/Select/ComboboxField.tsx +11 -1
- package/src/components/Select/Comparison.stories.tsx +19 -0
- package/src/components/Select/Select.tsx +3 -0
- package/src/components/Select/Select.types.ts +26 -1
- package/src/components/Select/SelectField.tsx +23 -3
- package/src/components/Shake/Shake.stories.tsx +155 -0
- package/src/components/Shake/Shake.styles.ts +31 -0
- package/src/components/Shake/Shake.tsx +79 -0
- package/src/components/Shake/Shake.types.ts +11 -0
- package/src/components/Shake/index.ts +2 -0
- package/src/components/Slider/Slider.tsx +16 -1
- package/src/components/Slider/Slider.types.ts +15 -0
- package/src/components/Spinner/Spinner.styles.ts +32 -0
- package/src/components/Spinner/Spinner.tsx +9 -2
- package/src/components/SwapTransition/SwapTransition.stories.tsx +229 -0
- package/src/components/SwapTransition/SwapTransition.styles.ts +38 -0
- package/src/components/SwapTransition/SwapTransition.test.tsx +127 -0
- package/src/components/SwapTransition/SwapTransition.tsx +130 -0
- package/src/components/SwapTransition/SwapTransition.types.ts +22 -0
- package/src/components/SwapTransition/index.ts +2 -0
- package/src/components/Switch/SwitchControl.tsx +11 -1
- package/src/components/Table/Table.stories.tsx +253 -0
- package/src/components/Table/TableContext.tsx +101 -35
- package/src/components/Table/Td.tsx +13 -8
- package/src/components/Table/Th.tsx +13 -8
- package/src/components/Table/contextStability.test.tsx +140 -0
- package/src/components/Table/stickyWidth.test.tsx +138 -0
- package/src/components/Table/useRegisterStickyWidth.ts +83 -0
- package/src/components/Tabs/Tab/Tab.styles.ts +48 -5
- package/src/components/Tabs/Tab/index.ts +1 -0
- package/src/components/Tabs/index.tsx +1 -1
- package/src/components/Tag/Tag.styles.ts +27 -21
- package/src/components/Tag/Tag.tsx +14 -4
- package/src/components/Tag/Tag.types.ts +17 -4
- package/src/components/Tag/index.ts +6 -1
- package/src/components/Textarea/Textarea.tsx +2 -0
- package/src/components/Toast/Toast.action.test.tsx +135 -0
- package/src/components/Toast/Toast.stories.tsx +111 -0
- package/src/components/Toast/Toast.styles.ts +60 -0
- package/src/components/Toast/Toast.tsx +16 -3
- package/src/components/Toast/Toast.types.ts +26 -1
- package/src/components/Toast/ToastIcon/ToastIcon.tsx +8 -8
- package/src/components/Toast/Toaster.tsx +11 -0
- package/src/components/Toast/useToast.tsx +17 -2
- package/src/components/Tooltip/Tooltip.instant.test.tsx +43 -0
- package/src/components/Tooltip/Tooltip.tsx +15 -1
- package/src/components/Tree/TreeBranchIndicator.tsx +4 -4
- package/src/components/Typography/Caption.tsx +41 -0
- package/src/components/Typography/H1.tsx +10 -3
- package/src/components/Typography/H2.tsx +10 -3
- package/src/components/Typography/H3.tsx +10 -4
- package/src/components/Typography/H4.tsx +10 -3
- package/src/components/Typography/H5.tsx +10 -3
- package/src/components/Typography/Link.tsx +71 -12
- package/src/components/Typography/Overline.tsx +9 -3
- package/src/components/Typography/Subtext.tsx +9 -3
- package/src/components/Typography/Subtitle.tsx +26 -4
- package/src/components/Typography/Text.tsx +9 -3
- package/src/components/Typography/Typography.stories.tsx +69 -1
- package/src/components/Typography/Typography.types.ts +47 -2
- package/src/components/Typography/index.ts +9 -2
- package/src/components/Workflow/README.md +64 -0
- package/src/components/Workflow/Workflow.tsx +2 -0
- package/src/components/Workflow/Workflow.types.ts +10 -0
- package/src/components/Workflow/canvas/Canvas/BranchLabelBadge.tsx +3 -3
- package/src/components/Workflow/canvas/Canvas/Canvas.tsx +57 -53
- package/src/components/Workflow/canvas/Canvas/CanvasControls.tsx +15 -15
- package/src/components/Workflow/canvas/Canvas/LabeledEdge.tsx +2 -2
- package/src/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.tsx +8 -4
- package/src/components/Workflow/canvas/DrawerShell/DrawerHeader.tsx +3 -3
- package/src/components/Workflow/canvas/DrawerShell/DrawerIssues.tsx +2 -2
- package/src/components/Workflow/canvas/DrawerShell/DrawerShell.tsx +2 -2
- package/src/components/Workflow/canvas/FieldWrapper/FieldWrapper.tsx +3 -3
- package/src/components/Workflow/canvas/GenericNode/GenericNode.tsx +2 -2
- package/src/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.tsx +8 -5
- package/src/components/Workflow/canvas/NodePalette/NodePalette.tsx +15 -5
- package/src/components/Workflow/canvas/NodePalette/NodePaletteToggle.tsx +2 -2
- package/src/components/Workflow/canvas/NodeShell/NodeShell.tsx +4 -4
- package/src/components/Workflow/createNode.test.ts +40 -2
- package/src/components/Workflow/createNode.ts +70 -2
- package/src/components/Workflow/index.ts +8 -0
- package/src/components/Workflow/layout/autoLayout.ts +4 -4
- package/src/components/Workflow/placement.test.ts +156 -0
- package/src/components/Workflow/placement.ts +172 -0
- package/src/components/Workflow/stories/Workflow.stories.tsx +79 -0
- package/src/components/Workflow/stories/toyNodeTypes.tsx +4 -4
- package/src/components/Workflow/useWorkflowActions.test.tsx +345 -0
- package/src/components/Workflow/useWorkflowActions.ts +196 -0
- package/src/components/a11y.kwcag.test.tsx +502 -0
- package/src/components/componentMotion.test.ts +110 -0
- package/src/guidelines/FeedbackActions.mdx +133 -0
- package/src/index.ts +60 -0
- package/src/styles.ts +20 -0
- package/src/test-support/setup.ts +13 -0
- package/src/theme/Motion.stories.tsx +1613 -0
- package/src/theme/MotionCases.stories.tsx +679 -0
- package/src/theme/Palette.stories.tsx +72 -23
- package/src/theme/animationStyles.test.ts +185 -0
- package/src/theme/claude.md +121 -2
- package/src/theme/colors.ts +154 -83
- package/src/theme/formControls.ts +58 -0
- package/src/theme/index.ts +82 -4
- package/src/theme/motion.test.ts +50 -0
- package/src/theme/motion.ts +668 -0
- package/src/theme/motionGuards.test.ts +137 -0
- package/src/theme/recipes/accordion.ts +20 -0
- package/src/translations/Defaults.translations.json +8 -1
- package/src/types/polymorphic.ts +114 -0
- package/src/utils/cubicBezier.ts +69 -0
- package/src/utils/focusRing.ts +7 -4
- package/src/utils/mergeCss.ts +1 -1
- package/src/utils/staggerProps.test.ts +105 -0
- package/src/utils/staggerProps.ts +63 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorFallback.js","sources":["../../../src/components/ErrorFallback/ErrorFallback.tsx"],"sourcesContent":[null],"names":["useTranslate","useToast","_jsx","Flex","Container","Card","_jsxs","VStack","Box","MdError","H1","Subtitle","Text","H4","Subtext","Button","FaRegCopy","HiRefresh"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ErrorFallback.js","sources":["../../../src/components/ErrorFallback/ErrorFallback.tsx"],"sourcesContent":[null],"names":["useTranslate","useToast","useId","_jsx","Flex","Container","Card","_jsxs","VStack","Box","MdError","H1","Subtitle","Text","H4","Subtext","Button","FaRegCopy","HiRefresh"],"mappings":"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"}
|
|
@@ -1,14 +1,15 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
+
import { useId } from 'react';
|
|
3
4
|
import { Flex, VStack, Box } from '@chakra-ui/react';
|
|
4
5
|
import { useTranslate } from '../../hooks/useTranslate.mjs';
|
|
5
6
|
import { Button } from '../Button/Button.mjs';
|
|
6
7
|
import { Card } from '../Card/Card.mjs';
|
|
7
8
|
import { Container } from '../Container/Container.mjs';
|
|
8
|
-
import 'react';
|
|
9
9
|
import '../../theme/index.mjs';
|
|
10
10
|
import { MdError, FaRegCopy, HiRefresh } from '../Icon/index.mjs';
|
|
11
11
|
import { useToast } from '../Toast/useToast.mjs';
|
|
12
|
+
import '../Typography/Caption.mjs';
|
|
12
13
|
import { H1 } from '../Typography/H1.mjs';
|
|
13
14
|
import '../Typography/H2.mjs';
|
|
14
15
|
import '../Typography/H3.mjs';
|
|
@@ -23,6 +24,8 @@ import { Text } from '../Typography/Text.mjs';
|
|
|
23
24
|
function ErrorFallback({ error, errorId, timestamp, componentName, userId, onErrorReset, }) {
|
|
24
25
|
const translate = useTranslate();
|
|
25
26
|
const showToast = useToast();
|
|
27
|
+
// Names the landmark below with the same words the card shows as its title.
|
|
28
|
+
const titleId = useId();
|
|
26
29
|
const errorInfo = {
|
|
27
30
|
errorId: errorId ??
|
|
28
31
|
`ERR-${Date.now().toString(36)}-${Math.random().toString(36).slice(2, 7)}`.toUpperCase(),
|
|
@@ -58,7 +61,19 @@ User Agent: ${errorInfo.userAgent}`;
|
|
|
58
61
|
});
|
|
59
62
|
});
|
|
60
63
|
};
|
|
61
|
-
return (
|
|
64
|
+
return (
|
|
65
|
+
// A landmark, and a named one. This card replaces whatever failed — often
|
|
66
|
+
// the whole page, so the host's `<main>` goes with it — and a screen-reader
|
|
67
|
+
// user then has nothing to navigate by: axe reports every node under
|
|
68
|
+
// `region`, and there is no landmark to jump to (KWCAG 2.1 5.2.4.1 반복
|
|
69
|
+
// 영역 건너뛰기). A `<section>` labelled by the error title is a region
|
|
70
|
+
// landmark wherever it renders, which `<main>` would not be — a segment-level
|
|
71
|
+
// boundary leaves the host's `<main>` in place, and two of those is its own
|
|
72
|
+
// failure.
|
|
73
|
+
jsx(Flex, { as: "section", "aria-labelledby": titleId,
|
|
74
|
+
// `svh`: `100vh` is the largest mobile viewport and overflows under
|
|
75
|
+
// the URL bar.
|
|
76
|
+
minH: "100svh", align: "center", justify: "center", p: 8, children: jsx(Container, { disableResponsive: true, maxW: "container.sm", children: jsx(Card, { p: 12, textAlign: "center", w: "full", bgColor: "bg.surface", boxShadow: "2xl", children: jsxs(VStack, { gap: 6, align: "center", w: "full", mx: "auto", children: [jsx(Box, { position: "relative", p: 4, bg: "danger.extralight", borderRadius: "full", children: jsx(MdError, { boxSize: "xl", color: "danger.main" }) }), jsxs(VStack, { gap: 3, align: "center", w: "full", children: [jsx(H1, { id: titleId, color: "fg.default", textStyle: "h2", fontWeight: "bold", children: translate('error_boundary_title') }), jsx(Subtitle, { color: "fg.muted", textStyle: "h5", maxW: "md", children: translate('error_boundary_subtitle') })] }), jsx(Card, { bg: "danger.extralight", border: "1px solid", borderColor: "danger.lighter", p: 4, w: "full", children: jsx(Text, { color: "danger.dark", fontFamily: "mono", wordBreak: "break-word", children: error?.message || translate('error_boundary_default_message') }) }), jsxs(Card, { bg: "primary.extralight", borderColor: "primary.lighter", p: 6, w: "full", children: [jsx(H4, { as: "h2", color: "primary.dark", mb: 4, textAlign: "center", children: translate('support_information') }), jsxs(VStack, { gap: 2, align: "stretch", mb: 4, children: [jsxs(Flex, { justify: "space-between", children: [jsxs(Text, { color: "primary.main", fontWeight: "semibold", children: [translate('error_id'), ":"] }), jsx(Text, { fontFamily: "mono", children: errorInfo.errorId })] }), jsxs(Flex, { justify: "space-between", children: [jsxs(Text, { color: "primary.main", fontWeight: "semibold", children: [translate('time'), ":"] }), jsx(Subtext, { fontFamily: "mono", children: new Date().toLocaleString() })] }), jsxs(Flex, { justify: "space-between", children: [jsxs(Text, { color: "primary.main", fontWeight: "semibold", children: [translate('component'), ":"] }), jsx(Text, { fontFamily: "mono", children: componentName || translate('unknown') })] }), jsxs(Flex, { justify: "space-between", children: [jsxs(Text, { color: "primary.main", fontWeight: "semibold", children: [translate('user_id'), ":"] }), jsx(Text, { fontFamily: "mono", children: userId ?? translate('anonymous') })] }), typeof window !== 'undefined' && (jsxs(Flex, { justify: "space-between", children: [jsxs(Text, { color: "primary.main", fontWeight: "semibold", children: [translate('page'), ":"] }), jsx(Subtext, { fontFamily: "mono", children: window.location.pathname })] }))] }), jsxs(Flex, { justify: "space-between", align: "flex-end", gap: 4, children: [jsx(Text, { textAlign: "left", children: translate('support_help_text') }), jsxs(Button, { onClick: copyErrorInfo, size: "sm", minW: "fit-content", variant: "ghost", children: [jsx(FaRegCopy, { boxSize: "xs" }), " ", translate('copy_error_details')] })] })] }), jsxs(VStack, { gap: 3, w: "full", align: "center", children: [jsxs(Button, { onClick: onErrorReset, size: "lg", variant: "solid", _hover: {
|
|
62
77
|
transform: 'translateY(-1px)',
|
|
63
78
|
boxShadow: 'lg',
|
|
64
79
|
}, w: "full", maxW: "300px", children: [jsx(HiRefresh, {}), " ", translate('try_again')] }), jsxs(Button, { onClick: () => window.location.reload(), size: "sm", variant: "ghost", children: [jsx(HiRefresh, {}), " ", translate('refresh_page')] })] })] }) }) }) }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ErrorFallback.mjs","sources":["../../../src/components/ErrorFallback/ErrorFallback.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ErrorFallback.mjs","sources":["../../../src/components/ErrorFallback/ErrorFallback.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -1,20 +1,41 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import { TypographyProps } from '@/components/Typography';
|
|
3
2
|
declare const TEXT_COMPONENTS: {
|
|
4
|
-
readonly Text:
|
|
5
|
-
readonly Subtitle:
|
|
6
|
-
readonly Subtext:
|
|
7
|
-
readonly H1:
|
|
8
|
-
readonly H2:
|
|
9
|
-
readonly H3:
|
|
10
|
-
readonly H4:
|
|
11
|
-
readonly H5:
|
|
3
|
+
readonly Text: import("../..").PolymorphicComponent<import("@/components/Typography").TypographyOwnProps, "p">;
|
|
4
|
+
readonly Subtitle: import("../..").PolymorphicComponent<import("@/components/Typography").TypographyOwnProps, "p">;
|
|
5
|
+
readonly Subtext: import("../..").PolymorphicComponent<import("@/components/Typography").TypographyOwnProps, "p">;
|
|
6
|
+
readonly H1: import("../..").PolymorphicComponent<import("@/components/Typography").HeadingOwnProps, "h1">;
|
|
7
|
+
readonly H2: import("../..").PolymorphicComponent<import("@/components/Typography").HeadingOwnProps, "h2">;
|
|
8
|
+
readonly H3: import("../..").PolymorphicComponent<import("@/components/Typography").HeadingOwnProps, "h3">;
|
|
9
|
+
readonly H4: import("../..").PolymorphicComponent<import("@/components/Typography").HeadingOwnProps, "h4">;
|
|
10
|
+
readonly H5: import("../..").PolymorphicComponent<import("@/components/Typography").HeadingOwnProps, "h5">;
|
|
12
11
|
};
|
|
13
12
|
export type TextComponentType = keyof typeof TEXT_COMPONENTS;
|
|
14
13
|
export type ExpandableTextProps = {
|
|
14
|
+
/**
|
|
15
|
+
* How many lines to show while collapsed.
|
|
16
|
+
* @default 3
|
|
17
|
+
*/
|
|
18
|
+
lineClamp?: number;
|
|
19
|
+
/**
|
|
20
|
+
* @deprecated Truncation is by line, not by character — a character count
|
|
21
|
+
* cannot be clipped by CSS, and clipping by CSS is what lets the expansion
|
|
22
|
+
* animate. This prop is ignored; use {@link ExpandableTextProps.lineClamp}.
|
|
23
|
+
*/
|
|
15
24
|
charLimit?: number;
|
|
16
25
|
component?: TextComponentType;
|
|
17
26
|
} & TypographyProps;
|
|
18
|
-
|
|
27
|
+
/**
|
|
28
|
+
* Text clipped to a few lines, with a link that opens it.
|
|
29
|
+
*
|
|
30
|
+
* Opening animates the height rather than swapping the text, so the content
|
|
31
|
+
* below slides down instead of jumping — this is text someone is part-way
|
|
32
|
+
* through reading, and a jump costs them their place.
|
|
33
|
+
*
|
|
34
|
+
* @example
|
|
35
|
+
* ```tsx
|
|
36
|
+
* <ExpandableText lineClamp={2}>{longDescription}</ExpandableText>
|
|
37
|
+
* ```
|
|
38
|
+
*/
|
|
39
|
+
export declare const ExpandableText: ({ lineClamp, charLimit: _charLimit, component, children, ...rest }: ExpandableTextProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
40
|
export {};
|
|
20
41
|
//# sourceMappingURL=ExpandableText.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableText.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableText/ExpandableText.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ExpandableText.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableText/ExpandableText.tsx"],"names":[],"mappings":"AAGA,OAAO,EAUL,eAAe,EAChB,MAAM,yBAAyB,CAAC;AAMjC,QAAA,MAAM,eAAe;;;;;;;;;CASX,CAAC;AAEX,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,eAAe,CAAC;AAE7D,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,iBAAiB,CAAC;CAC/B,GAAG,eAAe,CAAC;AAEpB;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,cAAc,GAAI,oEAM5B,mBAAmB,4CAmCrB,CAAC"}
|
|
@@ -2,6 +2,8 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var react = require('@chakra-ui/react');
|
|
6
|
+
require('../Typography/Caption.js');
|
|
5
7
|
var H1 = require('../Typography/H1.js');
|
|
6
8
|
var H2 = require('../Typography/H2.js');
|
|
7
9
|
var H3 = require('../Typography/H3.js');
|
|
@@ -26,11 +28,28 @@ const TEXT_COMPONENTS = {
|
|
|
26
28
|
H4: H4.H4,
|
|
27
29
|
H5: H5.H5,
|
|
28
30
|
};
|
|
29
|
-
|
|
31
|
+
/**
|
|
32
|
+
* Text clipped to a few lines, with a link that opens it.
|
|
33
|
+
*
|
|
34
|
+
* Opening animates the height rather than swapping the text, so the content
|
|
35
|
+
* below slides down instead of jumping — this is text someone is part-way
|
|
36
|
+
* through reading, and a jump costs them their place.
|
|
37
|
+
*
|
|
38
|
+
* @example
|
|
39
|
+
* ```tsx
|
|
40
|
+
* <ExpandableText lineClamp={2}>{longDescription}</ExpandableText>
|
|
41
|
+
* ```
|
|
42
|
+
*/
|
|
43
|
+
const ExpandableText = ({ lineClamp = 3, charLimit: _charLimit, component = 'Text', children, ...rest }) => {
|
|
30
44
|
const translate = useTranslate.useTranslate();
|
|
31
|
-
const {
|
|
45
|
+
const { contentRef, isExpanded, isOverflowing, maxHeight, handleToggle } = useExpandableText.useExpandableText(lineClamp);
|
|
32
46
|
const Component = TEXT_COMPONENTS[component];
|
|
33
|
-
return (jsxRuntime.jsxs(Component, { ...rest, children: [
|
|
47
|
+
return (jsxRuntime.jsxs(Component, { ...rest, children: [jsxRuntime.jsx(react.Box, { ref: contentRef, overflow: "hidden",
|
|
48
|
+
// `lh` is the line box, so the resting height is a whole number of lines
|
|
49
|
+
// and the cut always lands between them. Where `lh` is unsupported the
|
|
50
|
+
// declaration is dropped and the text simply shows in full — degraded,
|
|
51
|
+
// not broken.
|
|
52
|
+
maxHeight: maxHeight ?? `${lineClamp}lh`, animationStyle: "travel", transitionProperty: "max-height", children: children }), (isOverflowing || isExpanded) && (jsxRuntime.jsx(Link.Link, { as: "button", textDecor: "none", _hover: { color: 'primary.dark' }, onClick: handleToggle, "aria-expanded": isExpanded, children: isExpanded ? translate('see_less') : translate('see_more') }))] }));
|
|
34
53
|
};
|
|
35
54
|
|
|
36
55
|
exports.ExpandableText = ExpandableText;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableText.js","sources":["../../../src/components/ExpandableText/ExpandableText.tsx"],"sourcesContent":[null],"names":["Text","Subtitle","Subtext","H1","H2","H3","H4","H5","useTranslate","useExpandableText","_jsxs","_jsx","Link"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ExpandableText.js","sources":["../../../src/components/ExpandableText/ExpandableText.tsx"],"sourcesContent":[null],"names":["Text","Subtitle","Subtext","H1","H2","H3","H4","H5","useTranslate","useExpandableText","_jsxs","_jsx","Box","Link"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA;AACA,MAAM,eAAe,GAAG;UACtBA,SAAI;cACJC,iBAAQ;aACRC,eAAO;QACPC,KAAE;QACFC,KAAE;QACFC,KAAE;QACFC,KAAE;QACFC,KAAE;CACM;AAmBV;;;;;;;;;;;AAWG;AACI,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,GAAG,CAAC,EACb,SAAS,EAAE,UAAU,EACrB,SAAS,GAAG,MAAM,EAClB,QAAQ,EACR,GAAG,IAAI,EACa,KAAI;AACxB,IAAA,MAAM,SAAS,GAAGC,yBAAY,EAAE;AAChC,IAAA,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,GACtEC,mCAAiB,CAAC,SAAS,CAAC;AAE9B,IAAA,MAAM,SAAS,GAAG,eAAe,CAAC,SAAS,CAAC;AAE5C,IAAA,QACEC,eAAA,CAAC,SAAS,EAAA,EAAA,GAAK,IAAI,EAAA,QAAA,EAAA,CACjBC,cAAA,CAACC,SAAG,EAAA,EACF,GAAG,EAAE,UAAU,EACf,QAAQ,EAAC,QAAQ;;;;;AAKjB,gBAAA,SAAS,EAAE,SAAS,IAAI,CAAA,EAAG,SAAS,CAAA,EAAA,CAAI,EACxC,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,YAAY,EAAA,QAAA,EAE9B,QAAQ,EAAA,CACL,EACL,CAAC,aAAa,IAAI,UAAU,MAC3BD,cAAA,CAACE,SAAI,EAAA,EACH,EAAE,EAAC,QAAQ,EACX,SAAS,EAAC,MAAM,EAChB,MAAM,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,EACjC,OAAO,EAAE,YAAY,EAAA,eAAA,EACN,UAAU,YAExB,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC,UAAU,CAAC,EAAA,CACtD,CACR,CAAA,EAAA,CACS;AAEhB;;;;"}
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { Box } from '@chakra-ui/react';
|
|
4
|
+
import '../Typography/Caption.mjs';
|
|
3
5
|
import { H1 } from '../Typography/H1.mjs';
|
|
4
6
|
import { H2 } from '../Typography/H2.mjs';
|
|
5
7
|
import { H3 } from '../Typography/H3.mjs';
|
|
@@ -24,11 +26,28 @@ const TEXT_COMPONENTS = {
|
|
|
24
26
|
H4,
|
|
25
27
|
H5,
|
|
26
28
|
};
|
|
27
|
-
|
|
29
|
+
/**
|
|
30
|
+
* Text clipped to a few lines, with a link that opens it.
|
|
31
|
+
*
|
|
32
|
+
* Opening animates the height rather than swapping the text, so the content
|
|
33
|
+
* below slides down instead of jumping — this is text someone is part-way
|
|
34
|
+
* through reading, and a jump costs them their place.
|
|
35
|
+
*
|
|
36
|
+
* @example
|
|
37
|
+
* ```tsx
|
|
38
|
+
* <ExpandableText lineClamp={2}>{longDescription}</ExpandableText>
|
|
39
|
+
* ```
|
|
40
|
+
*/
|
|
41
|
+
const ExpandableText = ({ lineClamp = 3, charLimit: _charLimit, component = 'Text', children, ...rest }) => {
|
|
28
42
|
const translate = useTranslate();
|
|
29
|
-
const {
|
|
43
|
+
const { contentRef, isExpanded, isOverflowing, maxHeight, handleToggle } = useExpandableText(lineClamp);
|
|
30
44
|
const Component = TEXT_COMPONENTS[component];
|
|
31
|
-
return (jsxs(Component, { ...rest, children: [
|
|
45
|
+
return (jsxs(Component, { ...rest, children: [jsx(Box, { ref: contentRef, overflow: "hidden",
|
|
46
|
+
// `lh` is the line box, so the resting height is a whole number of lines
|
|
47
|
+
// and the cut always lands between them. Where `lh` is unsupported the
|
|
48
|
+
// declaration is dropped and the text simply shows in full — degraded,
|
|
49
|
+
// not broken.
|
|
50
|
+
maxHeight: maxHeight ?? `${lineClamp}lh`, animationStyle: "travel", transitionProperty: "max-height", children: children }), (isOverflowing || isExpanded) && (jsx(Link, { as: "button", textDecor: "none", _hover: { color: 'primary.dark' }, onClick: handleToggle, "aria-expanded": isExpanded, children: isExpanded ? translate('see_less') : translate('see_more') }))] }));
|
|
32
51
|
};
|
|
33
52
|
|
|
34
53
|
export { ExpandableText };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableText.mjs","sources":["../../../src/components/ExpandableText/ExpandableText.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ExpandableText.mjs","sources":["../../../src/components/ExpandableText/ExpandableText.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;AAmBA;AACA,MAAM,eAAe,GAAG;IACtB,IAAI;IACJ,QAAQ;IACR,OAAO;IACP,EAAE;IACF,EAAE;IACF,EAAE;IACF,EAAE;IACF,EAAE;CACM;AAmBV;;;;;;;;;;;AAWG;AACI,MAAM,cAAc,GAAG,CAAC,EAC7B,SAAS,GAAG,CAAC,EACb,SAAS,EAAE,UAAU,EACrB,SAAS,GAAG,MAAM,EAClB,QAAQ,EACR,GAAG,IAAI,EACa,KAAI;AACxB,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAChC,IAAA,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE,GACtE,iBAAiB,CAAC,SAAS,CAAC;AAE9B,IAAA,MAAM,SAAS,GAAG,eAAe,CAAC,SAAS,CAAC;AAE5C,IAAA,QACEA,IAAA,CAAC,SAAS,EAAA,EAAA,GAAK,IAAI,EAAA,QAAA,EAAA,CACjBC,GAAA,CAAC,GAAG,EAAA,EACF,GAAG,EAAE,UAAU,EACf,QAAQ,EAAC,QAAQ;;;;;AAKjB,gBAAA,SAAS,EAAE,SAAS,IAAI,CAAA,EAAG,SAAS,CAAA,EAAA,CAAI,EACxC,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,YAAY,EAAA,QAAA,EAE9B,QAAQ,EAAA,CACL,EACL,CAAC,aAAa,IAAI,UAAU,MAC3BA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAC,QAAQ,EACX,SAAS,EAAC,MAAM,EAChB,MAAM,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,EACjC,OAAO,EAAE,YAAY,EAAA,eAAA,EACN,UAAU,YAExB,UAAU,GAAG,SAAS,CAAC,UAAU,CAAC,GAAG,SAAS,CAAC,UAAU,CAAC,EAAA,CACtD,CACR,CAAA,EAAA,CACS;AAEhB;;;;"}
|
|
@@ -1,7 +1,32 @@
|
|
|
1
|
-
|
|
1
|
+
/**
|
|
2
|
+
* Collapsed/expanded state for text clipped to a number of lines.
|
|
3
|
+
*
|
|
4
|
+
* Both states render the same children and the clipping is a `max-height`, which
|
|
5
|
+
* is what makes the change animatable at all — the previous character-count
|
|
6
|
+
* version swapped one node tree for another, so there was never anything on the
|
|
7
|
+
* page for a transition to reveal.
|
|
8
|
+
*
|
|
9
|
+
* ## Why not `-webkit-line-clamp`
|
|
10
|
+
*
|
|
11
|
+
* The clamp would give the cut line an ellipsis, but it takes the height with
|
|
12
|
+
* it: under a clamp `scrollHeight` collapses to the clipped height, so there is
|
|
13
|
+
* no way left to ask whether anything is hidden, and the link that opens the
|
|
14
|
+
* text can never appear. A `max-height` of whole `lh` units cuts on the same
|
|
15
|
+
* line boundary, keeps `scrollHeight` honest, and is the thing being animated
|
|
16
|
+
* anyway.
|
|
17
|
+
*
|
|
18
|
+
* ## Why two commits per direction
|
|
19
|
+
*
|
|
20
|
+
* `max-height` only animates between two lengths, and each direction begins on a
|
|
21
|
+
* value that is not one. Opening ends at `none` so a later reflow — a resize, a
|
|
22
|
+
* font swap — is not trapped under a stale pixel count; closing therefore has to
|
|
23
|
+
* pin the height it is leaving for one frame before releasing it.
|
|
24
|
+
*/
|
|
25
|
+
export declare const useExpandableText: (lineClamp: number) => {
|
|
26
|
+
contentRef: import("react").MutableRefObject<HTMLDivElement>;
|
|
2
27
|
isExpanded: boolean;
|
|
3
|
-
|
|
4
|
-
|
|
28
|
+
isOverflowing: boolean;
|
|
29
|
+
maxHeight: string;
|
|
5
30
|
handleToggle: (event: React.MouseEvent) => void;
|
|
6
31
|
};
|
|
7
32
|
//# sourceMappingURL=useExpandableText.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useExpandableText.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableText/useExpandableText.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useExpandableText.d.ts","sourceRoot":"","sources":["../../../src/components/ExpandableText/useExpandableText.ts"],"names":[],"mappings":"AAuBA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,eAAO,MAAM,iBAAiB,GAAI,WAAW,MAAM;;;;;0BA6BR,KAAK,CAAC,UAAU;CAwB1D,CAAC"}
|
|
@@ -2,84 +2,86 @@
|
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
var React = require('react');
|
|
5
|
+
var motion = require('../../theme/motion.js');
|
|
5
6
|
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
if (truncated !== null) {
|
|
43
|
-
truncatedChildren.push(truncated);
|
|
44
|
-
}
|
|
45
|
-
totalLength = length;
|
|
46
|
-
}
|
|
47
|
-
return { truncated: truncatedChildren, length: totalLength };
|
|
48
|
-
}
|
|
49
|
-
if (React.isValidElement(node)) {
|
|
50
|
-
const { truncated: truncatedChildren, length } = truncateReactNode(node.props.children, charLimit, currentLength);
|
|
51
|
-
if (truncatedChildren === null) {
|
|
52
|
-
return { truncated: null, length };
|
|
53
|
-
}
|
|
54
|
-
return {
|
|
55
|
-
truncated: {
|
|
56
|
-
...node,
|
|
57
|
-
props: {
|
|
58
|
-
...node.props,
|
|
59
|
-
children: truncatedChildren,
|
|
60
|
-
},
|
|
61
|
-
},
|
|
62
|
-
length,
|
|
63
|
-
};
|
|
64
|
-
}
|
|
65
|
-
return { truncated: node, length: currentLength };
|
|
66
|
-
};
|
|
67
|
-
const useExpandableText = (children, charLimit = 100) => {
|
|
7
|
+
/**
|
|
8
|
+
* Whether the OS is asking for less movement, read when it matters rather than
|
|
9
|
+
* subscribed to — this only decides how long to wait before tidying up, and a
|
|
10
|
+
* member who flips the setting mid-click is not a case worth a listener for.
|
|
11
|
+
*/
|
|
12
|
+
const prefersReducedMotion = () => typeof window !== 'undefined' &&
|
|
13
|
+
window.matchMedia?.('(prefers-reduced-motion: reduce)').matches;
|
|
14
|
+
/** Two frames, so React has committed the first value before the second lands. */
|
|
15
|
+
const afterPaint = (fn) => requestAnimationFrame(() => requestAnimationFrame(fn));
|
|
16
|
+
/**
|
|
17
|
+
* Collapsed/expanded state for text clipped to a number of lines.
|
|
18
|
+
*
|
|
19
|
+
* Both states render the same children and the clipping is a `max-height`, which
|
|
20
|
+
* is what makes the change animatable at all — the previous character-count
|
|
21
|
+
* version swapped one node tree for another, so there was never anything on the
|
|
22
|
+
* page for a transition to reveal.
|
|
23
|
+
*
|
|
24
|
+
* ## Why not `-webkit-line-clamp`
|
|
25
|
+
*
|
|
26
|
+
* The clamp would give the cut line an ellipsis, but it takes the height with
|
|
27
|
+
* it: under a clamp `scrollHeight` collapses to the clipped height, so there is
|
|
28
|
+
* no way left to ask whether anything is hidden, and the link that opens the
|
|
29
|
+
* text can never appear. A `max-height` of whole `lh` units cuts on the same
|
|
30
|
+
* line boundary, keeps `scrollHeight` honest, and is the thing being animated
|
|
31
|
+
* anyway.
|
|
32
|
+
*
|
|
33
|
+
* ## Why two commits per direction
|
|
34
|
+
*
|
|
35
|
+
* `max-height` only animates between two lengths, and each direction begins on a
|
|
36
|
+
* value that is not one. Opening ends at `none` so a later reflow — a resize, a
|
|
37
|
+
* font swap — is not trapped under a stale pixel count; closing therefore has to
|
|
38
|
+
* pin the height it is leaving for one frame before releasing it.
|
|
39
|
+
*/
|
|
40
|
+
const useExpandableText = (lineClamp) => {
|
|
41
|
+
const contentRef = React.useRef(null);
|
|
42
|
+
const settleTimer = React.useRef(undefined);
|
|
68
43
|
const [isExpanded, setIsExpanded] = React.useState(false);
|
|
69
|
-
|
|
70
|
-
const
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
const
|
|
75
|
-
|
|
76
|
-
|
|
44
|
+
/** `undefined` means "rest at the line multiple" — see the component. */
|
|
45
|
+
const [maxHeight, setMaxHeight] = React.useState();
|
|
46
|
+
/** Until we know something is hidden, no link is offered. */
|
|
47
|
+
const [isOverflowing, setIsOverflowing] = React.useState(false);
|
|
48
|
+
React.useLayoutEffect(() => {
|
|
49
|
+
const el = contentRef.current;
|
|
50
|
+
if (!el)
|
|
51
|
+
return;
|
|
52
|
+
// Only meaningful while collapsed; open, the two heights are equal.
|
|
53
|
+
const check = () => {
|
|
54
|
+
if (!isExpanded)
|
|
55
|
+
setIsOverflowing(el.scrollHeight > el.clientHeight + 1);
|
|
56
|
+
};
|
|
57
|
+
check();
|
|
58
|
+
// How many lines the text takes depends on width, so a resize can create or
|
|
59
|
+
// remove the overflow entirely.
|
|
60
|
+
const observer = new ResizeObserver(check);
|
|
61
|
+
observer.observe(el);
|
|
62
|
+
return () => observer.disconnect();
|
|
63
|
+
}, [lineClamp, isExpanded]);
|
|
64
|
+
React.useEffect(() => () => clearTimeout(settleTimer.current), []);
|
|
77
65
|
const handleToggle = React.useCallback((event) => {
|
|
78
66
|
event.preventDefault();
|
|
79
67
|
event.stopPropagation();
|
|
80
|
-
|
|
68
|
+
const el = contentRef.current;
|
|
69
|
+
if (!el)
|
|
70
|
+
return;
|
|
71
|
+
clearTimeout(settleTimer.current);
|
|
72
|
+
const settle = prefersReducedMotion() ? 0 : motion.MOTION_DURATION_MS.base;
|
|
73
|
+
setIsExpanded((wasExpanded) => {
|
|
74
|
+
if (wasExpanded) {
|
|
75
|
+
setMaxHeight(`${el.scrollHeight}px`); // pin the height being left
|
|
76
|
+
afterPaint(() => setMaxHeight(undefined)); // → line multiple; animates
|
|
77
|
+
return false;
|
|
78
|
+
}
|
|
79
|
+
setMaxHeight(`${el.scrollHeight}px`); // full height; animates open
|
|
80
|
+
settleTimer.current = setTimeout(() => setMaxHeight('none'), settle);
|
|
81
|
+
return true;
|
|
82
|
+
});
|
|
81
83
|
}, []);
|
|
82
|
-
return { isExpanded,
|
|
84
|
+
return { contentRef, isExpanded, isOverflowing, maxHeight, handleToggle };
|
|
83
85
|
};
|
|
84
86
|
|
|
85
87
|
exports.useExpandableText = useExpandableText;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useExpandableText.js","sources":["../../../src/components/ExpandableText/useExpandableText.ts"],"sourcesContent":[null],"names":["
|
|
1
|
+
{"version":3,"file":"useExpandableText.js","sources":["../../../src/components/ExpandableText/useExpandableText.ts"],"sourcesContent":[null],"names":["useRef","useState","useLayoutEffect","useEffect","useCallback","MOTION_DURATION_MS"],"mappings":";;;;;;AAUA;;;;AAIG;AACH,MAAM,oBAAoB,GAAG,MAC3B,OAAO,MAAM,KAAK,WAAW;IAC7B,MAAM,CAAC,UAAU,GAAG,kCAAkC,CAAC,CAAC,OAAO;AAEjE;AACA,MAAM,UAAU,GAAG,CAAC,EAAc,KAChC,qBAAqB,CAAC,MAAM,qBAAqB,CAAC,EAAE,CAAC,CAAC;AAExD;;;;;;;;;;;;;;;;;;;;;;;AAuBG;AACI,MAAM,iBAAiB,GAAG,CAAC,SAAiB,KAAI;AACrD,IAAA,MAAM,UAAU,GAAGA,YAAM,CAAiB,IAAI,CAAC;AAC/C,IAAA,MAAM,WAAW,GAAGA,YAAM,CAAgC,SAAS,CAAC;IAEpE,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;;IAEnD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGA,cAAQ,EAAU;;IAEpD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC;IAEzDC,qBAAe,CAAC,MAAK;AACnB,QAAA,MAAM,EAAE,GAAG,UAAU,CAAC,OAAO;AAC7B,QAAA,IAAI,CAAC,EAAE;YAAE;;QAGT,MAAM,KAAK,GAAG,MAAK;AACjB,YAAA,IAAI,CAAC,UAAU;gBAAE,gBAAgB,CAAC,EAAE,CAAC,YAAY,GAAG,EAAE,CAAC,YAAY,GAAG,CAAC,CAAC;AAC1E,QAAA,CAAC;AACD,QAAA,KAAK,EAAE;;;AAIP,QAAA,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAC,KAAK,CAAC;AAC1C,QAAA,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC;AACpB,QAAA,OAAO,MAAM,QAAQ,CAAC,UAAU,EAAE;AACpC,IAAA,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;AAE3B,IAAAC,eAAS,CAAC,MAAM,MAAM,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC;AAE5D,IAAA,MAAM,YAAY,GAAGC,iBAAW,CAAC,CAAC,KAAuB,KAAI;QAC3D,KAAK,CAAC,cAAc,EAAE;QACtB,KAAK,CAAC,eAAe,EAAE;AAEvB,QAAA,MAAM,EAAE,GAAG,UAAU,CAAC,OAAO;AAC7B,QAAA,IAAI,CAAC,EAAE;YAAE;AACT,QAAA,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC;AAEjC,QAAA,MAAM,MAAM,GAAG,oBAAoB,EAAE,GAAG,CAAC,GAAGC,yBAAkB,CAAC,IAAI;AAEnE,QAAA,aAAa,CAAC,CAAC,WAAW,KAAI;YAC5B,IAAI,WAAW,EAAE;gBACf,YAAY,CAAC,GAAG,EAAE,CAAC,YAAY,CAAA,EAAA,CAAI,CAAC,CAAC;gBACrC,UAAU,CAAC,MAAM,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC;AAC1C,gBAAA,OAAO,KAAK;YACd;YAEA,YAAY,CAAC,GAAG,EAAE,CAAC,YAAY,CAAA,EAAA,CAAI,CAAC,CAAC;AACrC,YAAA,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC,MAAM,YAAY,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;AACpE,YAAA,OAAO,IAAI;AACb,QAAA,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC;IAEN,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,SAAS,EAAE,YAAY,EAAE;AAC3E;;;;"}
|