@mindlogic-ai/logician-ui 4.0.0 → 5.0.0-alpha.1
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 +234 -0
- package/codemods/5.0/card-gradient.js +72 -0
- package/codemods/5.0/codemods.test.ts +441 -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 +131 -0
- package/dist/components/Button/Button.legacy.js.map +1 -0
- package/dist/components/Button/Button.legacy.mjs +127 -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 +142 -378
- package/dist/components/Button/Button.styles.js.map +1 -1
- package/dist/components/Button/Button.styles.mjs +141 -379
- package/dist/components/Button/Button.styles.mjs.map +1 -1
- package/dist/components/Button/Button.types.d.ts +45 -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 +181 -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 +140 -346
- package/src/components/Button/Button.styles.ts +158 -392
- package/src/components/Button/Button.tsx +49 -17
- package/src/components/Button/Button.types.ts +53 -37
- package/src/components/Button/Button.variants.test.tsx +158 -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 +344 -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
|
@@ -38,64 +38,74 @@ function normalizeChip(spec) {
|
|
|
38
38
|
: { text: spec.text, tone: spec.tone ?? 'default' };
|
|
39
39
|
}
|
|
40
40
|
/**
|
|
41
|
-
* Ring + body
|
|
42
|
-
*
|
|
41
|
+
* Ring + body treatment per state. Notes keep their warm border in all
|
|
42
|
+
* states but still surface the primary ring when selected so the active
|
|
43
43
|
* annotation is visible.
|
|
44
44
|
*
|
|
45
|
-
*
|
|
46
|
-
*
|
|
45
|
+
* Two independent layers:
|
|
46
|
+
*
|
|
47
|
+
* - Status chrome (border + body), by precedence running > failed (run error
|
|
48
|
+
* or a validation issue) > completed > warning > default. Failed and
|
|
49
|
+
* completed tint the whole card with the status colour
|
|
50
|
+
* (`danger.bg`/`success.bg`) so the result still reads at a glance once the
|
|
51
|
+
* selection moves on. A node's own validation issues (`hasError`) get the
|
|
52
|
+
* same failed treatment as a runtime error (`runState === 'error'`) — both
|
|
53
|
+
* mean "something is wrong with this node". The default border is
|
|
54
|
+
* `border.default`.
|
|
55
|
+
* - Selection: a 1px `primary.main` outline, added on top of whatever status
|
|
56
|
+
* chrome the node has. After a run every node is done or failed, so if
|
|
57
|
+
* status replaced selection a clicked node would show no cue at all. Running
|
|
58
|
+
* wears the same outline — both mean "this is the node in focus". On a
|
|
59
|
+
* plain or warning node selection also takes the border, as before.
|
|
47
60
|
*/
|
|
48
61
|
function getRingChrome(category, selected, hasError, hasWarning, runState, noteBorder) {
|
|
62
|
+
const selectionRing = selected
|
|
63
|
+
? { outline: '1px solid', outlineColor: 'primary.main' }
|
|
64
|
+
: {};
|
|
49
65
|
if (category === 'note') {
|
|
50
|
-
|
|
51
|
-
return {
|
|
52
|
-
borderColor: noteBorder,
|
|
53
|
-
outline: '3px solid',
|
|
54
|
-
outlineColor: 'primary.lighter',
|
|
55
|
-
};
|
|
56
|
-
}
|
|
57
|
-
return { borderColor: noteBorder };
|
|
66
|
+
return { borderColor: noteBorder, ...selectionRing };
|
|
58
67
|
}
|
|
59
68
|
if (runState === 'running') {
|
|
60
69
|
return {
|
|
61
70
|
borderColor: 'primary.main',
|
|
62
|
-
outline: '
|
|
63
|
-
outlineColor: 'primary.
|
|
71
|
+
outline: '1px solid',
|
|
72
|
+
outlineColor: 'primary.main',
|
|
64
73
|
};
|
|
65
74
|
}
|
|
66
|
-
if (hasError) {
|
|
67
|
-
return {
|
|
68
|
-
borderColor: 'danger.main',
|
|
69
|
-
outline: '3px solid',
|
|
70
|
-
outlineColor: 'danger.lighter',
|
|
71
|
-
};
|
|
75
|
+
if (runState === 'error' || hasError) {
|
|
76
|
+
return { borderColor: 'danger.border', bg: 'danger.bg', ...selectionRing };
|
|
72
77
|
}
|
|
73
|
-
if (
|
|
78
|
+
if (runState === 'done') {
|
|
74
79
|
return {
|
|
75
|
-
borderColor: '
|
|
76
|
-
|
|
77
|
-
|
|
80
|
+
borderColor: 'success.border',
|
|
81
|
+
bg: 'success.bg',
|
|
82
|
+
...selectionRing,
|
|
78
83
|
};
|
|
79
84
|
}
|
|
85
|
+
if (selected)
|
|
86
|
+
return { borderColor: 'primary.main', ...selectionRing };
|
|
80
87
|
if (hasWarning)
|
|
81
|
-
return { borderColor: 'warning.
|
|
82
|
-
return { borderColor: '
|
|
88
|
+
return { borderColor: 'warning.border' };
|
|
89
|
+
return { borderColor: 'border.default' };
|
|
83
90
|
}
|
|
84
91
|
/**
|
|
85
92
|
* Header glyph independently selected from the ring. Error wins over
|
|
86
93
|
* warning wins over running's status dot — so an error inside a running
|
|
87
|
-
* node still surfaces the alert, instead of being hidden by the
|
|
94
|
+
* node still surfaces the alert, instead of being hidden by the primary
|
|
88
95
|
* dot.
|
|
89
96
|
*/
|
|
90
97
|
function getHeaderBadge(hasError, hasWarning, runState) {
|
|
91
98
|
if (hasError) {
|
|
92
|
-
return (jsxRuntime.jsx(react.Box, { color: "danger.
|
|
99
|
+
return (jsxRuntime.jsx(react.Box, { color: "danger.fg", display: "flex", alignItems: "center", children: jsxRuntime.jsx(index.AlertTriangleIcon, { boxSize: "xs" }) }));
|
|
93
100
|
}
|
|
94
101
|
if (hasWarning) {
|
|
95
|
-
return (jsxRuntime.jsx(react.Box, { color: "warning.
|
|
102
|
+
return (jsxRuntime.jsx(react.Box, { color: "warning.fg", display: "flex", alignItems: "center", children: jsxRuntime.jsx(index.AlertTriangleIcon, { boxSize: "xs" }) }));
|
|
96
103
|
}
|
|
97
104
|
if (runState === 'running') {
|
|
98
|
-
|
|
105
|
+
// Matches the ring colour (`primary.main`) rather than `success.*` — a
|
|
106
|
+
// green "running" dot read as a false "done" signal sitting right next
|
|
107
|
+
// to the real completed state's green card fill.
|
|
108
|
+
return (jsxRuntime.jsx(react.Box, { boxSize: "2.5", borderRadius: "full", bg: "primary.main", outline: "3px solid", outlineColor: "primary.wash" }));
|
|
99
109
|
}
|
|
100
110
|
return null;
|
|
101
111
|
}
|
|
@@ -118,10 +128,10 @@ function NodeShell({ label, instanceTitle, metaChips, category, icon, selected,
|
|
|
118
128
|
const minHeight = isNote
|
|
119
129
|
? undefined
|
|
120
130
|
: `${Math.max(NodeShell_styles.NODE_MIN_HEIGHT, NodeShell_styles.PORT_GAP * Math.max(portCount - 1, 0) + NodeShell_styles.PORT_EDGE_PAD * 2)}px`;
|
|
121
|
-
return (jsxRuntime.jsxs(Card.Card, { width: NodeShell_styles.CARD_WIDTH, minHeight: minHeight, p: 0, borderRadius: "lg", borderColor: ring.borderColor, outline: ring.outline, outlineColor: ring.outlineColor, boxShadow: "sm", bg: isNote ? tokens.bg : 'bg.surface', position: "relative",
|
|
131
|
+
return (jsxRuntime.jsxs(Card.Card, { width: NodeShell_styles.CARD_WIDTH, minHeight: minHeight, p: 0, borderRadius: "lg", borderColor: ring.borderColor, outline: ring.outline, outlineColor: ring.outlineColor, boxShadow: "sm", bg: isNote ? tokens.bg : (ring.bg ?? 'bg.surface'), position: "relative",
|
|
122
132
|
// Center the body within the port-driven min-height so a content-light
|
|
123
133
|
// node (e.g. Start) sits mid-card rather than pinned to the top edge.
|
|
124
|
-
display: "flex", flexDirection: "column", justifyContent: "center", children: [isNote ? (jsxRuntime.jsxs(react.Stack, { gap: 1, px: 3, py: 2, children: [jsxRuntime.jsxs(react.HStack, { gap: 1, color: "warning.
|
|
134
|
+
display: "flex", flexDirection: "column", justifyContent: "center", children: [isNote ? (jsxRuntime.jsxs(react.Stack, { gap: 1, px: 3, py: 2, children: [jsxRuntime.jsxs(react.HStack, { gap: 1, color: "warning.fg", fontWeight: "bold", letterSpacing: "wider", textTransform: "uppercase", children: [jsxRuntime.jsx(index.StickyNoteIcon, { boxSize: "xs" }), jsxRuntime.jsx(Subtext.Subtext, { color: "warning.fg", fontWeight: "bold", children: "Note" })] }), customBody ?? (jsxRuntime.jsx(Subtext.Subtext, { color: "fg.default", lineHeight: 1.45, children: instanceTitle ?? label }))] })) : ((customBody ?? (jsxRuntime.jsxs(react.Stack, { gap: 0, children: [jsxRuntime.jsxs(react.HStack, { gap: 2, px: 3, pt: 2, pb: chips.length || overflowChip ? 1 : 2, children: [jsxRuntime.jsx(IconTile.IconTile, { category: category, icon: icon, tokens: categoryTokens }), jsxRuntime.jsxs(react.Stack, { gap: 0, flex: 1, minWidth: 0, children: [jsxRuntime.jsx(Subtext.Subtext, { fontWeight: "semibold", color: "fg.default", lineClamp: 1, children: label }), instanceTitle ? (jsxRuntime.jsx(Subtext.Subtext, { color: "fg.muted", lineClamp: 1, children: instanceTitle })) : null] }), badge] }), chips.length || overflowChip ? (jsxRuntime.jsxs(react.HStack, { px: 3, pb: 2, gap: 1, flexWrap: "wrap", children: [chips.map((chip) => (jsxRuntime.jsx(MetaChip, { tone: chip.tone, children: chip.text }, chip.text))), overflowChip ? jsxRuntime.jsx(MetaChip, { children: overflowChip }) : null] })) : null] })))), inputs.map((h, i) => (jsxRuntime.jsx(react$1.Handle, { id: h.id, type: "target", position: react$1.Position.Left, style: {
|
|
125
135
|
...NodeShell_styles.PORT_STYLE,
|
|
126
136
|
top: NodeShell_styles.getPortTop(i, inputs.length),
|
|
127
137
|
} }, `in-${h.id}`))), outputs.map((h, i) => (jsxRuntime.jsx(react$1.Handle, { id: h.id, type: "source", position: react$1.Position.Right, style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NodeShell.js","sources":["../../../../../src/components/Workflow/canvas/NodeShell/NodeShell.tsx"],"sourcesContent":[null],"names":["_jsx","Chip","metaChipStyles","metaChipToneStyles","Box","AlertTriangleIcon","getCategoryTokens","MAX_META_CHIPS","NODE_MIN_HEIGHT","PORT_GAP","PORT_EDGE_PAD","_jsxs","Card","CARD_WIDTH","Stack","HStack","StickyNoteIcon","Subtext","IconTile","Handle","Position","PORT_STYLE","getPortTop","BranchLabelBadge","getEdgeLabelVariant"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA;;;;AAIG;AACH,SAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,IAAI,GAAG,SAAS,GAIjB,EAAA;AACC,IAAA,QACEA,cAAA,CAACC,SAAI,EAAA,EAAA,GAAKC,+BAAc,EAAA,GAAMC,mCAAkB,CAAC,IAAI,CAAC,EAAA,QAAA,EACnD,QAAQ,EAAA,CACJ;AAEX;AAEA,SAAS,aAAa,CAAC,IAAkB,EAAA;IAIvC,OAAO,OAAO,IAAI,KAAK;UACnB,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS;AAC/B,UAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,SAAS,EAAE;AACvD;AAEA
|
|
1
|
+
{"version":3,"file":"NodeShell.js","sources":["../../../../../src/components/Workflow/canvas/NodeShell/NodeShell.tsx"],"sourcesContent":[null],"names":["_jsx","Chip","metaChipStyles","metaChipToneStyles","Box","AlertTriangleIcon","getCategoryTokens","MAX_META_CHIPS","NODE_MIN_HEIGHT","PORT_GAP","PORT_EDGE_PAD","_jsxs","Card","CARD_WIDTH","Stack","HStack","StickyNoteIcon","Subtext","IconTile","Handle","Position","PORT_STYLE","getPortTop","BranchLabelBadge","getEdgeLabelVariant"],"mappings":"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"}
|
|
@@ -36,64 +36,74 @@ function normalizeChip(spec) {
|
|
|
36
36
|
: { text: spec.text, tone: spec.tone ?? 'default' };
|
|
37
37
|
}
|
|
38
38
|
/**
|
|
39
|
-
* Ring + body
|
|
40
|
-
*
|
|
39
|
+
* Ring + body treatment per state. Notes keep their warm border in all
|
|
40
|
+
* states but still surface the primary ring when selected so the active
|
|
41
41
|
* annotation is visible.
|
|
42
42
|
*
|
|
43
|
-
*
|
|
44
|
-
*
|
|
43
|
+
* Two independent layers:
|
|
44
|
+
*
|
|
45
|
+
* - Status chrome (border + body), by precedence running > failed (run error
|
|
46
|
+
* or a validation issue) > completed > warning > default. Failed and
|
|
47
|
+
* completed tint the whole card with the status colour
|
|
48
|
+
* (`danger.bg`/`success.bg`) so the result still reads at a glance once the
|
|
49
|
+
* selection moves on. A node's own validation issues (`hasError`) get the
|
|
50
|
+
* same failed treatment as a runtime error (`runState === 'error'`) — both
|
|
51
|
+
* mean "something is wrong with this node". The default border is
|
|
52
|
+
* `border.default`.
|
|
53
|
+
* - Selection: a 1px `primary.main` outline, added on top of whatever status
|
|
54
|
+
* chrome the node has. After a run every node is done or failed, so if
|
|
55
|
+
* status replaced selection a clicked node would show no cue at all. Running
|
|
56
|
+
* wears the same outline — both mean "this is the node in focus". On a
|
|
57
|
+
* plain or warning node selection also takes the border, as before.
|
|
45
58
|
*/
|
|
46
59
|
function getRingChrome(category, selected, hasError, hasWarning, runState, noteBorder) {
|
|
60
|
+
const selectionRing = selected
|
|
61
|
+
? { outline: '1px solid', outlineColor: 'primary.main' }
|
|
62
|
+
: {};
|
|
47
63
|
if (category === 'note') {
|
|
48
|
-
|
|
49
|
-
return {
|
|
50
|
-
borderColor: noteBorder,
|
|
51
|
-
outline: '3px solid',
|
|
52
|
-
outlineColor: 'primary.lighter',
|
|
53
|
-
};
|
|
54
|
-
}
|
|
55
|
-
return { borderColor: noteBorder };
|
|
64
|
+
return { borderColor: noteBorder, ...selectionRing };
|
|
56
65
|
}
|
|
57
66
|
if (runState === 'running') {
|
|
58
67
|
return {
|
|
59
68
|
borderColor: 'primary.main',
|
|
60
|
-
outline: '
|
|
61
|
-
outlineColor: 'primary.
|
|
69
|
+
outline: '1px solid',
|
|
70
|
+
outlineColor: 'primary.main',
|
|
62
71
|
};
|
|
63
72
|
}
|
|
64
|
-
if (hasError) {
|
|
65
|
-
return {
|
|
66
|
-
borderColor: 'danger.main',
|
|
67
|
-
outline: '3px solid',
|
|
68
|
-
outlineColor: 'danger.lighter',
|
|
69
|
-
};
|
|
73
|
+
if (runState === 'error' || hasError) {
|
|
74
|
+
return { borderColor: 'danger.border', bg: 'danger.bg', ...selectionRing };
|
|
70
75
|
}
|
|
71
|
-
if (
|
|
76
|
+
if (runState === 'done') {
|
|
72
77
|
return {
|
|
73
|
-
borderColor: '
|
|
74
|
-
|
|
75
|
-
|
|
78
|
+
borderColor: 'success.border',
|
|
79
|
+
bg: 'success.bg',
|
|
80
|
+
...selectionRing,
|
|
76
81
|
};
|
|
77
82
|
}
|
|
83
|
+
if (selected)
|
|
84
|
+
return { borderColor: 'primary.main', ...selectionRing };
|
|
78
85
|
if (hasWarning)
|
|
79
|
-
return { borderColor: 'warning.
|
|
80
|
-
return { borderColor: '
|
|
86
|
+
return { borderColor: 'warning.border' };
|
|
87
|
+
return { borderColor: 'border.default' };
|
|
81
88
|
}
|
|
82
89
|
/**
|
|
83
90
|
* Header glyph independently selected from the ring. Error wins over
|
|
84
91
|
* warning wins over running's status dot — so an error inside a running
|
|
85
|
-
* node still surfaces the alert, instead of being hidden by the
|
|
92
|
+
* node still surfaces the alert, instead of being hidden by the primary
|
|
86
93
|
* dot.
|
|
87
94
|
*/
|
|
88
95
|
function getHeaderBadge(hasError, hasWarning, runState) {
|
|
89
96
|
if (hasError) {
|
|
90
|
-
return (jsx(Box, { color: "danger.
|
|
97
|
+
return (jsx(Box, { color: "danger.fg", display: "flex", alignItems: "center", children: jsx(AlertTriangleIcon, { boxSize: "xs" }) }));
|
|
91
98
|
}
|
|
92
99
|
if (hasWarning) {
|
|
93
|
-
return (jsx(Box, { color: "warning.
|
|
100
|
+
return (jsx(Box, { color: "warning.fg", display: "flex", alignItems: "center", children: jsx(AlertTriangleIcon, { boxSize: "xs" }) }));
|
|
94
101
|
}
|
|
95
102
|
if (runState === 'running') {
|
|
96
|
-
|
|
103
|
+
// Matches the ring colour (`primary.main`) rather than `success.*` — a
|
|
104
|
+
// green "running" dot read as a false "done" signal sitting right next
|
|
105
|
+
// to the real completed state's green card fill.
|
|
106
|
+
return (jsx(Box, { boxSize: "2.5", borderRadius: "full", bg: "primary.main", outline: "3px solid", outlineColor: "primary.wash" }));
|
|
97
107
|
}
|
|
98
108
|
return null;
|
|
99
109
|
}
|
|
@@ -116,10 +126,10 @@ function NodeShell({ label, instanceTitle, metaChips, category, icon, selected,
|
|
|
116
126
|
const minHeight = isNote
|
|
117
127
|
? undefined
|
|
118
128
|
: `${Math.max(NODE_MIN_HEIGHT, PORT_GAP * Math.max(portCount - 1, 0) + PORT_EDGE_PAD * 2)}px`;
|
|
119
|
-
return (jsxs(Card, { width: CARD_WIDTH, minHeight: minHeight, p: 0, borderRadius: "lg", borderColor: ring.borderColor, outline: ring.outline, outlineColor: ring.outlineColor, boxShadow: "sm", bg: isNote ? tokens.bg : 'bg.surface', position: "relative",
|
|
129
|
+
return (jsxs(Card, { width: CARD_WIDTH, minHeight: minHeight, p: 0, borderRadius: "lg", borderColor: ring.borderColor, outline: ring.outline, outlineColor: ring.outlineColor, boxShadow: "sm", bg: isNote ? tokens.bg : (ring.bg ?? 'bg.surface'), position: "relative",
|
|
120
130
|
// Center the body within the port-driven min-height so a content-light
|
|
121
131
|
// node (e.g. Start) sits mid-card rather than pinned to the top edge.
|
|
122
|
-
display: "flex", flexDirection: "column", justifyContent: "center", children: [isNote ? (jsxs(Stack, { gap: 1, px: 3, py: 2, children: [jsxs(HStack, { gap: 1, color: "warning.
|
|
132
|
+
display: "flex", flexDirection: "column", justifyContent: "center", children: [isNote ? (jsxs(Stack, { gap: 1, px: 3, py: 2, children: [jsxs(HStack, { gap: 1, color: "warning.fg", fontWeight: "bold", letterSpacing: "wider", textTransform: "uppercase", children: [jsx(StickyNoteIcon, { boxSize: "xs" }), jsx(Subtext, { color: "warning.fg", fontWeight: "bold", children: "Note" })] }), customBody ?? (jsx(Subtext, { color: "fg.default", lineHeight: 1.45, children: instanceTitle ?? label }))] })) : ((customBody ?? (jsxs(Stack, { gap: 0, children: [jsxs(HStack, { gap: 2, px: 3, pt: 2, pb: chips.length || overflowChip ? 1 : 2, children: [jsx(IconTile, { category: category, icon: icon, tokens: categoryTokens }), jsxs(Stack, { gap: 0, flex: 1, minWidth: 0, children: [jsx(Subtext, { fontWeight: "semibold", color: "fg.default", lineClamp: 1, children: label }), instanceTitle ? (jsx(Subtext, { color: "fg.muted", lineClamp: 1, children: instanceTitle })) : null] }), badge] }), chips.length || overflowChip ? (jsxs(HStack, { px: 3, pb: 2, gap: 1, flexWrap: "wrap", children: [chips.map((chip) => (jsx(MetaChip, { tone: chip.tone, children: chip.text }, chip.text))), overflowChip ? jsx(MetaChip, { children: overflowChip }) : null] })) : null] })))), inputs.map((h, i) => (jsx(Handle, { id: h.id, type: "target", position: Position.Left, style: {
|
|
123
133
|
...PORT_STYLE,
|
|
124
134
|
top: getPortTop(i, inputs.length),
|
|
125
135
|
} }, `in-${h.id}`))), outputs.map((h, i) => (jsx(Handle, { id: h.id, type: "source", position: Position.Right, style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NodeShell.mjs","sources":["../../../../../src/components/Workflow/canvas/NodeShell/NodeShell.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAiCA;;;;AAIG;AACH,SAAS,QAAQ,CAAC,EAChB,QAAQ,EACR,IAAI,GAAG,SAAS,GAIjB,EAAA;AACC,IAAA,QACEA,GAAA,CAAC,IAAI,EAAA,EAAA,GAAK,cAAc,EAAA,GAAM,kBAAkB,CAAC,IAAI,CAAC,EAAA,QAAA,EACnD,QAAQ,EAAA,CACJ;AAEX;AAEA,SAAS,aAAa,CAAC,IAAkB,EAAA;IAIvC,OAAO,OAAO,IAAI,KAAK;UACnB,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS;AAC/B,UAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,IAAI,SAAS,EAAE;AACvD;AAEA
|
|
1
|
+
{"version":3,"file":"NodeShell.mjs","sources":["../../../../../src/components/Workflow/canvas/NodeShell/NodeShell.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -32,6 +32,11 @@ export declare const PORT_EDGE_PAD = 14;
|
|
|
32
32
|
export declare function getPortTop(index: number, count: number): string;
|
|
33
33
|
/** Cap on the meta-chip row so a node with many badges can't grow unboundedly. */
|
|
34
34
|
export declare const MAX_META_CHIPS = 4;
|
|
35
|
+
/**
|
|
36
|
+
* React Flow `<Handle>` takes inline SVG-style props rather than Chakra
|
|
37
|
+
* tokens, so port colors are spelled as CSS vars from the theme (`colorVar`).
|
|
38
|
+
* The ring uses the same stroke token as the edges it terminates.
|
|
39
|
+
*/
|
|
35
40
|
export declare const PORT_STYLE: PortStyle;
|
|
36
41
|
/**
|
|
37
42
|
* Compact pill styling for the canvas node's meta row. Overrides logician-ui
|
|
@@ -55,12 +60,12 @@ export declare const metaChipStyles: {
|
|
|
55
60
|
export declare const metaChipToneStyles: {
|
|
56
61
|
readonly default: {};
|
|
57
62
|
readonly danger: {
|
|
58
|
-
readonly bg: "danger.
|
|
59
|
-
readonly color: "danger.
|
|
63
|
+
readonly bg: "danger.bg";
|
|
64
|
+
readonly color: "danger.fg";
|
|
60
65
|
};
|
|
61
66
|
readonly warning: {
|
|
62
|
-
readonly bg: "warning.
|
|
63
|
-
readonly color: "warning.
|
|
67
|
+
readonly bg: "warning.bg";
|
|
68
|
+
readonly color: "warning.fg";
|
|
64
69
|
};
|
|
65
70
|
};
|
|
66
71
|
//# sourceMappingURL=NodeShell.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NodeShell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/NodeShell/NodeShell.styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NodeShell.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/NodeShell/NodeShell.styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAEnD,eAAO,MAAM,UAAU,UAAU,CAAC;AAElC;;;;;GAKG;AACH,eAAO,MAAM,eAAe,KAAK,CAAC;AAElC;;;;;;GAMG;AACH,eAAO,MAAM,QAAQ,KAAK,CAAC;AAE3B;;;;;GAKG;AACH,eAAO,MAAM,aAAa,KAAK,CAAC;AAEhC;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAG/D;AAED,kFAAkF;AAClF,eAAO,MAAM,cAAc,IAAI,CAAC;AAEhC;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,SAKxB,CAAC;AAEF;;;;;GAKG;AACH,eAAO,MAAM,cAAc;;;;;;;CAO1B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;CAIrB,CAAC"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
+
var colorVar = require('../colorVar.js');
|
|
5
|
+
|
|
4
6
|
const CARD_WIDTH = '174px';
|
|
5
7
|
/**
|
|
6
8
|
* Floor height (px) for a canvas node so a content-light node (e.g. Start,
|
|
@@ -39,16 +41,14 @@ function getPortTop(index, count) {
|
|
|
39
41
|
const MAX_META_CHIPS = 4;
|
|
40
42
|
/**
|
|
41
43
|
* React Flow `<Handle>` takes inline SVG-style props rather than Chakra
|
|
42
|
-
* tokens, so port colors are spelled as CSS vars from the theme.
|
|
44
|
+
* tokens, so port colors are spelled as CSS vars from the theme (`colorVar`).
|
|
45
|
+
* The ring uses the same stroke token as the edges it terminates.
|
|
43
46
|
*/
|
|
44
|
-
function colorVar(token) {
|
|
45
|
-
return `var(--chakra-colors-${token.replace(/\./g, '-')})`;
|
|
46
|
-
}
|
|
47
47
|
const PORT_STYLE = {
|
|
48
48
|
width: 8,
|
|
49
49
|
height: 8,
|
|
50
|
-
background: colorVar('bg.surface'),
|
|
51
|
-
border: `1.5px solid ${colorVar(
|
|
50
|
+
background: colorVar.colorVar('bg.surface'),
|
|
51
|
+
border: `1.5px solid ${colorVar.colorVar(colorVar.CANVAS_STROKE_TOKEN)}`,
|
|
52
52
|
};
|
|
53
53
|
/**
|
|
54
54
|
* Compact pill styling for the canvas node's meta row. Overrides logician-ui
|
|
@@ -71,8 +71,8 @@ const metaChipStyles = {
|
|
|
71
71
|
*/
|
|
72
72
|
const metaChipToneStyles = {
|
|
73
73
|
default: {},
|
|
74
|
-
danger: { bg: 'danger.
|
|
75
|
-
warning: { bg: 'warning.
|
|
74
|
+
danger: { bg: 'danger.bg', color: 'danger.fg' },
|
|
75
|
+
warning: { bg: 'warning.bg', color: 'warning.fg' },
|
|
76
76
|
};
|
|
77
77
|
|
|
78
78
|
exports.CARD_WIDTH = CARD_WIDTH;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NodeShell.styles.js","sources":["../../../../../src/components/Workflow/canvas/NodeShell/NodeShell.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NodeShell.styles.js","sources":["../../../../../src/components/Workflow/canvas/NodeShell/NodeShell.styles.ts"],"sourcesContent":[null],"names":["colorVar","CANVAS_STROKE_TOKEN"],"mappings":";;;;;AAGO,MAAM,UAAU,GAAG;AAE1B;;;;;AAKG;AACI,MAAM,eAAe,GAAG;AAE/B;;;;;;AAMG;AACI,MAAM,QAAQ,GAAG;AAExB;;;;;AAKG;AACI,MAAM,aAAa,GAAG;AAE7B;;;;;;AAMG;AACG,SAAU,UAAU,CAAC,KAAa,EAAE,KAAa,EAAA;AACrD,IAAA,MAAM,MAAM,GAAG,CAAC,KAAK,GAAG,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,IAAI,QAAQ;IACnD,OAAO,CAAA,WAAA,EAAc,MAAM,CAAA,GAAA,CAAK;AAClC;AAEA;AACO,MAAM,cAAc,GAAG;AAE9B;;;;AAIG;AACI,MAAM,UAAU,GAAc;AACnC,IAAA,KAAK,EAAE,CAAC;AACR,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,UAAU,EAAEA,iBAAQ,CAAC,YAAY,CAAC;AAClC,IAAA,MAAM,EAAE,CAAA,YAAA,EAAeA,iBAAQ,CAACC,4BAAmB,CAAC,CAAA,CAAE;;AAGxD;;;;;AAKG;AACI,MAAM,cAAc,GAAG;AAC5B,IAAA,OAAO,EAAE,MAAe;AACxB,IAAA,YAAY,EAAE,SAAkB;AAChC,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,YAAY,EAAE,IAAI;;AAGpB;;;;AAIG;AACI,MAAM,kBAAkB,GAAG;AAChC,IAAA,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;IAC/C,OAAO,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;;;;;;;;;;;;;"}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
|
+
import { colorVar, CANVAS_STROKE_TOKEN } from '../colorVar.mjs';
|
|
3
|
+
|
|
2
4
|
const CARD_WIDTH = '174px';
|
|
3
5
|
/**
|
|
4
6
|
* Floor height (px) for a canvas node so a content-light node (e.g. Start,
|
|
@@ -37,16 +39,14 @@ function getPortTop(index, count) {
|
|
|
37
39
|
const MAX_META_CHIPS = 4;
|
|
38
40
|
/**
|
|
39
41
|
* React Flow `<Handle>` takes inline SVG-style props rather than Chakra
|
|
40
|
-
* tokens, so port colors are spelled as CSS vars from the theme.
|
|
42
|
+
* tokens, so port colors are spelled as CSS vars from the theme (`colorVar`).
|
|
43
|
+
* The ring uses the same stroke token as the edges it terminates.
|
|
41
44
|
*/
|
|
42
|
-
function colorVar(token) {
|
|
43
|
-
return `var(--chakra-colors-${token.replace(/\./g, '-')})`;
|
|
44
|
-
}
|
|
45
45
|
const PORT_STYLE = {
|
|
46
46
|
width: 8,
|
|
47
47
|
height: 8,
|
|
48
48
|
background: colorVar('bg.surface'),
|
|
49
|
-
border: `1.5px solid ${colorVar(
|
|
49
|
+
border: `1.5px solid ${colorVar(CANVAS_STROKE_TOKEN)}`,
|
|
50
50
|
};
|
|
51
51
|
/**
|
|
52
52
|
* Compact pill styling for the canvas node's meta row. Overrides logician-ui
|
|
@@ -69,8 +69,8 @@ const metaChipStyles = {
|
|
|
69
69
|
*/
|
|
70
70
|
const metaChipToneStyles = {
|
|
71
71
|
default: {},
|
|
72
|
-
danger: { bg: 'danger.
|
|
73
|
-
warning: { bg: 'warning.
|
|
72
|
+
danger: { bg: 'danger.bg', color: 'danger.fg' },
|
|
73
|
+
warning: { bg: 'warning.bg', color: 'warning.fg' },
|
|
74
74
|
};
|
|
75
75
|
|
|
76
76
|
export { CARD_WIDTH, MAX_META_CHIPS, NODE_MIN_HEIGHT, PORT_EDGE_PAD, PORT_GAP, PORT_STYLE, getPortTop, metaChipStyles, metaChipToneStyles };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NodeShell.styles.mjs","sources":["../../../../../src/components/Workflow/canvas/NodeShell/NodeShell.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NodeShell.styles.mjs","sources":["../../../../../src/components/Workflow/canvas/NodeShell/NodeShell.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAGO,MAAM,UAAU,GAAG;AAE1B;;;;;AAKG;AACI,MAAM,eAAe,GAAG;AAE/B;;;;;;AAMG;AACI,MAAM,QAAQ,GAAG;AAExB;;;;;AAKG;AACI,MAAM,aAAa,GAAG;AAE7B;;;;;;AAMG;AACG,SAAU,UAAU,CAAC,KAAa,EAAE,KAAa,EAAA;AACrD,IAAA,MAAM,MAAM,GAAG,CAAC,KAAK,GAAG,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,IAAI,QAAQ;IACnD,OAAO,CAAA,WAAA,EAAc,MAAM,CAAA,GAAA,CAAK;AAClC;AAEA;AACO,MAAM,cAAc,GAAG;AAE9B;;;;AAIG;AACI,MAAM,UAAU,GAAc;AACnC,IAAA,KAAK,EAAE,CAAC;AACR,IAAA,MAAM,EAAE,CAAC;AACT,IAAA,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC;AAClC,IAAA,MAAM,EAAE,CAAA,YAAA,EAAe,QAAQ,CAAC,mBAAmB,CAAC,CAAA,CAAE;;AAGxD;;;;;AAKG;AACI,MAAM,cAAc,GAAG;AAC5B,IAAA,OAAO,EAAE,MAAe;AACxB,IAAA,YAAY,EAAE,SAAkB;AAChC,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,GAAG;AACP,IAAA,YAAY,EAAE,IAAI;;AAGpB;;;;AAIG;AACI,MAAM,kBAAkB,GAAG;AAChC,IAAA,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE;IAC/C,OAAO,EAAE,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE;;;;;"}
|
|
@@ -30,6 +30,8 @@ export type RingChrome = {
|
|
|
30
30
|
borderColor: string;
|
|
31
31
|
outline?: string;
|
|
32
32
|
outlineColor?: string;
|
|
33
|
+
/** Card background override for a status fill (failed/completed). */
|
|
34
|
+
bg?: string;
|
|
33
35
|
};
|
|
34
36
|
export type PortStyle = CSSProperties;
|
|
35
37
|
//# sourceMappingURL=NodeShell.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NodeShell.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/NodeShell/NodeShell.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,KAAK,EACV,SAAS,EACT,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,QAAQ,EACT,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACxC,QAAQ,EAAE,YAAY,CAAC;IACvB,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACzC,sDAAsD;IACtD,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,gFAAgF;IAChF,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"NodeShell.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/NodeShell/NodeShell.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,OAAO,KAAK,EACV,SAAS,EACT,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,QAAQ,EACT,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAEpD,MAAM,MAAM,cAAc,GAAG;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACxC,QAAQ,EAAE,YAAY,CAAC;IACvB,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;IACnB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,MAAM,EAAE,SAAS,EAAE,CAAC;IACpB,OAAO,EAAE,SAAS,EAAE,CAAC;IACrB;;;;;;OAMG;IACH,kBAAkB,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACzC,sDAAsD;IACtD,cAAc,CAAC,EAAE,gBAAgB,CAAC;IAClC,gFAAgF;IAChF,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG;IACvB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qEAAqE;IACrE,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,aAAa,CAAC"}
|
|
@@ -3,11 +3,12 @@ import type { IssueSeverity } from '../../Workflow.types';
|
|
|
3
3
|
interface SeverityDotProps extends BoxProps {
|
|
4
4
|
severity: IssueSeverity;
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
7
|
-
* tinted callout background
|
|
8
|
-
* `
|
|
6
|
+
* Which half of the status family fills the dot. `fg` reads better as a
|
|
7
|
+
* small marker on a tinted callout background (it's tuned to work on
|
|
8
|
+
* `.bg` too); `solid` suits a header dot on a plain surface. Defaults to
|
|
9
|
+
* `solid`.
|
|
9
10
|
*/
|
|
10
|
-
tone?: '
|
|
11
|
+
tone?: 'solid' | 'fg';
|
|
11
12
|
}
|
|
12
13
|
/** Small round severity marker shared by the issue callout and the issue list. */
|
|
13
14
|
export declare function SeverityDot({ severity, tone, ...rest }: SeverityDotProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SeverityDot.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/SeverityDot/SeverityDot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG1D,UAAU,gBAAiB,SAAQ,QAAQ;IACzC,QAAQ,EAAE,aAAa,CAAC;IACxB
|
|
1
|
+
{"version":3,"file":"SeverityDot.d.ts","sourceRoot":"","sources":["../../../../../src/components/Workflow/canvas/SeverityDot/SeverityDot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAG1D,UAAU,gBAAiB,SAAQ,QAAQ;IACzC,QAAQ,EAAE,aAAa,CAAC;IACxB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;CACvB;AAED,kFAAkF;AAClF,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAc,EACd,GAAG,IAAI,EACR,EAAE,gBAAgB,2CAUlB"}
|
|
@@ -6,7 +6,7 @@ var react = require('@chakra-ui/react');
|
|
|
6
6
|
var issueSeverity = require('../issueSeverity.js');
|
|
7
7
|
|
|
8
8
|
/** Small round severity marker shared by the issue callout and the issue list. */
|
|
9
|
-
function SeverityDot({ severity, tone = '
|
|
9
|
+
function SeverityDot({ severity, tone = 'solid', ...rest }) {
|
|
10
10
|
return (jsxRuntime.jsx(react.Box, { boxSize: "1.5", borderRadius: "full", flexShrink: 0, bg: issueSeverity.severityColorToken(severity, tone), ...rest }));
|
|
11
11
|
}
|
|
12
12
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SeverityDot.js","sources":["../../../../../src/components/Workflow/canvas/SeverityDot/SeverityDot.tsx"],"sourcesContent":[null],"names":["_jsx","Box","severityColorToken"],"mappings":";;;;;;;
|
|
1
|
+
{"version":3,"file":"SeverityDot.js","sources":["../../../../../src/components/Workflow/canvas/SeverityDot/SeverityDot.tsx"],"sourcesContent":[null],"names":["_jsx","Box","severityColorToken"],"mappings":";;;;;;;AAkBA;AACM,SAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,GAAG,IAAI,EACU,EAAA;AACjB,IAAA,QACEA,cAAA,CAACC,SAAG,EAAA,EACF,OAAO,EAAC,KAAK,EACb,YAAY,EAAC,MAAM,EACnB,UAAU,EAAE,CAAC,EACb,EAAE,EAAEC,gCAAkB,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAA,GAClC,IAAI,EAAA,CACR;AAEN;;;;"}
|
|
@@ -4,7 +4,7 @@ import { Box } from '@chakra-ui/react';
|
|
|
4
4
|
import { severityColorToken } from '../issueSeverity.mjs';
|
|
5
5
|
|
|
6
6
|
/** Small round severity marker shared by the issue callout and the issue list. */
|
|
7
|
-
function SeverityDot({ severity, tone = '
|
|
7
|
+
function SeverityDot({ severity, tone = 'solid', ...rest }) {
|
|
8
8
|
return (jsx(Box, { boxSize: "1.5", borderRadius: "full", flexShrink: 0, bg: severityColorToken(severity, tone), ...rest }));
|
|
9
9
|
}
|
|
10
10
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SeverityDot.mjs","sources":["../../../../../src/components/Workflow/canvas/SeverityDot/SeverityDot.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"SeverityDot.mjs","sources":["../../../../../src/components/Workflow/canvas/SeverityDot/SeverityDot.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAkBA;AACM,SAAU,WAAW,CAAC,EAC1B,QAAQ,EACR,IAAI,GAAG,OAAO,EACd,GAAG,IAAI,EACU,EAAA;AACjB,IAAA,QACEA,GAAA,CAAC,GAAG,EAAA,EACF,OAAO,EAAC,KAAK,EACb,YAAY,EAAC,MAAM,EACnB,UAAU,EAAE,CAAC,EACb,EAAE,EAAE,kBAAkB,CAAC,QAAQ,EAAE,IAAI,CAAC,EAAA,GAClC,IAAI,EAAA,CACR;AAEN;;;;"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Token path → the CSS variable Chakra emits for it, for the React Flow props
|
|
3
|
+
* (`<Handle style>`, edge `style` / `markerEnd`) that take raw CSS rather than
|
|
4
|
+
* Chakra tokens. Chakra kebab-cases every segment, so `fg.onPrimary` is
|
|
5
|
+
* `--chakra-colors-fg-on-primary`; swapping only the dots would name a
|
|
6
|
+
* variable that never exists and the declaration would silently fall back.
|
|
7
|
+
*/
|
|
8
|
+
export declare function colorVar(token: string): string;
|
|
9
|
+
/**
|
|
10
|
+
* Colour of the canvas's structural strokes — edges, arrowheads and port
|
|
11
|
+
* rings. These are the only marks that say what connects to what, so they are
|
|
12
|
+
* non-text graphics and need ≥ 3:1 against every surface they sit on
|
|
13
|
+
* (`primary.wash` canvas, `bg.subtle` read-only canvas, `bg.canvas` in dark,
|
|
14
|
+
* `bg.surface` behind a port). `border.strong` is a separator (~1.7:1 on the
|
|
15
|
+
* wash) and fails that; `fg.icon` is the role for non-text marks and clears it
|
|
16
|
+
* in every mode (see `canvasStroke.test.ts`). 4.x drew these in `slate.700`,
|
|
17
|
+
* which deprecatedColorTokens.json maps to `neutral.8` — the same job.
|
|
18
|
+
*/
|
|
19
|
+
export declare const CANVAS_STROKE_TOKEN = "fg.icon";
|
|
20
|
+
//# sourceMappingURL=colorVar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colorVar.d.ts","sourceRoot":"","sources":["../../../../src/components/Workflow/canvas/colorVar.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAM9C;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,mBAAmB,YAAY,CAAC"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
/**
|
|
5
|
+
* Token path → the CSS variable Chakra emits for it, for the React Flow props
|
|
6
|
+
* (`<Handle style>`, edge `style` / `markerEnd`) that take raw CSS rather than
|
|
7
|
+
* Chakra tokens. Chakra kebab-cases every segment, so `fg.onPrimary` is
|
|
8
|
+
* `--chakra-colors-fg-on-primary`; swapping only the dots would name a
|
|
9
|
+
* variable that never exists and the declaration would silently fall back.
|
|
10
|
+
*/
|
|
11
|
+
function colorVar(token) {
|
|
12
|
+
const name = token
|
|
13
|
+
.split('.')
|
|
14
|
+
.map((segment) => segment.replace(/[A-Z]/g, (c) => `-${c.toLowerCase()}`))
|
|
15
|
+
.join('-');
|
|
16
|
+
return `var(--chakra-colors-${name})`;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* Colour of the canvas's structural strokes — edges, arrowheads and port
|
|
20
|
+
* rings. These are the only marks that say what connects to what, so they are
|
|
21
|
+
* non-text graphics and need ≥ 3:1 against every surface they sit on
|
|
22
|
+
* (`primary.wash` canvas, `bg.subtle` read-only canvas, `bg.canvas` in dark,
|
|
23
|
+
* `bg.surface` behind a port). `border.strong` is a separator (~1.7:1 on the
|
|
24
|
+
* wash) and fails that; `fg.icon` is the role for non-text marks and clears it
|
|
25
|
+
* in every mode (see `canvasStroke.test.ts`). 4.x drew these in `slate.700`,
|
|
26
|
+
* which deprecatedColorTokens.json maps to `neutral.8` — the same job.
|
|
27
|
+
*/
|
|
28
|
+
const CANVAS_STROKE_TOKEN = 'fg.icon';
|
|
29
|
+
|
|
30
|
+
exports.CANVAS_STROKE_TOKEN = CANVAS_STROKE_TOKEN;
|
|
31
|
+
exports.colorVar = colorVar;
|
|
32
|
+
//# sourceMappingURL=colorVar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colorVar.js","sources":["../../../../src/components/Workflow/canvas/colorVar.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;;;;;;AAMG;AACG,SAAU,QAAQ,CAAC,KAAa,EAAA;IACpC,MAAM,IAAI,GAAG;SACV,KAAK,CAAC,GAAG;SACT,GAAG,CAAC,CAAC,OAAO,KAAK,OAAO,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,KAAK,CAAA,CAAA,EAAI,CAAC,CAAC,WAAW,EAAE,CAAA,CAAE,CAAC;SACxE,IAAI,CAAC,GAAG,CAAC;IACZ,OAAO,CAAA,oBAAA,EAAuB,IAAI,CAAA,CAAA,CAAG;AACvC;AAEA;;;;;;;;;AASG;AACI,MAAM,mBAAmB,GAAG;;;;;"}
|