@cdx-ui/components 0.0.1-beta.99 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/README.md +29 -6
- package/coverage.svg +1 -0
- package/lib/commonjs/animation/hooks/index.js +33 -0
- package/lib/commonjs/animation/hooks/index.js.map +1 -1
- package/lib/commonjs/animation/hooks/usePopupDialogContentAnimation.js +175 -0
- package/lib/commonjs/animation/hooks/usePopupDialogContentAnimation.js.map +1 -0
- package/lib/commonjs/animation/hooks/usePopupOverlayAnimation.js +69 -0
- package/lib/commonjs/animation/hooks/usePopupOverlayAnimation.js.map +1 -0
- package/lib/commonjs/animation/hooks/usePopupRootAnimation.js +26 -0
- package/lib/commonjs/animation/hooks/usePopupRootAnimation.js.map +1 -0
- package/lib/commonjs/components/Accordion/index.js +286 -0
- package/lib/commonjs/components/Accordion/index.js.map +1 -0
- package/lib/commonjs/components/Accordion/styles.js +56 -0
- package/lib/commonjs/components/Accordion/styles.js.map +1 -0
- package/lib/commonjs/components/Alert/styles.js +8 -8
- package/lib/commonjs/components/Alert/styles.js.map +1 -1
- package/lib/commonjs/components/AlertDialog/index.js +16 -3
- package/lib/commonjs/components/AlertDialog/index.js.map +1 -1
- package/lib/commonjs/components/Avatar/styles.js +6 -6
- package/lib/commonjs/components/Avatar/styles.js.map +1 -1
- package/lib/commonjs/components/Badge/styles.js +6 -6
- package/lib/commonjs/components/Badge/styles.js.map +1 -1
- package/lib/commonjs/components/BottomSheet/index.js +34 -2
- package/lib/commonjs/components/BottomSheet/index.js.map +1 -1
- package/lib/commonjs/components/BottomSheet/styles.js +8 -8
- package/lib/commonjs/components/BottomSheet/styles.js.map +1 -1
- package/lib/commonjs/components/Box/Box.js +1 -11
- package/lib/commonjs/components/Box/Box.js.map +1 -1
- package/lib/commonjs/components/Breadcrumbs/index.js +219 -0
- package/lib/commonjs/components/Breadcrumbs/index.js.map +1 -0
- package/lib/commonjs/components/Breadcrumbs/styles.js +38 -0
- package/lib/commonjs/components/Breadcrumbs/styles.js.map +1 -0
- package/lib/commonjs/components/Button/index.js +1 -12
- package/lib/commonjs/components/Button/index.js.map +1 -1
- package/lib/commonjs/components/Button/styles.js +34 -34
- package/lib/commonjs/components/Button/styles.js.map +1 -1
- package/lib/commonjs/components/CLAUDE.md +3 -3
- package/lib/commonjs/components/Calendar/CalendarMonthHeader.js +96 -0
- package/lib/commonjs/components/Calendar/CalendarMonthHeader.js.map +1 -0
- package/lib/commonjs/components/Calendar/CalendarYearPickerGrid.js +74 -0
- package/lib/commonjs/components/Calendar/CalendarYearPickerGrid.js.map +1 -0
- package/lib/commonjs/components/Calendar/flashCalendarAdapter.js +298 -0
- package/lib/commonjs/components/Calendar/flashCalendarAdapter.js.map +1 -0
- package/lib/commonjs/components/Calendar/index.js +149 -0
- package/lib/commonjs/components/Calendar/index.js.map +1 -0
- package/lib/commonjs/components/Calendar/styles.js +70 -0
- package/lib/commonjs/components/Calendar/styles.js.map +1 -0
- package/lib/commonjs/components/Card/index.js +25 -0
- package/lib/commonjs/components/Card/index.js.map +1 -1
- package/lib/commonjs/components/Card/styles.js +11 -7
- package/lib/commonjs/components/Card/styles.js.map +1 -1
- package/lib/commonjs/components/Carousel/context.js +13 -0
- package/lib/commonjs/components/Carousel/context.js.map +1 -0
- package/lib/commonjs/components/Carousel/index.js +158 -0
- package/lib/commonjs/components/Carousel/index.js.map +1 -0
- package/lib/commonjs/components/Carousel/navButton.js +119 -0
- package/lib/commonjs/components/Carousel/navButton.js.map +1 -0
- package/lib/commonjs/components/Carousel/paginationNavigation.js +35 -0
- package/lib/commonjs/components/Carousel/paginationNavigation.js.map +1 -0
- package/lib/commonjs/components/Carousel/styles.js +44 -0
- package/lib/commonjs/components/Carousel/styles.js.map +1 -0
- package/lib/commonjs/components/Carousel/useCarouselActiveIndex.js +52 -0
- package/lib/commonjs/components/Carousel/useCarouselActiveIndex.js.map +1 -0
- package/lib/commonjs/components/Checkbox/index.js +29 -4
- package/lib/commonjs/components/Checkbox/index.js.map +1 -1
- package/lib/commonjs/components/Checkbox/styles.js +26 -20
- package/lib/commonjs/components/Checkbox/styles.js.map +1 -1
- package/lib/commonjs/components/Chip/index.js +22 -2
- package/lib/commonjs/components/Chip/index.js.map +1 -1
- package/lib/commonjs/components/Chip/styles.js +56 -56
- package/lib/commonjs/components/Chip/styles.js.map +1 -1
- package/lib/commonjs/components/CurrencyInput/index.js +3 -1
- package/lib/commonjs/components/CurrencyInput/index.js.map +1 -1
- package/lib/commonjs/components/CurrencyInput/styles.js +4 -4
- package/lib/commonjs/components/CurrencyInput/styles.js.map +1 -1
- package/lib/commonjs/components/DateField/index.js +147 -0
- package/lib/commonjs/components/DateField/index.js.map +1 -0
- package/lib/commonjs/components/DateField/styles.js +34 -0
- package/lib/commonjs/components/DateField/styles.js.map +1 -0
- package/lib/commonjs/components/DatePicker/index.js +163 -0
- package/lib/commonjs/components/DatePicker/index.js.map +1 -0
- package/lib/commonjs/components/DateRangePicker/index.js +177 -0
- package/lib/commonjs/components/DateRangePicker/index.js.map +1 -0
- package/lib/commonjs/components/DateTimeField/index.js +96 -0
- package/lib/commonjs/components/DateTimeField/index.js.map +1 -0
- package/lib/commonjs/components/DateTimeList/index.js +180 -0
- package/lib/commonjs/components/DateTimeList/index.js.map +1 -0
- package/lib/commonjs/components/DateTimeList/styles.js +55 -0
- package/lib/commonjs/components/DateTimeList/styles.js.map +1 -0
- package/lib/commonjs/components/DateTimePicker/index.js +187 -0
- package/lib/commonjs/components/DateTimePicker/index.js.map +1 -0
- package/lib/commonjs/components/Dialog/animation.js +13 -0
- package/lib/commonjs/components/Dialog/animation.js.map +1 -0
- package/lib/commonjs/components/Dialog/index.js +301 -30
- package/lib/commonjs/components/Dialog/index.js.map +1 -1
- package/lib/commonjs/components/Dialog/styles.js +25 -21
- package/lib/commonjs/components/Dialog/styles.js.map +1 -1
- package/lib/commonjs/components/Divider/styles.js +4 -4
- package/lib/commonjs/components/Divider/styles.js.map +1 -1
- package/lib/commonjs/components/Field/styles.js +9 -9
- package/lib/commonjs/components/Field/styles.js.map +1 -1
- package/lib/commonjs/components/Form/styles.js +2 -2
- package/lib/commonjs/components/Form/styles.js.map +1 -1
- package/lib/commonjs/components/Heading/styles.js +2 -2
- package/lib/commonjs/components/Heading/styles.js.map +1 -1
- package/lib/commonjs/components/IconButton/index.js +15 -3
- package/lib/commonjs/components/IconButton/index.js.map +1 -1
- package/lib/commonjs/components/IconButton/styles.js +27 -27
- package/lib/commonjs/components/IconButton/styles.js.map +1 -1
- package/lib/commonjs/components/Input/index.js.map +1 -1
- package/lib/commonjs/components/Input/styles.js +7 -7
- package/lib/commonjs/components/Input/styles.js.map +1 -1
- package/lib/commonjs/components/InsuranceDisclosure/index.js +56 -0
- package/lib/commonjs/components/InsuranceDisclosure/index.js.map +1 -0
- package/lib/commonjs/components/InsuranceDisclosure/styles.js +11 -0
- package/lib/commonjs/components/InsuranceDisclosure/styles.js.map +1 -0
- package/lib/commonjs/components/Link/index.js.map +1 -1
- package/lib/commonjs/components/Link/styles.js +7 -10
- package/lib/commonjs/components/Link/styles.js.map +1 -1
- package/lib/commonjs/components/ListItem/styles.js +11 -11
- package/lib/commonjs/components/ListItem/styles.js.map +1 -1
- package/lib/commonjs/components/Menu/index.js +509 -0
- package/lib/commonjs/components/Menu/index.js.map +1 -0
- package/lib/commonjs/components/Menu/styles.js +100 -0
- package/lib/commonjs/components/Menu/styles.js.map +1 -0
- package/lib/commonjs/components/MonthCalendar/index.js +229 -0
- package/lib/commonjs/components/MonthCalendar/index.js.map +1 -0
- package/lib/commonjs/components/MonthPicker/index.js +163 -0
- package/lib/commonjs/components/MonthPicker/index.js.map +1 -0
- package/lib/commonjs/components/OtpInput/index.js +21 -9
- package/lib/commonjs/components/OtpInput/index.js.map +1 -1
- package/lib/commonjs/components/OtpInput/styles.js +10 -8
- package/lib/commonjs/components/OtpInput/styles.js.map +1 -1
- package/lib/commonjs/components/ProgressBar/styles.js +3 -3
- package/lib/commonjs/components/ProgressBar/styles.js.map +1 -1
- package/lib/commonjs/components/ProgressCircle/ProgressCircleRing.js +91 -0
- package/lib/commonjs/components/ProgressCircle/ProgressCircleRing.js.map +1 -0
- package/lib/commonjs/components/ProgressCircle/index.js +84 -0
- package/lib/commonjs/components/ProgressCircle/index.js.map +1 -0
- package/lib/commonjs/components/ProgressCircle/styles.js +50 -0
- package/lib/commonjs/components/ProgressCircle/styles.js.map +1 -0
- package/lib/commonjs/components/ProgressCircle/useProgressCircleColors.js +35 -0
- package/lib/commonjs/components/ProgressCircle/useProgressCircleColors.js.map +1 -0
- package/lib/commonjs/components/ProgressSegmented/index.js +1 -14
- package/lib/commonjs/components/ProgressSegmented/index.js.map +1 -1
- package/lib/commonjs/components/ProgressSegmented/styles.js +5 -5
- package/lib/commonjs/components/ProgressSegmented/styles.js.map +1 -1
- package/lib/commonjs/components/QuickActionButton/styles.js +6 -6
- package/lib/commonjs/components/QuickActionButton/styles.js.map +1 -1
- package/lib/commonjs/components/Radio/index.js +17 -2
- package/lib/commonjs/components/Radio/index.js.map +1 -1
- package/lib/commonjs/components/Radio/styles.js +26 -11
- package/lib/commonjs/components/Radio/styles.js.map +1 -1
- package/lib/commonjs/components/RangeCalendar/index.js +165 -0
- package/lib/commonjs/components/RangeCalendar/index.js.map +1 -0
- package/lib/commonjs/components/ScrollShadow/index.js +82 -0
- package/lib/commonjs/components/ScrollShadow/index.js.map +1 -0
- package/lib/commonjs/components/ScrollShadow/styles.js +54 -0
- package/lib/commonjs/components/ScrollShadow/styles.js.map +1 -0
- package/lib/commonjs/components/ScrollShadow/useScrollShadow.js +83 -0
- package/lib/commonjs/components/ScrollShadow/useScrollShadow.js.map +1 -0
- package/lib/commonjs/components/Select/index.js +66 -26
- package/lib/commonjs/components/Select/index.js.map +1 -1
- package/lib/commonjs/components/Select/styles.js +6 -45
- package/lib/commonjs/components/Select/styles.js.map +1 -1
- package/lib/commonjs/components/Skeleton/index.js +3 -1
- package/lib/commonjs/components/Skeleton/index.js.map +1 -1
- package/lib/commonjs/components/Skeleton/styles.js +2 -2
- package/lib/commonjs/components/Skeleton/styles.js.map +1 -1
- package/lib/commonjs/components/Slider/getSliderPopupPosition.js +67 -0
- package/lib/commonjs/components/Slider/getSliderPopupPosition.js.map +1 -0
- package/lib/commonjs/components/Slider/index.js +406 -0
- package/lib/commonjs/components/Slider/index.js.map +1 -0
- package/lib/commonjs/components/Slider/styles.js +112 -0
- package/lib/commonjs/components/Slider/styles.js.map +1 -0
- package/lib/commonjs/components/Stack/styles.js +3 -3
- package/lib/commonjs/components/Stack/styles.js.map +1 -1
- package/lib/commonjs/components/Switch/index.js.map +1 -1
- package/lib/commonjs/components/Switch/styles.js +8 -8
- package/lib/commonjs/components/Switch/styles.js.map +1 -1
- package/lib/commonjs/components/Table/index.js +389 -0
- package/lib/commonjs/components/Table/index.js.map +1 -0
- package/lib/commonjs/components/Table/index.web.js +329 -0
- package/lib/commonjs/components/Table/index.web.js.map +1 -0
- package/lib/commonjs/components/Table/styles.js +111 -0
- package/lib/commonjs/components/Table/styles.js.map +1 -0
- package/lib/commonjs/components/Table/types.js +6 -0
- package/lib/commonjs/components/Table/types.js.map +1 -0
- package/lib/commonjs/components/Table/useTableStyleContext.js +28 -0
- package/lib/commonjs/components/Table/useTableStyleContext.js.map +1 -0
- package/lib/commonjs/components/TablePagination/TablePaginationContext.js +31 -0
- package/lib/commonjs/components/TablePagination/TablePaginationContext.js.map +1 -0
- package/lib/commonjs/components/TablePagination/getTablePaginationItems.js +50 -0
- package/lib/commonjs/components/TablePagination/getTablePaginationItems.js.map +1 -0
- package/lib/commonjs/components/TablePagination/index.js +395 -0
- package/lib/commonjs/components/TablePagination/index.js.map +1 -0
- package/lib/commonjs/components/TablePagination/styles.js +13 -0
- package/lib/commonjs/components/TablePagination/styles.js.map +1 -0
- package/lib/commonjs/components/Tabs/index.js +527 -0
- package/lib/commonjs/components/Tabs/index.js.map +1 -0
- package/lib/commonjs/components/Tabs/styles.js +333 -0
- package/lib/commonjs/components/Tabs/styles.js.map +1 -0
- package/lib/commonjs/components/Text/styles.js +2 -2
- package/lib/commonjs/components/Text/styles.js.map +1 -1
- package/lib/commonjs/components/Textarea/styles.js +6 -6
- package/lib/commonjs/components/Textarea/styles.js.map +1 -1
- package/lib/commonjs/components/Tile/styles.js +10 -10
- package/lib/commonjs/components/Tile/styles.js.map +1 -1
- package/lib/commonjs/components/Toast/animation.js +3 -1
- package/lib/commonjs/components/Toast/animation.js.map +1 -1
- package/lib/commonjs/components/Toast/hooks.js +1 -0
- package/lib/commonjs/components/Toast/hooks.js.map +1 -1
- package/lib/commonjs/components/Toast/index.js +18 -3
- package/lib/commonjs/components/Toast/index.js.map +1 -1
- package/lib/commonjs/components/Toast/styles.js +14 -14
- package/lib/commonjs/components/Toast/styles.js.map +1 -1
- package/lib/commonjs/components/Tooltip/index.js +106 -0
- package/lib/commonjs/components/Tooltip/index.js.map +1 -0
- package/lib/commonjs/components/Tooltip/styles.js +10 -0
- package/lib/commonjs/components/Tooltip/styles.js.map +1 -0
- package/lib/commonjs/components/index.js +264 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/components/picker/PickerTrigger.js +49 -0
- package/lib/commonjs/components/picker/PickerTrigger.js.map +1 -0
- package/lib/commonjs/components/picker/styles.js +15 -0
- package/lib/commonjs/components/picker/styles.js.map +1 -0
- package/lib/commonjs/components/picker/surfaces.js +148 -0
- package/lib/commonjs/components/picker/surfaces.js.map +1 -0
- package/lib/commonjs/figma/Accordion.figma.js +50 -0
- package/lib/commonjs/figma/Accordion.figma.js.map +1 -0
- package/lib/commonjs/figma/AlertDialog.Title.figma.js +3 -3
- package/lib/commonjs/figma/AlertDialog.Title.figma.js.map +1 -1
- package/lib/commonjs/figma/Card.Header.figma.js +5 -5
- package/lib/commonjs/figma/Card.Header.figma.js.map +1 -1
- package/lib/commonjs/figma/Card.Stripe.figma.js +20 -0
- package/lib/commonjs/figma/Card.Stripe.figma.js.map +1 -0
- package/lib/commonjs/figma/Card.figma.js +3 -0
- package/lib/commonjs/figma/Card.figma.js.map +1 -1
- package/lib/commonjs/figma/Chip.figma.js +2 -2
- package/lib/commonjs/figma/Chip.figma.js.map +1 -1
- package/lib/commonjs/figma/Dialog.Header.figma.js +6 -1
- package/lib/commonjs/figma/Dialog.Header.figma.js.map +1 -1
- package/lib/commonjs/figma/Dialog.Title.figma.js +3 -3
- package/lib/commonjs/figma/Dialog.Title.figma.js.map +1 -1
- package/lib/commonjs/figma/Field.Input.figma.js +1 -1
- package/lib/commonjs/figma/Field.OtpInput.figma.js +52 -0
- package/lib/commonjs/figma/Field.OtpInput.figma.js.map +1 -0
- package/lib/commonjs/figma/Field.Select.figma.js +1 -1
- package/lib/commonjs/figma/Field.Textarea.figma.js +1 -1
- package/lib/commonjs/figma/IconButton.figma.js +1 -1
- package/lib/commonjs/figma/IconButton.figma.js.map +1 -1
- package/lib/commonjs/figma/Menu.Item.figma.js +52 -0
- package/lib/commonjs/figma/Menu.Item.figma.js.map +1 -0
- package/lib/commonjs/figma/Menu.figma.js +29 -0
- package/lib/commonjs/figma/Menu.figma.js.map +1 -0
- package/lib/commonjs/figma/OtpInput.Cell.figma.js +55 -0
- package/lib/commonjs/figma/OtpInput.Cell.figma.js.map +1 -0
- package/lib/commonjs/figma/OtpInput.figma.js +42 -0
- package/lib/commonjs/figma/OtpInput.figma.js.map +1 -0
- package/lib/commonjs/figma/icons.figma.batch.json +5 -0
- package/lib/commonjs/index.js +8 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/providers/forge-design/provider.js +35 -16
- package/lib/commonjs/providers/forge-design/provider.js.map +1 -1
- package/lib/commonjs/providers/toast/insets-container.js +4 -1
- package/lib/commonjs/providers/toast/insets-container.js.map +1 -1
- package/lib/commonjs/providers/toast/provider.js +127 -46
- package/lib/commonjs/providers/toast/provider.js.map +1 -1
- package/lib/commonjs/providers/toast/toast-item-renderer.js +2 -1
- package/lib/commonjs/providers/toast/toast-item-renderer.js.map +1 -1
- package/lib/commonjs/styles/constants.js +16 -0
- package/lib/commonjs/styles/constants.js.map +1 -0
- package/lib/commonjs/styles.css +1 -0
- package/lib/module/animation/hooks/index.js +3 -0
- package/lib/module/animation/hooks/index.js.map +1 -1
- package/lib/module/animation/hooks/usePopupDialogContentAnimation.js +171 -0
- package/lib/module/animation/hooks/usePopupDialogContentAnimation.js.map +1 -0
- package/lib/module/animation/hooks/usePopupOverlayAnimation.js +65 -0
- package/lib/module/animation/hooks/usePopupOverlayAnimation.js.map +1 -0
- package/lib/module/animation/hooks/usePopupRootAnimation.js +22 -0
- package/lib/module/animation/hooks/usePopupRootAnimation.js.map +1 -0
- package/lib/module/components/Accordion/index.js +282 -0
- package/lib/module/components/Accordion/index.js.map +1 -0
- package/lib/module/components/Accordion/styles.js +52 -0
- package/lib/module/components/Accordion/styles.js.map +1 -0
- package/lib/module/components/Alert/styles.js +1 -1
- package/lib/module/components/Alert/styles.js.map +1 -1
- package/lib/module/components/AlertDialog/index.js +16 -2
- package/lib/module/components/AlertDialog/index.js.map +1 -1
- package/lib/module/components/Avatar/styles.js +1 -1
- package/lib/module/components/Avatar/styles.js.map +1 -1
- package/lib/module/components/Badge/styles.js +2 -2
- package/lib/module/components/Badge/styles.js.map +1 -1
- package/lib/module/components/BottomSheet/index.js +34 -3
- package/lib/module/components/BottomSheet/index.js.map +1 -1
- package/lib/module/components/BottomSheet/styles.js +5 -5
- package/lib/module/components/BottomSheet/styles.js.map +1 -1
- package/lib/module/components/Box/Box.js +1 -11
- package/lib/module/components/Box/Box.js.map +1 -1
- package/lib/module/components/Breadcrumbs/index.js +215 -0
- package/lib/module/components/Breadcrumbs/index.js.map +1 -0
- package/lib/module/components/Breadcrumbs/styles.js +34 -0
- package/lib/module/components/Breadcrumbs/styles.js.map +1 -0
- package/lib/module/components/Button/index.js +2 -13
- package/lib/module/components/Button/index.js.map +1 -1
- package/lib/module/components/Button/styles.js +28 -28
- package/lib/module/components/Button/styles.js.map +1 -1
- package/lib/module/components/CLAUDE.md +3 -3
- package/lib/module/components/Calendar/CalendarMonthHeader.js +92 -0
- package/lib/module/components/Calendar/CalendarMonthHeader.js.map +1 -0
- package/lib/module/components/Calendar/CalendarYearPickerGrid.js +70 -0
- package/lib/module/components/Calendar/CalendarYearPickerGrid.js.map +1 -0
- package/lib/module/components/Calendar/flashCalendarAdapter.js +290 -0
- package/lib/module/components/Calendar/flashCalendarAdapter.js.map +1 -0
- package/lib/module/components/Calendar/index.js +145 -0
- package/lib/module/components/Calendar/index.js.map +1 -0
- package/lib/module/components/Calendar/styles.js +66 -0
- package/lib/module/components/Calendar/styles.js.map +1 -0
- package/lib/module/components/Card/index.js +26 -1
- package/lib/module/components/Card/index.js.map +1 -1
- package/lib/module/components/Card/styles.js +6 -2
- package/lib/module/components/Card/styles.js.map +1 -1
- package/lib/module/components/Carousel/context.js +7 -0
- package/lib/module/components/Carousel/context.js.map +1 -0
- package/lib/module/components/Carousel/index.js +152 -0
- package/lib/module/components/Carousel/index.js.map +1 -0
- package/lib/module/components/Carousel/navButton.js +114 -0
- package/lib/module/components/Carousel/navButton.js.map +1 -0
- package/lib/module/components/Carousel/paginationNavigation.js +31 -0
- package/lib/module/components/Carousel/paginationNavigation.js.map +1 -0
- package/lib/module/components/Carousel/styles.js +41 -0
- package/lib/module/components/Carousel/styles.js.map +1 -0
- package/lib/module/components/Carousel/useCarouselActiveIndex.js +48 -0
- package/lib/module/components/Carousel/useCarouselActiveIndex.js.map +1 -0
- package/lib/module/components/Checkbox/index.js +29 -4
- package/lib/module/components/Checkbox/index.js.map +1 -1
- package/lib/module/components/Checkbox/styles.js +23 -17
- package/lib/module/components/Checkbox/styles.js.map +1 -1
- package/lib/module/components/Chip/index.js +23 -3
- package/lib/module/components/Chip/index.js.map +1 -1
- package/lib/module/components/Chip/styles.js +53 -53
- package/lib/module/components/Chip/styles.js.map +1 -1
- package/lib/module/components/CurrencyInput/index.js +3 -1
- package/lib/module/components/CurrencyInput/index.js.map +1 -1
- package/lib/module/components/CurrencyInput/styles.js +2 -2
- package/lib/module/components/CurrencyInput/styles.js.map +1 -1
- package/lib/module/components/DateField/index.js +143 -0
- package/lib/module/components/DateField/index.js.map +1 -0
- package/lib/module/components/DateField/styles.js +30 -0
- package/lib/module/components/DateField/styles.js.map +1 -0
- package/lib/module/components/DatePicker/index.js +159 -0
- package/lib/module/components/DatePicker/index.js.map +1 -0
- package/lib/module/components/DateRangePicker/index.js +173 -0
- package/lib/module/components/DateRangePicker/index.js.map +1 -0
- package/lib/module/components/DateTimeField/index.js +92 -0
- package/lib/module/components/DateTimeField/index.js.map +1 -0
- package/lib/module/components/DateTimeList/index.js +176 -0
- package/lib/module/components/DateTimeList/index.js.map +1 -0
- package/lib/module/components/DateTimeList/styles.js +52 -0
- package/lib/module/components/DateTimeList/styles.js.map +1 -0
- package/lib/module/components/DateTimePicker/index.js +183 -0
- package/lib/module/components/DateTimePicker/index.js.map +1 -0
- package/lib/module/components/Dialog/animation.js +7 -0
- package/lib/module/components/Dialog/animation.js.map +1 -0
- package/lib/module/components/Dialog/index.js +301 -36
- package/lib/module/components/Dialog/index.js.map +1 -1
- package/lib/module/components/Dialog/styles.js +14 -10
- package/lib/module/components/Dialog/styles.js.map +1 -1
- package/lib/module/components/Divider/styles.js +1 -1
- package/lib/module/components/Divider/styles.js.map +1 -1
- package/lib/module/components/Field/styles.js +2 -2
- package/lib/module/components/Field/styles.js.map +1 -1
- package/lib/module/components/Form/styles.js +1 -1
- package/lib/module/components/Form/styles.js.map +1 -1
- package/lib/module/components/Heading/styles.js +1 -1
- package/lib/module/components/Heading/styles.js.map +1 -1
- package/lib/module/components/IconButton/index.js +16 -4
- package/lib/module/components/IconButton/index.js.map +1 -1
- package/lib/module/components/IconButton/styles.js +24 -24
- package/lib/module/components/IconButton/styles.js.map +1 -1
- package/lib/module/components/Input/index.js.map +1 -1
- package/lib/module/components/Input/styles.js +2 -2
- package/lib/module/components/Input/styles.js.map +1 -1
- package/lib/module/components/InsuranceDisclosure/index.js +52 -0
- package/lib/module/components/InsuranceDisclosure/index.js.map +1 -0
- package/lib/module/components/InsuranceDisclosure/styles.js +7 -0
- package/lib/module/components/InsuranceDisclosure/styles.js.map +1 -0
- package/lib/module/components/Link/index.js.map +1 -1
- package/lib/module/components/Link/styles.js +3 -6
- package/lib/module/components/Link/styles.js.map +1 -1
- package/lib/module/components/ListItem/styles.js +2 -2
- package/lib/module/components/ListItem/styles.js.map +1 -1
- package/lib/module/components/Menu/index.js +505 -0
- package/lib/module/components/Menu/index.js.map +1 -0
- package/lib/module/components/Menu/styles.js +96 -0
- package/lib/module/components/Menu/styles.js.map +1 -0
- package/lib/module/components/MonthCalendar/index.js +225 -0
- package/lib/module/components/MonthCalendar/index.js.map +1 -0
- package/lib/module/components/MonthPicker/index.js +159 -0
- package/lib/module/components/MonthPicker/index.js.map +1 -0
- package/lib/module/components/OtpInput/index.js +21 -9
- package/lib/module/components/OtpInput/index.js.map +1 -1
- package/lib/module/components/OtpInput/styles.js +10 -8
- package/lib/module/components/OtpInput/styles.js.map +1 -1
- package/lib/module/components/ProgressBar/styles.js +2 -2
- package/lib/module/components/ProgressBar/styles.js.map +1 -1
- package/lib/module/components/ProgressCircle/ProgressCircleRing.js +86 -0
- package/lib/module/components/ProgressCircle/ProgressCircleRing.js.map +1 -0
- package/lib/module/components/ProgressCircle/index.js +80 -0
- package/lib/module/components/ProgressCircle/index.js.map +1 -0
- package/lib/module/components/ProgressCircle/styles.js +46 -0
- package/lib/module/components/ProgressCircle/styles.js.map +1 -0
- package/lib/module/components/ProgressCircle/useProgressCircleColors.js +32 -0
- package/lib/module/components/ProgressCircle/useProgressCircleColors.js.map +1 -0
- package/lib/module/components/ProgressSegmented/index.js +2 -15
- package/lib/module/components/ProgressSegmented/index.js.map +1 -1
- package/lib/module/components/ProgressSegmented/styles.js +3 -3
- package/lib/module/components/ProgressSegmented/styles.js.map +1 -1
- package/lib/module/components/QuickActionButton/styles.js +2 -2
- package/lib/module/components/QuickActionButton/styles.js.map +1 -1
- package/lib/module/components/Radio/index.js +17 -2
- package/lib/module/components/Radio/index.js.map +1 -1
- package/lib/module/components/Radio/styles.js +23 -8
- package/lib/module/components/Radio/styles.js.map +1 -1
- package/lib/module/components/RangeCalendar/index.js +161 -0
- package/lib/module/components/RangeCalendar/index.js.map +1 -0
- package/lib/module/components/ScrollShadow/index.js +78 -0
- package/lib/module/components/ScrollShadow/index.js.map +1 -0
- package/lib/module/components/ScrollShadow/styles.js +50 -0
- package/lib/module/components/ScrollShadow/styles.js.map +1 -0
- package/lib/module/components/ScrollShadow/useScrollShadow.js +79 -0
- package/lib/module/components/ScrollShadow/useScrollShadow.js.map +1 -0
- package/lib/module/components/Select/index.js +64 -24
- package/lib/module/components/Select/index.js.map +1 -1
- package/lib/module/components/Select/styles.js +2 -41
- package/lib/module/components/Select/styles.js.map +1 -1
- package/lib/module/components/Skeleton/index.js +3 -1
- package/lib/module/components/Skeleton/index.js.map +1 -1
- package/lib/module/components/Skeleton/styles.js +1 -1
- package/lib/module/components/Skeleton/styles.js.map +1 -1
- package/lib/module/components/Slider/getSliderPopupPosition.js +61 -0
- package/lib/module/components/Slider/getSliderPopupPosition.js.map +1 -0
- package/lib/module/components/Slider/index.js +402 -0
- package/lib/module/components/Slider/index.js.map +1 -0
- package/lib/module/components/Slider/styles.js +108 -0
- package/lib/module/components/Slider/styles.js.map +1 -0
- package/lib/module/components/Stack/styles.js +1 -1
- package/lib/module/components/Stack/styles.js.map +1 -1
- package/lib/module/components/Switch/index.js.map +1 -1
- package/lib/module/components/Switch/styles.js +1 -1
- package/lib/module/components/Switch/styles.js.map +1 -1
- package/lib/module/components/Table/index.js +385 -0
- package/lib/module/components/Table/index.js.map +1 -0
- package/lib/module/components/Table/index.web.js +325 -0
- package/lib/module/components/Table/index.web.js.map +1 -0
- package/lib/module/components/Table/styles.js +107 -0
- package/lib/module/components/Table/styles.js.map +1 -0
- package/lib/module/components/Table/types.js +4 -0
- package/lib/module/components/Table/types.js.map +1 -0
- package/lib/module/components/Table/useTableStyleContext.js +17 -0
- package/lib/module/components/Table/useTableStyleContext.js.map +1 -0
- package/lib/module/components/TablePagination/TablePaginationContext.js +25 -0
- package/lib/module/components/TablePagination/TablePaginationContext.js.map +1 -0
- package/lib/module/components/TablePagination/getTablePaginationItems.js +46 -0
- package/lib/module/components/TablePagination/getTablePaginationItems.js.map +1 -0
- package/lib/module/components/TablePagination/index.js +386 -0
- package/lib/module/components/TablePagination/index.js.map +1 -0
- package/lib/module/components/TablePagination/styles.js +9 -0
- package/lib/module/components/TablePagination/styles.js.map +1 -0
- package/lib/module/components/Tabs/index.js +522 -0
- package/lib/module/components/Tabs/index.js.map +1 -0
- package/lib/module/components/Tabs/styles.js +330 -0
- package/lib/module/components/Tabs/styles.js.map +1 -0
- package/lib/module/components/Text/styles.js +1 -1
- package/lib/module/components/Text/styles.js.map +1 -1
- package/lib/module/components/Textarea/styles.js +2 -2
- package/lib/module/components/Textarea/styles.js.map +1 -1
- package/lib/module/components/Tile/styles.js +2 -2
- package/lib/module/components/Tile/styles.js.map +1 -1
- package/lib/module/components/Toast/animation.js +3 -1
- package/lib/module/components/Toast/animation.js.map +1 -1
- package/lib/module/components/Toast/hooks.js +1 -0
- package/lib/module/components/Toast/hooks.js.map +1 -1
- package/lib/module/components/Toast/index.js +18 -3
- package/lib/module/components/Toast/index.js.map +1 -1
- package/lib/module/components/Toast/styles.js +9 -9
- package/lib/module/components/Toast/styles.js.map +1 -1
- package/lib/module/components/Tooltip/index.js +102 -0
- package/lib/module/components/Tooltip/index.js.map +1 -0
- package/lib/module/components/Tooltip/styles.js +6 -0
- package/lib/module/components/Tooltip/styles.js.map +1 -0
- package/lib/module/components/index.js +22 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/components/picker/PickerTrigger.js +45 -0
- package/lib/module/components/picker/PickerTrigger.js.map +1 -0
- package/lib/module/components/picker/styles.js +12 -0
- package/lib/module/components/picker/styles.js.map +1 -0
- package/lib/module/components/picker/surfaces.js +142 -0
- package/lib/module/components/picker/surfaces.js.map +1 -0
- package/lib/module/figma/Accordion.figma.js +44 -0
- package/lib/module/figma/Accordion.figma.js.map +1 -0
- package/lib/module/figma/AlertDialog.Title.figma.js +3 -3
- package/lib/module/figma/AlertDialog.Title.figma.js.map +1 -1
- package/lib/module/figma/Card.Header.figma.js +5 -5
- package/lib/module/figma/Card.Header.figma.js.map +1 -1
- package/lib/module/figma/Card.Stripe.figma.js +15 -0
- package/lib/module/figma/Card.Stripe.figma.js.map +1 -0
- package/lib/module/figma/Card.figma.js +3 -0
- package/lib/module/figma/Card.figma.js.map +1 -1
- package/lib/module/figma/Chip.figma.js +2 -2
- package/lib/module/figma/Chip.figma.js.map +1 -1
- package/lib/module/figma/Dialog.Header.figma.js +6 -1
- package/lib/module/figma/Dialog.Header.figma.js.map +1 -1
- package/lib/module/figma/Dialog.Title.figma.js +3 -3
- package/lib/module/figma/Dialog.Title.figma.js.map +1 -1
- package/lib/module/figma/Field.Input.figma.js +1 -1
- package/lib/module/figma/Field.OtpInput.figma.js +46 -0
- package/lib/module/figma/Field.OtpInput.figma.js.map +1 -0
- package/lib/module/figma/Field.Select.figma.js +1 -1
- package/lib/module/figma/Field.Textarea.figma.js +1 -1
- package/lib/module/figma/IconButton.figma.js +1 -1
- package/lib/module/figma/IconButton.figma.js.map +1 -1
- package/lib/module/figma/Menu.Item.figma.js +46 -0
- package/lib/module/figma/Menu.Item.figma.js.map +1 -0
- package/lib/module/figma/Menu.figma.js +23 -0
- package/lib/module/figma/Menu.figma.js.map +1 -0
- package/lib/module/figma/OtpInput.Cell.figma.js +49 -0
- package/lib/module/figma/OtpInput.Cell.figma.js.map +1 -0
- package/lib/module/figma/OtpInput.figma.js +36 -0
- package/lib/module/figma/OtpInput.figma.js.map +1 -0
- package/lib/module/figma/icons.figma.batch.json +5 -0
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/providers/forge-design/provider.js +36 -17
- package/lib/module/providers/forge-design/provider.js.map +1 -1
- package/lib/module/providers/toast/insets-container.js +5 -2
- package/lib/module/providers/toast/insets-container.js.map +1 -1
- package/lib/module/providers/toast/provider.js +127 -46
- package/lib/module/providers/toast/provider.js.map +1 -1
- package/lib/module/providers/toast/toast-item-renderer.js +2 -1
- package/lib/module/providers/toast/toast-item-renderer.js.map +1 -1
- package/lib/module/styles/constants.js +12 -0
- package/lib/module/styles/constants.js.map +1 -0
- package/lib/module/styles.css +1 -0
- package/lib/typescript/animation/hooks/index.d.ts +3 -0
- package/lib/typescript/animation/hooks/index.d.ts.map +1 -1
- package/lib/typescript/animation/hooks/usePopupDialogContentAnimation.d.ts +47 -0
- package/lib/typescript/animation/hooks/usePopupDialogContentAnimation.d.ts.map +1 -0
- package/lib/typescript/animation/hooks/usePopupOverlayAnimation.d.ts +29 -0
- package/lib/typescript/animation/hooks/usePopupOverlayAnimation.d.ts.map +1 -0
- package/lib/typescript/animation/hooks/usePopupRootAnimation.d.ts +16 -0
- package/lib/typescript/animation/hooks/usePopupRootAnimation.d.ts.map +1 -0
- package/lib/typescript/components/Accordion/index.d.ts +90 -0
- package/lib/typescript/components/Accordion/index.d.ts.map +1 -0
- package/lib/typescript/components/Accordion/styles.d.ts +17 -0
- package/lib/typescript/components/Accordion/styles.d.ts.map +1 -0
- package/lib/typescript/components/Alert/styles.d.ts +1 -1
- package/lib/typescript/components/Alert/styles.d.ts.map +1 -1
- package/lib/typescript/components/AlertDialog/index.d.ts +8 -6
- package/lib/typescript/components/AlertDialog/index.d.ts.map +1 -1
- package/lib/typescript/components/Avatar/styles.d.ts +1 -1
- package/lib/typescript/components/Avatar/styles.d.ts.map +1 -1
- package/lib/typescript/components/Badge/styles.d.ts +1 -1
- package/lib/typescript/components/Badge/styles.d.ts.map +1 -1
- package/lib/typescript/components/BottomSheet/index.d.ts +22 -2
- package/lib/typescript/components/BottomSheet/index.d.ts.map +1 -1
- package/lib/typescript/components/BottomSheet/styles.d.ts +5 -5
- package/lib/typescript/components/BottomSheet/styles.d.ts.map +1 -1
- package/lib/typescript/components/Box/Box.d.ts +0 -3
- package/lib/typescript/components/Box/Box.d.ts.map +1 -1
- package/lib/typescript/components/Breadcrumbs/index.d.ts +28 -0
- package/lib/typescript/components/Breadcrumbs/index.d.ts.map +1 -0
- package/lib/typescript/components/Breadcrumbs/styles.d.ts +11 -0
- package/lib/typescript/components/Breadcrumbs/styles.d.ts.map +1 -0
- package/lib/typescript/components/Button/index.d.ts +40 -6
- package/lib/typescript/components/Button/index.d.ts.map +1 -1
- package/lib/typescript/components/Button/styles.d.ts +1 -1
- package/lib/typescript/components/Button/styles.d.ts.map +1 -1
- package/lib/typescript/components/Calendar/CalendarMonthHeader.d.ts +14 -0
- package/lib/typescript/components/Calendar/CalendarMonthHeader.d.ts.map +1 -0
- package/lib/typescript/components/Calendar/CalendarYearPickerGrid.d.ts +12 -0
- package/lib/typescript/components/Calendar/CalendarYearPickerGrid.d.ts.map +1 -0
- package/lib/typescript/components/Calendar/flashCalendarAdapter.d.ts +18 -0
- package/lib/typescript/components/Calendar/flashCalendarAdapter.d.ts.map +1 -0
- package/lib/typescript/components/Calendar/index.d.ts +19 -0
- package/lib/typescript/components/Calendar/index.d.ts.map +1 -0
- package/lib/typescript/components/Calendar/styles.d.ts +23 -0
- package/lib/typescript/components/Calendar/styles.d.ts.map +1 -0
- package/lib/typescript/components/Card/index.d.ts +6 -0
- package/lib/typescript/components/Card/index.d.ts.map +1 -1
- package/lib/typescript/components/Card/styles.d.ts +2 -1
- package/lib/typescript/components/Card/styles.d.ts.map +1 -1
- package/lib/typescript/components/Carousel/context.d.ts +15 -0
- package/lib/typescript/components/Carousel/context.d.ts.map +1 -0
- package/lib/typescript/components/Carousel/index.d.ts +73 -0
- package/lib/typescript/components/Carousel/index.d.ts.map +1 -0
- package/lib/typescript/components/Carousel/navButton.d.ts +40 -0
- package/lib/typescript/components/Carousel/navButton.d.ts.map +1 -0
- package/lib/typescript/components/Carousel/paginationNavigation.d.ts +12 -0
- package/lib/typescript/components/Carousel/paginationNavigation.d.ts.map +1 -0
- package/lib/typescript/components/Carousel/styles.d.ts +16 -0
- package/lib/typescript/components/Carousel/styles.d.ts.map +1 -0
- package/lib/typescript/components/Carousel/useCarouselActiveIndex.d.ts +12 -0
- package/lib/typescript/components/Carousel/useCarouselActiveIndex.d.ts.map +1 -0
- package/lib/typescript/components/Checkbox/index.d.ts +2 -0
- package/lib/typescript/components/Checkbox/index.d.ts.map +1 -1
- package/lib/typescript/components/Checkbox/styles.d.ts.map +1 -1
- package/lib/typescript/components/Chip/index.d.ts +21 -1
- package/lib/typescript/components/Chip/index.d.ts.map +1 -1
- package/lib/typescript/components/Chip/styles.d.ts +6 -6
- package/lib/typescript/components/Chip/styles.d.ts.map +1 -1
- package/lib/typescript/components/CurrencyInput/index.d.ts +1 -1
- package/lib/typescript/components/CurrencyInput/index.d.ts.map +1 -1
- package/lib/typescript/components/CurrencyInput/styles.d.ts +1 -1
- package/lib/typescript/components/CurrencyInput/styles.d.ts.map +1 -1
- package/lib/typescript/components/DateField/index.d.ts +43 -0
- package/lib/typescript/components/DateField/index.d.ts.map +1 -0
- package/lib/typescript/components/DateField/styles.d.ts +15 -0
- package/lib/typescript/components/DateField/styles.d.ts.map +1 -0
- package/lib/typescript/components/DatePicker/index.d.ts +40 -0
- package/lib/typescript/components/DatePicker/index.d.ts.map +1 -0
- package/lib/typescript/components/DateRangePicker/index.d.ts +45 -0
- package/lib/typescript/components/DateRangePicker/index.d.ts.map +1 -0
- package/lib/typescript/components/DateTimeField/index.d.ts +29 -0
- package/lib/typescript/components/DateTimeField/index.d.ts.map +1 -0
- package/lib/typescript/components/DateTimeList/index.d.ts +19 -0
- package/lib/typescript/components/DateTimeList/index.d.ts.map +1 -0
- package/lib/typescript/components/DateTimeList/styles.d.ts +17 -0
- package/lib/typescript/components/DateTimeList/styles.d.ts.map +1 -0
- package/lib/typescript/components/DateTimePicker/index.d.ts +40 -0
- package/lib/typescript/components/DateTimePicker/index.d.ts.map +1 -0
- package/lib/typescript/components/Dialog/animation.d.ts +11 -0
- package/lib/typescript/components/Dialog/animation.d.ts.map +1 -0
- package/lib/typescript/components/Dialog/index.d.ts +27 -3
- package/lib/typescript/components/Dialog/index.d.ts.map +1 -1
- package/lib/typescript/components/Dialog/styles.d.ts +4 -3
- package/lib/typescript/components/Dialog/styles.d.ts.map +1 -1
- package/lib/typescript/components/Divider/styles.d.ts +1 -1
- package/lib/typescript/components/Divider/styles.d.ts.map +1 -1
- package/lib/typescript/components/Field/styles.d.ts +1 -1
- package/lib/typescript/components/Field/styles.d.ts.map +1 -1
- package/lib/typescript/components/Heading/styles.d.ts +1 -1
- package/lib/typescript/components/Heading/styles.d.ts.map +1 -1
- package/lib/typescript/components/IconButton/index.d.ts +11 -1
- package/lib/typescript/components/IconButton/index.d.ts.map +1 -1
- package/lib/typescript/components/IconButton/styles.d.ts +3 -3
- package/lib/typescript/components/IconButton/styles.d.ts.map +1 -1
- package/lib/typescript/components/Input/index.d.ts +20 -2
- package/lib/typescript/components/Input/index.d.ts.map +1 -1
- package/lib/typescript/components/Input/styles.d.ts +1 -1
- package/lib/typescript/components/Input/styles.d.ts.map +1 -1
- package/lib/typescript/components/InsuranceDisclosure/index.d.ts +10 -0
- package/lib/typescript/components/InsuranceDisclosure/index.d.ts.map +1 -0
- package/lib/typescript/components/InsuranceDisclosure/styles.d.ts +4 -0
- package/lib/typescript/components/InsuranceDisclosure/styles.d.ts.map +1 -0
- package/lib/typescript/components/Link/index.d.ts +1 -0
- package/lib/typescript/components/Link/index.d.ts.map +1 -1
- package/lib/typescript/components/Link/styles.d.ts +1 -1
- package/lib/typescript/components/Link/styles.d.ts.map +1 -1
- package/lib/typescript/components/ListItem/styles.d.ts +1 -1
- package/lib/typescript/components/ListItem/styles.d.ts.map +1 -1
- package/lib/typescript/components/Menu/index.d.ts +119 -0
- package/lib/typescript/components/Menu/index.d.ts.map +1 -0
- package/lib/typescript/components/Menu/styles.d.ts +24 -0
- package/lib/typescript/components/Menu/styles.d.ts.map +1 -0
- package/lib/typescript/components/MonthCalendar/index.d.ts +29 -0
- package/lib/typescript/components/MonthCalendar/index.d.ts.map +1 -0
- package/lib/typescript/components/MonthPicker/index.d.ts +40 -0
- package/lib/typescript/components/MonthPicker/index.d.ts.map +1 -0
- package/lib/typescript/components/OtpInput/index.d.ts +30 -3
- package/lib/typescript/components/OtpInput/index.d.ts.map +1 -1
- package/lib/typescript/components/OtpInput/styles.d.ts +1 -1
- package/lib/typescript/components/OtpInput/styles.d.ts.map +1 -1
- package/lib/typescript/components/ProgressBar/styles.d.ts +1 -1
- package/lib/typescript/components/ProgressBar/styles.d.ts.map +1 -1
- package/lib/typescript/components/ProgressCircle/ProgressCircleRing.d.ts +7 -0
- package/lib/typescript/components/ProgressCircle/ProgressCircleRing.d.ts.map +1 -0
- package/lib/typescript/components/ProgressCircle/index.d.ts +29 -0
- package/lib/typescript/components/ProgressCircle/index.d.ts.map +1 -0
- package/lib/typescript/components/ProgressCircle/styles.d.ts +23 -0
- package/lib/typescript/components/ProgressCircle/styles.d.ts.map +1 -0
- package/lib/typescript/components/ProgressCircle/useProgressCircleColors.d.ts +6 -0
- package/lib/typescript/components/ProgressCircle/useProgressCircleColors.d.ts.map +1 -0
- package/lib/typescript/components/ProgressSegmented/index.d.ts +0 -5
- package/lib/typescript/components/ProgressSegmented/index.d.ts.map +1 -1
- package/lib/typescript/components/ProgressSegmented/styles.d.ts +1 -1
- package/lib/typescript/components/ProgressSegmented/styles.d.ts.map +1 -1
- package/lib/typescript/components/QuickActionButton/styles.d.ts +1 -1
- package/lib/typescript/components/QuickActionButton/styles.d.ts.map +1 -1
- package/lib/typescript/components/Radio/index.d.ts.map +1 -1
- package/lib/typescript/components/Radio/styles.d.ts.map +1 -1
- package/lib/typescript/components/RangeCalendar/index.d.ts +19 -0
- package/lib/typescript/components/RangeCalendar/index.d.ts.map +1 -0
- package/lib/typescript/components/ScrollShadow/index.d.ts +29 -0
- package/lib/typescript/components/ScrollShadow/index.d.ts.map +1 -0
- package/lib/typescript/components/ScrollShadow/styles.d.ts +12 -0
- package/lib/typescript/components/ScrollShadow/styles.d.ts.map +1 -0
- package/lib/typescript/components/ScrollShadow/useScrollShadow.d.ts +17 -0
- package/lib/typescript/components/ScrollShadow/useScrollShadow.d.ts.map +1 -0
- package/lib/typescript/components/Select/index.d.ts +11 -0
- package/lib/typescript/components/Select/index.d.ts.map +1 -1
- package/lib/typescript/components/Select/styles.d.ts +1 -8
- package/lib/typescript/components/Select/styles.d.ts.map +1 -1
- package/lib/typescript/components/Skeleton/index.d.ts.map +1 -1
- package/lib/typescript/components/Skeleton/styles.d.ts +1 -1
- package/lib/typescript/components/Skeleton/styles.d.ts.map +1 -1
- package/lib/typescript/components/Slider/getSliderPopupPosition.d.ts +15 -0
- package/lib/typescript/components/Slider/getSliderPopupPosition.d.ts.map +1 -0
- package/lib/typescript/components/Slider/index.d.ts +66 -0
- package/lib/typescript/components/Slider/index.d.ts.map +1 -0
- package/lib/typescript/components/Slider/styles.d.ts +30 -0
- package/lib/typescript/components/Slider/styles.d.ts.map +1 -0
- package/lib/typescript/components/Switch/index.d.ts +10 -2
- package/lib/typescript/components/Switch/index.d.ts.map +1 -1
- package/lib/typescript/components/Switch/styles.d.ts +1 -1
- package/lib/typescript/components/Switch/styles.d.ts.map +1 -1
- package/lib/typescript/components/Table/index.d.ts +23 -0
- package/lib/typescript/components/Table/index.d.ts.map +1 -0
- package/lib/typescript/components/Table/index.web.d.ts +22 -0
- package/lib/typescript/components/Table/index.web.d.ts.map +1 -0
- package/lib/typescript/components/Table/styles.d.ts +36 -0
- package/lib/typescript/components/Table/styles.d.ts.map +1 -0
- package/lib/typescript/components/Table/types.d.ts +51 -0
- package/lib/typescript/components/Table/types.d.ts.map +1 -0
- package/lib/typescript/components/Table/useTableStyleContext.d.ts +11 -0
- package/lib/typescript/components/Table/useTableStyleContext.d.ts.map +1 -0
- package/lib/typescript/components/TablePagination/TablePaginationContext.d.ts +20 -0
- package/lib/typescript/components/TablePagination/TablePaginationContext.d.ts.map +1 -0
- package/lib/typescript/components/TablePagination/getTablePaginationItems.d.ts +7 -0
- package/lib/typescript/components/TablePagination/getTablePaginationItems.d.ts.map +1 -0
- package/lib/typescript/components/TablePagination/index.d.ts +74 -0
- package/lib/typescript/components/TablePagination/index.d.ts.map +1 -0
- package/lib/typescript/components/TablePagination/styles.d.ts +8 -0
- package/lib/typescript/components/TablePagination/styles.d.ts.map +1 -0
- package/lib/typescript/components/Tabs/index.d.ts +48 -0
- package/lib/typescript/components/Tabs/index.d.ts.map +1 -0
- package/lib/typescript/components/Tabs/styles.d.ts +107 -0
- package/lib/typescript/components/Tabs/styles.d.ts.map +1 -0
- package/lib/typescript/components/Text/styles.d.ts +1 -1
- package/lib/typescript/components/Text/styles.d.ts.map +1 -1
- package/lib/typescript/components/Textarea/styles.d.ts +1 -1
- package/lib/typescript/components/Textarea/styles.d.ts.map +1 -1
- package/lib/typescript/components/Tile/styles.d.ts +1 -1
- package/lib/typescript/components/Tile/styles.d.ts.map +1 -1
- package/lib/typescript/components/Toast/animation.d.ts.map +1 -1
- package/lib/typescript/components/Toast/hooks.d.ts +2 -2
- package/lib/typescript/components/Toast/hooks.d.ts.map +1 -1
- package/lib/typescript/components/Toast/index.d.ts.map +1 -1
- package/lib/typescript/components/Toast/styles.d.ts +5 -5
- package/lib/typescript/components/Toast/styles.d.ts.map +1 -1
- package/lib/typescript/components/Toast/types.d.ts +13 -8
- package/lib/typescript/components/Toast/types.d.ts.map +1 -1
- package/lib/typescript/components/Tooltip/index.d.ts +32 -0
- package/lib/typescript/components/Tooltip/index.d.ts.map +1 -0
- package/lib/typescript/components/Tooltip/styles.d.ts +5 -0
- package/lib/typescript/components/Tooltip/styles.d.ts.map +1 -0
- package/lib/typescript/components/index.d.ts +22 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/components/picker/PickerTrigger.d.ts +25 -0
- package/lib/typescript/components/picker/PickerTrigger.d.ts.map +1 -0
- package/lib/typescript/components/picker/styles.d.ts +4 -0
- package/lib/typescript/components/picker/styles.d.ts.map +1 -0
- package/lib/typescript/components/picker/surfaces.d.ts +28 -0
- package/lib/typescript/components/picker/surfaces.d.ts.map +1 -0
- package/lib/typescript/figma/Accordion.figma.d.ts +8 -0
- package/lib/typescript/figma/Accordion.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Alert.Button.figma.d.ts +1 -1
- package/lib/typescript/figma/Alert.Close.figma.d.ts +1 -1
- package/lib/typescript/figma/Card.Header.figma.d.ts.map +1 -1
- package/lib/typescript/figma/Card.Stripe.figma.d.ts +11 -0
- package/lib/typescript/figma/Card.Stripe.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Card.figma.d.ts.map +1 -1
- package/lib/typescript/figma/Dialog.Header.figma.d.ts.map +1 -1
- package/lib/typescript/figma/Field.OtpInput.figma.d.ts +8 -0
- package/lib/typescript/figma/Field.OtpInput.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Menu.Item.figma.d.ts +8 -0
- package/lib/typescript/figma/Menu.Item.figma.d.ts.map +1 -0
- package/lib/typescript/figma/Menu.figma.d.ts +8 -0
- package/lib/typescript/figma/Menu.figma.d.ts.map +1 -0
- package/lib/typescript/figma/OtpInput.Cell.figma.d.ts +8 -0
- package/lib/typescript/figma/OtpInput.Cell.figma.d.ts.map +1 -0
- package/lib/typescript/figma/OtpInput.figma.d.ts +8 -0
- package/lib/typescript/figma/OtpInput.figma.d.ts.map +1 -0
- package/lib/typescript/index.d.ts +2 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/lib/typescript/providers/forge-design/provider.d.ts.map +1 -1
- package/lib/typescript/providers/toast/insets-container.d.ts.map +1 -1
- package/lib/typescript/providers/toast/lifecycle.context.d.ts +2 -2
- package/lib/typescript/providers/toast/lifecycle.context.d.ts.map +1 -1
- package/lib/typescript/providers/toast/provider.d.ts.map +1 -1
- package/lib/typescript/providers/toast/toast-item-renderer.d.ts.map +1 -1
- package/lib/typescript/providers/toast/types.d.ts +22 -8
- package/lib/typescript/providers/toast/types.d.ts.map +1 -1
- package/lib/typescript/styles/constants.d.ts +4 -0
- package/lib/typescript/styles/constants.d.ts.map +1 -0
- package/package.json +35 -19
- package/src/animation/hooks/index.ts +3 -0
- package/src/animation/hooks/usePopupDialogContentAnimation.ts +265 -0
- package/src/animation/hooks/usePopupOverlayAnimation.ts +91 -0
- package/src/animation/hooks/usePopupRootAnimation.ts +27 -0
- package/src/components/Accordion/index.tsx +385 -0
- package/src/components/Accordion/styles.ts +82 -0
- package/src/components/Alert/styles.ts +1 -1
- package/src/components/AlertDialog/index.tsx +17 -4
- package/src/components/Avatar/styles.ts +1 -1
- package/src/components/Badge/styles.ts +2 -2
- package/src/components/BottomSheet/index.tsx +31 -1
- package/src/components/BottomSheet/styles.ts +5 -5
- package/src/components/Box/Box.tsx +3 -7
- package/src/components/Breadcrumbs/index.tsx +311 -0
- package/src/components/Breadcrumbs/styles.ts +63 -0
- package/src/components/Button/index.tsx +44 -26
- package/src/components/Button/styles.ts +28 -28
- package/src/components/CLAUDE.md +3 -3
- package/src/components/Calendar/CalendarMonthHeader.tsx +124 -0
- package/src/components/Calendar/CalendarYearPickerGrid.tsx +101 -0
- package/src/components/Calendar/flashCalendarAdapter.ts +362 -0
- package/src/components/Calendar/index.tsx +151 -0
- package/src/components/Calendar/styles.ts +80 -0
- package/src/components/Card/index.tsx +31 -0
- package/src/components/Card/styles.ts +5 -2
- package/src/components/Carousel/context.ts +15 -0
- package/src/components/Carousel/index.tsx +268 -0
- package/src/components/Carousel/navButton.tsx +160 -0
- package/src/components/Carousel/paginationNavigation.ts +32 -0
- package/src/components/Carousel/styles.ts +45 -0
- package/src/components/Carousel/useCarouselActiveIndex.ts +54 -0
- package/src/components/Checkbox/index.tsx +37 -2
- package/src/components/Checkbox/styles.ts +56 -24
- package/src/components/Chip/index.tsx +61 -3
- package/src/components/Chip/styles.ts +53 -53
- package/src/components/CurrencyInput/index.tsx +3 -1
- package/src/components/CurrencyInput/styles.ts +2 -2
- package/src/components/DateField/index.tsx +196 -0
- package/src/components/DateField/styles.ts +51 -0
- package/src/components/DatePicker/index.tsx +187 -0
- package/src/components/DateRangePicker/index.tsx +202 -0
- package/src/components/DateTimeField/index.tsx +128 -0
- package/src/components/DateTimeList/index.tsx +187 -0
- package/src/components/DateTimeList/styles.ts +59 -0
- package/src/components/DateTimePicker/index.tsx +233 -0
- package/src/components/Dialog/animation.ts +13 -0
- package/src/components/Dialog/index.tsx +391 -39
- package/src/components/Dialog/styles.ts +26 -9
- package/src/components/Divider/styles.ts +1 -1
- package/src/components/Field/styles.ts +2 -2
- package/src/components/Form/styles.ts +1 -1
- package/src/components/Heading/styles.ts +1 -1
- package/src/components/IconButton/index.tsx +35 -4
- package/src/components/IconButton/styles.ts +24 -24
- package/src/components/Input/index.tsx +20 -1
- package/src/components/Input/styles.ts +2 -2
- package/src/components/InsuranceDisclosure/index.tsx +59 -0
- package/src/components/InsuranceDisclosure/styles.ts +12 -0
- package/src/components/Link/index.tsx +1 -0
- package/src/components/Link/styles.ts +9 -12
- package/src/components/ListItem/styles.ts +2 -2
- package/src/components/Menu/index.tsx +667 -0
- package/src/components/Menu/styles.ts +153 -0
- package/src/components/MonthCalendar/index.tsx +252 -0
- package/src/components/MonthPicker/index.tsx +188 -0
- package/src/components/OtpInput/index.tsx +74 -42
- package/src/components/OtpInput/styles.ts +21 -14
- package/src/components/ProgressBar/styles.ts +2 -2
- package/src/components/ProgressCircle/ProgressCircleRing.tsx +105 -0
- package/src/components/ProgressCircle/index.tsx +110 -0
- package/src/components/ProgressCircle/styles.ts +47 -0
- package/src/components/ProgressCircle/useProgressCircleColors.ts +33 -0
- package/src/components/ProgressSegmented/index.tsx +2 -21
- package/src/components/ProgressSegmented/styles.ts +3 -3
- package/src/components/QuickActionButton/styles.ts +2 -2
- package/src/components/Radio/index.tsx +20 -0
- package/src/components/Radio/styles.ts +31 -5
- package/src/components/RangeCalendar/index.tsx +162 -0
- package/src/components/ScrollShadow/index.tsx +119 -0
- package/src/components/ScrollShadow/styles.ts +57 -0
- package/src/components/ScrollShadow/useScrollShadow.ts +110 -0
- package/src/components/Select/index.tsx +92 -26
- package/src/components/Select/styles.ts +2 -61
- package/src/components/Skeleton/index.tsx +2 -1
- package/src/components/Skeleton/styles.ts +1 -1
- package/src/components/Slider/getSliderPopupPosition.ts +70 -0
- package/src/components/Slider/index.tsx +520 -0
- package/src/components/Slider/styles.ts +147 -0
- package/src/components/Stack/styles.ts +1 -1
- package/src/components/Switch/index.tsx +10 -2
- package/src/components/Switch/styles.ts +1 -1
- package/src/components/Table/index.tsx +459 -0
- package/src/components/Table/index.web.tsx +395 -0
- package/src/components/Table/styles.ts +143 -0
- package/src/components/Table/types.ts +57 -0
- package/src/components/Table/useTableStyleContext.ts +14 -0
- package/src/components/TablePagination/TablePaginationContext.tsx +37 -0
- package/src/components/TablePagination/getTablePaginationItems.ts +62 -0
- package/src/components/TablePagination/index.tsx +498 -0
- package/src/components/TablePagination/styles.ts +15 -0
- package/src/components/Tabs/index.tsx +698 -0
- package/src/components/Tabs/styles.ts +340 -0
- package/src/components/Text/styles.ts +1 -1
- package/src/components/Textarea/styles.ts +2 -2
- package/src/components/Tile/styles.ts +2 -2
- package/src/components/Toast/animation.ts +19 -1
- package/src/components/Toast/hooks.ts +3 -2
- package/src/components/Toast/index.tsx +34 -3
- package/src/components/Toast/styles.ts +9 -9
- package/src/components/Toast/types.ts +14 -8
- package/src/components/Tooltip/index.tsx +149 -0
- package/src/components/Tooltip/styles.ts +16 -0
- package/src/components/index.ts +22 -0
- package/src/components/picker/PickerTrigger.tsx +65 -0
- package/src/components/picker/styles.ts +17 -0
- package/src/components/picker/surfaces.tsx +178 -0
- package/src/index.ts +2 -0
- package/src/providers/forge-design/provider.tsx +49 -21
- package/src/providers/toast/insets-container.tsx +3 -2
- package/src/providers/toast/lifecycle.context.tsx +2 -2
- package/src/providers/toast/provider.tsx +151 -52
- package/src/providers/toast/toast-item-renderer.tsx +5 -1
- package/src/providers/toast/types.ts +22 -8
- package/src/styles/constants.ts +10 -0
- package/src/styles.css +1 -0
- package/lib/commonjs/metro/withCdxMetroConfig.js +0 -13
- package/lib/commonjs/metro/withCdxMetroConfig.js.map +0 -1
- package/lib/commonjs/metro/withForgeMetroConfig.js +0 -24
- package/lib/commonjs/metro/withForgeMetroConfig.js.map +0 -1
- package/lib/commonjs/styles/index.js +0 -17
- package/lib/commonjs/styles/index.js.map +0 -1
- package/lib/commonjs/styles/primitives.js +0 -159
- package/lib/commonjs/styles/primitives.js.map +0 -1
- package/lib/commonjs/utils/WrapStringChild.js +0 -22
- package/lib/commonjs/utils/WrapStringChild.js.map +0 -1
- package/lib/module/metro/withCdxMetroConfig.js +0 -6
- package/lib/module/metro/withCdxMetroConfig.js.map +0 -1
- package/lib/module/metro/withForgeMetroConfig.js +0 -20
- package/lib/module/metro/withForgeMetroConfig.js.map +0 -1
- package/lib/module/styles/index.js +0 -4
- package/lib/module/styles/index.js.map +0 -1
- package/lib/module/styles/primitives.js +0 -155
- package/lib/module/styles/primitives.js.map +0 -1
- package/lib/module/utils/WrapStringChild.js +0 -18
- package/lib/module/utils/WrapStringChild.js.map +0 -1
- package/lib/typescript/metro/withCdxMetroConfig.d.ts +0 -5
- package/lib/typescript/metro/withCdxMetroConfig.d.ts.map +0 -1
- package/lib/typescript/metro/withForgeMetroConfig.d.ts +0 -19
- package/lib/typescript/metro/withForgeMetroConfig.d.ts.map +0 -1
- package/lib/typescript/styles/index.d.ts +0 -2
- package/lib/typescript/styles/index.d.ts.map +0 -1
- package/lib/typescript/styles/primitives.d.ts +0 -123
- package/lib/typescript/styles/primitives.d.ts.map +0 -1
- package/lib/typescript/utils/WrapStringChild.d.ts +0 -10
- package/lib/typescript/utils/WrapStringChild.d.ts.map +0 -1
- package/src/metro/withCdxMetroConfig.ts +0 -4
- package/src/metro/withForgeMetroConfig.ts +0 -29
- package/src/styles/index.ts +0 -1
- package/src/styles/primitives.ts +0 -143
- package/src/utils/WrapStringChild.tsx +0 -25
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useEffect } from 'react';
|
|
4
|
+
import { View } from 'react-native';
|
|
5
|
+
import Animated, { Easing, useAnimatedStyle, useSharedValue, withRepeat, withTiming } from 'react-native-reanimated';
|
|
6
|
+
import { Circle, Svg } from 'react-native-svg';
|
|
7
|
+
import { useProgressContext } from '@cdx-ui/primitives';
|
|
8
|
+
import { PROGRESS_CIRCLE_DIMENSIONS } from './styles';
|
|
9
|
+
import { useProgressCircleColors } from './useProgressCircleColors';
|
|
10
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
11
|
+
const INDETERMINATE_ARC_RATIO = 0.25;
|
|
12
|
+
const ROTATION_DURATION_MS = 1000;
|
|
13
|
+
export function ProgressCircleRing({
|
|
14
|
+
size = 'large',
|
|
15
|
+
color = 'default'
|
|
16
|
+
}) {
|
|
17
|
+
const {
|
|
18
|
+
percent,
|
|
19
|
+
state
|
|
20
|
+
} = useProgressContext();
|
|
21
|
+
const ringColors = useProgressCircleColors(color);
|
|
22
|
+
const rotation = useSharedValue(0);
|
|
23
|
+
const {
|
|
24
|
+
size: dimension,
|
|
25
|
+
strokeWidth
|
|
26
|
+
} = PROGRESS_CIRCLE_DIMENSIONS[size];
|
|
27
|
+
const radius = (dimension - strokeWidth) / 2;
|
|
28
|
+
const center = dimension / 2;
|
|
29
|
+
const circumference = 2 * Math.PI * radius;
|
|
30
|
+
const isIndeterminate = state === 'indeterminate';
|
|
31
|
+
useEffect(() => {
|
|
32
|
+
if (!isIndeterminate) {
|
|
33
|
+
rotation.set(0);
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
rotation.set(withRepeat(withTiming(360, {
|
|
37
|
+
duration: ROTATION_DURATION_MS,
|
|
38
|
+
easing: Easing.linear
|
|
39
|
+
}), -1, false));
|
|
40
|
+
}, [isIndeterminate, rotation]);
|
|
41
|
+
const animatedStyle = useAnimatedStyle(() => ({
|
|
42
|
+
transform: [{
|
|
43
|
+
rotate: `${String(rotation.get())}deg`
|
|
44
|
+
}]
|
|
45
|
+
}), [rotation]);
|
|
46
|
+
const progressLength = isIndeterminate ? circumference * INDETERMINATE_ARC_RATIO : circumference * percent / 100;
|
|
47
|
+
const gapLength = circumference - progressLength;
|
|
48
|
+
const ring = /*#__PURE__*/_jsxs(Svg, {
|
|
49
|
+
width: dimension,
|
|
50
|
+
height: dimension,
|
|
51
|
+
viewBox: `0 0 ${String(dimension)} ${String(dimension)}`,
|
|
52
|
+
children: [/*#__PURE__*/_jsx(Circle, {
|
|
53
|
+
cx: center,
|
|
54
|
+
cy: center,
|
|
55
|
+
r: radius,
|
|
56
|
+
stroke: ringColors.track,
|
|
57
|
+
strokeWidth: strokeWidth,
|
|
58
|
+
fill: "none",
|
|
59
|
+
opacity: ringColors.trackOpacity
|
|
60
|
+
}), progressLength > 0 ? /*#__PURE__*/_jsx(Circle, {
|
|
61
|
+
cx: center,
|
|
62
|
+
cy: center,
|
|
63
|
+
r: radius,
|
|
64
|
+
stroke: ringColors.indicator,
|
|
65
|
+
strokeWidth: strokeWidth,
|
|
66
|
+
fill: "none",
|
|
67
|
+
strokeDasharray: `${String(progressLength)} ${String(gapLength)}`,
|
|
68
|
+
strokeLinecap: "round",
|
|
69
|
+
rotation: -90,
|
|
70
|
+
origin: `${String(center)}, ${String(center)}`
|
|
71
|
+
}) : null]
|
|
72
|
+
});
|
|
73
|
+
if (isIndeterminate) {
|
|
74
|
+
const inheritClass = color === 'inherit' ? 'text-inherit' : undefined;
|
|
75
|
+
return /*#__PURE__*/_jsx(Animated.View, {
|
|
76
|
+
style: animatedStyle,
|
|
77
|
+
className: inheritClass,
|
|
78
|
+
children: /*#__PURE__*/_jsx(View, {
|
|
79
|
+
className: inheritClass,
|
|
80
|
+
children: ring
|
|
81
|
+
})
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
return ring;
|
|
85
|
+
}
|
|
86
|
+
//# sourceMappingURL=ProgressCircleRing.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useEffect","View","Animated","Easing","useAnimatedStyle","useSharedValue","withRepeat","withTiming","Circle","Svg","useProgressContext","PROGRESS_CIRCLE_DIMENSIONS","useProgressCircleColors","jsx","_jsx","jsxs","_jsxs","INDETERMINATE_ARC_RATIO","ROTATION_DURATION_MS","ProgressCircleRing","size","color","percent","state","ringColors","rotation","dimension","strokeWidth","radius","center","circumference","Math","PI","isIndeterminate","set","duration","easing","linear","animatedStyle","transform","rotate","String","get","progressLength","gapLength","ring","width","height","viewBox","children","cx","cy","r","stroke","track","fill","opacity","trackOpacity","indicator","strokeDasharray","strokeLinecap","origin","inheritClass","undefined","style","className"],"sourceRoot":"../../../../src","sources":["components/ProgressCircle/ProgressCircleRing.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createContext, forwardRef, useContext, useMemo } from 'react';
|
|
4
|
+
import { View } from 'react-native';
|
|
5
|
+
import { ProgressBarRoot, dataAttributes, mergeDataAttributes } from '@cdx-ui/primitives';
|
|
6
|
+
import { cn } from '@cdx-ui/utils';
|
|
7
|
+
import { ProgressCircleRing } from './ProgressCircleRing';
|
|
8
|
+
import { progressCircleIndicatorVariants, progressCircleRootVariants } from './styles';
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
const ProgressCircleStyleContext = /*#__PURE__*/createContext({
|
|
11
|
+
size: 'large',
|
|
12
|
+
color: 'default'
|
|
13
|
+
});
|
|
14
|
+
const ProgressCircleRootComponent = /*#__PURE__*/forwardRef(({
|
|
15
|
+
className,
|
|
16
|
+
style,
|
|
17
|
+
size = 'large',
|
|
18
|
+
color = 'default',
|
|
19
|
+
children,
|
|
20
|
+
...props
|
|
21
|
+
}, ref) => {
|
|
22
|
+
const rootClass = cn(progressCircleRootVariants({
|
|
23
|
+
size,
|
|
24
|
+
color
|
|
25
|
+
}), className);
|
|
26
|
+
const styleContext = useMemo(() => ({
|
|
27
|
+
size: size ?? 'large',
|
|
28
|
+
color: color ?? 'default'
|
|
29
|
+
}), [size, color]);
|
|
30
|
+
return /*#__PURE__*/_jsx(ProgressCircleStyleContext.Provider, {
|
|
31
|
+
value: styleContext,
|
|
32
|
+
children: /*#__PURE__*/_jsx(ProgressBarRoot, {
|
|
33
|
+
ref: ref,
|
|
34
|
+
className: rootClass,
|
|
35
|
+
style: style,
|
|
36
|
+
...props,
|
|
37
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
38
|
+
slot: 'progress-circle'
|
|
39
|
+
})),
|
|
40
|
+
children: children
|
|
41
|
+
})
|
|
42
|
+
});
|
|
43
|
+
});
|
|
44
|
+
ProgressCircleRootComponent.displayName = 'ProgressCircle';
|
|
45
|
+
const ProgressCircleIndicatorComponent = /*#__PURE__*/forwardRef(({
|
|
46
|
+
className,
|
|
47
|
+
style,
|
|
48
|
+
size: sizeProp,
|
|
49
|
+
color: colorProp,
|
|
50
|
+
...props
|
|
51
|
+
}, ref) => {
|
|
52
|
+
const {
|
|
53
|
+
size: contextSize,
|
|
54
|
+
color: contextColor
|
|
55
|
+
} = useContext(ProgressCircleStyleContext);
|
|
56
|
+
const size = sizeProp ?? contextSize;
|
|
57
|
+
const color = colorProp ?? contextColor;
|
|
58
|
+
const indicatorClass = cn(progressCircleIndicatorVariants({
|
|
59
|
+
size,
|
|
60
|
+
color
|
|
61
|
+
}), className);
|
|
62
|
+
return /*#__PURE__*/_jsx(View, {
|
|
63
|
+
ref: ref,
|
|
64
|
+
className: indicatorClass,
|
|
65
|
+
style: style,
|
|
66
|
+
...props,
|
|
67
|
+
...mergeDataAttributes(props, dataAttributes({
|
|
68
|
+
slot: 'progress-circle-indicator'
|
|
69
|
+
})),
|
|
70
|
+
children: /*#__PURE__*/_jsx(ProgressCircleRing, {
|
|
71
|
+
size: size,
|
|
72
|
+
color: color
|
|
73
|
+
})
|
|
74
|
+
});
|
|
75
|
+
});
|
|
76
|
+
ProgressCircleIndicatorComponent.displayName = 'ProgressCircle.Indicator';
|
|
77
|
+
export const ProgressCircle = Object.assign(ProgressCircleRootComponent, {
|
|
78
|
+
Indicator: ProgressCircleIndicatorComponent
|
|
79
|
+
});
|
|
80
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContext","forwardRef","useContext","useMemo","View","ProgressBarRoot","dataAttributes","mergeDataAttributes","cn","ProgressCircleRing","progressCircleIndicatorVariants","progressCircleRootVariants","jsx","_jsx","ProgressCircleStyleContext","size","color","ProgressCircleRootComponent","className","style","children","props","ref","rootClass","styleContext","Provider","value","slot","displayName","ProgressCircleIndicatorComponent","sizeProp","colorProp","contextSize","contextColor","indicatorClass","ProgressCircle","Object","assign","Indicator"],"sourceRoot":"../../../../src","sources":["components/ProgressCircle/index.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,EAAEC,UAAU,EAAEC,OAAO,QAAQ,OAAO;AACtE,SAASC,IAAI,QAAwB,cAAc;AACnD,SACEC,eAAe,EACfC,cAAc,EACdC,mBAAmB,QAEd,oBAAoB;AAC3B,SAASC,EAAE,QAAQ,eAAe;AAClC,SAASC,kBAAkB,QAAQ,sBAAsB;AACzD,SACEC,+BAA+B,EAC/BC,0BAA0B,QAIrB,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASlB,MAAMC,0BAA0B,gBAAGd,aAAa,CAAkC;EAChFe,IAAI,EAAE,OAAO;EACbC,KAAK,EAAE;AACT,CAAC,CAAC;AAuBF,MAAMC,2BAA2B,gBAAGhB,UAAU,CAC5C,CAAC;EAAEiB,SAAS;EAAEC,KAAK;EAAEJ,IAAI,GAAG,OAAO;EAAEC,KAAK,GAAG,SAAS;EAAEI,QAAQ;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EACpF,MAAMC,SAAS,GAAGf,EAAE,CAACG,0BAA0B,CAAC;IAAEI,IAAI;IAAEC;EAAM,CAAC,CAAC,EAAEE,SAAS,CAAC;EAC5E,MAAMM,YAAY,GAAGrB,OAAO,CAC1B,OAAO;IACLY,IAAI,EAAEA,IAAI,IAAI,OAAO;IACrBC,KAAK,EAAEA,KAAK,IAAI;EAClB,CAAC,CAAC,EACF,CAACD,IAAI,EAAEC,KAAK,CACd,CAAC;EAED,oBACEH,IAAA,CAACC,0BAA0B,CAACW,QAAQ;IAACC,KAAK,EAAEF,YAAa;IAAAJ,QAAA,eACvDP,IAAA,CAACR,eAAe;MACdiB,GAAG,EAAEA,GAAI;MACTJ,SAAS,EAAEK,SAAU;MACrBJ,KAAK,EAAEA,KAAM;MAAA,GACTE,KAAK;MAAA,GACLd,mBAAmB,CAACc,KAAK,EAAEf,cAAc,CAAC;QAAEqB,IAAI,EAAE;MAAkB,CAAC,CAAC,CAAC;MAAAP,QAAA,EAE1EA;IAAQ,CACM;EAAC,CACiB,CAAC;AAE1C,CACF,CAAC;AAEDH,2BAA2B,CAACW,WAAW,GAAG,gBAAgB;AAE1D,MAAMC,gCAAgC,gBAAG5B,UAAU,CACjD,CAAC;EAAEiB,SAAS;EAAEC,KAAK;EAAEJ,IAAI,EAAEe,QAAQ;EAAEd,KAAK,EAAEe,SAAS;EAAE,GAAGV;AAAM,CAAC,EAAEC,GAAG,KAAK;EACzE,MAAM;IAAEP,IAAI,EAAEiB,WAAW;IAAEhB,KAAK,EAAEiB;EAAa,CAAC,GAAG/B,UAAU,CAACY,0BAA0B,CAAC;EACzF,MAAMC,IAAI,GAAGe,QAAQ,IAAIE,WAAW;EACpC,MAAMhB,KAAK,GAAGe,SAAS,IAAIE,YAAY;EACvC,MAAMC,cAAc,GAAG1B,EAAE,CAACE,+BAA+B,CAAC;IAAEK,IAAI;IAAEC;EAAM,CAAC,CAAC,EAAEE,SAAS,CAAC;EAEtF,oBACEL,IAAA,CAACT,IAAI;IACHkB,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEgB,cAAe;IAC1Bf,KAAK,EAAEA,KAAM;IAAA,GACTE,KAAK;IAAA,GACLd,mBAAmB,CAACc,KAAK,EAAEf,cAAc,CAAC;MAAEqB,IAAI,EAAE;IAA4B,CAAC,CAAC,CAAC;IAAAP,QAAA,eAErFP,IAAA,CAACJ,kBAAkB;MAACM,IAAI,EAAEA,IAAK;MAACC,KAAK,EAAEA;IAAM,CAAE;EAAC,CAC5C,CAAC;AAEX,CACF,CAAC;AAEDa,gCAAgC,CAACD,WAAW,GAAG,0BAA0B;AAMzE,OAAO,MAAMO,cAAc,GAAGC,MAAM,CAACC,MAAM,CAACpB,2BAA2B,EAAE;EACvEqB,SAAS,EAAET;AACb,CAAC,CAAoC","ignoreList":[]}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { cva } from '@cdx-ui/utils';
|
|
4
|
+
export const progressCircleRootVariants = cva(['items-center justify-center'], {
|
|
5
|
+
variants: {
|
|
6
|
+
size: {
|
|
7
|
+
large: 'size-[32px]',
|
|
8
|
+
small: 'size-[24px]'
|
|
9
|
+
},
|
|
10
|
+
color: {
|
|
11
|
+
default: '',
|
|
12
|
+
inherit: 'text-inherit'
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
defaultVariants: {
|
|
16
|
+
size: 'large',
|
|
17
|
+
color: 'default'
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
export const progressCircleIndicatorVariants = cva(['size-full items-center justify-center'], {
|
|
21
|
+
variants: {
|
|
22
|
+
size: {
|
|
23
|
+
large: '',
|
|
24
|
+
small: ''
|
|
25
|
+
},
|
|
26
|
+
color: {
|
|
27
|
+
default: '',
|
|
28
|
+
inherit: 'text-inherit'
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
defaultVariants: {
|
|
32
|
+
size: 'large',
|
|
33
|
+
color: 'default'
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
export const PROGRESS_CIRCLE_DIMENSIONS = {
|
|
37
|
+
large: {
|
|
38
|
+
size: 32,
|
|
39
|
+
strokeWidth: 3
|
|
40
|
+
},
|
|
41
|
+
small: {
|
|
42
|
+
size: 24,
|
|
43
|
+
strokeWidth: 2
|
|
44
|
+
}
|
|
45
|
+
};
|
|
46
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["cva","progressCircleRootVariants","variants","size","large","small","color","default","inherit","defaultVariants","progressCircleIndicatorVariants","PROGRESS_CIRCLE_DIMENSIONS","strokeWidth"],"sourceRoot":"../../../../src","sources":["components/ProgressCircle/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AAEtD,OAAO,MAAMC,0BAA0B,GAAGD,GAAG,CAAC,CAAC,6BAA6B,CAAC,EAAE;EAC7EE,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,KAAK,EAAE,aAAa;MACpBC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLC,OAAO,EAAE,EAAE;MACXC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE,OAAO;IACbG,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEF,OAAO,MAAMI,+BAA+B,GAAGV,GAAG,CAAC,CAAC,uCAAuC,CAAC,EAAE;EAC5FE,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJC,KAAK,EAAE,EAAE;MACTC,KAAK,EAAE;IACT,CAAC;IACDC,KAAK,EAAE;MACLC,OAAO,EAAE,EAAE;MACXC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IACfN,IAAI,EAAE,OAAO;IACbG,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAOF,OAAO,MAAMK,0BAA0B,GAAG;EACxCP,KAAK,EAAE;IAAED,IAAI,EAAE,EAAE;IAAES,WAAW,EAAE;EAAE,CAAC;EACnCP,KAAK,EAAE;IAAEF,IAAI,EAAE,EAAE;IAAES,WAAW,EAAE;EAAE;AACpC,CAAU","ignoreList":[]}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useCSSVariable } from 'uniwind';
|
|
4
|
+
|
|
5
|
+
/** Light-theme fallbacks when Uniwind CSS context is unavailable (e.g. Jest). */
|
|
6
|
+
const FALLBACKS = {
|
|
7
|
+
track: '#e8eefc',
|
|
8
|
+
indicator: '#346099'
|
|
9
|
+
};
|
|
10
|
+
function toColor(value, fallback) {
|
|
11
|
+
if (typeof value === 'string' && value.length > 0) {
|
|
12
|
+
return value;
|
|
13
|
+
}
|
|
14
|
+
return fallback;
|
|
15
|
+
}
|
|
16
|
+
export function useProgressCircleColors(color) {
|
|
17
|
+
const trackToken = useCSSVariable('--color-surface-action-subtle');
|
|
18
|
+
const indicatorToken = useCSSVariable('--color-surface-action-strong');
|
|
19
|
+
if (color === 'inherit') {
|
|
20
|
+
return {
|
|
21
|
+
track: 'currentColor',
|
|
22
|
+
indicator: 'currentColor',
|
|
23
|
+
trackOpacity: 0.24
|
|
24
|
+
};
|
|
25
|
+
}
|
|
26
|
+
return {
|
|
27
|
+
track: toColor(trackToken, FALLBACKS.track),
|
|
28
|
+
indicator: toColor(indicatorToken, FALLBACKS.indicator),
|
|
29
|
+
trackOpacity: 1
|
|
30
|
+
};
|
|
31
|
+
}
|
|
32
|
+
//# sourceMappingURL=useProgressCircleColors.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useCSSVariable","FALLBACKS","track","indicator","toColor","value","fallback","length","useProgressCircleColors","color","trackToken","indicatorToken","trackOpacity"],"sourceRoot":"../../../../src","sources":["components/ProgressCircle/useProgressCircleColors.ts"],"mappings":";;AAAA,SAASA,cAAc,QAAQ,SAAS;;AAExC;AACA,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAE,SAAS;EAChBC,SAAS,EAAE;AACb,CAAU;AAEV,SAASC,OAAOA,CAACC,KAAkC,EAAEC,QAAgB,EAAU;EAC7E,IAAI,OAAOD,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACE,MAAM,GAAG,CAAC,EAAE;IACjD,OAAOF,KAAK;EACd;EACA,OAAOC,QAAQ;AACjB;AAEA,OAAO,SAASE,uBAAuBA,CAACC,KAA4B,EAAE;EACpE,MAAMC,UAAU,GAAGV,cAAc,CAAC,+BAA+B,CAAC;EAClE,MAAMW,cAAc,GAAGX,cAAc,CAAC,+BAA+B,CAAC;EAEtE,IAAIS,KAAK,KAAK,SAAS,EAAE;IACvB,OAAO;MACLP,KAAK,EAAE,cAAc;MACrBC,SAAS,EAAE,cAAc;MACzBS,YAAY,EAAE;IAChB,CAAC;EACH;EAEA,OAAO;IACLV,KAAK,EAAEE,OAAO,CAACM,UAAU,EAAET,SAAS,CAACC,KAAK,CAAC;IAC3CC,SAAS,EAAEC,OAAO,CAACO,cAAc,EAAEV,SAAS,CAACE,SAAS,CAAC;IACvDS,YAAY,EAAE;EAChB,CAAC;AACH","ignoreList":[]}
|
|
@@ -1,31 +1,20 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { forwardRef,
|
|
3
|
+
import { forwardRef, useMemo } from 'react';
|
|
4
4
|
import { View } from 'react-native';
|
|
5
5
|
import { cn } from '@cdx-ui/utils';
|
|
6
6
|
import { progressSegmentedVariants, segmentVariants } from './styles';
|
|
7
|
-
|
|
8
|
-
/* `ProgressSegmentedProps.total` remains in the public API until the next major release. */
|
|
9
|
-
/* eslint-disable @typescript-eslint/no-deprecated */
|
|
10
7
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
8
|
export const ProgressSegmented = /*#__PURE__*/forwardRef(({
|
|
12
9
|
step,
|
|
13
10
|
segments,
|
|
14
|
-
total,
|
|
15
11
|
isStepComplete = false,
|
|
16
12
|
getAccessibilityText,
|
|
17
13
|
className,
|
|
18
14
|
accessibilityLabel = 'Progress',
|
|
19
15
|
...props
|
|
20
16
|
}, ref) => {
|
|
21
|
-
const segmentCount = segments ??
|
|
22
|
-
|
|
23
|
-
// TODO: Remove this once the `total` prop is removed.
|
|
24
|
-
useEffect(() => {
|
|
25
|
-
if (__DEV__ && total !== undefined && segments === undefined) {
|
|
26
|
-
console.warn('[ProgressSegmented] The `total` prop is deprecated and will be removed in a future major release. Use `segments` instead.');
|
|
27
|
-
}
|
|
28
|
-
}, [total, segments]);
|
|
17
|
+
const segmentCount = segments ?? 5;
|
|
29
18
|
const clampedStep = Math.max(0, Math.min(step, segmentCount));
|
|
30
19
|
const segmentStates = useMemo(() => {
|
|
31
20
|
return Array.from({
|
|
@@ -67,6 +56,4 @@ export const ProgressSegmented = /*#__PURE__*/forwardRef(({
|
|
|
67
56
|
});
|
|
68
57
|
});
|
|
69
58
|
ProgressSegmented.displayName = 'ProgressSegmented';
|
|
70
|
-
|
|
71
|
-
/* eslint-enable @typescript-eslint/no-deprecated */
|
|
72
59
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","
|
|
1
|
+
{"version":3,"names":["forwardRef","useMemo","View","cn","progressSegmentedVariants","segmentVariants","jsx","_jsx","ProgressSegmented","step","segments","isStepComplete","getAccessibilityText","className","accessibilityLabel","props","ref","segmentCount","clampedStep","Math","max","min","segmentStates","Array","from","length","_","index","segmentIndex","state","accessibilityText","String","accessibilityRole","accessibilityValue","now","text","children","map","displayName"],"sourceRoot":"../../../../src","sources":["components/ProgressSegmented/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,EAAEC,OAAO,QAAQ,OAAO;AAC3C,SAASC,IAAI,QAAwB,cAAc;AACnD,SAASC,EAAE,QAAQ,eAAe;AAClC,SACEC,yBAAyB,EACzBC,eAAe,QAEV,UAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAwBlB,OAAO,MAAMC,iBAAiB,gBAAGR,UAAU,CACzC,CACE;EACES,IAAI;EACJC,QAAQ;EACRC,cAAc,GAAG,KAAK;EACtBC,oBAAoB;EACpBC,SAAS;EACTC,kBAAkB,GAAG,UAAU;EAC/B,GAAGC;AACL,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,YAAY,GAAGP,QAAQ,IAAI,CAAC;EAElC,MAAMQ,WAAW,GAAGC,IAAI,CAACC,GAAG,CAAC,CAAC,EAAED,IAAI,CAACE,GAAG,CAACZ,IAAI,EAAEQ,YAAY,CAAC,CAAC;EAE7D,MAAMK,aAAa,GAAGrB,OAAO,CAAC,MAAM;IAClC,OAAOsB,KAAK,CAACC,IAAI,CAAC;MAAEC,MAAM,EAAER;IAAa,CAAC,EAAE,CAACS,CAAC,EAAEC,KAAK,KAAK;MACxD,MAAMC,YAAY,GAAGD,KAAK,GAAG,CAAC;MAC9B,IAAIE,KAA+C,GAAG,YAAY;MAElE,IAAID,YAAY,GAAGV,WAAW,IAAKP,cAAc,IAAIiB,YAAY,KAAKV,WAAY,EAAE;QAClFW,KAAK,GAAG,UAAU;MACpB,CAAC,MAAM,IAAID,YAAY,KAAKV,WAAW,EAAE;QACvCW,KAAK,GAAG,YAAY;MACtB;MAEA,OAAOA,KAAK;IACd,CAAC,CAAC;EACJ,CAAC,EAAE,CAACZ,YAAY,EAAEC,WAAW,EAAEP,cAAc,CAAC,CAAC;EAE/C,IAAImB,iBAAiB,GAAG,QAAQC,MAAM,CAACb,WAAW,CAAC,OAAOa,MAAM,CAACd,YAAY,CAAC,EAAE;EAChF,IAAIL,oBAAoB,EAAE;IACxBkB,iBAAiB,GAAGlB,oBAAoB,CAACM,WAAW,EAAED,YAAY,EAAEN,cAAc,CAAC;EACrF,CAAC,MAAM,IAAIA,cAAc,EAAE;IACzBmB,iBAAiB,GAAG,QAAQC,MAAM,CAACb,WAAW,CAAC,OAAOa,MAAM,CAACd,YAAY,CAAC,aAAa;EACzF;EAEA,oBACEV,IAAA,CAACL,IAAI;IACHc,GAAG,EAAEA,GAAI;IACTgB,iBAAiB,EAAC,aAAa;IAC/BlB,kBAAkB,EAAEA,kBAAmB;IACvCmB,kBAAkB,EAAE;MAClBZ,GAAG,EAAE,CAAC;MACND,GAAG,EAAEH,YAAY;MACjBiB,GAAG,EAAEhB,WAAW;MAChBiB,IAAI,EAAEL;IACR,CAAE;IACFjB,SAAS,EAAEV,EAAE,CAACC,yBAAyB,CAAC,CAAC,EAAES,SAAS,CAAE;IAAA,GAClDE,KAAK;IAAAqB,QAAA,EAERd,aAAa,CAACe,GAAG,CAAC,CAACR,KAAK,EAAEF,KAAK,kBAC9BpB,IAAA,CAACL,IAAI;MAAaW,SAAS,EAAEV,EAAE,CAACE,eAAe,CAAC;QAAEwB;MAAM,CAAC,CAAC;IAAE,GAAjDF,KAAmD,CAC/D;EAAC,CACE,CAAC;AAEX,CACF,CAAC;AAEDnB,iBAAiB,CAAC8B,WAAW,GAAG,mBAAmB","ignoreList":[]}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import { cva } from '
|
|
3
|
+
import { cva } from '@cdx-ui/utils';
|
|
4
4
|
export const progressSegmentedVariants = cva(['flex-row gap-1 w-full rounded overflow-hidden']);
|
|
5
5
|
export const segmentVariants = cva(['flex-1 h-1'], {
|
|
6
6
|
variants: {
|
|
7
7
|
state: {
|
|
8
8
|
complete: 'bg-surface-action-strong',
|
|
9
|
-
incomplete: 'bg-surface-action-
|
|
10
|
-
inprogress: 'bg-gradient-to-r from-surface-action-strong from-50% to-surface-action-
|
|
9
|
+
incomplete: 'bg-surface-action-subtle',
|
|
10
|
+
inprogress: 'bg-gradient-to-r from-surface-action-strong from-50% to-surface-action-subtle to-50%'
|
|
11
11
|
}
|
|
12
12
|
},
|
|
13
13
|
defaultVariants: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["cva","progressSegmentedVariants","segmentVariants","variants","state","complete","incomplete","inprogress","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/ProgressSegmented/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,
|
|
1
|
+
{"version":3,"names":["cva","progressSegmentedVariants","segmentVariants","variants","state","complete","incomplete","inprogress","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/ProgressSegmented/styles.ts"],"mappings":";;AAAA,SAASA,GAAG,QAA2B,eAAe;AAEtD,OAAO,MAAMC,yBAAyB,GAAGD,GAAG,CAAC,CAAC,+CAA+C,CAAC,CAAC;AAE/F,OAAO,MAAME,eAAe,GAAGF,GAAG,CAAC,CAAC,YAAY,CAAC,EAAE;EACjDG,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,QAAQ,EAAE,0BAA0B;MACpCC,UAAU,EAAE,0BAA0B;MACtCC,UAAU,EACR;IACJ;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,KAAK,EAAE;EACT;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { Platform } from 'react-native';
|
|
4
|
-
import { cva } from '
|
|
5
|
-
import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/
|
|
4
|
+
import { cva } from '@cdx-ui/utils';
|
|
5
|
+
import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/constants';
|
|
6
6
|
export const quickActionButtonRootVariants = cva(['flex flex-col items-center gap-2', 'min-w-[60px] max-w-20', 'web:outline-none web:focus:outline-none web:focus-visible:outline-none', DISABLED_CURSOR]);
|
|
7
7
|
export const quickActionButtonIndicatorVariants = cva(['flex items-center justify-center shrink-0', 'h-[60px] w-[60px] min-h-[60px] min-w-[60px] p-2', 'rounded-[var(--border-radius-round)]', 'border border-stroke-secondary', 'bg-surface-primary', 'overflow-hidden', TRANSITION_COLORS, 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', Platform.select({
|
|
8
8
|
default: 'data-[active=true]:bg-surface-primary-active',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","quickActionButtonRootVariants","quickActionButtonIndicatorVariants","select","default","web","join","quickActionButtonGlyphVariants","quickActionButtonLabelVariants"],"sourceRoot":"../../../../src","sources":["components/QuickActionButton/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,
|
|
1
|
+
{"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","quickActionButtonRootVariants","quickActionButtonIndicatorVariants","select","default","web","join","quickActionButtonGlyphVariants","quickActionButtonLabelVariants"],"sourceRoot":"../../../../src","sources":["components/QuickActionButton/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAA2B,eAAe;AACtD,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,wBAAwB;AAE3E,OAAO,MAAMC,6BAA6B,GAAGH,GAAG,CAAC,CAC/C,kCAAkC,EAClC,uBAAuB,EACvB,wEAAwE,EACxEC,eAAe,CAChB,CAAC;AAEF,OAAO,MAAMG,kCAAkC,GAAGJ,GAAG,CAAC,CACpD,2CAA2C,EAC3C,iDAAiD,EACjD,sCAAsC,EACtC,gCAAgC,EAChC,oBAAoB,EACpB,iBAAiB,EACjBE,iBAAiB,EACjB,wDAAwD,EACxDH,QAAQ,CAACM,MAAM,CAAC;EACdC,OAAO,EAAE,8CAA8C;EACvDC,GAAG,EAAE,CACH,4CAA4C,EAC5C,kEAAkE,EAClE,sCAAsC,EACtC,+DAA+D,EAC/D,6CAA6C,CAC9C,CAACC,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;AAEF,OAAO,MAAMC,8BAA8B,GAAGT,GAAG,CAAC,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;AAEpF,OAAO,MAAMU,8BAA8B,GAAGV,GAAG,CAAC,CAChD,qBAAqB,EACrB,kCAAkC,EAClC,qCAAqC,EACrC,wDAAwD,CACzD,CAAC","ignoreList":[]}
|
|
@@ -34,6 +34,17 @@ RadioRoot.displayName = 'Radio';
|
|
|
34
34
|
// RADIO INDICATOR (styled-only, reads context for data-* styling)
|
|
35
35
|
// =============================================================================
|
|
36
36
|
|
|
37
|
+
/** Compound checked × invalid × active state for native Uniwind selectors (single data-field-state). */
|
|
38
|
+
const INDICATOR_STATES = {
|
|
39
|
+
'unchecked:false:false': 'idle',
|
|
40
|
+
'unchecked:true:false': 'invalid',
|
|
41
|
+
'unchecked:false:true': 'active',
|
|
42
|
+
'unchecked:true:true': 'invalid-active',
|
|
43
|
+
'checked:false:false': 'checked',
|
|
44
|
+
'checked:true:false': 'checked-invalid',
|
|
45
|
+
'checked:false:true': 'checked-active',
|
|
46
|
+
'checked:true:true': 'checked-invalid-active'
|
|
47
|
+
};
|
|
37
48
|
const RadioIndicator = /*#__PURE__*/forwardRef(({
|
|
38
49
|
asChild,
|
|
39
50
|
className,
|
|
@@ -50,6 +61,8 @@ const RadioIndicator = /*#__PURE__*/forwardRef(({
|
|
|
50
61
|
isPressed,
|
|
51
62
|
isFocusVisible
|
|
52
63
|
} = useRadioContext();
|
|
64
|
+
const checkState = isChecked ? 'checked' : 'unchecked';
|
|
65
|
+
const fieldState = INDICATOR_STATES[`${checkState}:${isInvalid ? 'true' : 'false'}:${isPressed ? 'true' : 'false'}`];
|
|
53
66
|
const computedClassName = cn(radioIndicatorVariants(), className);
|
|
54
67
|
const Comp = asChild ? Slot : View;
|
|
55
68
|
return /*#__PURE__*/_jsxs(Comp, {
|
|
@@ -65,14 +78,16 @@ const RadioIndicator = /*#__PURE__*/forwardRef(({
|
|
|
65
78
|
focusVisible: isFocusVisible,
|
|
66
79
|
invalid: isInvalid,
|
|
67
80
|
readonly: isReadOnly,
|
|
68
|
-
active: isPressed
|
|
81
|
+
active: isPressed,
|
|
82
|
+
fieldState
|
|
69
83
|
})),
|
|
70
84
|
children: [/*#__PURE__*/_jsx(View, {
|
|
71
85
|
className: cn(radioInnerDotVariants()),
|
|
72
86
|
...dataAttributes({
|
|
73
87
|
checked: isChecked,
|
|
74
88
|
invalid: isInvalid,
|
|
75
|
-
hover: isHovered
|
|
89
|
+
hover: isHovered,
|
|
90
|
+
fieldState
|
|
76
91
|
})
|
|
77
92
|
}), children]
|
|
78
93
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["forwardRef","Text","View","RadioRoot","RadioRootPrimitive","RadioGroup","RadioGroupPrimitive","Slot","dataAttributes","mergeDataAttributes","useRadioContext","cn","radioGroupVariants","radioIndicatorVariants","radioInnerDotVariants","radioLabelVariants","radioRootVariants","jsx","_jsx","jsxs","_jsxs","className","children","style","props","ref","computedClassName","slot","RadioIndicator","displayName","asChild","isChecked","isDisabled","isHovered","isInvalid","isReadOnly","isPressed","isFocusVisible","Comp","hover","checked","disabled","focusVisible","invalid","readonly","active","RadioLabel","direction","value","defaultValue","onChange","isRequired","name","viewProps","Radio","Object","assign","Indicator","Label","Group"],"sourceRoot":"../../../../src","sources":["components/Radio/index.tsx"],"mappings":";;AAAA,SAASA,UAAU,QAAwB,OAAO;AAClD,SAASC,IAAI,EAAkBC,IAAI,QAAwB,cAAc;AACzE,SACEC,SAAS,IAAIC,kBAAkB,EAC/BC,UAAU,IAAIC,mBAAmB,EACjCC,IAAI,EACJC,cAAc,EACdC,mBAAmB,EACnBC,eAAe,QAEV,oBAAoB;AAC3B,SAASC,EAAE,QAAQ,eAAe;AAClC,SACEC,kBAAkB,EAClBC,sBAAsB,EACtBC,qBAAqB,EACrBC,kBAAkB,EAClBC,iBAAiB,QACZ,UAAU;;AAEjB;AACA;AACA;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAOA,MAAMjB,SAAS,gBAAGH,UAAU,CAAmB,CAAC;EAAEqB,SAAS;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAChG,MAAMC,iBAAiB,GAAGf,EAAE,CAACK,iBAAiB,CAAC,CAAC,EAAEK,SAAS,CAAC;EAE5D,oBACED,KAAA,CAAChB,kBAAkB;IACjBqB,GAAG,EAAEA,GAAI;IACTJ,SAAS,EAAEK,iBAAkB;IAC7BH,KAAK,EAAEA,KAAM;IAAA,GACTC,KAAK;IAAA,GACLf,mBAAmB,CAACe,KAAK,EAAEhB,cAAc,CAAC;MAAEmB,IAAI,EAAE;IAAQ,CAAC,CAAC,CAAC;IAAAL,QAAA,gBAEjEJ,IAAA,CAACU,cAAc,IAAE,CAAC,EACjBN,QAAQ;EAAA,CACS,CAAC;AAEzB,CAAC,CAAC;AAEFnB,SAAS,CAAC0B,WAAW,GAAG,OAAO;;AAE/B;AACA;AACA;;
|
|
1
|
+
{"version":3,"names":["forwardRef","Text","View","RadioRoot","RadioRootPrimitive","RadioGroup","RadioGroupPrimitive","Slot","dataAttributes","mergeDataAttributes","useRadioContext","cn","radioGroupVariants","radioIndicatorVariants","radioInnerDotVariants","radioLabelVariants","radioRootVariants","jsx","_jsx","jsxs","_jsxs","className","children","style","props","ref","computedClassName","slot","RadioIndicator","displayName","INDICATOR_STATES","asChild","isChecked","isDisabled","isHovered","isInvalid","isReadOnly","isPressed","isFocusVisible","checkState","fieldState","Comp","hover","checked","disabled","focusVisible","invalid","readonly","active","RadioLabel","direction","value","defaultValue","onChange","isRequired","name","viewProps","Radio","Object","assign","Indicator","Label","Group"],"sourceRoot":"../../../../src","sources":["components/Radio/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,16 +1,31 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
import { Platform } from 'react-native';
|
|
4
|
-
import { cva } from '
|
|
5
|
-
import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/
|
|
6
|
-
export const radioRootVariants = cva(['flex-row items-center gap-2', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', DISABLED_CURSOR
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
4
|
+
import { cva } from '@cdx-ui/utils';
|
|
5
|
+
import { DISABLED_CURSOR, TRANSITION_COLORS } from '../../styles/constants';
|
|
6
|
+
export const radioRootVariants = cva(['flex-row items-center gap-2', 'data-[disabled=true]:opacity-[var(--opacity-disabled)]', DISABLED_CURSOR,
|
|
7
|
+
// Suppress default :focus-visible outline on the role="radio" Pressable;
|
|
8
|
+
// focus ring is drawn on the indicator instead of wrapping the whole control.
|
|
9
|
+
'web:outline-none web:focus:outline-none web:focus-visible:outline-none']);
|
|
10
|
+
export const radioIndicatorVariants = cva(['items-center justify-center', 'rounded-[var(--border-radius-round)]', 'border-[length:var(--border-width-selected)]', 'h-5 w-5', 'bg-surface-primary', 'data-[checked=false]:border-content-secondary', 'data-[checked=true]:border-stroke-action', 'data-[invalid=true]:border-stroke-danger', Platform.select({
|
|
11
|
+
web: [TRANSITION_COLORS, 'group',
|
|
12
|
+
// Hover — unchecked (Figma: border unchanged, bg overlay at opacity/hover)
|
|
13
|
+
'data-[hover=true]:data-[checked=false]:bg-content-secondary/[0.08]',
|
|
14
|
+
// Hover — unchecked + invalid (overlay uses danger token)
|
|
15
|
+
'data-[hover=true]:data-[invalid=true]:data-[checked=false]:bg-surface-danger-strong/[0.08]', 'data-[hover=true]:data-[checked=true]:border-surface-action-strong-hover', 'data-[hover=true]:data-[invalid=true]:border-surface-danger-strong-hover',
|
|
16
|
+
// Active — CSS :active (web root does not track press via data-active).
|
|
17
|
+
// data-[hover=true] guard ensures active beats hover by specificity (0,3,0 > 0,2,0).
|
|
18
|
+
'web:active:data-[hover=true]:data-[checked=false]:border-stroke-hover', 'web:active:data-[hover=true]:data-[invalid=true]:data-[checked=false]:border-surface-danger-strong-active', 'web:active:data-[hover=true]:data-[checked=true]:border-surface-action-strong-active', 'web:active:data-[hover=true]:data-[checked=true]:data-[invalid=true]:border-surface-danger-strong-active', 'web:data-[focus-visible=true]:outline-none', 'web:data-[focus-visible=true]:ring-2 web:data-[focus-visible=true]:ring-stroke-focus web:data-[focus-visible=true]:ring-offset-2'].join(' '),
|
|
19
|
+
default: [
|
|
20
|
+
// Native: Uniwind only evaluates the last data-[] condition in a compound chain.
|
|
21
|
+
// Use single-condition data-[field-state=...] selectors (emitted by RadioIndicator).
|
|
22
|
+
'data-[field-state=active]:border-stroke-hover', 'data-[field-state=invalid-active]:border-surface-danger-strong-active', 'data-[field-state=checked-active]:border-surface-action-strong-active', 'data-[field-state=checked-invalid-active]:border-surface-danger-strong-active'].join(' ')
|
|
10
23
|
})]);
|
|
11
24
|
export const radioInnerDotVariants = cva(['rounded-[var(--border-radius-round)]', 'h-2.5 w-2.5', 'scale-0', 'data-[checked=true]:scale-100', 'bg-surface-action-strong', 'data-[invalid=true]:bg-surface-danger-strong', Platform.select({
|
|
12
|
-
web: ['data-[hover=true]:bg-surface-action-strong-hover', 'data-[hover=true]:data-[invalid=true]:bg-surface-danger-strong-hover'
|
|
13
|
-
|
|
25
|
+
web: ['data-[hover=true]:bg-surface-action-strong-hover', 'data-[hover=true]:data-[invalid=true]:bg-surface-danger-strong-hover',
|
|
26
|
+
// Active via group-active on indicator (inner dot is not the :active target).
|
|
27
|
+
'web:group-active:data-[hover=true]:data-[checked=true]:bg-surface-action-strong-active', 'web:group-active:data-[hover=true]:data-[checked=true]:data-[invalid=true]:bg-surface-danger-strong-active'].join(' '),
|
|
28
|
+
default: ['data-[field-state=checked-active]:bg-surface-action-strong-active', 'data-[field-state=checked-invalid-active]:bg-surface-danger-strong-active'].join(' ')
|
|
14
29
|
})]);
|
|
15
30
|
export const radioLabelVariants = cva(['body-md', 'text-content-primary']);
|
|
16
31
|
export const radioGroupVariants = cva([], {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","radioRootVariants","radioIndicatorVariants","select","web","join","default","radioInnerDotVariants","radioLabelVariants","radioGroupVariants","variants","direction","column","row","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Radio/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAAQ,
|
|
1
|
+
{"version":3,"names":["Platform","cva","DISABLED_CURSOR","TRANSITION_COLORS","radioRootVariants","radioIndicatorVariants","select","web","join","default","radioInnerDotVariants","radioLabelVariants","radioGroupVariants","variants","direction","column","row","defaultVariants"],"sourceRoot":"../../../../src","sources":["components/Radio/styles.ts"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,cAAc;AACvC,SAASC,GAAG,QAAQ,eAAe;AACnC,SAASC,eAAe,EAAEC,iBAAiB,QAAQ,wBAAwB;AAE3E,OAAO,MAAMC,iBAAiB,GAAGH,GAAG,CAAC,CACnC,6BAA6B,EAC7B,wDAAwD,EACxDC,eAAe;AACf;AACA;AACA,wEAAwE,CACzE,CAAC;AAEF,OAAO,MAAMG,sBAAsB,GAAGJ,GAAG,CAAC,CACxC,6BAA6B,EAC7B,sCAAsC,EACtC,8CAA8C,EAC9C,SAAS,EACT,oBAAoB,EACpB,+CAA+C,EAC/C,0CAA0C,EAC1C,0CAA0C,EAC1CD,QAAQ,CAACM,MAAM,CAAC;EACdC,GAAG,EAAE,CACHJ,iBAAiB,EACjB,OAAO;EACP;EACA,oEAAoE;EACpE;EACA,4FAA4F,EAC5F,0EAA0E,EAC1E,0EAA0E;EAC1E;EACA;EACA,uEAAuE,EACvE,2GAA2G,EAC3G,sFAAsF,EACtF,0GAA0G,EAC1G,4CAA4C,EAC5C,kIAAkI,CACnI,CAACK,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE;EACP;EACA;EACA,+CAA+C,EAC/C,uEAAuE,EACvE,uEAAuE,EACvE,+EAA+E,CAChF,CAACD,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;AAEF,OAAO,MAAME,qBAAqB,GAAGT,GAAG,CAAC,CACvC,sCAAsC,EACtC,aAAa,EACb,SAAS,EACT,+BAA+B,EAC/B,0BAA0B,EAC1B,8CAA8C,EAC9CD,QAAQ,CAACM,MAAM,CAAC;EACdC,GAAG,EAAE,CACH,kDAAkD,EAClD,sEAAsE;EACtE;EACA,wFAAwF,EACxF,4GAA4G,CAC7G,CAACC,IAAI,CAAC,GAAG,CAAC;EACXC,OAAO,EAAE,CACP,mEAAmE,EACnE,2EAA2E,CAC5E,CAACD,IAAI,CAAC,GAAG;AACZ,CAAC,CAAC,CACH,CAAC;AAEF,OAAO,MAAMG,kBAAkB,GAAGV,GAAG,CAAC,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC;AAE1E,OAAO,MAAMW,kBAAkB,GAAGX,GAAG,CAAC,EAAE,EAAE;EACxCY,QAAQ,EAAE;IACRC,SAAS,EAAE;MACTC,MAAM,EAAE,OAAO;MACfC,GAAG,EAAE;IACP;EACF,CAAC;EACDC,eAAe,EAAE;IAAEH,SAAS,EAAE;EAAS;AACzC,CAAC,CAAC","ignoreList":[]}
|