@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
|
@@ -7,7 +7,7 @@ var react = require('@chakra-ui/react');
|
|
|
7
7
|
var focusRing = require('../../../utils/focusRing.js');
|
|
8
8
|
|
|
9
9
|
const SliderThumb = React.forwardRef(({ index = 0, ...rest }, ref) => {
|
|
10
|
-
return (jsxRuntime.jsx(react.Slider.Thumb, { index: index, boxSize: 4, bg: "
|
|
10
|
+
return (jsxRuntime.jsx(react.Slider.Thumb, { index: index, boxSize: 4, bg: "bg.canvas", borderColor: "primary.main", borderWidth: 3, borderStyle: "solid", _disabled: {
|
|
11
11
|
bg: 'bg.muted',
|
|
12
12
|
borderColor: 'border.default',
|
|
13
13
|
cursor: 'not-allowed',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderThumb.js","sources":["../../../../src/components/Slider/SliderThumb/SliderThumb.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Slider","focusRing"],"mappings":";;;;;;;;AAOO,MAAM,WAAW,GAAGA,gBAAU,CACnC,CACE,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,EAAyC,EAC7D,GAAkC,KAChC;AACF,IAAA,QACEC,cAAA,CAACC,YAAM,CAAC,KAAK,EAAA,EACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,EACV,EAAE,EAAC,
|
|
1
|
+
{"version":3,"file":"SliderThumb.js","sources":["../../../../src/components/Slider/SliderThumb/SliderThumb.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Slider","focusRing"],"mappings":";;;;;;;;AAOO,MAAM,WAAW,GAAGA,gBAAU,CACnC,CACE,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,EAAyC,EAC7D,GAAkC,KAChC;AACF,IAAA,QACEC,cAAA,CAACC,YAAM,CAAC,KAAK,EAAA,EACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,EACV,EAAE,EAAC,WAAW,EACd,WAAW,EAAC,cAAc,EAC1B,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,OAAO,EACnB,SAAS,EAAE;AACT,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,WAAW,EAAE,gBAAgB;AAC7B,YAAA,MAAM,EAAE,aAAa;SACtB,EAAA,GACGC,mBAAS,KACT,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
|
|
@@ -5,7 +5,7 @@ import { Slider } from '@chakra-ui/react';
|
|
|
5
5
|
import { focusRing } from '../../../utils/focusRing.mjs';
|
|
6
6
|
|
|
7
7
|
const SliderThumb = forwardRef(({ index = 0, ...rest }, ref) => {
|
|
8
|
-
return (jsx(Slider.Thumb, { index: index, boxSize: 4, bg: "
|
|
8
|
+
return (jsx(Slider.Thumb, { index: index, boxSize: 4, bg: "bg.canvas", borderColor: "primary.main", borderWidth: 3, borderStyle: "solid", _disabled: {
|
|
9
9
|
bg: 'bg.muted',
|
|
10
10
|
borderColor: 'border.default',
|
|
11
11
|
cursor: 'not-allowed',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderThumb.mjs","sources":["../../../../src/components/Slider/SliderThumb/SliderThumb.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAOO,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,EAAyC,EAC7D,GAAkC,KAChC;AACF,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,EACV,EAAE,EAAC,
|
|
1
|
+
{"version":3,"file":"SliderThumb.mjs","sources":["../../../../src/components/Slider/SliderThumb/SliderThumb.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAOO,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,IAAI,EAAyC,EAC7D,GAAkC,KAChC;AACF,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC,KAAK,EAAA,EACX,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,CAAC,EACV,EAAE,EAAC,WAAW,EACd,WAAW,EAAC,cAAc,EAC1B,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,OAAO,EACnB,SAAS,EAAE;AACT,YAAA,EAAE,EAAE,UAAU;AACd,YAAA,WAAW,EAAE,gBAAgB;AAC7B,YAAA,MAAM,EAAE,aAAa;SACtB,EAAA,GACG,SAAS,KACT,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC;AAGH,WAAW,CAAC,WAAW,GAAG,aAAa;;;;"}
|
|
@@ -25,7 +25,7 @@ var react = require('@chakra-ui/react');
|
|
|
25
25
|
* </Slider>
|
|
26
26
|
*/
|
|
27
27
|
const SliderThumbs = React.forwardRef((props, _ref) => {
|
|
28
|
-
return (jsxRuntime.jsx(react.Slider.Thumbs, { boxSize: 4, bg: "
|
|
28
|
+
return (jsxRuntime.jsx(react.Slider.Thumbs, { boxSize: 4, bg: "bg.canvas", borderColor: "primary.main", borderWidth: 3, borderStyle: "solid", ...props }));
|
|
29
29
|
});
|
|
30
30
|
SliderThumbs.displayName = 'SliderThumbs';
|
|
31
31
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderThumbs.js","sources":["../../../../src/components/Slider/SliderThumbs/SliderThumbs.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Slider"],"mappings":";;;;;;;AAGA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,YAAY,GAAGA,gBAAU,CAAC,CAAC,KAAK,EAAE,IAAI,KAAI;AACrD,IAAA,QACEC,cAAA,CAACC,YAAM,CAAC,MAAM,EAAA,EACZ,OAAO,EAAE,CAAC,EACV,EAAE,EAAC,
|
|
1
|
+
{"version":3,"file":"SliderThumbs.js","sources":["../../../../src/components/Slider/SliderThumbs/SliderThumbs.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Slider"],"mappings":";;;;;;;AAGA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,YAAY,GAAGA,gBAAU,CAAC,CAAC,KAAK,EAAE,IAAI,KAAI;AACrD,IAAA,QACEC,cAAA,CAACC,YAAM,CAAC,MAAM,EAAA,EACZ,OAAO,EAAE,CAAC,EACV,EAAE,EAAC,WAAW,EACd,WAAW,EAAC,cAAc,EAC1B,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,OAAO,EAAA,GACf,KAAK,EAAA,CACT;AAEN,CAAC;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
|
|
@@ -23,7 +23,7 @@ import { Slider } from '@chakra-ui/react';
|
|
|
23
23
|
* </Slider>
|
|
24
24
|
*/
|
|
25
25
|
const SliderThumbs = forwardRef((props, _ref) => {
|
|
26
|
-
return (jsx(Slider.Thumbs, { boxSize: 4, bg: "
|
|
26
|
+
return (jsx(Slider.Thumbs, { boxSize: 4, bg: "bg.canvas", borderColor: "primary.main", borderWidth: 3, borderStyle: "solid", ...props }));
|
|
27
27
|
});
|
|
28
28
|
SliderThumbs.displayName = 'SliderThumbs';
|
|
29
29
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderThumbs.mjs","sources":["../../../../src/components/Slider/SliderThumbs/SliderThumbs.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAGA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,YAAY,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,IAAI,KAAI;AACrD,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC,MAAM,EAAA,EACZ,OAAO,EAAE,CAAC,EACV,EAAE,EAAC,
|
|
1
|
+
{"version":3,"file":"SliderThumbs.mjs","sources":["../../../../src/components/Slider/SliderThumbs/SliderThumbs.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAGA;;;;;;;;;;;;;;;;;;AAkBG;AACI,MAAM,YAAY,GAAG,UAAU,CAAC,CAAC,KAAK,EAAE,IAAI,KAAI;AACrD,IAAA,QACEA,GAAA,CAAC,MAAM,CAAC,MAAM,EAAA,EACZ,OAAO,EAAE,CAAC,EACV,EAAE,EAAC,WAAW,EACd,WAAW,EAAC,cAAc,EAC1B,WAAW,EAAE,CAAC,EACd,WAAW,EAAC,OAAO,EAAA,GACf,KAAK,EAAA,CACT;AAEN,CAAC;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwitchControl.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/SwitchControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAsB,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"SwitchControl.d.ts","sourceRoot":"","sources":["../../../src/components/Switch/SwitchControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,IAAI,YAAY,EAAsB,MAAM,kBAAkB,CAAC;AAK9E,eAAO,MAAM,aAAa,uHAkCzB,CAAC"}
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var react = require('@chakra-ui/react');
|
|
7
|
+
var disabledControl = require('../../utils/disabledControl.js');
|
|
7
8
|
var focusRing = require('../../utils/focusRing.js');
|
|
8
9
|
|
|
9
10
|
const SwitchControl = React.forwardRef((props, ref) => (jsxRuntime.jsx(react.Switch.Control, { ref: ref,
|
|
@@ -12,7 +13,7 @@ const SwitchControl = React.forwardRef((props, ref) => (jsxRuntime.jsx(react.Swi
|
|
|
12
13
|
// only ~1.03:1 against the bg.sunken page wash (gray.50) and vanishes
|
|
13
14
|
// there; bg.track (gray.300) reads as a filled track on any background.
|
|
14
15
|
// The checked state is the self-defining primary.main fill.
|
|
15
|
-
bg: "bg.track", _checked: { bg: 'primary.main' }, animationStyle: "feedback", transitionProperty: "background-color", ...focusRing.focusRing, ...props, children: jsxRuntime.jsx(react.Switch.Thumb
|
|
16
|
+
bg: "bg.track", _checked: { bg: 'primary.main' }, animationStyle: "feedback", transitionProperty: "background-color", _disabled: { ...disabledControl.disabledControl, cursor: 'not-allowed' }, ...focusRing.focusRing, ...props, children: jsxRuntime.jsx(react.Switch.Thumb
|
|
16
17
|
// A toggle is the metaphor of a physical switch, so the thumb settles
|
|
17
18
|
// slightly past its stop rather than easing to a halt. Chakra's default
|
|
18
19
|
// is `translate` over `fast` on a plain curve; `overshoot` is the one
|
|
@@ -24,7 +25,12 @@ const SwitchControl = React.forwardRef((props, ref) => (jsxRuntime.jsx(react.Swi
|
|
|
24
25
|
// is `translate` over `fast` on a plain curve; `overshoot` is the one
|
|
25
26
|
// curve that stays legible over the thumb's ~16px of travel, because it
|
|
26
27
|
// reverses direction — `standard` vs `emphasized` would not.
|
|
27
|
-
animationStyle: "spring", transitionProperty: "translate"
|
|
28
|
+
animationStyle: "spring", transitionProperty: "translate",
|
|
29
|
+
// Chakra's default is a raw `white` thumb that stays `white` when
|
|
30
|
+
// checked via an undefined `colorPalette.contrast`. bg.surface reads
|
|
31
|
+
// as the same near-white in light and flips correctly in dark; the
|
|
32
|
+
// checked thumb is fg.onPrimary (cream) to match Checkbox/Radio.
|
|
33
|
+
bg: "bg.surface", _checked: { bg: 'fg.onPrimary' } }) })));
|
|
28
34
|
SwitchControl.displayName = 'Switch.Control';
|
|
29
35
|
|
|
30
36
|
exports.SwitchControl = SwitchControl;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwitchControl.js","sources":["../../../src/components/Switch/SwitchControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSwitch","focusRing"],"mappings":"
|
|
1
|
+
{"version":3,"file":"SwitchControl.js","sources":["../../../src/components/Switch/SwitchControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraSwitch","disabledControl","focusRing"],"mappings":";;;;;;;;;MAMa,aAAa,GAAGA,gBAAU,CACrC,CAAC,KAAK,EAAE,GAAG,MACTC,cAAA,CAACC,YAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG;;;;;;AAMR,IAAA,EAAE,EAAC,UAAU,EACb,QAAQ,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,EAChC,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,kBAAkB,EACrC,SAAS,EAAE,EAAE,GAAGC,+BAAe,EAAE,MAAM,EAAE,aAAa,EAAE,EAAA,GACpDC,mBAAS,EAAA,GACT,KAAK,YAETH,cAAA,CAACC,YAAY,CAAC;;;;;;;;;;;;AAMZ,QAAA,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,WAAW;;;;;AAK9B,QAAA,EAAE,EAAC,YAAY,EACf,QAAQ,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,EAAA,CAChC,EAAA,CACmB,CACxB;AAEH,aAAa,CAAC,WAAW,GAAG,gBAAgB;;;;"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
import { Switch } from '@chakra-ui/react';
|
|
5
|
+
import { disabledControl } from '../../utils/disabledControl.mjs';
|
|
5
6
|
import { focusRing } from '../../utils/focusRing.mjs';
|
|
6
7
|
|
|
7
8
|
const SwitchControl = forwardRef((props, ref) => (jsx(Switch.Control, { ref: ref,
|
|
@@ -10,7 +11,7 @@ const SwitchControl = forwardRef((props, ref) => (jsx(Switch.Control, { ref: ref
|
|
|
10
11
|
// only ~1.03:1 against the bg.sunken page wash (gray.50) and vanishes
|
|
11
12
|
// there; bg.track (gray.300) reads as a filled track on any background.
|
|
12
13
|
// The checked state is the self-defining primary.main fill.
|
|
13
|
-
bg: "bg.track", _checked: { bg: 'primary.main' }, animationStyle: "feedback", transitionProperty: "background-color", ...focusRing, ...props, children: jsx(Switch.Thumb
|
|
14
|
+
bg: "bg.track", _checked: { bg: 'primary.main' }, animationStyle: "feedback", transitionProperty: "background-color", _disabled: { ...disabledControl, cursor: 'not-allowed' }, ...focusRing, ...props, children: jsx(Switch.Thumb
|
|
14
15
|
// A toggle is the metaphor of a physical switch, so the thumb settles
|
|
15
16
|
// slightly past its stop rather than easing to a halt. Chakra's default
|
|
16
17
|
// is `translate` over `fast` on a plain curve; `overshoot` is the one
|
|
@@ -22,7 +23,12 @@ const SwitchControl = forwardRef((props, ref) => (jsx(Switch.Control, { ref: ref
|
|
|
22
23
|
// is `translate` over `fast` on a plain curve; `overshoot` is the one
|
|
23
24
|
// curve that stays legible over the thumb's ~16px of travel, because it
|
|
24
25
|
// reverses direction — `standard` vs `emphasized` would not.
|
|
25
|
-
animationStyle: "spring", transitionProperty: "translate"
|
|
26
|
+
animationStyle: "spring", transitionProperty: "translate",
|
|
27
|
+
// Chakra's default is a raw `white` thumb that stays `white` when
|
|
28
|
+
// checked via an undefined `colorPalette.contrast`. bg.surface reads
|
|
29
|
+
// as the same near-white in light and flips correctly in dark; the
|
|
30
|
+
// checked thumb is fg.onPrimary (cream) to match Checkbox/Radio.
|
|
31
|
+
bg: "bg.surface", _checked: { bg: 'fg.onPrimary' } }) })));
|
|
26
32
|
SwitchControl.displayName = 'Switch.Control';
|
|
27
33
|
|
|
28
34
|
export { SwitchControl };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwitchControl.mjs","sources":["../../../src/components/Switch/SwitchControl.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSwitch"],"mappings":"
|
|
1
|
+
{"version":3,"file":"SwitchControl.mjs","sources":["../../../src/components/Switch/SwitchControl.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraSwitch"],"mappings":";;;;;;;MAMa,aAAa,GAAG,UAAU,CACrC,CAAC,KAAK,EAAE,GAAG,MACTA,GAAA,CAACC,MAAY,CAAC,OAAO,EAAA,EACnB,GAAG,EAAE,GAAG;;;;;;AAMR,IAAA,EAAE,EAAC,UAAU,EACb,QAAQ,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,EAChC,cAAc,EAAC,UAAU,EACzB,kBAAkB,EAAC,kBAAkB,EACrC,SAAS,EAAE,EAAE,GAAG,eAAe,EAAE,MAAM,EAAE,aAAa,EAAE,EAAA,GACpD,SAAS,EAAA,GACT,KAAK,YAETD,GAAA,CAACC,MAAY,CAAC;;;;;;;;;;;;AAMZ,QAAA,cAAc,EAAC,QAAQ,EACvB,kBAAkB,EAAC,WAAW;;;;;AAK9B,QAAA,EAAE,EAAC,YAAY,EACf,QAAQ,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,EAAA,CAChC,EAAA,CACmB,CACxB;AAEH,aAAa,CAAC,WAAW,GAAG,gBAAgB;;;;"}
|
|
@@ -12,7 +12,7 @@ export type TableRowState = 'selected' | 'invalid' | 'highlighted';
|
|
|
12
12
|
export interface TableRowProps extends Table.RowProps {
|
|
13
13
|
/**
|
|
14
14
|
* Row background tint, driven by the table recipe's semantic tokens
|
|
15
|
-
* (`
|
|
15
|
+
* (`primary.selected` / `bg.invalid.subtle` / `bg.highlighted`) so it renders
|
|
16
16
|
* correctly in both light and dark mode.
|
|
17
17
|
*/
|
|
18
18
|
state?: TableRowState;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,WAAW,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAU/E,MAAM,MAAM,QAAQ,GAAG,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;AAErE,eAAO,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"Tab.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"names":[],"mappings":"AACA,OAAO,EAAU,WAAW,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAU/E,MAAM,MAAM,QAAQ,GAAG,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;AAErE,eAAO,MAAM,GAAG,8IAiCf,CAAC"}
|
|
@@ -11,7 +11,7 @@ const Tab = React.forwardRef(({ value, children, css, ...props }, ref) => {
|
|
|
11
11
|
if (!value) {
|
|
12
12
|
throw new Error('Tab component requires a "value" prop');
|
|
13
13
|
}
|
|
14
|
-
return (jsxRuntime.jsx(react.Tabs.Trigger, { value: value, asChild: true, children: jsxRuntime.jsx(react.Button, { ref: ref, variant: "ghost", colorPalette: "neutral", color: "fg.muted", py: 3, border: "none", _selected: Tab_styles.horizontalSelectedStyles, ...props, css: mergeCss.mergeCss({
|
|
14
|
+
return (jsxRuntime.jsx(react.Tabs.Trigger, { value: value, asChild: true, children: jsxRuntime.jsx(react.Button, { ref: ref, variant: "ghost", colorPalette: "neutral", color: "fg.muted", py: 3, border: "none", _hover: { bg: 'primary.wash', color: 'fg.default' }, _selected: Tab_styles.horizontalSelectedStyles, ...props, css: mergeCss.mergeCss({
|
|
15
15
|
'&[data-orientation=vertical]': {
|
|
16
16
|
...Tab_styles.verticalStyles,
|
|
17
17
|
'&[data-selected]': Tab_styles.verticalSelectedStyles,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Tabs","Button","horizontalSelectedStyles","mergeCss","verticalStyles","verticalSelectedStyles"],"mappings":";;;;;;;;;MAaa,GAAG,GAAGA,gBAAU,CAC3B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IAC1C,IAAI,CAAC,KAAK,EAAE;AACV,QAAA,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC;IAC1D;
|
|
1
|
+
{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","Tabs","Button","horizontalSelectedStyles","mergeCss","verticalStyles","verticalSelectedStyles"],"mappings":";;;;;;;;;MAaa,GAAG,GAAGA,gBAAU,CAC3B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IAC1C,IAAI,CAAC,KAAK,EAAE;AACV,QAAA,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC;IAC1D;AAEA,IAAA,QACEC,cAAA,CAACC,UAAI,CAAC,OAAO,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAA,IAAA,EAAA,QAAA,EACjCD,cAAA,CAACE,YAAM,EAAA,EACL,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,OAAO,EACf,YAAY,EAAC,SAAS,EACtB,KAAK,EAAC,UAAU,EAChB,EAAE,EAAE,CAAC,EACL,MAAM,EAAC,MAAM,EACb,MAAM,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,YAAY,EAAE,EACnD,SAAS,EAAEC,mCAAwB,EAAA,GAC/B,KAAK,EACT,GAAG,EAAEC,iBAAQ,CACX;AACE,gBAAA,8BAA8B,EAAE;AAC9B,oBAAA,GAAGC,yBAAc;AACjB,oBAAA,kBAAkB,EAAEC,iCAAsB;AAC3C,iBAAA;AACF,aAAA,EACD,GAAG,CACJ,EAAA,QAAA,EAEA,QAAQ,EAAA,CACF,EAAA,CACI;AAEnB,CAAC;AAGH,GAAG,CAAC,WAAW,GAAG,KAAK;;;;"}
|
|
@@ -9,7 +9,7 @@ const Tab = forwardRef(({ value, children, css, ...props }, ref) => {
|
|
|
9
9
|
if (!value) {
|
|
10
10
|
throw new Error('Tab component requires a "value" prop');
|
|
11
11
|
}
|
|
12
|
-
return (jsx(Tabs.Trigger, { value: value, asChild: true, children: jsx(Button, { ref: ref, variant: "ghost", colorPalette: "neutral", color: "fg.muted", py: 3, border: "none", _selected: horizontalSelectedStyles, ...props, css: mergeCss({
|
|
12
|
+
return (jsx(Tabs.Trigger, { value: value, asChild: true, children: jsx(Button, { ref: ref, variant: "ghost", colorPalette: "neutral", color: "fg.muted", py: 3, border: "none", _hover: { bg: 'primary.wash', color: 'fg.default' }, _selected: horizontalSelectedStyles, ...props, css: mergeCss({
|
|
13
13
|
'&[data-orientation=vertical]': {
|
|
14
14
|
...verticalStyles,
|
|
15
15
|
'&[data-selected]': verticalSelectedStyles,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.mjs","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;MAaa,GAAG,GAAG,UAAU,CAC3B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IAC1C,IAAI,CAAC,KAAK,EAAE;AACV,QAAA,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC;IAC1D;
|
|
1
|
+
{"version":3,"file":"Tab.mjs","sources":["../../../../src/components/Tabs/Tab/Tab.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;MAaa,GAAG,GAAG,UAAU,CAC3B,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;IAC1C,IAAI,CAAC,KAAK,EAAE;AACV,QAAA,MAAM,IAAI,KAAK,CAAC,uCAAuC,CAAC;IAC1D;AAEA,IAAA,QACEA,GAAA,CAAC,IAAI,CAAC,OAAO,EAAA,EAAC,KAAK,EAAE,KAAK,EAAE,OAAO,EAAA,IAAA,EAAA,QAAA,EACjCA,GAAA,CAAC,MAAM,EAAA,EACL,GAAG,EAAE,GAAG,EACR,OAAO,EAAC,OAAO,EACf,YAAY,EAAC,SAAS,EACtB,KAAK,EAAC,UAAU,EAChB,EAAE,EAAE,CAAC,EACL,MAAM,EAAC,MAAM,EACb,MAAM,EAAE,EAAE,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,YAAY,EAAE,EACnD,SAAS,EAAE,wBAAwB,EAAA,GAC/B,KAAK,EACT,GAAG,EAAE,QAAQ,CACX;AACE,gBAAA,8BAA8B,EAAE;AAC9B,oBAAA,GAAG,cAAc;AACjB,oBAAA,kBAAkB,EAAE,sBAAsB;AAC3C,iBAAA;AACF,aAAA,EACD,GAAG,CACJ,EAAA,QAAA,EAEA,QAAQ,EAAA,CACF,EAAA,CACI;AAEnB,CAAC;AAGH,GAAG,CAAC,WAAW,GAAG,KAAK;;;;"}
|
|
@@ -26,19 +26,17 @@ export declare const verticalStyles: {
|
|
|
26
26
|
* and **13.62:1** on the dark raised surface — so no surface it can land on is
|
|
27
27
|
* marginal, and the mode-aware two-arm ramp is no longer needed.
|
|
28
28
|
*
|
|
29
|
-
* The indicator moves with the label
|
|
30
|
-
* 2px underline
|
|
31
|
-
*
|
|
32
|
-
*
|
|
33
|
-
*
|
|
34
|
-
* `primary.main`
|
|
35
|
-
*
|
|
36
|
-
* `blue.200` measures 2.60:1. Form controls keep the brand hue on purpose —
|
|
37
|
-
* a checkbox is a VALUE, not a place.
|
|
29
|
+
* The indicator moves with the label, EXCEPT on 5.0's BAZE palette: the
|
|
30
|
+
* indicator is a 2px underline — a GRAPHIC judged at 3:1, not text at 4.5:1 —
|
|
31
|
+
* so it reads the brand accent `primary.main` directly (black in light, the
|
|
32
|
+
* inverted cream fill in dark), matching the house gallery spec. The label
|
|
33
|
+
* stays on `fg.emphasized` (= `fg.default`): it is still a PLACE, not a
|
|
34
|
+
* value, and `primary.main` in dark mode is a solid-fill colour tuned for a
|
|
35
|
+
* button face under `fg.onPrimary`, not for text on the page.
|
|
38
36
|
*/
|
|
39
37
|
export declare const TAB_RAMP: {
|
|
40
38
|
readonly label: "fg.emphasized";
|
|
41
|
-
readonly indicator: "
|
|
39
|
+
readonly indicator: "primary.main";
|
|
42
40
|
};
|
|
43
41
|
export declare const horizontalSelectedStyles: {
|
|
44
42
|
color: "fg.emphasized";
|
|
@@ -51,7 +49,7 @@ export declare const horizontalSelectedStyles: {
|
|
|
51
49
|
left: number;
|
|
52
50
|
width: string;
|
|
53
51
|
height: string;
|
|
54
|
-
background: "
|
|
52
|
+
background: "primary.main";
|
|
55
53
|
};
|
|
56
54
|
};
|
|
57
55
|
export declare const verticalSelectedStyles: {
|
|
@@ -68,7 +66,7 @@ export declare const verticalSelectedStyles: {
|
|
|
68
66
|
insetInlineEnd: string;
|
|
69
67
|
insetBlock: number;
|
|
70
68
|
width: string;
|
|
71
|
-
background: "
|
|
69
|
+
background: "primary.main";
|
|
72
70
|
};
|
|
73
71
|
};
|
|
74
72
|
//# sourceMappingURL=Tab.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/Tab.styles.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,cAAc;;;;;;;;CAQ1B,CAAC;AAEF
|
|
1
|
+
{"version":3,"file":"Tab.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/Tabs/Tab/Tab.styles.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,cAAc;;;;;;;;CAQ1B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,QAAQ;;;CAGX,CAAC;AAEX,eAAO,MAAM,wBAAwB;;;;;;;;;;;;;CAapC,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;CAwBlC,CAAC"}
|
|
@@ -30,19 +30,17 @@ const verticalStyles = {
|
|
|
30
30
|
* and **13.62:1** on the dark raised surface — so no surface it can land on is
|
|
31
31
|
* marginal, and the mode-aware two-arm ramp is no longer needed.
|
|
32
32
|
*
|
|
33
|
-
* The indicator moves with the label
|
|
34
|
-
* 2px underline
|
|
35
|
-
*
|
|
36
|
-
*
|
|
37
|
-
*
|
|
38
|
-
* `primary.main`
|
|
39
|
-
*
|
|
40
|
-
* `blue.200` measures 2.60:1. Form controls keep the brand hue on purpose —
|
|
41
|
-
* a checkbox is a VALUE, not a place.
|
|
33
|
+
* The indicator moves with the label, EXCEPT on 5.0's BAZE palette: the
|
|
34
|
+
* indicator is a 2px underline — a GRAPHIC judged at 3:1, not text at 4.5:1 —
|
|
35
|
+
* so it reads the brand accent `primary.main` directly (black in light, the
|
|
36
|
+
* inverted cream fill in dark), matching the house gallery spec. The label
|
|
37
|
+
* stays on `fg.emphasized` (= `fg.default`): it is still a PLACE, not a
|
|
38
|
+
* value, and `primary.main` in dark mode is a solid-fill colour tuned for a
|
|
39
|
+
* button face under `fg.onPrimary`, not for text on the page.
|
|
42
40
|
*/
|
|
43
41
|
const TAB_RAMP = {
|
|
44
42
|
label: 'fg.emphasized',
|
|
45
|
-
indicator: '
|
|
43
|
+
indicator: 'primary.main',
|
|
46
44
|
};
|
|
47
45
|
const horizontalSelectedStyles = {
|
|
48
46
|
color: TAB_RAMP.label,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.styles.js","sources":["../../../../src/components/Tabs/Tab/Tab.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;AACO,MAAM,cAAc,GAAG;AAC5B,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,cAAc,EAAE,YAAY;AAC5B,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,KAAK,EAAE,MAAM;;AAGf
|
|
1
|
+
{"version":3,"file":"Tab.styles.js","sources":["../../../../src/components/Tabs/Tab/Tab.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAAA;AACO,MAAM,cAAc,GAAG;AAC5B,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,cAAc,EAAE,YAAY;AAC5B,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,KAAK,EAAE,MAAM;;AAGf;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BG;AACI,MAAM,QAAQ,GAAG;AACtB,IAAA,KAAK,EAAE,eAAe;AACtB,IAAA,SAAS,EAAE,cAAc;;AAGpB,MAAM,wBAAwB,GAAG;IACtC,KAAK,EAAE,QAAQ,CAAC,KAAK;AACrB,IAAA,UAAU,EAAE,UAAU;AACtB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,GAAG,EAAE,kBAAkB;AACvB,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,KAAK;QACb,UAAU,EAAE,QAAQ,CAAC,SAAS;AAC/B,KAAA;;AAGI,MAAM,sBAAsB,GAAG;;;;AAIpC,IAAA,eAAe,EAAE,UAAU;AAC3B,IAAA,KAAK,EAAE,eAAe;AACtB,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC3B,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,gBAAgB,EAAE,CAAC;;AAEnB,QAAA,cAAc,EAAE,OAAO;AACvB,QAAA,UAAU,EAAE,CAAC;AACb,QAAA,KAAK,EAAE,KAAK;;;;;;;QAOZ,UAAU,EAAE,QAAQ,CAAC,SAAS;AAC/B,KAAA;;;;;;;;"}
|
|
@@ -28,19 +28,17 @@ const verticalStyles = {
|
|
|
28
28
|
* and **13.62:1** on the dark raised surface — so no surface it can land on is
|
|
29
29
|
* marginal, and the mode-aware two-arm ramp is no longer needed.
|
|
30
30
|
*
|
|
31
|
-
* The indicator moves with the label
|
|
32
|
-
* 2px underline
|
|
33
|
-
*
|
|
34
|
-
*
|
|
35
|
-
*
|
|
36
|
-
* `primary.main`
|
|
37
|
-
*
|
|
38
|
-
* `blue.200` measures 2.60:1. Form controls keep the brand hue on purpose —
|
|
39
|
-
* a checkbox is a VALUE, not a place.
|
|
31
|
+
* The indicator moves with the label, EXCEPT on 5.0's BAZE palette: the
|
|
32
|
+
* indicator is a 2px underline — a GRAPHIC judged at 3:1, not text at 4.5:1 —
|
|
33
|
+
* so it reads the brand accent `primary.main` directly (black in light, the
|
|
34
|
+
* inverted cream fill in dark), matching the house gallery spec. The label
|
|
35
|
+
* stays on `fg.emphasized` (= `fg.default`): it is still a PLACE, not a
|
|
36
|
+
* value, and `primary.main` in dark mode is a solid-fill colour tuned for a
|
|
37
|
+
* button face under `fg.onPrimary`, not for text on the page.
|
|
40
38
|
*/
|
|
41
39
|
const TAB_RAMP = {
|
|
42
40
|
label: 'fg.emphasized',
|
|
43
|
-
indicator: '
|
|
41
|
+
indicator: 'primary.main',
|
|
44
42
|
};
|
|
45
43
|
const horizontalSelectedStyles = {
|
|
46
44
|
color: TAB_RAMP.label,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.styles.mjs","sources":["../../../../src/components/Tabs/Tab/Tab.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA;AACO,MAAM,cAAc,GAAG;AAC5B,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,cAAc,EAAE,YAAY;AAC5B,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,KAAK,EAAE,MAAM;;AAGf
|
|
1
|
+
{"version":3,"file":"Tab.styles.mjs","sources":["../../../../src/components/Tabs/Tab/Tab.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAAA;AACO,MAAM,cAAc,GAAG;AAC5B,IAAA,iBAAiB,EAAE,MAAM;AACzB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,cAAc,EAAE,YAAY;AAC5B,IAAA,UAAU,EAAE,QAAQ;AACpB,IAAA,SAAS,EAAE,MAAM;AACjB,IAAA,CAAC,EAAE,CAAC;AACJ,IAAA,KAAK,EAAE,MAAM;;AAGf;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BG;AACI,MAAM,QAAQ,GAAG;AACtB,IAAA,KAAK,EAAE,eAAe;AACtB,IAAA,SAAS,EAAE,cAAc;;AAGpB,MAAM,wBAAwB,GAAG;IACtC,KAAK,EAAE,QAAQ,CAAC,KAAK;AACrB,IAAA,UAAU,EAAE,UAAU;AACtB,IAAA,QAAQ,EAAE,UAAU;AACpB,IAAA,MAAM,EAAE;AACN,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,GAAG,EAAE,kBAAkB;AACvB,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,KAAK;QACb,UAAU,EAAE,QAAQ,CAAC,SAAS;AAC/B,KAAA;;AAGI,MAAM,sBAAsB,GAAG;;;;AAIpC,IAAA,eAAe,EAAE,UAAU;AAC3B,IAAA,KAAK,EAAE,eAAe;AACtB,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC3B,IAAA,OAAO,EAAE;AACP,QAAA,OAAO,EAAE,IAAI;AACb,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,gBAAgB,EAAE,CAAC;;AAEnB,QAAA,cAAc,EAAE,OAAO;AACvB,QAAA,UAAU,EAAE,CAAC;AACb,QAAA,KAAK,EAAE,KAAK;;;;;;;QAOZ,UAAU,EAAE,QAAQ,CAAC,SAAS;AAC/B,KAAA;;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAgI1C,yEAAyE;AACzE,eAAO,MAAM,GAAG,2DAA4C,CAAC"}
|
|
@@ -4,31 +4,58 @@
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var react = require('@chakra-ui/react');
|
|
7
|
+
var focusRing = require('../../utils/focusRing.js');
|
|
7
8
|
var polymorphic = require('../../types/polymorphic.js');
|
|
8
9
|
var Tag_styles = require('./Tag.styles.js');
|
|
9
10
|
|
|
10
11
|
/**
|
|
11
|
-
* Tag
|
|
12
|
+
* Tag — a label for categorising, filtering and removable selections. Since
|
|
13
|
+
* 5.0 it also replaces `Chip`.
|
|
12
14
|
*
|
|
13
|
-
*
|
|
14
|
-
* - `
|
|
15
|
-
* - `
|
|
15
|
+
* - `tone`: `neutral` (default, grey wash) · `success` · `warning` · `danger` · `info`
|
|
16
|
+
* - `selected`: filter-chip "on" (black fill)
|
|
17
|
+
* - `category`: decorative hue (`blue`, `green`, …) with an optional `icon` mark
|
|
16
18
|
*
|
|
17
|
-
*
|
|
19
|
+
* A tag is interactive (hover border, pointer) when it has `onClick`, is a
|
|
20
|
+
* toggle (`selected` passed) or renders as a `button` / `a`. Render filter
|
|
21
|
+
* chips `as="button"` so they are keyboard-operable.
|
|
18
22
|
*
|
|
19
23
|
* @example
|
|
20
24
|
* ```tsx
|
|
21
|
-
* <Tag
|
|
22
|
-
* <Tag
|
|
23
|
-
* <Tag
|
|
24
|
-
*
|
|
25
|
-
*
|
|
26
|
-
* </Tag>
|
|
25
|
+
* <Tag>Draft</Tag>
|
|
26
|
+
* <Tag tone="danger">Failed</Tag>
|
|
27
|
+
* <Tag as="button" selected={on} onClick={toggle}>Images</Tag>
|
|
28
|
+
* <Tag category="purple" icon="#">research</Tag>
|
|
29
|
+
* <Tag>Removable<TagCloseButton /></Tag>
|
|
27
30
|
* ```
|
|
28
31
|
*/
|
|
29
|
-
const TagImpl = React.forwardRef((
|
|
30
|
-
const
|
|
31
|
-
|
|
32
|
+
const TagImpl = React.forwardRef((props, ref) => {
|
|
33
|
+
const { tone: toneProp, selected: selectedProp, category, icon, disabled = false, onClick, children, colorPalette: legacyPalette, variant: legacyVariant, as, __legacyComponent: legacyComponent, ...rest } = props;
|
|
34
|
+
let tone = toneProp;
|
|
35
|
+
let selected = selectedProp;
|
|
36
|
+
if (legacyComponent !== undefined ||
|
|
37
|
+
legacyPalette !== undefined ||
|
|
38
|
+
legacyVariant !== undefined) {
|
|
39
|
+
// Mapped `selected` is the look only: `selectedProp` (below) still
|
|
40
|
+
// decides whether the tag is a toggle.
|
|
41
|
+
const mapped = Tag_styles.mapLegacyTagProps(legacyPalette, legacyVariant);
|
|
42
|
+
Tag_styles.warnLegacyTagProps(legacyComponent ?? 'Tag', legacyPalette, legacyVariant, mapped);
|
|
43
|
+
tone ?? (tone = mapped.tone);
|
|
44
|
+
selected ?? (selected = mapped.selected);
|
|
45
|
+
}
|
|
46
|
+
const isButton = as === 'button';
|
|
47
|
+
const isLink = as === 'a' || rest.href != null;
|
|
48
|
+
const wantsInteraction = onClick != null || isButton || isLink || selectedProp !== undefined;
|
|
49
|
+
const interactive = !disabled && wantsInteraction;
|
|
50
|
+
// A disabled tag that would otherwise be operable (a link, a clickable
|
|
51
|
+
// span) has no native `disabled`, so say so and take it out of the tab
|
|
52
|
+
// order. `as="button"` gets the real attribute instead.
|
|
53
|
+
const disabledNonNative = disabled && wantsInteraction && !isButton;
|
|
54
|
+
const styles = Tag_styles.getTagStyles({ tone, selected, category, interactive });
|
|
55
|
+
const handleClick = disabled
|
|
56
|
+
? (event) => event.preventDefault()
|
|
57
|
+
: onClick;
|
|
58
|
+
return (jsxRuntime.jsxs(react.Tag.Root, { border: "1px solid", borderRadius: "md", boxShadow: "none", fontSize: "sm", fontWeight: "semibold", ...styles, ...focusRing.focusRing, "data-selected": selected ? '' : undefined, "data-disabled": disabled ? '' : undefined, "aria-pressed": isButton && selectedProp !== undefined ? !!selected : undefined, "aria-disabled": disabledNonNative ? true : undefined, ...(isButton && { type: 'button', disabled }), onClick: handleClick, ...rest, ...(disabledNonNative && { tabIndex: -1 }), as: as, ref: ref, children: [icon != null ? (jsxRuntime.jsx(react.Tag.StartElement, { color: category ? `category.${category}.fg` : undefined, fontWeight: "bold", children: icon })) : null, children] }));
|
|
32
59
|
});
|
|
33
60
|
TagImpl.displayName = 'Tag';
|
|
34
61
|
/** Type-level polymorphism over the same runtime — see `polymorphic`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":[null],"names":["forwardRef","getTagStyles","
|
|
1
|
+
{"version":3,"file":"Tag.js","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":[null],"names":["forwardRef","mapLegacyTagProps","warnLegacyTagProps","getTagStyles","_jsxs","ChakraTag","focusRing","_jsx","polymorphic"],"mappings":";;;;;;;;;;AA0BA;;;;;;;;;;;;;;;;;;;;AAoBG;AACH,MAAM,OAAO,GAAGA,gBAAU,CACxB,CAAC,KAAkB,EAAE,GAAkC,KAAI;AACzD,IAAA,MAAM,EACJ,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,YAAY,EACtB,QAAQ,EACR,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,QAAQ,EACR,YAAY,EAAE,aAAa,EAC3B,OAAO,EAAE,aAAa,EACtB,EAAE,EACF,iBAAiB,EAAE,eAAe,EAClC,GAAG,IAAI,EACR,GAAG,KAAqC;IAEzC,IAAI,IAAI,GAAG,QAAQ;IACnB,IAAI,QAAQ,GAAG,YAAY;IAC3B,IACE,eAAe,KAAK,SAAS;AAC7B,QAAA,aAAa,KAAK,SAAS;QAC3B,aAAa,KAAK,SAAS,EAC3B;;;QAGA,MAAM,MAAM,GAAGC,4BAAiB,CAAC,aAAa,EAAE,aAAa,CAAC;QAC9DC,6BAAkB,CAChB,eAAe,IAAI,KAAK,EACxB,aAAa,EACb,aAAa,EACb,MAAM,CACP;AACD,QAAA,IAAI,KAAJ,IAAI,GAAK,MAAM,CAAC,IAAI,CAAA;AACpB,QAAA,QAAQ,KAAR,QAAQ,GAAK,MAAM,CAAC,QAAQ,CAAA;IAC9B;AAEA,IAAA,MAAM,QAAQ,GAAG,EAAE,KAAK,QAAQ;IAChC,MAAM,MAAM,GAAG,EAAE,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI;AAC9C,IAAA,MAAM,gBAAgB,GACpB,OAAO,IAAI,IAAI,IAAI,QAAQ,IAAI,MAAM,IAAI,YAAY,KAAK,SAAS;AACrE,IAAA,MAAM,WAAW,GAAG,CAAC,QAAQ,IAAI,gBAAgB;;;;IAIjD,MAAM,iBAAiB,GAAG,QAAQ,IAAI,gBAAgB,IAAI,CAAC,QAAQ;AAEnE,IAAA,MAAM,MAAM,GAAGC,uBAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;IAEtE,MAAM,WAAW,GAAG;UAChB,CAAC,KAAkC,KAAK,KAAK,CAAC,cAAc;UAC5D,OAAO;AAEX,IAAA,QACEC,eAAA,CAACC,SAAS,CAAC,IAAI,EAAA,EACb,MAAM,EAAC,WAAW,EAClB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,UAAU,EAAA,GACjB,MAAM,EAAA,GACNC,mBAAS,mBACE,QAAQ,GAAG,EAAE,GAAG,SAAS,mBACzB,QAAQ,GAAG,EAAE,GAAG,SAAS,kBAEtC,QAAQ,IAAI,YAAY,KAAK,SAAS,GAAG,CAAC,CAAC,QAAQ,GAAG,SAAS,EAAA,eAAA,EAElD,iBAAiB,GAAG,IAAI,GAAG,SAAS,EAAA,IAC9C,QAAQ,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAC9C,OAAO,EAAE,WAAW,EAAA,GAChB,IAAI,MAEH,iBAAiB,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,EAC3C,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAEP,IAAI,IAAI,IAAI,IACXC,cAAA,CAACF,SAAS,CAAC,YAAY,EAAA,EACrB,KAAK,EAAE,QAAQ,GAAG,CAAA,SAAA,EAAY,QAAQ,KAAK,GAAG,SAAS,EACvD,UAAU,EAAC,MAAM,EAAA,QAAA,EAEhB,IAAI,EAAA,CACkB,IACvB,IAAI,EACP,QAAQ,CAAA,EAAA,CACM;AAErB,CAAC,CACF;AAED,OAAO,CAAC,WAAW,GAAG,KAAK;AAE3B;MACa,GAAG,GAAGG,uBAAW,CAAsB,OAAO;;;;"}
|
|
@@ -1,32 +1,59 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
import { Tag as Tag$1 } from '@chakra-ui/react';
|
|
5
|
+
import { focusRing } from '../../utils/focusRing.mjs';
|
|
5
6
|
import { polymorphic } from '../../types/polymorphic.mjs';
|
|
6
|
-
import { getTagStyles } from './Tag.styles.mjs';
|
|
7
|
+
import { mapLegacyTagProps, warnLegacyTagProps, getTagStyles } from './Tag.styles.mjs';
|
|
7
8
|
|
|
8
9
|
/**
|
|
9
|
-
* Tag
|
|
10
|
+
* Tag — a label for categorising, filtering and removable selections. Since
|
|
11
|
+
* 5.0 it also replaces `Chip`.
|
|
10
12
|
*
|
|
11
|
-
*
|
|
12
|
-
* - `
|
|
13
|
-
* - `
|
|
13
|
+
* - `tone`: `neutral` (default, grey wash) · `success` · `warning` · `danger` · `info`
|
|
14
|
+
* - `selected`: filter-chip "on" (black fill)
|
|
15
|
+
* - `category`: decorative hue (`blue`, `green`, …) with an optional `icon` mark
|
|
14
16
|
*
|
|
15
|
-
*
|
|
17
|
+
* A tag is interactive (hover border, pointer) when it has `onClick`, is a
|
|
18
|
+
* toggle (`selected` passed) or renders as a `button` / `a`. Render filter
|
|
19
|
+
* chips `as="button"` so they are keyboard-operable.
|
|
16
20
|
*
|
|
17
21
|
* @example
|
|
18
22
|
* ```tsx
|
|
19
|
-
* <Tag
|
|
20
|
-
* <Tag
|
|
21
|
-
* <Tag
|
|
22
|
-
*
|
|
23
|
-
*
|
|
24
|
-
* </Tag>
|
|
23
|
+
* <Tag>Draft</Tag>
|
|
24
|
+
* <Tag tone="danger">Failed</Tag>
|
|
25
|
+
* <Tag as="button" selected={on} onClick={toggle}>Images</Tag>
|
|
26
|
+
* <Tag category="purple" icon="#">research</Tag>
|
|
27
|
+
* <Tag>Removable<TagCloseButton /></Tag>
|
|
25
28
|
* ```
|
|
26
29
|
*/
|
|
27
|
-
const TagImpl = forwardRef((
|
|
28
|
-
const
|
|
29
|
-
|
|
30
|
+
const TagImpl = forwardRef((props, ref) => {
|
|
31
|
+
const { tone: toneProp, selected: selectedProp, category, icon, disabled = false, onClick, children, colorPalette: legacyPalette, variant: legacyVariant, as, __legacyComponent: legacyComponent, ...rest } = props;
|
|
32
|
+
let tone = toneProp;
|
|
33
|
+
let selected = selectedProp;
|
|
34
|
+
if (legacyComponent !== undefined ||
|
|
35
|
+
legacyPalette !== undefined ||
|
|
36
|
+
legacyVariant !== undefined) {
|
|
37
|
+
// Mapped `selected` is the look only: `selectedProp` (below) still
|
|
38
|
+
// decides whether the tag is a toggle.
|
|
39
|
+
const mapped = mapLegacyTagProps(legacyPalette, legacyVariant);
|
|
40
|
+
warnLegacyTagProps(legacyComponent ?? 'Tag', legacyPalette, legacyVariant, mapped);
|
|
41
|
+
tone ?? (tone = mapped.tone);
|
|
42
|
+
selected ?? (selected = mapped.selected);
|
|
43
|
+
}
|
|
44
|
+
const isButton = as === 'button';
|
|
45
|
+
const isLink = as === 'a' || rest.href != null;
|
|
46
|
+
const wantsInteraction = onClick != null || isButton || isLink || selectedProp !== undefined;
|
|
47
|
+
const interactive = !disabled && wantsInteraction;
|
|
48
|
+
// A disabled tag that would otherwise be operable (a link, a clickable
|
|
49
|
+
// span) has no native `disabled`, so say so and take it out of the tab
|
|
50
|
+
// order. `as="button"` gets the real attribute instead.
|
|
51
|
+
const disabledNonNative = disabled && wantsInteraction && !isButton;
|
|
52
|
+
const styles = getTagStyles({ tone, selected, category, interactive });
|
|
53
|
+
const handleClick = disabled
|
|
54
|
+
? (event) => event.preventDefault()
|
|
55
|
+
: onClick;
|
|
56
|
+
return (jsxs(Tag$1.Root, { border: "1px solid", borderRadius: "md", boxShadow: "none", fontSize: "sm", fontWeight: "semibold", ...styles, ...focusRing, "data-selected": selected ? '' : undefined, "data-disabled": disabled ? '' : undefined, "aria-pressed": isButton && selectedProp !== undefined ? !!selected : undefined, "aria-disabled": disabledNonNative ? true : undefined, ...(isButton && { type: 'button', disabled }), onClick: handleClick, ...rest, ...(disabledNonNative && { tabIndex: -1 }), as: as, ref: ref, children: [icon != null ? (jsx(Tag$1.StartElement, { color: category ? `category.${category}.fg` : undefined, fontWeight: "bold", children: icon })) : null, children] }));
|
|
30
57
|
});
|
|
31
58
|
TagImpl.displayName = 'Tag';
|
|
32
59
|
/** Type-level polymorphism over the same runtime — see `polymorphic`. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.mjs","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":[null],"names":["
|
|
1
|
+
{"version":3,"file":"Tag.mjs","sources":["../../../src/components/Tag/Tag.tsx"],"sourcesContent":[null],"names":["_jsxs","ChakraTag","_jsx"],"mappings":";;;;;;;;AA0BA;;;;;;;;;;;;;;;;;;;;AAoBG;AACH,MAAM,OAAO,GAAG,UAAU,CACxB,CAAC,KAAkB,EAAE,GAAkC,KAAI;AACzD,IAAA,MAAM,EACJ,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,YAAY,EACtB,QAAQ,EACR,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,QAAQ,EACR,YAAY,EAAE,aAAa,EAC3B,OAAO,EAAE,aAAa,EACtB,EAAE,EACF,iBAAiB,EAAE,eAAe,EAClC,GAAG,IAAI,EACR,GAAG,KAAqC;IAEzC,IAAI,IAAI,GAAG,QAAQ;IACnB,IAAI,QAAQ,GAAG,YAAY;IAC3B,IACE,eAAe,KAAK,SAAS;AAC7B,QAAA,aAAa,KAAK,SAAS;QAC3B,aAAa,KAAK,SAAS,EAC3B;;;QAGA,MAAM,MAAM,GAAG,iBAAiB,CAAC,aAAa,EAAE,aAAa,CAAC;QAC9D,kBAAkB,CAChB,eAAe,IAAI,KAAK,EACxB,aAAa,EACb,aAAa,EACb,MAAM,CACP;AACD,QAAA,IAAI,KAAJ,IAAI,GAAK,MAAM,CAAC,IAAI,CAAA;AACpB,QAAA,QAAQ,KAAR,QAAQ,GAAK,MAAM,CAAC,QAAQ,CAAA;IAC9B;AAEA,IAAA,MAAM,QAAQ,GAAG,EAAE,KAAK,QAAQ;IAChC,MAAM,MAAM,GAAG,EAAE,KAAK,GAAG,IAAI,IAAI,CAAC,IAAI,IAAI,IAAI;AAC9C,IAAA,MAAM,gBAAgB,GACpB,OAAO,IAAI,IAAI,IAAI,QAAQ,IAAI,MAAM,IAAI,YAAY,KAAK,SAAS;AACrE,IAAA,MAAM,WAAW,GAAG,CAAC,QAAQ,IAAI,gBAAgB;;;;IAIjD,MAAM,iBAAiB,GAAG,QAAQ,IAAI,gBAAgB,IAAI,CAAC,QAAQ;AAEnE,IAAA,MAAM,MAAM,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC;IAEtE,MAAM,WAAW,GAAG;UAChB,CAAC,KAAkC,KAAK,KAAK,CAAC,cAAc;UAC5D,OAAO;AAEX,IAAA,QACEA,IAAA,CAACC,KAAS,CAAC,IAAI,EAAA,EACb,MAAM,EAAC,WAAW,EAClB,YAAY,EAAC,IAAI,EACjB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAC,IAAI,EACb,UAAU,EAAC,UAAU,EAAA,GACjB,MAAM,EAAA,GACN,SAAS,mBACE,QAAQ,GAAG,EAAE,GAAG,SAAS,mBACzB,QAAQ,GAAG,EAAE,GAAG,SAAS,kBAEtC,QAAQ,IAAI,YAAY,KAAK,SAAS,GAAG,CAAC,CAAC,QAAQ,GAAG,SAAS,EAAA,eAAA,EAElD,iBAAiB,GAAG,IAAI,GAAG,SAAS,EAAA,IAC9C,QAAQ,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,EAC9C,OAAO,EAAE,WAAW,EAAA,GAChB,IAAI,MAEH,iBAAiB,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,EAC3C,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAEP,IAAI,IAAI,IAAI,IACXC,GAAA,CAACD,KAAS,CAAC,YAAY,EAAA,EACrB,KAAK,EAAE,QAAQ,GAAG,CAAA,SAAA,EAAY,QAAQ,KAAK,GAAG,SAAS,EACvD,UAAU,EAAC,MAAM,EAAA,QAAA,EAEhB,IAAI,EAAA,CACkB,IACvB,IAAI,EACP,QAAQ,CAAA,EAAA,CACM;AAErB,CAAC,CACF;AAED,OAAO,CAAC,WAAW,GAAG,KAAK;AAE3B;MACa,GAAG,GAAG,WAAW,CAAsB,OAAO;;;;"}
|