@mindlogic-ai/logician-ui 4.0.0-alpha.9 → 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 +4 -1
- package/dist/components/Loaders/PageLoader.js.map +1 -1
- package/dist/components/Loaders/PageLoader.mjs +4 -1
- 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 +1 -1
- package/dist/components/Loaders/SectionLoader.js.map +1 -1
- package/dist/components/Loaders/SectionLoader.mjs +1 -1
- 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 -2
- 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 +5 -2
- package/src/components/Loaders/SectionLoader.tsx +2 -1
- 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
|
@@ -7,7 +7,10 @@ import { usePopoverContext } from './Popover.context.mjs';
|
|
|
7
7
|
|
|
8
8
|
const PopoverContent = forwardRef(({ children, ...props }, ref) => {
|
|
9
9
|
const { baseFontSize } = usePopoverContext();
|
|
10
|
-
return (jsx(Popover.Positioner, { children: jsx(Popover.Content, { ref: ref, borderWidth: "1px", borderColor: "border.subtle",
|
|
10
|
+
return (jsx(Popover.Positioner, { children: jsx(Popover.Content, { ref: ref, borderWidth: "1px", borderColor: "border.subtle",
|
|
11
|
+
// Scales from its arrow's origin on the recipe's keyframes, on our
|
|
12
|
+
// clock — see `presence-anchored`.
|
|
13
|
+
animationStyle: "presence-anchored", ...props, children: jsx(ScaledContext, { fontSize: baseFontSize, children: children }) }) }));
|
|
11
14
|
});
|
|
12
15
|
PopoverContent.displayName = 'Popover.Content';
|
|
13
16
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PopoverContent.mjs","sources":["../../../src/components/Popover/PopoverContent.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraPopover"],"mappings":";;;;;;;AASO,MAAM,cAAc,GAAG,UAAU,CACtC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC9B,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,iBAAiB,EAAE;
|
|
1
|
+
{"version":3,"file":"PopoverContent.mjs","sources":["../../../src/components/Popover/PopoverContent.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraPopover"],"mappings":";;;;;;;AASO,MAAM,cAAc,GAAG,UAAU,CACtC,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC9B,IAAA,MAAM,EAAE,YAAY,EAAE,GAAG,iBAAiB,EAAE;IAE5C,QACEA,IAACC,OAAa,CAAC,UAAU,EAAA,EAAA,QAAA,EACvBD,GAAA,CAACC,OAAa,CAAC,OAAO,IACpB,GAAG,EAAE,GAAG,EACR,WAAW,EAAC,KAAK,EACjB,WAAW,EAAC,eAAe;;;AAG3B,YAAA,cAAc,EAAC,mBAAmB,EAAA,GAC9B,KAAK,EAAA,QAAA,EAETD,IAAC,aAAa,EAAA,EAAC,QAAQ,EAAE,YAAY,EAAA,QAAA,EAAG,QAAQ,GAAiB,EAAA,CAC3C,EAAA,CACC;AAE/B,CAAC;AAEH,cAAc,CAAC,WAAW,GAAG,iBAAiB;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ProgressBarProps } from './ProgressBar.types';
|
|
2
2
|
export declare const ProgressBar: {
|
|
3
|
-
({ filledTrackColor, value, size, ...rest }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
({ filledTrackColor, value, size, indeterminate, ...rest }: ProgressBarProps): import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
displayName: string;
|
|
5
5
|
};
|
|
6
6
|
//# sourceMappingURL=ProgressBar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,eAAO,MAAM,WAAW;
|
|
1
|
+
{"version":3,"file":"ProgressBar.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,eAAO,MAAM,WAAW;gEAMrB,gBAAgB;;CA6ClB,CAAC"}
|
|
@@ -5,9 +5,26 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
5
5
|
var react = require('@chakra-ui/react');
|
|
6
6
|
var ProgressBar_styles = require('./ProgressBar.styles.js');
|
|
7
7
|
|
|
8
|
-
const ProgressBar = ({ filledTrackColor = 'primary.main', value, size = 'md', ...rest }) => {
|
|
8
|
+
const ProgressBar = ({ filledTrackColor = 'primary.main', value, size = 'md', indeterminate = false, ...rest }) => {
|
|
9
9
|
const styles = ProgressBar_styles.sizeStyles[size];
|
|
10
|
-
return (
|
|
10
|
+
return (
|
|
11
|
+
// `null` is how Chakra's Progress spells "no value", and it is what puts
|
|
12
|
+
// the range into its `_indeterminate` state — passing the prop through as a
|
|
13
|
+
// boolean keeps that spelling out of every call site.
|
|
14
|
+
jsxRuntime.jsx(react.Progress.Root, { value: indeterminate ? null : value, ...rest, children: jsxRuntime.jsx(react.Progress.Track, { bgColor: "bg.muted", height: styles.height, borderRadius: styles.borderRadius, overflow: "hidden", children: indeterminate ? (jsxRuntime.jsx(react.Progress.Range, { bgColor: filledTrackColor, borderRadius: styles.borderRadius,
|
|
15
|
+
// Chakra's own `_indeterminate` styling animates `left` and paints
|
|
16
|
+
// the bar as a transparent-to-solid-to-transparent gradient, which
|
|
17
|
+
// reads as a smear rather than a bar. Overridden here to a solid
|
|
18
|
+
// block that travels on `translate` — a compositor-only property,
|
|
19
|
+
// so a loop that may run for the whole length of a slow request
|
|
20
|
+
// costs no layout.
|
|
21
|
+
width: "40%", minWidth: "unset", backgroundImage: "none", css: ProgressBar_styles.indeterminateSweep })) : (jsxRuntime.jsx(react.Progress.Range, { bgColor: filledTrackColor, borderRadius: styles.borderRadius,
|
|
22
|
+
// `ease-in-out` made the bar start slowly on every update, as if it
|
|
23
|
+
// were accelerating from rest — but progress only moves one way and
|
|
24
|
+
// arrives in discrete jumps, so easing IN is a fiction. `emphasized`
|
|
25
|
+
// covers most of the distance immediately and settles, which reads as
|
|
26
|
+
// the bar catching up to a value that already changed.
|
|
27
|
+
animationStyle: "travel", transitionProperty: "width" })) }) }));
|
|
11
28
|
};
|
|
12
29
|
ProgressBar.displayName = 'ProgressBar';
|
|
13
30
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.js","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":[null],"names":["sizeStyles","_jsx","ChakraProgress"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"ProgressBar.js","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":[null],"names":["sizeStyles","_jsx","ChakraProgress","indeterminateSweep"],"mappings":";;;;;;;AAKO,MAAM,WAAW,GAAG,CAAC,EAC1B,gBAAgB,GAAG,cAAc,EACjC,KAAK,EACL,IAAI,GAAG,IAAI,EACX,aAAa,GAAG,KAAK,EACrB,GAAG,IAAI,EACU,KAAI;AACrB,IAAA,MAAM,MAAM,GAAGA,6BAAU,CAAC,IAAI,CAAC;IAE/B;;;;AAIE,IAAAC,cAAA,CAACC,cAAc,CAAC,IAAI,EAAA,EAAC,KAAK,EAAE,aAAa,GAAG,IAAI,GAAG,KAAK,EAAA,GAAM,IAAI,EAAA,QAAA,EAChED,cAAA,CAACC,cAAc,CAAC,KAAK,EAAA,EACnB,OAAO,EAAC,UAAU,EAClB,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,YAAY,EAAE,MAAM,CAAC,YAAY,EACjC,QAAQ,EAAC,QAAQ,EAAA,QAAA,EAEhB,aAAa,IACZD,cAAA,CAACC,cAAc,CAAC,KAAK,EAAA,EACnB,OAAO,EAAE,gBAAgB,EACzB,YAAY,EAAE,MAAM,CAAC,YAAY;;;;;;;AAOjC,gBAAA,KAAK,EAAC,KAAK,EACX,QAAQ,EAAC,OAAO,EAChB,eAAe,EAAC,MAAM,EACtB,GAAG,EAAEC,qCAAkB,EAAA,CACvB,KAEFF,cAAA,CAACC,cAAc,CAAC,KAAK,EAAA,EACnB,OAAO,EAAE,gBAAgB,EACzB,YAAY,EAAE,MAAM,CAAC,YAAY;;;;;;gBAMjC,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,OAAO,EAAA,CAC1B,CACH,EAAA,CACoB,EAAA,CACH;AAE1B;AAEA,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
|
|
@@ -1,11 +1,28 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { Progress } from '@chakra-ui/react';
|
|
4
|
-
import { sizeStyles } from './ProgressBar.styles.mjs';
|
|
4
|
+
import { sizeStyles, indeterminateSweep } from './ProgressBar.styles.mjs';
|
|
5
5
|
|
|
6
|
-
const ProgressBar = ({ filledTrackColor = 'primary.main', value, size = 'md', ...rest }) => {
|
|
6
|
+
const ProgressBar = ({ filledTrackColor = 'primary.main', value, size = 'md', indeterminate = false, ...rest }) => {
|
|
7
7
|
const styles = sizeStyles[size];
|
|
8
|
-
return (
|
|
8
|
+
return (
|
|
9
|
+
// `null` is how Chakra's Progress spells "no value", and it is what puts
|
|
10
|
+
// the range into its `_indeterminate` state — passing the prop through as a
|
|
11
|
+
// boolean keeps that spelling out of every call site.
|
|
12
|
+
jsx(Progress.Root, { value: indeterminate ? null : value, ...rest, children: jsx(Progress.Track, { bgColor: "bg.muted", height: styles.height, borderRadius: styles.borderRadius, overflow: "hidden", children: indeterminate ? (jsx(Progress.Range, { bgColor: filledTrackColor, borderRadius: styles.borderRadius,
|
|
13
|
+
// Chakra's own `_indeterminate` styling animates `left` and paints
|
|
14
|
+
// the bar as a transparent-to-solid-to-transparent gradient, which
|
|
15
|
+
// reads as a smear rather than a bar. Overridden here to a solid
|
|
16
|
+
// block that travels on `translate` — a compositor-only property,
|
|
17
|
+
// so a loop that may run for the whole length of a slow request
|
|
18
|
+
// costs no layout.
|
|
19
|
+
width: "40%", minWidth: "unset", backgroundImage: "none", css: indeterminateSweep })) : (jsx(Progress.Range, { bgColor: filledTrackColor, borderRadius: styles.borderRadius,
|
|
20
|
+
// `ease-in-out` made the bar start slowly on every update, as if it
|
|
21
|
+
// were accelerating from rest — but progress only moves one way and
|
|
22
|
+
// arrives in discrete jumps, so easing IN is a fiction. `emphasized`
|
|
23
|
+
// covers most of the distance immediately and settles, which reads as
|
|
24
|
+
// the bar catching up to a value that already changed.
|
|
25
|
+
animationStyle: "travel", transitionProperty: "width" })) }) }));
|
|
9
26
|
};
|
|
10
27
|
ProgressBar.displayName = 'ProgressBar';
|
|
11
28
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.mjs","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraProgress"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"ProgressBar.mjs","sources":["../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraProgress"],"mappings":";;;;;AAKO,MAAM,WAAW,GAAG,CAAC,EAC1B,gBAAgB,GAAG,cAAc,EACjC,KAAK,EACL,IAAI,GAAG,IAAI,EACX,aAAa,GAAG,KAAK,EACrB,GAAG,IAAI,EACU,KAAI;AACrB,IAAA,MAAM,MAAM,GAAG,UAAU,CAAC,IAAI,CAAC;IAE/B;;;;AAIE,IAAAA,GAAA,CAACC,QAAc,CAAC,IAAI,EAAA,EAAC,KAAK,EAAE,aAAa,GAAG,IAAI,GAAG,KAAK,EAAA,GAAM,IAAI,EAAA,QAAA,EAChED,GAAA,CAACC,QAAc,CAAC,KAAK,EAAA,EACnB,OAAO,EAAC,UAAU,EAClB,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,YAAY,EAAE,MAAM,CAAC,YAAY,EACjC,QAAQ,EAAC,QAAQ,EAAA,QAAA,EAEhB,aAAa,IACZD,GAAA,CAACC,QAAc,CAAC,KAAK,EAAA,EACnB,OAAO,EAAE,gBAAgB,EACzB,YAAY,EAAE,MAAM,CAAC,YAAY;;;;;;;AAOjC,gBAAA,KAAK,EAAC,KAAK,EACX,QAAQ,EAAC,OAAO,EAChB,eAAe,EAAC,MAAM,EACtB,GAAG,EAAE,kBAAkB,EAAA,CACvB,KAEFD,GAAA,CAACC,QAAc,CAAC,KAAK,EAAA,EACnB,OAAO,EAAE,gBAAgB,EACzB,YAAY,EAAE,MAAM,CAAC,YAAY;;;;;;gBAMjC,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,OAAO,EAAA,CAC1B,CACH,EAAA,CACoB,EAAA,CACH;AAE1B;AAEA,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
|
|
@@ -1,4 +1,22 @@
|
|
|
1
|
+
import type { SystemStyleObject } from '@chakra-ui/react';
|
|
1
2
|
import { ProgressBarSize } from './ProgressBar.types';
|
|
3
|
+
/**
|
|
4
|
+
* A bar sliding across its track for work of unknown length — the determinate
|
|
5
|
+
* bar's counterpart, where there is no percentage to show.
|
|
6
|
+
*
|
|
7
|
+
* Local rather than shared: an indeterminate bar is this component, and the
|
|
8
|
+
* keyframe travels a distance that only makes sense inside this track.
|
|
9
|
+
*
|
|
10
|
+
* `linear`, like the spinner: this one also restarts from its own start, and an
|
|
11
|
+
* eased sweep pauses at the edge of the track every cycle, which reads as the
|
|
12
|
+
* request having stalled there.
|
|
13
|
+
*
|
|
14
|
+
* Under reduced motion the bar stops travelling and sits in the track. That
|
|
15
|
+
* loses the "still working" signal, which is the cost — but a bar repeatedly
|
|
16
|
+
* crossing the viewport is the highest-risk motion we have, and the surrounding
|
|
17
|
+
* UI (a disabled control, a status line) is where that signal belongs anyway.
|
|
18
|
+
*/
|
|
19
|
+
export declare const indeterminateSweep: SystemStyleObject;
|
|
2
20
|
export declare const baseStyles: {
|
|
3
21
|
borderRadius: string;
|
|
4
22
|
height: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,eAAO,MAAM,UAAU;;;CAGtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAAM,CAC7B,eAAe,EACf;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAsBzC,CAAC"}
|
|
1
|
+
{"version":3,"file":"ProgressBar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,kBAAkB,EAAE,iBAMhC,CAAC;AAEF,eAAO,MAAM,UAAU;;;CAGtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,MAAM,CAC7B,eAAe,EACf;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,YAAY,EAAE,MAAM,CAAA;CAAE,CAsBzC,CAAC"}
|
|
@@ -1,6 +1,29 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
+
/**
|
|
5
|
+
* A bar sliding across its track for work of unknown length — the determinate
|
|
6
|
+
* bar's counterpart, where there is no percentage to show.
|
|
7
|
+
*
|
|
8
|
+
* Local rather than shared: an indeterminate bar is this component, and the
|
|
9
|
+
* keyframe travels a distance that only makes sense inside this track.
|
|
10
|
+
*
|
|
11
|
+
* `linear`, like the spinner: this one also restarts from its own start, and an
|
|
12
|
+
* eased sweep pauses at the edge of the track every cycle, which reads as the
|
|
13
|
+
* request having stalled there.
|
|
14
|
+
*
|
|
15
|
+
* Under reduced motion the bar stops travelling and sits in the track. That
|
|
16
|
+
* loses the "still working" signal, which is the cost — but a bar repeatedly
|
|
17
|
+
* crossing the viewport is the highest-risk motion we have, and the surrounding
|
|
18
|
+
* UI (a disabled control, a status line) is where that signal belongs anyway.
|
|
19
|
+
*/
|
|
20
|
+
const indeterminateSweep = {
|
|
21
|
+
animationName: 'indeterminate',
|
|
22
|
+
animationDuration: 'motion.loop.sweep',
|
|
23
|
+
animationTimingFunction: 'linear',
|
|
24
|
+
animationIterationCount: 'infinite',
|
|
25
|
+
_motionReduce: { animationName: 'none' },
|
|
26
|
+
};
|
|
4
27
|
const sizeStyles = {
|
|
5
28
|
xs: {
|
|
6
29
|
height: 1, // 4px - very compact
|
|
@@ -24,5 +47,6 @@ const sizeStyles = {
|
|
|
24
47
|
},
|
|
25
48
|
};
|
|
26
49
|
|
|
50
|
+
exports.indeterminateSweep = indeterminateSweep;
|
|
27
51
|
exports.sizeStyles = sizeStyles;
|
|
28
52
|
//# sourceMappingURL=ProgressBar.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.styles.js","sources":["../../../src/components/ProgressBar/ProgressBar.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"ProgressBar.styles.js","sources":["../../../src/components/ProgressBar/ProgressBar.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA;;;;;;;;;;;;;;;AAeG;AACI,MAAM,kBAAkB,GAAsB;AACnD,IAAA,aAAa,EAAE,eAAe;AAC9B,IAAA,iBAAiB,EAAE,mBAAmB;AACtC,IAAA,uBAAuB,EAAE,QAAQ;AACjC,IAAA,uBAAuB,EAAE,UAAU;AACnC,IAAA,aAAa,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE;;AAQnC,MAAM,UAAU,GAGnB;AACF,IAAA,EAAE,EAAE;QACF,MAAM,EAAE,CAAC;AACT,QAAA,YAAY,EAAE,MAAM;AACrB,KAAA;AACD,IAAA,EAAE,EAAE;QACF,MAAM,EAAE,CAAC;AACT,QAAA,YAAY,EAAE,MAAM;AACrB,KAAA;AACD,IAAA,EAAE,EAAE;QACF,MAAM,EAAE,CAAC;AACT,QAAA,YAAY,EAAE,MAAM;AACrB,KAAA;AACD,IAAA,EAAE,EAAE;QACF,MAAM,EAAE,CAAC;AACT,QAAA,YAAY,EAAE,MAAM;AACrB,KAAA;AACD,IAAA,EAAE,EAAE;QACF,MAAM,EAAE,CAAC;AACT,QAAA,YAAY,EAAE,MAAM;AACrB,KAAA;;;;;;"}
|
|
@@ -1,4 +1,27 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
/**
|
|
3
|
+
* A bar sliding across its track for work of unknown length — the determinate
|
|
4
|
+
* bar's counterpart, where there is no percentage to show.
|
|
5
|
+
*
|
|
6
|
+
* Local rather than shared: an indeterminate bar is this component, and the
|
|
7
|
+
* keyframe travels a distance that only makes sense inside this track.
|
|
8
|
+
*
|
|
9
|
+
* `linear`, like the spinner: this one also restarts from its own start, and an
|
|
10
|
+
* eased sweep pauses at the edge of the track every cycle, which reads as the
|
|
11
|
+
* request having stalled there.
|
|
12
|
+
*
|
|
13
|
+
* Under reduced motion the bar stops travelling and sits in the track. That
|
|
14
|
+
* loses the "still working" signal, which is the cost — but a bar repeatedly
|
|
15
|
+
* crossing the viewport is the highest-risk motion we have, and the surrounding
|
|
16
|
+
* UI (a disabled control, a status line) is where that signal belongs anyway.
|
|
17
|
+
*/
|
|
18
|
+
const indeterminateSweep = {
|
|
19
|
+
animationName: 'indeterminate',
|
|
20
|
+
animationDuration: 'motion.loop.sweep',
|
|
21
|
+
animationTimingFunction: 'linear',
|
|
22
|
+
animationIterationCount: 'infinite',
|
|
23
|
+
_motionReduce: { animationName: 'none' },
|
|
24
|
+
};
|
|
2
25
|
const sizeStyles = {
|
|
3
26
|
xs: {
|
|
4
27
|
height: 1, // 4px - very compact
|
|
@@ -22,5 +45,5 @@ const sizeStyles = {
|
|
|
22
45
|
},
|
|
23
46
|
};
|
|
24
47
|
|
|
25
|
-
export { sizeStyles };
|
|
48
|
+
export { indeterminateSweep, sizeStyles };
|
|
26
49
|
//# sourceMappingURL=ProgressBar.styles.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.styles.mjs","sources":["../../../src/components/ProgressBar/ProgressBar.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ProgressBar.styles.mjs","sources":["../../../src/components/ProgressBar/ProgressBar.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAIA;;;;;;;;;;;;;;;AAeG;AACI,MAAM,kBAAkB,GAAsB;AACnD,IAAA,aAAa,EAAE,eAAe;AAC9B,IAAA,iBAAiB,EAAE,mBAAmB;AACtC,IAAA,uBAAuB,EAAE,QAAQ;AACjC,IAAA,uBAAuB,EAAE,UAAU;AACnC,IAAA,aAAa,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE;;AAQnC,MAAM,UAAU,GAGnB;AACF,IAAA,EAAE,EAAE;QACF,MAAM,EAAE,CAAC;AACT,QAAA,YAAY,EAAE,MAAM;AACrB,KAAA;AACD,IAAA,EAAE,EAAE;QACF,MAAM,EAAE,CAAC;AACT,QAAA,YAAY,EAAE,MAAM;AACrB,KAAA;AACD,IAAA,EAAE,EAAE;QACF,MAAM,EAAE,CAAC;AACT,QAAA,YAAY,EAAE,MAAM;AACrB,KAAA;AACD,IAAA,EAAE,EAAE;QACF,MAAM,EAAE,CAAC;AACT,QAAA,YAAY,EAAE,MAAM;AACrB,KAAA;AACD,IAAA,EAAE,EAAE;QACF,MAAM,EAAE,CAAC;AACT,QAAA,YAAY,EAAE,MAAM;AACrB,KAAA;;;;;"}
|
|
@@ -3,5 +3,15 @@ export type ProgressBarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
|
3
3
|
export interface ProgressBarProps extends ChakraProgressRootProps {
|
|
4
4
|
filledTrackColor?: string;
|
|
5
5
|
size?: ProgressBarSize;
|
|
6
|
+
/**
|
|
7
|
+
* Work whose length is not known yet: the bar slides across the track instead
|
|
8
|
+
* of filling to a percentage. `value` is ignored while this is set.
|
|
9
|
+
*
|
|
10
|
+
* Reach for it only when there is genuinely no denominator. A determinate bar
|
|
11
|
+
* that jumps 0 → 60 → 100 still tells the reader how much is left; an
|
|
12
|
+
* indeterminate one only says "something is happening", which a `Spinner`
|
|
13
|
+
* says in less space.
|
|
14
|
+
*/
|
|
15
|
+
indeterminate?: boolean;
|
|
6
16
|
}
|
|
7
17
|
//# sourceMappingURL=ProgressBar.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.types.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAEhF,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/D,MAAM,WAAW,gBAAiB,SAAQ,uBAAuB;IAC/D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"ProgressBar.types.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAEhF,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/D,MAAM,WAAW,gBAAiB,SAAQ,uBAAuB;IAC/D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { PulseProps } from './Pulse.types';
|
|
2
|
+
/**
|
|
3
|
+
* Pops once, whenever `trigger` changes — for drawing the eye to a value that
|
|
4
|
+
* just updated: a balance that grew, a badge that landed, a step that filled.
|
|
5
|
+
*
|
|
6
|
+
* Pure CSS. The obvious implementation reaches for an animation library, since
|
|
7
|
+
* "replay this on demand" is what their imperative controls are for, but CSS
|
|
8
|
+
* already has the mechanism: an animation restarts when its **name** changes, so
|
|
9
|
+
* this alternates between two byte-identical keyframes. No dependency, no ref
|
|
10
|
+
* plumbing, no effect.
|
|
11
|
+
*
|
|
12
|
+
* Not a changed React `key`, which also restarts it and was how this shipped
|
|
13
|
+
* first. A new key is a new element, so the whole subtree is thrown away and
|
|
14
|
+
* rebuilt — measured cost: keyboard focus lands on `<body>`, uncontrolled inputs
|
|
15
|
+
* reset, child animations restart. A pop that draws the eye to a value must not
|
|
16
|
+
* also move the keyboard out from under someone.
|
|
17
|
+
*
|
|
18
|
+
* The first render never pops. A counter that mounts already at 12 has not just
|
|
19
|
+
* become 12, and an interface that celebrates its own initial paint is noise.
|
|
20
|
+
*
|
|
21
|
+
* Not a `Shake`. Both replay on a trigger, and the pair has to stay apart: a
|
|
22
|
+
* pulse draws the eye to something *good* that landed, a shake refuses. Swapped,
|
|
23
|
+
* a refusal reads as congratulation and emphasis reads as an error the reader
|
|
24
|
+
* then goes looking for.
|
|
25
|
+
*
|
|
26
|
+
* **Adds one `div` around `children`**, and layout props land on that wrapper
|
|
27
|
+
* rather than on the child. Usually the same result — but the child is no longer
|
|
28
|
+
* a *direct* child of what surrounds it, so animate the inner element instead of
|
|
29
|
+
* wrapping when the parent needs its children directly: a `<tr>` needs `<td>`s,
|
|
30
|
+
* and Ark parts (`Menu.List`, `Tree`) walk their own children for focus and
|
|
31
|
+
* typeahead.
|
|
32
|
+
*
|
|
33
|
+
* ```tsx
|
|
34
|
+
* <Pulse trigger={balance}>
|
|
35
|
+
* <Text textStyle="h2">{balance}</Text>
|
|
36
|
+
* </Pulse>
|
|
37
|
+
* ```
|
|
38
|
+
*/
|
|
39
|
+
export declare const Pulse: import("react").ForwardRefExoticComponent<PulseProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
40
|
+
//# sourceMappingURL=Pulse.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pulse.d.ts","sourceRoot":"","sources":["../../../src/components/Pulse/Pulse.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCG;AACH,eAAO,MAAM,KAAK,uGAkCjB,CAAC"}
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var react = require('@chakra-ui/react');
|
|
7
|
+
var mergeCss = require('../../utils/mergeCss.js');
|
|
8
|
+
var Pulse_styles = require('./Pulse.styles.js');
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* Pops once, whenever `trigger` changes — for drawing the eye to a value that
|
|
12
|
+
* just updated: a balance that grew, a badge that landed, a step that filled.
|
|
13
|
+
*
|
|
14
|
+
* Pure CSS. The obvious implementation reaches for an animation library, since
|
|
15
|
+
* "replay this on demand" is what their imperative controls are for, but CSS
|
|
16
|
+
* already has the mechanism: an animation restarts when its **name** changes, so
|
|
17
|
+
* this alternates between two byte-identical keyframes. No dependency, no ref
|
|
18
|
+
* plumbing, no effect.
|
|
19
|
+
*
|
|
20
|
+
* Not a changed React `key`, which also restarts it and was how this shipped
|
|
21
|
+
* first. A new key is a new element, so the whole subtree is thrown away and
|
|
22
|
+
* rebuilt — measured cost: keyboard focus lands on `<body>`, uncontrolled inputs
|
|
23
|
+
* reset, child animations restart. A pop that draws the eye to a value must not
|
|
24
|
+
* also move the keyboard out from under someone.
|
|
25
|
+
*
|
|
26
|
+
* The first render never pops. A counter that mounts already at 12 has not just
|
|
27
|
+
* become 12, and an interface that celebrates its own initial paint is noise.
|
|
28
|
+
*
|
|
29
|
+
* Not a `Shake`. Both replay on a trigger, and the pair has to stay apart: a
|
|
30
|
+
* pulse draws the eye to something *good* that landed, a shake refuses. Swapped,
|
|
31
|
+
* a refusal reads as congratulation and emphasis reads as an error the reader
|
|
32
|
+
* then goes looking for.
|
|
33
|
+
*
|
|
34
|
+
* **Adds one `div` around `children`**, and layout props land on that wrapper
|
|
35
|
+
* rather than on the child. Usually the same result — but the child is no longer
|
|
36
|
+
* a *direct* child of what surrounds it, so animate the inner element instead of
|
|
37
|
+
* wrapping when the parent needs its children directly: a `<tr>` needs `<td>`s,
|
|
38
|
+
* and Ark parts (`Menu.List`, `Tree`) walk their own children for focus and
|
|
39
|
+
* typeahead.
|
|
40
|
+
*
|
|
41
|
+
* ```tsx
|
|
42
|
+
* <Pulse trigger={balance}>
|
|
43
|
+
* <Text textStyle="h2">{balance}</Text>
|
|
44
|
+
* </Pulse>
|
|
45
|
+
* ```
|
|
46
|
+
*/
|
|
47
|
+
const Pulse = React.forwardRef(({ trigger, peak, children, css, ...rest }, ref) => {
|
|
48
|
+
// A render counter rather than the trigger itself, so a value that returns
|
|
49
|
+
// to one it held before still pops — `0 → 1 → 0` is two events, and keying
|
|
50
|
+
// on the value would swallow the second.
|
|
51
|
+
const plays = React.useRef(0);
|
|
52
|
+
const previous = React.useRef(trigger);
|
|
53
|
+
if (previous.current !== trigger) {
|
|
54
|
+
previous.current = trigger;
|
|
55
|
+
plays.current += 1;
|
|
56
|
+
}
|
|
57
|
+
return (jsxRuntime.jsx(react.Box, { ref: ref, display: "inline-flex", ...rest, css: plays.current === 0
|
|
58
|
+
? css
|
|
59
|
+
: mergeCss.mergeCss(Pulse_styles.pulsePop(plays.current), peak === undefined ? undefined : { '--pulse-peak': peak }, css), children: children }));
|
|
60
|
+
});
|
|
61
|
+
Pulse.displayName = 'Pulse';
|
|
62
|
+
|
|
63
|
+
exports.Pulse = Pulse;
|
|
64
|
+
//# sourceMappingURL=Pulse.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pulse.js","sources":["../../../src/components/Pulse/Pulse.tsx"],"sourcesContent":[null],"names":["forwardRef","useRef","_jsx","Box","mergeCss","pulsePop"],"mappings":";;;;;;;;;AAQA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCG;MACU,KAAK,GAAGA,gBAAU,CAC7B,CACE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI,EAAc,EACrD,GAAkC,KAChC;;;;AAIF,IAAA,MAAM,KAAK,GAAGC,YAAM,CAAC,CAAC,CAAC;AACvB,IAAA,MAAM,QAAQ,GAAGA,YAAM,CAAC,OAAO,CAAC;AAChC,IAAA,IAAI,QAAQ,CAAC,OAAO,KAAK,OAAO,EAAE;AAChC,QAAA,QAAQ,CAAC,OAAO,GAAG,OAAO;AAC1B,QAAA,KAAK,CAAC,OAAO,IAAI,CAAC;IACpB;IAEA,QACEC,eAACC,SAAG,EAAA,EACF,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,aAAa,EAAA,GACjB,IAAI,EACR,GAAG,EACD,KAAK,CAAC,OAAO,KAAK;AAChB,cAAE;AACF,cAAEC,iBAAQ,CACNC,qBAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,EACvB,IAAI,KAAK,SAAS,GAAG,SAAS,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,EACzD,GAAG,CACJ,EAAA,QAAA,EAGN,QAAQ,EAAA,CACL;AAEV,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { forwardRef, useRef } from 'react';
|
|
4
|
+
import { Box } from '@chakra-ui/react';
|
|
5
|
+
import { mergeCss } from '../../utils/mergeCss.mjs';
|
|
6
|
+
import { pulsePop } from './Pulse.styles.mjs';
|
|
7
|
+
|
|
8
|
+
/**
|
|
9
|
+
* Pops once, whenever `trigger` changes — for drawing the eye to a value that
|
|
10
|
+
* just updated: a balance that grew, a badge that landed, a step that filled.
|
|
11
|
+
*
|
|
12
|
+
* Pure CSS. The obvious implementation reaches for an animation library, since
|
|
13
|
+
* "replay this on demand" is what their imperative controls are for, but CSS
|
|
14
|
+
* already has the mechanism: an animation restarts when its **name** changes, so
|
|
15
|
+
* this alternates between two byte-identical keyframes. No dependency, no ref
|
|
16
|
+
* plumbing, no effect.
|
|
17
|
+
*
|
|
18
|
+
* Not a changed React `key`, which also restarts it and was how this shipped
|
|
19
|
+
* first. A new key is a new element, so the whole subtree is thrown away and
|
|
20
|
+
* rebuilt — measured cost: keyboard focus lands on `<body>`, uncontrolled inputs
|
|
21
|
+
* reset, child animations restart. A pop that draws the eye to a value must not
|
|
22
|
+
* also move the keyboard out from under someone.
|
|
23
|
+
*
|
|
24
|
+
* The first render never pops. A counter that mounts already at 12 has not just
|
|
25
|
+
* become 12, and an interface that celebrates its own initial paint is noise.
|
|
26
|
+
*
|
|
27
|
+
* Not a `Shake`. Both replay on a trigger, and the pair has to stay apart: a
|
|
28
|
+
* pulse draws the eye to something *good* that landed, a shake refuses. Swapped,
|
|
29
|
+
* a refusal reads as congratulation and emphasis reads as an error the reader
|
|
30
|
+
* then goes looking for.
|
|
31
|
+
*
|
|
32
|
+
* **Adds one `div` around `children`**, and layout props land on that wrapper
|
|
33
|
+
* rather than on the child. Usually the same result — but the child is no longer
|
|
34
|
+
* a *direct* child of what surrounds it, so animate the inner element instead of
|
|
35
|
+
* wrapping when the parent needs its children directly: a `<tr>` needs `<td>`s,
|
|
36
|
+
* and Ark parts (`Menu.List`, `Tree`) walk their own children for focus and
|
|
37
|
+
* typeahead.
|
|
38
|
+
*
|
|
39
|
+
* ```tsx
|
|
40
|
+
* <Pulse trigger={balance}>
|
|
41
|
+
* <Text textStyle="h2">{balance}</Text>
|
|
42
|
+
* </Pulse>
|
|
43
|
+
* ```
|
|
44
|
+
*/
|
|
45
|
+
const Pulse = forwardRef(({ trigger, peak, children, css, ...rest }, ref) => {
|
|
46
|
+
// A render counter rather than the trigger itself, so a value that returns
|
|
47
|
+
// to one it held before still pops — `0 → 1 → 0` is two events, and keying
|
|
48
|
+
// on the value would swallow the second.
|
|
49
|
+
const plays = useRef(0);
|
|
50
|
+
const previous = useRef(trigger);
|
|
51
|
+
if (previous.current !== trigger) {
|
|
52
|
+
previous.current = trigger;
|
|
53
|
+
plays.current += 1;
|
|
54
|
+
}
|
|
55
|
+
return (jsx(Box, { ref: ref, display: "inline-flex", ...rest, css: plays.current === 0
|
|
56
|
+
? css
|
|
57
|
+
: mergeCss(pulsePop(plays.current), peak === undefined ? undefined : { '--pulse-peak': peak }, css), children: children }));
|
|
58
|
+
});
|
|
59
|
+
Pulse.displayName = 'Pulse';
|
|
60
|
+
|
|
61
|
+
export { Pulse };
|
|
62
|
+
//# sourceMappingURL=Pulse.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pulse.mjs","sources":["../../../src/components/Pulse/Pulse.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;AAQA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoCG;MACU,KAAK,GAAG,UAAU,CAC7B,CACE,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,IAAI,EAAc,EACrD,GAAkC,KAChC;;;;AAIF,IAAA,MAAM,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC;AACvB,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC;AAChC,IAAA,IAAI,QAAQ,CAAC,OAAO,KAAK,OAAO,EAAE;AAChC,QAAA,QAAQ,CAAC,OAAO,GAAG,OAAO;AAC1B,QAAA,KAAK,CAAC,OAAO,IAAI,CAAC;IACpB;IAEA,QACEA,IAAC,GAAG,EAAA,EACF,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,aAAa,EAAA,GACjB,IAAI,EACR,GAAG,EACD,KAAK,CAAC,OAAO,KAAK;AAChB,cAAE;AACF,cAAE,QAAQ,CACN,QAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,EACvB,IAAI,KAAK,SAAS,GAAG,SAAS,GAAG,EAAE,cAAc,EAAE,IAAI,EAAE,EACzD,GAAG,CACJ,EAAA,QAAA,EAGN,QAAQ,EAAA,CACL;AAEV,CAAC;AAGH,KAAK,CAAC,WAAW,GAAG,OAAO;;;;"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import type { SystemStyleObject } from '@chakra-ui/react';
|
|
2
|
+
/**
|
|
3
|
+
* The one-shot "look here" pop.
|
|
4
|
+
*
|
|
5
|
+
* Lives here rather than in the shared vocabulary because a there-and-back is
|
|
6
|
+
* not a transition at all — a transition interpolates A to B, and this ends
|
|
7
|
+
* where it started. It needs the midpoint that only a keyframe has, so the
|
|
8
|
+
* `pulse-pop` keyframe is global (all `@keyframes` are) and this composition
|
|
9
|
+
* is local.
|
|
10
|
+
*
|
|
11
|
+
* `motion.slow` and `overshoot`: the same pair FactChat's framer-motion `Pulse`
|
|
12
|
+
* used, which is the point — the port changes the *mechanism*, not the feel.
|
|
13
|
+
* Overshoot is what makes a 12% scale readable at all; on `standard` the same
|
|
14
|
+
* amplitude reads as a rendering hiccup.
|
|
15
|
+
*
|
|
16
|
+
* Reduced motion removes it outright rather than shortening it. A pop exists to
|
|
17
|
+
* be noticed, and there is nothing left of one that is not; the value it draws
|
|
18
|
+
* the eye to has already changed by the time this plays, so nothing is lost but
|
|
19
|
+
* the emphasis.
|
|
20
|
+
*/
|
|
21
|
+
/**
|
|
22
|
+
* A function of the play count, because the *name* is what restarts it.
|
|
23
|
+
*
|
|
24
|
+
* A CSS animation replays when `animation-name` changes, so alternating between
|
|
25
|
+
* two byte-identical keyframes restarts the pop on every trigger without
|
|
26
|
+
* touching the DOM. The earlier version restarted it by changing the React
|
|
27
|
+
* `key`, which remounts the subtree — and a remount throws away whatever was
|
|
28
|
+
* inside it: the user's focus (measured: it lands on `<body>`), any uncontrolled
|
|
29
|
+
* input state, and any child animation mid-flight. A pop that draws the eye to a
|
|
30
|
+
* changed value must not also move the keyboard out from under someone, and
|
|
31
|
+
* `Shake` is worse on this axis than `Pulse` is: it fires on a rejected answer,
|
|
32
|
+
* which is exactly when a keyboard user is mid-interaction.
|
|
33
|
+
*/
|
|
34
|
+
export declare const pulsePop: (play: number) => SystemStyleObject;
|
|
35
|
+
//# sourceMappingURL=Pulse.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pulse.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Pulse/Pulse.styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D;;;;;;;;;;;;;;;;;;GAkBG;AACH;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,QAAQ,GAAI,MAAM,MAAM,KAAG,iBAOtC,CAAC"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* The one-shot "look here" pop.
|
|
6
|
+
*
|
|
7
|
+
* Lives here rather than in the shared vocabulary because a there-and-back is
|
|
8
|
+
* not a transition at all — a transition interpolates A to B, and this ends
|
|
9
|
+
* where it started. It needs the midpoint that only a keyframe has, so the
|
|
10
|
+
* `pulse-pop` keyframe is global (all `@keyframes` are) and this composition
|
|
11
|
+
* is local.
|
|
12
|
+
*
|
|
13
|
+
* `motion.slow` and `overshoot`: the same pair FactChat's framer-motion `Pulse`
|
|
14
|
+
* used, which is the point — the port changes the *mechanism*, not the feel.
|
|
15
|
+
* Overshoot is what makes a 12% scale readable at all; on `standard` the same
|
|
16
|
+
* amplitude reads as a rendering hiccup.
|
|
17
|
+
*
|
|
18
|
+
* Reduced motion removes it outright rather than shortening it. A pop exists to
|
|
19
|
+
* be noticed, and there is nothing left of one that is not; the value it draws
|
|
20
|
+
* the eye to has already changed by the time this plays, so nothing is lost but
|
|
21
|
+
* the emphasis.
|
|
22
|
+
*/
|
|
23
|
+
/**
|
|
24
|
+
* A function of the play count, because the *name* is what restarts it.
|
|
25
|
+
*
|
|
26
|
+
* A CSS animation replays when `animation-name` changes, so alternating between
|
|
27
|
+
* two byte-identical keyframes restarts the pop on every trigger without
|
|
28
|
+
* touching the DOM. The earlier version restarted it by changing the React
|
|
29
|
+
* `key`, which remounts the subtree — and a remount throws away whatever was
|
|
30
|
+
* inside it: the user's focus (measured: it lands on `<body>`), any uncontrolled
|
|
31
|
+
* input state, and any child animation mid-flight. A pop that draws the eye to a
|
|
32
|
+
* changed value must not also move the keyboard out from under someone, and
|
|
33
|
+
* `Shake` is worse on this axis than `Pulse` is: it fires on a rejected answer,
|
|
34
|
+
* which is exactly when a keyboard user is mid-interaction.
|
|
35
|
+
*/
|
|
36
|
+
const pulsePop = (play) => ({
|
|
37
|
+
animationName: play % 2 === 0 ? 'pulse-pop-alt' : 'pulse-pop',
|
|
38
|
+
animationDuration: 'motion.slow',
|
|
39
|
+
animationTimingFunction: 'overshoot',
|
|
40
|
+
animationFillMode: 'both',
|
|
41
|
+
transformOrigin: 'center',
|
|
42
|
+
_motionReduce: { animationName: 'none' },
|
|
43
|
+
});
|
|
44
|
+
|
|
45
|
+
exports.pulsePop = pulsePop;
|
|
46
|
+
//# sourceMappingURL=Pulse.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pulse.styles.js","sources":["../../../src/components/Pulse/Pulse.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAEA;;;;;;;;;;;;;;;;;;AAkBG;AACH;;;;;;;;;;;;AAYG;MACU,QAAQ,GAAG,CAAC,IAAY,MAAyB;AAC5D,IAAA,aAAa,EAAE,IAAI,GAAG,CAAC,KAAK,CAAC,GAAG,eAAe,GAAG,WAAW;AAC7D,IAAA,iBAAiB,EAAE,aAAa;AAChC,IAAA,uBAAuB,EAAE,WAAW;AACpC,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,eAAe,EAAE,QAAQ;AACzB,IAAA,aAAa,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE;AACzC,CAAA;;;;"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
/**
|
|
3
|
+
* The one-shot "look here" pop.
|
|
4
|
+
*
|
|
5
|
+
* Lives here rather than in the shared vocabulary because a there-and-back is
|
|
6
|
+
* not a transition at all — a transition interpolates A to B, and this ends
|
|
7
|
+
* where it started. It needs the midpoint that only a keyframe has, so the
|
|
8
|
+
* `pulse-pop` keyframe is global (all `@keyframes` are) and this composition
|
|
9
|
+
* is local.
|
|
10
|
+
*
|
|
11
|
+
* `motion.slow` and `overshoot`: the same pair FactChat's framer-motion `Pulse`
|
|
12
|
+
* used, which is the point — the port changes the *mechanism*, not the feel.
|
|
13
|
+
* Overshoot is what makes a 12% scale readable at all; on `standard` the same
|
|
14
|
+
* amplitude reads as a rendering hiccup.
|
|
15
|
+
*
|
|
16
|
+
* Reduced motion removes it outright rather than shortening it. A pop exists to
|
|
17
|
+
* be noticed, and there is nothing left of one that is not; the value it draws
|
|
18
|
+
* the eye to has already changed by the time this plays, so nothing is lost but
|
|
19
|
+
* the emphasis.
|
|
20
|
+
*/
|
|
21
|
+
/**
|
|
22
|
+
* A function of the play count, because the *name* is what restarts it.
|
|
23
|
+
*
|
|
24
|
+
* A CSS animation replays when `animation-name` changes, so alternating between
|
|
25
|
+
* two byte-identical keyframes restarts the pop on every trigger without
|
|
26
|
+
* touching the DOM. The earlier version restarted it by changing the React
|
|
27
|
+
* `key`, which remounts the subtree — and a remount throws away whatever was
|
|
28
|
+
* inside it: the user's focus (measured: it lands on `<body>`), any uncontrolled
|
|
29
|
+
* input state, and any child animation mid-flight. A pop that draws the eye to a
|
|
30
|
+
* changed value must not also move the keyboard out from under someone, and
|
|
31
|
+
* `Shake` is worse on this axis than `Pulse` is: it fires on a rejected answer,
|
|
32
|
+
* which is exactly when a keyboard user is mid-interaction.
|
|
33
|
+
*/
|
|
34
|
+
const pulsePop = (play) => ({
|
|
35
|
+
animationName: play % 2 === 0 ? 'pulse-pop-alt' : 'pulse-pop',
|
|
36
|
+
animationDuration: 'motion.slow',
|
|
37
|
+
animationTimingFunction: 'overshoot',
|
|
38
|
+
animationFillMode: 'both',
|
|
39
|
+
transformOrigin: 'center',
|
|
40
|
+
_motionReduce: { animationName: 'none' },
|
|
41
|
+
});
|
|
42
|
+
|
|
43
|
+
export { pulsePop };
|
|
44
|
+
//# sourceMappingURL=Pulse.styles.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pulse.styles.mjs","sources":["../../../src/components/Pulse/Pulse.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAEA;;;;;;;;;;;;;;;;;;AAkBG;AACH;;;;;;;;;;;;AAYG;MACU,QAAQ,GAAG,CAAC,IAAY,MAAyB;AAC5D,IAAA,aAAa,EAAE,IAAI,GAAG,CAAC,KAAK,CAAC,GAAG,eAAe,GAAG,WAAW;AAC7D,IAAA,iBAAiB,EAAE,aAAa;AAChC,IAAA,uBAAuB,EAAE,WAAW;AACpC,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,eAAe,EAAE,QAAQ;AACzB,IAAA,aAAa,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE;AACzC,CAAA;;;;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { BoxProps } from '@chakra-ui/react';
|
|
2
|
+
export interface PulseProps extends Omit<BoxProps, 'scale'> {
|
|
3
|
+
/**
|
|
4
|
+
* Change this to fire one pop. Any changing value works — a counter, an id, a
|
|
5
|
+
* timestamp. The first render never pops, so a value that is already set on
|
|
6
|
+
* mount stays still.
|
|
7
|
+
*/
|
|
8
|
+
trigger: string | number;
|
|
9
|
+
/** Peak scale at the top of the pop. Defaults to `1.12`. */
|
|
10
|
+
peak?: number;
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=Pulse.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Pulse.types.d.ts","sourceRoot":"","sources":["../../../src/components/Pulse/Pulse.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC;IACzD;;;;OAIG;IACH,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,4DAA4D;IAC5D,IAAI,CAAC,EAAE,MAAM,CAAC;CACf"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Pulse/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -5,6 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
|
|
6
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
7
7
|
var react = require('@chakra-ui/react');
|
|
8
|
+
require('../Typography/Caption.js');
|
|
8
9
|
require('../Typography/H1.js');
|
|
9
10
|
require('../Typography/H2.js');
|
|
10
11
|
require('../Typography/H3.js');
|