@nebula-demo/ui 0.1.3
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/CHANGELOG.md +23 -0
- package/LICENSE +21 -0
- package/README.md +109 -0
- package/dist/components/Accordion/Accordion.cjs +1 -0
- package/dist/components/Accordion/Accordion.d.ts +8 -0
- package/dist/components/Accordion/Accordion.d.ts.map +1 -0
- package/dist/components/Accordion/Accordion.js +59 -0
- package/dist/components/Accordion/index.d.ts +2 -0
- package/dist/components/Accordion/index.d.ts.map +1 -0
- package/dist/components/AlertDialog/AlertDialog.cjs +1 -0
- package/dist/components/AlertDialog/AlertDialog.d.ts +26 -0
- package/dist/components/AlertDialog/AlertDialog.d.ts.map +1 -0
- package/dist/components/AlertDialog/AlertDialog.js +160 -0
- package/dist/components/AlertDialog/index.d.ts +3 -0
- package/dist/components/AlertDialog/index.d.ts.map +1 -0
- package/dist/components/AspectRatio/AspectRatio.cjs +1 -0
- package/dist/components/AspectRatio/AspectRatio.d.ts +17 -0
- package/dist/components/AspectRatio/AspectRatio.d.ts.map +1 -0
- package/dist/components/AspectRatio/AspectRatio.js +45 -0
- package/dist/components/AspectRatio/index.d.ts +3 -0
- package/dist/components/AspectRatio/index.d.ts.map +1 -0
- package/dist/components/Avatar/Avatar.cjs +1 -0
- package/dist/components/Avatar/Avatar.d.ts +18 -0
- package/dist/components/Avatar/Avatar.d.ts.map +1 -0
- package/dist/components/Avatar/Avatar.js +48 -0
- package/dist/components/Avatar/Avatar.variants.cjs +1 -0
- package/dist/components/Avatar/Avatar.variants.d.ts +7 -0
- package/dist/components/Avatar/Avatar.variants.d.ts.map +1 -0
- package/dist/components/Avatar/Avatar.variants.js +37 -0
- package/dist/components/Avatar/index.d.ts +5 -0
- package/dist/components/Avatar/index.d.ts.map +1 -0
- package/dist/components/AvatarGroup/AvatarGroup.cjs +1 -0
- package/dist/components/AvatarGroup/AvatarGroup.d.ts +19 -0
- package/dist/components/AvatarGroup/AvatarGroup.d.ts.map +1 -0
- package/dist/components/AvatarGroup/AvatarGroup.js +106 -0
- package/dist/components/AvatarGroup/index.d.ts +3 -0
- package/dist/components/AvatarGroup/index.d.ts.map +1 -0
- package/dist/components/AvatarLabelGroup/AvatarLabelGroup.cjs +1 -0
- package/dist/components/AvatarLabelGroup/AvatarLabelGroup.d.ts +19 -0
- package/dist/components/AvatarLabelGroup/AvatarLabelGroup.d.ts.map +1 -0
- package/dist/components/AvatarLabelGroup/AvatarLabelGroup.js +43 -0
- package/dist/components/AvatarLabelGroup/index.d.ts +3 -0
- package/dist/components/AvatarLabelGroup/index.d.ts.map +1 -0
- package/dist/components/Badge/Badge.cjs +1 -0
- package/dist/components/Badge/Badge.d.ts +11 -0
- package/dist/components/Badge/Badge.d.ts.map +1 -0
- package/dist/components/Badge/Badge.js +70 -0
- package/dist/components/Badge/Badge.variants.cjs +1 -0
- package/dist/components/Badge/Badge.variants.d.ts +8 -0
- package/dist/components/Badge/Badge.variants.d.ts.map +1 -0
- package/dist/components/Badge/Badge.variants.js +46 -0
- package/dist/components/Badge/index.d.ts +5 -0
- package/dist/components/Badge/index.d.ts.map +1 -0
- package/dist/components/BadgeCounter/BadgeCounter.cjs +1 -0
- package/dist/components/BadgeCounter/BadgeCounter.d.ts +13 -0
- package/dist/components/BadgeCounter/BadgeCounter.d.ts.map +1 -0
- package/dist/components/BadgeCounter/BadgeCounter.js +43 -0
- package/dist/components/BadgeCounter/BadgeCounter.variants.cjs +1 -0
- package/dist/components/BadgeCounter/BadgeCounter.variants.d.ts +6 -0
- package/dist/components/BadgeCounter/BadgeCounter.variants.d.ts.map +1 -0
- package/dist/components/BadgeCounter/BadgeCounter.variants.js +19 -0
- package/dist/components/BadgeCounter/index.d.ts +5 -0
- package/dist/components/BadgeCounter/index.d.ts.map +1 -0
- package/dist/components/Button/Button.cjs +1 -0
- package/dist/components/Button/Button.d.ts +13 -0
- package/dist/components/Button/Button.d.ts.map +1 -0
- package/dist/components/Button/Button.js +23 -0
- package/dist/components/Button/Button.variants.cjs +1 -0
- package/dist/components/Button/Button.variants.d.ts +7 -0
- package/dist/components/Button/Button.variants.d.ts.map +1 -0
- package/dist/components/Button/Button.variants.js +40 -0
- package/dist/components/Button/index.d.ts +5 -0
- package/dist/components/Button/index.d.ts.map +1 -0
- package/dist/components/ButtonIcon/ButtonIcon.cjs +1 -0
- package/dist/components/ButtonIcon/ButtonIcon.d.ts +13 -0
- package/dist/components/ButtonIcon/ButtonIcon.d.ts.map +1 -0
- package/dist/components/ButtonIcon/ButtonIcon.js +37 -0
- package/dist/components/ButtonIcon/ButtonIcon.variants.cjs +1 -0
- package/dist/components/ButtonIcon/ButtonIcon.variants.d.ts +7 -0
- package/dist/components/ButtonIcon/ButtonIcon.variants.d.ts.map +1 -0
- package/dist/components/ButtonIcon/ButtonIcon.variants.js +37 -0
- package/dist/components/ButtonIcon/index.d.ts +5 -0
- package/dist/components/ButtonIcon/index.d.ts.map +1 -0
- package/dist/components/Calendar/Calendar.cjs +1 -0
- package/dist/components/Calendar/Calendar.d.ts +28 -0
- package/dist/components/Calendar/Calendar.d.ts.map +1 -0
- package/dist/components/Calendar/Calendar.js +365 -0
- package/dist/components/Calendar/index.d.ts +3 -0
- package/dist/components/Calendar/index.d.ts.map +1 -0
- package/dist/components/Card/Card.cjs +1 -0
- package/dist/components/Card/Card.d.ts +41 -0
- package/dist/components/Card/Card.d.ts.map +1 -0
- package/dist/components/Card/Card.js +103 -0
- package/dist/components/Card/index.d.ts +3 -0
- package/dist/components/Card/index.d.ts.map +1 -0
- package/dist/components/Carousel/Carousel.cjs +1 -0
- package/dist/components/Carousel/Carousel.d.ts +35 -0
- package/dist/components/Carousel/Carousel.d.ts.map +1 -0
- package/dist/components/Carousel/Carousel.js +217 -0
- package/dist/components/Carousel/index.d.ts +3 -0
- package/dist/components/Carousel/index.d.ts.map +1 -0
- package/dist/components/Checkbox/Checkbox.cjs +1 -0
- package/dist/components/Checkbox/Checkbox.d.ts +17 -0
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -0
- package/dist/components/Checkbox/Checkbox.js +68 -0
- package/dist/components/Checkbox/index.d.ts +3 -0
- package/dist/components/Checkbox/index.d.ts.map +1 -0
- package/dist/components/ContextMenu/ContextMenu.cjs +1 -0
- package/dist/components/ContextMenu/ContextMenu.d.ts +33 -0
- package/dist/components/ContextMenu/ContextMenu.d.ts.map +1 -0
- package/dist/components/ContextMenu/ContextMenu.js +182 -0
- package/dist/components/ContextMenu/index.d.ts +3 -0
- package/dist/components/ContextMenu/index.d.ts.map +1 -0
- package/dist/components/DatePicker/DatePicker.cjs +1 -0
- package/dist/components/DatePicker/DatePicker.d.ts +49 -0
- package/dist/components/DatePicker/DatePicker.d.ts.map +1 -0
- package/dist/components/DatePicker/DatePicker.js +238 -0
- package/dist/components/DatePicker/index.d.ts +3 -0
- package/dist/components/DatePicker/index.d.ts.map +1 -0
- package/dist/components/Drawer/Drawer.cjs +1 -0
- package/dist/components/Drawer/Drawer.d.ts +29 -0
- package/dist/components/Drawer/Drawer.d.ts.map +1 -0
- package/dist/components/Drawer/Drawer.js +130 -0
- package/dist/components/Drawer/index.d.ts +3 -0
- package/dist/components/Drawer/index.d.ts.map +1 -0
- package/dist/components/DropdownMenu/DropdownMenu.cjs +1 -0
- package/dist/components/DropdownMenu/DropdownMenu.d.ts +33 -0
- package/dist/components/DropdownMenu/DropdownMenu.d.ts.map +1 -0
- package/dist/components/DropdownMenu/DropdownMenu.js +184 -0
- package/dist/components/DropdownMenu/index.d.ts +3 -0
- package/dist/components/DropdownMenu/index.d.ts.map +1 -0
- package/dist/components/DropdownSelect/DropdownSelect.cjs +1 -0
- package/dist/components/DropdownSelect/DropdownSelect.d.ts +45 -0
- package/dist/components/DropdownSelect/DropdownSelect.d.ts.map +1 -0
- package/dist/components/DropdownSelect/DropdownSelect.js +342 -0
- package/dist/components/DropdownSelect/index.d.ts +3 -0
- package/dist/components/DropdownSelect/index.d.ts.map +1 -0
- package/dist/components/FileStatus/FileStatus.cjs +1 -0
- package/dist/components/FileStatus/FileStatus.d.ts +25 -0
- package/dist/components/FileStatus/FileStatus.d.ts.map +1 -0
- package/dist/components/FileStatus/FileStatus.js +127 -0
- package/dist/components/FileStatus/index.d.ts +3 -0
- package/dist/components/FileStatus/index.d.ts.map +1 -0
- package/dist/components/FileUpload/FileUpload.cjs +1 -0
- package/dist/components/FileUpload/FileUpload.d.ts +38 -0
- package/dist/components/FileUpload/FileUpload.d.ts.map +1 -0
- package/dist/components/FileUpload/FileUpload.js +151 -0
- package/dist/components/FileUpload/index.d.ts +3 -0
- package/dist/components/FileUpload/index.d.ts.map +1 -0
- package/dist/components/FilterChip/FilterChip.cjs +1 -0
- package/dist/components/FilterChip/FilterChip.d.ts +43 -0
- package/dist/components/FilterChip/FilterChip.d.ts.map +1 -0
- package/dist/components/FilterChip/FilterChip.js +71 -0
- package/dist/components/FilterChip/FilterChip.variants.cjs +1 -0
- package/dist/components/FilterChip/FilterChip.variants.d.ts +22 -0
- package/dist/components/FilterChip/FilterChip.variants.d.ts.map +1 -0
- package/dist/components/FilterChip/FilterChip.variants.js +103 -0
- package/dist/components/FilterChip/index.d.ts +3 -0
- package/dist/components/FilterChip/index.d.ts.map +1 -0
- package/dist/components/FilterChipGroup/FilterChipGroup.cjs +1 -0
- package/dist/components/FilterChipGroup/FilterChipGroup.d.ts +54 -0
- package/dist/components/FilterChipGroup/FilterChipGroup.d.ts.map +1 -0
- package/dist/components/FilterChipGroup/FilterChipGroup.js +112 -0
- package/dist/components/FilterChipGroup/index.d.ts +3 -0
- package/dist/components/FilterChipGroup/index.d.ts.map +1 -0
- package/dist/components/Icon/Icon.cjs +1 -0
- package/dist/components/Icon/Icon.d.ts +16 -0
- package/dist/components/Icon/Icon.d.ts.map +1 -0
- package/dist/components/Icon/Icon.js +34 -0
- package/dist/components/Icon/icons.cjs +1 -0
- package/dist/components/Icon/icons.d.ts +5 -0
- package/dist/components/Icon/icons.d.ts.map +1 -0
- package/dist/components/Icon/icons.js +1396 -0
- package/dist/components/Icon/index.d.ts +5 -0
- package/dist/components/Icon/index.d.ts.map +1 -0
- package/dist/components/InlineNotification/InlineNotification.cjs +1 -0
- package/dist/components/InlineNotification/InlineNotification.d.ts +17 -0
- package/dist/components/InlineNotification/InlineNotification.d.ts.map +1 -0
- package/dist/components/InlineNotification/InlineNotification.js +80 -0
- package/dist/components/InlineNotification/InlineNotification.variants.cjs +1 -0
- package/dist/components/InlineNotification/InlineNotification.variants.d.ts +6 -0
- package/dist/components/InlineNotification/InlineNotification.variants.d.ts.map +1 -0
- package/dist/components/InlineNotification/InlineNotification.variants.js +22 -0
- package/dist/components/InlineNotification/index.d.ts +5 -0
- package/dist/components/InlineNotification/index.d.ts.map +1 -0
- package/dist/components/Input/Input.cjs +1 -0
- package/dist/components/Input/Input.d.ts +44 -0
- package/dist/components/Input/Input.d.ts.map +1 -0
- package/dist/components/Input/Input.js +104 -0
- package/dist/components/Input/Input.variants.cjs +1 -0
- package/dist/components/Input/Input.variants.d.ts +70 -0
- package/dist/components/Input/Input.variants.d.ts.map +1 -0
- package/dist/components/Input/Input.variants.js +91 -0
- package/dist/components/Input/index.d.ts +3 -0
- package/dist/components/Input/index.d.ts.map +1 -0
- package/dist/components/InputSearch/InputSearch.cjs +1 -0
- package/dist/components/InputSearch/InputSearch.d.ts +62 -0
- package/dist/components/InputSearch/InputSearch.d.ts.map +1 -0
- package/dist/components/InputSearch/InputSearch.js +289 -0
- package/dist/components/InputSearch/index.d.ts +3 -0
- package/dist/components/InputSearch/index.d.ts.map +1 -0
- package/dist/components/Line/Line.cjs +1 -0
- package/dist/components/Line/Line.d.ts +16 -0
- package/dist/components/Line/Line.d.ts.map +1 -0
- package/dist/components/Line/Line.js +29 -0
- package/dist/components/Line/index.d.ts +3 -0
- package/dist/components/Line/index.d.ts.map +1 -0
- package/dist/components/Pagination/Pagination.cjs +1 -0
- package/dist/components/Pagination/Pagination.d.ts +49 -0
- package/dist/components/Pagination/Pagination.d.ts.map +1 -0
- package/dist/components/Pagination/Pagination.js +225 -0
- package/dist/components/Pagination/index.d.ts +3 -0
- package/dist/components/Pagination/index.d.ts.map +1 -0
- package/dist/components/Popover/Popover.cjs +1 -0
- package/dist/components/Popover/Popover.d.ts +11 -0
- package/dist/components/Popover/Popover.d.ts.map +1 -0
- package/dist/components/Popover/Popover.js +26 -0
- package/dist/components/Popover/index.d.ts +3 -0
- package/dist/components/Popover/index.d.ts.map +1 -0
- package/dist/components/ProgressBar/ProgressBar.cjs +1 -0
- package/dist/components/ProgressBar/ProgressBar.d.ts +23 -0
- package/dist/components/ProgressBar/ProgressBar.d.ts.map +1 -0
- package/dist/components/ProgressBar/ProgressBar.js +74 -0
- package/dist/components/ProgressBar/index.d.ts +3 -0
- package/dist/components/ProgressBar/index.d.ts.map +1 -0
- package/dist/components/ProgressCircle/ProgressCircle.cjs +1 -0
- package/dist/components/ProgressCircle/ProgressCircle.d.ts +23 -0
- package/dist/components/ProgressCircle/ProgressCircle.d.ts.map +1 -0
- package/dist/components/ProgressCircle/ProgressCircle.js +155 -0
- package/dist/components/ProgressCircle/index.d.ts +3 -0
- package/dist/components/ProgressCircle/index.d.ts.map +1 -0
- package/dist/components/RadioGroup/RadioGroup.cjs +1 -0
- package/dist/components/RadioGroup/RadioGroup.d.ts +22 -0
- package/dist/components/RadioGroup/RadioGroup.d.ts.map +1 -0
- package/dist/components/RadioGroup/RadioGroup.js +75 -0
- package/dist/components/RadioGroup/index.d.ts +3 -0
- package/dist/components/RadioGroup/index.d.ts.map +1 -0
- package/dist/components/ScrollArea/ScrollArea.cjs +1 -0
- package/dist/components/ScrollArea/ScrollArea.d.ts +8 -0
- package/dist/components/ScrollArea/ScrollArea.d.ts.map +1 -0
- package/dist/components/ScrollArea/ScrollArea.js +10 -0
- package/dist/components/ScrollArea/index.d.ts +3 -0
- package/dist/components/ScrollArea/index.d.ts.map +1 -0
- package/dist/components/Select/Select.cjs +1 -0
- package/dist/components/Select/Select.d.ts +12 -0
- package/dist/components/Select/Select.d.ts.map +1 -0
- package/dist/components/Select/Select.js +171 -0
- package/dist/components/Select/index.d.ts +2 -0
- package/dist/components/Select/index.d.ts.map +1 -0
- package/dist/components/Skeleton/Skeleton.cjs +1 -0
- package/dist/components/Skeleton/Skeleton.d.ts +8 -0
- package/dist/components/Skeleton/Skeleton.d.ts.map +1 -0
- package/dist/components/Skeleton/Skeleton.js +22 -0
- package/dist/components/Skeleton/index.d.ts +3 -0
- package/dist/components/Skeleton/index.d.ts.map +1 -0
- package/dist/components/Slider/Slider.cjs +1 -0
- package/dist/components/Slider/Slider.d.ts +19 -0
- package/dist/components/Slider/Slider.d.ts.map +1 -0
- package/dist/components/Slider/Slider.js +101 -0
- package/dist/components/Slider/index.d.ts +3 -0
- package/dist/components/Slider/index.d.ts.map +1 -0
- package/dist/components/Switch/Switch.cjs +1 -0
- package/dist/components/Switch/Switch.d.ts +10 -0
- package/dist/components/Switch/Switch.d.ts.map +1 -0
- package/dist/components/Switch/Switch.js +20 -0
- package/dist/components/Switch/Switch.variants.cjs +1 -0
- package/dist/components/Switch/Switch.variants.d.ts +7 -0
- package/dist/components/Switch/Switch.variants.d.ts.map +1 -0
- package/dist/components/Switch/Switch.variants.js +39 -0
- package/dist/components/Switch/index.d.ts +4 -0
- package/dist/components/Switch/index.d.ts.map +1 -0
- package/dist/components/SwitchGroup/SwitchGroup.cjs +1 -0
- package/dist/components/SwitchGroup/SwitchGroup.d.ts +24 -0
- package/dist/components/SwitchGroup/SwitchGroup.d.ts.map +1 -0
- package/dist/components/SwitchGroup/SwitchGroup.js +36 -0
- package/dist/components/SwitchGroup/SwitchGroup.variants.cjs +1 -0
- package/dist/components/SwitchGroup/SwitchGroup.variants.d.ts +4 -0
- package/dist/components/SwitchGroup/SwitchGroup.variants.d.ts.map +1 -0
- package/dist/components/SwitchGroup/SwitchGroup.variants.js +5 -0
- package/dist/components/SwitchGroup/index.d.ts +3 -0
- package/dist/components/SwitchGroup/index.d.ts.map +1 -0
- package/dist/components/TabNavigation/TabNavigation.cjs +1 -0
- package/dist/components/TabNavigation/TabNavigation.d.ts +31 -0
- package/dist/components/TabNavigation/TabNavigation.d.ts.map +1 -0
- package/dist/components/TabNavigation/TabNavigation.js +107 -0
- package/dist/components/TabNavigation/index.d.ts +4 -0
- package/dist/components/TabNavigation/index.d.ts.map +1 -0
- package/dist/components/Table/Table.cjs +1 -0
- package/dist/components/Table/Table.d.ts +103 -0
- package/dist/components/Table/Table.d.ts.map +1 -0
- package/dist/components/Table/Table.js +278 -0
- package/dist/components/Table/index.d.ts +3 -0
- package/dist/components/Table/index.d.ts.map +1 -0
- package/dist/components/TablePagination/TablePagination.cjs +1 -0
- package/dist/components/TablePagination/TablePagination.d.ts +26 -0
- package/dist/components/TablePagination/TablePagination.d.ts.map +1 -0
- package/dist/components/TablePagination/TablePagination.js +80 -0
- package/dist/components/TablePagination/index.d.ts +3 -0
- package/dist/components/TablePagination/index.d.ts.map +1 -0
- package/dist/components/Tag/Tag.cjs +1 -0
- package/dist/components/Tag/Tag.d.ts +25 -0
- package/dist/components/Tag/Tag.d.ts.map +1 -0
- package/dist/components/Tag/Tag.js +84 -0
- package/dist/components/Tag/Tag.variants.cjs +1 -0
- package/dist/components/Tag/Tag.variants.d.ts +8 -0
- package/dist/components/Tag/Tag.variants.d.ts.map +1 -0
- package/dist/components/Tag/Tag.variants.js +41 -0
- package/dist/components/Tag/TagGroup.cjs +1 -0
- package/dist/components/Tag/TagGroup.d.ts +8 -0
- package/dist/components/Tag/TagGroup.d.ts.map +1 -0
- package/dist/components/Tag/TagGroup.js +20 -0
- package/dist/components/Tag/TagGroup.variants.cjs +1 -0
- package/dist/components/Tag/TagGroup.variants.d.ts +6 -0
- package/dist/components/Tag/TagGroup.variants.d.ts.map +1 -0
- package/dist/components/Tag/TagGroup.variants.js +16 -0
- package/dist/components/Tag/index.d.ts +9 -0
- package/dist/components/Tag/index.d.ts.map +1 -0
- package/dist/components/Textarea/Textarea.cjs +1 -0
- package/dist/components/Textarea/Textarea.d.ts +54 -0
- package/dist/components/Textarea/Textarea.d.ts.map +1 -0
- package/dist/components/Textarea/Textarea.js +162 -0
- package/dist/components/Textarea/Textarea.variants.cjs +1 -0
- package/dist/components/Textarea/Textarea.variants.d.ts +60 -0
- package/dist/components/Textarea/Textarea.variants.d.ts.map +1 -0
- package/dist/components/Textarea/Textarea.variants.js +116 -0
- package/dist/components/Textarea/index.d.ts +3 -0
- package/dist/components/Textarea/index.d.ts.map +1 -0
- package/dist/components/Toast/Toast.cjs +1 -0
- package/dist/components/Toast/Toast.d.ts +71 -0
- package/dist/components/Toast/Toast.d.ts.map +1 -0
- package/dist/components/Toast/Toast.js +242 -0
- package/dist/components/Toast/index.d.ts +3 -0
- package/dist/components/Toast/index.d.ts.map +1 -0
- package/dist/components/Toggle/Toggle.cjs +1 -0
- package/dist/components/Toggle/Toggle.d.ts +18 -0
- package/dist/components/Toggle/Toggle.d.ts.map +1 -0
- package/dist/components/Toggle/Toggle.js +60 -0
- package/dist/components/Toggle/Toggle.variants.cjs +1 -0
- package/dist/components/Toggle/Toggle.variants.d.ts +13 -0
- package/dist/components/Toggle/Toggle.variants.d.ts.map +1 -0
- package/dist/components/Toggle/Toggle.variants.js +76 -0
- package/dist/components/Toggle/index.d.ts +4 -0
- package/dist/components/Toggle/index.d.ts.map +1 -0
- package/dist/components/Tooltip/Tooltip.cjs +1 -0
- package/dist/components/Tooltip/Tooltip.d.ts +13 -0
- package/dist/components/Tooltip/Tooltip.d.ts.map +1 -0
- package/dist/components/Tooltip/Tooltip.js +41 -0
- package/dist/components/Tooltip/index.d.ts +3 -0
- package/dist/components/Tooltip/index.d.ts.map +1 -0
- package/dist/components/_shared/SelectionIndicators.cjs +1 -0
- package/dist/components/_shared/SelectionIndicators.d.ts +33 -0
- package/dist/components/_shared/SelectionIndicators.d.ts.map +1 -0
- package/dist/components/_shared/SelectionIndicators.js +49 -0
- package/dist/index.cjs +1 -0
- package/dist/index.d.ts +96 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +202 -0
- package/dist/utils/cn.cjs +1 -0
- package/dist/utils/cn.d.ts +3 -0
- package/dist/utils/cn.d.ts.map +1 -0
- package/dist/utils/cn.js +9 -0
- package/dist/utils/focusRing.cjs +1 -0
- package/dist/utils/focusRing.d.ts +20 -0
- package/dist/utils/focusRing.d.ts.map +1 -0
- package/dist/utils/focusRing.js +5 -0
- package/package.json +82 -0
|
@@ -0,0 +1,116 @@
|
|
|
1
|
+
import { cva as a } from "class-variance-authority";
|
|
2
|
+
import { FOCUS_WITHIN_RING as r } from "../../utils/focusRing.js";
|
|
3
|
+
const t = a("cai-flex cai-flex-col cai-w-full", {
|
|
4
|
+
variants: {
|
|
5
|
+
disabled: {
|
|
6
|
+
true: "cai-opacity-40 cai-pointer-events-none cai-cursor-not-allowed",
|
|
7
|
+
false: "aria-disabled:cai-opacity-40 aria-disabled:cai-pointer-events-none aria-disabled:cai-cursor-not-allowed"
|
|
8
|
+
}
|
|
9
|
+
},
|
|
10
|
+
defaultVariants: {
|
|
11
|
+
disabled: !1
|
|
12
|
+
}
|
|
13
|
+
}), c = a("cai-flex cai-items-baseline cai-gap-x-2 cai-mb-1.5 cai-order-1"), o = a("cai-font-sans cai-text-micro1 cai-font-medium cai-text-primary"), s = a(
|
|
14
|
+
[
|
|
15
|
+
"cai-relative cai-rounded-md cai-overflow-hidden cai-order-2",
|
|
16
|
+
"cai-border cai-transition-colors cai-bg-transparent",
|
|
17
|
+
r
|
|
18
|
+
],
|
|
19
|
+
{
|
|
20
|
+
variants: {
|
|
21
|
+
error: {
|
|
22
|
+
true: "",
|
|
23
|
+
false: [
|
|
24
|
+
"cai-border-septenary",
|
|
25
|
+
"hover:cai-border-nonary hover:cai-bg-secondary",
|
|
26
|
+
"focus-within:cai-border-brand-primary focus-within:cai-bg-transparent"
|
|
27
|
+
]
|
|
28
|
+
},
|
|
29
|
+
tagsMode: {
|
|
30
|
+
true: "",
|
|
31
|
+
false: ""
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
compoundVariants: [
|
|
35
|
+
{
|
|
36
|
+
error: !0,
|
|
37
|
+
tagsMode: !1,
|
|
38
|
+
className: "cai-border-error-alt cai-bg-error"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
error: !0,
|
|
42
|
+
tagsMode: !0,
|
|
43
|
+
className: "cai-border-error-alt"
|
|
44
|
+
}
|
|
45
|
+
],
|
|
46
|
+
defaultVariants: {
|
|
47
|
+
error: !1,
|
|
48
|
+
tagsMode: !1
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
), n = a(
|
|
52
|
+
[
|
|
53
|
+
"cai-block cai-w-full cai-min-h-[140px]",
|
|
54
|
+
"cai-px-3 cai-py-2",
|
|
55
|
+
"cai-font-sans cai-text-subbody cai-font-medium",
|
|
56
|
+
"cai-bg-transparent cai-border-none cai-outline-none"
|
|
57
|
+
],
|
|
58
|
+
{
|
|
59
|
+
variants: {
|
|
60
|
+
error: {
|
|
61
|
+
true: "cai-text-primary-alt placeholder:cai-text-primary-alt placeholder:cai-opacity-60",
|
|
62
|
+
false: "cai-text-primary placeholder:cai-text-tertiary"
|
|
63
|
+
},
|
|
64
|
+
resize: {
|
|
65
|
+
true: "cai-resize-y",
|
|
66
|
+
false: "cai-resize-none"
|
|
67
|
+
},
|
|
68
|
+
tagsMode: {
|
|
69
|
+
true: "cai-min-h-[40px]",
|
|
70
|
+
false: ""
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
compoundVariants: [
|
|
74
|
+
{
|
|
75
|
+
error: !0,
|
|
76
|
+
tagsMode: !0,
|
|
77
|
+
className: "cai-text-primary placeholder:cai-text-tertiary"
|
|
78
|
+
}
|
|
79
|
+
],
|
|
80
|
+
defaultVariants: {
|
|
81
|
+
error: !1,
|
|
82
|
+
resize: !0,
|
|
83
|
+
tagsMode: !1
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
), l = a("cai-flex cai-flex-wrap cai-gap-1.5 cai-px-2.5 cai-pt-2 cai-pb-1"), d = a("cai-flex cai-items-center cai-gap-1 cai-mt-1.5 cai-order-3"), b = a("cai-font-sans cai-text-micro1 cai-font-medium cai-text-primary"), f = a("cai-font-sans cai-text-xs cai-font-medium cai-text-error"), p = a("cai-flex cai-items-center", {
|
|
87
|
+
variants: {
|
|
88
|
+
variant: {
|
|
89
|
+
error: "cai-text-icon-error",
|
|
90
|
+
hint: "cai-text-icon-tertiary"
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
defaultVariants: {
|
|
94
|
+
variant: "hint"
|
|
95
|
+
}
|
|
96
|
+
});
|
|
97
|
+
a([
|
|
98
|
+
"[scrollbar-width:thin]",
|
|
99
|
+
"[scrollbar-color:var(--bg-scroll-alt)_var(--bg-scroll)]",
|
|
100
|
+
"[&::-webkit-scrollbar]:cai-w-2",
|
|
101
|
+
"[&::-webkit-scrollbar-track]:cai-bg-scroll",
|
|
102
|
+
"[&::-webkit-scrollbar-thumb]:cai-rounded-full",
|
|
103
|
+
"[&::-webkit-scrollbar-thumb]:cai-bg-scroll-alt"
|
|
104
|
+
]);
|
|
105
|
+
export {
|
|
106
|
+
f as errorText,
|
|
107
|
+
p as hintIcon,
|
|
108
|
+
d as hintRow,
|
|
109
|
+
b as hintText,
|
|
110
|
+
c as labelRow,
|
|
111
|
+
o as labelText,
|
|
112
|
+
l as tagsContainer,
|
|
113
|
+
s as textareaContainer,
|
|
114
|
+
n as textareaField,
|
|
115
|
+
t as textareaWrapper
|
|
116
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,YAAY,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),D=require("react"),M=require("react-dom"),C=require("@radix-ui/react-slot"),l=require("../../utils/cn.cjs"),h=require("../../utils/focusRing.cjs"),O=require("../Icon/Icon.cjs");function N(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const i=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,i.get?i:{enumerable:!0,get:()=>t[a]})}}return e.default=t,Object.freeze(e)}const c=N(D),P=N(M),V=5,A=8e3,q={information:"cai-border-information-alt cai-bg-information cai-text-primary-alt",success:"cai-border-success-alt cai-bg-success cai-text-primary-alt",warning:"cai-border-warning-alt cai-bg-warning cai-text-primary-alt",error:"cai-border-error-alt cai-bg-error cai-text-primary-alt","brand-primary":"cai-border-brand-primary cai-bg-brand-primary cai-text-primary-invert","brand-secondary":"cai-border-brand-tertiary cai-bg-brand-tertiary cai-text-primary-invert"},U={information:"cai-text-[var(--icon-primary-alt)]",success:"cai-text-[var(--icon-success-alt)]",warning:"cai-text-[var(--icon-warning-alt)]",error:"cai-text-[var(--icon-error-alt)]","brand-primary":"cai-text-[var(--icon-primary-invert)]","brand-secondary":"cai-text-[var(--icon-primary-invert)]"},L={information:"info-circle",success:"check-circle",warning:"annotation-info",error:"alert-circle","brand-primary":"announcement-02","brand-secondary":"announcement-02"},v="top-right",k={"top-right":"cai-top-4 cai-right-4","top-left":"cai-top-4 cai-left-4","bottom-right":"cai-bottom-4 cai-right-4","bottom-left":"cai-bottom-4 cai-left-4","top-center":"cai-top-4 cai-left-1/2 cai--translate-x-1/2","bottom-center":"cai-bottom-4 cai-left-1/2 cai--translate-x-1/2"};let p=0;function F(){return p=(p+1)%Number.MAX_SAFE_INTEGER,p.toString()}const f=new Map;function g(t){if(f.has(t))return;const e=setTimeout(()=>{f.delete(t),d({type:"REMOVE_TOAST",toastId:t})},A);f.set(t,e)}function G(t,e){switch(e.type){case"ADD_TOAST":return{...t,toasts:[e.toast,...t.toasts].slice(0,V)};case"UPDATE_TOAST":return{...t,toasts:t.toasts.map(a=>a.id===e.toast.id?{...a,...e.toast}:a)};case"DISMISS_TOAST":{const{toastId:a}=e;return a?g(a):t.toasts.forEach(i=>g(i.id)),{...t,toasts:t.toasts.map(i=>i.id===a||a===void 0?{...i,open:!1}:i)}}case"REMOVE_TOAST":return e.toastId===void 0?{...t,toasts:[]}:{...t,toasts:t.toasts.filter(a=>a.id!==e.toastId)};default:return t}}const u=[];let m={toasts:[]};function d(t){m=G(m,t),u.forEach(e=>e(m))}function _(t){const e=F(),a=t.duration??A,i=s=>d({type:"UPDATE_TOAST",toast:{...s,id:e}}),r=()=>d({type:"DISMISS_TOAST",toastId:e});d({type:"ADD_TOAST",toast:{...t,id:e,open:!0}});const n=setTimeout(()=>{r()},a);return{id:e,dismiss:r,update:i,_timeout:n}}function w(){const[t,e]=c.useState(m);return c.useEffect(()=>(u.push(e),()=>{const a=u.indexOf(e);a>-1&&u.splice(a,1)}),[]),{...t,toast:_,dismiss:a=>d({type:"DISMISS_TOAST",toastId:a}),remove:a=>d({type:"REMOVE_TOAST",toastId:a})}}const I=c.forwardRef(({altText:t,asChild:e=!1,className:a,children:i,...r},n)=>{const s=e?C.Slot:"button";return o.jsx(s,{ref:n,...e?{}:{type:"button"},className:l.cn("cai-mt-1.5 cai-cursor-pointer cai-bg-transparent cai-border-none cai-p-0 cai-text-xs cai-underline hover:cai-opacity-70 cai-transition-opacity cai-rounded-xs",h.FOCUS_RING,a),"aria-label":t,...r,children:i})});I.displayName="ToastAction";const T=c.forwardRef(({className:t,children:e,...a},i)=>o.jsx("p",{ref:i,className:l.cn("cai-text-body2 cai-font-semibold",t),...a,children:e}));T.displayName="ToastTitle";const b=c.forwardRef(({className:t,children:e,...a},i)=>o.jsx("p",{ref:i,className:l.cn("cai-text-subbody cai-leading-normal",t),...a,children:e}));b.displayName="ToastDescription";const x=c.forwardRef(({className:t,...e},a)=>o.jsxs("button",{ref:a,type:"button",className:l.cn("cai-flex-shrink-0 cai-mt-0.5 cai-cursor-pointer cai-bg-transparent cai-border-none cai-p-0 hover:cai-opacity-70 cai-transition-opacity cai-rounded-xs",h.FOCUS_RING,t),...e,children:[o.jsx("span",{className:"cai-sr-only",children:"Close"}),o.jsx(O.Icon,{name:"x-close",width:16,height:16,"aria-hidden":"true"})]}));x.displayName="ToastClose";const z=({toast:t,onClose:e})=>{const a=t.variant??"information",i=L[a],r=U[a],n=`toast-title-${t.id}`,s=a==="error"||a==="warning";return o.jsxs("li",{role:s?"alert":"status","aria-live":s?"assertive":"polite","aria-atomic":"true","data-state":t.open?"open":"closed",className:l.cn("cai-flex cai-items-start cai-gap-2.5 cai-rounded-lg cai-border-[1.5px] cai-px-4 cai-py-3.5 cai-shadow-shallow cai-transition-all cai-duration-300",q[a],t.open?"cai-animate-in cai-slide-in-from-top-full cai-fade-in-0":"cai-animate-out cai-slide-out-to-right-full cai-fade-out-0"),children:[o.jsxs("output",{className:"cai-flex cai-items-start cai-gap-2.5 cai-flex-1 cai-min-w-0",children:[o.jsx("div",{className:l.cn("cai-flex-shrink-0 cai-mt-0.5",r),children:o.jsx(O.Icon,{name:i,width:18,height:18,"aria-hidden":"true"})}),o.jsxs("div",{className:"cai-flex-1 cai-min-w-0",children:[t.notificationSource&&o.jsx("div",{className:"cai-text-eyebrow2 cai-font-semibold cai-uppercase cai-mb-sm",children:t.notificationSource}),t.title&&o.jsx(T,{id:n,children:t.title}),t.description&&o.jsx(b,{children:t.description}),t.action]})]}),o.jsx(x,{onClick:()=>e(t.id),"aria-describedby":t.title?n:void 0})]})},y=c.forwardRef(({className:t,position:e=v,unpositioned:a=!1,...i},r)=>o.jsx("ol",{ref:r,role:"region","aria-label":"Notifications",className:l.cn("cai-flex cai-max-w-[420px] cai-flex-col cai-gap-2 cai-list-none cai-p-0 cai-m-0",a?null:"cai-fixed cai-z-[100]",a?null:k[e],t),...i}));y.displayName="ToastViewport";const j=({children:t})=>o.jsx(o.Fragment,{children:t});j.displayName="ToastProvider";const E=({position:t=v,container:e})=>{const{toasts:a,remove:i}=w(),[r,n]=c.useState(!1);if(c.useEffect(()=>{n(!0)},[]),!r||typeof document>"u"||a.length===0)return null;const s=e??document.body,R=e!=null;return P.createPortal(o.jsx(y,{position:t,unpositioned:R,children:a.map(S=>o.jsx(z,{toast:S,onClose:i},S.id))}),s)};E.displayName="Toaster";exports.ToastAction=I;exports.ToastClose=x;exports.ToastDescription=b;exports.ToastProvider=j;exports.ToastTitle=T;exports.ToastViewport=y;exports.Toaster=E;exports.toast=_;exports.useToast=w;
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
type ToastVariant = 'information' | 'success' | 'warning' | 'error' | 'brand-primary' | 'brand-secondary';
|
|
3
|
+
export type ToasterPosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left' | 'top-center' | 'bottom-center';
|
|
4
|
+
export type ToastActionElement = React.ReactElement<ToastActionProps>;
|
|
5
|
+
export interface ToastActionProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
6
|
+
altText: string;
|
|
7
|
+
asChild?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export interface ToasterToast {
|
|
10
|
+
id: string;
|
|
11
|
+
variant?: ToastVariant;
|
|
12
|
+
notificationSource?: string;
|
|
13
|
+
title?: React.ReactNode;
|
|
14
|
+
description?: React.ReactNode;
|
|
15
|
+
action?: ToastActionElement;
|
|
16
|
+
duration?: number;
|
|
17
|
+
open?: boolean;
|
|
18
|
+
onOpenChange?: (open: boolean) => void;
|
|
19
|
+
}
|
|
20
|
+
type ToastInput = Omit<ToasterToast, 'id'>;
|
|
21
|
+
declare function toast(props: ToastInput): {
|
|
22
|
+
id: string;
|
|
23
|
+
dismiss: () => void;
|
|
24
|
+
update: (updateProps: Partial<ToasterToast>) => void;
|
|
25
|
+
_timeout: NodeJS.Timeout;
|
|
26
|
+
};
|
|
27
|
+
declare function useToast(): {
|
|
28
|
+
toast: typeof toast;
|
|
29
|
+
dismiss: (toastId?: string) => void;
|
|
30
|
+
remove: (toastId?: string) => void;
|
|
31
|
+
toasts: ToasterToast[];
|
|
32
|
+
};
|
|
33
|
+
declare const ToastAction: React.ForwardRefExoticComponent<ToastActionProps & React.RefAttributes<HTMLButtonElement>>;
|
|
34
|
+
export interface ToastTitleProps extends React.HTMLAttributes<HTMLParagraphElement> {
|
|
35
|
+
}
|
|
36
|
+
declare const ToastTitle: React.ForwardRefExoticComponent<ToastTitleProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
37
|
+
export interface ToastDescriptionProps extends React.HTMLAttributes<HTMLParagraphElement> {
|
|
38
|
+
}
|
|
39
|
+
declare const ToastDescription: React.ForwardRefExoticComponent<ToastDescriptionProps & React.RefAttributes<HTMLParagraphElement>>;
|
|
40
|
+
export interface ToastCloseProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
41
|
+
}
|
|
42
|
+
declare const ToastClose: React.ForwardRefExoticComponent<ToastCloseProps & React.RefAttributes<HTMLButtonElement>>;
|
|
43
|
+
export interface ToastViewportProps extends React.HTMLAttributes<HTMLOListElement> {
|
|
44
|
+
position?: ToasterPosition;
|
|
45
|
+
/**
|
|
46
|
+
* When `true`, the viewport renders without `position: fixed` and
|
|
47
|
+
* without the corner offset classes — the parent container is
|
|
48
|
+
* expected to handle positioning. Used by `Toaster` when a custom
|
|
49
|
+
* `container` is provided so the stack anchors to that container's
|
|
50
|
+
* coordinate space instead of the viewport.
|
|
51
|
+
*/
|
|
52
|
+
unpositioned?: boolean;
|
|
53
|
+
}
|
|
54
|
+
declare const ToastViewport: React.ForwardRefExoticComponent<ToastViewportProps & React.RefAttributes<HTMLOListElement>>;
|
|
55
|
+
export interface ToastProviderProps {
|
|
56
|
+
children: React.ReactNode;
|
|
57
|
+
}
|
|
58
|
+
declare const ToastProvider: React.FC<ToastProviderProps>;
|
|
59
|
+
export interface ToasterProps {
|
|
60
|
+
position?: ToasterPosition;
|
|
61
|
+
/**
|
|
62
|
+
* Optional portal target. Defaults to `document.body` (viewport-
|
|
63
|
+
* fixed). Pass an element to scope the toast stack to that element's
|
|
64
|
+
* coordinate space — the parent must be positioned (relative /
|
|
65
|
+
* absolute / fixed) and supply its own corner offsets.
|
|
66
|
+
*/
|
|
67
|
+
container?: HTMLElement | null;
|
|
68
|
+
}
|
|
69
|
+
declare const Toaster: React.FC<ToasterProps>;
|
|
70
|
+
export { ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, toast, useToast, };
|
|
71
|
+
//# sourceMappingURL=Toast.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAkB9B,KAAK,YAAY,GACb,aAAa,GACb,SAAS,GACT,SAAS,GACT,OAAO,GACP,eAAe,GACf,iBAAiB,CAAA;AAqCrB,MAAM,MAAM,eAAe,GACvB,WAAW,GACX,UAAU,GACV,cAAc,GACd,aAAa,GACb,YAAY,GACZ,eAAe,CAAA;AAiBnB,MAAM,MAAM,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAC,gBAAgB,CAAC,CAAA;AAErE,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrF,OAAO,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC7B,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC;AAkFD,KAAK,UAAU,GAAG,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,CAAA;AAE1C,iBAAS,KAAK,CAAC,KAAK,EAAE,UAAU;;;0BAID,OAAO,CAAC,YAAY,CAAC;;EAoBnD;AAED,iBAAS,QAAQ;;wBAcO,MAAM;uBAIP,MAAM;YAnHnB,YAAY,EAAE;EAqHvB;AAMD,QAAA,MAAM,WAAW,4FAmBhB,CAAA;AAQD,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;CAAG;AAEtF,QAAA,MAAM,UAAU,8FAMf,CAAA;AAGD,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,oBAAoB,CAAC;CAAG;AAE5F,QAAA,MAAM,gBAAgB,oGAMrB,CAAA;AAGD,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;CAAG;AAEzF,QAAA,MAAM,UAAU,2FAgBf,CAAA;AAiED,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAChF,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B;;;;;;OAMG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB;AAED,QAAA,MAAM,aAAa,6FAelB,CAAA;AAQD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAqC,CAAA;AAQrF,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,eAAe,CAAA;IAC1B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAA;CAC/B;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAwBnC,CAAA;AAID,OAAO,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,aAAa,EACb,OAAO,EACP,KAAK,EACL,QAAQ,GACT,CAAA"}
|
|
@@ -0,0 +1,242 @@
|
|
|
1
|
+
import { jsx as o, jsxs as m, Fragment as _ } from "react/jsx-runtime";
|
|
2
|
+
import * as c from "react";
|
|
3
|
+
import * as I from "react-dom";
|
|
4
|
+
import { Slot as E } from "@radix-ui/react-slot";
|
|
5
|
+
import { cn as l } from "../../utils/cn.js";
|
|
6
|
+
import { FOCUS_RING as x } from "../../utils/focusRing.js";
|
|
7
|
+
import { Icon as S } from "../Icon/Icon.js";
|
|
8
|
+
const R = 5, h = 8e3, D = {
|
|
9
|
+
information: "cai-border-information-alt cai-bg-information cai-text-primary-alt",
|
|
10
|
+
success: "cai-border-success-alt cai-bg-success cai-text-primary-alt",
|
|
11
|
+
warning: "cai-border-warning-alt cai-bg-warning cai-text-primary-alt",
|
|
12
|
+
error: "cai-border-error-alt cai-bg-error cai-text-primary-alt",
|
|
13
|
+
"brand-primary": "cai-border-brand-primary cai-bg-brand-primary cai-text-primary-invert",
|
|
14
|
+
"brand-secondary": "cai-border-brand-tertiary cai-bg-brand-tertiary cai-text-primary-invert"
|
|
15
|
+
}, M = {
|
|
16
|
+
information: "cai-text-[var(--icon-primary-alt)]",
|
|
17
|
+
success: "cai-text-[var(--icon-success-alt)]",
|
|
18
|
+
warning: "cai-text-[var(--icon-warning-alt)]",
|
|
19
|
+
error: "cai-text-[var(--icon-error-alt)]",
|
|
20
|
+
"brand-primary": "cai-text-[var(--icon-primary-invert)]",
|
|
21
|
+
"brand-secondary": "cai-text-[var(--icon-primary-invert)]"
|
|
22
|
+
}, C = {
|
|
23
|
+
information: "info-circle",
|
|
24
|
+
success: "check-circle",
|
|
25
|
+
warning: "annotation-info",
|
|
26
|
+
error: "alert-circle",
|
|
27
|
+
"brand-primary": "announcement-02",
|
|
28
|
+
"brand-secondary": "announcement-02"
|
|
29
|
+
}, g = "top-right", P = {
|
|
30
|
+
"top-right": "cai-top-4 cai-right-4",
|
|
31
|
+
"top-left": "cai-top-4 cai-left-4",
|
|
32
|
+
"bottom-right": "cai-bottom-4 cai-right-4",
|
|
33
|
+
"bottom-left": "cai-bottom-4 cai-left-4",
|
|
34
|
+
"top-center": "cai-top-4 cai-left-1/2 cai--translate-x-1/2",
|
|
35
|
+
"bottom-center": "cai-bottom-4 cai-left-1/2 cai--translate-x-1/2"
|
|
36
|
+
};
|
|
37
|
+
let f = 0;
|
|
38
|
+
function V() {
|
|
39
|
+
return f = (f + 1) % Number.MAX_SAFE_INTEGER, f.toString();
|
|
40
|
+
}
|
|
41
|
+
const T = /* @__PURE__ */ new Map();
|
|
42
|
+
function y(t) {
|
|
43
|
+
if (T.has(t)) return;
|
|
44
|
+
const i = setTimeout(() => {
|
|
45
|
+
T.delete(t), d({ type: "REMOVE_TOAST", toastId: t });
|
|
46
|
+
}, h);
|
|
47
|
+
T.set(t, i);
|
|
48
|
+
}
|
|
49
|
+
function L(t, i) {
|
|
50
|
+
switch (i.type) {
|
|
51
|
+
case "ADD_TOAST":
|
|
52
|
+
return {
|
|
53
|
+
...t,
|
|
54
|
+
toasts: [i.toast, ...t.toasts].slice(0, R)
|
|
55
|
+
};
|
|
56
|
+
case "UPDATE_TOAST":
|
|
57
|
+
return {
|
|
58
|
+
...t,
|
|
59
|
+
toasts: t.toasts.map((a) => a.id === i.toast.id ? { ...a, ...i.toast } : a)
|
|
60
|
+
};
|
|
61
|
+
case "DISMISS_TOAST": {
|
|
62
|
+
const { toastId: a } = i;
|
|
63
|
+
return a ? y(a) : t.toasts.forEach((e) => y(e.id)), {
|
|
64
|
+
...t,
|
|
65
|
+
toasts: t.toasts.map(
|
|
66
|
+
(e) => e.id === a || a === void 0 ? { ...e, open: !1 } : e
|
|
67
|
+
)
|
|
68
|
+
};
|
|
69
|
+
}
|
|
70
|
+
case "REMOVE_TOAST":
|
|
71
|
+
return i.toastId === void 0 ? { ...t, toasts: [] } : {
|
|
72
|
+
...t,
|
|
73
|
+
toasts: t.toasts.filter((a) => a.id !== i.toastId)
|
|
74
|
+
};
|
|
75
|
+
default:
|
|
76
|
+
return t;
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
const p = [];
|
|
80
|
+
let u = { toasts: [] };
|
|
81
|
+
function d(t) {
|
|
82
|
+
u = L(u, t), p.forEach((i) => i(u));
|
|
83
|
+
}
|
|
84
|
+
function U(t) {
|
|
85
|
+
const i = V(), a = t.duration ?? h, e = (s) => d({ type: "UPDATE_TOAST", toast: { ...s, id: i } }), r = () => d({ type: "DISMISS_TOAST", toastId: i });
|
|
86
|
+
d({
|
|
87
|
+
type: "ADD_TOAST",
|
|
88
|
+
toast: { ...t, id: i, open: !0 }
|
|
89
|
+
});
|
|
90
|
+
const n = setTimeout(() => {
|
|
91
|
+
r();
|
|
92
|
+
}, a);
|
|
93
|
+
return {
|
|
94
|
+
id: i,
|
|
95
|
+
dismiss: r,
|
|
96
|
+
update: e,
|
|
97
|
+
_timeout: n
|
|
98
|
+
};
|
|
99
|
+
}
|
|
100
|
+
function k() {
|
|
101
|
+
const [t, i] = c.useState(u);
|
|
102
|
+
return c.useEffect(() => (p.push(i), () => {
|
|
103
|
+
const a = p.indexOf(i);
|
|
104
|
+
a > -1 && p.splice(a, 1);
|
|
105
|
+
}), []), {
|
|
106
|
+
...t,
|
|
107
|
+
toast: U,
|
|
108
|
+
dismiss: (a) => d({ type: "DISMISS_TOAST", toastId: a }),
|
|
109
|
+
// Imperative close: skips the DISMISS_TOAST → REMOVE_TOAST queue so
|
|
110
|
+
// a user click on the X button removes the toast immediately,
|
|
111
|
+
// overriding the per-toast auto-dismiss schedule.
|
|
112
|
+
remove: (a) => d({ type: "REMOVE_TOAST", toastId: a })
|
|
113
|
+
};
|
|
114
|
+
}
|
|
115
|
+
const F = c.forwardRef(
|
|
116
|
+
({ altText: t, asChild: i = !1, className: a, children: e, ...r }, n) => /* @__PURE__ */ o(
|
|
117
|
+
i ? E : "button",
|
|
118
|
+
{
|
|
119
|
+
ref: n,
|
|
120
|
+
...i ? {} : { type: "button" },
|
|
121
|
+
className: l(
|
|
122
|
+
"cai-mt-1.5 cai-cursor-pointer cai-bg-transparent cai-border-none cai-p-0 cai-text-xs cai-underline hover:cai-opacity-70 cai-transition-opacity cai-rounded-xs",
|
|
123
|
+
x,
|
|
124
|
+
a
|
|
125
|
+
),
|
|
126
|
+
"aria-label": t,
|
|
127
|
+
...r,
|
|
128
|
+
children: e
|
|
129
|
+
}
|
|
130
|
+
)
|
|
131
|
+
);
|
|
132
|
+
F.displayName = "ToastAction";
|
|
133
|
+
const A = c.forwardRef(
|
|
134
|
+
({ className: t, children: i, ...a }, e) => /* @__PURE__ */ o("p", { ref: e, className: l("cai-text-body2 cai-font-semibold", t), ...a, children: i })
|
|
135
|
+
);
|
|
136
|
+
A.displayName = "ToastTitle";
|
|
137
|
+
const N = c.forwardRef(
|
|
138
|
+
({ className: t, children: i, ...a }, e) => /* @__PURE__ */ o("p", { ref: e, className: l("cai-text-subbody cai-leading-normal", t), ...a, children: i })
|
|
139
|
+
);
|
|
140
|
+
N.displayName = "ToastDescription";
|
|
141
|
+
const v = c.forwardRef(
|
|
142
|
+
({ className: t, ...i }, a) => /* @__PURE__ */ m(
|
|
143
|
+
"button",
|
|
144
|
+
{
|
|
145
|
+
ref: a,
|
|
146
|
+
type: "button",
|
|
147
|
+
className: l(
|
|
148
|
+
"cai-flex-shrink-0 cai-mt-0.5 cai-cursor-pointer cai-bg-transparent cai-border-none cai-p-0 hover:cai-opacity-70 cai-transition-opacity cai-rounded-xs",
|
|
149
|
+
x,
|
|
150
|
+
t
|
|
151
|
+
),
|
|
152
|
+
...i,
|
|
153
|
+
children: [
|
|
154
|
+
/* @__PURE__ */ o("span", { className: "cai-sr-only", children: "Close" }),
|
|
155
|
+
/* @__PURE__ */ o(S, { name: "x-close", width: 16, height: 16, "aria-hidden": "true" })
|
|
156
|
+
]
|
|
157
|
+
}
|
|
158
|
+
)
|
|
159
|
+
);
|
|
160
|
+
v.displayName = "ToastClose";
|
|
161
|
+
const j = ({ toast: t, onClose: i }) => {
|
|
162
|
+
const a = t.variant ?? "information", e = C[a], r = M[a], n = `toast-title-${t.id}`, s = a === "error" || a === "warning";
|
|
163
|
+
return /* @__PURE__ */ m(
|
|
164
|
+
"li",
|
|
165
|
+
{
|
|
166
|
+
role: s ? "alert" : "status",
|
|
167
|
+
"aria-live": s ? "assertive" : "polite",
|
|
168
|
+
"aria-atomic": "true",
|
|
169
|
+
"data-state": t.open ? "open" : "closed",
|
|
170
|
+
className: l(
|
|
171
|
+
"cai-flex cai-items-start cai-gap-2.5 cai-rounded-lg cai-border-[1.5px] cai-px-4 cai-py-3.5 cai-shadow-shallow cai-transition-all cai-duration-300",
|
|
172
|
+
D[a],
|
|
173
|
+
t.open ? "cai-animate-in cai-slide-in-from-top-full cai-fade-in-0" : "cai-animate-out cai-slide-out-to-right-full cai-fade-out-0"
|
|
174
|
+
),
|
|
175
|
+
children: [
|
|
176
|
+
/* @__PURE__ */ m("output", { className: "cai-flex cai-items-start cai-gap-2.5 cai-flex-1 cai-min-w-0", children: [
|
|
177
|
+
/* @__PURE__ */ o("div", { className: l("cai-flex-shrink-0 cai-mt-0.5", r), children: /* @__PURE__ */ o(S, { name: e, width: 18, height: 18, "aria-hidden": "true" }) }),
|
|
178
|
+
/* @__PURE__ */ m("div", { className: "cai-flex-1 cai-min-w-0", children: [
|
|
179
|
+
t.notificationSource && /* @__PURE__ */ o("div", { className: "cai-text-eyebrow2 cai-font-semibold cai-uppercase cai-mb-sm", children: t.notificationSource }),
|
|
180
|
+
t.title && /* @__PURE__ */ o(A, { id: n, children: t.title }),
|
|
181
|
+
t.description && /* @__PURE__ */ o(N, { children: t.description }),
|
|
182
|
+
t.action
|
|
183
|
+
] })
|
|
184
|
+
] }),
|
|
185
|
+
/* @__PURE__ */ o(
|
|
186
|
+
v,
|
|
187
|
+
{
|
|
188
|
+
onClick: () => i(t.id),
|
|
189
|
+
"aria-describedby": t.title ? n : void 0
|
|
190
|
+
}
|
|
191
|
+
)
|
|
192
|
+
]
|
|
193
|
+
}
|
|
194
|
+
);
|
|
195
|
+
}, O = c.forwardRef(
|
|
196
|
+
({ className: t, position: i = g, unpositioned: a = !1, ...e }, r) => /* @__PURE__ */ o(
|
|
197
|
+
"ol",
|
|
198
|
+
{
|
|
199
|
+
ref: r,
|
|
200
|
+
role: "region",
|
|
201
|
+
"aria-label": "Notifications",
|
|
202
|
+
className: l(
|
|
203
|
+
"cai-flex cai-max-w-[420px] cai-flex-col cai-gap-2 cai-list-none cai-p-0 cai-m-0",
|
|
204
|
+
a ? null : "cai-fixed cai-z-[100]",
|
|
205
|
+
a ? null : P[i],
|
|
206
|
+
t
|
|
207
|
+
),
|
|
208
|
+
...e
|
|
209
|
+
}
|
|
210
|
+
)
|
|
211
|
+
);
|
|
212
|
+
O.displayName = "ToastViewport";
|
|
213
|
+
const G = ({ children: t }) => /* @__PURE__ */ o(_, { children: t });
|
|
214
|
+
G.displayName = "ToastProvider";
|
|
215
|
+
const z = ({ position: t = g, container: i }) => {
|
|
216
|
+
const { toasts: a, remove: e } = k(), [r, n] = c.useState(!1);
|
|
217
|
+
if (c.useEffect(() => {
|
|
218
|
+
n(!0);
|
|
219
|
+
}, []), !r || typeof document > "u" || a.length === 0) return null;
|
|
220
|
+
const s = i ?? document.body, w = i != null;
|
|
221
|
+
return I.createPortal(
|
|
222
|
+
/* @__PURE__ */ o(O, { position: t, unpositioned: w, children: a.map((b) => (
|
|
223
|
+
// X click bypasses the auto-dismiss queue: a user explicitly
|
|
224
|
+
// closing the toast should not have to wait the full duration
|
|
225
|
+
// + REMOVE_DELAY before it leaves the DOM.
|
|
226
|
+
/* @__PURE__ */ o(j, { toast: b, onClose: e }, b.id)
|
|
227
|
+
)) }),
|
|
228
|
+
s
|
|
229
|
+
);
|
|
230
|
+
};
|
|
231
|
+
z.displayName = "Toaster";
|
|
232
|
+
export {
|
|
233
|
+
F as ToastAction,
|
|
234
|
+
v as ToastClose,
|
|
235
|
+
N as ToastDescription,
|
|
236
|
+
G as ToastProvider,
|
|
237
|
+
A as ToastTitle,
|
|
238
|
+
O as ToastViewport,
|
|
239
|
+
z as Toaster,
|
|
240
|
+
U as toast,
|
|
241
|
+
k as useToast
|
|
242
|
+
};
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, toast, useToast, } from './Toast';
|
|
2
|
+
export type { ToastActionElement, ToastActionProps, ToastCloseProps, ToastDescriptionProps, ToastProviderProps, ToastTitleProps, ToastViewportProps, ToasterPosition, ToasterProps, ToasterToast, } from './Toast';
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,UAAU,EACV,gBAAgB,EAChB,aAAa,EACb,UAAU,EACV,aAAa,EACb,OAAO,EACP,KAAK,EACL,QAAQ,GACT,MAAM,SAAS,CAAA;AAChB,YAAY,EACV,kBAAkB,EAClB,gBAAgB,EAChB,eAAe,EACf,qBAAqB,EACrB,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,eAAe,EACf,YAAY,EACZ,YAAY,GACb,MAAM,SAAS,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),T=require("react"),p=require("@radix-ui/react-switch"),l=require("../../utils/cn.cjs"),o=require("./Toggle.variants.cjs");function b(a){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const c in a)if(c!=="default"){const s=Object.getOwnPropertyDescriptor(a,c);Object.defineProperty(t,c,s.get?s:{enumerable:!0,get:()=>a[c]})}}return t.default=a,Object.freeze(t)}const u=b(T),g=b(p),f=u.forwardRef(({variant:a,size:t="md",text:c,supportingText:s,isTextLeft:j=!1,ariaLabel:x,disabled:h,className:y,...d},v)=>{const N=u.useId(),r=d.id??N,m=s?`${r}-desc`:void 0,i=e.jsx(g.Root,{ref:v,id:r,disabled:h,"aria-label":x,"aria-describedby":m,className:l.cn(o.toggleTrackVariants({variant:a,size:t}),y),...d,children:e.jsx(g.Thumb,{className:l.cn(o.toggleThumbVariants({size:t}))})}),n=c?e.jsxs("div",{className:"cai-flex cai-flex-col cai-gap-y-xxs",children:[e.jsx("label",{htmlFor:r,className:"cai-text-body2 cai-font-semibold cai-leading-normal cai-text-primary",children:c}),s&&e.jsx("span",{id:m,className:"cai-text-subbody cai-font-light cai-text-secondary",children:s})]}):null;return n?e.jsx("div",{className:l.cn(o.toggleRowVariants({size:t})),children:j?e.jsxs(e.Fragment,{children:[n,i]}):e.jsxs(e.Fragment,{children:[i,n]})}):i});f.displayName="Toggle";exports.Toggle=f;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { ToggleTrackVariantProps } from './Toggle.variants';
|
|
2
|
+
import * as React from 'react';
|
|
3
|
+
import * as SwitchPrimitives from '@radix-ui/react-switch';
|
|
4
|
+
export interface ToggleProps extends Omit<React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>, 'children'>, ToggleTrackVariantProps {
|
|
5
|
+
/** Toggle size */
|
|
6
|
+
size?: 'sm' | 'md' | 'lg';
|
|
7
|
+
/** Visible label text */
|
|
8
|
+
text?: string;
|
|
9
|
+
/** Description below label */
|
|
10
|
+
supportingText?: string;
|
|
11
|
+
/** Place label on the left side of the toggle */
|
|
12
|
+
isTextLeft?: boolean;
|
|
13
|
+
/** Accessible label identifier */
|
|
14
|
+
ariaLabel?: string;
|
|
15
|
+
}
|
|
16
|
+
declare const Toggle: React.ForwardRefExoticComponent<ToggleProps & React.RefAttributes<HTMLButtonElement>>;
|
|
17
|
+
export { Toggle };
|
|
18
|
+
//# sourceMappingURL=Toggle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,wBAAwB,CAAA;AAE1D,OAAO,EAIL,KAAK,uBAAuB,EAC7B,MAAM,mBAAmB,CAAA;AAM1B,MAAM,WAAW,WACf,SACE,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,EAAE,UAAU,CAAC,EAC9E,uBAAuB;IACzB,kBAAkB;IAClB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;IACzB,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,8BAA8B;IAC9B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,iDAAiD;IACjD,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kCAAkC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAMD,QAAA,MAAM,MAAM,uFAuEX,CAAA;AAID,OAAO,EAAE,MAAM,EAAE,CAAA"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { jsx as a, jsxs as o, Fragment as n } from "react/jsx-runtime";
|
|
2
|
+
import * as f from "react";
|
|
3
|
+
import * as g from "@radix-ui/react-switch";
|
|
4
|
+
import { cn as s } from "../../utils/cn.js";
|
|
5
|
+
import { toggleThumbVariants as p, toggleTrackVariants as I, toggleRowVariants as R } from "./Toggle.variants.js";
|
|
6
|
+
const w = f.forwardRef(
|
|
7
|
+
({
|
|
8
|
+
variant: h,
|
|
9
|
+
size: e = "md",
|
|
10
|
+
text: t,
|
|
11
|
+
supportingText: i,
|
|
12
|
+
isTextLeft: b = !1,
|
|
13
|
+
ariaLabel: x,
|
|
14
|
+
disabled: y,
|
|
15
|
+
className: N,
|
|
16
|
+
...d
|
|
17
|
+
}, u) => {
|
|
18
|
+
const v = f.useId(), c = d.id ?? v, m = i ? `${c}-desc` : void 0, l = /* @__PURE__ */ a(
|
|
19
|
+
g.Root,
|
|
20
|
+
{
|
|
21
|
+
ref: u,
|
|
22
|
+
id: c,
|
|
23
|
+
disabled: y,
|
|
24
|
+
"aria-label": x,
|
|
25
|
+
"aria-describedby": m,
|
|
26
|
+
className: s(I({ variant: h, size: e }), N),
|
|
27
|
+
...d,
|
|
28
|
+
children: /* @__PURE__ */ a(g.Thumb, { className: s(p({ size: e })) })
|
|
29
|
+
}
|
|
30
|
+
), r = t ? /* @__PURE__ */ o("div", { className: "cai-flex cai-flex-col cai-gap-y-xxs", children: [
|
|
31
|
+
/* @__PURE__ */ a(
|
|
32
|
+
"label",
|
|
33
|
+
{
|
|
34
|
+
htmlFor: c,
|
|
35
|
+
className: "cai-text-body2 cai-font-semibold cai-leading-normal cai-text-primary",
|
|
36
|
+
children: t
|
|
37
|
+
}
|
|
38
|
+
),
|
|
39
|
+
i && /* @__PURE__ */ a(
|
|
40
|
+
"span",
|
|
41
|
+
{
|
|
42
|
+
id: m,
|
|
43
|
+
className: "cai-text-subbody cai-font-light cai-text-secondary",
|
|
44
|
+
children: i
|
|
45
|
+
}
|
|
46
|
+
)
|
|
47
|
+
] }) : null;
|
|
48
|
+
return r ? /* @__PURE__ */ a("div", { className: s(R({ size: e })), children: b ? /* @__PURE__ */ o(n, { children: [
|
|
49
|
+
r,
|
|
50
|
+
l
|
|
51
|
+
] }) : /* @__PURE__ */ o(n, { children: [
|
|
52
|
+
l,
|
|
53
|
+
r
|
|
54
|
+
] }) }) : l;
|
|
55
|
+
}
|
|
56
|
+
);
|
|
57
|
+
w.displayName = "Toggle";
|
|
58
|
+
export {
|
|
59
|
+
w as Toggle
|
|
60
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("class-variance-authority"),i=require("../../utils/focusRing.cjs"),e=a.cva(["cai-peer cai-inline-flex cai-shrink-0 cai-cursor-pointer cai-items-center","cai-rounded-full cai-px-xxs cai-py-xxs","cai-transition-colors",i.FOCUS_RING,"disabled:cai-cursor-not-allowed disabled:cai-opacity-40"],{variants:{variant:{primary:["cai-border cai-border-tertiary cai-bg-tertiary","data-[state=checked]:cai-bg-primary data-[state=checked]:cai-border-transparent"],brand:["cai-border cai-border-quaternary cai-bg-brand-secondary","data-[state=checked]:cai-bg-brand-primary data-[state=checked]:cai-border-transparent"]},size:{sm:"cai-h-5 cai-w-10",md:"cai-h-6 cai-w-12",lg:"cai-h-[1.875rem] cai-w-[3.75rem]"}},defaultVariants:{variant:"primary",size:"md"}}),t=a.cva(["cai-pointer-events-none cai-block cai-aspect-square cai-rounded-full","cai-bg-octonary data-[state=checked]:cai-bg-primary-invert","cai-shadow-shallow cai-ring-0","cai-transition-transform"],{variants:{size:{sm:"cai-h-4 cai-w-4 data-[state=checked]:cai-translate-x-5",md:"cai-h-5 cai-w-5 data-[state=checked]:cai-translate-x-6",lg:"cai-h-[1.625rem] cai-w-[1.625rem] data-[state=checked]:cai-translate-x-[1.875rem]"}},defaultVariants:{size:"md"}}),r=a.cva("cai-flex cai-items-start",{variants:{size:{sm:"cai-gap-x-md",md:"cai-gap-x-lg",lg:"cai-gap-x-xl"}},defaultVariants:{size:"md"}});exports.toggleRowVariants=r;exports.toggleThumbVariants=t;exports.toggleTrackVariants=e;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { VariantProps } from 'class-variance-authority';
|
|
2
|
+
export declare const toggleTrackVariants: (props?: ({
|
|
3
|
+
variant?: "brand" | "primary" | null | undefined;
|
|
4
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
5
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
6
|
+
export declare const toggleThumbVariants: (props?: ({
|
|
7
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
8
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
9
|
+
export declare const toggleRowVariants: (props?: ({
|
|
10
|
+
size?: "sm" | "md" | "lg" | null | undefined;
|
|
11
|
+
} & import('class-variance-authority/types').ClassProp) | undefined) => string;
|
|
12
|
+
export type ToggleTrackVariantProps = VariantProps<typeof toggleTrackVariants>;
|
|
13
|
+
//# sourceMappingURL=Toggle.variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.variants.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAOjE,eAAO,MAAM,mBAAmB;;;8EAqC/B,CAAA;AAMD,eAAO,MAAM,mBAAmB;;8EAoB/B,CAAA;AAMD,eAAO,MAAM,iBAAiB;;8EAW5B,CAAA;AAEF,MAAM,MAAM,uBAAuB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAA"}
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { cva as a } from "class-variance-authority";
|
|
2
|
+
import { FOCUS_RING as i } from "../../utils/focusRing.js";
|
|
3
|
+
const t = a(
|
|
4
|
+
[
|
|
5
|
+
// Base
|
|
6
|
+
"cai-peer cai-inline-flex cai-shrink-0 cai-cursor-pointer cai-items-center",
|
|
7
|
+
"cai-rounded-full cai-px-xxs cai-py-xxs",
|
|
8
|
+
"cai-transition-colors",
|
|
9
|
+
i,
|
|
10
|
+
// Disabled
|
|
11
|
+
"disabled:cai-cursor-not-allowed disabled:cai-opacity-40"
|
|
12
|
+
],
|
|
13
|
+
{
|
|
14
|
+
variants: {
|
|
15
|
+
variant: {
|
|
16
|
+
primary: [
|
|
17
|
+
// Unchecked
|
|
18
|
+
"cai-border cai-border-tertiary cai-bg-tertiary",
|
|
19
|
+
// Checked
|
|
20
|
+
"data-[state=checked]:cai-bg-primary data-[state=checked]:cai-border-transparent"
|
|
21
|
+
],
|
|
22
|
+
brand: [
|
|
23
|
+
// Unchecked
|
|
24
|
+
"cai-border cai-border-quaternary cai-bg-brand-secondary",
|
|
25
|
+
// Checked
|
|
26
|
+
"data-[state=checked]:cai-bg-brand-primary data-[state=checked]:cai-border-transparent"
|
|
27
|
+
]
|
|
28
|
+
},
|
|
29
|
+
size: {
|
|
30
|
+
sm: "cai-h-5 cai-w-10",
|
|
31
|
+
md: "cai-h-6 cai-w-12",
|
|
32
|
+
lg: "cai-h-[1.875rem] cai-w-[3.75rem]"
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
defaultVariants: {
|
|
36
|
+
variant: "primary",
|
|
37
|
+
size: "md"
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
), e = a(
|
|
41
|
+
[
|
|
42
|
+
// Base
|
|
43
|
+
"cai-pointer-events-none cai-block cai-aspect-square cai-rounded-full",
|
|
44
|
+
"cai-bg-octonary data-[state=checked]:cai-bg-primary-invert",
|
|
45
|
+
"cai-shadow-shallow cai-ring-0",
|
|
46
|
+
"cai-transition-transform"
|
|
47
|
+
],
|
|
48
|
+
{
|
|
49
|
+
variants: {
|
|
50
|
+
size: {
|
|
51
|
+
sm: "cai-h-4 cai-w-4 data-[state=checked]:cai-translate-x-5",
|
|
52
|
+
md: "cai-h-5 cai-w-5 data-[state=checked]:cai-translate-x-6",
|
|
53
|
+
lg: "cai-h-[1.625rem] cai-w-[1.625rem] data-[state=checked]:cai-translate-x-[1.875rem]"
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
defaultVariants: {
|
|
57
|
+
size: "md"
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
), s = a("cai-flex cai-items-start", {
|
|
61
|
+
variants: {
|
|
62
|
+
size: {
|
|
63
|
+
sm: "cai-gap-x-md",
|
|
64
|
+
md: "cai-gap-x-lg",
|
|
65
|
+
lg: "cai-gap-x-xl"
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
defaultVariants: {
|
|
69
|
+
size: "md"
|
|
70
|
+
}
|
|
71
|
+
});
|
|
72
|
+
export {
|
|
73
|
+
s as toggleRowVariants,
|
|
74
|
+
e as toggleThumbVariants,
|
|
75
|
+
t as toggleTrackVariants
|
|
76
|
+
};
|