@mindlogic-ai/logician-ui 3.0.0-alpha.34 → 3.0.0-alpha.36
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/dist/components/Avatar/Avatar.js +1 -1
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Avatar/Avatar.mjs +1 -1
- package/dist/components/Avatar/Avatar.mjs.map +1 -1
- package/dist/components/Badge/Badge.styles.d.ts.map +1 -1
- package/dist/components/Badge/Badge.styles.js +5 -3
- package/dist/components/Badge/Badge.styles.js.map +1 -1
- package/dist/components/Badge/Badge.styles.mjs +5 -3
- package/dist/components/Badge/Badge.styles.mjs.map +1 -1
- package/dist/components/Button/Button.styles.d.ts.map +1 -1
- package/dist/components/Button/Button.styles.js +39 -33
- package/dist/components/Button/Button.styles.js.map +1 -1
- package/dist/components/Button/Button.styles.mjs +39 -33
- package/dist/components/Button/Button.styles.mjs.map +1 -1
- package/dist/components/Card/Card.js +1 -1
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Card/Card.mjs +1 -1
- package/dist/components/Card/Card.mjs.map +1 -1
- package/dist/components/Checkbox/CheckboxControl.d.ts.map +1 -1
- package/dist/components/Checkbox/CheckboxControl.js +9 -3
- package/dist/components/Checkbox/CheckboxControl.js.map +1 -1
- package/dist/components/Checkbox/CheckboxControl.mjs +9 -3
- package/dist/components/Checkbox/CheckboxControl.mjs.map +1 -1
- package/dist/components/Chip/Chip.styles.d.ts.map +1 -1
- package/dist/components/Chip/Chip.styles.js +14 -11
- package/dist/components/Chip/Chip.styles.js.map +1 -1
- package/dist/components/Chip/Chip.styles.mjs +14 -11
- package/dist/components/Chip/Chip.styles.mjs.map +1 -1
- package/dist/components/Code/Code.js +4 -4
- package/dist/components/Code/Code.js.map +1 -1
- package/dist/components/Code/Code.mjs +4 -4
- package/dist/components/Code/Code.mjs.map +1 -1
- package/dist/components/CodeTabs/CopyButton.js +1 -1
- package/dist/components/CodeTabs/CopyButton.mjs +1 -1
- package/dist/components/Collapsible/CollapsibleRoot.js +1 -1
- package/dist/components/Collapsible/CollapsibleRoot.js.map +1 -1
- package/dist/components/Collapsible/CollapsibleRoot.mjs +1 -1
- package/dist/components/Collapsible/CollapsibleRoot.mjs.map +1 -1
- package/dist/components/Collapsible/CollapsibleTrigger.js +1 -1
- package/dist/components/Collapsible/CollapsibleTrigger.js.map +1 -1
- package/dist/components/Collapsible/CollapsibleTrigger.mjs +1 -1
- package/dist/components/Collapsible/CollapsibleTrigger.mjs.map +1 -1
- package/dist/components/ColorMode/ColorModeProvider.d.ts +39 -0
- package/dist/components/ColorMode/ColorModeProvider.d.ts.map +1 -0
- package/dist/components/ColorMode/ColorModeProvider.js +39 -0
- package/dist/components/ColorMode/ColorModeProvider.js.map +1 -0
- package/dist/components/ColorMode/ColorModeProvider.mjs +37 -0
- package/dist/components/ColorMode/ColorModeProvider.mjs.map +1 -0
- package/dist/components/ColorMode/ColorModeToggle.d.ts +18 -0
- package/dist/components/ColorMode/ColorModeToggle.d.ts.map +1 -0
- package/dist/components/ColorMode/ColorModeToggle.js +34 -0
- package/dist/components/ColorMode/ColorModeToggle.js.map +1 -0
- package/dist/components/ColorMode/ColorModeToggle.mjs +32 -0
- package/dist/components/ColorMode/ColorModeToggle.mjs.map +1 -0
- package/dist/components/ColorMode/index.d.ts +7 -0
- package/dist/components/ColorMode/index.d.ts.map +1 -0
- package/dist/components/ColorMode/useColorMode.d.ts +41 -0
- package/dist/components/ColorMode/useColorMode.d.ts.map +1 -0
- package/dist/components/ColorMode/useColorMode.js +55 -0
- package/dist/components/ColorMode/useColorMode.js.map +1 -0
- package/dist/components/ColorMode/useColorMode.mjs +52 -0
- package/dist/components/ColorMode/useColorMode.mjs.map +1 -0
- package/dist/components/DatePicker/RangeDatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker/RangeDatePicker.js +8 -5
- package/dist/components/DatePicker/RangeDatePicker.js.map +1 -1
- package/dist/components/DatePicker/RangeDatePicker.mjs +8 -5
- package/dist/components/DatePicker/RangeDatePicker.mjs.map +1 -1
- package/dist/components/DatePicker/SingleDatePicker.js +3 -3
- package/dist/components/DatePicker/SingleDatePicker.js.map +1 -1
- package/dist/components/DatePicker/SingleDatePicker.mjs +3 -3
- package/dist/components/DatePicker/SingleDatePicker.mjs.map +1 -1
- package/dist/components/ErrorFallback/ErrorFallback.js +1 -1
- package/dist/components/ErrorFallback/ErrorFallback.js.map +1 -1
- package/dist/components/ErrorFallback/ErrorFallback.mjs +1 -1
- package/dist/components/ErrorFallback/ErrorFallback.mjs.map +1 -1
- package/dist/components/FileInput/FileInput.js +1 -1
- package/dist/components/FileInput/FileInput.js.map +1 -1
- package/dist/components/FileInput/FileInput.mjs +1 -1
- package/dist/components/FileInput/FileInput.mjs.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/FileList/FileList.js +3 -3
- package/dist/components/FileList/FileList.js.map +1 -1
- package/dist/components/FileList/FileList.mjs +3 -3
- package/dist/components/FileList/FileList.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/IconButton/IconButton.styles.js +1 -1
- package/dist/components/IconButton/IconButton.styles.js.map +1 -1
- package/dist/components/IconButton/IconButton.styles.mjs +1 -1
- package/dist/components/IconButton/IconButton.styles.mjs.map +1 -1
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Input/Input.js +6 -6
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/Input.mjs +6 -6
- 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 +9 -5
- package/dist/components/LineGraph/LineGraph.js.map +1 -1
- package/dist/components/LineGraph/LineGraph.mjs +9 -5
- package/dist/components/LineGraph/LineGraph.mjs.map +1 -1
- package/dist/components/Loaders/PageLoader.js +1 -1
- package/dist/components/Loaders/PageLoader.js.map +1 -1
- package/dist/components/Loaders/PageLoader.mjs +1 -1
- package/dist/components/Loaders/PageLoader.mjs.map +1 -1
- package/dist/components/Loaders/SectionLoader.js +1 -1
- package/dist/components/Loaders/SectionLoader.js.map +1 -1
- package/dist/components/Loaders/SectionLoader.mjs +1 -1
- package/dist/components/Loaders/SectionLoader.mjs.map +1 -1
- package/dist/components/LogicianProvider/LogicianProvider.d.ts +20 -0
- package/dist/components/LogicianProvider/LogicianProvider.d.ts.map +1 -1
- package/dist/components/LogicianProvider/LogicianProvider.js +9 -2
- package/dist/components/LogicianProvider/LogicianProvider.js.map +1 -1
- package/dist/components/LogicianProvider/LogicianProvider.mjs +9 -2
- package/dist/components/LogicianProvider/LogicianProvider.mjs.map +1 -1
- package/dist/components/MDXEditor/MDXEditor.d.ts.map +1 -1
- package/dist/components/MDXEditor/MDXEditor.js +8 -16
- package/dist/components/MDXEditor/MDXEditor.js.map +1 -1
- package/dist/components/MDXEditor/MDXEditor.mjs +8 -16
- package/dist/components/MDXEditor/MDXEditor.mjs.map +1 -1
- package/dist/components/Markdown/Markdown.module.css.js +1 -1
- package/dist/components/Markdown/Markdown.module.css.mjs +1 -1
- package/dist/components/MaxLengthIndicator/MaxLengthIndicator.js +1 -1
- package/dist/components/MaxLengthIndicator/MaxLengthIndicator.js.map +1 -1
- package/dist/components/MaxLengthIndicator/MaxLengthIndicator.mjs +1 -1
- package/dist/components/MaxLengthIndicator/MaxLengthIndicator.mjs.map +1 -1
- package/dist/components/Menu/MenuItem.d.ts.map +1 -1
- package/dist/components/Menu/MenuItem.js +7 -3
- package/dist/components/Menu/MenuItem.js.map +1 -1
- package/dist/components/Menu/MenuItem.mjs +7 -3
- package/dist/components/Menu/MenuItem.mjs.map +1 -1
- package/dist/components/Menu/MenuList.d.ts.map +1 -1
- package/dist/components/Menu/MenuList.js +7 -1
- package/dist/components/Menu/MenuList.js.map +1 -1
- package/dist/components/Menu/MenuList.mjs +7 -1
- package/dist/components/Menu/MenuList.mjs.map +1 -1
- package/dist/components/Modal/ModalFooter/ModalFooter.js +1 -1
- package/dist/components/Modal/ModalFooter/ModalFooter.js.map +1 -1
- package/dist/components/Modal/ModalFooter/ModalFooter.mjs +1 -1
- package/dist/components/Modal/ModalFooter/ModalFooter.mjs.map +1 -1
- package/dist/components/MonthPicker/MonthPicker.js +1 -1
- package/dist/components/MonthPicker/MonthPicker.mjs +1 -1
- package/dist/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/components/Pagination/Pagination.js +7 -20
- package/dist/components/Pagination/Pagination.js.map +1 -1
- package/dist/components/Pagination/Pagination.mjs +7 -20
- package/dist/components/Pagination/Pagination.mjs.map +1 -1
- package/dist/components/Popover/PopoverArrowTip.js +1 -1
- package/dist/components/Popover/PopoverArrowTip.js.map +1 -1
- package/dist/components/Popover/PopoverArrowTip.mjs +1 -1
- package/dist/components/Popover/PopoverArrowTip.mjs.map +1 -1
- package/dist/components/Popover/PopoverContent.js +1 -1
- package/dist/components/Popover/PopoverContent.js.map +1 -1
- package/dist/components/Popover/PopoverContent.mjs +1 -1
- package/dist/components/Popover/PopoverContent.mjs.map +1 -1
- package/dist/components/RadialProgress/RadialProgress.js +1 -1
- package/dist/components/RadialProgress/RadialProgress.js.map +1 -1
- package/dist/components/RadialProgress/RadialProgress.mjs +1 -1
- package/dist/components/RadialProgress/RadialProgress.mjs.map +1 -1
- package/dist/components/SeeMoreButton/SeeMoreButton.styles.js +2 -2
- package/dist/components/SeeMoreButton/SeeMoreButton.styles.js.map +1 -1
- package/dist/components/SeeMoreButton/SeeMoreButton.styles.mjs +2 -2
- package/dist/components/SeeMoreButton/SeeMoreButton.styles.mjs.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.js +7 -3
- package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.mjs +7 -3
- package/dist/components/SegmentedControl/SegmentedControl.mjs.map +1 -1
- package/dist/components/Select/Combobox.d.ts +28 -0
- package/dist/components/Select/Combobox.d.ts.map +1 -0
- package/dist/components/Select/Combobox.js +47 -0
- package/dist/components/Select/Combobox.js.map +1 -0
- package/dist/components/Select/Combobox.mjs +45 -0
- package/dist/components/Select/Combobox.mjs.map +1 -0
- package/dist/components/Select/ComboboxField.d.ts +12 -0
- package/dist/components/Select/ComboboxField.d.ts.map +1 -0
- package/dist/components/Select/ComboboxField.js +34 -0
- package/dist/components/Select/ComboboxField.js.map +1 -0
- package/dist/components/Select/ComboboxField.mjs +32 -0
- package/dist/components/Select/ComboboxField.mjs.map +1 -0
- package/dist/components/Select/Select.d.ts +29 -3
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.js +41 -156
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Select/Select.mjs +43 -158
- package/dist/components/Select/Select.mjs.map +1 -1
- package/dist/components/Select/Select.styles.d.ts +104 -61
- package/dist/components/Select/Select.styles.d.ts.map +1 -1
- package/dist/components/Select/Select.styles.js +68 -69
- package/dist/components/Select/Select.styles.js.map +1 -1
- package/dist/components/Select/Select.styles.mjs +64 -66
- package/dist/components/Select/Select.styles.mjs.map +1 -1
- package/dist/components/Select/Select.types.d.ts +31 -8
- package/dist/components/Select/Select.types.d.ts.map +1 -1
- package/dist/components/Select/SelectField.d.ts +11 -0
- package/dist/components/Select/SelectField.d.ts.map +1 -0
- package/dist/components/Select/SelectField.js +32 -0
- package/dist/components/Select/SelectField.js.map +1 -0
- package/dist/components/Select/SelectField.mjs +30 -0
- package/dist/components/Select/SelectField.mjs.map +1 -0
- package/dist/components/Select/index.d.ts +4 -0
- package/dist/components/Select/index.d.ts.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/Table/Table.styles.js +1 -1
- package/dist/components/Table/Table.styles.js.map +1 -1
- package/dist/components/Table/Table.styles.mjs +1 -1
- package/dist/components/Table/Table.styles.mjs.map +1 -1
- package/dist/components/Table/TableContainer.js +1 -1
- package/dist/components/Table/TableContainer.js.map +1 -1
- package/dist/components/Table/TableContainer.mjs +1 -1
- package/dist/components/Table/TableContainer.mjs.map +1 -1
- package/dist/components/Table/Tbody.js +1 -1
- package/dist/components/Table/Tbody.js.map +1 -1
- package/dist/components/Table/Tbody.mjs +1 -1
- package/dist/components/Table/Tbody.mjs.map +1 -1
- package/dist/components/Table/Thead.js +1 -1
- package/dist/components/Table/Thead.mjs +1 -1
- package/dist/components/Tabs/Tab/Tab.js +1 -1
- package/dist/components/Tabs/Tab/Tab.mjs +1 -1
- package/dist/components/Tabs/TabList/TabList.js +1 -1
- package/dist/components/Tabs/TabList/TabList.js.map +1 -1
- package/dist/components/Tabs/TabList/TabList.mjs +1 -1
- package/dist/components/Tabs/TabList/TabList.mjs.map +1 -1
- package/dist/components/Tag/Tag.styles.d.ts.map +1 -1
- package/dist/components/Tag/Tag.styles.js +19 -16
- package/dist/components/Tag/Tag.styles.js.map +1 -1
- package/dist/components/Tag/Tag.styles.mjs +19 -16
- package/dist/components/Tag/Tag.styles.mjs.map +1 -1
- package/dist/components/Textarea/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.js +7 -7
- package/dist/components/Textarea/Textarea.js.map +1 -1
- package/dist/components/Textarea/Textarea.mjs +7 -7
- package/dist/components/Textarea/Textarea.mjs.map +1 -1
- package/dist/components/Typography/H3.js +1 -1
- package/dist/components/Typography/H3.js.map +1 -1
- package/dist/components/Typography/H3.mjs +1 -1
- package/dist/components/Typography/H3.mjs.map +1 -1
- package/dist/components/Typography/Subtext.js +1 -1
- package/dist/components/Typography/Subtext.js.map +1 -1
- package/dist/components/Typography/Subtext.mjs +1 -1
- package/dist/components/Typography/Subtext.mjs.map +1 -1
- package/dist/components/Typography/Subtitle.js +1 -1
- package/dist/components/Typography/Subtitle.js.map +1 -1
- package/dist/components/Typography/Subtitle.mjs +1 -1
- package/dist/components/Typography/Subtitle.mjs.map +1 -1
- package/dist/components/Typography/Text.js +1 -1
- package/dist/components/Typography/Text.js.map +1 -1
- package/dist/components/Typography/Text.mjs +1 -1
- package/dist/components/Typography/Text.mjs.map +1 -1
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +34 -9
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +7 -1
- package/dist/index.mjs.map +1 -1
- package/dist/theme/colors.d.ts +276 -40
- package/dist/theme/colors.d.ts.map +1 -1
- package/dist/theme/colors.js +197 -40
- package/dist/theme/colors.js.map +1 -1
- package/dist/theme/colors.mjs +197 -40
- package/dist/theme/colors.mjs.map +1 -1
- package/dist/theme/global.d.ts.map +1 -1
- package/dist/theme/global.js +11 -1
- package/dist/theme/global.js.map +1 -1
- package/dist/theme/global.mjs +11 -1
- package/dist/theme/global.mjs.map +1 -1
- package/package.json +2 -3
- package/src/components/Avatar/Avatar.tsx +1 -1
- package/src/components/Badge/Badge.styles.ts +5 -3
- package/src/components/Button/Button.styles.ts +39 -33
- package/src/components/Card/Card.tsx +3 -3
- package/src/components/Checkbox/CheckboxControl.tsx +8 -3
- package/src/components/Chip/Chip.styles.ts +14 -11
- package/src/components/Code/Code.tsx +5 -5
- package/src/components/CodeTabs/CopyButton.tsx +1 -1
- package/src/components/Collapsible/CollapsibleRoot.tsx +1 -1
- package/src/components/Collapsible/CollapsibleTrigger.tsx +1 -1
- package/src/components/ColorMode/ColorModeProvider.tsx +63 -0
- package/src/components/ColorMode/ColorModeToggle.tsx +45 -0
- package/src/components/ColorMode/index.ts +6 -0
- package/src/components/ColorMode/useColorMode.ts +74 -0
- package/src/components/DatePicker/RangeDatePicker.tsx +8 -5
- package/src/components/DatePicker/SingleDatePicker.tsx +3 -3
- package/src/components/ErrorFallback/ErrorFallback.tsx +3 -3
- package/src/components/FileInput/FileInput.tsx +1 -1
- package/src/components/FileItem/FileItem.tsx +5 -5
- package/src/components/FileList/FileList.tsx +4 -4
- package/src/components/FormIntegration/FormIntegration.stories.tsx +7 -13
- package/src/components/FormIntegration/README.md +1 -1
- package/src/components/FormLabel/FormLabel.tsx +1 -1
- package/src/components/IconButton/IconButton.styles.ts +1 -1
- package/src/components/Input/Input.tsx +10 -7
- package/src/components/LineGraph/LineGraph.tsx +8 -5
- package/src/components/Loaders/PageLoader.tsx +1 -1
- package/src/components/Loaders/SectionLoader.tsx +1 -1
- package/src/components/LogicianProvider/LogicianProvider.tsx +41 -1
- package/src/components/MDXEditor/MDXEditor.tsx +8 -18
- package/src/components/Markdown/Markdown.module.css +1 -1
- package/src/components/MaxLengthIndicator/MaxLengthIndicator.tsx +1 -1
- package/src/components/Menu/MenuItem.tsx +6 -3
- package/src/components/Menu/MenuList.tsx +7 -2
- package/src/components/Modal/ModalFooter/ModalFooter.tsx +1 -1
- package/src/components/MonthPicker/MonthPicker.tsx +1 -1
- package/src/components/Pagination/Pagination.tsx +7 -26
- package/src/components/Popover/PopoverArrowTip.tsx +1 -1
- package/src/components/Popover/PopoverContent.tsx +1 -1
- package/src/components/RadialProgress/RadialProgress.stories.tsx +1 -1
- package/src/components/RadialProgress/RadialProgress.tsx +2 -2
- package/src/components/SeeMoreButton/SeeMoreButton.styles.ts +2 -2
- package/src/components/SegmentedControl/SegmentedControl.tsx +6 -3
- package/src/components/Select/Combobox.stories.tsx +172 -0
- package/src/components/Select/Combobox.tsx +69 -0
- package/src/components/Select/ComboboxField.tsx +86 -0
- package/src/components/Select/Comparison.stories.tsx +38 -321
- package/src/components/Select/Select.stories.tsx +691 -404
- package/src/components/Select/Select.styles.ts +65 -76
- package/src/components/Select/Select.tsx +76 -202
- package/src/components/Select/Select.types.ts +33 -13
- package/src/components/Select/SelectField.tsx +87 -0
- package/src/components/Select/index.ts +8 -0
- package/src/components/Slider/SliderThumb/SliderThumb.tsx +1 -1
- package/src/components/Table/Table.styles.ts +1 -1
- package/src/components/Table/TableContainer.tsx +1 -1
- package/src/components/Table/Tbody.tsx +1 -1
- package/src/components/Table/Thead.tsx +1 -1
- package/src/components/Tabs/Tab/Tab.tsx +1 -1
- package/src/components/Tabs/TabList/TabList.tsx +1 -1
- package/src/components/Tag/Tag.styles.ts +19 -16
- package/src/components/Textarea/Textarea.tsx +10 -7
- package/src/components/Typography/H3.tsx +1 -1
- package/src/components/Typography/Subtext.tsx +1 -1
- package/src/components/Typography/Subtitle.tsx +1 -1
- package/src/components/Typography/Text.tsx +1 -1
- package/src/index.ts +2 -0
- package/src/theme/Palette.stories.tsx +114 -88
- package/src/theme/colors.ts +225 -40
- package/src/theme/global.ts +12 -1
- package/dist/components/Select/MenuList/MenuList.d.ts +0 -4
- package/dist/components/Select/MenuList/MenuList.d.ts.map +0 -1
- package/dist/components/Select/MenuList/MenuList.types.d.ts +0 -9
- package/dist/components/Select/MenuList/MenuList.types.d.ts.map +0 -1
- package/dist/components/Select/MenuList/VirtualizedMenuList.d.ts +0 -4
- package/dist/components/Select/MenuList/VirtualizedMenuList.d.ts.map +0 -1
- package/dist/components/Select/MenuList/VirtualizedMenuListContext.d.ts +0 -9
- package/dist/components/Select/MenuList/VirtualizedMenuListContext.d.ts.map +0 -1
- package/dist/components/Select/MenuList/index.d.ts +0 -4
- package/dist/components/Select/MenuList/index.d.ts.map +0 -1
- package/dist/components/Select/_utils/resolveStyle.d.ts +0 -5
- package/dist/components/Select/_utils/resolveStyle.d.ts.map +0 -1
- package/src/components/Select/MenuList/MenuList.tsx +0 -87
- package/src/components/Select/MenuList/MenuList.types.ts +0 -21
- package/src/components/Select/MenuList/VirtualizedMenuList.tsx +0 -136
- package/src/components/Select/MenuList/VirtualizedMenuListContext.tsx +0 -35
- package/src/components/Select/MenuList/index.ts +0 -3
- package/src/components/Select/_utils/resolveStyle.ts +0 -21
|
@@ -17,7 +17,7 @@ const baseStyles = {
|
|
|
17
17
|
const colorSchemeStyles = {
|
|
18
18
|
primary: {
|
|
19
19
|
solid: {
|
|
20
|
-
bgColor: '
|
|
20
|
+
bgColor: 'blue.500',
|
|
21
21
|
color: 'white',
|
|
22
22
|
},
|
|
23
23
|
soft: {
|
|
@@ -33,7 +33,7 @@ const colorSchemeStyles = {
|
|
|
33
33
|
},
|
|
34
34
|
secondary: {
|
|
35
35
|
solid: {
|
|
36
|
-
bgColor: '
|
|
36
|
+
bgColor: 'violet.500',
|
|
37
37
|
color: 'white',
|
|
38
38
|
},
|
|
39
39
|
soft: {
|
|
@@ -49,7 +49,7 @@ const colorSchemeStyles = {
|
|
|
49
49
|
},
|
|
50
50
|
danger: {
|
|
51
51
|
solid: {
|
|
52
|
-
bgColor: '
|
|
52
|
+
bgColor: 'rose.500',
|
|
53
53
|
color: 'white',
|
|
54
54
|
},
|
|
55
55
|
soft: {
|
|
@@ -65,7 +65,7 @@ const colorSchemeStyles = {
|
|
|
65
65
|
},
|
|
66
66
|
success: {
|
|
67
67
|
solid: {
|
|
68
|
-
bgColor: '
|
|
68
|
+
bgColor: 'green.600',
|
|
69
69
|
color: 'white',
|
|
70
70
|
},
|
|
71
71
|
soft: {
|
|
@@ -81,8 +81,8 @@ const colorSchemeStyles = {
|
|
|
81
81
|
},
|
|
82
82
|
warning: {
|
|
83
83
|
solid: {
|
|
84
|
-
bgColor: '
|
|
85
|
-
color: '
|
|
84
|
+
bgColor: 'gold.500',
|
|
85
|
+
color: 'gold.900', // dark text: white/gold.500 was 2.39:1; gold.900 = 6.73:1
|
|
86
86
|
},
|
|
87
87
|
soft: {
|
|
88
88
|
bgColor: 'warning.extralight',
|
|
@@ -102,14 +102,17 @@ const colorSchemeStyles = {
|
|
|
102
102
|
color: 'white',
|
|
103
103
|
},
|
|
104
104
|
soft: {
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
105
|
+
// Flip surface + border with the mode so the fg.muted text stays legible
|
|
106
|
+
// in dark. Light values preserved (bg.muted → gray.100, border.default →
|
|
107
|
+
// gray.300).
|
|
108
|
+
bgColor: 'bg.muted',
|
|
109
|
+
borderColor: 'border.default',
|
|
110
|
+
color: 'fg.muted',
|
|
108
111
|
},
|
|
109
112
|
outline: {
|
|
110
113
|
border: '1px solid',
|
|
111
|
-
borderColor: 'gray.500
|
|
112
|
-
color: '
|
|
114
|
+
borderColor: 'border.strong', // gray.500 / gray.900 (_dark)
|
|
115
|
+
color: 'fg.subtle',
|
|
113
116
|
bgColor: 'transparent',
|
|
114
117
|
},
|
|
115
118
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.styles.js","sources":["../../../src/components/Chip/Chip.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIO,MAAM,UAAU,GAAe;AACpC,IAAA,YAAY,EAAE,MAAM;AACpB,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,aAAa,EAAE,MAAM;;AAGvB;;;;;;AAMG;AACI,MAAM,iBAAiB,GAG1B;AACF,IAAA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Chip.styles.js","sources":["../../../src/components/Chip/Chip.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -15,7 +15,7 @@ const baseStyles = {
|
|
|
15
15
|
const colorSchemeStyles = {
|
|
16
16
|
primary: {
|
|
17
17
|
solid: {
|
|
18
|
-
bgColor: '
|
|
18
|
+
bgColor: 'blue.500',
|
|
19
19
|
color: 'white',
|
|
20
20
|
},
|
|
21
21
|
soft: {
|
|
@@ -31,7 +31,7 @@ const colorSchemeStyles = {
|
|
|
31
31
|
},
|
|
32
32
|
secondary: {
|
|
33
33
|
solid: {
|
|
34
|
-
bgColor: '
|
|
34
|
+
bgColor: 'violet.500',
|
|
35
35
|
color: 'white',
|
|
36
36
|
},
|
|
37
37
|
soft: {
|
|
@@ -47,7 +47,7 @@ const colorSchemeStyles = {
|
|
|
47
47
|
},
|
|
48
48
|
danger: {
|
|
49
49
|
solid: {
|
|
50
|
-
bgColor: '
|
|
50
|
+
bgColor: 'rose.500',
|
|
51
51
|
color: 'white',
|
|
52
52
|
},
|
|
53
53
|
soft: {
|
|
@@ -63,7 +63,7 @@ const colorSchemeStyles = {
|
|
|
63
63
|
},
|
|
64
64
|
success: {
|
|
65
65
|
solid: {
|
|
66
|
-
bgColor: '
|
|
66
|
+
bgColor: 'green.600',
|
|
67
67
|
color: 'white',
|
|
68
68
|
},
|
|
69
69
|
soft: {
|
|
@@ -79,8 +79,8 @@ const colorSchemeStyles = {
|
|
|
79
79
|
},
|
|
80
80
|
warning: {
|
|
81
81
|
solid: {
|
|
82
|
-
bgColor: '
|
|
83
|
-
color: '
|
|
82
|
+
bgColor: 'gold.500',
|
|
83
|
+
color: 'gold.900', // dark text: white/gold.500 was 2.39:1; gold.900 = 6.73:1
|
|
84
84
|
},
|
|
85
85
|
soft: {
|
|
86
86
|
bgColor: 'warning.extralight',
|
|
@@ -100,14 +100,17 @@ const colorSchemeStyles = {
|
|
|
100
100
|
color: 'white',
|
|
101
101
|
},
|
|
102
102
|
soft: {
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
103
|
+
// Flip surface + border with the mode so the fg.muted text stays legible
|
|
104
|
+
// in dark. Light values preserved (bg.muted → gray.100, border.default →
|
|
105
|
+
// gray.300).
|
|
106
|
+
bgColor: 'bg.muted',
|
|
107
|
+
borderColor: 'border.default',
|
|
108
|
+
color: 'fg.muted',
|
|
106
109
|
},
|
|
107
110
|
outline: {
|
|
108
111
|
border: '1px solid',
|
|
109
|
-
borderColor: 'gray.500
|
|
110
|
-
color: '
|
|
112
|
+
borderColor: 'border.strong', // gray.500 / gray.900 (_dark)
|
|
113
|
+
color: 'fg.subtle',
|
|
111
114
|
bgColor: 'transparent',
|
|
112
115
|
},
|
|
113
116
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.styles.mjs","sources":["../../../src/components/Chip/Chip.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAIO,MAAM,UAAU,GAAe;AACpC,IAAA,YAAY,EAAE,MAAM;AACpB,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,aAAa,EAAE,MAAM;;AAGvB;;;;;;AAMG;AACI,MAAM,iBAAiB,GAG1B;AACF,IAAA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE;AACL,YAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Chip.styles.mjs","sources":["../../../src/components/Chip/Chip.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -63,12 +63,12 @@ const Code = ({ children, language: languageProp, onCopy, hideHeader = false, sh
|
|
|
63
63
|
copyResetTimerRef.current = null;
|
|
64
64
|
}, 1500);
|
|
65
65
|
};
|
|
66
|
-
const headerCopyTrigger = onCopy ? (jsxRuntime.jsx(react.CodeBlock.CopyTrigger, { "aria-label": "Copy code", color: "
|
|
67
|
-
return (jsxRuntime.jsx(react.CodeBlock.AdapterProvider, { value: shikiAdapter.shikiAdapter, children: jsxRuntime.jsxs(react.CodeBlock.Root, { code: children, language: language, textStyle: "Body", position: "relative", overflow: "hidden", borderColor: "
|
|
66
|
+
const headerCopyTrigger = onCopy ? (jsxRuntime.jsx(react.CodeBlock.CopyTrigger, { "aria-label": "Copy code", color: "fg.muted", cursor: "pointer", children: jsxRuntime.jsx(react.CodeBlock.CopyIndicator, { copied: jsxRuntime.jsx(index.FaCheck, { color: "success.main", boxSize: "xs" }) }) })) : null;
|
|
67
|
+
return (jsxRuntime.jsx(react.CodeBlock.AdapterProvider, { value: shikiAdapter.shikiAdapter, children: jsxRuntime.jsxs(react.CodeBlock.Root, { code: children, language: language, textStyle: "Body", position: "relative", overflow: "hidden", borderColor: "border.default", ...containerPropsRest, ...restWithoutMeta, meta: mergedMeta, onCopy: handleCopy, className: ['ml-code', containerProps?.className]
|
|
68
68
|
.filter(Boolean)
|
|
69
|
-
.join(' '), children: [showHeader && (jsxRuntime.jsxs(react.CodeBlock.Header, { className: "ml-code-header", px: 4, py: 2, bgColor: "
|
|
69
|
+
.join(' '), children: [showHeader && (jsxRuntime.jsxs(react.CodeBlock.Header, { className: "ml-code-header", px: 4, py: 2, bgColor: "bg.surface", zIndex: 2, children: [jsxRuntime.jsx(react.CodeBlock.Title, { fontFamily: "mono", fontWeight: "bold", color: "fg.default", children: language }), jsxRuntime.jsx(react.CodeBlock.Control, { children: headerCopyTrigger })] })), showOverlayCopy && (jsxRuntime.jsx(Tooltip.Tooltip, { content: isCopied ? translate('copied') : translate('copy'), placement: "top", open: isTooltipOpen, children: jsxRuntime.jsx(IconButton.IconButton, { className: "ml-code-copy", position: "absolute", top: 2, right: 3, zIndex: 2, "aria-label": isCopied
|
|
70
70
|
? String(translate('copied'))
|
|
71
|
-
: String(translate('copy')), size: "sm", colorPalette: "neutral", variant: "ghost", color: "
|
|
71
|
+
: String(translate('copy')), size: "sm", colorPalette: "neutral", variant: "ghost", color: "fg.muted", onClick: handleOverlayCopy, children: isCopied ? (jsxRuntime.jsx(index.FaCheck, { color: "success.main", boxSize: "xs" })) : (jsxRuntime.jsx(index.FaRegCopy, { boxSize: "xs" })) }) })), jsxRuntime.jsx(react.CodeBlock.Content, { children: jsxRuntime.jsx(react.CodeBlock.Code, { children: jsxRuntime.jsx(react.CodeBlock.CodeText, {}) }) })] }) }));
|
|
72
72
|
};
|
|
73
73
|
|
|
74
74
|
exports.Code = Code;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Code.js","sources":["../../../src/components/Code/Code.tsx"],"sourcesContent":[null],"names":["useTranslate","useState","useRef","useEffect","_jsx","ChakraCodeBlock","FaCheck","shikiAdapter","_jsxs","Tooltip","IconButton","FaRegCopy"],"mappings":";;;;;;;;;;;;;AAgBO,MAAM,IAAI,GAAG,CAAC,EACnB,QAAQ,EACR,QAAQ,EAAE,YAAY,EACtB,MAAM,EACN,UAAU,GAAG,KAAK,EAClB,eAAe,EACf,cAAc,EACd,GAAG,IAAI,EACG,KAAI;AACd,IAAA,MAAM,QAAQ,GAAG,YAAY,KAAK,IAAI,GAAG,YAAY,GAAG,YAAY;AAEpE,IAAA,MAAM,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,kBAAkB,EAAE,GAAG,cAAc,IAAI,EAAE;IAC3E,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,eAAe,EAAE,GAAG,IAAI;AAEnD,IAAA,MAAM,OAAO,GACX,OAAO,CAAC,aAAa,CAAC;QACtB,OAAO,CAAC,QAAQ,CAAC;QACjB,eAAe,KAAK,SAAS;IAC/B,MAAM,UAAU,GAA8B;AAC5C,UAAE;AACE,YAAA,GAAG,aAAa;AAChB,YAAA,GAAG,QAAQ;YACX,IAAI,eAAe,KAAK,SAAS,IAAI,EAAE,eAAe,EAAE,CAAC;AAC1D;UACD,SAAS;AAEb,IAAA,MAAM,SAAS,GAAGA,yBAAY,EAAE;IAChC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;IAC/C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAGA,cAAQ,CAChD,SAAS,CACV;AACD,IAAA,MAAM,iBAAiB,GAAGC,YAAM,CAAuC,IAAI,CAAC;AAE5E,IAAAC,eAAS,CACP,MAAM,MAAK;AACT,QAAA,IAAI,iBAAiB,CAAC,OAAO,EAAE;AAC7B,YAAA,YAAY,CAAC,iBAAiB,CAAC,OAAO,CAAC;QACzC;IACF,CAAC,EACD,EAAE,CACH;AAED,IAAA,MAAM,UAAU,GAAG,CAAC,UAAU,IAAI,QAAQ;IAC1C,MAAM,eAAe,GAAG,CAAC,UAAU,IAAI,OAAO,CAAC,MAAM,CAAC;IAEtD,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,MAAM,GAAG,QAAQ,CAAC;AACpB,IAAA,CAAC;AAED,IAAA,MAAM,iBAAiB,GAAG,YAAW;AACnC,QAAA,IAAI;YACF,MAAM,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC;QAC/C;AAAE,QAAA,MAAM;YACN,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,UAAU,CAAC;AACnD,YAAA,QAAQ,CAAC,KAAK,GAAG,QAAQ;AACzB,YAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;YACnC,QAAQ,CAAC,MAAM,EAAE;AACjB,YAAA,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC;AAC5B,YAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC;QACrC;AAEA,QAAA,MAAM,GAAG,QAAQ,CAAC;QAElB,WAAW,CAAC,IAAI,CAAC;QACjB,gBAAgB,CAAC,IAAI,CAAC;AAEtB,QAAA,IAAI,iBAAiB,CAAC,OAAO,EAAE;AAC7B,YAAA,YAAY,CAAC,iBAAiB,CAAC,OAAO,CAAC;QACzC;AACA,QAAA,iBAAiB,CAAC,OAAO,GAAG,UAAU,CAAC,MAAK;YAC1C,WAAW,CAAC,KAAK,CAAC;YAClB,gBAAgB,CAAC,SAAS,CAAC;AAC3B,YAAA,iBAAiB,CAAC,OAAO,GAAG,IAAI;QAClC,CAAC,EAAE,IAAI,CAAC;AACV,IAAA,CAAC;IAED,MAAM,iBAAiB,GAAG,MAAM,IAC9BC,eAACC,eAAe,CAAC,WAAW,EAAA,EAAA,YAAA,EACf,WAAW,EACtB,KAAK,EAAC,UAAU,EAChB,MAAM,EAAC,SAAS,EAAA,QAAA,EAEhBD,cAAA,CAACC,eAAe,CAAC,aAAa,IAC5B,MAAM,EAAED,eAACE,aAAO,EAAA,EAAC,KAAK,EAAC,cAAc,EAAC,OAAO,EAAC,IAAI,GAAG,EAAA,CACrD,EAAA,CAC0B,IAC5B,IAAI;IAER,QACEF,cAAA,CAACC,eAAe,CAAC,eAAe,EAAA,EAAC,KAAK,EAAEE,yBAAY,EAAA,QAAA,EAClDC,eAAA,CAACH,eAAe,CAAC,IAAI,EAAA,EACnB,IAAI,EAAE,QAAQ,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAC,MAAM,EAChB,QAAQ,EAAC,UAAU,EACnB,QAAQ,EAAC,QAAQ,EACjB,WAAW,EAAC,
|
|
1
|
+
{"version":3,"file":"Code.js","sources":["../../../src/components/Code/Code.tsx"],"sourcesContent":[null],"names":["useTranslate","useState","useRef","useEffect","_jsx","ChakraCodeBlock","FaCheck","shikiAdapter","_jsxs","Tooltip","IconButton","FaRegCopy"],"mappings":"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"}
|
|
@@ -61,12 +61,12 @@ const Code = ({ children, language: languageProp, onCopy, hideHeader = false, sh
|
|
|
61
61
|
copyResetTimerRef.current = null;
|
|
62
62
|
}, 1500);
|
|
63
63
|
};
|
|
64
|
-
const headerCopyTrigger = onCopy ? (jsx(CodeBlock.CopyTrigger, { "aria-label": "Copy code", color: "
|
|
65
|
-
return (jsx(CodeBlock.AdapterProvider, { value: shikiAdapter, children: jsxs(CodeBlock.Root, { code: children, language: language, textStyle: "Body", position: "relative", overflow: "hidden", borderColor: "
|
|
64
|
+
const headerCopyTrigger = onCopy ? (jsx(CodeBlock.CopyTrigger, { "aria-label": "Copy code", color: "fg.muted", cursor: "pointer", children: jsx(CodeBlock.CopyIndicator, { copied: jsx(FaCheck, { color: "success.main", boxSize: "xs" }) }) })) : null;
|
|
65
|
+
return (jsx(CodeBlock.AdapterProvider, { value: shikiAdapter, children: jsxs(CodeBlock.Root, { code: children, language: language, textStyle: "Body", position: "relative", overflow: "hidden", borderColor: "border.default", ...containerPropsRest, ...restWithoutMeta, meta: mergedMeta, onCopy: handleCopy, className: ['ml-code', containerProps?.className]
|
|
66
66
|
.filter(Boolean)
|
|
67
|
-
.join(' '), children: [showHeader && (jsxs(CodeBlock.Header, { className: "ml-code-header", px: 4, py: 2, bgColor: "
|
|
67
|
+
.join(' '), children: [showHeader && (jsxs(CodeBlock.Header, { className: "ml-code-header", px: 4, py: 2, bgColor: "bg.surface", zIndex: 2, children: [jsx(CodeBlock.Title, { fontFamily: "mono", fontWeight: "bold", color: "fg.default", children: language }), jsx(CodeBlock.Control, { children: headerCopyTrigger })] })), showOverlayCopy && (jsx(Tooltip, { content: isCopied ? translate('copied') : translate('copy'), placement: "top", open: isTooltipOpen, children: jsx(IconButton, { className: "ml-code-copy", position: "absolute", top: 2, right: 3, zIndex: 2, "aria-label": isCopied
|
|
68
68
|
? String(translate('copied'))
|
|
69
|
-
: String(translate('copy')), size: "sm", colorPalette: "neutral", variant: "ghost", color: "
|
|
69
|
+
: String(translate('copy')), size: "sm", colorPalette: "neutral", variant: "ghost", color: "fg.muted", onClick: handleOverlayCopy, children: isCopied ? (jsx(FaCheck, { color: "success.main", boxSize: "xs" })) : (jsx(FaRegCopy, { boxSize: "xs" })) }) })), jsx(CodeBlock.Content, { children: jsx(CodeBlock.Code, { children: jsx(CodeBlock.CodeText, {}) }) })] }) }));
|
|
70
70
|
};
|
|
71
71
|
|
|
72
72
|
export { Code };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Code.mjs","sources":["../../../src/components/Code/Code.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCodeBlock","_jsxs"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Code.mjs","sources":["../../../src/components/Code/Code.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCodeBlock","_jsxs"],"mappings":"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"}
|
|
@@ -33,7 +33,7 @@ const CopyButton = ({ onCopy, code }) => {
|
|
|
33
33
|
setIsTooltipOpen(undefined);
|
|
34
34
|
}, 1500);
|
|
35
35
|
};
|
|
36
|
-
return (jsxRuntime.jsx(Tooltip.Tooltip, { content: tooltipText, placement: "top", open: isTooltipOpen, children: jsxRuntime.jsx(IconButton.IconButton, { "aria-label": "Copy", borderRadius: "full", size: "sm", colorPalette: "neutral", variant: "ghost", color: "
|
|
36
|
+
return (jsxRuntime.jsx(Tooltip.Tooltip, { content: tooltipText, placement: "top", open: isTooltipOpen, children: jsxRuntime.jsx(IconButton.IconButton, { "aria-label": "Copy", borderRadius: "full", size: "sm", colorPalette: "neutral", variant: "ghost", color: "fg.muted", _hover: {
|
|
37
37
|
bgColor: 'whiteAlpha.400',
|
|
38
38
|
}, _active: {
|
|
39
39
|
bgColor: 'whiteAlpha.400',
|
|
@@ -31,7 +31,7 @@ const CopyButton = ({ onCopy, code }) => {
|
|
|
31
31
|
setIsTooltipOpen(undefined);
|
|
32
32
|
}, 1500);
|
|
33
33
|
};
|
|
34
|
-
return (jsx(Tooltip, { content: tooltipText, placement: "top", open: isTooltipOpen, children: jsx(IconButton, { "aria-label": "Copy", borderRadius: "full", size: "sm", colorPalette: "neutral", variant: "ghost", color: "
|
|
34
|
+
return (jsx(Tooltip, { content: tooltipText, placement: "top", open: isTooltipOpen, children: jsx(IconButton, { "aria-label": "Copy", borderRadius: "full", size: "sm", colorPalette: "neutral", variant: "ghost", color: "fg.muted", _hover: {
|
|
35
35
|
bgColor: 'whiteAlpha.400',
|
|
36
36
|
}, _active: {
|
|
37
37
|
bgColor: 'whiteAlpha.400',
|
|
@@ -6,7 +6,7 @@ var React = require('react');
|
|
|
6
6
|
var react = require('@chakra-ui/react');
|
|
7
7
|
|
|
8
8
|
const CollapsibleRoot = React.forwardRef((props, ref) => {
|
|
9
|
-
return (jsxRuntime.jsx(react.Collapsible.Root, { ref: ref, borderWidth: "1px", borderColor: "
|
|
9
|
+
return (jsxRuntime.jsx(react.Collapsible.Root, { ref: ref, borderWidth: "1px", borderColor: "border.subtle", rounded: "md", overflow: "hidden", ...props }));
|
|
10
10
|
});
|
|
11
11
|
CollapsibleRoot.displayName = 'CollapsibleRoot';
|
|
12
12
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleRoot.js","sources":["../../../src/components/Collapsible/CollapsibleRoot.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraCollapsible"],"mappings":";;;;;;;AAKO,MAAM,eAAe,GAAGA,gBAAU,CACvC,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,QACEC,cAAA,CAACC,iBAAiB,CAAC,IAAI,EAAA,EACrB,GAAG,EAAE,GAAG,EACR,WAAW,EAAC,KAAK,EACjB,WAAW,EAAC,
|
|
1
|
+
{"version":3,"file":"CollapsibleRoot.js","sources":["../../../src/components/Collapsible/CollapsibleRoot.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraCollapsible"],"mappings":";;;;;;;AAKO,MAAM,eAAe,GAAGA,gBAAU,CACvC,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,QACEC,cAAA,CAACC,iBAAiB,CAAC,IAAI,EAAA,EACrB,GAAG,EAAE,GAAG,EACR,WAAW,EAAC,KAAK,EACjB,WAAW,EAAC,eAAe,EAC3B,OAAO,EAAC,IAAI,EACZ,QAAQ,EAAC,QAAQ,EAAA,GACb,KAAK,EAAA,CACT;AAEN,CAAC;AAEH,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}
|
|
@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
|
|
|
4
4
|
import { Collapsible } from '@chakra-ui/react';
|
|
5
5
|
|
|
6
6
|
const CollapsibleRoot = forwardRef((props, ref) => {
|
|
7
|
-
return (jsx(Collapsible.Root, { ref: ref, borderWidth: "1px", borderColor: "
|
|
7
|
+
return (jsx(Collapsible.Root, { ref: ref, borderWidth: "1px", borderColor: "border.subtle", rounded: "md", overflow: "hidden", ...props }));
|
|
8
8
|
});
|
|
9
9
|
CollapsibleRoot.displayName = 'CollapsibleRoot';
|
|
10
10
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleRoot.mjs","sources":["../../../src/components/Collapsible/CollapsibleRoot.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCollapsible"],"mappings":";;;;;AAKO,MAAM,eAAe,GAAG,UAAU,CACvC,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,QACEA,GAAA,CAACC,WAAiB,CAAC,IAAI,EAAA,EACrB,GAAG,EAAE,GAAG,EACR,WAAW,EAAC,KAAK,EACjB,WAAW,EAAC,
|
|
1
|
+
{"version":3,"file":"CollapsibleRoot.mjs","sources":["../../../src/components/Collapsible/CollapsibleRoot.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCollapsible"],"mappings":";;;;;AAKO,MAAM,eAAe,GAAG,UAAU,CACvC,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,QACEA,GAAA,CAACC,WAAiB,CAAC,IAAI,EAAA,EACrB,GAAG,EAAE,GAAG,EACR,WAAW,EAAC,KAAK,EACjB,WAAW,EAAC,eAAe,EAC3B,OAAO,EAAC,IAAI,EACZ,QAAQ,EAAC,QAAQ,EAAA,GACb,KAAK,EAAA,CACT;AAEN,CAAC;AAEH,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}
|
|
@@ -6,7 +6,7 @@ var React = require('react');
|
|
|
6
6
|
var react = require('@chakra-ui/react');
|
|
7
7
|
|
|
8
8
|
const CollapsibleTrigger = React.forwardRef(({ customIcon, children, ...rest }, ref) => {
|
|
9
|
-
return (jsxRuntime.jsx(react.Collapsible.Trigger, { ref: ref, width: "100%", px: 4, py: 3, cursor: "pointer", fontWeight: "bold", borderBottomWidth: "1px", borderBottomColor: "
|
|
9
|
+
return (jsxRuntime.jsx(react.Collapsible.Trigger, { ref: ref, width: "100%", px: 4, py: 3, cursor: "pointer", fontWeight: "bold", borderBottomWidth: "1px", borderBottomColor: "border.subtle", _hover: { bg: 'gray.50' }, ...rest, children: jsxRuntime.jsxs(react.HStack, { width: "100%", justify: "space-between", align: "center", children: [children, customIcon ?? jsxRuntime.jsx(react.Collapsible.Indicator, {})] }) }));
|
|
10
10
|
});
|
|
11
11
|
CollapsibleTrigger.displayName = 'CollapsibleTrigger';
|
|
12
12
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleTrigger.js","sources":["../../../src/components/Collapsible/CollapsibleTrigger.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraCollapsible","_jsxs","HStack"],"mappings":";;;;;;;AASO,MAAM,kBAAkB,GAAGA,gBAAU,CAG1C,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AAC3C,IAAA,QACEC,cAAA,CAACC,iBAAiB,CAAC,OAAO,EAAA,EACxB,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,MAAM,EACZ,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,MAAM,EAAC,SAAS,EAChB,UAAU,EAAC,MAAM,EACjB,iBAAiB,EAAC,KAAK,EACvB,iBAAiB,EAAC,
|
|
1
|
+
{"version":3,"file":"CollapsibleTrigger.js","sources":["../../../src/components/Collapsible/CollapsibleTrigger.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsx","ChakraCollapsible","_jsxs","HStack"],"mappings":";;;;;;;AASO,MAAM,kBAAkB,GAAGA,gBAAU,CAG1C,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AAC3C,IAAA,QACEC,cAAA,CAACC,iBAAiB,CAAC,OAAO,EAAA,EACxB,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,MAAM,EACZ,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,MAAM,EAAC,SAAS,EAChB,UAAU,EAAC,MAAM,EACjB,iBAAiB,EAAC,KAAK,EACvB,iBAAiB,EAAC,eAAe,EACjC,MAAM,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAA,GACrB,IAAI,EAAA,QAAA,EAERC,eAAA,CAACC,YAAM,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ,EAAA,QAAA,EAAA,CACxD,QAAQ,EACR,UAAU,IAAIH,cAAA,CAACC,iBAAiB,CAAC,SAAS,EAAA,EAAA,CAAG,CAAA,EAAA,CACvC,EAAA,CACiB;AAEhC,CAAC;AACD,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;;;;"}
|
|
@@ -4,7 +4,7 @@ import { forwardRef } from 'react';
|
|
|
4
4
|
import { Collapsible, HStack } from '@chakra-ui/react';
|
|
5
5
|
|
|
6
6
|
const CollapsibleTrigger = forwardRef(({ customIcon, children, ...rest }, ref) => {
|
|
7
|
-
return (jsx(Collapsible.Trigger, { ref: ref, width: "100%", px: 4, py: 3, cursor: "pointer", fontWeight: "bold", borderBottomWidth: "1px", borderBottomColor: "
|
|
7
|
+
return (jsx(Collapsible.Trigger, { ref: ref, width: "100%", px: 4, py: 3, cursor: "pointer", fontWeight: "bold", borderBottomWidth: "1px", borderBottomColor: "border.subtle", _hover: { bg: 'gray.50' }, ...rest, children: jsxs(HStack, { width: "100%", justify: "space-between", align: "center", children: [children, customIcon ?? jsx(Collapsible.Indicator, {})] }) }));
|
|
8
8
|
});
|
|
9
9
|
CollapsibleTrigger.displayName = 'CollapsibleTrigger';
|
|
10
10
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleTrigger.mjs","sources":["../../../src/components/Collapsible/CollapsibleTrigger.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCollapsible","_jsxs"],"mappings":";;;;;AASO,MAAM,kBAAkB,GAAG,UAAU,CAG1C,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AAC3C,IAAA,QACEA,GAAA,CAACC,WAAiB,CAAC,OAAO,EAAA,EACxB,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,MAAM,EACZ,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,MAAM,EAAC,SAAS,EAChB,UAAU,EAAC,MAAM,EACjB,iBAAiB,EAAC,KAAK,EACvB,iBAAiB,EAAC,
|
|
1
|
+
{"version":3,"file":"CollapsibleTrigger.mjs","sources":["../../../src/components/Collapsible/CollapsibleTrigger.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraCollapsible","_jsxs"],"mappings":";;;;;AASO,MAAM,kBAAkB,GAAG,UAAU,CAG1C,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AAC3C,IAAA,QACEA,GAAA,CAACC,WAAiB,CAAC,OAAO,EAAA,EACxB,GAAG,EAAE,GAAG,EACR,KAAK,EAAC,MAAM,EACZ,EAAE,EAAE,CAAC,EACL,EAAE,EAAE,CAAC,EACL,MAAM,EAAC,SAAS,EAChB,UAAU,EAAC,MAAM,EACjB,iBAAiB,EAAC,KAAK,EACvB,iBAAiB,EAAC,eAAe,EACjC,MAAM,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAA,GACrB,IAAI,EAAA,QAAA,EAERC,IAAA,CAAC,MAAM,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ,EAAA,QAAA,EAAA,CACxD,QAAQ,EACR,UAAU,IAAIF,GAAA,CAACC,WAAiB,CAAC,SAAS,EAAA,EAAA,CAAG,CAAA,EAAA,CACvC,EAAA,CACiB;AAEhC,CAAC;AACD,kBAAkB,CAAC,WAAW,GAAG,oBAAoB;;;;"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { type ThemeProviderProps } from 'next-themes';
|
|
3
|
+
/**
|
|
4
|
+
* The two resolved color modes Logician UI renders.
|
|
5
|
+
*
|
|
6
|
+
* `system` is a *preference* (resolved to one of these at runtime); resolved
|
|
7
|
+
* values are always `'light'` or `'dark'`.
|
|
8
|
+
*/
|
|
9
|
+
export type ColorMode = 'light' | 'dark';
|
|
10
|
+
export interface ColorModeProviderProps extends Omit<ThemeProviderProps, 'themes' | 'attribute' | 'value'> {
|
|
11
|
+
}
|
|
12
|
+
/**
|
|
13
|
+
* Color-mode runtime for the Logician design system.
|
|
14
|
+
*
|
|
15
|
+
* Chakra UI v3 ships no color-mode runtime of its own — the `_dark` token
|
|
16
|
+
* condition is just a CSS selector (`.dark &`). This provider supplies the
|
|
17
|
+
* piece that toggles that class, backed by `next-themes`.
|
|
18
|
+
*
|
|
19
|
+
* ## Switch contract (the bit SSR no-flash scripts must match)
|
|
20
|
+
* - **Strategy:** class — `next-themes` writes `class="light" | "dark"` on
|
|
21
|
+
* `<html>`. This is exactly what Chakra's default `_dark` condition
|
|
22
|
+
* (`.dark &, .dark .chakra-theme:not(.light) &`) keys off of.
|
|
23
|
+
* - **Storage key:** `logician-color-mode` (localStorage).
|
|
24
|
+
* - **`system` resolution:** enabled by default (`enableSystem`); resolves via
|
|
25
|
+
* `prefers-color-scheme` and is reflected in `useColorMode().colorMode`.
|
|
26
|
+
* - **`color-scheme`:** Logician owns it. `enableColorScheme` lets `next-themes`
|
|
27
|
+
* set `style="color-scheme:…"` on `<html>` from the resolved mode. Consumers
|
|
28
|
+
* (e.g. factchat) should NOT also write `color-scheme` — single writer.
|
|
29
|
+
* - **`disableTransitionOnChange`:** on, to avoid color transitions flashing on
|
|
30
|
+
* toggle.
|
|
31
|
+
*
|
|
32
|
+
* Mounted automatically by {@link LogicianProvider}; exported standalone for
|
|
33
|
+
* apps that compose providers manually.
|
|
34
|
+
*
|
|
35
|
+
* @remarks SSR: the host app must add `suppressHydrationWarning` to its `<html>`
|
|
36
|
+
* element (this is the consumer's responsibility — see the ownership boundary).
|
|
37
|
+
*/
|
|
38
|
+
export declare const ColorModeProvider: React.FC<ColorModeProviderProps>;
|
|
39
|
+
//# sourceMappingURL=ColorModeProvider.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColorModeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/ColorMode/ColorModeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAErE;;;;;GAKG;AACH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AAEzC,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAClD,kBAAkB,EAClB,QAAQ,GAAG,WAAW,GAAG,OAAO,CACjC;CAAG;AAEJ;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAiB9D,CAAC"}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var nextThemes = require('next-themes');
|
|
6
|
+
|
|
7
|
+
/**
|
|
8
|
+
* Color-mode runtime for the Logician design system.
|
|
9
|
+
*
|
|
10
|
+
* Chakra UI v3 ships no color-mode runtime of its own — the `_dark` token
|
|
11
|
+
* condition is just a CSS selector (`.dark &`). This provider supplies the
|
|
12
|
+
* piece that toggles that class, backed by `next-themes`.
|
|
13
|
+
*
|
|
14
|
+
* ## Switch contract (the bit SSR no-flash scripts must match)
|
|
15
|
+
* - **Strategy:** class — `next-themes` writes `class="light" | "dark"` on
|
|
16
|
+
* `<html>`. This is exactly what Chakra's default `_dark` condition
|
|
17
|
+
* (`.dark &, .dark .chakra-theme:not(.light) &`) keys off of.
|
|
18
|
+
* - **Storage key:** `logician-color-mode` (localStorage).
|
|
19
|
+
* - **`system` resolution:** enabled by default (`enableSystem`); resolves via
|
|
20
|
+
* `prefers-color-scheme` and is reflected in `useColorMode().colorMode`.
|
|
21
|
+
* - **`color-scheme`:** Logician owns it. `enableColorScheme` lets `next-themes`
|
|
22
|
+
* set `style="color-scheme:…"` on `<html>` from the resolved mode. Consumers
|
|
23
|
+
* (e.g. factchat) should NOT also write `color-scheme` — single writer.
|
|
24
|
+
* - **`disableTransitionOnChange`:** on, to avoid color transitions flashing on
|
|
25
|
+
* toggle.
|
|
26
|
+
*
|
|
27
|
+
* Mounted automatically by {@link LogicianProvider}; exported standalone for
|
|
28
|
+
* apps that compose providers manually.
|
|
29
|
+
*
|
|
30
|
+
* @remarks SSR: the host app must add `suppressHydrationWarning` to its `<html>`
|
|
31
|
+
* element (this is the consumer's responsibility — see the ownership boundary).
|
|
32
|
+
*/
|
|
33
|
+
const ColorModeProvider = ({ children, ...props }) => {
|
|
34
|
+
return (jsxRuntime.jsx(nextThemes.ThemeProvider, { attribute: "class", defaultTheme: "system", enableSystem: true, enableColorScheme: true, disableTransitionOnChange: true, storageKey: "logician-color-mode", ...props, children: children }));
|
|
35
|
+
};
|
|
36
|
+
ColorModeProvider.displayName = 'ColorModeProvider';
|
|
37
|
+
|
|
38
|
+
exports.ColorModeProvider = ColorModeProvider;
|
|
39
|
+
//# sourceMappingURL=ColorModeProvider.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColorModeProvider.js","sources":["../../../src/components/ColorMode/ColorModeProvider.tsx"],"sourcesContent":[null],"names":["_jsx","ThemeProvider"],"mappings":";;;;;;AAiBA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBG;AACI,MAAM,iBAAiB,GAAqC,CAAC,EAClE,QAAQ,EACR,GAAG,KAAK,EACT,KAAI;IACH,QACEA,cAAA,CAACC,wBAAa,EAAA,EACZ,SAAS,EAAC,OAAO,EACjB,YAAY,EAAC,QAAQ,EACrB,YAAY,EAAA,IAAA,EACZ,iBAAiB,EAAA,IAAA,EACjB,yBAAyB,EAAA,IAAA,EACzB,UAAU,EAAC,qBAAqB,EAAA,GAC5B,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACK;AAEpB;AAEA,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { ThemeProvider } from 'next-themes';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Color-mode runtime for the Logician design system.
|
|
7
|
+
*
|
|
8
|
+
* Chakra UI v3 ships no color-mode runtime of its own — the `_dark` token
|
|
9
|
+
* condition is just a CSS selector (`.dark &`). This provider supplies the
|
|
10
|
+
* piece that toggles that class, backed by `next-themes`.
|
|
11
|
+
*
|
|
12
|
+
* ## Switch contract (the bit SSR no-flash scripts must match)
|
|
13
|
+
* - **Strategy:** class — `next-themes` writes `class="light" | "dark"` on
|
|
14
|
+
* `<html>`. This is exactly what Chakra's default `_dark` condition
|
|
15
|
+
* (`.dark &, .dark .chakra-theme:not(.light) &`) keys off of.
|
|
16
|
+
* - **Storage key:** `logician-color-mode` (localStorage).
|
|
17
|
+
* - **`system` resolution:** enabled by default (`enableSystem`); resolves via
|
|
18
|
+
* `prefers-color-scheme` and is reflected in `useColorMode().colorMode`.
|
|
19
|
+
* - **`color-scheme`:** Logician owns it. `enableColorScheme` lets `next-themes`
|
|
20
|
+
* set `style="color-scheme:…"` on `<html>` from the resolved mode. Consumers
|
|
21
|
+
* (e.g. factchat) should NOT also write `color-scheme` — single writer.
|
|
22
|
+
* - **`disableTransitionOnChange`:** on, to avoid color transitions flashing on
|
|
23
|
+
* toggle.
|
|
24
|
+
*
|
|
25
|
+
* Mounted automatically by {@link LogicianProvider}; exported standalone for
|
|
26
|
+
* apps that compose providers manually.
|
|
27
|
+
*
|
|
28
|
+
* @remarks SSR: the host app must add `suppressHydrationWarning` to its `<html>`
|
|
29
|
+
* element (this is the consumer's responsibility — see the ownership boundary).
|
|
30
|
+
*/
|
|
31
|
+
const ColorModeProvider = ({ children, ...props }) => {
|
|
32
|
+
return (jsx(ThemeProvider, { attribute: "class", defaultTheme: "system", enableSystem: true, enableColorScheme: true, disableTransitionOnChange: true, storageKey: "logician-color-mode", ...props, children: children }));
|
|
33
|
+
};
|
|
34
|
+
ColorModeProvider.displayName = 'ColorModeProvider';
|
|
35
|
+
|
|
36
|
+
export { ColorModeProvider };
|
|
37
|
+
//# sourceMappingURL=ColorModeProvider.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColorModeProvider.mjs","sources":["../../../src/components/ColorMode/ColorModeProvider.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;AAiBA;;;;;;;;;;;;;;;;;;;;;;;;;AAyBG;AACI,MAAM,iBAAiB,GAAqC,CAAC,EAClE,QAAQ,EACR,GAAG,KAAK,EACT,KAAI;IACH,QACEA,GAAA,CAAC,aAAa,EAAA,EACZ,SAAS,EAAC,OAAO,EACjB,YAAY,EAAC,QAAQ,EACrB,YAAY,EAAA,IAAA,EACZ,iBAAiB,EAAA,IAAA,EACjB,yBAAyB,EAAA,IAAA,EACzB,UAAU,EAAC,qBAAqB,EAAA,GAC5B,KAAK,EAAA,QAAA,EAER,QAAQ,EAAA,CACK;AAEpB;AAEA,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import type { IconButtonProps } from '@/components/IconButton/IconButton.types';
|
|
3
|
+
export interface ColorModeToggleProps extends Omit<IconButtonProps, 'children'> {
|
|
4
|
+
}
|
|
5
|
+
/**
|
|
6
|
+
* A ready-made light/dark toggle button. Shared across products so each app
|
|
7
|
+
* doesn't reinvent the control.
|
|
8
|
+
*
|
|
9
|
+
* Renders nothing until mounted on the client to avoid an SSR/CSR icon
|
|
10
|
+
* mismatch (the resolved mode is only known after hydration).
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <ColorModeToggle aria-label="Toggle color mode" />
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
17
|
+
export declare const ColorModeToggle: React.FC<ColorModeToggleProps>;
|
|
18
|
+
//# sourceMappingURL=ColorModeToggle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColorModeToggle.d.ts","sourceRoot":"","sources":["../../../src/components/ColorMode/ColorModeToggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0CAA0C,CAAC;AAIhF,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,eAAe,EACf,UAAU,CACX;CAAG;AAEJ;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgB1D,CAAC"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var lu = require('react-icons/lu');
|
|
7
|
+
var IconButton = require('../IconButton/IconButton.js');
|
|
8
|
+
require('../IconButton/IconButton.styles.js');
|
|
9
|
+
var useColorMode = require('./useColorMode.js');
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* A ready-made light/dark toggle button. Shared across products so each app
|
|
13
|
+
* doesn't reinvent the control.
|
|
14
|
+
*
|
|
15
|
+
* Renders nothing until mounted on the client to avoid an SSR/CSR icon
|
|
16
|
+
* mismatch (the resolved mode is only known after hydration).
|
|
17
|
+
*
|
|
18
|
+
* @example
|
|
19
|
+
* ```tsx
|
|
20
|
+
* <ColorModeToggle aria-label="Toggle color mode" />
|
|
21
|
+
* ```
|
|
22
|
+
*/
|
|
23
|
+
const ColorModeToggle = ({ 'aria-label': ariaLabel = 'Toggle color mode', ...rest }) => {
|
|
24
|
+
const { colorMode, toggleColorMode } = useColorMode.useColorMode();
|
|
25
|
+
const [mounted, setMounted] = React.useState(false);
|
|
26
|
+
React.useEffect(() => {
|
|
27
|
+
setMounted(true);
|
|
28
|
+
}, []);
|
|
29
|
+
return (jsxRuntime.jsx(IconButton.IconButton, { "aria-label": ariaLabel, onClick: toggleColorMode, ...rest, children: mounted && colorMode === 'dark' ? jsxRuntime.jsx(lu.LuSun, {}) : jsxRuntime.jsx(lu.LuMoon, {}) }));
|
|
30
|
+
};
|
|
31
|
+
ColorModeToggle.displayName = 'ColorModeToggle';
|
|
32
|
+
|
|
33
|
+
exports.ColorModeToggle = ColorModeToggle;
|
|
34
|
+
//# sourceMappingURL=ColorModeToggle.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColorModeToggle.js","sources":["../../../src/components/ColorMode/ColorModeToggle.tsx"],"sourcesContent":[null],"names":["useColorMode","useState","useEffect","_jsx","IconButton","LuSun","LuMoon"],"mappings":";;;;;;;;;;AAcA;;;;;;;;;;;AAWG;AACI,MAAM,eAAe,GAAmC,CAAC,EAC9D,YAAY,EAAE,SAAS,GAAG,mBAAmB,EAC7C,GAAG,IAAI,EACR,KAAI;IACH,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAGA,yBAAY,EAAE;IACrD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC;IAE7CC,eAAS,CAAC,MAAK;QACb,UAAU,CAAC,IAAI,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,QACEC,cAAA,CAACC,qBAAU,EAAA,EAAA,YAAA,EAAa,SAAS,EAAE,OAAO,EAAE,eAAe,EAAA,GAAM,IAAI,EAAA,QAAA,EAClE,OAAO,IAAI,SAAS,KAAK,MAAM,GAAGD,cAAA,CAACE,QAAK,EAAA,EAAA,CAAG,GAAGF,cAAA,CAACG,SAAM,EAAA,EAAA,CAAG,EAAA,CAC9C;AAEjB;AAEA,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { useState, useEffect } from 'react';
|
|
4
|
+
import { LuSun, LuMoon } from 'react-icons/lu';
|
|
5
|
+
import { IconButton } from '../IconButton/IconButton.mjs';
|
|
6
|
+
import '../IconButton/IconButton.styles.mjs';
|
|
7
|
+
import { useColorMode } from './useColorMode.mjs';
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* A ready-made light/dark toggle button. Shared across products so each app
|
|
11
|
+
* doesn't reinvent the control.
|
|
12
|
+
*
|
|
13
|
+
* Renders nothing until mounted on the client to avoid an SSR/CSR icon
|
|
14
|
+
* mismatch (the resolved mode is only known after hydration).
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```tsx
|
|
18
|
+
* <ColorModeToggle aria-label="Toggle color mode" />
|
|
19
|
+
* ```
|
|
20
|
+
*/
|
|
21
|
+
const ColorModeToggle = ({ 'aria-label': ariaLabel = 'Toggle color mode', ...rest }) => {
|
|
22
|
+
const { colorMode, toggleColorMode } = useColorMode();
|
|
23
|
+
const [mounted, setMounted] = useState(false);
|
|
24
|
+
useEffect(() => {
|
|
25
|
+
setMounted(true);
|
|
26
|
+
}, []);
|
|
27
|
+
return (jsx(IconButton, { "aria-label": ariaLabel, onClick: toggleColorMode, ...rest, children: mounted && colorMode === 'dark' ? jsx(LuSun, {}) : jsx(LuMoon, {}) }));
|
|
28
|
+
};
|
|
29
|
+
ColorModeToggle.displayName = 'ColorModeToggle';
|
|
30
|
+
|
|
31
|
+
export { ColorModeToggle };
|
|
32
|
+
//# sourceMappingURL=ColorModeToggle.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ColorModeToggle.mjs","sources":["../../../src/components/ColorMode/ColorModeToggle.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;AAcA;;;;;;;;;;;AAWG;AACI,MAAM,eAAe,GAAmC,CAAC,EAC9D,YAAY,EAAE,SAAS,GAAG,mBAAmB,EAC7C,GAAG,IAAI,EACR,KAAI;IACH,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,YAAY,EAAE;IACrD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAE7C,SAAS,CAAC,MAAK;QACb,UAAU,CAAC,IAAI,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,QACEA,GAAA,CAAC,UAAU,EAAA,EAAA,YAAA,EAAa,SAAS,EAAE,OAAO,EAAE,eAAe,EAAA,GAAM,IAAI,EAAA,QAAA,EAClE,OAAO,IAAI,SAAS,KAAK,MAAM,GAAGA,GAAA,CAAC,KAAK,EAAA,EAAA,CAAG,GAAGA,GAAA,CAAC,MAAM,EAAA,EAAA,CAAG,EAAA,CAC9C;AAEjB;AAEA,eAAe,CAAC,WAAW,GAAG,iBAAiB;;;;"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export type { ColorMode, ColorModeProviderProps } from './ColorModeProvider';
|
|
2
|
+
export { ColorModeProvider } from './ColorModeProvider';
|
|
3
|
+
export type { ColorModeToggleProps } from './ColorModeToggle';
|
|
4
|
+
export { ColorModeToggle } from './ColorModeToggle';
|
|
5
|
+
export type { UseColorModeReturn } from './useColorMode';
|
|
6
|
+
export { useColorMode, useColorModeValue } from './useColorMode';
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColorMode/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,SAAS,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,YAAY,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC"}
|