@mindlogic-ai/logician-ui 4.0.0 → 5.0.0-alpha.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/MIGRATION-5.0.md +155 -0
- package/USAGE.md +1 -1
- package/codemods/5.0/README.md +244 -0
- package/codemods/5.0/__testfixtures__/badge-variants.input.tsx +20 -0
- package/codemods/5.0/__testfixtures__/badge-variants.output.tsx +21 -0
- package/codemods/5.0/__testfixtures__/button-variants.input.tsx +124 -0
- package/codemods/5.0/__testfixtures__/button-variants.output.tsx +116 -0
- package/codemods/5.0/__testfixtures__/card-gradient.input.tsx +12 -0
- package/codemods/5.0/__testfixtures__/card-gradient.output.tsx +16 -0
- package/codemods/5.0/__testfixtures__/index.input.tsx +43 -0
- package/codemods/5.0/__testfixtures__/index.output.tsx +53 -0
- package/codemods/5.0/__testfixtures__/tag-chip-conflict.input.tsx +10 -0
- package/codemods/5.0/__testfixtures__/tag-chip-conflict.output.tsx +12 -0
- package/codemods/5.0/__testfixtures__/tag-chip-merge.input.tsx +42 -0
- package/codemods/5.0/__testfixtures__/tag-chip-merge.output.tsx +44 -0
- package/codemods/5.0/__testfixtures__/tag-chip.input.tsx +67 -0
- package/codemods/5.0/__testfixtures__/tag-chip.output.tsx +99 -0
- package/codemods/5.0/__testfixtures__/token-renames.input.tsx +88 -0
- package/codemods/5.0/__testfixtures__/token-renames.output.tsx +88 -0
- package/codemods/5.0/badge-variants.js +91 -0
- package/codemods/5.0/button-variants.js +233 -0
- package/codemods/5.0/card-gradient.js +72 -0
- package/codemods/5.0/codemods.test.ts +440 -0
- package/codemods/5.0/index.js +220 -0
- package/codemods/5.0/lib/shared.js +273 -0
- package/codemods/5.0/tag-chip.js +436 -0
- package/codemods/5.0/token-renames.js +231 -0
- package/codemods/vitest.config.ts +22 -0
- package/dist/components/Avatar/Avatar.d.ts +37 -0
- package/dist/components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/components/Avatar/Avatar.js +31 -2
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Avatar/Avatar.mjs +30 -3
- package/dist/components/Avatar/Avatar.mjs.map +1 -1
- package/dist/components/Avatar/index.d.ts +1 -1
- package/dist/components/Avatar/index.d.ts.map +1 -1
- package/dist/components/Badge/Badge.d.ts.map +1 -1
- package/dist/components/Badge/Badge.js +10 -6
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/Badge/Badge.mjs +11 -7
- package/dist/components/Badge/Badge.mjs.map +1 -1
- package/dist/components/Badge/Badge.styles.d.ts +17 -3
- package/dist/components/Badge/Badge.styles.d.ts.map +1 -1
- package/dist/components/Badge/Badge.styles.js +51 -45
- package/dist/components/Badge/Badge.styles.js.map +1 -1
- package/dist/components/Badge/Badge.styles.mjs +50 -46
- package/dist/components/Badge/Badge.styles.mjs.map +1 -1
- package/dist/components/Badge/Badge.types.d.ts +16 -12
- package/dist/components/Badge/Badge.types.d.ts.map +1 -1
- package/dist/components/Badge/index.d.ts +2 -2
- package/dist/components/Badge/index.d.ts.map +1 -1
- package/dist/components/Banner/Banner.styles.d.ts +7 -3
- package/dist/components/Banner/Banner.styles.d.ts.map +1 -1
- package/dist/components/Banner/Banner.styles.js +43 -27
- package/dist/components/Banner/Banner.styles.js.map +1 -1
- package/dist/components/Banner/Banner.styles.mjs +44 -28
- package/dist/components/Banner/Banner.styles.mjs.map +1 -1
- package/dist/components/Banner/Banner.types.d.ts +1 -1
- package/dist/components/Banner/Banner.types.d.ts.map +1 -1
- package/dist/components/BottomSheet/BottomSheetCloseButton.d.ts.map +1 -1
- package/dist/components/BottomSheet/BottomSheetCloseButton.js +1 -1
- package/dist/components/BottomSheet/BottomSheetCloseButton.js.map +1 -1
- package/dist/components/BottomSheet/BottomSheetCloseButton.mjs +1 -1
- package/dist/components/BottomSheet/BottomSheetCloseButton.mjs.map +1 -1
- package/dist/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.js +1 -1
- package/dist/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.js.map +1 -1
- package/dist/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.mjs +1 -1
- package/dist/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.mjs.map +1 -1
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.js +33 -14
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/Button.legacy.d.ts +53 -0
- package/dist/components/Button/Button.legacy.d.ts.map +1 -0
- package/dist/components/Button/Button.legacy.js +130 -0
- package/dist/components/Button/Button.legacy.js.map +1 -0
- package/dist/components/Button/Button.legacy.mjs +126 -0
- package/dist/components/Button/Button.legacy.mjs.map +1 -0
- package/dist/components/Button/Button.mjs +33 -14
- package/dist/components/Button/Button.mjs.map +1 -1
- package/dist/components/Button/Button.styles.d.ts +38 -26
- package/dist/components/Button/Button.styles.d.ts.map +1 -1
- package/dist/components/Button/Button.styles.js +126 -380
- package/dist/components/Button/Button.styles.js.map +1 -1
- package/dist/components/Button/Button.styles.mjs +125 -381
- package/dist/components/Button/Button.styles.mjs.map +1 -1
- package/dist/components/Button/Button.types.d.ts +43 -37
- package/dist/components/Button/Button.types.d.ts.map +1 -1
- package/dist/components/Button/index.d.ts +2 -2
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Card/Card.d.ts.map +1 -1
- package/dist/components/Card/Card.js +1 -7
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Card/Card.mjs +1 -7
- package/dist/components/Card/Card.mjs.map +1 -1
- package/dist/components/Card/Card.styles.d.ts +1 -12
- package/dist/components/Card/Card.styles.d.ts.map +1 -1
- package/dist/components/Card/Card.styles.js +6 -13
- package/dist/components/Card/Card.styles.js.map +1 -1
- package/dist/components/Card/Card.styles.mjs +6 -13
- package/dist/components/Card/Card.styles.mjs.map +1 -1
- package/dist/components/Card/Card.types.d.ts +1 -5
- package/dist/components/Card/Card.types.d.ts.map +1 -1
- package/dist/components/Checkbox/CheckboxControl.d.ts.map +1 -1
- package/dist/components/Checkbox/CheckboxControl.js +14 -8
- package/dist/components/Checkbox/CheckboxControl.js.map +1 -1
- package/dist/components/Checkbox/CheckboxControl.mjs +14 -8
- package/dist/components/Checkbox/CheckboxControl.mjs.map +1 -1
- package/dist/components/Chip/Chip.d.ts +5 -1
- package/dist/components/Chip/Chip.d.ts.map +1 -1
- package/dist/components/Chip/Chip.js +24 -18
- package/dist/components/Chip/Chip.js.map +1 -1
- package/dist/components/Chip/Chip.mjs +24 -18
- package/dist/components/Chip/Chip.mjs.map +1 -1
- package/dist/components/Chip/Chip.types.d.ts +38 -23
- package/dist/components/Chip/Chip.types.d.ts.map +1 -1
- package/dist/components/Chip/index.d.ts +0 -1
- package/dist/components/Chip/index.d.ts.map +1 -1
- package/dist/components/Code/Code.d.ts.map +1 -1
- package/dist/components/Code/Code.js +2 -2
- package/dist/components/Code/Code.js.map +1 -1
- package/dist/components/Code/Code.mjs +2 -2
- package/dist/components/Code/Code.mjs.map +1 -1
- package/dist/components/CodeTabs/CodeTabs.d.ts.map +1 -1
- package/dist/components/CodeTabs/CodeTabs.js +16 -2
- package/dist/components/CodeTabs/CodeTabs.js.map +1 -1
- package/dist/components/CodeTabs/CodeTabs.mjs +16 -2
- package/dist/components/CodeTabs/CodeTabs.mjs.map +1 -1
- package/dist/components/CodeTabs/CodeTabs.styles.d.ts +27 -0
- package/dist/components/CodeTabs/CodeTabs.styles.d.ts.map +1 -0
- package/dist/components/CodeTabs/CodeTabs.styles.js +32 -0
- package/dist/components/CodeTabs/CodeTabs.styles.js.map +1 -0
- package/dist/components/CodeTabs/CodeTabs.styles.mjs +30 -0
- package/dist/components/CodeTabs/CodeTabs.styles.mjs.map +1 -0
- package/dist/components/CodeTabs/CopyButton.d.ts.map +1 -1
- package/dist/components/CodeTabs/CopyButton.js +6 -3
- package/dist/components/CodeTabs/CopyButton.js.map +1 -1
- package/dist/components/CodeTabs/CopyButton.mjs +6 -3
- package/dist/components/CodeTabs/CopyButton.mjs.map +1 -1
- package/dist/components/Confetti/Confetti.d.ts +6 -9
- package/dist/components/Confetti/Confetti.d.ts.map +1 -1
- package/dist/components/Confetti/Confetti.js +8 -42
- package/dist/components/Confetti/Confetti.js.map +1 -1
- package/dist/components/Confetti/Confetti.mjs +8 -42
- package/dist/components/Confetti/Confetti.mjs.map +1 -1
- package/dist/components/Confetti/confettiColors.d.ts +25 -0
- package/dist/components/Confetti/confettiColors.d.ts.map +1 -0
- package/dist/components/Confetti/confettiColors.js +43 -0
- package/dist/components/Confetti/confettiColors.js.map +1 -0
- package/dist/components/Confetti/confettiColors.mjs +40 -0
- package/dist/components/Confetti/confettiColors.mjs.map +1 -0
- package/dist/components/CopyableCode/CopyableCode.d.ts.map +1 -1
- package/dist/components/CopyableCode/CopyableCode.js +2 -1
- package/dist/components/CopyableCode/CopyableCode.js.map +1 -1
- package/dist/components/CopyableCode/CopyableCode.mjs +2 -1
- package/dist/components/CopyableCode/CopyableCode.mjs.map +1 -1
- package/dist/components/CountBadge/CountBadge.d.ts +41 -0
- package/dist/components/CountBadge/CountBadge.d.ts.map +1 -0
- package/dist/components/CountBadge/CountBadge.js +60 -0
- package/dist/components/CountBadge/CountBadge.js.map +1 -0
- package/dist/components/CountBadge/CountBadge.mjs +58 -0
- package/dist/components/CountBadge/CountBadge.mjs.map +1 -0
- package/dist/components/CountBadge/CountBadge.styles.d.ts +13 -0
- package/dist/components/CountBadge/CountBadge.styles.d.ts.map +1 -0
- package/dist/components/CountBadge/CountBadge.styles.js +42 -0
- package/dist/components/CountBadge/CountBadge.styles.js.map +1 -0
- package/dist/components/CountBadge/CountBadge.styles.mjs +37 -0
- package/dist/components/CountBadge/CountBadge.styles.mjs.map +1 -0
- package/dist/components/CountBadge/CountBadge.types.d.ts +33 -0
- package/dist/components/CountBadge/CountBadge.types.d.ts.map +1 -0
- package/dist/components/CountBadge/index.d.ts +3 -0
- package/dist/components/CountBadge/index.d.ts.map +1 -0
- package/dist/components/DatePicker/RangeDatePicker.js +9 -7
- package/dist/components/DatePicker/RangeDatePicker.js.map +1 -1
- package/dist/components/DatePicker/RangeDatePicker.mjs +9 -7
- package/dist/components/DatePicker/RangeDatePicker.mjs.map +1 -1
- package/dist/components/DatePicker/SingleDatePicker.js +6 -4
- package/dist/components/DatePicker/SingleDatePicker.js.map +1 -1
- package/dist/components/DatePicker/SingleDatePicker.mjs +6 -4
- package/dist/components/DatePicker/SingleDatePicker.mjs.map +1 -1
- package/dist/components/ErrorFallback/ErrorFallback.d.ts.map +1 -1
- package/dist/components/ErrorFallback/ErrorFallback.js +5 -4
- package/dist/components/ErrorFallback/ErrorFallback.js.map +1 -1
- package/dist/components/ErrorFallback/ErrorFallback.mjs +5 -4
- package/dist/components/ErrorFallback/ErrorFallback.mjs.map +1 -1
- package/dist/components/ExpandableText/ExpandableText.js +1 -1
- package/dist/components/ExpandableText/ExpandableText.js.map +1 -1
- package/dist/components/ExpandableText/ExpandableText.mjs +1 -1
- package/dist/components/ExpandableText/ExpandableText.mjs.map +1 -1
- package/dist/components/FileItem/FileItem.d.ts.map +1 -1
- package/dist/components/FileItem/FileItem.js +2 -2
- package/dist/components/FileItem/FileItem.js.map +1 -1
- package/dist/components/FileItem/FileItem.mjs +2 -2
- package/dist/components/FileItem/FileItem.mjs.map +1 -1
- package/dist/components/Form/FieldError/FieldError.d.ts +1 -1
- package/dist/components/Form/FieldError/FieldError.js +2 -2
- package/dist/components/Form/FieldError/FieldError.js.map +1 -1
- package/dist/components/Form/FieldError/FieldError.mjs +2 -2
- package/dist/components/Form/FieldError/FieldError.mjs.map +1 -1
- package/dist/components/Form/FormModalFooter/FormModalFooter.d.ts.map +1 -1
- package/dist/components/Form/FormModalFooter/FormModalFooter.js +19 -1
- package/dist/components/Form/FormModalFooter/FormModalFooter.js.map +1 -1
- package/dist/components/Form/FormModalFooter/FormModalFooter.mjs +19 -1
- package/dist/components/Form/FormModalFooter/FormModalFooter.mjs.map +1 -1
- package/dist/components/Form/FormSection/CollapsibleFormSection.js +1 -0
- package/dist/components/Form/FormSection/CollapsibleFormSection.js.map +1 -1
- package/dist/components/Form/FormSection/CollapsibleFormSection.mjs +1 -0
- package/dist/components/Form/FormSection/CollapsibleFormSection.mjs.map +1 -1
- package/dist/components/FormLabel/FormLabel.js +1 -1
- package/dist/components/FormLabel/FormLabel.js.map +1 -1
- package/dist/components/FormLabel/FormLabel.mjs +1 -1
- package/dist/components/FormLabel/FormLabel.mjs.map +1 -1
- package/dist/components/Icon/_utils/createIcon.d.ts +2 -2
- package/dist/components/Icon/_utils/createIcon.js +2 -2
- package/dist/components/Icon/_utils/createIcon.mjs +2 -2
- package/dist/components/Icon/_utils/createIconGroup.d.ts +1 -1
- package/dist/components/Icon/_utils/createIconGroup.js +1 -1
- package/dist/components/Icon/_utils/createIconGroup.mjs +1 -1
- package/dist/components/IconButton/IconButton.d.ts.map +1 -1
- package/dist/components/IconButton/IconButton.js +20 -10
- package/dist/components/IconButton/IconButton.js.map +1 -1
- package/dist/components/IconButton/IconButton.mjs +20 -10
- package/dist/components/IconButton/IconButton.mjs.map +1 -1
- package/dist/components/IconButton/IconButton.styles.d.ts +24 -8
- package/dist/components/IconButton/IconButton.styles.d.ts.map +1 -1
- package/dist/components/IconButton/IconButton.styles.js +77 -11
- package/dist/components/IconButton/IconButton.styles.js.map +1 -1
- package/dist/components/IconButton/IconButton.styles.mjs +77 -13
- package/dist/components/IconButton/IconButton.styles.mjs.map +1 -1
- package/dist/components/IconButton/IconButton.types.d.ts +25 -20
- package/dist/components/IconButton/IconButton.types.d.ts.map +1 -1
- package/dist/components/IconButton/index.d.ts +1 -1
- package/dist/components/IconButton/index.d.ts.map +1 -1
- package/dist/components/InlineCode/InlineCode.js +6 -6
- package/dist/components/InlineCode/InlineCode.js.map +1 -1
- package/dist/components/InlineCode/InlineCode.mjs +6 -6
- package/dist/components/InlineCode/InlineCode.mjs.map +1 -1
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Input/Input.js +12 -10
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/Input.mjs +12 -10
- package/dist/components/Input/Input.mjs.map +1 -1
- package/dist/components/LineGraph/LineGraph.d.ts.map +1 -1
- package/dist/components/LineGraph/LineGraph.js +28 -8
- package/dist/components/LineGraph/LineGraph.js.map +1 -1
- package/dist/components/LineGraph/LineGraph.mjs +28 -8
- package/dist/components/LineGraph/LineGraph.mjs.map +1 -1
- package/dist/components/LineGraph/seriesColors.d.ts +22 -0
- package/dist/components/LineGraph/seriesColors.d.ts.map +1 -0
- package/dist/components/LineGraph/seriesColors.js +26 -0
- package/dist/components/LineGraph/seriesColors.js.map +1 -0
- package/dist/components/LineGraph/seriesColors.mjs +23 -0
- package/dist/components/LineGraph/seriesColors.mjs.map +1 -0
- package/dist/components/Loaders/LoaderStatus.d.ts +21 -0
- package/dist/components/Loaders/LoaderStatus.d.ts.map +1 -0
- package/dist/components/Loaders/LoaderStatus.js +29 -0
- package/dist/components/Loaders/LoaderStatus.js.map +1 -0
- package/dist/components/Loaders/LoaderStatus.mjs +27 -0
- package/dist/components/Loaders/LoaderStatus.mjs.map +1 -0
- package/dist/components/Loaders/Loaders.styles.d.ts +21 -0
- package/dist/components/Loaders/Loaders.styles.d.ts.map +1 -0
- package/dist/components/Loaders/Loaders.styles.js +33 -0
- package/dist/components/Loaders/Loaders.styles.js.map +1 -0
- package/dist/components/Loaders/Loaders.styles.mjs +29 -0
- package/dist/components/Loaders/Loaders.styles.mjs.map +1 -0
- package/dist/components/Loaders/Loaders.translations.json.js +19 -0
- package/dist/components/Loaders/Loaders.translations.json.js.map +1 -0
- package/dist/components/Loaders/Loaders.translations.json.mjs +14 -0
- package/dist/components/Loaders/Loaders.translations.json.mjs.map +1 -0
- package/dist/components/Loaders/PageLoader.d.ts +10 -2
- package/dist/components/Loaders/PageLoader.d.ts.map +1 -1
- package/dist/components/Loaders/PageLoader.js +6 -3
- package/dist/components/Loaders/PageLoader.js.map +1 -1
- package/dist/components/Loaders/PageLoader.mjs +7 -4
- package/dist/components/Loaders/PageLoader.mjs.map +1 -1
- package/dist/components/Loaders/SectionLoader.d.ts +2 -4
- package/dist/components/Loaders/SectionLoader.d.ts.map +1 -1
- package/dist/components/Loaders/SectionLoader.js +5 -2
- package/dist/components/Loaders/SectionLoader.js.map +1 -1
- package/dist/components/Loaders/SectionLoader.mjs +6 -3
- package/dist/components/Loaders/SectionLoader.mjs.map +1 -1
- package/dist/components/Loaders/ThinkingDots.d.ts +10 -0
- package/dist/components/Loaders/ThinkingDots.d.ts.map +1 -0
- package/dist/components/Loaders/ThinkingDots.js +20 -0
- package/dist/components/Loaders/ThinkingDots.js.map +1 -0
- package/dist/components/Loaders/ThinkingDots.mjs +18 -0
- package/dist/components/Loaders/ThinkingDots.mjs.map +1 -0
- package/dist/components/Loaders/index.d.ts +2 -1
- package/dist/components/Loaders/index.d.ts.map +1 -1
- package/dist/components/LogicianProvider/LogicianProvider.d.ts +12 -0
- package/dist/components/LogicianProvider/LogicianProvider.d.ts.map +1 -1
- package/dist/components/LogicianProvider/LogicianProvider.js +15 -5
- package/dist/components/LogicianProvider/LogicianProvider.js.map +1 -1
- package/dist/components/LogicianProvider/LogicianProvider.mjs +16 -6
- package/dist/components/LogicianProvider/LogicianProvider.mjs.map +1 -1
- package/dist/components/Menu/MenuItem.d.ts.map +1 -1
- package/dist/components/Menu/MenuItem.js +10 -6
- package/dist/components/Menu/MenuItem.js.map +1 -1
- package/dist/components/Menu/MenuItem.mjs +10 -6
- package/dist/components/Menu/MenuItem.mjs.map +1 -1
- package/dist/components/Menu/MenuList.js +1 -1
- package/dist/components/Menu/MenuList.js.map +1 -1
- package/dist/components/Menu/MenuList.mjs +1 -1
- package/dist/components/Menu/MenuList.mjs.map +1 -1
- package/dist/components/Modal/Modal.d.ts +1 -1
- package/dist/components/Modal/Modal.d.ts.map +1 -1
- package/dist/components/Modal/Modal.js +2 -2
- package/dist/components/Modal/Modal.js.map +1 -1
- package/dist/components/Modal/Modal.mjs +2 -2
- package/dist/components/Modal/Modal.mjs.map +1 -1
- package/dist/components/Modal/Modal.types.d.ts +12 -0
- package/dist/components/Modal/Modal.types.d.ts.map +1 -1
- package/dist/components/Modal/ModalContext.d.ts +2 -0
- package/dist/components/Modal/ModalContext.d.ts.map +1 -1
- package/dist/components/Modal/ModalContext.js +1 -0
- package/dist/components/Modal/ModalContext.js.map +1 -1
- package/dist/components/Modal/ModalContext.mjs +1 -0
- package/dist/components/Modal/ModalContext.mjs.map +1 -1
- package/dist/components/Modal/ModalHeader.d.ts +20 -1
- package/dist/components/Modal/ModalHeader.d.ts.map +1 -1
- package/dist/components/Modal/ModalHeader.js +46 -2
- package/dist/components/Modal/ModalHeader.js.map +1 -1
- package/dist/components/Modal/ModalHeader.mjs +47 -3
- package/dist/components/Modal/ModalHeader.mjs.map +1 -1
- package/dist/components/Modal/index.d.ts +2 -2
- package/dist/components/Modal/index.d.ts.map +1 -1
- package/dist/components/MonthPicker/MonthButton/MonthButton.d.ts.map +1 -1
- package/dist/components/MonthPicker/MonthButton/MonthButton.js +10 -9
- package/dist/components/MonthPicker/MonthButton/MonthButton.js.map +1 -1
- package/dist/components/MonthPicker/MonthButton/MonthButton.mjs +10 -9
- package/dist/components/MonthPicker/MonthButton/MonthButton.mjs.map +1 -1
- package/dist/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/components/Pagination/Pagination.js +1 -1
- package/dist/components/Pagination/Pagination.js.map +1 -1
- package/dist/components/Pagination/Pagination.mjs +1 -1
- package/dist/components/Pagination/Pagination.mjs.map +1 -1
- package/dist/components/PinInput/PinInput.d.ts.map +1 -1
- package/dist/components/PinInput/PinInput.js +5 -1
- package/dist/components/PinInput/PinInput.js.map +1 -1
- package/dist/components/PinInput/PinInput.mjs +5 -1
- package/dist/components/PinInput/PinInput.mjs.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.js +1 -1
- package/dist/components/ProgressBar/ProgressBar.mjs +1 -1
- package/dist/components/RadialProgress/RadialProgress.d.ts.map +1 -1
- package/dist/components/RadialProgress/RadialProgress.js +4 -7
- package/dist/components/RadialProgress/RadialProgress.js.map +1 -1
- package/dist/components/RadialProgress/RadialProgress.mjs +4 -7
- package/dist/components/RadialProgress/RadialProgress.mjs.map +1 -1
- package/dist/components/RadialProgress/RadialProgress.types.d.ts +1 -1
- package/dist/components/RadialProgress/RadialProgress.types.d.ts.map +1 -1
- package/dist/components/Radio/RadioControl.d.ts.map +1 -1
- package/dist/components/Radio/RadioControl.js +26 -5
- package/dist/components/Radio/RadioControl.js.map +1 -1
- package/dist/components/Radio/RadioControl.mjs +26 -5
- package/dist/components/Radio/RadioControl.mjs.map +1 -1
- package/dist/components/Radio/RadioGroup.js +1 -1
- package/dist/components/Radio/RadioGroup.js.map +1 -1
- package/dist/components/Radio/RadioGroup.mjs +1 -1
- package/dist/components/Radio/RadioGroup.mjs.map +1 -1
- package/dist/components/SeeMoreButton/SeeMoreButton.d.ts.map +1 -1
- package/dist/components/SeeMoreButton/SeeMoreButton.js +8 -3
- package/dist/components/SeeMoreButton/SeeMoreButton.js.map +1 -1
- package/dist/components/SeeMoreButton/SeeMoreButton.mjs +8 -3
- package/dist/components/SeeMoreButton/SeeMoreButton.mjs.map +1 -1
- package/dist/components/SeeMoreButton/SeeMoreButton.styles.d.ts +20 -10
- package/dist/components/SeeMoreButton/SeeMoreButton.styles.d.ts.map +1 -1
- package/dist/components/SeeMoreButton/SeeMoreButton.styles.js +13 -5
- package/dist/components/SeeMoreButton/SeeMoreButton.styles.js.map +1 -1
- package/dist/components/SeeMoreButton/SeeMoreButton.styles.mjs +13 -5
- package/dist/components/SeeMoreButton/SeeMoreButton.styles.mjs.map +1 -1
- package/dist/components/SeeMoreButton/SeeMoreButton.types.d.ts +6 -2
- package/dist/components/SeeMoreButton/SeeMoreButton.types.d.ts.map +1 -1
- package/dist/components/Select/Select.styles.d.ts +13 -12
- package/dist/components/Select/Select.styles.d.ts.map +1 -1
- package/dist/components/Select/Select.styles.js +20 -14
- package/dist/components/Select/Select.styles.js.map +1 -1
- package/dist/components/Select/Select.styles.mjs +20 -14
- package/dist/components/Select/Select.styles.mjs.map +1 -1
- package/dist/components/Slider/SliderThumb/SliderThumb.js +1 -1
- package/dist/components/Slider/SliderThumb/SliderThumb.js.map +1 -1
- package/dist/components/Slider/SliderThumb/SliderThumb.mjs +1 -1
- package/dist/components/Slider/SliderThumb/SliderThumb.mjs.map +1 -1
- package/dist/components/Slider/SliderThumbs/SliderThumbs.js +1 -1
- package/dist/components/Slider/SliderThumbs/SliderThumbs.js.map +1 -1
- package/dist/components/Slider/SliderThumbs/SliderThumbs.mjs +1 -1
- package/dist/components/Slider/SliderThumbs/SliderThumbs.mjs.map +1 -1
- package/dist/components/Switch/SwitchControl.d.ts.map +1 -1
- package/dist/components/Switch/SwitchControl.js +8 -2
- package/dist/components/Switch/SwitchControl.js.map +1 -1
- package/dist/components/Switch/SwitchControl.mjs +8 -2
- package/dist/components/Switch/SwitchControl.mjs.map +1 -1
- package/dist/components/Table/Table.types.d.ts +1 -1
- package/dist/components/Tabs/Tab/Tab.d.ts.map +1 -1
- package/dist/components/Tabs/Tab/Tab.js +1 -1
- package/dist/components/Tabs/Tab/Tab.js.map +1 -1
- package/dist/components/Tabs/Tab/Tab.mjs +1 -1
- package/dist/components/Tabs/Tab/Tab.mjs.map +1 -1
- package/dist/components/Tabs/Tab/Tab.styles.d.ts +10 -12
- package/dist/components/Tabs/Tab/Tab.styles.d.ts.map +1 -1
- package/dist/components/Tabs/Tab/Tab.styles.js +8 -10
- package/dist/components/Tabs/Tab/Tab.styles.js.map +1 -1
- package/dist/components/Tabs/Tab/Tab.styles.mjs +8 -10
- package/dist/components/Tabs/Tab/Tab.styles.mjs.map +1 -1
- package/dist/components/Tag/Tag.d.ts.map +1 -1
- package/dist/components/Tag/Tag.js +41 -14
- package/dist/components/Tag/Tag.js.map +1 -1
- package/dist/components/Tag/Tag.mjs +43 -16
- package/dist/components/Tag/Tag.mjs.map +1 -1
- package/dist/components/Tag/Tag.styles.d.ts +55 -17
- package/dist/components/Tag/Tag.styles.d.ts.map +1 -1
- package/dist/components/Tag/Tag.styles.js +148 -128
- package/dist/components/Tag/Tag.styles.js.map +1 -1
- package/dist/components/Tag/Tag.styles.mjs +145 -126
- package/dist/components/Tag/Tag.styles.mjs.map +1 -1
- package/dist/components/Tag/Tag.types.d.ts +50 -29
- package/dist/components/Tag/Tag.types.d.ts.map +1 -1
- package/dist/components/Tag/TagCloseButton/TagCloseButton.d.ts +5 -0
- package/dist/components/Tag/TagCloseButton/TagCloseButton.d.ts.map +1 -1
- package/dist/components/Tag/TagCloseButton/TagCloseButton.js +7 -1
- package/dist/components/Tag/TagCloseButton/TagCloseButton.js.map +1 -1
- package/dist/components/Tag/TagCloseButton/TagCloseButton.mjs +7 -1
- package/dist/components/Tag/TagCloseButton/TagCloseButton.mjs.map +1 -1
- package/dist/components/Tag/index.d.ts +3 -2
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.js +12 -10
- package/dist/components/Textarea/Textarea.js.map +1 -1
- package/dist/components/Textarea/Textarea.mjs +12 -10
- package/dist/components/Textarea/Textarea.mjs.map +1 -1
- package/dist/components/Toast/Toast.js +1 -1
- package/dist/components/Toast/Toast.mjs +1 -1
- package/dist/components/Toast/Toast.styles.d.ts +5 -3
- package/dist/components/Toast/Toast.styles.d.ts.map +1 -1
- package/dist/components/Toast/Toast.styles.js +54 -35
- package/dist/components/Toast/Toast.styles.js.map +1 -1
- package/dist/components/Toast/Toast.styles.mjs +54 -35
- package/dist/components/Toast/Toast.styles.mjs.map +1 -1
- package/dist/components/Toast/Toast.types.d.ts +8 -1
- package/dist/components/Toast/Toast.types.d.ts.map +1 -1
- package/dist/components/Toast/ToastIcon/ToastIcon.d.ts.map +1 -1
- package/dist/components/Toast/ToastIcon/ToastIcon.js +6 -4
- package/dist/components/Toast/ToastIcon/ToastIcon.js.map +1 -1
- package/dist/components/Toast/ToastIcon/ToastIcon.mjs +6 -4
- package/dist/components/Toast/ToastIcon/ToastIcon.mjs.map +1 -1
- package/dist/components/Toast/Toaster.d.ts.map +1 -1
- package/dist/components/Toast/Toaster.js +12 -1
- package/dist/components/Toast/Toaster.js.map +1 -1
- package/dist/components/Toast/Toaster.mjs +12 -1
- package/dist/components/Toast/Toaster.mjs.map +1 -1
- package/dist/components/Toast/useToast.d.ts +2 -2
- package/dist/components/Toast/useToast.d.ts.map +1 -1
- package/dist/components/Toast/useToast.js +42 -8
- package/dist/components/Toast/useToast.js.map +1 -1
- package/dist/components/Toast/useToast.mjs +43 -9
- package/dist/components/Toast/useToast.mjs.map +1 -1
- package/dist/components/Tooltip/Tooltip.js +2 -2
- package/dist/components/Tooltip/Tooltip.js.map +1 -1
- package/dist/components/Tooltip/Tooltip.mjs +2 -2
- package/dist/components/Tooltip/Tooltip.mjs.map +1 -1
- package/dist/components/Tree/TreeBranchControl.js +1 -1
- package/dist/components/Tree/TreeBranchControl.js.map +1 -1
- package/dist/components/Tree/TreeBranchControl.mjs +1 -1
- package/dist/components/Tree/TreeBranchControl.mjs.map +1 -1
- package/dist/components/Tree/TreeItem.js +1 -1
- package/dist/components/Tree/TreeItem.js.map +1 -1
- package/dist/components/Tree/TreeItem.mjs +1 -1
- package/dist/components/Tree/TreeItem.mjs.map +1 -1
- package/dist/components/Typography/Caption.js +5 -5
- package/dist/components/Typography/Caption.js.map +1 -1
- package/dist/components/Typography/Caption.mjs +5 -5
- package/dist/components/Typography/Caption.mjs.map +1 -1
- package/dist/components/Typography/Link.d.ts +10 -16
- package/dist/components/Typography/Link.d.ts.map +1 -1
- package/dist/components/Typography/Link.js +24 -29
- package/dist/components/Typography/Link.js.map +1 -1
- package/dist/components/Typography/Link.mjs +24 -29
- package/dist/components/Typography/Link.mjs.map +1 -1
- package/dist/components/Typography/Overline.js +2 -2
- package/dist/components/Typography/Overline.js.map +1 -1
- package/dist/components/Typography/Overline.mjs +2 -2
- package/dist/components/Typography/Overline.mjs.map +1 -1
- package/dist/components/Workflow/Workflow.js +1 -1
- package/dist/components/Workflow/Workflow.js.map +1 -1
- package/dist/components/Workflow/Workflow.mjs +1 -1
- package/dist/components/Workflow/Workflow.mjs.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/BranchLabelBadge.d.ts.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/BranchLabelBadge.js +7 -6
- package/dist/components/Workflow/canvas/Canvas/BranchLabelBadge.js.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/BranchLabelBadge.mjs +7 -6
- package/dist/components/Workflow/canvas/Canvas/BranchLabelBadge.mjs.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/Canvas.js +8 -8
- package/dist/components/Workflow/canvas/Canvas/Canvas.js.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/Canvas.mjs +8 -8
- package/dist/components/Workflow/canvas/Canvas/Canvas.mjs.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/Canvas.styles.d.ts +2 -2
- package/dist/components/Workflow/canvas/Canvas/Canvas.styles.d.ts.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/Canvas.styles.js +13 -12
- package/dist/components/Workflow/canvas/Canvas/Canvas.styles.js.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/Canvas.styles.mjs +13 -12
- package/dist/components/Workflow/canvas/Canvas/Canvas.styles.mjs.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/LabeledEdge.js +1 -1
- package/dist/components/Workflow/canvas/Canvas/LabeledEdge.js.map +1 -1
- package/dist/components/Workflow/canvas/Canvas/LabeledEdge.mjs +1 -1
- package/dist/components/Workflow/canvas/Canvas/LabeledEdge.mjs.map +1 -1
- package/dist/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.js +1 -1
- package/dist/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.js.map +1 -1
- package/dist/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.mjs +1 -1
- package/dist/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.mjs.map +1 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerHeader.d.ts.map +1 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerHeader.js +1 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerHeader.js.map +1 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerHeader.mjs +1 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerHeader.mjs.map +1 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerIssues.js +2 -2
- package/dist/components/Workflow/canvas/DrawerShell/DrawerIssues.js.map +1 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerIssues.mjs +2 -2
- package/dist/components/Workflow/canvas/DrawerShell/DrawerIssues.mjs.map +1 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerShell.js +5 -4
- package/dist/components/Workflow/canvas/DrawerShell/DrawerShell.js.map +1 -1
- package/dist/components/Workflow/canvas/DrawerShell/DrawerShell.mjs +5 -4
- package/dist/components/Workflow/canvas/DrawerShell/DrawerShell.mjs.map +1 -1
- package/dist/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.js +2 -2
- package/dist/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.js.map +1 -1
- package/dist/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.mjs +2 -2
- package/dist/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.mjs.map +1 -1
- package/dist/components/Workflow/canvas/FieldWrapper/FieldWrapper.js +1 -1
- package/dist/components/Workflow/canvas/FieldWrapper/FieldWrapper.js.map +1 -1
- package/dist/components/Workflow/canvas/FieldWrapper/FieldWrapper.mjs +1 -1
- package/dist/components/Workflow/canvas/FieldWrapper/FieldWrapper.mjs.map +1 -1
- package/dist/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.js +1 -1
- package/dist/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.js.map +1 -1
- package/dist/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.mjs +1 -1
- package/dist/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.mjs.map +1 -1
- package/dist/components/Workflow/canvas/IconTile/IconTile.styles.d.ts +11 -3
- package/dist/components/Workflow/canvas/IconTile/IconTile.styles.d.ts.map +1 -1
- package/dist/components/Workflow/canvas/IconTile/IconTile.styles.js +29 -13
- package/dist/components/Workflow/canvas/IconTile/IconTile.styles.js.map +1 -1
- package/dist/components/Workflow/canvas/IconTile/IconTile.styles.mjs +29 -13
- package/dist/components/Workflow/canvas/IconTile/IconTile.styles.mjs.map +1 -1
- package/dist/components/Workflow/canvas/IssueList/IssueList.js +2 -2
- package/dist/components/Workflow/canvas/IssueList/IssueList.js.map +1 -1
- package/dist/components/Workflow/canvas/IssueList/IssueList.mjs +2 -2
- package/dist/components/Workflow/canvas/IssueList/IssueList.mjs.map +1 -1
- package/dist/components/Workflow/canvas/NodePalette/NodePalette.d.ts.map +1 -1
- package/dist/components/Workflow/canvas/NodePalette/NodePalette.js +2 -2
- package/dist/components/Workflow/canvas/NodePalette/NodePalette.js.map +1 -1
- package/dist/components/Workflow/canvas/NodePalette/NodePalette.mjs +2 -2
- package/dist/components/Workflow/canvas/NodePalette/NodePalette.mjs.map +1 -1
- package/dist/components/Workflow/canvas/NodePalette/NodePaletteToggle.d.ts.map +1 -1
- package/dist/components/Workflow/canvas/NodePalette/NodePaletteToggle.js +1 -1
- package/dist/components/Workflow/canvas/NodePalette/NodePaletteToggle.js.map +1 -1
- package/dist/components/Workflow/canvas/NodePalette/NodePaletteToggle.mjs +1 -1
- package/dist/components/Workflow/canvas/NodePalette/NodePaletteToggle.mjs.map +1 -1
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.d.ts.map +1 -1
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.js +42 -32
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.js.map +1 -1
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.mjs +42 -32
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.mjs.map +1 -1
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.styles.d.ts +9 -4
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.styles.d.ts.map +1 -1
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.styles.js +8 -8
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.styles.js.map +1 -1
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.styles.mjs +7 -7
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.styles.mjs.map +1 -1
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.types.d.ts +2 -0
- package/dist/components/Workflow/canvas/NodeShell/NodeShell.types.d.ts.map +1 -1
- package/dist/components/Workflow/canvas/SeverityDot/SeverityDot.d.ts +5 -4
- package/dist/components/Workflow/canvas/SeverityDot/SeverityDot.d.ts.map +1 -1
- package/dist/components/Workflow/canvas/SeverityDot/SeverityDot.js +1 -1
- package/dist/components/Workflow/canvas/SeverityDot/SeverityDot.js.map +1 -1
- package/dist/components/Workflow/canvas/SeverityDot/SeverityDot.mjs +1 -1
- package/dist/components/Workflow/canvas/SeverityDot/SeverityDot.mjs.map +1 -1
- package/dist/components/Workflow/canvas/colorVar.d.ts +20 -0
- package/dist/components/Workflow/canvas/colorVar.d.ts.map +1 -0
- package/dist/components/Workflow/canvas/colorVar.js +32 -0
- package/dist/components/Workflow/canvas/colorVar.js.map +1 -0
- package/dist/components/Workflow/canvas/colorVar.mjs +29 -0
- package/dist/components/Workflow/canvas/colorVar.mjs.map +1 -0
- package/dist/components/Workflow/canvas/issueSeverity.d.ts +6 -4
- package/dist/components/Workflow/canvas/issueSeverity.d.ts.map +1 -1
- package/dist/components/Workflow/canvas/issueSeverity.js +6 -4
- package/dist/components/Workflow/canvas/issueSeverity.js.map +1 -1
- package/dist/components/Workflow/canvas/issueSeverity.mjs +6 -4
- package/dist/components/Workflow/canvas/issueSeverity.mjs.map +1 -1
- package/dist/components/Workflow/canvas/workflowLabelProps.d.ts +1 -1
- package/dist/components/Workflow/canvas/workflowLabelProps.js +1 -1
- package/dist/components/Workflow/canvas/workflowLabelProps.mjs +1 -1
- package/dist/index.d.ts +5 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +24 -9
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +11 -8
- package/dist/index.mjs.map +1 -1
- package/dist/theme/colors.d.ts +43 -1139
- package/dist/theme/colors.d.ts.map +1 -1
- package/dist/theme/colors.js +336 -760
- package/dist/theme/colors.js.map +1 -1
- package/dist/theme/colors.mjs +334 -761
- package/dist/theme/colors.mjs.map +1 -1
- package/dist/theme/deprecatedColorTokens.json.js +69 -0
- package/dist/theme/deprecatedColorTokens.json.js.map +1 -0
- package/dist/theme/deprecatedColorTokens.json.mjs +64 -0
- package/dist/theme/deprecatedColorTokens.json.mjs.map +1 -0
- package/dist/theme/global.d.ts +3 -2
- package/dist/theme/global.d.ts.map +1 -1
- package/dist/theme/global.js +12 -18
- package/dist/theme/global.js.map +1 -1
- package/dist/theme/global.mjs +12 -18
- package/dist/theme/global.mjs.map +1 -1
- package/dist/theme/index.d.ts +34 -1
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js +143 -81
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/index.mjs +144 -84
- package/dist/theme/index.mjs.map +1 -1
- package/dist/theme/palette.generated.d.ts +887 -0
- package/dist/theme/palette.generated.d.ts.map +1 -0
- package/dist/theme/palette.generated.js +898 -0
- package/dist/theme/palette.generated.js.map +1 -0
- package/dist/theme/palette.generated.mjs +893 -0
- package/dist/theme/palette.generated.mjs.map +1 -0
- package/dist/theme/paletteSwatches.d.ts +22 -0
- package/dist/theme/paletteSwatches.d.ts.map +1 -0
- package/dist/theme/recipes/table.js +2 -2
- package/dist/theme/recipes/table.js.map +1 -1
- package/dist/theme/recipes/table.mjs +2 -2
- package/dist/theme/recipes/table.mjs.map +1 -1
- package/dist/utils/disabledControl.d.ts +27 -0
- package/dist/utils/disabledControl.d.ts.map +1 -0
- package/dist/utils/disabledControl.js +33 -0
- package/dist/utils/disabledControl.js.map +1 -0
- package/dist/utils/disabledControl.mjs +30 -0
- package/dist/utils/disabledControl.mjs.map +1 -0
- package/dist/utils/focusRing.d.ts +7 -1
- package/dist/utils/focusRing.d.ts.map +1 -1
- package/dist/utils/focusRing.js +8 -1
- package/dist/utils/focusRing.js.map +1 -1
- package/dist/utils/focusRing.mjs +8 -2
- package/dist/utils/focusRing.mjs.map +1 -1
- package/dist/utils/isDev.d.ts +22 -0
- package/dist/utils/isDev.d.ts.map +1 -0
- package/dist/utils/isDev.js +34 -0
- package/dist/utils/isDev.js.map +1 -0
- package/dist/utils/isDev.mjs +32 -0
- package/dist/utils/isDev.mjs.map +1 -0
- package/eslint/index.js +28 -0
- package/eslint/rules/no-deprecated-tokens.js +128 -0
- package/eslint/rules/no-deprecated-tokens.test.ts +130 -0
- package/package.json +16 -7
- package/src/components/Accordion/Accordion.stories.tsx +20 -12
- package/src/components/Appear/Appear.stories.tsx +6 -13
- package/src/components/Avatar/Avatar.hue.test.ts +67 -0
- package/src/components/Avatar/Avatar.stories.tsx +79 -23
- package/src/components/Avatar/Avatar.tsx +56 -2
- package/src/components/Avatar/index.tsx +1 -1
- package/src/components/Badge/Badge.stories.tsx +24 -50
- package/src/components/Badge/Badge.styles.ts +56 -50
- package/src/components/Badge/Badge.tsx +11 -7
- package/src/components/Badge/Badge.types.ts +18 -14
- package/src/components/Badge/index.ts +7 -1
- package/src/components/Banner/Banner.stories.tsx +10 -3
- package/src/components/Banner/Banner.styles.ts +43 -27
- package/src/components/Banner/Banner.types.ts +1 -1
- package/src/components/BottomSheet/BottomSheet.stories.tsx +3 -4
- package/src/components/BottomSheet/BottomSheetCloseButton.tsx +0 -1
- package/src/components/Breadcrumb/BreadcrumbLink/BreadcrumbLink.tsx +1 -1
- package/src/components/Button/Button.legacy.ts +180 -0
- package/src/components/Button/Button.lift.test.tsx +6 -14
- package/src/components/Button/Button.press.test.tsx +20 -15
- package/src/components/Button/Button.stories.tsx +122 -352
- package/src/components/Button/Button.styles.ts +145 -397
- package/src/components/Button/Button.tsx +49 -17
- package/src/components/Button/Button.types.ts +50 -37
- package/src/components/Button/Button.variants.test.tsx +149 -0
- package/src/components/Button/index.tsx +2 -0
- package/src/components/Card/Card.styles.ts +6 -13
- package/src/components/Card/Card.tsx +1 -6
- package/src/components/Card/Card.types.ts +1 -5
- package/src/components/Checkbox/CheckboxControl.tsx +17 -10
- package/src/components/Chip/Chip.stories.tsx +17 -230
- package/src/components/Chip/Chip.tsx +40 -24
- package/src/components/Chip/Chip.types.ts +38 -26
- package/src/components/Chip/index.ts +0 -6
- package/src/components/Code/Code.tsx +2 -3
- package/src/components/CodeTabs/CodeTabs.contrast.test.tsx +109 -0
- package/src/components/CodeTabs/CodeTabs.styles.ts +26 -0
- package/src/components/CodeTabs/CodeTabs.tsx +16 -4
- package/src/components/CodeTabs/CopyButton.tsx +6 -4
- package/src/components/Confetti/Confetti.stories.tsx +1 -1
- package/src/components/Confetti/Confetti.tsx +8 -43
- package/src/components/Confetti/confettiColors.test.ts +47 -0
- package/src/components/Confetti/confettiColors.ts +41 -0
- package/src/components/Container/Container.stories.tsx +1 -1
- package/src/components/CopyableCode/CopyableCode.tsx +1 -2
- package/src/components/CountBadge/CountBadge.stories.tsx +109 -0
- package/src/components/CountBadge/CountBadge.styles.ts +40 -0
- package/src/components/CountBadge/CountBadge.test.tsx +57 -0
- package/src/components/CountBadge/CountBadge.tsx +112 -0
- package/src/components/CountBadge/CountBadge.types.ts +34 -0
- package/src/components/CountBadge/index.ts +2 -0
- package/src/components/DatePicker/RangeDatePicker.tsx +8 -8
- package/src/components/DatePicker/SingleDatePicker.tsx +5 -5
- package/src/components/ErrorFallback/ErrorFallback.lift.test.tsx +45 -0
- package/src/components/ErrorFallback/ErrorFallback.tsx +16 -31
- package/src/components/ExpandableText/ExpandableText.tsx +1 -1
- package/src/components/FileItem/FileItem.tsx +1 -4
- package/src/components/FlyTo/FlyTo.stories.tsx +6 -1
- package/src/components/Form/FieldError/FieldError.tsx +2 -2
- package/src/components/Form/FormFooter/FormFooter.stories.tsx +4 -4
- package/src/components/Form/FormModalFooter/FormModalFooter.tsx +5 -6
- package/src/components/Form/FormSection/FormSection.stories.tsx +1 -1
- package/src/components/FormIntegration/FormIntegration.stories.tsx +4 -4
- package/src/components/FormLabel/FormLabel.tsx +1 -1
- package/src/components/Icon/ICON_MANAGEMENT.md +7 -7
- package/src/components/Icon/Icon.stories.tsx +220 -116
- package/src/components/Icon/_utils/createIcon.tsx +2 -2
- package/src/components/Icon/_utils/createIconGroup.tsx +1 -1
- package/src/components/IconButton/IconButton.stories.tsx +63 -216
- package/src/components/IconButton/IconButton.styles.ts +104 -27
- package/src/components/IconButton/IconButton.tsx +39 -12
- package/src/components/IconButton/IconButton.types.ts +30 -20
- package/src/components/IconButton/index.tsx +1 -0
- package/src/components/InlineCode/InlineCode.tsx +6 -6
- package/src/components/Input/Input.stories.tsx +10 -10
- package/src/components/Input/Input.tsx +12 -10
- package/src/components/LineGraph/LineGraph.tsx +24 -6
- package/src/components/LineGraph/seriesColors.test.ts +40 -0
- package/src/components/LineGraph/seriesColors.ts +42 -0
- package/src/components/Loaders/LoaderStatus.tsx +25 -0
- package/src/components/Loaders/Loaders.styles.ts +28 -0
- package/src/components/Loaders/Loaders.test.tsx +63 -0
- package/src/components/Loaders/Loaders.translations.json +9 -0
- package/src/components/Loaders/PageLoader.stories.tsx +15 -1
- package/src/components/Loaders/PageLoader.tsx +28 -4
- package/src/components/Loaders/SectionLoader.stories.tsx +10 -3
- package/src/components/Loaders/SectionLoader.tsx +16 -3
- package/src/components/Loaders/ThinkingDots.tsx +27 -0
- package/src/components/Loaders/index.ts +2 -1
- package/src/components/LogicianProvider/LogicianProvider.stories.tsx +28 -43
- package/src/components/LogicianProvider/LogicianProvider.tsx +35 -5
- package/src/components/Masonry/Masonry.stories.tsx +17 -5
- package/src/components/Menu/Menu.stories.tsx +58 -20
- package/src/components/Menu/MenuItem.highlight.test.tsx +72 -0
- package/src/components/Menu/MenuItem.tsx +9 -6
- package/src/components/Menu/MenuList.tsx +1 -1
- package/src/components/Modal/Modal.stories.tsx +76 -25
- package/src/components/Modal/Modal.tsx +5 -1
- package/src/components/Modal/Modal.types.ts +13 -0
- package/src/components/Modal/ModalContext.ts +4 -0
- package/src/components/Modal/ModalHeader.a11y.test.tsx +51 -0
- package/src/components/Modal/ModalHeader.tsx +73 -3
- package/src/components/Modal/index.tsx +2 -2
- package/src/components/MonthPicker/MonthButton/MonthButton.tsx +9 -14
- package/src/components/MonthPicker/MonthPicker.stories.tsx +13 -9
- package/src/components/Pagination/Pagination.stories.tsx +5 -6
- package/src/components/Pagination/Pagination.tsx +0 -2
- package/src/components/PinInput/PinInput.tsx +9 -5
- package/src/components/Popover/Popover.stories.tsx +5 -5
- package/src/components/ProgressBar/ProgressBar.tsx +1 -1
- package/src/components/Pulse/Pulse.stories.tsx +1 -1
- package/src/components/RadialProgress/RadialProgress.tsx +4 -7
- package/src/components/RadialProgress/RadialProgress.types.ts +1 -1
- package/src/components/Radio/Radio.stories.tsx +1 -1
- package/src/components/Radio/RadioControl.indicator.test.tsx +72 -0
- package/src/components/Radio/RadioControl.tsx +34 -6
- package/src/components/Radio/RadioGroup.tsx +1 -1
- package/src/components/Reveal/Reveal.stories.tsx +5 -1
- package/src/components/ScaledContext/ScaledContext.stories.tsx +21 -14
- package/src/components/SeeMoreButton/SeeMoreButton.border.test.tsx +51 -0
- package/src/components/SeeMoreButton/SeeMoreButton.stories.tsx +8 -0
- package/src/components/SeeMoreButton/SeeMoreButton.styles.ts +14 -6
- package/src/components/SeeMoreButton/SeeMoreButton.tsx +11 -2
- package/src/components/SeeMoreButton/SeeMoreButton.types.ts +9 -2
- package/src/components/SegmentedProgressBar/SegmentedProgressBar.stories.tsx +48 -31
- package/src/components/Select/Combobox.stories.tsx +1 -1
- package/src/components/Select/Comparison.stories.tsx +1 -1
- package/src/components/Select/Select.stories.tsx +22 -22
- package/src/components/Select/Select.styles.ts +20 -14
- package/src/components/Shake/Shake.stories.tsx +10 -12
- package/src/components/Slider/Slider.stories.tsx +43 -9
- package/src/components/Slider/SliderThumb/SliderThumb.tsx +1 -1
- package/src/components/Slider/SliderThumbs/SliderThumbs.tsx +1 -1
- package/src/components/SwapTransition/SwapTransition.stories.tsx +3 -4
- package/src/components/Switch/SwitchControl.tsx +8 -0
- package/src/components/Table/Table.stories.tsx +36 -20
- package/src/components/Table/Table.types.ts +1 -1
- package/src/components/Tabs/Tab/Tab.styles.ts +8 -10
- package/src/components/Tabs/Tab/Tab.tsx +1 -0
- package/src/components/Tabs/Tabs.stories.tsx +38 -26
- package/src/components/Tag/Tag.legacy.test.tsx +179 -0
- package/src/components/Tag/Tag.stories.tsx +107 -148
- package/src/components/Tag/Tag.styles.ts +186 -135
- package/src/components/Tag/Tag.test.tsx +115 -0
- package/src/components/Tag/Tag.tsx +103 -21
- package/src/components/Tag/Tag.types.ts +52 -29
- package/src/components/Tag/TagCloseButton/TagCloseButton.tsx +19 -1
- package/src/components/Tag/index.ts +5 -3
- package/src/components/Textarea/Textarea.stories.tsx +6 -1
- package/src/components/Textarea/Textarea.tsx +13 -11
- package/src/components/Toast/Toast.action.test.tsx +13 -0
- package/src/components/Toast/Toast.stories.tsx +17 -7
- package/src/components/Toast/Toast.styles.ts +54 -35
- package/src/components/Toast/Toast.tsx +1 -1
- package/src/components/Toast/Toast.types.ts +9 -1
- package/src/components/Toast/Toast.update.test.tsx +124 -0
- package/src/components/Toast/ToastIcon/ToastIcon.tsx +6 -4
- package/src/components/Toast/Toaster.tsx +14 -2
- package/src/components/Toast/useToast.tsx +54 -14
- package/src/components/Tooltip/Tooltip.stories.tsx +12 -12
- package/src/components/Tooltip/Tooltip.tsx +2 -2
- package/src/components/Tree/Tree.GuideElbow.stories.tsx +2 -2
- package/src/components/Tree/TreeBranchControl.tsx +1 -1
- package/src/components/Tree/TreeBranchIndentGuide.test.tsx +2 -2
- package/src/components/Tree/TreeItem.tsx +1 -1
- package/src/components/Typography/Caption.tsx +5 -5
- package/src/components/Typography/Link.tsx +27 -29
- package/src/components/Typography/Overline.tsx +2 -2
- package/src/components/Workflow/README.md +58 -52
- package/src/components/Workflow/Workflow.translations.json +1 -1
- package/src/components/Workflow/Workflow.tsx +1 -1
- package/src/components/Workflow/canvas/Canvas/BranchLabelBadge.tsx +7 -6
- package/src/components/Workflow/canvas/Canvas/Canvas.styles.ts +14 -12
- package/src/components/Workflow/canvas/Canvas/Canvas.tsx +9 -9
- package/src/components/Workflow/canvas/Canvas/LabeledEdge.tsx +2 -2
- package/src/components/Workflow/canvas/CollapsibleSection/CollapsibleSection.tsx +4 -4
- package/src/components/Workflow/canvas/DrawerShell/DrawerHeader.tsx +2 -4
- package/src/components/Workflow/canvas/DrawerShell/DrawerIssues.tsx +2 -2
- package/src/components/Workflow/canvas/DrawerShell/DrawerShell.tsx +6 -6
- package/src/components/Workflow/canvas/EdgeInspector/BuiltInEdgeInspector.tsx +4 -4
- package/src/components/Workflow/canvas/FieldWrapper/FieldWrapper.tsx +2 -2
- package/src/components/Workflow/canvas/GraphErrorBanner/GraphErrorBanner.tsx +12 -12
- package/src/components/Workflow/canvas/IconTile/IconTile.styles.ts +29 -13
- package/src/components/Workflow/canvas/IssueList/IssueList.tsx +3 -3
- package/src/components/Workflow/canvas/NodePalette/NodePalette.tsx +6 -7
- package/src/components/Workflow/canvas/NodePalette/NodePaletteToggle.tsx +1 -2
- package/src/components/Workflow/canvas/NodeShell/NodeShell.styles.ts +6 -8
- package/src/components/Workflow/canvas/NodeShell/NodeShell.test.tsx +79 -0
- package/src/components/Workflow/canvas/NodeShell/NodeShell.tsx +46 -37
- package/src/components/Workflow/canvas/NodeShell/NodeShell.types.ts +2 -0
- package/src/components/Workflow/canvas/SeverityDot/SeverityDot.tsx +6 -5
- package/src/components/Workflow/canvas/canvasStroke.test.ts +84 -0
- package/src/components/Workflow/canvas/colorVar.ts +26 -0
- package/src/components/Workflow/canvas/issueSeverity.ts +7 -5
- package/src/components/Workflow/canvas/workflowLabelProps.ts +1 -1
- package/src/components/Workflow/stories/Workflow.stories.tsx +4 -5
- package/src/components/a11y.kwcag.test.tsx +64 -83
- package/src/components/claude.md +40 -58
- package/src/components/noRawScales.test.ts +152 -0
- package/src/components/noSandBackground.test.ts +282 -0
- package/src/index.ts +18 -1
- package/src/stories/SizeComparison.stories.tsx +1 -1
- package/src/theme/BazePalette.stories.tsx +202 -0
- package/src/theme/Borders.stories.tsx +9 -9
- package/src/theme/Motion.stories.tsx +19 -19
- package/src/theme/MotionCases.stories.tsx +1 -1
- package/src/theme/Palette.stories.tsx +101 -515
- package/src/theme/SemanticTokens.mdx +61 -242
- package/src/theme/Surfaces.stories.tsx +3 -3
- package/src/theme/chakraTokens.test.ts +115 -0
- package/src/theme/claude.md +111 -502
- package/src/theme/colors.ts +403 -822
- package/src/theme/contrast.test.ts +343 -0
- package/src/theme/cssVarNames.test.ts +36 -0
- package/src/theme/deprecatedColorTokens.json +95 -0
- package/src/theme/global.ts +12 -19
- package/src/theme/index.ts +154 -82
- package/src/theme/palette.generated.ts +893 -0
- package/src/theme/paletteSwatches.test.ts +42 -0
- package/src/theme/paletteSwatches.ts +80 -0
- package/src/theme/recipes/table.ts +2 -2
- package/src/utils/disabledControl.ts +27 -0
- package/src/utils/focusRing.ts +9 -2
- package/src/utils/isDev.test.ts +41 -0
- package/src/utils/isDev.ts +27 -0
- package/dist/components/Chip/Chip.styles.d.ts +0 -20
- package/dist/components/Chip/Chip.styles.d.ts.map +0 -1
- package/dist/components/Chip/Chip.styles.js +0 -143
- package/dist/components/Chip/Chip.styles.js.map +0 -1
- package/dist/components/Chip/Chip.styles.mjs +0 -137
- package/dist/components/Chip/Chip.styles.mjs.map +0 -1
- package/src/components/Chip/Chip.styles.ts +0 -147
|
@@ -1,27 +1,93 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
|
+
var disabledControl = require('../../utils/disabledControl.js');
|
|
5
|
+
var Button_legacy = require('../Button/Button.legacy.js');
|
|
4
6
|
var Button_styles = require('../Button/Button.styles.js');
|
|
5
7
|
|
|
8
|
+
const PRESSED = '0.97';
|
|
6
9
|
/**
|
|
7
|
-
*
|
|
10
|
+
* IconButton styles per role (prototype gallery `.ib`, `.ib.secondary`,
|
|
11
|
+
* `.ib.primary`, `.send`).
|
|
12
|
+
*
|
|
13
|
+
* The filled roles reuse Button's so the two never drift; the icon-only roles
|
|
14
|
+
* differ from Button's ghost/secondary in one way — the resting glyph is
|
|
15
|
+
* `fg.icon` (3:1 non-text) and darkens to `fg.default` on hover.
|
|
8
16
|
*/
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
},
|
|
17
|
+
const iconButtonVariantStyles = {
|
|
18
|
+
ghost: {
|
|
19
|
+
borderColor: 'transparent',
|
|
20
|
+
bgColor: 'transparent',
|
|
21
|
+
color: 'fg.icon',
|
|
22
|
+
_hover: { bgColor: 'primary.wash', color: 'fg.default' },
|
|
23
|
+
_active: { bgColor: 'primary.washActive', scale: PRESSED },
|
|
24
|
+
_disabled: { ...disabledControl.disabledText },
|
|
17
25
|
},
|
|
26
|
+
secondary: {
|
|
27
|
+
borderColor: 'border.default',
|
|
28
|
+
bgColor: 'transparent',
|
|
29
|
+
color: 'fg.icon',
|
|
30
|
+
_hover: { bgColor: 'primary.wash', color: 'fg.default' },
|
|
31
|
+
_active: { bgColor: 'primary.washActive', scale: PRESSED },
|
|
32
|
+
_disabled: { ...disabledControl.disabledControl },
|
|
33
|
+
},
|
|
34
|
+
primary: Button_styles.buttonVariantStyles.primary,
|
|
35
|
+
danger: Button_styles.buttonVariantStyles.danger,
|
|
36
|
+
/** The coral SEND button. */
|
|
37
|
+
action: {
|
|
38
|
+
borderColor: 'transparent',
|
|
39
|
+
bgColor: 'send.bg',
|
|
40
|
+
color: 'send.fg',
|
|
41
|
+
_hover: { bgColor: 'send.bgHover' },
|
|
42
|
+
_active: { bgColor: 'send.bgActive', scale: PRESSED },
|
|
43
|
+
_disabled: { ...disabledControl.disabledControl },
|
|
44
|
+
},
|
|
45
|
+
};
|
|
46
|
+
const iconButtonVariants = [
|
|
47
|
+
'ghost',
|
|
48
|
+
'secondary',
|
|
49
|
+
'primary',
|
|
50
|
+
'danger',
|
|
51
|
+
'action',
|
|
52
|
+
];
|
|
53
|
+
/** `isDestructive` recolours the glyph on these only. */
|
|
54
|
+
const destructiveCapable = ['ghost', 'secondary'];
|
|
55
|
+
const getIconButtonStyles = (variant = 'ghost', isDestructive = false) => {
|
|
56
|
+
const base = iconButtonVariantStyles[variant] ?? iconButtonVariantStyles.ghost;
|
|
57
|
+
if (!isDestructive || !destructiveCapable.includes(variant))
|
|
58
|
+
return base;
|
|
59
|
+
return {
|
|
60
|
+
...base,
|
|
61
|
+
color: 'danger.fg',
|
|
62
|
+
_hover: { ...base._hover, color: 'danger.fg' },
|
|
63
|
+
};
|
|
18
64
|
};
|
|
19
|
-
const
|
|
65
|
+
const legacyVariants = [
|
|
66
|
+
'solid',
|
|
67
|
+
'soft',
|
|
68
|
+
'outline',
|
|
69
|
+
'ghost',
|
|
70
|
+
];
|
|
71
|
+
/**
|
|
72
|
+
* @deprecated 4.x grid, derived from `iconButtonVariantStyles` through the
|
|
73
|
+
* IconButton column of the codemod table. Use `iconButtonVariantStyles`.
|
|
74
|
+
*/
|
|
75
|
+
const iconButtonColorPaletteStyles = Object.fromEntries(Button_styles.buttonColorPalettes.map((palette) => [
|
|
76
|
+
palette,
|
|
77
|
+
Object.fromEntries(legacyVariants.map((variant) => {
|
|
78
|
+
const mapped = Button_legacy.resolveLegacyButtonVariant('icon', palette, variant);
|
|
79
|
+
return [
|
|
80
|
+
variant,
|
|
81
|
+
getIconButtonStyles(mapped.variant, mapped.isDestructive),
|
|
82
|
+
];
|
|
83
|
+
})),
|
|
84
|
+
]));
|
|
20
85
|
|
|
21
86
|
exports.iconButtonColorPalettes = Button_styles.buttonColorPalettes;
|
|
22
87
|
exports.iconButtonColorSchemes = Button_styles.buttonColorPalettes;
|
|
23
|
-
exports.iconButtonVariants = Button_styles.buttonVariants;
|
|
24
88
|
exports.getIconButtonStyles = getIconButtonStyles;
|
|
25
89
|
exports.iconButtonColorPaletteStyles = iconButtonColorPaletteStyles;
|
|
26
90
|
exports.iconButtonColorSchemeStyles = iconButtonColorPaletteStyles;
|
|
91
|
+
exports.iconButtonVariantStyles = iconButtonVariantStyles;
|
|
92
|
+
exports.iconButtonVariants = iconButtonVariants;
|
|
27
93
|
//# sourceMappingURL=IconButton.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.styles.js","sources":["../../../src/components/IconButton/IconButton.styles.ts"],"sourcesContent":[null],"names":["
|
|
1
|
+
{"version":3,"file":"IconButton.styles.js","sources":["../../../src/components/IconButton/IconButton.styles.ts"],"sourcesContent":[null],"names":["disabledText","disabledControl","buttonVariantStyles","buttonColorPalettes","resolveLegacyButtonVariant"],"mappings":";;;;;;;AAiBA,MAAM,OAAO,GAAG,MAAM;AAEtB;;;;;;;AAOG;AACI,MAAM,uBAAuB,GAA0C;AAC5E,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,aAAa;AAC1B,QAAA,OAAO,EAAE,aAAa;AACtB,QAAA,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,YAAY,EAAE;QACxD,OAAO,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,OAAO,EAAE;AAC1D,QAAA,SAAS,EAAE,EAAE,GAAGA,4BAAY,EAAE;AAC/B,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,WAAW,EAAE,gBAAgB;AAC7B,QAAA,OAAO,EAAE,aAAa;AACtB,QAAA,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,YAAY,EAAE;QACxD,OAAO,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,OAAO,EAAE;AAC1D,QAAA,SAAS,EAAE,EAAE,GAAGC,+BAAe,EAAE;AAClC,KAAA;IACD,OAAO,EAAEC,iCAAmB,CAAC,OAAO;IACpC,MAAM,EAAEA,iCAAmB,CAAC,MAAM;;AAElC,IAAA,MAAM,EAAE;AACN,QAAA,WAAW,EAAE,aAAa;AAC1B,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,MAAM,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE;QACnC,OAAO,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,OAAO,EAAE;AACrD,QAAA,SAAS,EAAE,EAAE,GAAGD,+BAAe,EAAE;AAClC,KAAA;;AAGI,MAAM,kBAAkB,GAAwB;IACrD,OAAO;IACP,WAAW;IACX,SAAS;IACT,QAAQ;IACR,QAAQ;;AAGV;AACA,MAAM,kBAAkB,GAAiC,CAAC,OAAO,EAAE,WAAW,CAAC;AAExE,MAAM,mBAAmB,GAAG,CACjC,OAAA,GAA6B,OAAO,EACpC,aAAa,GAAG,KAAK,KACP;IACd,MAAM,IAAI,GACR,uBAAuB,CAAC,OAAO,CAAC,IAAI,uBAAuB,CAAC,KAAK;IACnE,IAAI,CAAC,aAAa,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,OAAO,CAAC;AAAE,QAAA,OAAO,IAAI;IACxE,OAAO;AACL,QAAA,GAAG,IAAI;AACP,QAAA,KAAK,EAAE,WAAW;QAClB,MAAM,EAAE,EAAE,GAAI,IAAI,CAAC,MAAiB,EAAE,KAAK,EAAE,WAAW,EAAE;KAC3D;AACH;AAEA,MAAM,cAAc,GAA0B;IAC5C,OAAO;IACP,MAAM;IACN,SAAS;IACT,OAAO;CACR;AAED;;;AAGG;AACI,MAAM,4BAA4B,GAAG,MAAM,CAAC,WAAW,CAC5DE,iCAAmB,CAAC,GAAG,CAAC,CAAC,OAAO,KAAK;IACnC,OAAO;IACP,MAAM,CAAC,WAAW,CAChB,cAAc,CAAC,GAAG,CAAC,CAAC,OAAO,KAAI;QAC7B,MAAM,MAAM,GAAGC,wCAA0B,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC;QACnE,OAAO;YACL,OAAO;YACP,mBAAmB,CACjB,MAAM,CAAC,OAA4B,EACnC,MAAM,CAAC,aAAa,CACrB;SACF;AACH,IAAA,CAAC,CAAC,CACH;AACF,CAAA,CAAC;;;;;;;;;;"}
|
|
@@ -1,21 +1,85 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import {
|
|
3
|
-
|
|
2
|
+
import { disabledControl, disabledText } from '../../utils/disabledControl.mjs';
|
|
3
|
+
import { resolveLegacyButtonVariant } from '../Button/Button.legacy.mjs';
|
|
4
|
+
import { buttonColorPalettes, buttonVariantStyles } from '../Button/Button.styles.mjs';
|
|
4
5
|
|
|
6
|
+
const PRESSED = '0.97';
|
|
5
7
|
/**
|
|
6
|
-
*
|
|
8
|
+
* IconButton styles per role (prototype gallery `.ib`, `.ib.secondary`,
|
|
9
|
+
* `.ib.primary`, `.send`).
|
|
10
|
+
*
|
|
11
|
+
* The filled roles reuse Button's so the two never drift; the icon-only roles
|
|
12
|
+
* differ from Button's ghost/secondary in one way — the resting glyph is
|
|
13
|
+
* `fg.icon` (3:1 non-text) and darkens to `fg.default` on hover.
|
|
7
14
|
*/
|
|
8
|
-
const
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
},
|
|
15
|
+
const iconButtonVariantStyles = {
|
|
16
|
+
ghost: {
|
|
17
|
+
borderColor: 'transparent',
|
|
18
|
+
bgColor: 'transparent',
|
|
19
|
+
color: 'fg.icon',
|
|
20
|
+
_hover: { bgColor: 'primary.wash', color: 'fg.default' },
|
|
21
|
+
_active: { bgColor: 'primary.washActive', scale: PRESSED },
|
|
22
|
+
_disabled: { ...disabledText },
|
|
16
23
|
},
|
|
24
|
+
secondary: {
|
|
25
|
+
borderColor: 'border.default',
|
|
26
|
+
bgColor: 'transparent',
|
|
27
|
+
color: 'fg.icon',
|
|
28
|
+
_hover: { bgColor: 'primary.wash', color: 'fg.default' },
|
|
29
|
+
_active: { bgColor: 'primary.washActive', scale: PRESSED },
|
|
30
|
+
_disabled: { ...disabledControl },
|
|
31
|
+
},
|
|
32
|
+
primary: buttonVariantStyles.primary,
|
|
33
|
+
danger: buttonVariantStyles.danger,
|
|
34
|
+
/** The coral SEND button. */
|
|
35
|
+
action: {
|
|
36
|
+
borderColor: 'transparent',
|
|
37
|
+
bgColor: 'send.bg',
|
|
38
|
+
color: 'send.fg',
|
|
39
|
+
_hover: { bgColor: 'send.bgHover' },
|
|
40
|
+
_active: { bgColor: 'send.bgActive', scale: PRESSED },
|
|
41
|
+
_disabled: { ...disabledControl },
|
|
42
|
+
},
|
|
43
|
+
};
|
|
44
|
+
const iconButtonVariants = [
|
|
45
|
+
'ghost',
|
|
46
|
+
'secondary',
|
|
47
|
+
'primary',
|
|
48
|
+
'danger',
|
|
49
|
+
'action',
|
|
50
|
+
];
|
|
51
|
+
/** `isDestructive` recolours the glyph on these only. */
|
|
52
|
+
const destructiveCapable = ['ghost', 'secondary'];
|
|
53
|
+
const getIconButtonStyles = (variant = 'ghost', isDestructive = false) => {
|
|
54
|
+
const base = iconButtonVariantStyles[variant] ?? iconButtonVariantStyles.ghost;
|
|
55
|
+
if (!isDestructive || !destructiveCapable.includes(variant))
|
|
56
|
+
return base;
|
|
57
|
+
return {
|
|
58
|
+
...base,
|
|
59
|
+
color: 'danger.fg',
|
|
60
|
+
_hover: { ...base._hover, color: 'danger.fg' },
|
|
61
|
+
};
|
|
17
62
|
};
|
|
18
|
-
const
|
|
63
|
+
const legacyVariants = [
|
|
64
|
+
'solid',
|
|
65
|
+
'soft',
|
|
66
|
+
'outline',
|
|
67
|
+
'ghost',
|
|
68
|
+
];
|
|
69
|
+
/**
|
|
70
|
+
* @deprecated 4.x grid, derived from `iconButtonVariantStyles` through the
|
|
71
|
+
* IconButton column of the codemod table. Use `iconButtonVariantStyles`.
|
|
72
|
+
*/
|
|
73
|
+
const iconButtonColorPaletteStyles = Object.fromEntries(buttonColorPalettes.map((palette) => [
|
|
74
|
+
palette,
|
|
75
|
+
Object.fromEntries(legacyVariants.map((variant) => {
|
|
76
|
+
const mapped = resolveLegacyButtonVariant('icon', palette, variant);
|
|
77
|
+
return [
|
|
78
|
+
variant,
|
|
79
|
+
getIconButtonStyles(mapped.variant, mapped.isDestructive),
|
|
80
|
+
];
|
|
81
|
+
})),
|
|
82
|
+
]));
|
|
19
83
|
|
|
20
|
-
export { getIconButtonStyles, iconButtonColorPaletteStyles, iconButtonColorPaletteStyles as iconButtonColorSchemeStyles };
|
|
84
|
+
export { getIconButtonStyles, iconButtonColorPaletteStyles, buttonColorPalettes as iconButtonColorPalettes, iconButtonColorPaletteStyles as iconButtonColorSchemeStyles, buttonColorPalettes as iconButtonColorSchemes, iconButtonVariantStyles, iconButtonVariants };
|
|
21
85
|
//# sourceMappingURL=IconButton.styles.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.styles.mjs","sources":["../../../src/components/IconButton/IconButton.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"IconButton.styles.mjs","sources":["../../../src/components/IconButton/IconButton.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;AAiBA,MAAM,OAAO,GAAG,MAAM;AAEtB;;;;;;;AAOG;AACI,MAAM,uBAAuB,GAA0C;AAC5E,IAAA,KAAK,EAAE;AACL,QAAA,WAAW,EAAE,aAAa;AAC1B,QAAA,OAAO,EAAE,aAAa;AACtB,QAAA,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,YAAY,EAAE;QACxD,OAAO,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,OAAO,EAAE;AAC1D,QAAA,SAAS,EAAE,EAAE,GAAG,YAAY,EAAE;AAC/B,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,WAAW,EAAE,gBAAgB;AAC7B,QAAA,OAAO,EAAE,aAAa;AACtB,QAAA,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,KAAK,EAAE,YAAY,EAAE;QACxD,OAAO,EAAE,EAAE,OAAO,EAAE,oBAAoB,EAAE,KAAK,EAAE,OAAO,EAAE;AAC1D,QAAA,SAAS,EAAE,EAAE,GAAG,eAAe,EAAE;AAClC,KAAA;IACD,OAAO,EAAE,mBAAmB,CAAC,OAAO;IACpC,MAAM,EAAE,mBAAmB,CAAC,MAAM;;AAElC,IAAA,MAAM,EAAE;AACN,QAAA,WAAW,EAAE,aAAa;AAC1B,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,MAAM,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE;QACnC,OAAO,EAAE,EAAE,OAAO,EAAE,eAAe,EAAE,KAAK,EAAE,OAAO,EAAE;AACrD,QAAA,SAAS,EAAE,EAAE,GAAG,eAAe,EAAE;AAClC,KAAA;;AAGI,MAAM,kBAAkB,GAAwB;IACrD,OAAO;IACP,WAAW;IACX,SAAS;IACT,QAAQ;IACR,QAAQ;;AAGV;AACA,MAAM,kBAAkB,GAAiC,CAAC,OAAO,EAAE,WAAW,CAAC;AAExE,MAAM,mBAAmB,GAAG,CACjC,OAAA,GAA6B,OAAO,EACpC,aAAa,GAAG,KAAK,KACP;IACd,MAAM,IAAI,GACR,uBAAuB,CAAC,OAAO,CAAC,IAAI,uBAAuB,CAAC,KAAK;IACnE,IAAI,CAAC,aAAa,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,OAAO,CAAC;AAAE,QAAA,OAAO,IAAI;IACxE,OAAO;AACL,QAAA,GAAG,IAAI;AACP,QAAA,KAAK,EAAE,WAAW;QAClB,MAAM,EAAE,EAAE,GAAI,IAAI,CAAC,MAAiB,EAAE,KAAK,EAAE,WAAW,EAAE;KAC3D;AACH;AAEA,MAAM,cAAc,GAA0B;IAC5C,OAAO;IACP,MAAM;IACN,SAAS;IACT,OAAO;CACR;AAED;;;AAGG;AACI,MAAM,4BAA4B,GAAG,MAAM,CAAC,WAAW,CAC5D,mBAAmB,CAAC,GAAG,CAAC,CAAC,OAAO,KAAK;IACnC,OAAO;IACP,MAAM,CAAC,WAAW,CAChB,cAAc,CAAC,GAAG,CAAC,CAAC,OAAO,KAAI;QAC7B,MAAM,MAAM,GAAG,0BAA0B,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC;QACnE,OAAO;YACL,OAAO;YACP,mBAAmB,CACjB,MAAM,CAAC,OAA4B,EACnC,MAAM,CAAC,aAAa,CACrB;SACF;AACH,IAAA,CAAC,CAAC,CACH;AACF,CAAA,CAAC;;;;"}
|
|
@@ -3,42 +3,47 @@ import { IconButtonProps as ChakraIconButtonProps } from '@chakra-ui/react';
|
|
|
3
3
|
import type { PolymorphicProps } from '../../types/polymorphic';
|
|
4
4
|
export type { ButtonVariant } from '../Button/Button.types';
|
|
5
5
|
/**
|
|
6
|
-
*
|
|
7
|
-
*
|
|
6
|
+
* @deprecated 5.0 removed the colour axis — `colorPalette` is no longer an
|
|
7
|
+
* IconButton prop. Use a `variant` role (and `isDestructive`). Kept only so
|
|
8
|
+
* existing type imports get a deprecation instead of a hard error.
|
|
8
9
|
*/
|
|
9
10
|
export type IconButtonColorPalette = 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'neutral';
|
|
10
11
|
/**
|
|
11
|
-
* IconButton variant
|
|
12
|
-
*
|
|
12
|
+
* IconButton variant (5.0 BAZE palette).
|
|
13
|
+
*
|
|
14
|
+
* - `ghost` (default): icon in `fg.icon`, warm wash on hover
|
|
15
|
+
* - `secondary`: same, with a `border.default` outline
|
|
16
|
+
* - `primary`: BAZE black fill
|
|
17
|
+
* - `danger`: red fill
|
|
18
|
+
* - `action`: the coral SEND button (`send.*`) — chat composers
|
|
13
19
|
*/
|
|
14
|
-
export type IconButtonVariant = '
|
|
20
|
+
export type IconButtonVariant = 'ghost' | 'secondary' | 'primary' | 'danger' | 'action';
|
|
15
21
|
/**
|
|
16
|
-
* IconButton props
|
|
17
|
-
*
|
|
18
|
-
* Uses the same `colorPalette` and `variant` system as Button
|
|
19
|
-
* for consistent styling across the design system.
|
|
22
|
+
* IconButton props.
|
|
20
23
|
*
|
|
21
|
-
* @note Overrides Chakra UI's `variant
|
|
24
|
+
* @note Overrides Chakra UI's `variant`; Chakra's `colorPalette` /
|
|
25
|
+
* `colorScheme` are not accepted.
|
|
22
26
|
*
|
|
23
27
|
* @example
|
|
24
28
|
* ```tsx
|
|
25
|
-
* <IconButton
|
|
26
|
-
* <IconButton
|
|
29
|
+
* <IconButton aria-label="닫기"><XIcon /></IconButton>
|
|
30
|
+
* <IconButton aria-label="삭제" isDestructive><TrashIcon /></IconButton>
|
|
31
|
+
* <IconButton aria-label="보내기" variant="action"><ArrowUpIcon /></IconButton>
|
|
27
32
|
* ```
|
|
28
33
|
*/
|
|
29
34
|
export type IconButtonOwnProps = Omit<ChakraIconButtonProps, 'variant' | 'colorPalette' | 'colorScheme' | 'icon' | 'as'> & {
|
|
30
35
|
/**
|
|
31
|
-
* The
|
|
32
|
-
* Overrides Chakra UI's colorPalette prop.
|
|
33
|
-
* @default 'primary'
|
|
34
|
-
*/
|
|
35
|
-
colorPalette?: IconButtonColorPalette;
|
|
36
|
-
/**
|
|
37
|
-
* The visual variant of the icon button (fill style).
|
|
36
|
+
* The role of the icon button.
|
|
38
37
|
* Overrides Chakra UI's variant prop.
|
|
39
|
-
* @default '
|
|
38
|
+
* @default 'ghost'
|
|
40
39
|
*/
|
|
41
40
|
variant?: IconButtonVariant;
|
|
41
|
+
/**
|
|
42
|
+
* Danger-coloured icon (`danger.fg`) for `ghost` / `secondary` — a delete
|
|
43
|
+
* icon in a row. Ignored on filled variants.
|
|
44
|
+
* @default false
|
|
45
|
+
*/
|
|
46
|
+
isDestructive?: boolean;
|
|
42
47
|
};
|
|
43
48
|
/**
|
|
44
49
|
* Props for `IconButton`, typed for whatever element `as` renders.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,eAAe,IAAI,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAGhE,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D
|
|
1
|
+
{"version":3,"file":"IconButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,eAAe,IAAI,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAE5E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAGhE,YAAY,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAE5D;;;;GAIG;AACH,MAAM,MAAM,sBAAsB,GAC9B,SAAS,GACT,WAAW,GACX,QAAQ,GACR,SAAS,GACT,SAAS,GACT,SAAS,CAAC;AAEd;;;;;;;;GAQG;AACH,MAAM,MAAM,iBAAiB,GACzB,OAAO,GACP,WAAW,GACX,SAAS,GACT,QAAQ,GACR,QAAQ,CAAC;AAEb;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,qBAAqB,EACrB,SAAS,GAAG,cAAc,GAAG,aAAa,GAAG,MAAM,GAAG,IAAI,CAC3D,GAAG;IACF;;;;OAIG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,eAAe,CAAC,QAAQ,SAAS,WAAW,GAAG,QAAQ,IACjE,gBAAgB,CAAC,QAAQ,EAAE,kBAAkB,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { IconButton } from './IconButton';
|
|
2
|
-
export { getIconButtonStyles, iconButtonColorPalettes, iconButtonColorPaletteStyles, iconButtonVariants, } from './IconButton.styles';
|
|
2
|
+
export { getIconButtonStyles, iconButtonColorPalettes, iconButtonColorPaletteStyles, iconButtonVariants, iconButtonVariantStyles, } from './IconButton.styles';
|
|
3
3
|
export type { IconButtonColorPalette, IconButtonOwnProps, IconButtonProps, IconButtonVariant, } from './IconButton.types';
|
|
4
4
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,4BAA4B,EAC5B,kBAAkB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,4BAA4B,EAC5B,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,sBAAsB,EACtB,kBAAkB,EAClB,eAAe,EACf,iBAAiB,GAClB,MAAM,oBAAoB,CAAC"}
|
|
@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
5
5
|
var react = require('@chakra-ui/react');
|
|
6
6
|
|
|
7
7
|
const InlineCode = ({ children, ...rest }) => {
|
|
8
|
-
return (jsxRuntime.jsx(react.Code, { bg: "bg.subtle", color: "
|
|
8
|
+
return (jsxRuntime.jsx(react.Code, { bg: "bg.subtle", color: "fg.default",
|
|
9
9
|
// `xs` (4px) rather than `sm` (6px): on the small, now-shorter chip a 6px
|
|
10
10
|
// radius reads a little bubbly; the tighter corner is crisper inline.
|
|
11
11
|
borderRadius: "xs",
|
|
@@ -15,13 +15,13 @@ const InlineCode = ({ children, ...rest }) => {
|
|
|
15
15
|
// family/weight/line-height — only one size down, so this changes size
|
|
16
16
|
// only (a mono override passed by callers still wins, as with `p`).
|
|
17
17
|
textStyle: "subtext",
|
|
18
|
-
// bg.subtle
|
|
19
|
-
//
|
|
18
|
+
// bg.subtle matches the bg.sunken page wash, so on a sunken page the
|
|
19
|
+
// chip fill vanishes. The chip is too small for a fill bump to
|
|
20
20
|
// register, so (like SegmentedControl) it gets an outline instead — a
|
|
21
|
-
// border.
|
|
22
|
-
//
|
|
21
|
+
// border.subtle ring, the lightest border role, so it doesn't read as a
|
|
22
|
+
// heavy box inline in running text. Box-shadow so inline flow and
|
|
23
23
|
// sizing are untouched.
|
|
24
|
-
boxShadow: "0 0 0 1px var(--chakra-colors-border-
|
|
24
|
+
boxShadow: "0 0 0 1px var(--chakra-colors-border-subtle)", ...rest, children: children }));
|
|
25
25
|
};
|
|
26
26
|
|
|
27
27
|
exports.InlineCode = InlineCode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineCode.js","sources":["../../../src/components/InlineCode/InlineCode.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCode"],"mappings":";;;;;;AAKO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAmB,KAAI;IACnE,QACEA,cAAA,CAACC,UAAU,EAAA,EACT,EAAE,EAAC,WAAW,EACd,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"InlineCode.js","sources":["../../../src/components/InlineCode/InlineCode.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCode"],"mappings":";;;;;;AAKO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAmB,KAAI;IACnE,QACEA,cAAA,CAACC,UAAU,EAAA,EACT,EAAE,EAAC,WAAW,EACd,KAAK,EAAC,YAAY;;;AAGlB,QAAA,YAAY,EAAC,IAAI;;;;;;AAMjB,QAAA,SAAS,EAAC,SAAS;;;;;;;QAOnB,SAAS,EAAC,8CAA8C,EAAA,GACpD,IAAI,YAEP,QAAQ,EAAA,CACE;AAEjB;;;;"}
|
|
@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import { Code } from '@chakra-ui/react';
|
|
4
4
|
|
|
5
5
|
const InlineCode = ({ children, ...rest }) => {
|
|
6
|
-
return (jsx(Code, { bg: "bg.subtle", color: "
|
|
6
|
+
return (jsx(Code, { bg: "bg.subtle", color: "fg.default",
|
|
7
7
|
// `xs` (4px) rather than `sm` (6px): on the small, now-shorter chip a 6px
|
|
8
8
|
// radius reads a little bubbly; the tighter corner is crisper inline.
|
|
9
9
|
borderRadius: "xs",
|
|
@@ -13,13 +13,13 @@ const InlineCode = ({ children, ...rest }) => {
|
|
|
13
13
|
// family/weight/line-height — only one size down, so this changes size
|
|
14
14
|
// only (a mono override passed by callers still wins, as with `p`).
|
|
15
15
|
textStyle: "subtext",
|
|
16
|
-
// bg.subtle
|
|
17
|
-
//
|
|
16
|
+
// bg.subtle matches the bg.sunken page wash, so on a sunken page the
|
|
17
|
+
// chip fill vanishes. The chip is too small for a fill bump to
|
|
18
18
|
// register, so (like SegmentedControl) it gets an outline instead — a
|
|
19
|
-
// border.
|
|
20
|
-
//
|
|
19
|
+
// border.subtle ring, the lightest border role, so it doesn't read as a
|
|
20
|
+
// heavy box inline in running text. Box-shadow so inline flow and
|
|
21
21
|
// sizing are untouched.
|
|
22
|
-
boxShadow: "0 0 0 1px var(--chakra-colors-border-
|
|
22
|
+
boxShadow: "0 0 0 1px var(--chakra-colors-border-subtle)", ...rest, children: children }));
|
|
23
23
|
};
|
|
24
24
|
|
|
25
25
|
export { InlineCode };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineCode.mjs","sources":["../../../src/components/InlineCode/InlineCode.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCode"],"mappings":";;;;AAKO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAmB,KAAI;IACnE,QACEA,GAAA,CAACC,IAAU,EAAA,EACT,EAAE,EAAC,WAAW,EACd,KAAK,EAAC,
|
|
1
|
+
{"version":3,"file":"InlineCode.mjs","sources":["../../../src/components/InlineCode/InlineCode.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCode"],"mappings":";;;;AAKO,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAmB,KAAI;IACnE,QACEA,GAAA,CAACC,IAAU,EAAA,EACT,EAAE,EAAC,WAAW,EACd,KAAK,EAAC,YAAY;;;AAGlB,QAAA,YAAY,EAAC,IAAI;;;;;;AAMjB,QAAA,SAAS,EAAC,SAAS;;;;;;;QAOnB,SAAS,EAAC,8CAA8C,EAAA,GACpD,IAAI,YAEP,QAAQ,EAAA,CACE;AAEjB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAwC3C,eAAO,MAAM,KAAK,yGA8TjB,CAAC"}
|
|
@@ -5,6 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var react = require('@chakra-ui/react');
|
|
7
7
|
var formControls = require('../../theme/formControls.js');
|
|
8
|
+
var disabledControl = require('../../utils/disabledControl.js');
|
|
8
9
|
var formatNumber = require('../../utils/formatNumber.js');
|
|
9
10
|
var mergeCss = require('../../utils/mergeCss.js');
|
|
10
11
|
|
|
@@ -210,19 +211,22 @@ const Input = React.forwardRef(({ leftIcon, rightIcon, onKeyDown, onCompositionE
|
|
|
210
211
|
// If maskNumber is true and type is number, we need to use text type
|
|
211
212
|
// to allow for comma formatting
|
|
212
213
|
const inputType = maskNumber && type === 'number' ? 'text' : type;
|
|
213
|
-
return (jsxRuntime.jsx(react.InputGroup, { startElement: leftIcon, endElement: rightIcon ? jsxRuntime.jsx("div", { ref: rightElementRef, children: rightIcon }) : undefined, ...wrapperProps, children: jsxRuntime.jsx(react.Input, { ref: ref, size: size, maxLength: maxLength, value: currentValue, onChange: handleChange, onBlur: handleBlur, onCompositionStart: handleCompositionStart, onCompositionEnd: handleCompositionEnd, onKeyDown: handleKeyDown, type: inputType, disabled: disabled, readOnly: readOnly, "data-invalid": invalid || undefined, bg: "bg.surface", color: "fg.default", borderColor: borderColor ?? (invalid ? 'danger.
|
|
214
|
-
borderColor: invalid ? 'danger.
|
|
214
|
+
return (jsxRuntime.jsx(react.InputGroup, { startElement: leftIcon, endElement: rightIcon ? jsxRuntime.jsx("div", { ref: rightElementRef, children: rightIcon }) : undefined, ...wrapperProps, children: jsxRuntime.jsx(react.Input, { ref: ref, size: size, maxLength: maxLength, value: currentValue, onChange: handleChange, onBlur: handleBlur, onCompositionStart: handleCompositionStart, onCompositionEnd: handleCompositionEnd, onKeyDown: handleKeyDown, type: inputType, disabled: disabled, readOnly: readOnly, "data-invalid": invalid || undefined, bg: "bg.surface", color: "fg.default", borderColor: borderColor ?? (invalid ? 'danger.solid' : 'border.control'), _hover: {
|
|
215
|
+
borderColor: invalid ? 'danger.solid' : 'fg.icon',
|
|
215
216
|
..._hover,
|
|
216
217
|
}, _focus: {
|
|
217
|
-
borderColor: invalid ? 'danger.
|
|
218
|
+
borderColor: invalid ? 'danger.solid' : 'primary.main',
|
|
219
|
+
boxShadow: invalid
|
|
220
|
+
? 'none'
|
|
221
|
+
: '0 0 0 1px var(--chakra-colors-primary-main)',
|
|
218
222
|
..._focus,
|
|
219
223
|
}, _invalid: {
|
|
220
|
-
borderColor: 'danger.
|
|
224
|
+
borderColor: 'danger.solid',
|
|
221
225
|
_hover: {
|
|
222
|
-
borderColor: 'danger.
|
|
226
|
+
borderColor: 'danger.solid',
|
|
223
227
|
},
|
|
224
228
|
_focus: {
|
|
225
|
-
borderColor: 'danger.
|
|
229
|
+
borderColor: 'danger.solid',
|
|
226
230
|
},
|
|
227
231
|
}, _readOnly: {
|
|
228
232
|
opacity: 1,
|
|
@@ -231,15 +235,13 @@ const Input = React.forwardRef(({ leftIcon, rightIcon, onKeyDown, onCompositionE
|
|
|
231
235
|
color: 'fg.muted',
|
|
232
236
|
borderColor: 'border.subtle',
|
|
233
237
|
}, _disabled: {
|
|
234
|
-
|
|
238
|
+
...disabledControl.disabledControl,
|
|
235
239
|
cursor: 'not-allowed',
|
|
236
|
-
bg: 'bg.subtle',
|
|
237
|
-
color: { base: 'gray.1000', _dark: 'gray.400' },
|
|
238
240
|
fontWeight: 'semibold',
|
|
239
241
|
}, ...rest, css: mergeCss.mergeCss(formControls.noZoomOnFocus, {
|
|
240
242
|
paddingInlineEnd: rightElementWidth,
|
|
241
243
|
'--focus-color': 'var(--chakra-colors-primary-main)',
|
|
242
|
-
'--error-color': 'var(--chakra-colors-danger-
|
|
244
|
+
'--error-color': 'var(--chakra-colors-danger-solid)',
|
|
243
245
|
}, css) }) }));
|
|
244
246
|
});
|
|
245
247
|
Input.displayName = 'Input';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":[null],"names":["forwardRef","useRef","useState","useEffect","formatNumber","_jsx","InputGroup","ChakraInput","mergeCss","noZoomOnFocus"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":[null],"names":["forwardRef","useRef","useState","useEffect","formatNumber","_jsx","InputGroup","ChakraInput","disabledControl","mergeCss","noZoomOnFocus"],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ import { jsx } from 'react/jsx-runtime';
|
|
|
3
3
|
import { forwardRef, useRef, useState, useEffect } from 'react';
|
|
4
4
|
import { InputGroup, Input as Input$1 } from '@chakra-ui/react';
|
|
5
5
|
import { noZoomOnFocus } from '../../theme/formControls.mjs';
|
|
6
|
+
import { disabledControl } from '../../utils/disabledControl.mjs';
|
|
6
7
|
import { formatNumber } from '../../utils/formatNumber.mjs';
|
|
7
8
|
import { mergeCss } from '../../utils/mergeCss.mjs';
|
|
8
9
|
|
|
@@ -208,19 +209,22 @@ const Input = forwardRef(({ leftIcon, rightIcon, onKeyDown, onCompositionEnd, on
|
|
|
208
209
|
// If maskNumber is true and type is number, we need to use text type
|
|
209
210
|
// to allow for comma formatting
|
|
210
211
|
const inputType = maskNumber && type === 'number' ? 'text' : type;
|
|
211
|
-
return (jsx(InputGroup, { startElement: leftIcon, endElement: rightIcon ? jsx("div", { ref: rightElementRef, children: rightIcon }) : undefined, ...wrapperProps, children: jsx(Input$1, { ref: ref, size: size, maxLength: maxLength, value: currentValue, onChange: handleChange, onBlur: handleBlur, onCompositionStart: handleCompositionStart, onCompositionEnd: handleCompositionEnd, onKeyDown: handleKeyDown, type: inputType, disabled: disabled, readOnly: readOnly, "data-invalid": invalid || undefined, bg: "bg.surface", color: "fg.default", borderColor: borderColor ?? (invalid ? 'danger.
|
|
212
|
-
borderColor: invalid ? 'danger.
|
|
212
|
+
return (jsx(InputGroup, { startElement: leftIcon, endElement: rightIcon ? jsx("div", { ref: rightElementRef, children: rightIcon }) : undefined, ...wrapperProps, children: jsx(Input$1, { ref: ref, size: size, maxLength: maxLength, value: currentValue, onChange: handleChange, onBlur: handleBlur, onCompositionStart: handleCompositionStart, onCompositionEnd: handleCompositionEnd, onKeyDown: handleKeyDown, type: inputType, disabled: disabled, readOnly: readOnly, "data-invalid": invalid || undefined, bg: "bg.surface", color: "fg.default", borderColor: borderColor ?? (invalid ? 'danger.solid' : 'border.control'), _hover: {
|
|
213
|
+
borderColor: invalid ? 'danger.solid' : 'fg.icon',
|
|
213
214
|
..._hover,
|
|
214
215
|
}, _focus: {
|
|
215
|
-
borderColor: invalid ? 'danger.
|
|
216
|
+
borderColor: invalid ? 'danger.solid' : 'primary.main',
|
|
217
|
+
boxShadow: invalid
|
|
218
|
+
? 'none'
|
|
219
|
+
: '0 0 0 1px var(--chakra-colors-primary-main)',
|
|
216
220
|
..._focus,
|
|
217
221
|
}, _invalid: {
|
|
218
|
-
borderColor: 'danger.
|
|
222
|
+
borderColor: 'danger.solid',
|
|
219
223
|
_hover: {
|
|
220
|
-
borderColor: 'danger.
|
|
224
|
+
borderColor: 'danger.solid',
|
|
221
225
|
},
|
|
222
226
|
_focus: {
|
|
223
|
-
borderColor: 'danger.
|
|
227
|
+
borderColor: 'danger.solid',
|
|
224
228
|
},
|
|
225
229
|
}, _readOnly: {
|
|
226
230
|
opacity: 1,
|
|
@@ -229,15 +233,13 @@ const Input = forwardRef(({ leftIcon, rightIcon, onKeyDown, onCompositionEnd, on
|
|
|
229
233
|
color: 'fg.muted',
|
|
230
234
|
borderColor: 'border.subtle',
|
|
231
235
|
}, _disabled: {
|
|
232
|
-
|
|
236
|
+
...disabledControl,
|
|
233
237
|
cursor: 'not-allowed',
|
|
234
|
-
bg: 'bg.subtle',
|
|
235
|
-
color: { base: 'gray.1000', _dark: 'gray.400' },
|
|
236
238
|
fontWeight: 'semibold',
|
|
237
239
|
}, ...rest, css: mergeCss(noZoomOnFocus, {
|
|
238
240
|
paddingInlineEnd: rightElementWidth,
|
|
239
241
|
'--focus-color': 'var(--chakra-colors-primary-main)',
|
|
240
|
-
'--error-color': 'var(--chakra-colors-danger-
|
|
242
|
+
'--error-color': 'var(--chakra-colors-danger-solid)',
|
|
241
243
|
}, css) }) }));
|
|
242
244
|
});
|
|
243
245
|
Input.displayName = 'Input';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.mjs","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraInput"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Input.mjs","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraInput"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LineGraph.d.ts","sourceRoot":"","sources":["../../../src/components/LineGraph/LineGraph.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LineGraph.d.ts","sourceRoot":"","sources":["../../../src/components/LineGraph/LineGraph.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAG9D,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,SAAS,EAAE,4CAK5C,cAAc,CAAC,CAAC,CAAC,4CAwFnB,CAAC"}
|