@mindlogic-ai/logician-ui 4.0.0 → 5.0.0-alpha.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/MIGRATION-5.0.md +155 -0
- package/USAGE.md +1 -1
- package/codemods/5.0/README.md +244 -0
- package/codemods/5.0/__testfixtures__/badge-variants.input.tsx +20 -0
- package/codemods/5.0/__testfixtures__/badge-variants.output.tsx +21 -0
- package/codemods/5.0/__testfixtures__/button-variants.input.tsx +124 -0
- package/codemods/5.0/__testfixtures__/button-variants.output.tsx +116 -0
- package/codemods/5.0/__testfixtures__/card-gradient.input.tsx +12 -0
- package/codemods/5.0/__testfixtures__/card-gradient.output.tsx +16 -0
- package/codemods/5.0/__testfixtures__/index.input.tsx +43 -0
- package/codemods/5.0/__testfixtures__/index.output.tsx +53 -0
- package/codemods/5.0/__testfixtures__/tag-chip-conflict.input.tsx +10 -0
- package/codemods/5.0/__testfixtures__/tag-chip-conflict.output.tsx +12 -0
- package/codemods/5.0/__testfixtures__/tag-chip-merge.input.tsx +42 -0
- package/codemods/5.0/__testfixtures__/tag-chip-merge.output.tsx +44 -0
- package/codemods/5.0/__testfixtures__/tag-chip.input.tsx +67 -0
- package/codemods/5.0/__testfixtures__/tag-chip.output.tsx +99 -0
- package/codemods/5.0/__testfixtures__/token-renames.input.tsx +88 -0
- package/codemods/5.0/__testfixtures__/token-renames.output.tsx +88 -0
- package/codemods/5.0/badge-variants.js +91 -0
- package/codemods/5.0/button-variants.js +233 -0
- package/codemods/5.0/card-gradient.js +72 -0
- package/codemods/5.0/codemods.test.ts +440 -0
- package/codemods/5.0/index.js +220 -0
- package/codemods/5.0/lib/shared.js +273 -0
- package/codemods/5.0/tag-chip.js +436 -0
- package/codemods/5.0/token-renames.js +231 -0
- package/codemods/vitest.config.ts +22 -0
- package/dist/components/Avatar/Avatar.d.ts +37 -0
- package/dist/components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/components/Avatar/Avatar.js +31 -2
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Avatar/Avatar.mjs +30 -3
- package/dist/components/Avatar/Avatar.mjs.map +1 -1
- package/dist/components/Avatar/index.d.ts +1 -1
- package/dist/components/Avatar/index.d.ts.map +1 -1
- package/dist/components/Badge/Badge.d.ts.map +1 -1
- package/dist/components/Badge/Badge.js +10 -6
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/Badge/Badge.mjs +11 -7
- package/dist/components/Badge/Badge.mjs.map +1 -1
- package/dist/components/Badge/Badge.styles.d.ts +17 -3
- package/dist/components/Badge/Badge.styles.d.ts.map +1 -1
- package/dist/components/Badge/Badge.styles.js +51 -45
- package/dist/components/Badge/Badge.styles.js.map +1 -1
- package/dist/components/Badge/Badge.styles.mjs +50 -46
- package/dist/components/Badge/Badge.styles.mjs.map +1 -1
- package/dist/components/Badge/Badge.types.d.ts +16 -12
- package/dist/components/Badge/Badge.types.d.ts.map +1 -1
- package/dist/components/Badge/index.d.ts +2 -2
- package/dist/components/Badge/index.d.ts.map +1 -1
- package/dist/components/Banner/Banner.styles.d.ts +7 -3
- package/dist/components/Banner/Banner.styles.d.ts.map +1 -1
- package/dist/components/Banner/Banner.styles.js +43 -27
- package/dist/components/Banner/Banner.styles.js.map +1 -1
- package/dist/components/Banner/Banner.styles.mjs +44 -28
- package/dist/components/Banner/Banner.styles.mjs.map +1 -1
- package/dist/components/Banner/Banner.types.d.ts +1 -1
- package/dist/components/Banner/Banner.types.d.ts.map +1 -1
- package/dist/components/BottomSheet/BottomSheetCloseButton.d.ts.map +1 -1
- package/dist/components/BottomSheet/BottomSheetCloseButton.js +1 -1
- package/dist/components/BottomSheet/BottomSheetCloseButton.js.map +1 -1
- package/dist/components/BottomSheet/BottomSheetCloseButton.mjs +1 -1
- package/dist/components/BottomSheet/BottomSheetCloseButton.mjs.map +1 -1
- package/dist/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.js +1 -1
- package/dist/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.js.map +1 -1
- package/dist/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.mjs +1 -1
- package/dist/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.mjs.map +1 -1
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.js +33 -14
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/Button.legacy.d.ts +53 -0
- package/dist/components/Button/Button.legacy.d.ts.map +1 -0
- package/dist/components/Button/Button.legacy.js +130 -0
- package/dist/components/Button/Button.legacy.js.map +1 -0
- package/dist/components/Button/Button.legacy.mjs +126 -0
- package/dist/components/Button/Button.legacy.mjs.map +1 -0
- package/dist/components/Button/Button.mjs +33 -14
- package/dist/components/Button/Button.mjs.map +1 -1
- package/dist/components/Button/Button.styles.d.ts +38 -26
- package/dist/components/Button/Button.styles.d.ts.map +1 -1
- package/dist/components/Button/Button.styles.js +126 -380
- package/dist/components/Button/Button.styles.js.map +1 -1
- package/dist/components/Button/Button.styles.mjs +125 -381
- package/dist/components/Button/Button.styles.mjs.map +1 -1
- package/dist/components/Button/Button.types.d.ts +43 -37
- package/dist/components/Button/Button.types.d.ts.map +1 -1
- package/dist/components/Button/index.d.ts +2 -2
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Card/Card.d.ts.map +1 -1
- package/dist/components/Card/Card.js +1 -7
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Card/Card.mjs +1 -7
- package/dist/components/Card/Card.mjs.map +1 -1
- package/dist/components/Card/Card.styles.d.ts +1 -12
- package/dist/components/Card/Card.styles.d.ts.map +1 -1
- package/dist/components/Card/Card.styles.js +6 -13
- package/dist/components/Card/Card.styles.js.map +1 -1
- package/dist/components/Card/Card.styles.mjs +6 -13
- package/dist/components/Card/Card.styles.mjs.map +1 -1
- package/dist/components/Card/Card.types.d.ts +1 -5
- package/dist/components/Card/Card.types.d.ts.map +1 -1
- package/dist/components/Checkbox/CheckboxControl.d.ts.map +1 -1
- package/dist/components/Checkbox/CheckboxControl.js +14 -8
- package/dist/components/Checkbox/CheckboxControl.js.map +1 -1
- package/dist/components/Checkbox/CheckboxControl.mjs +14 -8
- package/dist/components/Checkbox/CheckboxControl.mjs.map +1 -1
- package/dist/components/Chip/Chip.d.ts +5 -1
- package/dist/components/Chip/Chip.d.ts.map +1 -1
- package/dist/components/Chip/Chip.js +24 -18
- package/dist/components/Chip/Chip.js.map +1 -1
- package/dist/components/Chip/Chip.mjs +24 -18
- package/dist/components/Chip/Chip.mjs.map +1 -1
- package/dist/components/Chip/Chip.types.d.ts +38 -23
- package/dist/components/Chip/Chip.types.d.ts.map +1 -1
- package/dist/components/Chip/index.d.ts +0 -1
- package/dist/components/Chip/index.d.ts.map +1 -1
- package/dist/components/Code/Code.d.ts.map +1 -1
- package/dist/components/Code/Code.js +2 -2
- package/dist/components/Code/Code.js.map +1 -1
- package/dist/components/Code/Code.mjs +2 -2
- package/dist/components/Code/Code.mjs.map +1 -1
- package/dist/components/CodeTabs/CodeTabs.d.ts.map +1 -1
- package/dist/components/CodeTabs/CodeTabs.js +16 -2
- package/dist/components/CodeTabs/CodeTabs.js.map +1 -1
- package/dist/components/CodeTabs/CodeTabs.mjs +16 -2
- package/dist/components/CodeTabs/CodeTabs.mjs.map +1 -1
- package/dist/components/CodeTabs/CodeTabs.styles.d.ts +27 -0
- package/dist/components/CodeTabs/CodeTabs.styles.d.ts.map +1 -0
- package/dist/components/CodeTabs/CodeTabs.styles.js +32 -0
- package/dist/components/CodeTabs/CodeTabs.styles.js.map +1 -0
- package/dist/components/CodeTabs/CodeTabs.styles.mjs +30 -0
- package/dist/components/CodeTabs/CodeTabs.styles.mjs.map +1 -0
- package/dist/components/CodeTabs/CopyButton.d.ts.map +1 -1
- package/dist/components/CodeTabs/CopyButton.js +6 -3
- package/dist/components/CodeTabs/CopyButton.js.map +1 -1
- package/dist/components/CodeTabs/CopyButton.mjs +6 -3
- package/dist/components/CodeTabs/CopyButton.mjs.map +1 -1
- package/dist/components/Confetti/Confetti.d.ts +6 -9
- package/dist/components/Confetti/Confetti.d.ts.map +1 -1
- package/dist/components/Confetti/Confetti.js +8 -42
- package/dist/components/Confetti/Confetti.js.map +1 -1
- package/dist/components/Confetti/Confetti.mjs +8 -42
- package/dist/components/Confetti/Confetti.mjs.map +1 -1
- package/dist/components/Confetti/confettiColors.d.ts +25 -0
- package/dist/components/Confetti/confettiColors.d.ts.map +1 -0
- package/dist/components/Confetti/confettiColors.js +43 -0
- package/dist/components/Confetti/confettiColors.js.map +1 -0
- package/dist/components/Confetti/confettiColors.mjs +40 -0
- package/dist/components/Confetti/confettiColors.mjs.map +1 -0
- package/dist/components/CopyableCode/CopyableCode.d.ts.map +1 -1
- package/dist/components/CopyableCode/CopyableCode.js +2 -1
- package/dist/components/CopyableCode/CopyableCode.js.map +1 -1
- package/dist/components/CopyableCode/CopyableCode.mjs +2 -1
- package/dist/components/CopyableCode/CopyableCode.mjs.map +1 -1
- package/dist/components/CountBadge/CountBadge.d.ts +41 -0
- package/dist/components/CountBadge/CountBadge.d.ts.map +1 -0
- package/dist/components/CountBadge/CountBadge.js +60 -0
- package/dist/components/CountBadge/CountBadge.js.map +1 -0
- package/dist/components/CountBadge/CountBadge.mjs +58 -0
- package/dist/components/CountBadge/CountBadge.mjs.map +1 -0
- package/dist/components/CountBadge/CountBadge.styles.d.ts +13 -0
- package/dist/components/CountBadge/CountBadge.styles.d.ts.map +1 -0
- package/dist/components/CountBadge/CountBadge.styles.js +42 -0
- package/dist/components/CountBadge/CountBadge.styles.js.map +1 -0
- package/dist/components/CountBadge/CountBadge.styles.mjs +37 -0
- package/dist/components/CountBadge/CountBadge.styles.mjs.map +1 -0
- package/dist/components/CountBadge/CountBadge.types.d.ts +33 -0
- package/dist/components/CountBadge/CountBadge.types.d.ts.map +1 -0
- package/dist/components/CountBadge/index.d.ts +3 -0
- package/dist/components/CountBadge/index.d.ts.map +1 -0
- package/dist/components/DatePicker/RangeDatePicker.js +9 -7
- package/dist/components/DatePicker/RangeDatePicker.js.map +1 -1
- package/dist/components/DatePicker/RangeDatePicker.mjs +9 -7
- package/dist/components/DatePicker/RangeDatePicker.mjs.map +1 -1
- package/dist/components/DatePicker/SingleDatePicker.js +6 -4
- package/dist/components/DatePicker/SingleDatePicker.js.map +1 -1
- package/dist/components/DatePicker/SingleDatePicker.mjs +6 -4
- package/dist/components/DatePicker/SingleDatePicker.mjs.map +1 -1
- package/dist/components/ErrorFallback/ErrorFallback.d.ts.map +1 -1
- package/dist/components/ErrorFallback/ErrorFallback.js +5 -4
- package/dist/components/ErrorFallback/ErrorFallback.js.map +1 -1
- package/dist/components/ErrorFallback/ErrorFallback.mjs +5 -4
- package/dist/components/ErrorFallback/ErrorFallback.mjs.map +1 -1
- package/dist/components/ExpandableText/ExpandableText.js +1 -1
- package/dist/components/ExpandableText/ExpandableText.js.map +1 -1
- package/dist/components/ExpandableText/ExpandableText.mjs +1 -1
- package/dist/components/ExpandableText/ExpandableText.mjs.map +1 -1
- package/dist/components/FileItem/FileItem.d.ts.map +1 -1
- package/dist/components/FileItem/FileItem.js +2 -2
- package/dist/components/FileItem/FileItem.js.map +1 -1
- package/dist/components/FileItem/FileItem.mjs +2 -2
- package/dist/components/FileItem/FileItem.mjs.map +1 -1
- package/dist/components/Form/FieldError/FieldError.d.ts +1 -1
- package/dist/components/Form/FieldError/FieldError.js +2 -2
- package/dist/components/Form/FieldError/FieldError.js.map +1 -1
- package/dist/components/Form/FieldError/FieldError.mjs +2 -2
- package/dist/components/Form/FieldError/FieldError.mjs.map +1 -1
- package/dist/components/Form/FormModalFooter/FormModalFooter.d.ts.map +1 -1
- package/dist/components/Form/FormModalFooter/FormModalFooter.js +19 -1
- package/dist/components/Form/FormModalFooter/FormModalFooter.js.map +1 -1
- package/dist/components/Form/FormModalFooter/FormModalFooter.mjs +19 -1
- package/dist/components/Form/FormModalFooter/FormModalFooter.mjs.map +1 -1
- package/dist/components/Form/FormSection/CollapsibleFormSection.js +1 -0
- package/dist/components/Form/FormSection/CollapsibleFormSection.js.map +1 -1
- package/dist/components/Form/FormSection/CollapsibleFormSection.mjs +1 -0
- package/dist/components/Form/FormSection/CollapsibleFormSection.mjs.map +1 -1
- package/dist/components/FormLabel/FormLabel.js +1 -1
- package/dist/components/FormLabel/FormLabel.js.map +1 -1
- package/dist/components/FormLabel/FormLabel.mjs +1 -1
- package/dist/components/FormLabel/FormLabel.mjs.map +1 -1
- package/dist/components/Icon/_utils/createIcon.d.ts +2 -2
- package/dist/components/Icon/_utils/createIcon.js +2 -2
- package/dist/components/Icon/_utils/createIcon.mjs +2 -2
- package/dist/components/Icon/_utils/createIconGroup.d.ts +1 -1
- package/dist/components/Icon/_utils/createIconGroup.js +1 -1
- package/dist/components/Icon/_utils/createIconGroup.mjs +1 -1
- package/dist/components/IconButton/IconButton.d.ts.map +1 -1
- package/dist/components/IconButton/IconButton.js +20 -10
- package/dist/components/IconButton/IconButton.js.map +1 -1
- package/dist/components/IconButton/IconButton.mjs +20 -10
- package/dist/components/IconButton/IconButton.mjs.map +1 -1
- package/dist/components/IconButton/IconButton.styles.d.ts +24 -8
- package/dist/components/IconButton/IconButton.styles.d.ts.map +1 -1
- package/dist/components/IconButton/IconButton.styles.js +77 -11
- package/dist/components/IconButton/IconButton.styles.js.map +1 -1
- package/dist/components/IconButton/IconButton.styles.mjs +77 -13
- package/dist/components/IconButton/IconButton.styles.mjs.map +1 -1
- package/dist/components/IconButton/IconButton.types.d.ts +25 -20
- 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/InlineCode/InlineCode.js +6 -6
- package/dist/components/InlineCode/InlineCode.js.map +1 -1
- package/dist/components/InlineCode/InlineCode.mjs +6 -6
- 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 +12 -10
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/Input.mjs +12 -10
- package/dist/components/Input/Input.mjs.map +1 -1
- package/dist/components/LineGraph/LineGraph.d.ts.map +1 -1
- package/dist/components/LineGraph/LineGraph.js +28 -8
- package/dist/components/LineGraph/LineGraph.js.map +1 -1
- package/dist/components/LineGraph/LineGraph.mjs +28 -8
- package/dist/components/LineGraph/LineGraph.mjs.map +1 -1
- package/dist/components/LineGraph/seriesColors.d.ts +22 -0
- package/dist/components/LineGraph/seriesColors.d.ts.map +1 -0
- package/dist/components/LineGraph/seriesColors.js +26 -0
- package/dist/components/LineGraph/seriesColors.js.map +1 -0
- package/dist/components/LineGraph/seriesColors.mjs +23 -0
- package/dist/components/LineGraph/seriesColors.mjs.map +1 -0
- package/dist/components/Loaders/LoaderStatus.d.ts +21 -0
- package/dist/components/Loaders/LoaderStatus.d.ts.map +1 -0
- package/dist/components/Loaders/LoaderStatus.js +29 -0
- package/dist/components/Loaders/LoaderStatus.js.map +1 -0
- package/dist/components/Loaders/LoaderStatus.mjs +27 -0
- package/dist/components/Loaders/LoaderStatus.mjs.map +1 -0
- package/dist/components/Loaders/Loaders.styles.d.ts +21 -0
- package/dist/components/Loaders/Loaders.styles.d.ts.map +1 -0
- package/dist/components/Loaders/Loaders.styles.js +33 -0
- package/dist/components/Loaders/Loaders.styles.js.map +1 -0
- package/dist/components/Loaders/Loaders.styles.mjs +29 -0
- package/dist/components/Loaders/Loaders.styles.mjs.map +1 -0
- package/dist/components/Loaders/Loaders.translations.json.js +19 -0
- package/dist/components/Loaders/Loaders.translations.json.js.map +1 -0
- package/dist/components/Loaders/Loaders.translations.json.mjs +14 -0
- package/dist/components/Loaders/Loaders.translations.json.mjs.map +1 -0
- package/dist/components/Loaders/PageLoader.d.ts +10 -2
- package/dist/components/Loaders/PageLoader.d.ts.map +1 -1
- package/dist/components/Loaders/PageLoader.js +6 -3
- package/dist/components/Loaders/PageLoader.js.map +1 -1
- package/dist/components/Loaders/PageLoader.mjs +7 -4
- package/dist/components/Loaders/PageLoader.mjs.map +1 -1
- package/dist/components/Loaders/SectionLoader.d.ts +2 -4
- package/dist/components/Loaders/SectionLoader.d.ts.map +1 -1
- package/dist/components/Loaders/SectionLoader.js +5 -2
- package/dist/components/Loaders/SectionLoader.js.map +1 -1
- package/dist/components/Loaders/SectionLoader.mjs +6 -3
- package/dist/components/Loaders/SectionLoader.mjs.map +1 -1
- package/dist/components/Loaders/ThinkingDots.d.ts +10 -0
- package/dist/components/Loaders/ThinkingDots.d.ts.map +1 -0
- package/dist/components/Loaders/ThinkingDots.js +20 -0
- package/dist/components/Loaders/ThinkingDots.js.map +1 -0
- package/dist/components/Loaders/ThinkingDots.mjs +18 -0
- package/dist/components/Loaders/ThinkingDots.mjs.map +1 -0
- package/dist/components/Loaders/index.d.ts +2 -1
- package/dist/components/Loaders/index.d.ts.map +1 -1
- package/dist/components/LogicianProvider/LogicianProvider.d.ts +12 -0
- package/dist/components/LogicianProvider/LogicianProvider.d.ts.map +1 -1
- package/dist/components/LogicianProvider/LogicianProvider.js +15 -5
- package/dist/components/LogicianProvider/LogicianProvider.js.map +1 -1
- package/dist/components/LogicianProvider/LogicianProvider.mjs +16 -6
- package/dist/components/LogicianProvider/LogicianProvider.mjs.map +1 -1
- package/dist/components/Menu/MenuItem.d.ts.map +1 -1
- package/dist/components/Menu/MenuItem.js +10 -6
- package/dist/components/Menu/MenuItem.js.map +1 -1
- package/dist/components/Menu/MenuItem.mjs +10 -6
- package/dist/components/Menu/MenuItem.mjs.map +1 -1
- package/dist/components/Menu/MenuList.js +1 -1
- package/dist/components/Menu/MenuList.js.map +1 -1
- package/dist/components/Menu/MenuList.mjs +1 -1
- package/dist/components/Menu/MenuList.mjs.map +1 -1
- package/dist/components/Modal/Modal.d.ts +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.types.d.ts +12 -0
- package/dist/components/Modal/Modal.types.d.ts.map +1 -1
- package/dist/components/Modal/ModalContext.d.ts +2 -0
- package/dist/components/Modal/ModalContext.d.ts.map +1 -1
- package/dist/components/Modal/ModalContext.js +1 -0
- package/dist/components/Modal/ModalContext.js.map +1 -1
- package/dist/components/Modal/ModalContext.mjs +1 -0
- package/dist/components/Modal/ModalContext.mjs.map +1 -1
- package/dist/components/Modal/ModalHeader.d.ts +20 -1
- package/dist/components/Modal/ModalHeader.d.ts.map +1 -1
- package/dist/components/Modal/ModalHeader.js +46 -2
- package/dist/components/Modal/ModalHeader.js.map +1 -1
- package/dist/components/Modal/ModalHeader.mjs +47 -3
- package/dist/components/Modal/ModalHeader.mjs.map +1 -1
- package/dist/components/Modal/index.d.ts +2 -2
- package/dist/components/Modal/index.d.ts.map +1 -1
- package/dist/components/MonthPicker/MonthButton/MonthButton.d.ts.map +1 -1
- package/dist/components/MonthPicker/MonthButton/MonthButton.js +10 -9
- package/dist/components/MonthPicker/MonthButton/MonthButton.js.map +1 -1
- package/dist/components/MonthPicker/MonthButton/MonthButton.mjs +10 -9
- package/dist/components/MonthPicker/MonthButton/MonthButton.mjs.map +1 -1
- package/dist/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/components/Pagination/Pagination.js +1 -1
- package/dist/components/Pagination/Pagination.js.map +1 -1
- package/dist/components/Pagination/Pagination.mjs +1 -1
- package/dist/components/Pagination/Pagination.mjs.map +1 -1
- package/dist/components/PinInput/PinInput.d.ts.map +1 -1
- package/dist/components/PinInput/PinInput.js +5 -1
- package/dist/components/PinInput/PinInput.js.map +1 -1
- package/dist/components/PinInput/PinInput.mjs +5 -1
- package/dist/components/PinInput/PinInput.mjs.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.js +1 -1
- package/dist/components/ProgressBar/ProgressBar.mjs +1 -1
- package/dist/components/RadialProgress/RadialProgress.d.ts.map +1 -1
- package/dist/components/RadialProgress/RadialProgress.js +4 -7
- package/dist/components/RadialProgress/RadialProgress.js.map +1 -1
- package/dist/components/RadialProgress/RadialProgress.mjs +4 -7
- package/dist/components/RadialProgress/RadialProgress.mjs.map +1 -1
- package/dist/components/RadialProgress/RadialProgress.types.d.ts +1 -1
- package/dist/components/RadialProgress/RadialProgress.types.d.ts.map +1 -1
- package/dist/components/Radio/RadioControl.d.ts.map +1 -1
- package/dist/components/Radio/RadioControl.js +26 -5
- package/dist/components/Radio/RadioControl.js.map +1 -1
- package/dist/components/Radio/RadioControl.mjs +26 -5
- package/dist/components/Radio/RadioControl.mjs.map +1 -1
- package/dist/components/Radio/RadioGroup.js +1 -1
- package/dist/components/Radio/RadioGroup.js.map +1 -1
- package/dist/components/Radio/RadioGroup.mjs +1 -1
- package/dist/components/Radio/RadioGroup.mjs.map +1 -1
- package/dist/components/SeeMoreButton/SeeMoreButton.d.ts.map +1 -1
- package/dist/components/SeeMoreButton/SeeMoreButton.js +8 -3
- package/dist/components/SeeMoreButton/SeeMoreButton.js.map +1 -1
- package/dist/components/SeeMoreButton/SeeMoreButton.mjs +8 -3
- package/dist/components/SeeMoreButton/SeeMoreButton.mjs.map +1 -1
- package/dist/components/SeeMoreButton/SeeMoreButton.styles.d.ts +20 -10
- package/dist/components/SeeMoreButton/SeeMoreButton.styles.d.ts.map +1 -1
- package/dist/components/SeeMoreButton/SeeMoreButton.styles.js +13 -5
- package/dist/components/SeeMoreButton/SeeMoreButton.styles.js.map +1 -1
- package/dist/components/SeeMoreButton/SeeMoreButton.styles.mjs +13 -5
- package/dist/components/SeeMoreButton/SeeMoreButton.styles.mjs.map +1 -1
- package/dist/components/SeeMoreButton/SeeMoreButton.types.d.ts +6 -2
- package/dist/components/SeeMoreButton/SeeMoreButton.types.d.ts.map +1 -1
- package/dist/components/Select/Select.styles.d.ts +13 -12
- package/dist/components/Select/Select.styles.d.ts.map +1 -1
- package/dist/components/Select/Select.styles.js +20 -14
- package/dist/components/Select/Select.styles.js.map +1 -1
- package/dist/components/Select/Select.styles.mjs +20 -14
- package/dist/components/Select/Select.styles.mjs.map +1 -1
- package/dist/components/Slider/SliderThumb/SliderThumb.js +1 -1
- package/dist/components/Slider/SliderThumb/SliderThumb.js.map +1 -1
- package/dist/components/Slider/SliderThumb/SliderThumb.mjs +1 -1
- package/dist/components/Slider/SliderThumb/SliderThumb.mjs.map +1 -1
- package/dist/components/Slider/SliderThumbs/SliderThumbs.js +1 -1
- package/dist/components/Slider/SliderThumbs/SliderThumbs.js.map +1 -1
- package/dist/components/Slider/SliderThumbs/SliderThumbs.mjs +1 -1
- package/dist/components/Slider/SliderThumbs/SliderThumbs.mjs.map +1 -1
- package/dist/components/Switch/SwitchControl.d.ts.map +1 -1
- package/dist/components/Switch/SwitchControl.js +8 -2
- package/dist/components/Switch/SwitchControl.js.map +1 -1
- package/dist/components/Switch/SwitchControl.mjs +8 -2
- package/dist/components/Switch/SwitchControl.mjs.map +1 -1
- package/dist/components/Table/Table.types.d.ts +1 -1
- package/dist/components/Tabs/Tab/Tab.d.ts.map +1 -1
- package/dist/components/Tabs/Tab/Tab.js +1 -1
- package/dist/components/Tabs/Tab/Tab.js.map +1 -1
- package/dist/components/Tabs/Tab/Tab.mjs +1 -1
- package/dist/components/Tabs/Tab/Tab.mjs.map +1 -1
- package/dist/components/Tabs/Tab/Tab.styles.d.ts +10 -12
- package/dist/components/Tabs/Tab/Tab.styles.d.ts.map +1 -1
- package/dist/components/Tabs/Tab/Tab.styles.js +8 -10
- package/dist/components/Tabs/Tab/Tab.styles.js.map +1 -1
- package/dist/components/Tabs/Tab/Tab.styles.mjs +8 -10
- package/dist/components/Tabs/Tab/Tab.styles.mjs.map +1 -1
- package/dist/components/Tag/Tag.d.ts.map +1 -1
- package/dist/components/Tag/Tag.js +41 -14
- package/dist/components/Tag/Tag.js.map +1 -1
- package/dist/components/Tag/Tag.mjs +43 -16
- package/dist/components/Tag/Tag.mjs.map +1 -1
- package/dist/components/Tag/Tag.styles.d.ts +55 -17
- package/dist/components/Tag/Tag.styles.d.ts.map +1 -1
- package/dist/components/Tag/Tag.styles.js +148 -128
- package/dist/components/Tag/Tag.styles.js.map +1 -1
- package/dist/components/Tag/Tag.styles.mjs +145 -126
- package/dist/components/Tag/Tag.styles.mjs.map +1 -1
- package/dist/components/Tag/Tag.types.d.ts +50 -29
- package/dist/components/Tag/Tag.types.d.ts.map +1 -1
- package/dist/components/Tag/TagCloseButton/TagCloseButton.d.ts +5 -0
- package/dist/components/Tag/TagCloseButton/TagCloseButton.d.ts.map +1 -1
- package/dist/components/Tag/TagCloseButton/TagCloseButton.js +7 -1
- package/dist/components/Tag/TagCloseButton/TagCloseButton.js.map +1 -1
- package/dist/components/Tag/TagCloseButton/TagCloseButton.mjs +7 -1
- package/dist/components/Tag/TagCloseButton/TagCloseButton.mjs.map +1 -1
- package/dist/components/Tag/index.d.ts +3 -2
- 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 +12 -10
- package/dist/components/Textarea/Textarea.js.map +1 -1
- package/dist/components/Textarea/Textarea.mjs +12 -10
- package/dist/components/Textarea/Textarea.mjs.map +1 -1
- package/dist/components/Toast/Toast.js +1 -1
- package/dist/components/Toast/Toast.mjs +1 -1
- package/dist/components/Toast/Toast.styles.d.ts +5 -3
- package/dist/components/Toast/Toast.styles.d.ts.map +1 -1
- package/dist/components/Toast/Toast.styles.js +54 -35
- package/dist/components/Toast/Toast.styles.js.map +1 -1
- package/dist/components/Toast/Toast.styles.mjs +54 -35
- package/dist/components/Toast/Toast.styles.mjs.map +1 -1
- package/dist/components/Toast/Toast.types.d.ts +8 -1
- package/dist/components/Toast/Toast.types.d.ts.map +1 -1
- package/dist/components/Toast/ToastIcon/ToastIcon.d.ts.map +1 -1
- package/dist/components/Toast/ToastIcon/ToastIcon.js +6 -4
- package/dist/components/Toast/ToastIcon/ToastIcon.js.map +1 -1
- package/dist/components/Toast/ToastIcon/ToastIcon.mjs +6 -4
- 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 +12 -1
- package/dist/components/Toast/Toaster.js.map +1 -1
- package/dist/components/Toast/Toaster.mjs +12 -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 +42 -8
- package/dist/components/Toast/useToast.js.map +1 -1
- package/dist/components/Toast/useToast.mjs +43 -9
- package/dist/components/Toast/useToast.mjs.map +1 -1
- package/dist/components/Tooltip/Tooltip.js +2 -2
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.mjs +2 -2
- package/dist/components/Tooltip/Tooltip.mjs.map +1 -1
- package/dist/components/Tree/TreeBranchControl.js +1 -1
- package/dist/components/Tree/TreeBranchControl.js.map +1 -1
- package/dist/components/Tree/TreeBranchControl.mjs +1 -1
- package/dist/components/Tree/TreeBranchControl.mjs.map +1 -1
- package/dist/components/Tree/TreeItem.js +1 -1
- package/dist/components/Tree/TreeItem.js.map +1 -1
- package/dist/components/Tree/TreeItem.mjs +1 -1
- package/dist/components/Tree/TreeItem.mjs.map +1 -1
- package/dist/components/Typography/Caption.js +5 -5
- package/dist/components/Typography/Caption.js.map +1 -1
- package/dist/components/Typography/Caption.mjs +5 -5
- package/dist/components/Typography/Caption.mjs.map +1 -1
- package/dist/components/Typography/Link.d.ts +10 -16
- package/dist/components/Typography/Link.d.ts.map +1 -1
- package/dist/components/Typography/Link.js +24 -29
- package/dist/components/Typography/Link.js.map +1 -1
- package/dist/components/Typography/Link.mjs +24 -29
- package/dist/components/Typography/Link.mjs.map +1 -1
- package/dist/components/Typography/Overline.js +2 -2
- package/dist/components/Typography/Overline.js.map +1 -1
- package/dist/components/Typography/Overline.mjs +2 -2
- package/dist/components/Typography/Overline.mjs.map +1 -1
- package/dist/components/Workflow/Workflow.js +1 -1
- package/dist/components/Workflow/Workflow.js.map +1 -1
- package/dist/components/Workflow/Workflow.mjs +1 -1
- package/dist/components/Workflow/Workflow.mjs.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/BranchLabelBadge.d.ts.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/BranchLabelBadge.js +7 -6
- package/dist/components/Workflow/canvas/Canvas/BranchLabelBadge.js.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/BranchLabelBadge.mjs +7 -6
- package/dist/components/Workflow/canvas/Canvas/BranchLabelBadge.mjs.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/Canvas.js +8 -8
- package/dist/components/Workflow/canvas/Canvas/Canvas.js.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/Canvas.mjs +8 -8
- package/dist/components/Workflow/canvas/Canvas/Canvas.mjs.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/Canvas.styles.d.ts +2 -2
- package/dist/components/Workflow/canvas/Canvas/Canvas.styles.d.ts.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/Canvas.styles.js +13 -12
- package/dist/components/Workflow/canvas/Canvas/Canvas.styles.js.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/Canvas.styles.mjs +13 -12
- package/dist/components/Workflow/canvas/Canvas/Canvas.styles.mjs.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/LabeledEdge.js +1 -1
- package/dist/components/Workflow/canvas/Canvas/LabeledEdge.js.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/LabeledEdge.mjs +1 -1
- package/dist/components/Workflow/canvas/Canvas/LabeledEdge.mjs.map +1 -1
- package/dist/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.js +1 -1
- package/dist/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.js.map +1 -1
- package/dist/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.mjs +1 -1
- package/dist/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.mjs.map +1 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerHeader.d.ts.map +1 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerHeader.js +1 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerHeader.js.map +1 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerHeader.mjs +1 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerHeader.mjs.map +1 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerIssues.js +2 -2
- package/dist/components/Workflow/canvas/DrawerShell/DrawerIssues.js.map +1 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerIssues.mjs +2 -2
- package/dist/components/Workflow/canvas/DrawerShell/DrawerIssues.mjs.map +1 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerShell.js +5 -4
- package/dist/components/Workflow/canvas/DrawerShell/DrawerShell.js.map +1 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerShell.mjs +5 -4
- package/dist/components/Workflow/canvas/DrawerShell/DrawerShell.mjs.map +1 -1
- package/dist/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.js +2 -2
- package/dist/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.js.map +1 -1
- package/dist/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.mjs +2 -2
- package/dist/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.mjs.map +1 -1
- package/dist/components/Workflow/canvas/FieldWrapper/FieldWrapper.js +1 -1
- package/dist/components/Workflow/canvas/FieldWrapper/FieldWrapper.js.map +1 -1
- package/dist/components/Workflow/canvas/FieldWrapper/FieldWrapper.mjs +1 -1
- package/dist/components/Workflow/canvas/FieldWrapper/FieldWrapper.mjs.map +1 -1
- package/dist/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.js +1 -1
- package/dist/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.js.map +1 -1
- package/dist/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.mjs +1 -1
- package/dist/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.mjs.map +1 -1
- package/dist/components/Workflow/canvas/IconTile/IconTile.styles.d.ts +11 -3
- package/dist/components/Workflow/canvas/IconTile/IconTile.styles.d.ts.map +1 -1
- package/dist/components/Workflow/canvas/IconTile/IconTile.styles.js +29 -13
- package/dist/components/Workflow/canvas/IconTile/IconTile.styles.js.map +1 -1
- package/dist/components/Workflow/canvas/IconTile/IconTile.styles.mjs +29 -13
- package/dist/components/Workflow/canvas/IconTile/IconTile.styles.mjs.map +1 -1
- package/dist/components/Workflow/canvas/IssueList/IssueList.js +2 -2
- package/dist/components/Workflow/canvas/IssueList/IssueList.js.map +1 -1
- package/dist/components/Workflow/canvas/IssueList/IssueList.mjs +2 -2
- 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 +2 -2
- package/dist/components/Workflow/canvas/NodePalette/NodePalette.js.map +1 -1
- package/dist/components/Workflow/canvas/NodePalette/NodePalette.mjs +2 -2
- package/dist/components/Workflow/canvas/NodePalette/NodePalette.mjs.map +1 -1
- package/dist/components/Workflow/canvas/NodePalette/NodePaletteToggle.d.ts.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 +1 -1
- package/dist/components/Workflow/canvas/NodePalette/NodePaletteToggle.mjs.map +1 -1
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.d.ts.map +1 -1
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.js +42 -32
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.js.map +1 -1
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.mjs +42 -32
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.mjs.map +1 -1
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.styles.d.ts +9 -4
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.styles.d.ts.map +1 -1
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.styles.js +8 -8
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.styles.js.map +1 -1
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.styles.mjs +7 -7
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.styles.mjs.map +1 -1
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.types.d.ts +2 -0
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.types.d.ts.map +1 -1
- package/dist/components/Workflow/canvas/SeverityDot/SeverityDot.d.ts +5 -4
- package/dist/components/Workflow/canvas/SeverityDot/SeverityDot.d.ts.map +1 -1
- package/dist/components/Workflow/canvas/SeverityDot/SeverityDot.js +1 -1
- package/dist/components/Workflow/canvas/SeverityDot/SeverityDot.js.map +1 -1
- package/dist/components/Workflow/canvas/SeverityDot/SeverityDot.mjs +1 -1
- package/dist/components/Workflow/canvas/SeverityDot/SeverityDot.mjs.map +1 -1
- package/dist/components/Workflow/canvas/colorVar.d.ts +20 -0
- package/dist/components/Workflow/canvas/colorVar.d.ts.map +1 -0
- package/dist/components/Workflow/canvas/colorVar.js +32 -0
- package/dist/components/Workflow/canvas/colorVar.js.map +1 -0
- package/dist/components/Workflow/canvas/colorVar.mjs +29 -0
- package/dist/components/Workflow/canvas/colorVar.mjs.map +1 -0
- package/dist/components/Workflow/canvas/issueSeverity.d.ts +6 -4
- package/dist/components/Workflow/canvas/issueSeverity.d.ts.map +1 -1
- package/dist/components/Workflow/canvas/issueSeverity.js +6 -4
- package/dist/components/Workflow/canvas/issueSeverity.js.map +1 -1
- package/dist/components/Workflow/canvas/issueSeverity.mjs +6 -4
- package/dist/components/Workflow/canvas/issueSeverity.mjs.map +1 -1
- package/dist/components/Workflow/canvas/workflowLabelProps.d.ts +1 -1
- package/dist/components/Workflow/canvas/workflowLabelProps.js +1 -1
- package/dist/components/Workflow/canvas/workflowLabelProps.mjs +1 -1
- package/dist/index.d.ts +5 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +24 -9
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +11 -8
- package/dist/index.mjs.map +1 -1
- package/dist/theme/colors.d.ts +43 -1139
- package/dist/theme/colors.d.ts.map +1 -1
- package/dist/theme/colors.js +336 -760
- package/dist/theme/colors.js.map +1 -1
- package/dist/theme/colors.mjs +334 -761
- package/dist/theme/colors.mjs.map +1 -1
- package/dist/theme/deprecatedColorTokens.json.js +69 -0
- package/dist/theme/deprecatedColorTokens.json.js.map +1 -0
- package/dist/theme/deprecatedColorTokens.json.mjs +64 -0
- package/dist/theme/deprecatedColorTokens.json.mjs.map +1 -0
- package/dist/theme/global.d.ts +3 -2
- package/dist/theme/global.d.ts.map +1 -1
- package/dist/theme/global.js +12 -18
- package/dist/theme/global.js.map +1 -1
- package/dist/theme/global.mjs +12 -18
- package/dist/theme/global.mjs.map +1 -1
- package/dist/theme/index.d.ts +34 -1
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js +143 -81
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/index.mjs +144 -84
- package/dist/theme/index.mjs.map +1 -1
- package/dist/theme/palette.generated.d.ts +887 -0
- package/dist/theme/palette.generated.d.ts.map +1 -0
- package/dist/theme/palette.generated.js +898 -0
- package/dist/theme/palette.generated.js.map +1 -0
- package/dist/theme/palette.generated.mjs +893 -0
- package/dist/theme/palette.generated.mjs.map +1 -0
- package/dist/theme/paletteSwatches.d.ts +22 -0
- package/dist/theme/paletteSwatches.d.ts.map +1 -0
- package/dist/theme/recipes/table.js +2 -2
- package/dist/theme/recipes/table.js.map +1 -1
- package/dist/theme/recipes/table.mjs +2 -2
- package/dist/theme/recipes/table.mjs.map +1 -1
- package/dist/utils/disabledControl.d.ts +27 -0
- package/dist/utils/disabledControl.d.ts.map +1 -0
- package/dist/utils/disabledControl.js +33 -0
- package/dist/utils/disabledControl.js.map +1 -0
- package/dist/utils/disabledControl.mjs +30 -0
- package/dist/utils/disabledControl.mjs.map +1 -0
- package/dist/utils/focusRing.d.ts +7 -1
- package/dist/utils/focusRing.d.ts.map +1 -1
- package/dist/utils/focusRing.js +8 -1
- package/dist/utils/focusRing.js.map +1 -1
- package/dist/utils/focusRing.mjs +8 -2
- package/dist/utils/focusRing.mjs.map +1 -1
- package/dist/utils/isDev.d.ts +22 -0
- package/dist/utils/isDev.d.ts.map +1 -0
- package/dist/utils/isDev.js +34 -0
- package/dist/utils/isDev.js.map +1 -0
- package/dist/utils/isDev.mjs +32 -0
- package/dist/utils/isDev.mjs.map +1 -0
- package/eslint/index.js +28 -0
- package/eslint/rules/no-deprecated-tokens.js +128 -0
- package/eslint/rules/no-deprecated-tokens.test.ts +130 -0
- package/package.json +16 -7
- package/src/components/Accordion/Accordion.stories.tsx +20 -12
- package/src/components/Appear/Appear.stories.tsx +6 -13
- package/src/components/Avatar/Avatar.hue.test.ts +67 -0
- package/src/components/Avatar/Avatar.stories.tsx +79 -23
- package/src/components/Avatar/Avatar.tsx +56 -2
- package/src/components/Avatar/index.tsx +1 -1
- package/src/components/Badge/Badge.stories.tsx +24 -50
- package/src/components/Badge/Badge.styles.ts +56 -50
- package/src/components/Badge/Badge.tsx +11 -7
- package/src/components/Badge/Badge.types.ts +18 -14
- package/src/components/Badge/index.ts +7 -1
- package/src/components/Banner/Banner.stories.tsx +10 -3
- package/src/components/Banner/Banner.styles.ts +43 -27
- package/src/components/Banner/Banner.types.ts +1 -1
- package/src/components/BottomSheet/BottomSheet.stories.tsx +3 -4
- package/src/components/BottomSheet/BottomSheetCloseButton.tsx +0 -1
- package/src/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.tsx +1 -1
- package/src/components/Button/Button.legacy.ts +180 -0
- package/src/components/Button/Button.lift.test.tsx +6 -14
- package/src/components/Button/Button.press.test.tsx +20 -15
- package/src/components/Button/Button.stories.tsx +122 -352
- package/src/components/Button/Button.styles.ts +145 -397
- package/src/components/Button/Button.tsx +49 -17
- package/src/components/Button/Button.types.ts +50 -37
- package/src/components/Button/Button.variants.test.tsx +149 -0
- package/src/components/Button/index.tsx +2 -0
- package/src/components/Card/Card.styles.ts +6 -13
- package/src/components/Card/Card.tsx +1 -6
- package/src/components/Card/Card.types.ts +1 -5
- package/src/components/Checkbox/CheckboxControl.tsx +17 -10
- package/src/components/Chip/Chip.stories.tsx +17 -230
- package/src/components/Chip/Chip.tsx +40 -24
- package/src/components/Chip/Chip.types.ts +38 -26
- package/src/components/Chip/index.ts +0 -6
- package/src/components/Code/Code.tsx +2 -3
- package/src/components/CodeTabs/CodeTabs.contrast.test.tsx +109 -0
- package/src/components/CodeTabs/CodeTabs.styles.ts +26 -0
- package/src/components/CodeTabs/CodeTabs.tsx +16 -4
- package/src/components/CodeTabs/CopyButton.tsx +6 -4
- package/src/components/Confetti/Confetti.stories.tsx +1 -1
- package/src/components/Confetti/Confetti.tsx +8 -43
- package/src/components/Confetti/confettiColors.test.ts +47 -0
- package/src/components/Confetti/confettiColors.ts +41 -0
- package/src/components/Container/Container.stories.tsx +1 -1
- package/src/components/CopyableCode/CopyableCode.tsx +1 -2
- package/src/components/CountBadge/CountBadge.stories.tsx +109 -0
- package/src/components/CountBadge/CountBadge.styles.ts +40 -0
- package/src/components/CountBadge/CountBadge.test.tsx +57 -0
- package/src/components/CountBadge/CountBadge.tsx +112 -0
- package/src/components/CountBadge/CountBadge.types.ts +34 -0
- package/src/components/CountBadge/index.ts +2 -0
- package/src/components/DatePicker/RangeDatePicker.tsx +8 -8
- package/src/components/DatePicker/SingleDatePicker.tsx +5 -5
- package/src/components/ErrorFallback/ErrorFallback.lift.test.tsx +45 -0
- package/src/components/ErrorFallback/ErrorFallback.tsx +16 -31
- package/src/components/ExpandableText/ExpandableText.tsx +1 -1
- package/src/components/FileItem/FileItem.tsx +1 -4
- package/src/components/FlyTo/FlyTo.stories.tsx +6 -1
- package/src/components/Form/FieldError/FieldError.tsx +2 -2
- package/src/components/Form/FormFooter/FormFooter.stories.tsx +4 -4
- package/src/components/Form/FormModalFooter/FormModalFooter.tsx +5 -6
- package/src/components/Form/FormSection/FormSection.stories.tsx +1 -1
- package/src/components/FormIntegration/FormIntegration.stories.tsx +4 -4
- package/src/components/FormLabel/FormLabel.tsx +1 -1
- package/src/components/Icon/ICON_MANAGEMENT.md +7 -7
- package/src/components/Icon/Icon.stories.tsx +220 -116
- package/src/components/Icon/_utils/createIcon.tsx +2 -2
- package/src/components/Icon/_utils/createIconGroup.tsx +1 -1
- package/src/components/IconButton/IconButton.stories.tsx +63 -216
- package/src/components/IconButton/IconButton.styles.ts +104 -27
- package/src/components/IconButton/IconButton.tsx +39 -12
- package/src/components/IconButton/IconButton.types.ts +30 -20
- package/src/components/IconButton/index.tsx +1 -0
- package/src/components/InlineCode/InlineCode.tsx +6 -6
- package/src/components/Input/Input.stories.tsx +10 -10
- package/src/components/Input/Input.tsx +12 -10
- package/src/components/LineGraph/LineGraph.tsx +24 -6
- package/src/components/LineGraph/seriesColors.test.ts +40 -0
- package/src/components/LineGraph/seriesColors.ts +42 -0
- package/src/components/Loaders/LoaderStatus.tsx +25 -0
- package/src/components/Loaders/Loaders.styles.ts +28 -0
- package/src/components/Loaders/Loaders.test.tsx +63 -0
- package/src/components/Loaders/Loaders.translations.json +9 -0
- package/src/components/Loaders/PageLoader.stories.tsx +15 -1
- package/src/components/Loaders/PageLoader.tsx +28 -4
- package/src/components/Loaders/SectionLoader.stories.tsx +10 -3
- package/src/components/Loaders/SectionLoader.tsx +16 -3
- package/src/components/Loaders/ThinkingDots.tsx +27 -0
- package/src/components/Loaders/index.ts +2 -1
- package/src/components/LogicianProvider/LogicianProvider.stories.tsx +28 -43
- package/src/components/LogicianProvider/LogicianProvider.tsx +35 -5
- package/src/components/Masonry/Masonry.stories.tsx +17 -5
- package/src/components/Menu/Menu.stories.tsx +58 -20
- package/src/components/Menu/MenuItem.highlight.test.tsx +72 -0
- package/src/components/Menu/MenuItem.tsx +9 -6
- package/src/components/Menu/MenuList.tsx +1 -1
- package/src/components/Modal/Modal.stories.tsx +76 -25
- package/src/components/Modal/Modal.tsx +5 -1
- package/src/components/Modal/Modal.types.ts +13 -0
- package/src/components/Modal/ModalContext.ts +4 -0
- package/src/components/Modal/ModalHeader.a11y.test.tsx +51 -0
- package/src/components/Modal/ModalHeader.tsx +73 -3
- package/src/components/Modal/index.tsx +2 -2
- package/src/components/MonthPicker/MonthButton/MonthButton.tsx +9 -14
- package/src/components/MonthPicker/MonthPicker.stories.tsx +13 -9
- package/src/components/Pagination/Pagination.stories.tsx +5 -6
- package/src/components/Pagination/Pagination.tsx +0 -2
- package/src/components/PinInput/PinInput.tsx +9 -5
- package/src/components/Popover/Popover.stories.tsx +5 -5
- package/src/components/ProgressBar/ProgressBar.tsx +1 -1
- package/src/components/Pulse/Pulse.stories.tsx +1 -1
- package/src/components/RadialProgress/RadialProgress.tsx +4 -7
- package/src/components/RadialProgress/RadialProgress.types.ts +1 -1
- package/src/components/Radio/Radio.stories.tsx +1 -1
- package/src/components/Radio/RadioControl.indicator.test.tsx +72 -0
- package/src/components/Radio/RadioControl.tsx +34 -6
- package/src/components/Radio/RadioGroup.tsx +1 -1
- package/src/components/Reveal/Reveal.stories.tsx +5 -1
- package/src/components/ScaledContext/ScaledContext.stories.tsx +21 -14
- package/src/components/SeeMoreButton/SeeMoreButton.border.test.tsx +51 -0
- package/src/components/SeeMoreButton/SeeMoreButton.stories.tsx +8 -0
- package/src/components/SeeMoreButton/SeeMoreButton.styles.ts +14 -6
- package/src/components/SeeMoreButton/SeeMoreButton.tsx +11 -2
- package/src/components/SeeMoreButton/SeeMoreButton.types.ts +9 -2
- package/src/components/SegmentedProgressBar/SegmentedProgressBar.stories.tsx +48 -31
- package/src/components/Select/Combobox.stories.tsx +1 -1
- package/src/components/Select/Comparison.stories.tsx +1 -1
- package/src/components/Select/Select.stories.tsx +22 -22
- package/src/components/Select/Select.styles.ts +20 -14
- package/src/components/Shake/Shake.stories.tsx +10 -12
- package/src/components/Slider/Slider.stories.tsx +43 -9
- package/src/components/Slider/SliderThumb/SliderThumb.tsx +1 -1
- package/src/components/Slider/SliderThumbs/SliderThumbs.tsx +1 -1
- package/src/components/SwapTransition/SwapTransition.stories.tsx +3 -4
- package/src/components/Switch/SwitchControl.tsx +8 -0
- package/src/components/Table/Table.stories.tsx +36 -20
- package/src/components/Table/Table.types.ts +1 -1
- package/src/components/Tabs/Tab/Tab.styles.ts +8 -10
- package/src/components/Tabs/Tab/Tab.tsx +1 -0
- package/src/components/Tabs/Tabs.stories.tsx +38 -26
- package/src/components/Tag/Tag.legacy.test.tsx +179 -0
- package/src/components/Tag/Tag.stories.tsx +107 -148
- package/src/components/Tag/Tag.styles.ts +186 -135
- package/src/components/Tag/Tag.test.tsx +115 -0
- package/src/components/Tag/Tag.tsx +103 -21
- package/src/components/Tag/Tag.types.ts +52 -29
- package/src/components/Tag/TagCloseButton/TagCloseButton.tsx +19 -1
- package/src/components/Tag/index.ts +5 -3
- package/src/components/Textarea/Textarea.stories.tsx +6 -1
- package/src/components/Textarea/Textarea.tsx +13 -11
- package/src/components/Toast/Toast.action.test.tsx +13 -0
- package/src/components/Toast/Toast.stories.tsx +17 -7
- package/src/components/Toast/Toast.styles.ts +54 -35
- package/src/components/Toast/Toast.tsx +1 -1
- package/src/components/Toast/Toast.types.ts +9 -1
- package/src/components/Toast/Toast.update.test.tsx +124 -0
- package/src/components/Toast/ToastIcon/ToastIcon.tsx +6 -4
- package/src/components/Toast/Toaster.tsx +14 -2
- package/src/components/Toast/useToast.tsx +54 -14
- package/src/components/Tooltip/Tooltip.stories.tsx +12 -12
- package/src/components/Tooltip/Tooltip.tsx +2 -2
- package/src/components/Tree/Tree.GuideElbow.stories.tsx +2 -2
- package/src/components/Tree/TreeBranchControl.tsx +1 -1
- package/src/components/Tree/TreeBranchIndentGuide.test.tsx +2 -2
- package/src/components/Tree/TreeItem.tsx +1 -1
- package/src/components/Typography/Caption.tsx +5 -5
- package/src/components/Typography/Link.tsx +27 -29
- package/src/components/Typography/Overline.tsx +2 -2
- package/src/components/Workflow/README.md +58 -52
- package/src/components/Workflow/Workflow.translations.json +1 -1
- package/src/components/Workflow/Workflow.tsx +1 -1
- package/src/components/Workflow/canvas/Canvas/BranchLabelBadge.tsx +7 -6
- package/src/components/Workflow/canvas/Canvas/Canvas.styles.ts +14 -12
- package/src/components/Workflow/canvas/Canvas/Canvas.tsx +9 -9
- package/src/components/Workflow/canvas/Canvas/LabeledEdge.tsx +2 -2
- package/src/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.tsx +4 -4
- package/src/components/Workflow/canvas/DrawerShell/DrawerHeader.tsx +2 -4
- package/src/components/Workflow/canvas/DrawerShell/DrawerIssues.tsx +2 -2
- package/src/components/Workflow/canvas/DrawerShell/DrawerShell.tsx +6 -6
- package/src/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.tsx +4 -4
- package/src/components/Workflow/canvas/FieldWrapper/FieldWrapper.tsx +2 -2
- package/src/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.tsx +12 -12
- package/src/components/Workflow/canvas/IconTile/IconTile.styles.ts +29 -13
- package/src/components/Workflow/canvas/IssueList/IssueList.tsx +3 -3
- package/src/components/Workflow/canvas/NodePalette/NodePalette.tsx +6 -7
- package/src/components/Workflow/canvas/NodePalette/NodePaletteToggle.tsx +1 -2
- package/src/components/Workflow/canvas/NodeShell/NodeShell.styles.ts +6 -8
- package/src/components/Workflow/canvas/NodeShell/NodeShell.test.tsx +79 -0
- package/src/components/Workflow/canvas/NodeShell/NodeShell.tsx +46 -37
- package/src/components/Workflow/canvas/NodeShell/NodeShell.types.ts +2 -0
- package/src/components/Workflow/canvas/SeverityDot/SeverityDot.tsx +6 -5
- package/src/components/Workflow/canvas/canvasStroke.test.ts +84 -0
- package/src/components/Workflow/canvas/colorVar.ts +26 -0
- package/src/components/Workflow/canvas/issueSeverity.ts +7 -5
- package/src/components/Workflow/canvas/workflowLabelProps.ts +1 -1
- package/src/components/Workflow/stories/Workflow.stories.tsx +4 -5
- package/src/components/a11y.kwcag.test.tsx +64 -83
- package/src/components/claude.md +40 -58
- package/src/components/noRawScales.test.ts +152 -0
- package/src/components/noSandBackground.test.ts +282 -0
- package/src/index.ts +18 -1
- package/src/stories/SizeComparison.stories.tsx +1 -1
- package/src/theme/BazePalette.stories.tsx +202 -0
- package/src/theme/Borders.stories.tsx +9 -9
- package/src/theme/Motion.stories.tsx +19 -19
- package/src/theme/MotionCases.stories.tsx +1 -1
- package/src/theme/Palette.stories.tsx +101 -515
- package/src/theme/SemanticTokens.mdx +61 -242
- package/src/theme/Surfaces.stories.tsx +3 -3
- package/src/theme/chakraTokens.test.ts +115 -0
- package/src/theme/claude.md +111 -502
- package/src/theme/colors.ts +403 -822
- package/src/theme/contrast.test.ts +343 -0
- package/src/theme/cssVarNames.test.ts +36 -0
- package/src/theme/deprecatedColorTokens.json +95 -0
- package/src/theme/global.ts +12 -19
- package/src/theme/index.ts +154 -82
- package/src/theme/palette.generated.ts +893 -0
- package/src/theme/paletteSwatches.test.ts +42 -0
- package/src/theme/paletteSwatches.ts +80 -0
- package/src/theme/recipes/table.ts +2 -2
- package/src/utils/disabledControl.ts +27 -0
- package/src/utils/focusRing.ts +9 -2
- package/src/utils/isDev.test.ts +41 -0
- package/src/utils/isDev.ts +27 -0
- package/dist/components/Chip/Chip.styles.d.ts +0 -20
- package/dist/components/Chip/Chip.styles.d.ts.map +0 -1
- package/dist/components/Chip/Chip.styles.js +0 -143
- package/dist/components/Chip/Chip.styles.js.map +0 -1
- package/dist/components/Chip/Chip.styles.mjs +0 -137
- package/dist/components/Chip/Chip.styles.mjs.map +0 -1
- package/src/components/Chip/Chip.styles.ts +0 -147
|
@@ -1,30 +1,37 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
/**
|
|
3
|
-
* Toast variant styles
|
|
3
|
+
* Toast variant styles on the BAZE token set.
|
|
4
4
|
*
|
|
5
|
-
*
|
|
6
|
-
*
|
|
5
|
+
* Each status is bg `{s}.bg` + text `{s}.fg` + a 1px `{s}.border` outline —
|
|
6
|
+
* `info` reads its own `info.*` family instead of borrowing `primary.*`.
|
|
7
|
+
* `neutral` carries no status (it is the default when none is given):
|
|
8
|
+
* `border.default` / `bg.surface` / `fg.default`.
|
|
7
9
|
*/
|
|
8
10
|
const toastStyles = {
|
|
9
11
|
info: {
|
|
10
|
-
bg: '
|
|
11
|
-
color: '
|
|
12
|
-
borderColor: '
|
|
12
|
+
bg: 'info.bg',
|
|
13
|
+
color: 'info.fg',
|
|
14
|
+
borderColor: 'info.border',
|
|
13
15
|
},
|
|
14
16
|
warning: {
|
|
15
|
-
bg: 'warning.
|
|
16
|
-
color: 'warning.
|
|
17
|
-
borderColor: 'warning.
|
|
17
|
+
bg: 'warning.bg',
|
|
18
|
+
color: 'warning.fg',
|
|
19
|
+
borderColor: 'warning.border',
|
|
18
20
|
},
|
|
19
21
|
success: {
|
|
20
|
-
bg: 'success.
|
|
21
|
-
color: 'success.
|
|
22
|
-
borderColor: 'success.
|
|
22
|
+
bg: 'success.bg',
|
|
23
|
+
color: 'success.fg',
|
|
24
|
+
borderColor: 'success.border',
|
|
23
25
|
},
|
|
24
26
|
error: {
|
|
25
|
-
bg: 'danger.
|
|
26
|
-
color: 'danger.
|
|
27
|
-
borderColor: 'danger.
|
|
27
|
+
bg: 'danger.bg',
|
|
28
|
+
color: 'danger.fg',
|
|
29
|
+
borderColor: 'danger.border',
|
|
30
|
+
},
|
|
31
|
+
neutral: {
|
|
32
|
+
bg: 'bg.surface',
|
|
33
|
+
color: 'fg.default',
|
|
34
|
+
borderColor: 'border.default',
|
|
28
35
|
},
|
|
29
36
|
};
|
|
30
37
|
/**
|
|
@@ -34,27 +41,33 @@ const toastStyles = {
|
|
|
34
41
|
*/
|
|
35
42
|
const closeButtonStyles = {
|
|
36
43
|
info: {
|
|
37
|
-
color: '
|
|
44
|
+
color: 'info.fg',
|
|
38
45
|
_hover: {
|
|
39
|
-
bg: '
|
|
46
|
+
bg: 'info.border',
|
|
40
47
|
},
|
|
41
48
|
},
|
|
42
49
|
warning: {
|
|
43
|
-
color: 'warning.
|
|
50
|
+
color: 'warning.fg',
|
|
44
51
|
_hover: {
|
|
45
|
-
bg: 'warning.
|
|
52
|
+
bg: 'warning.border',
|
|
46
53
|
},
|
|
47
54
|
},
|
|
48
55
|
success: {
|
|
49
|
-
color: 'success.
|
|
56
|
+
color: 'success.fg',
|
|
50
57
|
_hover: {
|
|
51
|
-
bg: 'success.
|
|
58
|
+
bg: 'success.border',
|
|
52
59
|
},
|
|
53
60
|
},
|
|
54
61
|
error: {
|
|
55
|
-
color: 'danger.
|
|
62
|
+
color: 'danger.fg',
|
|
63
|
+
_hover: {
|
|
64
|
+
bg: 'danger.border',
|
|
65
|
+
},
|
|
66
|
+
},
|
|
67
|
+
neutral: {
|
|
68
|
+
color: 'fg.default',
|
|
56
69
|
_hover: {
|
|
57
|
-
bg: '
|
|
70
|
+
bg: 'bg.muted',
|
|
58
71
|
},
|
|
59
72
|
},
|
|
60
73
|
};
|
|
@@ -84,27 +97,33 @@ const actionBase = {
|
|
|
84
97
|
const actionStyles = {
|
|
85
98
|
info: {
|
|
86
99
|
...actionBase,
|
|
87
|
-
color: '
|
|
88
|
-
_hover: { bg: '
|
|
89
|
-
_focusVisible: { outline: '2px solid', outlineColor: '
|
|
100
|
+
color: 'info.fg',
|
|
101
|
+
_hover: { bg: 'info.border' },
|
|
102
|
+
_focusVisible: { outline: '2px solid', outlineColor: 'info.fg' },
|
|
90
103
|
},
|
|
91
104
|
warning: {
|
|
92
105
|
...actionBase,
|
|
93
|
-
color: 'warning.
|
|
94
|
-
_hover: { bg: 'warning.
|
|
95
|
-
_focusVisible: { outline: '2px solid', outlineColor: 'warning.
|
|
106
|
+
color: 'warning.fg',
|
|
107
|
+
_hover: { bg: 'warning.border' },
|
|
108
|
+
_focusVisible: { outline: '2px solid', outlineColor: 'warning.fg' },
|
|
96
109
|
},
|
|
97
110
|
success: {
|
|
98
111
|
...actionBase,
|
|
99
|
-
color: 'success.
|
|
100
|
-
_hover: { bg: 'success.
|
|
101
|
-
_focusVisible: { outline: '2px solid', outlineColor: 'success.
|
|
112
|
+
color: 'success.fg',
|
|
113
|
+
_hover: { bg: 'success.border' },
|
|
114
|
+
_focusVisible: { outline: '2px solid', outlineColor: 'success.fg' },
|
|
102
115
|
},
|
|
103
116
|
error: {
|
|
104
117
|
...actionBase,
|
|
105
|
-
color: 'danger.
|
|
106
|
-
_hover: { bg: 'danger.
|
|
107
|
-
_focusVisible: { outline: '2px solid', outlineColor: 'danger.
|
|
118
|
+
color: 'danger.fg',
|
|
119
|
+
_hover: { bg: 'danger.border' },
|
|
120
|
+
_focusVisible: { outline: '2px solid', outlineColor: 'danger.fg' },
|
|
121
|
+
},
|
|
122
|
+
neutral: {
|
|
123
|
+
...actionBase,
|
|
124
|
+
color: 'fg.default',
|
|
125
|
+
_hover: { bg: 'bg.muted' },
|
|
126
|
+
_focusVisible: { outline: '2px solid', outlineColor: 'fg.default' },
|
|
108
127
|
},
|
|
109
128
|
};
|
|
110
129
|
/** Default duration (ms) of a toast without an action, when none is given */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.styles.mjs","sources":["../../../src/components/Toast/Toast.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAIA
|
|
1
|
+
{"version":3,"file":"Toast.styles.mjs","sources":["../../../src/components/Toast/Toast.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ import { BoxProps, ToastOptions, ToastRootProps, ToastStatusChangeDetails } from
|
|
|
4
4
|
* Toast status type - common toast statuses used in Logician UI
|
|
5
5
|
* Subset of Zag.js Type, excluding 'loading' for UI consistency
|
|
6
6
|
*/
|
|
7
|
-
export type ToastStatus = 'info' | 'warning' | 'success' | 'error';
|
|
7
|
+
export type ToastStatus = 'info' | 'warning' | 'success' | 'error' | 'neutral';
|
|
8
8
|
/**
|
|
9
9
|
* The single action a toast can carry.
|
|
10
10
|
*
|
|
@@ -51,6 +51,13 @@ export interface UseToastOptions extends Omit<ToastOptions, 'action'> {
|
|
|
51
51
|
/** Custom styles to apply to the toast */
|
|
52
52
|
styles?: BoxProps;
|
|
53
53
|
}
|
|
54
|
+
/**
|
|
55
|
+
* Options for `useToast().update(id, options)`. Every field is optional;
|
|
56
|
+
* `status` (or Chakra's `type`) re-colours the toast.
|
|
57
|
+
*/
|
|
58
|
+
export type UseToastUpdateOptions = Partial<UseToastOptions> & {
|
|
59
|
+
meta?: ToasterCreateOptions['meta'];
|
|
60
|
+
};
|
|
54
61
|
/**
|
|
55
62
|
* Extended toast options for toaster.create()
|
|
56
63
|
* Extends Chakra's ToastOptions with custom metadata
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.types.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,wBAAwB,EACzB,MAAM,kBAAkB,CAAC;AAE1B;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Toast.types.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EACL,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,wBAAwB,EACzB,MAAM,kBAAkB,CAAC;AAE1B;;;GAGG;AACH,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;AAE/E;;;;;;;GAOG;AACH,MAAM,WAAW,WAAW;IAC1B,uEAAuE;IACvE,KAAK,EAAE,SAAS,CAAC;IACjB,2EAA2E;IAC3E,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED;;;GAGG;AACH,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,cAAc,EAAE,OAAO,CAAC;IAC/D,uDAAuD;IACvD,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gCAAgC;IAChC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,wDAAwD;IACxD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,gEAAgE;IAChE,MAAM,CAAC,EAAE,WAAW,CAAC;CACtB;AAED;;;GAGG;AACH,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,YAAY,EAAE,QAAQ,CAAC;IACnE,mDAAmD;IACnD,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;;OAIG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB;AAED;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG,OAAO,CAAC,eAAe,CAAC,GAAG;IAC7D,IAAI,CAAC,EAAE,oBAAoB,CAAC,MAAM,CAAC,CAAC;CACrC,CAAC;AAEF;;;GAGG;AACH,MAAM,WAAW,oBAAqB,SAAQ,YAAY;IACxD,mEAAmE;IACnE,IAAI,CAAC,EAAE;QACL,yCAAyC;QACzC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;QACrB,8EAA8E;QAC9E,MAAM,CAAC,EAAE,WAAW,CAAC;QACrB,uDAAuD;QACvD,MAAM,CAAC,EAAE,QAAQ,CAAC;QAClB,uCAAuC;QACvC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;KACpB,CAAC;CACH;AAED;;GAEG;AACH,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,wBAAwB,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/ToastIcon/ToastIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASlC,OAAO,EAAE,UAAU,EAAe,MAAM,gBAAgB,CAAC;AAEzD,eAAO,MAAM,SAAS,GAAI,YAAY,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"ToastIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/ToastIcon/ToastIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASlC,OAAO,EAAE,UAAU,EAAe,MAAM,gBAAgB,CAAC;AAEzD,eAAO,MAAM,SAAS,GAAI,YAAY,QAAQ,CAAC,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC,cAWzE,CAAC"}
|
|
@@ -6,10 +6,12 @@ var index = require('../../Icon/index.js');
|
|
|
6
6
|
|
|
7
7
|
const ToastIcon = ({ status }) => {
|
|
8
8
|
const iconProps = {
|
|
9
|
-
info: jsxRuntime.jsx(index.InfoCircleIcon, { boxSize: "md", color: "
|
|
10
|
-
warning: jsxRuntime.jsx(index.WarningIcon, { boxSize: "lg", color: "warning.
|
|
11
|
-
success: jsxRuntime.jsx(index.CircleCheckIcon, { boxSize: "lg", color: "success.
|
|
12
|
-
error: jsxRuntime.jsx(index.AlertCircleFilledIcon, { boxSize: "lg", color: "danger.
|
|
9
|
+
info: jsxRuntime.jsx(index.InfoCircleIcon, { boxSize: "md", color: "info.fg" }),
|
|
10
|
+
warning: jsxRuntime.jsx(index.WarningIcon, { boxSize: "lg", color: "warning.fg" }),
|
|
11
|
+
success: jsxRuntime.jsx(index.CircleCheckIcon, { boxSize: "lg", color: "success.fg" }),
|
|
12
|
+
error: jsxRuntime.jsx(index.AlertCircleFilledIcon, { boxSize: "lg", color: "danger.fg" }),
|
|
13
|
+
// neutral carries no status — no icon
|
|
14
|
+
neutral: null,
|
|
13
15
|
};
|
|
14
16
|
return iconProps[status];
|
|
15
17
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastIcon.js","sources":["../../../../src/components/Toast/ToastIcon/ToastIcon.tsx"],"sourcesContent":[null],"names":["_jsx","InfoCircleIcon","WarningIcon","CircleCheckIcon","AlertCircleFilledIcon"],"mappings":";;;;;;MAWa,SAAS,GAAG,CAAC,EAAE,MAAM,EAAwC,KAAI;AAC5E,IAAA,MAAM,SAAS,GAAmC;QAChD,IAAI,EAAEA,cAAA,CAACC,oBAAc,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"ToastIcon.js","sources":["../../../../src/components/Toast/ToastIcon/ToastIcon.tsx"],"sourcesContent":[null],"names":["_jsx","InfoCircleIcon","WarningIcon","CircleCheckIcon","AlertCircleFilledIcon"],"mappings":";;;;;;MAWa,SAAS,GAAG,CAAC,EAAE,MAAM,EAAwC,KAAI;AAC5E,IAAA,MAAM,SAAS,GAAmC;QAChD,IAAI,EAAEA,cAAA,CAACC,oBAAc,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAA,CAAG;QACrD,OAAO,EAAED,cAAA,CAACE,iBAAW,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,YAAY,EAAA,CAAG;QACxD,OAAO,EAAEF,cAAA,CAACG,qBAAe,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,YAAY,EAAA,CAAG;QAC5D,KAAK,EAAEH,cAAA,CAACI,2BAAqB,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,WAAW,EAAA,CAAG;;AAE/D,QAAA,OAAO,EAAE,IAAI;KACd;AAED,IAAA,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1B;;;;"}
|
|
@@ -4,10 +4,12 @@ import { AlertCircleFilledIcon, CircleCheckIcon, WarningIcon, InfoCircleIcon } f
|
|
|
4
4
|
|
|
5
5
|
const ToastIcon = ({ status }) => {
|
|
6
6
|
const iconProps = {
|
|
7
|
-
info: jsx(InfoCircleIcon, { boxSize: "md", color: "
|
|
8
|
-
warning: jsx(WarningIcon, { boxSize: "lg", color: "warning.
|
|
9
|
-
success: jsx(CircleCheckIcon, { boxSize: "lg", color: "success.
|
|
10
|
-
error: jsx(AlertCircleFilledIcon, { boxSize: "lg", color: "danger.
|
|
7
|
+
info: jsx(InfoCircleIcon, { boxSize: "md", color: "info.fg" }),
|
|
8
|
+
warning: jsx(WarningIcon, { boxSize: "lg", color: "warning.fg" }),
|
|
9
|
+
success: jsx(CircleCheckIcon, { boxSize: "lg", color: "success.fg" }),
|
|
10
|
+
error: jsx(AlertCircleFilledIcon, { boxSize: "lg", color: "danger.fg" }),
|
|
11
|
+
// neutral carries no status — no icon
|
|
12
|
+
neutral: null,
|
|
11
13
|
};
|
|
12
14
|
return iconProps[status];
|
|
13
15
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastIcon.mjs","sources":["../../../../src/components/Toast/ToastIcon/ToastIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;MAWa,SAAS,GAAG,CAAC,EAAE,MAAM,EAAwC,KAAI;AAC5E,IAAA,MAAM,SAAS,GAAmC;QAChD,IAAI,EAAEA,GAAA,CAAC,cAAc,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"ToastIcon.mjs","sources":["../../../../src/components/Toast/ToastIcon/ToastIcon.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;MAWa,SAAS,GAAG,CAAC,EAAE,MAAM,EAAwC,KAAI;AAC5E,IAAA,MAAM,SAAS,GAAmC;QAChD,IAAI,EAAEA,GAAA,CAAC,cAAc,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,SAAS,EAAA,CAAG;QACrD,OAAO,EAAEA,GAAA,CAAC,WAAW,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,YAAY,EAAA,CAAG;QACxD,OAAO,EAAEA,GAAA,CAAC,eAAe,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,YAAY,EAAA,CAAG;QAC5D,KAAK,EAAEA,GAAA,CAAC,qBAAqB,EAAA,EAAC,OAAO,EAAC,IAAI,EAAC,KAAK,EAAC,WAAW,EAAA,CAAG;;AAE/D,QAAA,OAAO,EAAE,IAAI;KACd;AAED,IAAA,OAAO,SAAS,CAAC,MAAM,CAAC;AAC1B;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toaster.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAGpB,MAAM,kBAAkB,CAAC;AAM1B;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO,EAAE,mBAGpB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,OAAO,+
|
|
1
|
+
{"version":3,"file":"Toaster.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toaster.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,mBAAmB,EAGpB,MAAM,kBAAkB,CAAC;AAM1B;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,OAAO,EAAE,mBAGpB,CAAC;AAEH;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,OAAO,+CAgDnB,CAAC"}
|
|
@@ -58,7 +58,18 @@ const Toaster = () => (jsxRuntime.jsx(react.Portal, { children: jsxRuntime.jsx(r
|
|
|
58
58
|
(toast.action
|
|
59
59
|
? { label: toast.action.label, onClick: () => { } }
|
|
60
60
|
: undefined);
|
|
61
|
-
|
|
61
|
+
// `useToast` carries the real status in `meta.status` because Zag's
|
|
62
|
+
// own `type` is required and does not know `neutral` — see the note
|
|
63
|
+
// in `useToast.tsx`. A plain `toaster.create({ type })` (no `meta`)
|
|
64
|
+
// still renders correctly off `toast.type`, and so does a raw
|
|
65
|
+
// `toaster.update(id, { type })` on a `useToast` toast: `type` no
|
|
66
|
+
// longer matches the `statusType` it was paired with, so it wins.
|
|
67
|
+
const meta = toast.meta;
|
|
68
|
+
const status = meta?.status &&
|
|
69
|
+
(meta.statusType === undefined || meta.statusType === toast.type)
|
|
70
|
+
? meta.status
|
|
71
|
+
: toast.type;
|
|
72
|
+
return (jsxRuntime.jsx(Toast.Toast, { title: toast.title, description: toast.description, status: status, onClose: onClose, action: action, ...Toast_styles.toastStyles[status], ...customStyles }));
|
|
62
73
|
} }) }));
|
|
63
74
|
|
|
64
75
|
exports.Toaster = Toaster;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toaster.js","sources":["../../../src/components/Toast/Toaster.tsx"],"sourcesContent":[null],"names":["createToaster","_jsx","Portal","ChakraToaster","Toast","toastStyles"],"mappings":";;;;;;;;AAWA;;;;;;;;;;;;AAYG;AACI,MAAM,OAAO,GAAwBA,mBAAa,CAAC;AACxD,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,eAAe,EAAE,IAAI;AACtB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;AAsBG;AACI,MAAM,OAAO,GAAG,OACrBC,cAAA,CAACC,YAAM,cACLD,cAAA,CAACE,aAAa,EAAA,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAC5B,aAAa,EAAC,MAAM,EACpB,GAAG,EAAE,CAAC,YAEL,CAAC,KAAK,KAAI;;YAET,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,IAAI,EAAE;AAC7C,YAAA,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,OAAO;;;;;AAKnC,YAAA,MAAM,MAAM,GACV,KAAK,CAAC,IAAI,EAAE,MAAM;iBACjB,KAAK,CAAC;AACL,sBAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,MAAK,EAAE,CAAC;sBAC9C,SAAS,CAAC;AAEhB,YAAA,QACEF,cAAA,CAACG,WAAK,
|
|
1
|
+
{"version":3,"file":"Toaster.js","sources":["../../../src/components/Toast/Toaster.tsx"],"sourcesContent":[null],"names":["createToaster","_jsx","Portal","ChakraToaster","Toast","toastStyles"],"mappings":";;;;;;;;AAWA;;;;;;;;;;;;AAYG;AACI,MAAM,OAAO,GAAwBA,mBAAa,CAAC;AACxD,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,eAAe,EAAE,IAAI;AACtB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;AAsBG;AACI,MAAM,OAAO,GAAG,OACrBC,cAAA,CAACC,YAAM,cACLD,cAAA,CAACE,aAAa,EAAA,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAC5B,aAAa,EAAC,MAAM,EACpB,GAAG,EAAE,CAAC,YAEL,CAAC,KAAK,KAAI;;YAET,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,IAAI,EAAE;AAC7C,YAAA,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,OAAO;;;;;AAKnC,YAAA,MAAM,MAAM,GACV,KAAK,CAAC,IAAI,EAAE,MAAM;iBACjB,KAAK,CAAC;AACL,sBAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,MAAK,EAAE,CAAC;sBAC9C,SAAS,CAAC;;;;;;;AAOhB,YAAA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI;AACvB,YAAA,MAAM,MAAM,GACV,IAAI,EAAE,MAAM;AACZ,iBAAC,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,CAAC,IAAI;kBAC5D,IAAI,CAAC;AACP,kBAAE,KAAK,CAAC,IAAI;AAEhB,YAAA,QACEF,cAAA,CAACG,WAAK,EAAA,EACJ,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EAAA,GACVC,wBAAW,CAAC,MAAkC,CAAC,EAAA,GAC/C,YAAY,EAAA,CAChB;QAEN,CAAC,EAAA,CACa,EAAA,CACT;;;;;"}
|
|
@@ -56,7 +56,18 @@ const Toaster = () => (jsx(Portal, { children: jsx(Toaster$1, { toaster: toaster
|
|
|
56
56
|
(toast.action
|
|
57
57
|
? { label: toast.action.label, onClick: () => { } }
|
|
58
58
|
: undefined);
|
|
59
|
-
|
|
59
|
+
// `useToast` carries the real status in `meta.status` because Zag's
|
|
60
|
+
// own `type` is required and does not know `neutral` — see the note
|
|
61
|
+
// in `useToast.tsx`. A plain `toaster.create({ type })` (no `meta`)
|
|
62
|
+
// still renders correctly off `toast.type`, and so does a raw
|
|
63
|
+
// `toaster.update(id, { type })` on a `useToast` toast: `type` no
|
|
64
|
+
// longer matches the `statusType` it was paired with, so it wins.
|
|
65
|
+
const meta = toast.meta;
|
|
66
|
+
const status = meta?.status &&
|
|
67
|
+
(meta.statusType === undefined || meta.statusType === toast.type)
|
|
68
|
+
? meta.status
|
|
69
|
+
: toast.type;
|
|
70
|
+
return (jsx(Toast, { title: toast.title, description: toast.description, status: status, onClose: onClose, action: action, ...toastStyles[status], ...customStyles }));
|
|
60
71
|
} }) }));
|
|
61
72
|
|
|
62
73
|
export { Toaster, toaster };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toaster.mjs","sources":["../../../src/components/Toast/Toaster.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraToaster"],"mappings":";;;;;;AAWA;;;;;;;;;;;;AAYG;AACI,MAAM,OAAO,GAAwB,aAAa,CAAC;AACxD,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,eAAe,EAAE,IAAI;AACtB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;AAsBG;AACI,MAAM,OAAO,GAAG,OACrBA,GAAA,CAAC,MAAM,cACLA,GAAA,CAACC,SAAa,EAAA,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAC5B,aAAa,EAAC,MAAM,EACpB,GAAG,EAAE,CAAC,YAEL,CAAC,KAAK,KAAI;;YAET,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,IAAI,EAAE;AAC7C,YAAA,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,OAAO;;;;;AAKnC,YAAA,MAAM,MAAM,GACV,KAAK,CAAC,IAAI,EAAE,MAAM;iBACjB,KAAK,CAAC;AACL,sBAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,MAAK,EAAE,CAAC;sBAC9C,SAAS,CAAC;AAEhB,YAAA,QACED,GAAA,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"Toaster.mjs","sources":["../../../src/components/Toast/Toaster.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraToaster"],"mappings":";;;;;;AAWA;;;;;;;;;;;;AAYG;AACI,MAAM,OAAO,GAAwB,aAAa,CAAC;AACxD,IAAA,SAAS,EAAE,KAAK;AAChB,IAAA,eAAe,EAAE,IAAI;AACtB,CAAA;AAED;;;;;;;;;;;;;;;;;;;;;;AAsBG;AACI,MAAM,OAAO,GAAG,OACrBA,GAAA,CAAC,MAAM,cACLA,GAAA,CAACC,SAAa,EAAA,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,EAC5B,aAAa,EAAC,MAAM,EACpB,GAAG,EAAE,CAAC,YAEL,CAAC,KAAK,KAAI;;YAET,MAAM,YAAY,GAAG,KAAK,CAAC,IAAI,EAAE,MAAM,IAAI,EAAE;AAC7C,YAAA,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,OAAO;;;;;AAKnC,YAAA,MAAM,MAAM,GACV,KAAK,CAAC,IAAI,EAAE,MAAM;iBACjB,KAAK,CAAC;AACL,sBAAE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,EAAE,MAAK,EAAE,CAAC;sBAC9C,SAAS,CAAC;;;;;;;AAOhB,YAAA,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI;AACvB,YAAA,MAAM,MAAM,GACV,IAAI,EAAE,MAAM;AACZ,iBAAC,IAAI,CAAC,UAAU,KAAK,SAAS,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK,CAAC,IAAI;kBAC5D,IAAI,CAAC;AACP,kBAAE,KAAK,CAAC,IAAI;AAEhB,YAAA,QACED,GAAA,CAAC,KAAK,EAAA,EACJ,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EAAA,GACV,WAAW,CAAC,MAAkC,CAAC,EAAA,GAC/C,YAAY,EAAA,CAChB;QAEN,CAAC,EAAA,CACa,EAAA,CACT;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { UseToastOptions } from './Toast.types';
|
|
1
|
+
import { UseToastOptions, UseToastUpdateOptions } from './Toast.types';
|
|
2
2
|
/**
|
|
3
3
|
* Custom hook for managing toast notifications
|
|
4
4
|
* @returns Toast management functions
|
|
@@ -6,6 +6,6 @@ import { UseToastOptions } from './Toast.types';
|
|
|
6
6
|
export declare const useToast: () => (({ status, title, description, styles: stylesProp, duration: durationProp, action, ...rest }: UseToastOptions) => string) & {
|
|
7
7
|
dismiss: (id?: string) => void;
|
|
8
8
|
dismissAll: () => void;
|
|
9
|
-
update: (id: string,
|
|
9
|
+
update: (id: string, { status, styles, action, meta, ...rest }: UseToastUpdateOptions) => string;
|
|
10
10
|
};
|
|
11
11
|
//# sourceMappingURL=useToast.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/useToast.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/useToast.tsx"],"names":[],"mappings":"AAGA,OAAO,EAIL,eAAe,EACf,qBAAqB,EACtB,MAAM,eAAe,CAAC;AAevB;;;GAGG;AACH,eAAO,MAAM,QAAQ,uGAWhB,eAAe;;;iBAmEZ,MAAM,6CACiC,qBAAqB;CA4BnE,CAAC"}
|
|
@@ -6,13 +6,21 @@ var Toast_styles = require('./Toast.styles.js');
|
|
|
6
6
|
var Toaster = require('./Toaster.js');
|
|
7
7
|
|
|
8
8
|
const MAX_TOASTS = 3;
|
|
9
|
+
/**
|
|
10
|
+
* Zag's own toast store only knows `info/success/warning/error/loading` and
|
|
11
|
+
* REQUIRES one — `neutral` is ours, not Zag's, and both omitting `type` and
|
|
12
|
+
* passing `'neutral'` throw from inside the machine. `'info'` only feeds Zag's
|
|
13
|
+
* priority sort; the status that actually renders travels in `meta.status`
|
|
14
|
+
* and is read back out in `Toaster`.
|
|
15
|
+
*/
|
|
16
|
+
const toZagType = (status) => status === 'neutral' ? 'info' : status;
|
|
9
17
|
/**
|
|
10
18
|
* Custom hook for managing toast notifications
|
|
11
19
|
* @returns Toast management functions
|
|
12
20
|
*/
|
|
13
21
|
const useToast = () => {
|
|
14
22
|
const activeToasts = React.useRef([]); // Track active toast IDs
|
|
15
|
-
const showToast = ({ status = '
|
|
23
|
+
const showToast = ({ status = 'neutral', title, description, styles: stylesProp, duration: durationProp, action, ...rest }) => {
|
|
16
24
|
// A toast with an action stays longer, unless the caller chose a duration
|
|
17
25
|
// (including `null` / `Infinity` for a persistent toast).
|
|
18
26
|
const duration = durationProp !== undefined
|
|
@@ -21,10 +29,6 @@ const useToast = () => {
|
|
|
21
29
|
? Toast_styles.TOAST_ACTION_DURATION
|
|
22
30
|
: Toast_styles.TOAST_DEFAULT_DURATION;
|
|
23
31
|
// NOTE: placement is not supported - must be configured in Toaster.tsx createToaster()
|
|
24
|
-
const styles = {
|
|
25
|
-
...Toast_styles.toastStyles[status],
|
|
26
|
-
...stylesProp,
|
|
27
|
-
};
|
|
28
32
|
// Close the earliest toast if the limit is reached
|
|
29
33
|
if (activeToasts.current.length >= MAX_TOASTS) {
|
|
30
34
|
const [oldestToastId] = activeToasts.current;
|
|
@@ -38,10 +42,17 @@ const useToast = () => {
|
|
|
38
42
|
duration,
|
|
39
43
|
title,
|
|
40
44
|
description,
|
|
41
|
-
type: status,
|
|
45
|
+
type: toZagType(status),
|
|
42
46
|
meta: {
|
|
43
47
|
// Pass custom data through meta
|
|
44
|
-
|
|
48
|
+
status, // the real status — `Toaster` renders from this, not `type`
|
|
49
|
+
// The `type` that `status` was paired with. A later
|
|
50
|
+
// `toaster.update(id, { type })` changes `type` without touching
|
|
51
|
+
// `meta.status`; the mismatch tells `Toaster` that `type` is newer.
|
|
52
|
+
statusType: toZagType(status),
|
|
53
|
+
// Only the caller's overrides — `Toaster` applies the status styles
|
|
54
|
+
// itself, so they follow the status when it is updated.
|
|
55
|
+
styles: stylesProp,
|
|
45
56
|
action, // ReactNode label, so it travels in meta rather than `action`
|
|
46
57
|
onClose: () => Toaster.toaster.dismiss(toastId), // Custom close handler
|
|
47
58
|
},
|
|
@@ -61,10 +72,33 @@ const useToast = () => {
|
|
|
61
72
|
activeToasts.current.forEach((id) => Toaster.toaster.dismiss(id));
|
|
62
73
|
activeToasts.current = [];
|
|
63
74
|
};
|
|
75
|
+
/**
|
|
76
|
+
* Update a toast in place. `status` (or Chakra's `type`) changes the colours
|
|
77
|
+
* and icon; `meta` is merged into the toast's existing meta rather than
|
|
78
|
+
* replacing it, so the close handler and the action survive the update.
|
|
79
|
+
*/
|
|
80
|
+
const update = (id, { status, styles, action, meta, ...rest }) => {
|
|
81
|
+
const current = Toaster.toaster.getVisibleToasts().find((toast) => toast.id === id)?.meta ?? {};
|
|
82
|
+
const nextStatus = status ?? rest.type;
|
|
83
|
+
return Toaster.toaster.update(id, {
|
|
84
|
+
...rest,
|
|
85
|
+
...(nextStatus && { type: toZagType(nextStatus) }),
|
|
86
|
+
meta: {
|
|
87
|
+
...current,
|
|
88
|
+
...meta,
|
|
89
|
+
...(nextStatus && {
|
|
90
|
+
status: nextStatus,
|
|
91
|
+
statusType: toZagType(nextStatus),
|
|
92
|
+
}),
|
|
93
|
+
...(styles !== undefined && { styles }),
|
|
94
|
+
...(action !== undefined && { action }),
|
|
95
|
+
},
|
|
96
|
+
});
|
|
97
|
+
};
|
|
64
98
|
return Object.assign(showToast, {
|
|
65
99
|
dismiss: Toaster.toaster.dismiss,
|
|
66
100
|
dismissAll,
|
|
67
|
-
update
|
|
101
|
+
update,
|
|
68
102
|
});
|
|
69
103
|
};
|
|
70
104
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useToast.js","sources":["../../../src/components/Toast/useToast.tsx"],"sourcesContent":[null],"names":["useRef","TOAST_ACTION_DURATION","TOAST_DEFAULT_DURATION","
|
|
1
|
+
{"version":3,"file":"useToast.js","sources":["../../../src/components/Toast/useToast.tsx"],"sourcesContent":[null],"names":["useRef","TOAST_ACTION_DURATION","TOAST_DEFAULT_DURATION","toaster"],"mappings":"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"}
|
|
@@ -1,16 +1,24 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { useRef } from 'react';
|
|
3
|
-
import {
|
|
3
|
+
import { TOAST_ACTION_DURATION, TOAST_DEFAULT_DURATION } from './Toast.styles.mjs';
|
|
4
4
|
import { toaster } from './Toaster.mjs';
|
|
5
5
|
|
|
6
6
|
const MAX_TOASTS = 3;
|
|
7
|
+
/**
|
|
8
|
+
* Zag's own toast store only knows `info/success/warning/error/loading` and
|
|
9
|
+
* REQUIRES one — `neutral` is ours, not Zag's, and both omitting `type` and
|
|
10
|
+
* passing `'neutral'` throw from inside the machine. `'info'` only feeds Zag's
|
|
11
|
+
* priority sort; the status that actually renders travels in `meta.status`
|
|
12
|
+
* and is read back out in `Toaster`.
|
|
13
|
+
*/
|
|
14
|
+
const toZagType = (status) => status === 'neutral' ? 'info' : status;
|
|
7
15
|
/**
|
|
8
16
|
* Custom hook for managing toast notifications
|
|
9
17
|
* @returns Toast management functions
|
|
10
18
|
*/
|
|
11
19
|
const useToast = () => {
|
|
12
20
|
const activeToasts = useRef([]); // Track active toast IDs
|
|
13
|
-
const showToast = ({ status = '
|
|
21
|
+
const showToast = ({ status = 'neutral', title, description, styles: stylesProp, duration: durationProp, action, ...rest }) => {
|
|
14
22
|
// A toast with an action stays longer, unless the caller chose a duration
|
|
15
23
|
// (including `null` / `Infinity` for a persistent toast).
|
|
16
24
|
const duration = durationProp !== undefined
|
|
@@ -19,10 +27,6 @@ const useToast = () => {
|
|
|
19
27
|
? TOAST_ACTION_DURATION
|
|
20
28
|
: TOAST_DEFAULT_DURATION;
|
|
21
29
|
// NOTE: placement is not supported - must be configured in Toaster.tsx createToaster()
|
|
22
|
-
const styles = {
|
|
23
|
-
...toastStyles[status],
|
|
24
|
-
...stylesProp,
|
|
25
|
-
};
|
|
26
30
|
// Close the earliest toast if the limit is reached
|
|
27
31
|
if (activeToasts.current.length >= MAX_TOASTS) {
|
|
28
32
|
const [oldestToastId] = activeToasts.current;
|
|
@@ -36,10 +40,17 @@ const useToast = () => {
|
|
|
36
40
|
duration,
|
|
37
41
|
title,
|
|
38
42
|
description,
|
|
39
|
-
type: status,
|
|
43
|
+
type: toZagType(status),
|
|
40
44
|
meta: {
|
|
41
45
|
// Pass custom data through meta
|
|
42
|
-
|
|
46
|
+
status, // the real status — `Toaster` renders from this, not `type`
|
|
47
|
+
// The `type` that `status` was paired with. A later
|
|
48
|
+
// `toaster.update(id, { type })` changes `type` without touching
|
|
49
|
+
// `meta.status`; the mismatch tells `Toaster` that `type` is newer.
|
|
50
|
+
statusType: toZagType(status),
|
|
51
|
+
// Only the caller's overrides — `Toaster` applies the status styles
|
|
52
|
+
// itself, so they follow the status when it is updated.
|
|
53
|
+
styles: stylesProp,
|
|
43
54
|
action, // ReactNode label, so it travels in meta rather than `action`
|
|
44
55
|
onClose: () => toaster.dismiss(toastId), // Custom close handler
|
|
45
56
|
},
|
|
@@ -59,10 +70,33 @@ const useToast = () => {
|
|
|
59
70
|
activeToasts.current.forEach((id) => toaster.dismiss(id));
|
|
60
71
|
activeToasts.current = [];
|
|
61
72
|
};
|
|
73
|
+
/**
|
|
74
|
+
* Update a toast in place. `status` (or Chakra's `type`) changes the colours
|
|
75
|
+
* and icon; `meta` is merged into the toast's existing meta rather than
|
|
76
|
+
* replacing it, so the close handler and the action survive the update.
|
|
77
|
+
*/
|
|
78
|
+
const update = (id, { status, styles, action, meta, ...rest }) => {
|
|
79
|
+
const current = toaster.getVisibleToasts().find((toast) => toast.id === id)?.meta ?? {};
|
|
80
|
+
const nextStatus = status ?? rest.type;
|
|
81
|
+
return toaster.update(id, {
|
|
82
|
+
...rest,
|
|
83
|
+
...(nextStatus && { type: toZagType(nextStatus) }),
|
|
84
|
+
meta: {
|
|
85
|
+
...current,
|
|
86
|
+
...meta,
|
|
87
|
+
...(nextStatus && {
|
|
88
|
+
status: nextStatus,
|
|
89
|
+
statusType: toZagType(nextStatus),
|
|
90
|
+
}),
|
|
91
|
+
...(styles !== undefined && { styles }),
|
|
92
|
+
...(action !== undefined && { action }),
|
|
93
|
+
},
|
|
94
|
+
});
|
|
95
|
+
};
|
|
62
96
|
return Object.assign(showToast, {
|
|
63
97
|
dismiss: toaster.dismiss,
|
|
64
98
|
dismissAll,
|
|
65
|
-
update
|
|
99
|
+
update,
|
|
66
100
|
});
|
|
67
101
|
};
|
|
68
102
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useToast.mjs","sources":["../../../src/components/Toast/useToast.tsx"],"sourcesContent":[null],"names":[],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"useToast.mjs","sources":["../../../src/components/Toast/useToast.tsx"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -10,13 +10,13 @@ const Tooltip = React.forwardRef(({ children, content, open, onOpenChange, place
|
|
|
10
10
|
if (disabled) {
|
|
11
11
|
return jsxRuntime.jsx(jsxRuntime.Fragment, { children: children });
|
|
12
12
|
}
|
|
13
|
-
return (jsxRuntime.jsxs(react.Tooltip.Root, { positioning: { placement }, closeOnScroll: true, open: open, onOpenChange: onOpenChange, openDelay: 300, closeDelay: 0, ...rest, children: [jsxRuntime.jsx(react.Tooltip.Trigger, { asChild: true, ...triggerProps, children: children }), jsxRuntime.jsx(react.Portal, { children: jsxRuntime.jsx(react.Tooltip.Positioner, { children: jsxRuntime.jsxs(react.Tooltip.Content, { ref: ref, color: "
|
|
13
|
+
return (jsxRuntime.jsxs(react.Tooltip.Root, { positioning: { placement }, closeOnScroll: true, open: open, onOpenChange: onOpenChange, openDelay: 300, closeDelay: 0, ...rest, children: [jsxRuntime.jsx(react.Tooltip.Trigger, { asChild: true, ...triggerProps, children: children }), jsxRuntime.jsx(react.Portal, { children: jsxRuntime.jsx(react.Tooltip.Positioner, { children: jsxRuntime.jsxs(react.Tooltip.Content, { ref: ref, color: "tooltip.fg", fontSize: "sm", px: 2, py: 1, borderRadius: "md", maxW: "320px",
|
|
14
14
|
// The one part whose recipe timing was symmetric — 150ms both
|
|
15
15
|
// ways — which is why a tooltip used to feel like it was being
|
|
16
16
|
// peeled off the trigger. It has the shortest dwell of anything
|
|
17
17
|
// here, so the exit being half the enter matters most.
|
|
18
18
|
animationStyle: "presence-anchored", ...contentProps, css: mergeCss.mergeCss({
|
|
19
|
-
'--tooltip-bg': 'var(--chakra-colors-
|
|
19
|
+
'--tooltip-bg': 'var(--chakra-colors-tooltip-bg)',
|
|
20
20
|
// zag sets `data-instant` when the pointer moves from one
|
|
21
21
|
// open tooltip to the next. It already skips the delay
|
|
22
22
|
// there; skip the enter/exit too, so sweeping a toolbar
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","_Fragment","_jsxs","ChakraTooltip","Portal","mergeCss"],"mappings":";;;;;;;;AAOO,MAAM,OAAO,GAAGA,gBAAU,CAC/B,CACE,EACE,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,GAAG,IAAI,EACM,EACf,GAAkC,KAChC;IACF,IAAI,QAAQ,EAAE;QACZ,OAAOC,cAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAI;IACxB;AAEA,IAAA,QACEC,eAAA,CAACC,aAAa,CAAC,IAAI,IACjB,WAAW,EAAE,EAAE,SAAS,EAAE,EAC1B,aAAa,QACb,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,GAAG,EACd,UAAU,EAAE,CAAC,EAAA,GACT,IAAI,EAAA,QAAA,EAAA,CAERH,eAACG,aAAa,CAAC,OAAO,EAAA,EAAC,OAAO,WAAK,YAAY,EAAA,QAAA,EAC5C,QAAQ,EAAA,CACa,EACxBH,cAAA,CAACI,YAAM,cACLJ,cAAA,CAACG,aAAa,CAAC,UAAU,EAAA,EAAA,QAAA,EACvBD,eAAA,CAACC,aAAa,CAAC,OAAO,EAAA,EACpB,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","_Fragment","_jsxs","ChakraTooltip","Portal","mergeCss"],"mappings":";;;;;;;;AAOO,MAAM,OAAO,GAAGA,gBAAU,CAC/B,CACE,EACE,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,GAAG,IAAI,EACM,EACf,GAAkC,KAChC;IACF,IAAI,QAAQ,EAAE;QACZ,OAAOC,cAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAI;IACxB;AAEA,IAAA,QACEC,eAAA,CAACC,aAAa,CAAC,IAAI,IACjB,WAAW,EAAE,EAAE,SAAS,EAAE,EAC1B,aAAa,QACb,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,GAAG,EACd,UAAU,EAAE,CAAC,EAAA,GACT,IAAI,EAAA,QAAA,EAAA,CAERH,eAACG,aAAa,CAAC,OAAO,EAAA,EAAC,OAAO,WAAK,YAAY,EAAA,QAAA,EAC5C,QAAQ,EAAA,CACa,EACxBH,cAAA,CAACI,YAAM,cACLJ,cAAA,CAACG,aAAa,CAAC,UAAU,EAAA,EAAA,QAAA,EACvBD,eAAA,CAACC,aAAa,CAAC,OAAO,EAAA,EACpB,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,YAAY,EAClB,QAAQ,EAAC,IAAI,EACb,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,YAAY,EAAC,IAAI,EACjB,IAAI,EAAC,OAAO;;;;;wBAKZ,cAAc,EAAC,mBAAmB,EAAA,GAC9B,YAAY,EAChB,GAAG,EAAEE,iBAAQ,CACX;AACE,4BAAA,cAAc,EAAE,iCAAiC;;;;;;;AAOjD,4BAAA,6BAA6B,EAAE,EAAE,iBAAiB,EAAE,KAAK,EAAE;AAC5D,yBAAA,EACD,YAAY,EAAE,GAAG,CAClB,EAAA,QAAA,EAAA,CAEA,SAAS,KACRL,cAAA,CAACG,aAAa,CAAC,KAAK,EAAA,EAAA,GAAK,UAAU,EAAA,QAAA,EACjCH,cAAA,CAACG,aAAa,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,CACN,CACvB,EACA,OAAO,CAAA,EAAA,CACc,EAAA,CACC,EAAA,CACpB,CAAA,EAAA,CACU;AAEzB,CAAC;AAGH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
|
|
@@ -8,13 +8,13 @@ const Tooltip = forwardRef(({ children, content, open, onOpenChange, placement =
|
|
|
8
8
|
if (disabled) {
|
|
9
9
|
return jsx(Fragment, { children: children });
|
|
10
10
|
}
|
|
11
|
-
return (jsxs(Tooltip$1.Root, { positioning: { placement }, closeOnScroll: true, open: open, onOpenChange: onOpenChange, openDelay: 300, closeDelay: 0, ...rest, children: [jsx(Tooltip$1.Trigger, { asChild: true, ...triggerProps, children: children }), jsx(Portal, { children: jsx(Tooltip$1.Positioner, { children: jsxs(Tooltip$1.Content, { ref: ref, color: "
|
|
11
|
+
return (jsxs(Tooltip$1.Root, { positioning: { placement }, closeOnScroll: true, open: open, onOpenChange: onOpenChange, openDelay: 300, closeDelay: 0, ...rest, children: [jsx(Tooltip$1.Trigger, { asChild: true, ...triggerProps, children: children }), jsx(Portal, { children: jsx(Tooltip$1.Positioner, { children: jsxs(Tooltip$1.Content, { ref: ref, color: "tooltip.fg", fontSize: "sm", px: 2, py: 1, borderRadius: "md", maxW: "320px",
|
|
12
12
|
// The one part whose recipe timing was symmetric — 150ms both
|
|
13
13
|
// ways — which is why a tooltip used to feel like it was being
|
|
14
14
|
// peeled off the trigger. It has the shortest dwell of anything
|
|
15
15
|
// here, so the exit being half the enter matters most.
|
|
16
16
|
animationStyle: "presence-anchored", ...contentProps, css: mergeCss({
|
|
17
|
-
'--tooltip-bg': 'var(--chakra-colors-
|
|
17
|
+
'--tooltip-bg': 'var(--chakra-colors-tooltip-bg)',
|
|
18
18
|
// zag sets `data-instant` when the pointer moves from one
|
|
19
19
|
// open tooltip to the next. It already skips the delay
|
|
20
20
|
// there; skip the enter/exit too, so sweeping a toolbar
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.mjs","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":[null],"names":["_jsx","_Fragment","_jsxs","ChakraTooltip"],"mappings":";;;;;;AAOO,MAAM,OAAO,GAAG,UAAU,CAC/B,CACE,EACE,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,GAAG,IAAI,EACM,EACf,GAAkC,KAChC;IACF,IAAI,QAAQ,EAAE;QACZ,OAAOA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAI;IACxB;AAEA,IAAA,QACEC,IAAA,CAACC,SAAa,CAAC,IAAI,IACjB,WAAW,EAAE,EAAE,SAAS,EAAE,EAC1B,aAAa,QACb,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,GAAG,EACd,UAAU,EAAE,CAAC,EAAA,GACT,IAAI,EAAA,QAAA,EAAA,CAERH,IAACG,SAAa,CAAC,OAAO,EAAA,EAAC,OAAO,WAAK,YAAY,EAAA,QAAA,EAC5C,QAAQ,EAAA,CACa,EACxBH,GAAA,CAAC,MAAM,cACLA,GAAA,CAACG,SAAa,CAAC,UAAU,EAAA,EAAA,QAAA,EACvBD,IAAA,CAACC,SAAa,CAAC,OAAO,EAAA,EACpB,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"Tooltip.mjs","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":[null],"names":["_jsx","_Fragment","_jsxs","ChakraTooltip"],"mappings":";;;;;;AAOO,MAAM,OAAO,GAAG,UAAU,CAC/B,CACE,EACE,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,SAAS,GAAG,KAAK,EACjB,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,GAAG,IAAI,EACM,EACf,GAAkC,KAChC;IACF,IAAI,QAAQ,EAAE;QACZ,OAAOA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAI;IACxB;AAEA,IAAA,QACEC,IAAA,CAACC,SAAa,CAAC,IAAI,IACjB,WAAW,EAAE,EAAE,SAAS,EAAE,EAC1B,aAAa,QACb,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,GAAG,EACd,UAAU,EAAE,CAAC,EAAA,GACT,IAAI,EAAA,QAAA,EAAA,CAERH,IAACG,SAAa,CAAC,OAAO,EAAA,EAAC,OAAO,WAAK,YAAY,EAAA,QAAA,EAC5C,QAAQ,EAAA,CACa,EACxBH,GAAA,CAAC,MAAM,cACLA,GAAA,CAACG,SAAa,CAAC,UAAU,EAAA,EAAA,QAAA,EACvBD,IAAA,CAACC,SAAa,CAAC,OAAO,EAAA,EACpB,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,YAAY,EAClB,QAAQ,EAAC,IAAI,EACb,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,YAAY,EAAC,IAAI,EACjB,IAAI,EAAC,OAAO;;;;;wBAKZ,cAAc,EAAC,mBAAmB,EAAA,GAC9B,YAAY,EAChB,GAAG,EAAE,QAAQ,CACX;AACE,4BAAA,cAAc,EAAE,iCAAiC;;;;;;;AAOjD,4BAAA,6BAA6B,EAAE,EAAE,iBAAiB,EAAE,KAAK,EAAE;AAC5D,yBAAA,EACD,YAAY,EAAE,GAAG,CAClB,EAAA,QAAA,EAAA,CAEA,SAAS,KACRH,GAAA,CAACG,SAAa,CAAC,KAAK,EAAA,EAAA,GAAK,UAAU,EAAA,QAAA,EACjCH,GAAA,CAACG,SAAa,CAAC,QAAQ,EAAA,EAAA,CAAG,EAAA,CACN,CACvB,EACA,OAAO,CAAA,EAAA,CACc,EAAA,CACC,EAAA,CACpB,CAAA,EAAA,CACU;AAEzB,CAAC;AAGH,OAAO,CAAC,WAAW,GAAG,SAAS;;;;"}
|
|
@@ -11,7 +11,7 @@ const TreeBranchControl = React.forwardRef((props, ref) => {
|
|
|
11
11
|
// start (`var(--tree-offset)`) gets overridden if we re-declare `px`
|
|
12
12
|
// here. Only the color/state overrides remain. `cursor: pointer` is
|
|
13
13
|
// re-added because the recipe's `baseItemStyle` doesn't include it.
|
|
14
|
-
return (jsxRuntime.jsx(react.TreeView.BranchControl, { ref: ref, cursor: "pointer", color: "fg.default", _hover: { bg: 'bg.subtle' }, _selected: { bg: 'primary.
|
|
14
|
+
return (jsxRuntime.jsx(react.TreeView.BranchControl, { ref: ref, cursor: "pointer", color: "fg.default", _hover: { bg: 'bg.subtle' }, _selected: { bg: 'primary.selected', color: 'fg.default' }, ...focusRing.focusRing, ...props }));
|
|
15
15
|
});
|
|
16
16
|
TreeBranchControl.displayName = 'TreeBranchControl';
|
|
17
17
|
|