@choco-vanille/ui 1.1.2 → 1.2.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/README.md +1 -2
- package/dist/components/actions/button/styles/Button.css.d.ts +1 -2
- package/dist/components/actions/button/types/Button.props.d.ts +8 -2
- package/dist/components/actions/icon-button/constants/iconButtonSizeVariants.const.d.ts +18 -0
- package/dist/components/actions/icon-button/constants/iconButtonSizes.const.cjs +1 -1
- package/dist/components/actions/icon-button/constants/iconButtonSizes.const.cjs.map +1 -1
- package/dist/components/actions/icon-button/constants/iconButtonSizes.const.js +5 -8
- package/dist/components/actions/icon-button/constants/iconButtonSizes.const.js.map +1 -1
- package/dist/components/actions/icon-button/constants/index.d.ts +1 -0
- package/dist/components/actions/icon-button/styles/IconButton.css.d.ts +12 -12
- package/dist/components/actions/icon-button/types/IconButton.props.d.ts +6 -2
- package/dist/components/actions/index.d.ts +2 -3
- package/dist/components/actions/toggle/Toggle.cjs +2 -0
- package/dist/components/actions/toggle/Toggle.cjs.map +1 -0
- package/dist/components/actions/toggle/Toggle.d.ts +4 -0
- package/dist/components/actions/toggle/Toggle.js +74 -0
- package/dist/components/actions/toggle/Toggle.js.map +1 -0
- package/dist/components/actions/toggle/constants/toggleSizes.const.cjs +2 -0
- package/dist/components/actions/toggle/constants/toggleSizes.const.cjs.map +1 -0
- package/dist/components/actions/toggle/constants/toggleSizes.const.d.ts +3 -0
- package/dist/components/actions/toggle/constants/toggleSizes.const.js +10 -0
- package/dist/components/actions/toggle/constants/toggleSizes.const.js.map +1 -0
- package/dist/components/actions/toggle/index.d.ts +4 -0
- package/dist/components/actions/toggle/styles/Toggle.css.cjs +2 -0
- package/dist/components/actions/toggle/styles/Toggle.css.cjs.map +1 -0
- package/dist/components/actions/{toggle-button/styles/ToggleButton.css.d.ts → toggle/styles/Toggle.css.d.ts} +2 -3
- package/dist/components/actions/toggle/styles/Toggle.css.js +9 -0
- package/dist/components/actions/toggle/styles/Toggle.css.js.map +1 -0
- package/dist/components/actions/toggle/types/Toggle.props.d.ts +11 -0
- package/dist/components/actions/toggle/types/Toggle.types.d.ts +21 -0
- package/dist/components/actions/toggle-group/ToggleGroup.cjs +2 -0
- package/dist/components/actions/toggle-group/ToggleGroup.cjs.map +1 -0
- package/dist/components/actions/toggle-group/ToggleGroup.d.ts +19 -0
- package/dist/components/actions/toggle-group/ToggleGroup.js +20 -0
- package/dist/components/actions/toggle-group/ToggleGroup.js.map +1 -0
- package/dist/components/actions/toggle-group/components/toggle-group-item/ToggleGroupItem.cjs +2 -0
- package/dist/components/actions/toggle-group/components/toggle-group-item/ToggleGroupItem.cjs.map +1 -0
- package/dist/components/actions/toggle-group/components/toggle-group-item/ToggleGroupItem.d.ts +4 -0
- package/dist/components/actions/toggle-group/components/toggle-group-item/ToggleGroupItem.js +74 -0
- package/dist/components/actions/toggle-group/components/toggle-group-item/ToggleGroupItem.js.map +1 -0
- package/dist/components/actions/toggle-group/components/toggle-group-item/types/ToggleGroupItem.props.d.ts +11 -0
- package/dist/components/actions/toggle-group/index.d.ts +4 -0
- package/dist/components/actions/toggle-group/styles/ToggleGroup.css.cjs +2 -0
- package/dist/components/actions/toggle-group/styles/ToggleGroup.css.cjs.map +1 -0
- package/dist/components/actions/toggle-group/styles/ToggleGroup.css.d.ts +14 -0
- package/dist/components/actions/toggle-group/styles/ToggleGroup.css.js +8 -0
- package/dist/components/actions/toggle-group/styles/ToggleGroup.css.js.map +1 -0
- package/dist/components/actions/toggle-group/types/ToggleGroup.props.d.ts +19 -0
- package/dist/components/actions/toggle-group/types/ToggleGroupCompound.d.ts +6 -0
- package/dist/components/data-display/avatar/Avatar.cjs +1 -1
- package/dist/components/data-display/avatar/components/avatar-fallback/types/AvatarFallback.props.d.ts +2 -3
- package/dist/components/data-display/avatar/components/avatar-image/types/AvatarImage.props.d.ts +2 -3
- package/dist/components/data-display/avatar/components/avatar-root/types/AvatarRoot.props.d.ts +1 -7
- package/dist/components/data-display/avatar/components/avatar-status/AvatarStatus.cjs +1 -1
- package/dist/components/data-display/avatar/components/avatar-status/index.d.ts +0 -1
- package/dist/components/data-display/avatar/components/avatar-status/types/AvatarStatus.props.d.ts +2 -3
- package/dist/components/data-display/avatar/components/index.d.ts +1 -1
- package/dist/components/data-display/avatar/constants/avatarStatus.const.d.ts +1 -1
- package/dist/components/data-display/avatar/types/Avatar.props.d.ts +1 -5
- package/dist/components/data-display/avatar/types/index.d.ts +2 -2
- package/dist/components/data-display/badge/Badge.cjs +1 -1
- package/dist/components/data-display/badge/constants/badgeVariants.const.d.ts +3 -3
- package/dist/components/data-display/badge/styles/Badge.css.cjs +1 -1
- package/dist/components/data-display/badge/styles/Badge.css.d.ts +2 -2
- package/dist/components/data-display/badge/styles/Badge.css.js +2 -2
- package/dist/components/data-display/badge/styles/variants/{solid.d.ts → contained.d.ts} +1 -1
- package/dist/components/data-display/badge/styles/variants/{outline.d.ts → outlined.d.ts} +1 -1
- package/dist/components/data-display/badge/types/Badge.props.d.ts +1 -1
- package/dist/components/data-display/table/components/table-body/TableBody.cjs +1 -1
- package/dist/components/data-display/table/components/table-caption/TableCaption.cjs +1 -1
- package/dist/components/data-display/table/components/table-cell/styles/TableCell.css.d.ts +1 -2
- package/dist/components/data-display/table/components/table-cell/types/TableCell.props.d.ts +3 -2
- package/dist/components/data-display/table/components/table-col/TableCol.cjs +1 -1
- package/dist/components/data-display/table/components/table-footer/TableFooter.cjs +1 -1
- package/dist/components/data-display/table/components/table-head/styles/TableHead.css.d.ts +1 -2
- package/dist/components/data-display/table/components/table-head/types/TableHead.props.d.ts +3 -2
- package/dist/components/data-display/table/components/table-header/TableHeader.cjs +1 -1
- package/dist/components/data-display/table/components/table-row/TableRow.cjs +1 -1
- package/dist/components/data-display/table/components/table-row/styles/TableRow.css.d.ts +1 -2
- package/dist/components/data-display/table/components/table-row/types/TableRow.props.d.ts +7 -2
- package/dist/components/data-display/table/index.d.ts +1 -1
- package/dist/components/data-display/table/styles/Table.css.d.ts +1 -2
- package/dist/components/data-display/table/types/Table.props.d.ts +3 -2
- package/dist/components/data-display/table/types/Table.types.d.ts +2 -0
- package/dist/components/feedback/callout/Callout.cjs +1 -1
- package/dist/components/feedback/callout/Callout.cjs.map +1 -1
- package/dist/components/feedback/callout/Callout.js +32 -34
- package/dist/components/feedback/callout/Callout.js.map +1 -1
- package/dist/components/feedback/callout/components/callout-description/index.d.ts +0 -1
- package/dist/components/feedback/callout/components/callout-icon/index.d.ts +0 -1
- package/dist/components/feedback/callout/components/callout-title/index.d.ts +0 -1
- package/dist/components/feedback/callout/types/Callout.props.d.ts +1 -1
- package/dist/components/feedback/callout/types/Callout.types.d.ts +1 -1
- package/dist/components/feedback/progress/CircularProgress.cjs +1 -1
- package/dist/components/feedback/progress/CircularProgress.cjs.map +1 -1
- package/dist/components/feedback/progress/CircularProgress.js +48 -44
- package/dist/components/feedback/progress/CircularProgress.js.map +1 -1
- package/dist/components/feedback/progress/Progress.cjs +1 -1
- package/dist/components/feedback/progress/Progress.cjs.map +1 -1
- package/dist/components/feedback/progress/Progress.js +32 -29
- package/dist/components/feedback/progress/Progress.js.map +1 -1
- package/dist/components/feedback/progress/types/Progress.props.d.ts +14 -3
- package/dist/components/feedback/progress/utils/clamp.utils.cjs +2 -0
- package/dist/components/feedback/progress/utils/clamp.utils.cjs.map +1 -0
- package/dist/components/feedback/progress/utils/clamp.utils.d.ts +1 -0
- package/dist/components/feedback/progress/utils/clamp.utils.js +5 -0
- package/dist/components/feedback/progress/utils/clamp.utils.js.map +1 -0
- package/dist/components/feedback/skeleton/styles/Skeleton.css.d.ts +1 -2
- package/dist/components/feedback/skeleton/types/Skeleton.props.d.ts +4 -2
- package/dist/components/feedback/toast/components/index.d.ts +6 -5
- package/dist/components/feedback/toast/constants/index.cjs.map +1 -1
- package/dist/components/feedback/toast/constants/index.d.ts +1 -0
- package/dist/components/feedback/toast/constants/index.js.map +1 -1
- package/dist/components/feedback/toast/constants/toastVariants.const.d.ts +6 -0
- package/dist/components/feedback/toast/styles/Toast.css.d.ts +1 -2
- package/dist/components/feedback/toast/types/Toast.props.d.ts +4 -3
- package/dist/components/feedback/toast/types/Toast.types.d.ts +2 -2
- package/dist/components/forms/autocomplete/Autocomplete.cjs +1 -1
- package/dist/components/forms/autocomplete/components/autocomplete-content/AutocompleteContent.cjs +1 -1
- package/dist/components/forms/autocomplete/components/autocomplete-field/AutocompleteField.cjs +1 -1
- package/dist/components/forms/autocomplete/components/autocomplete-field/utils/toRootItems.utils.cjs.map +1 -1
- package/dist/components/forms/autocomplete/components/autocomplete-field/utils/toRootItems.utils.d.ts +1 -1
- package/dist/components/forms/autocomplete/components/autocomplete-field/utils/toRootItems.utils.js.map +1 -1
- package/dist/components/forms/autocomplete/components/autocomplete-group/AutocompleteGroup.cjs +1 -1
- package/dist/components/forms/autocomplete/components/autocomplete-label/AutocompleteLabel.cjs +1 -1
- package/dist/components/forms/autocomplete/types/Autocomplete.types.d.ts +4 -2
- package/dist/components/forms/calendar/Calendar.cjs +1 -1
- package/dist/components/forms/calendar/components/calendar-month-view/components/calendar-month-button/CalendarMonthButton.cjs +1 -1
- package/dist/components/forms/calendar/components/calendar-month-view/components/calendar-month-button/CalendarMonthButton.cjs.map +1 -1
- package/dist/components/forms/calendar/components/calendar-month-view/components/calendar-month-button/CalendarMonthButton.js +4 -16
- package/dist/components/forms/calendar/components/calendar-month-view/components/calendar-month-button/CalendarMonthButton.js.map +1 -1
- package/dist/components/forms/calendar/components/calendar-year-view/components/calendar-year-button/CalendarYearButton.cjs +1 -1
- package/dist/components/forms/calendar/components/calendar-year-view/components/calendar-year-button/CalendarYearButton.cjs.map +1 -1
- package/dist/components/forms/calendar/components/calendar-year-view/components/calendar-year-button/CalendarYearButton.js +4 -16
- package/dist/components/forms/calendar/components/calendar-year-view/components/calendar-year-button/CalendarYearButton.js.map +1 -1
- package/dist/components/forms/calendar/components/calendar-year-view/hooks/useCalendarYearView.hook.cjs +1 -1
- package/dist/components/forms/checkbox/Checkbox.cjs +1 -1
- package/dist/components/forms/checkbox/Checkbox.cjs.map +1 -1
- package/dist/components/forms/checkbox/Checkbox.js +21 -24
- package/dist/components/forms/checkbox/Checkbox.js.map +1 -1
- package/dist/components/forms/date-picker/DatePicker.cjs +1 -1
- package/dist/components/forms/select/components/select-content/SelectContent.cjs +1 -1
- package/dist/components/forms/select/components/select-field/SelectField.cjs +1 -1
- package/dist/components/forms/select/components/select-label/SelectLabel.cjs +1 -1
- package/dist/components/forms/select/components/select-trigger/SelectTrigger.cjs +1 -1
- package/dist/components/forms/select/components/select-trigger/hooks/useSelectTrigger.hook.cjs +1 -1
- package/dist/components/forms/select/components/select-trigger/types/SelectTrigger.props.d.ts +1 -1
- package/dist/components/forms/switch/Switch.cjs +1 -1
- package/dist/components/forms/switch/Switch.cjs.map +1 -1
- package/dist/components/forms/switch/Switch.js +36 -39
- package/dist/components/forms/switch/Switch.js.map +1 -1
- package/dist/components/forms/text-area/TextArea.cjs +1 -1
- package/dist/components/forms/text-area/components/text-area-end-action/TextAreaEndAction.cjs +1 -1
- package/dist/components/forms/text-area/constants/index.d.ts +5 -0
- package/dist/components/forms/text-area/index.d.ts +1 -0
- package/dist/components/forms/text-area/styles/TextArea.css.d.ts +1 -2
- package/dist/components/forms/text-area/types/TextArea.props.d.ts +4 -2
- package/dist/components/forms/text-area/types/TextArea.types.d.ts +2 -1
- package/dist/components/forms/text-field/TextField.cjs +1 -1
- package/dist/components/forms/text-field/components/index.d.ts +1 -0
- package/dist/components/forms/text-field/components/text-field-end-action/TextFieldEndAction.cjs.map +1 -1
- package/dist/components/forms/text-field/components/text-field-end-action/TextFieldEndAction.d.ts +2 -4
- package/dist/components/forms/text-field/components/text-field-end-action/TextFieldEndAction.js.map +1 -1
- package/dist/components/forms/text-field/components/text-field-end-action/types/TextFieldEndAction.props.d.ts +5 -0
- package/dist/components/forms/text-field/components/text-field-label/TextFieldLabel.cjs +1 -1
- package/dist/components/forms/text-field/constants/index.cjs.map +1 -1
- package/dist/components/forms/text-field/constants/index.d.ts +5 -0
- package/dist/components/forms/text-field/constants/index.js.map +1 -1
- package/dist/components/forms/text-field/index.d.ts +1 -0
- package/dist/components/forms/text-field/styles/TextField.css.d.ts +1 -2
- package/dist/components/forms/text-field/types/TextField.props.d.ts +4 -2
- package/dist/components/forms/text-field/types/TextField.types.d.ts +2 -1
- package/dist/components/foundation/icon/Icon.cjs +1 -1
- package/dist/components/foundation/icon/index.d.ts +1 -1
- package/dist/components/foundation/icon/types/Icon.props.d.ts +12 -9
- package/dist/components/foundation/icon/types/Icon.types.d.ts +3 -0
- package/dist/components/foundation/typography/Typography.cjs +1 -1
- package/dist/components/foundation/typography/styles/Typography.css.d.ts +1 -2
- package/dist/components/foundation/typography/types/Typography.props.d.ts +10 -3
- package/dist/components/layout/box/Box.cjs +1 -1
- package/dist/components/layout/box/index.d.ts +1 -2
- package/dist/components/layout/box/styles/Box.css.d.ts +1 -2
- package/dist/components/layout/box/types/Box.props.d.ts +22 -23
- package/dist/components/layout/box/types/Box.types.d.ts +14 -0
- package/dist/components/layout/flex/index.d.ts +0 -1
- package/dist/components/layout/flex/styles/Flex.css.d.ts +1 -2
- package/dist/components/layout/flex/types/Flex.props.d.ts +1 -2
- package/dist/components/layout/grid/Grid.cjs +1 -1
- package/dist/components/layout/grid/index.d.ts +1 -2
- package/dist/components/layout/grid/styles/Grid.css.d.ts +1 -2
- package/dist/components/layout/grid/types/Grid.props.d.ts +9 -9
- package/dist/components/layout/image/index.d.ts +0 -1
- package/dist/components/layout/image/styles/Image.css.d.ts +1 -2
- package/dist/components/layout/image/types/Image.props.d.ts +8 -7
- package/dist/components/layout/image/types/Image.types.d.ts +4 -0
- package/dist/components/layout/separator/Separator.cjs +1 -1
- package/dist/components/layout/separator/Separator.cjs.map +1 -1
- package/dist/components/layout/separator/Separator.js +2 -1
- package/dist/components/layout/separator/Separator.js.map +1 -1
- package/dist/components/layout/separator/constants/index.d.ts +4 -0
- package/dist/components/layout/separator/index.d.ts +1 -2
- package/dist/components/layout/separator/styles/Separator.css.d.ts +1 -2
- package/dist/components/layout/separator/types/Separator.props.d.ts +4 -4
- package/dist/components/layout/separator/types/Separator.types.d.ts +5 -1
- package/dist/components/navigation/tabs/components/tabs-content/TabsContent.cjs +1 -1
- package/dist/components/navigation/tabs/components/tabs-list/TabsList.cjs +1 -1
- package/dist/components/navigation/tabs/components/tabs-trigger/types/TabsTrigger.props.d.ts +1 -1
- package/dist/components/overlay/dialog/components/dialog-close/DialogClose.cjs +1 -1
- package/dist/components/overlay/dialog/components/dialog-content/DialogContent.cjs +1 -1
- package/dist/components/overlay/dialog/components/dialog-footer/DialogFooter.cjs +1 -1
- package/dist/components/overlay/dialog/components/dialog-header/DialogHeader.cjs +1 -1
- package/dist/components/overlay/drawer/components/items/drawer-action-item/DrawerActionItem.cjs +1 -1
- package/dist/components/overlay/drawer/components/items/drawer-action-item/DrawerActionItem.cjs.map +1 -1
- package/dist/components/overlay/drawer/components/items/drawer-action-item/DrawerActionItem.js +4 -16
- package/dist/components/overlay/drawer/components/items/drawer-action-item/DrawerActionItem.js.map +1 -1
- package/dist/components/overlay/drawer/components/items/drawer-nav-item/DrawerNavItem.cjs +1 -1
- package/dist/components/overlay/drawer/components/items/drawer-nav-item/DrawerNavItem.cjs.map +1 -1
- package/dist/components/overlay/drawer/components/items/drawer-nav-item/DrawerNavItem.js +4 -16
- package/dist/components/overlay/drawer/components/items/drawer-nav-item/DrawerNavItem.js.map +1 -1
- package/dist/components/overlay/drawer/components/items/drawer-section-item/DrawerSectionItem.cjs +1 -1
- package/dist/components/overlay/drawer/components/items/drawer-section-item/DrawerSectionItem.cjs.map +1 -1
- package/dist/components/overlay/drawer/components/items/drawer-section-item/DrawerSectionItem.js +4 -16
- package/dist/components/overlay/drawer/components/items/drawer-section-item/DrawerSectionItem.js.map +1 -1
- package/dist/components/overlay/drawer/components/items/drawer-section-item/constants/index.cjs.map +1 -1
- package/dist/components/overlay/drawer/components/items/drawer-section-item/constants/index.d.ts +2 -2
- package/dist/components/overlay/drawer/components/items/drawer-section-item/constants/index.js.map +1 -1
- package/dist/components/overlay/drawer/components/variants/drawer-inline/types/DrawerInline.props.d.ts +2 -3
- package/dist/components/overlay/drawer/components/variants/drawer-mini/DrawerMini.cjs +1 -1
- package/dist/components/overlay/drawer/components/variants/drawer-mini/types/DrawerMini.props.d.ts +2 -3
- package/dist/components/overlay/drawer/components/variants/drawer-portal/types/DrawerPortal.props.d.ts +2 -3
- package/dist/components/overlay/drawer/hooks/use-drawer/useDrawer.hook.cjs +1 -1
- package/dist/components/overlay/drawer/index.d.ts +2 -1
- package/dist/components/overlay/drawer/styles/Drawer.css.d.ts +1 -6
- package/dist/components/overlay/drawer/types/Drawer.props.d.ts +2 -3
- package/dist/components/overlay/drawer/types/Drawer.types.d.ts +3 -0
- package/dist/components/overlay/drawer/types/index.d.ts +1 -1
- package/dist/components/overlay/dropdown-menu/components/items/dropdown-menu-checkbox-item/DropdownMenuCheckboxItem.cjs +1 -1
- package/dist/components/overlay/hover-card/HoverCard.cjs +1 -1
- package/dist/components/overlay/popover/components/content/PopoverContent.cjs +1 -1
- package/dist/components/overlay/tooltip/Tooltip.cjs +1 -1
- package/dist/components/overlay/tooltip/Tooltip.cjs.map +1 -1
- package/dist/components/overlay/tooltip/Tooltip.js +33 -28
- package/dist/components/overlay/tooltip/Tooltip.js.map +1 -1
- package/dist/components/overlay/tooltip/hooks/use-tooltip/types/index.d.ts +1 -0
- package/dist/components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.cjs +1 -1
- package/dist/components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.cjs.map +1 -1
- package/dist/components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.d.ts +1 -1
- package/dist/components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.js +7 -7
- package/dist/components/overlay/tooltip/hooks/use-tooltip/useTooltip.hook.js.map +1 -1
- package/dist/components/overlay/tooltip/styles/Tooltip.css.cjs +1 -1
- package/dist/components/overlay/tooltip/styles/Tooltip.css.d.ts +1 -0
- package/dist/components/overlay/tooltip/styles/Tooltip.css.js +2 -2
- package/dist/components/overlay/tooltip/types/Tooltip.props.d.ts +4 -0
- package/dist/components/surfaces/card/Card.cjs +1 -1
- package/dist/components/surfaces/card/Card.cjs.map +1 -1
- package/dist/components/surfaces/card/Card.js +32 -28
- package/dist/components/surfaces/card/Card.js.map +1 -1
- package/dist/components/surfaces/card/types/Card.props.d.ts +3 -1
- package/dist/components/surfaces/collapsible/components/collapsible-panel/CollapsiblePanel.cjs +1 -1
- package/dist/components/theme-provider/ThemeProvider.cjs +1 -1
- package/dist/components/theme-provider/ThemeProvider.cjs.map +1 -1
- package/dist/components/theme-provider/ThemeProvider.context.cjs.map +1 -1
- package/dist/components/theme-provider/ThemeProvider.context.d.ts +8 -9
- package/dist/components/theme-provider/ThemeProvider.context.js.map +1 -1
- package/dist/components/theme-provider/ThemeProvider.d.ts +5 -9
- package/dist/components/theme-provider/ThemeProvider.js +46 -31
- package/dist/components/theme-provider/ThemeProvider.js.map +1 -1
- package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-document-scope/useThemeDocumentScope.hook.cjs +2 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-document-scope/useThemeDocumentScope.hook.cjs.map +1 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-document-scope/useThemeDocumentScope.hook.d.ts +6 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-document-scope/useThemeDocumentScope.hook.js +42 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-document-scope/useThemeDocumentScope.hook.js.map +1 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-state/types/index.d.ts +6 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-state/useThemeState.hook.cjs +2 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-state/useThemeState.hook.cjs.map +1 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-state/useThemeState.hook.d.ts +10 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-state/useThemeState.hook.js +28 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-state/useThemeState.hook.js.map +1 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-token-styles/useThemeTokenStyles.hook.cjs +2 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-token-styles/useThemeTokenStyles.hook.cjs.map +1 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-token-styles/useThemeTokenStyles.hook.d.ts +6 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-token-styles/useThemeTokenStyles.hook.js +9 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-token-styles/useThemeTokenStyles.hook.js.map +1 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.cjs +2 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.cjs.map +1 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.d.ts +4 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.js +24 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/helpers/use-theme-transition/useThemeTransition.hook.js.map +1 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/types/index.d.ts +11 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/useThemeProvider.hook.cjs +2 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/useThemeProvider.hook.cjs.map +1 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/useThemeProvider.hook.d.ts +13 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/useThemeProvider.hook.js +36 -0
- package/dist/components/theme-provider/hooks/use-theme-provider/useThemeProvider.hook.js.map +1 -0
- package/dist/components/theme-provider/index.d.ts +1 -1
- package/dist/components/theme-provider/types/ThemeProvider.props.d.ts +27 -7
- package/dist/components/theme-provider/utils/resolveTheme.utils.cjs.map +1 -1
- package/dist/components/theme-provider/utils/resolveTheme.utils.d.ts +2 -2
- package/dist/components/theme-provider/utils/resolveTheme.utils.js.map +1 -1
- package/dist/constants/theme.cjs +1 -1
- package/dist/constants/theme.cjs.map +1 -1
- package/dist/constants/theme.d.ts +4 -0
- package/dist/constants/theme.js +6 -4
- package/dist/constants/theme.js.map +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +1 -2
- package/dist/index.js +311 -325
- package/dist/index.js.map +1 -1
- package/dist/theme/colors/dark.cjs +2 -0
- package/dist/theme/colors/dark.cjs.map +1 -0
- package/dist/theme/colors/dark.js +170 -0
- package/dist/theme/colors/dark.js.map +1 -0
- package/dist/theme/colors/light.cjs +2 -0
- package/dist/theme/colors/light.cjs.map +1 -0
- package/dist/theme/colors/light.js +169 -0
- package/dist/theme/colors/light.js.map +1 -0
- package/dist/theme/index.d.ts +1 -2
- package/dist/theme/tokens/index.cjs +2 -0
- package/dist/theme/tokens/index.cjs.map +1 -0
- package/dist/theme/tokens/index.js +35 -0
- package/dist/theme/tokens/index.js.map +1 -0
- package/dist/theme/tokens/motion.cjs +1 -1
- package/dist/theme/tokens/motion.cjs.map +1 -1
- package/dist/theme/tokens/motion.js +13 -2
- package/dist/theme/tokens/motion.js.map +1 -1
- package/dist/theme/tokens/palette.cjs +2 -0
- package/dist/theme/tokens/palette.cjs.map +1 -0
- package/dist/theme/tokens/palette.js +193 -0
- package/dist/theme/tokens/palette.js.map +1 -0
- package/dist/theme/tokens/radii.cjs +2 -0
- package/dist/theme/tokens/radii.cjs.map +1 -0
- package/dist/theme/tokens/radii.js +20 -0
- package/dist/theme/tokens/radii.js.map +1 -0
- package/dist/theme/tokens/shadows.cjs +2 -0
- package/dist/theme/tokens/shadows.cjs.map +1 -0
- package/dist/theme/tokens/shadows.js +38 -0
- package/dist/theme/tokens/shadows.js.map +1 -0
- package/dist/theme/tokens/spacing.cjs +2 -0
- package/dist/theme/tokens/spacing.cjs.map +1 -0
- package/dist/theme/tokens/spacing.js +36 -0
- package/dist/theme/tokens/spacing.js.map +1 -0
- package/dist/theme/tokens/typography.cjs +2 -0
- package/dist/theme/tokens/typography.cjs.map +1 -0
- package/dist/theme/tokens/typography.js +50 -0
- package/dist/theme/tokens/typography.js.map +1 -0
- package/dist/theme/tokens/zIndex.cjs +2 -0
- package/dist/theme/tokens/zIndex.cjs.map +1 -0
- package/dist/theme/tokens/zIndex.js +17 -0
- package/dist/theme/tokens/zIndex.js.map +1 -0
- package/dist/theme/types/index.d.ts +2 -0
- package/dist/ui-kit.css +1 -1
- package/dist/utils/createIconChildUtils.cjs +1 -1
- package/package.json +5 -1
- package/dist/components/actions/toggle-button/ToggleButton.cjs +0 -2
- package/dist/components/actions/toggle-button/ToggleButton.cjs.map +0 -1
- package/dist/components/actions/toggle-button/ToggleButton.d.ts +0 -4
- package/dist/components/actions/toggle-button/ToggleButton.js +0 -66
- package/dist/components/actions/toggle-button/ToggleButton.js.map +0 -1
- package/dist/components/actions/toggle-button/constants/index.d.ts +0 -2
- package/dist/components/actions/toggle-button/constants/toggleButtonSizes.const.cjs +0 -2
- package/dist/components/actions/toggle-button/constants/toggleButtonSizes.const.cjs.map +0 -1
- package/dist/components/actions/toggle-button/constants/toggleButtonSizes.const.d.ts +0 -3
- package/dist/components/actions/toggle-button/constants/toggleButtonSizes.const.js +0 -10
- package/dist/components/actions/toggle-button/constants/toggleButtonSizes.const.js.map +0 -1
- package/dist/components/actions/toggle-button/index.d.ts +0 -4
- package/dist/components/actions/toggle-button/styles/ToggleButton.css.cjs +0 -2
- package/dist/components/actions/toggle-button/styles/ToggleButton.css.cjs.map +0 -1
- package/dist/components/actions/toggle-button/styles/ToggleButton.css.js +0 -9
- package/dist/components/actions/toggle-button/styles/ToggleButton.css.js.map +0 -1
- package/dist/components/actions/toggle-button/types/ToggleButton.props.d.ts +0 -13
- package/dist/components/actions/toggle-button/types/ToggleButton.types.d.ts +0 -10
- package/dist/components/actions/toggle-button-group/ToggleButtonGroup.cjs +0 -2
- package/dist/components/actions/toggle-button-group/ToggleButtonGroup.cjs.map +0 -1
- package/dist/components/actions/toggle-button-group/ToggleButtonGroup.d.ts +0 -18
- package/dist/components/actions/toggle-button-group/ToggleButtonGroup.js +0 -51
- package/dist/components/actions/toggle-button-group/ToggleButtonGroup.js.map +0 -1
- package/dist/components/actions/toggle-button-group/components/toggle-button-group-icon-item/ToggleButtonGroupIconItem.cjs +0 -2
- package/dist/components/actions/toggle-button-group/components/toggle-button-group-icon-item/ToggleButtonGroupIconItem.cjs.map +0 -1
- package/dist/components/actions/toggle-button-group/components/toggle-button-group-icon-item/ToggleButtonGroupIconItem.d.ts +0 -17
- package/dist/components/actions/toggle-button-group/components/toggle-button-group-icon-item/ToggleButtonGroupIconItem.js +0 -44
- package/dist/components/actions/toggle-button-group/components/toggle-button-group-icon-item/ToggleButtonGroupIconItem.js.map +0 -1
- package/dist/components/actions/toggle-button-group/components/toggle-button-group-icon-item/styles/ToggleButtonGroupIconItem.css.cjs +0 -2
- package/dist/components/actions/toggle-button-group/components/toggle-button-group-icon-item/styles/ToggleButtonGroupIconItem.css.cjs.map +0 -1
- package/dist/components/actions/toggle-button-group/components/toggle-button-group-icon-item/styles/ToggleButtonGroupIconItem.css.d.ts +0 -202
- package/dist/components/actions/toggle-button-group/components/toggle-button-group-icon-item/styles/ToggleButtonGroupIconItem.css.js +0 -9
- package/dist/components/actions/toggle-button-group/components/toggle-button-group-icon-item/styles/ToggleButtonGroupIconItem.css.js.map +0 -1
- package/dist/components/actions/toggle-button-group/components/toggle-button-group-icon-item/types/ToggleButtonGroupIconItem.props.d.ts +0 -11
- package/dist/components/actions/toggle-button-group/components/toggle-button-group-item/ToggleButtonGroupItem.cjs +0 -2
- package/dist/components/actions/toggle-button-group/components/toggle-button-group-item/ToggleButtonGroupItem.cjs.map +0 -1
- package/dist/components/actions/toggle-button-group/components/toggle-button-group-item/ToggleButtonGroupItem.d.ts +0 -17
- package/dist/components/actions/toggle-button-group/components/toggle-button-group-item/ToggleButtonGroupItem.js +0 -65
- package/dist/components/actions/toggle-button-group/components/toggle-button-group-item/ToggleButtonGroupItem.js.map +0 -1
- package/dist/components/actions/toggle-button-group/components/toggle-button-group-item/styles/ToggleButtonGroupItem.css.cjs +0 -2
- package/dist/components/actions/toggle-button-group/components/toggle-button-group-item/styles/ToggleButtonGroupItem.css.cjs.map +0 -1
- package/dist/components/actions/toggle-button-group/components/toggle-button-group-item/styles/ToggleButtonGroupItem.css.d.ts +0 -202
- package/dist/components/actions/toggle-button-group/components/toggle-button-group-item/styles/ToggleButtonGroupItem.css.js +0 -9
- package/dist/components/actions/toggle-button-group/components/toggle-button-group-item/styles/ToggleButtonGroupItem.css.js.map +0 -1
- package/dist/components/actions/toggle-button-group/components/toggle-button-group-item/types/ToggleButtonGroupItem.props.d.ts +0 -13
- package/dist/components/actions/toggle-button-group/index.d.ts +0 -8
- package/dist/components/actions/toggle-button-group/styles/ToggleButtonGroup.css.cjs +0 -2
- package/dist/components/actions/toggle-button-group/styles/ToggleButtonGroup.css.cjs.map +0 -1
- package/dist/components/actions/toggle-button-group/styles/ToggleButtonGroup.css.d.ts +0 -23
- package/dist/components/actions/toggle-button-group/styles/ToggleButtonGroup.css.js +0 -8
- package/dist/components/actions/toggle-button-group/styles/ToggleButtonGroup.css.js.map +0 -1
- package/dist/components/actions/toggle-button-group/types/ToggleButtonGroup.props.d.ts +0 -18
- package/dist/components/actions/toggle-button-group/types/ToggleButtonGroup.types.d.ts +0 -2
- package/dist/components/actions/toggle-button-group/types/ToggleButtonGroupCompound.d.ts +0 -8
- package/dist/components/actions/toggle-icon-button/ToggleIconButton.cjs +0 -2
- package/dist/components/actions/toggle-icon-button/ToggleIconButton.cjs.map +0 -1
- package/dist/components/actions/toggle-icon-button/ToggleIconButton.d.ts +0 -4
- package/dist/components/actions/toggle-icon-button/ToggleIconButton.js +0 -45
- package/dist/components/actions/toggle-icon-button/ToggleIconButton.js.map +0 -1
- package/dist/components/actions/toggle-icon-button/constants/index.d.ts +0 -1
- package/dist/components/actions/toggle-icon-button/constants/toggleIconButtonSizes.const.cjs +0 -2
- package/dist/components/actions/toggle-icon-button/constants/toggleIconButtonSizes.const.cjs.map +0 -1
- package/dist/components/actions/toggle-icon-button/constants/toggleIconButtonSizes.const.d.ts +0 -3
- package/dist/components/actions/toggle-icon-button/constants/toggleIconButtonSizes.const.js +0 -11
- package/dist/components/actions/toggle-icon-button/constants/toggleIconButtonSizes.const.js.map +0 -1
- package/dist/components/actions/toggle-icon-button/index.d.ts +0 -4
- package/dist/components/actions/toggle-icon-button/styles/ToggleIconButton.css.cjs +0 -2
- package/dist/components/actions/toggle-icon-button/styles/ToggleIconButton.css.cjs.map +0 -1
- package/dist/components/actions/toggle-icon-button/styles/ToggleIconButton.css.d.ts +0 -221
- package/dist/components/actions/toggle-icon-button/styles/ToggleIconButton.css.js +0 -9
- package/dist/components/actions/toggle-icon-button/styles/ToggleIconButton.css.js.map +0 -1
- package/dist/components/actions/toggle-icon-button/types/ToggleIconButton.props.d.ts +0 -11
- package/dist/components/actions/toggle-icon-button/types/ToggleIconButton.types.d.ts +0 -11
- package/dist/theme/override.d.ts +0 -11
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),h=require("react"),q=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),h=require("react"),q=require("../../../../actions/icon-button/IconButton.cjs");require("../../../../actions/icon-button/styles/IconButton.css.cjs");const r=require("../../../../layout/flex/Flex.cjs");require("../../../../layout/flex/styles/Flex.css.cjs");const t=require("../../../../foundation/typography/Typography.cjs");require("../../../../foundation/typography/styles/Typography.css.cjs");const j=require("../dialog-close/DialogClose.cjs"),i=require("./styles/DialogHeader.css.cjs"),E=require("../../../../../constants/icons.cjs"),c=h.memo(({as:l="div",title:s,titleAs:d,titleProps:n,description:o,descriptionProps:g,actions:a,showCloseButton:u=!0,className:m,children:x,...D})=>e.jsxs(r,{as:l,flexDirection:"row",alignItems:"start",justifyContent:"between",gap:"md",padding:"lg",paddingBottom:"none",className:m,...D,children:[(s||o)&&e.jsxs(r,{flexDirection:"column",alignItems:"start",gap:"xs",className:i.DIALOG_HEADER_STYLES.content,children:[s&&e.jsx(t,{as:d??"h2",id:n?.id,fontSize:"lg",fontWeight:"semibold",color:"foreground",...n,children:s}),o&&e.jsx(t,{as:"p",fontSize:"sm",color:"mutedForeground",...g,children:o})]}),x,a?e.jsx(r,{alignItems:"center",gap:"xs",className:i.DIALOG_HEADER_STYLES.actions,children:a}):u&&e.jsx(r,{alignItems:"center",className:i.DIALOG_HEADER_STYLES.actions,children:e.jsx(j,{children:e.jsx(q,{icon:E.IconRegistry.close,"aria-label":"Close dialog",variant:"ghost",color:"primary",size:"sm"})})})]}));c.displayName="Dialog.Header";module.exports=c;
|
|
2
2
|
//# sourceMappingURL=DialogHeader.cjs.map
|
package/dist/components/overlay/drawer/components/items/drawer-action-item/DrawerActionItem.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),I=require("react"),w=require("../_shared/styles/DrawerItemShared.css.cjs");require("../../../context/Drawer.context.cjs");const A=require("../_shared/hooks/use-drawer-item-attributes/useDrawerItemAttributes.hook.cjs"),b=require("../_shared/components/drawer-item-content/DrawerItemContent.cjs"),h=require("../../../../../../utils/cn.cjs");require("../../../../../theme-provider/ThemeProvider.cjs");require("../../../../../theme-provider/ThemeProvider.context.cjs");require("../../../../../data-display/avatar/Avatar.cjs");require("../../../../../data-display/avatar/components/avatar-root/styles/AvatarRoot.css.cjs");require("../../../../../data-display/avatar/components/avatar-image/styles/AvatarImage.css.cjs");require("../../../../../data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.cjs");require("../../../../../data-display/avatar/components/avatar-status/styles/AvatarStatus.css.cjs");require("../../../../../data-display/avatar-group/AvatarGroup.cjs");require("../../../../../data-display/badge/Badge.cjs");require("../../../../../data-display/badge/styles/Badge.css.cjs");require("../../../../../data-display/table/Table.cjs");require("../../../../../data-display/table/styles/Table.css.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../data-display/table/components/table-row/styles/TableRow.css.cjs");require("../../../../../data-display/table/components/table-head/styles/TableHead.css.cjs");require("../../../../../data-display/table/components/table-cell/styles/TableCell.css.cjs");;/* empty css */require("../../../../../actions/button/Button.cjs");require("../../../../../actions/button/styles/Button.css.cjs");require("../../../../../actions/icon-button/IconButton.cjs");require("../../../../../actions/icon-button/styles/IconButton.css.cjs");require("../../../../../actions/toggle-button/ToggleButton.cjs");require("../../../../../actions/toggle-button/styles/ToggleButton.css.cjs");require("../../../../../actions/toggle-icon-button/ToggleIconButton.cjs");require("../../../../../actions/toggle-icon-button/styles/ToggleIconButton.css.cjs");require("../../../../../actions/toggle-button-group/ToggleButtonGroup.cjs");require("../../../../../actions/toggle-button-group/styles/ToggleButtonGroup.css.cjs");require("../../../../../actions/toggle-button-group/components/toggle-button-group-item/styles/ToggleButtonGroupItem.css.cjs");require("../../../../../actions/toggle-button-group/components/toggle-button-group-icon-item/styles/ToggleButtonGroupIconItem.css.cjs");require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");require("../../../../../forms/autocomplete/Autocomplete.cjs");require("../../../../../forms/autocomplete/components/autocomplete-input/AutocompleteInput.cjs");require("../../../../../forms/autocomplete/components/autocomplete-input/styles/AutocompleteInput.css.cjs");require("../../../../../forms/autocomplete/components/autocomplete-trigger/AutocompleteTrigger.cjs");;/* empty css */require("../../../../../forms/autocomplete/components/autocomplete-input-group/AutocompleteInputGroup.cjs");require("../../../../../forms/autocomplete/components/autocomplete-icon/AutocompleteIcon.cjs");require("../../../../../forms/autocomplete/components/autocomplete-clear/AutocompleteClear.cjs");require("../../../../../forms/autocomplete/components/autocomplete-content/AutocompleteContent.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../forms/autocomplete/components/autocomplete-list/AutocompleteList.cjs");require("../../../../../forms/autocomplete/components/autocomplete-group/AutocompleteGroup.cjs");require("../../../../../forms/autocomplete/components/autocomplete-label/AutocompleteLabel.cjs");require("../../../../../forms/autocomplete/components/autocomplete-item/AutocompleteItem.cjs");;/* empty css */require("../../../../../forms/autocomplete/components/autocomplete-empty/AutocompleteEmpty.cjs");require("../../../../../forms/autocomplete/components/autocomplete-separator/AutocompleteSeparator.cjs");;/* empty css */require("../../../../../forms/autocomplete/components/autocomplete-status/AutocompleteStatus.cjs");require("../../../../../forms/autocomplete/components/autocomplete-collection/AutocompleteCollection.cjs");require("../../../../../forms/autocomplete/components/autocomplete-field/AutocompleteField.cjs");;/* empty css */require("../../../../../forms/calendar/Calendar.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../forms/checkbox/Checkbox.cjs");;/* empty css */require("../../../../../forms/date-picker/DatePicker.cjs");;/* empty css */require("../../../../../forms/radio-group/RadioGroup.cjs");;/* empty css */require("../../../../../forms/select/Select.cjs");require("../../../../../forms/select/components/select-trigger/SelectTrigger.cjs");require("../../../../../forms/select/components/select-trigger/styles/SelectTrigger.css.cjs");require("../../../../../forms/select/components/select-content/SelectContent.cjs");;/* empty css */require("../../../../../forms/select/components/select-list/SelectList.cjs");require("../../../../../forms/select/components/select-group/SelectGroup.cjs");require("../../../../../forms/select/components/select-label/SelectLabel.cjs");;/* empty css */require("../../../../../forms/select/components/select-item/SelectItem.cjs");;/* empty css */require("../../../../../forms/select/components/select-separator/SelectSeparator.cjs");;/* empty css */require("../../../../../forms/select/components/select-field/SelectField.cjs");;/* empty css */require("../../../../../forms/switch/Switch.cjs");require("../../../../../forms/switch/styles/Switch.css.cjs");require("../../../../../forms/text-area/TextArea.cjs");require("../../../../../forms/text-area/styles/TextArea.css.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../forms/text-field/TextField.cjs");require("../../../../../forms/text-field/styles/TextField.css.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../forms/_shared/components/helper-text/HelperText.cjs");require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");require("../../../../../layout/flex/Flex.cjs");require("../../../../../layout/flex/styles/Flex.css.cjs");require("../../../../../layout/grid/Grid.cjs");require("../../../../../layout/grid/styles/Grid.css.cjs");require("../../../../../layout/image/Image.cjs");require("../../../../../layout/image/styles/Image.css.cjs");require("../../../../../layout/separator/Separator.cjs");require("../../../../../layout/separator/styles/Separator.css.cjs");require("../../../../../layout/form/Form.cjs");;/* empty css */require("../../../../../layout/fieldset/Fieldset.cjs");;/* empty css */require("../../../../../layout/legend/Legend.cjs");;/* empty css */require("../../../../../surfaces/accordion/Accordion.cjs");;/* empty css */require("../../../../../surfaces/accordion/components/accordion-item/styles/AccordionItem.css.cjs");;/* empty css */;/* empty css */require("../../../../../surfaces/card/Card.cjs");;/* empty css */;/* empty css */require("../../../../../surfaces/collapsible/Collapsible.cjs");;/* empty css */;/* empty css */;/* empty css */require("../../../../../navigation/tabs/Tabs.cjs");;/* empty css */require("../../../../../navigation/tabs/components/tabs-list/styles/TabsList.css.cjs");require("../../../../../navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.cjs");require("../../../../../navigation/link/Link.cjs");;/* empty css */const l=require("../../../../tooltip/Tooltip.cjs");require("../../../../tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css */require("../../../../dropdown-menu/index.cjs");require("../../../../popover/Popover.cjs");;/* empty css */require("../../../../hover-card/HoverCard.cjs");require("../../../../dialog/Dialog.cjs");;/* empty css */;/* empty css */require("../../../Drawer.cjs");require("../../../styles/Drawer.css.cjs");require("../../../../../feedback/skeleton/Skeleton.cjs");require("../../../../../feedback/skeleton/styles/Skeleton.css.cjs");require("../../../../../feedback/callout/Callout.cjs");require("../../../../../feedback/callout/styles/Callout.css.cjs");require("../../../../../feedback/callout/components/callout-icon/CalloutIcon.cjs");;/* empty css */require("../../../../../feedback/callout/components/callout-title/CalloutTitle.cjs");require("../../../../../feedback/callout/components/callout-description/CalloutDescription.cjs");require("../../../../../feedback/toast/Toast.cjs");require("../../../../../feedback/toast/styles/Toast.css.cjs");require("../../../../../feedback/toast/components/toast-icon/ToastIcon.cjs");;/* empty css */require("../../../../../feedback/toast/components/toast-title/ToastTitle.cjs");require("../../../../../feedback/toast/components/toast-description/ToastDescription.cjs");require("../../../../../feedback/toast/components/toast-actions/ToastActions.cjs");require("../../../../../feedback/toast/components/toast-close/ToastClose.cjs");require("../../../../../feedback/progress/Progress.cjs");require("../../../../../feedback/progress/CircularProgress.cjs");require("../../../../../feedback/progress/styles/Progress.css.cjs");require("../../../../../feedback/progress/constants/progressColors.const.cjs");const q=I.memo(({label:e,startIcon:t,trailing:s,variant:n="default",color:o="primary",iconSize:i,disabled:c,className:a,style:m,ref:d,...p})=>{const{open:u,itemAttributes:D}=A.useDrawerItemAttributes(i);return r.jsx(l,{position:"right",content:e,disabled:u,children:r.jsx("button",{ref:d,type:"button",disabled:c,"aria-label":u?void 0:e,className:h.cn(w.DRAWER_ITEM_STYLES.recipe({variant:n,color:o}),a),style:m,...D,...p,children:r.jsx(b,{label:e,startIcon:t,trailing:s,iconSize:i})})})});q.displayName="Drawer.ActionItem";module.exports=q;
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),I=require("react"),w=require("../_shared/styles/DrawerItemShared.css.cjs");require("../../../context/Drawer.context.cjs");const A=require("../_shared/hooks/use-drawer-item-attributes/useDrawerItemAttributes.hook.cjs"),b=require("../_shared/components/drawer-item-content/DrawerItemContent.cjs"),h=require("../../../../../../utils/cn.cjs");require("../../../../../theme-provider/ThemeProvider.cjs");require("../../../../../theme-provider/ThemeProvider.context.cjs");require("../../../../../data-display/avatar/Avatar.cjs");require("../../../../../data-display/avatar/components/avatar-root/styles/AvatarRoot.css.cjs");require("../../../../../data-display/avatar/components/avatar-image/styles/AvatarImage.css.cjs");require("../../../../../data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.cjs");require("../../../../../data-display/avatar/components/avatar-status/styles/AvatarStatus.css.cjs");require("../../../../../data-display/avatar-group/AvatarGroup.cjs");require("../../../../../data-display/badge/Badge.cjs");require("../../../../../data-display/badge/styles/Badge.css.cjs");require("../../../../../data-display/table/Table.cjs");require("../../../../../data-display/table/styles/Table.css.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../data-display/table/components/table-row/styles/TableRow.css.cjs");require("../../../../../data-display/table/components/table-head/styles/TableHead.css.cjs");require("../../../../../data-display/table/components/table-cell/styles/TableCell.css.cjs");;/* empty css */require("../../../../../actions/button/Button.cjs");require("../../../../../actions/button/styles/Button.css.cjs");require("../../../../../actions/icon-button/IconButton.cjs");require("../../../../../actions/icon-button/styles/IconButton.css.cjs");require("../../../../../actions/toggle/Toggle.cjs");require("../../../../../actions/toggle/styles/Toggle.css.cjs");require("../../../../../actions/toggle-group/ToggleGroup.cjs");require("../../../../../actions/toggle-group/styles/ToggleGroup.css.cjs");require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");require("../../../../../forms/autocomplete/Autocomplete.cjs");require("../../../../../forms/autocomplete/components/autocomplete-input/AutocompleteInput.cjs");require("../../../../../forms/autocomplete/components/autocomplete-input/styles/AutocompleteInput.css.cjs");require("../../../../../forms/autocomplete/components/autocomplete-trigger/AutocompleteTrigger.cjs");;/* empty css */require("../../../../../forms/autocomplete/components/autocomplete-input-group/AutocompleteInputGroup.cjs");require("../../../../../forms/autocomplete/components/autocomplete-icon/AutocompleteIcon.cjs");require("../../../../../forms/autocomplete/components/autocomplete-clear/AutocompleteClear.cjs");require("../../../../../forms/autocomplete/components/autocomplete-content/AutocompleteContent.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../forms/autocomplete/components/autocomplete-list/AutocompleteList.cjs");require("../../../../../forms/autocomplete/components/autocomplete-group/AutocompleteGroup.cjs");require("../../../../../forms/autocomplete/components/autocomplete-label/AutocompleteLabel.cjs");require("../../../../../forms/autocomplete/components/autocomplete-item/AutocompleteItem.cjs");;/* empty css */require("../../../../../forms/autocomplete/components/autocomplete-empty/AutocompleteEmpty.cjs");require("../../../../../forms/autocomplete/components/autocomplete-separator/AutocompleteSeparator.cjs");;/* empty css */require("../../../../../forms/autocomplete/components/autocomplete-status/AutocompleteStatus.cjs");require("../../../../../forms/autocomplete/components/autocomplete-collection/AutocompleteCollection.cjs");require("../../../../../forms/autocomplete/components/autocomplete-field/AutocompleteField.cjs");;/* empty css */require("../../../../../forms/calendar/Calendar.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../forms/checkbox/Checkbox.cjs");;/* empty css */require("../../../../../forms/date-picker/DatePicker.cjs");;/* empty css */require("../../../../../forms/radio-group/RadioGroup.cjs");;/* empty css */require("../../../../../forms/select/Select.cjs");require("../../../../../forms/select/components/select-trigger/SelectTrigger.cjs");require("../../../../../forms/select/components/select-trigger/styles/SelectTrigger.css.cjs");require("../../../../../forms/select/components/select-content/SelectContent.cjs");;/* empty css */require("../../../../../forms/select/components/select-list/SelectList.cjs");require("../../../../../forms/select/components/select-group/SelectGroup.cjs");require("../../../../../forms/select/components/select-label/SelectLabel.cjs");;/* empty css */require("../../../../../forms/select/components/select-item/SelectItem.cjs");;/* empty css */require("../../../../../forms/select/components/select-separator/SelectSeparator.cjs");;/* empty css */require("../../../../../forms/select/components/select-field/SelectField.cjs");;/* empty css */require("../../../../../forms/switch/Switch.cjs");require("../../../../../forms/switch/styles/Switch.css.cjs");require("../../../../../forms/text-area/TextArea.cjs");require("../../../../../forms/text-area/styles/TextArea.css.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../forms/text-field/TextField.cjs");require("../../../../../forms/text-field/styles/TextField.css.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../forms/_shared/components/helper-text/HelperText.cjs");require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");require("../../../../../layout/flex/Flex.cjs");require("../../../../../layout/flex/styles/Flex.css.cjs");require("../../../../../layout/grid/Grid.cjs");require("../../../../../layout/grid/styles/Grid.css.cjs");require("../../../../../layout/image/Image.cjs");require("../../../../../layout/image/styles/Image.css.cjs");require("../../../../../layout/separator/Separator.cjs");require("../../../../../layout/separator/styles/Separator.css.cjs");require("../../../../../layout/form/Form.cjs");;/* empty css */require("../../../../../layout/fieldset/Fieldset.cjs");;/* empty css */require("../../../../../layout/legend/Legend.cjs");;/* empty css */require("../../../../../surfaces/accordion/Accordion.cjs");;/* empty css */require("../../../../../surfaces/accordion/components/accordion-item/styles/AccordionItem.css.cjs");;/* empty css */;/* empty css */require("../../../../../surfaces/card/Card.cjs");;/* empty css */;/* empty css */require("../../../../../surfaces/collapsible/Collapsible.cjs");;/* empty css */;/* empty css */;/* empty css */require("../../../../../navigation/tabs/Tabs.cjs");;/* empty css */require("../../../../../navigation/tabs/components/tabs-list/styles/TabsList.css.cjs");require("../../../../../navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.cjs");require("../../../../../navigation/link/Link.cjs");;/* empty css */const l=require("../../../../tooltip/Tooltip.cjs");require("../../../../tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css */require("../../../../dropdown-menu/index.cjs");require("../../../../popover/Popover.cjs");;/* empty css */require("../../../../hover-card/HoverCard.cjs");require("../../../../dialog/Dialog.cjs");;/* empty css */;/* empty css */require("../../../Drawer.cjs");require("../../../styles/Drawer.css.cjs");require("../../../../../feedback/skeleton/Skeleton.cjs");require("../../../../../feedback/skeleton/styles/Skeleton.css.cjs");require("../../../../../feedback/callout/Callout.cjs");require("../../../../../feedback/callout/styles/Callout.css.cjs");;/* empty css */require("../../../../../feedback/toast/Toast.cjs");require("../../../../../feedback/toast/styles/Toast.css.cjs");;/* empty css */require("../../../../../feedback/progress/Progress.cjs");require("../../../../../feedback/progress/CircularProgress.cjs");require("../../../../../feedback/progress/styles/Progress.css.cjs");require("../../../../../feedback/progress/constants/progressColors.const.cjs");const q=I.memo(({label:e,startIcon:t,trailing:s,variant:n="default",color:o="primary",iconSize:i,disabled:c,className:a,style:m,ref:d,...p})=>{const{open:u,itemAttributes:D}=A.useDrawerItemAttributes(i);return r.jsx(l,{position:"right",content:e,disabled:u,children:r.jsx("button",{ref:d,type:"button",disabled:c,"aria-label":u?void 0:e,className:h.cn(w.DRAWER_ITEM_STYLES.recipe({variant:n,color:o}),a),style:m,...D,...p,children:r.jsx(b,{label:e,startIcon:t,trailing:s,iconSize:i})})})});q.displayName="Drawer.ActionItem";module.exports=q;
|
|
2
2
|
//# sourceMappingURL=DrawerActionItem.cjs.map
|
package/dist/components/overlay/drawer/components/items/drawer-action-item/DrawerActionItem.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerActionItem.cjs","sources":["../../../../../../../src/components/overlay/drawer/components/items/drawer-action-item/DrawerActionItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport type { DrawerActionItemProps } from '@components/overlay/drawer/components/items/drawer-action-item/types/DrawerActionItem.props.ts'\r\nimport {\r\n DRAWER_ITEM_STYLES,\r\n DrawerItemContent,\r\n useDrawerItemAttributes,\r\n} from '@components/overlay/drawer/components/items/_shared'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { Tooltip } from '@components'\r\n\r\n/**\r\n * A button-like action row rendered inside a `Drawer`.\r\n *\r\n * Useful for actions that do not navigate, such as \"Sign out\" or \"Toggle theme\".\r\n */\r\nconst DrawerActionItem: FC<DrawerActionItemProps> = memo(({\r\n label,\r\n startIcon,\r\n trailing,\r\n variant = 'default',\r\n color = 'primary',\r\n iconSize,\r\n disabled,\r\n className,\r\n style,\r\n ref,\r\n ...props\r\n}) => {\r\n const { open, itemAttributes } = useDrawerItemAttributes(iconSize)\r\n\r\n return (\r\n <Tooltip\r\n position={'right'}\r\n content={label}\r\n disabled={open}\r\n >\r\n <button\r\n ref={ref}\r\n type={'button'}\r\n disabled={disabled}\r\n aria-label={open ? undefined : label}\r\n className={cn(\r\n DRAWER_ITEM_STYLES.recipe({ variant, color }),\r\n className,\r\n )}\r\n style={style}\r\n {...itemAttributes}\r\n {...props}\r\n >\r\n <DrawerItemContent\r\n label={label}\r\n startIcon={startIcon}\r\n trailing={trailing}\r\n iconSize={iconSize}\r\n />\r\n </button>\r\n </Tooltip>\r\n\r\n )\r\n})\r\n\r\nDrawerActionItem.displayName = 'Drawer.ActionItem'\r\n\r\nexport default DrawerActionItem\r\n"],"names":["DrawerActionItem","memo","label","startIcon","trailing","variant","color","iconSize","disabled","className","style","ref","props","open","itemAttributes","useDrawerItemAttributes","jsx","Tooltip","cn","DRAWER_ITEM_STYLES","DrawerItemContent"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DrawerActionItem.cjs","sources":["../../../../../../../src/components/overlay/drawer/components/items/drawer-action-item/DrawerActionItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport type { DrawerActionItemProps } from '@components/overlay/drawer/components/items/drawer-action-item/types/DrawerActionItem.props.ts'\r\nimport {\r\n DRAWER_ITEM_STYLES,\r\n DrawerItemContent,\r\n useDrawerItemAttributes,\r\n} from '@components/overlay/drawer/components/items/_shared'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { Tooltip } from '@components'\r\n\r\n/**\r\n * A button-like action row rendered inside a `Drawer`.\r\n *\r\n * Useful for actions that do not navigate, such as \"Sign out\" or \"Toggle theme\".\r\n */\r\nconst DrawerActionItem: FC<DrawerActionItemProps> = memo(({\r\n label,\r\n startIcon,\r\n trailing,\r\n variant = 'default',\r\n color = 'primary',\r\n iconSize,\r\n disabled,\r\n className,\r\n style,\r\n ref,\r\n ...props\r\n}) => {\r\n const { open, itemAttributes } = useDrawerItemAttributes(iconSize)\r\n\r\n return (\r\n <Tooltip\r\n position={'right'}\r\n content={label}\r\n disabled={open}\r\n >\r\n <button\r\n ref={ref}\r\n type={'button'}\r\n disabled={disabled}\r\n aria-label={open ? undefined : label}\r\n className={cn(\r\n DRAWER_ITEM_STYLES.recipe({ variant, color }),\r\n className,\r\n )}\r\n style={style}\r\n {...itemAttributes}\r\n {...props}\r\n >\r\n <DrawerItemContent\r\n label={label}\r\n startIcon={startIcon}\r\n trailing={trailing}\r\n iconSize={iconSize}\r\n />\r\n </button>\r\n </Tooltip>\r\n\r\n )\r\n})\r\n\r\nDrawerActionItem.displayName = 'Drawer.ActionItem'\r\n\r\nexport default DrawerActionItem\r\n"],"names":["DrawerActionItem","memo","label","startIcon","trailing","variant","color","iconSize","disabled","className","style","ref","props","open","itemAttributes","useDrawerItemAttributes","jsx","Tooltip","cn","DRAWER_ITEM_STYLES","DrawerItemContent"],"mappings":"wrbAgBA,MAAMA,EAA8CC,EAAAA,KAAK,CAAC,CACtD,MAAAC,EACA,UAAAC,EACA,SAAAC,EACA,QAAAC,EAAU,UACV,MAAAC,EAAQ,UACR,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,KAAM,CAAE,KAAAC,EAAM,eAAAC,GAAmBC,EAAAA,wBAAwBR,CAAQ,EAEjE,OACIS,EAAAA,IAACC,EAAA,CACG,SAAU,QACV,QAASf,EACT,SAAUW,EAEV,SAAAG,EAAAA,IAAC,SAAA,CACG,IAAAL,EACA,KAAM,SACN,SAAAH,EACA,aAAYK,EAAO,OAAYX,EAC/B,UAAWgB,EAAAA,GACPC,EAAAA,mBAAmB,OAAO,CAAE,QAAAd,EAAS,MAAAC,EAAO,EAC5CG,CAAA,EAEJ,MAAAC,EACC,GAAGI,EACH,GAAGF,EAEJ,SAAAI,EAAAA,IAACI,EAAA,CACG,MAAAlB,EACA,UAAAC,EACA,SAAAC,EACA,SAAAG,CAAA,CAAA,CACJ,CAAA,CACJ,CAAA,CAIZ,CAAC,EAEDP,EAAiB,YAAc"}
|
package/dist/components/overlay/drawer/components/items/drawer-action-item/DrawerActionItem.js
CHANGED
|
@@ -29,14 +29,10 @@ import "../../../../../actions/button/Button.js";
|
|
|
29
29
|
import "../../../../../actions/button/styles/Button.css.js";
|
|
30
30
|
import "../../../../../actions/icon-button/IconButton.js";
|
|
31
31
|
import "../../../../../actions/icon-button/styles/IconButton.css.js";
|
|
32
|
-
import "../../../../../actions/toggle
|
|
33
|
-
import "../../../../../actions/toggle
|
|
34
|
-
import "../../../../../actions/toggle-
|
|
35
|
-
import "../../../../../actions/toggle-
|
|
36
|
-
import "../../../../../actions/toggle-button-group/ToggleButtonGroup.js";
|
|
37
|
-
import "../../../../../actions/toggle-button-group/styles/ToggleButtonGroup.css.js";
|
|
38
|
-
import "../../../../../actions/toggle-button-group/components/toggle-button-group-item/styles/ToggleButtonGroupItem.css.js";
|
|
39
|
-
import "../../../../../actions/toggle-button-group/components/toggle-button-group-icon-item/styles/ToggleButtonGroupIconItem.css.js";
|
|
32
|
+
import "../../../../../actions/toggle/Toggle.js";
|
|
33
|
+
import "../../../../../actions/toggle/styles/Toggle.css.js";
|
|
34
|
+
import "../../../../../actions/toggle-group/ToggleGroup.js";
|
|
35
|
+
import "../../../../../actions/toggle-group/styles/ToggleGroup.css.js";
|
|
40
36
|
import "../../../../../foundation/icon/Icon.js";
|
|
41
37
|
import "../../../../../foundation/icon/styles/Icon.css.js";
|
|
42
38
|
import "../../../../../foundation/typography/Typography.js";
|
|
@@ -169,18 +165,10 @@ import "../../../../../feedback/skeleton/Skeleton.js";
|
|
|
169
165
|
import "../../../../../feedback/skeleton/styles/Skeleton.css.js";
|
|
170
166
|
import "../../../../../feedback/callout/Callout.js";
|
|
171
167
|
import "../../../../../feedback/callout/styles/Callout.css.js";
|
|
172
|
-
import "../../../../../feedback/callout/components/callout-icon/CalloutIcon.js";
|
|
173
168
|
/* empty css */
|
|
174
|
-
import "../../../../../feedback/callout/components/callout-title/CalloutTitle.js";
|
|
175
|
-
import "../../../../../feedback/callout/components/callout-description/CalloutDescription.js";
|
|
176
169
|
import "../../../../../feedback/toast/Toast.js";
|
|
177
170
|
import "../../../../../feedback/toast/styles/Toast.css.js";
|
|
178
|
-
import "../../../../../feedback/toast/components/toast-icon/ToastIcon.js";
|
|
179
171
|
/* empty css */
|
|
180
|
-
import "../../../../../feedback/toast/components/toast-title/ToastTitle.js";
|
|
181
|
-
import "../../../../../feedback/toast/components/toast-description/ToastDescription.js";
|
|
182
|
-
import "../../../../../feedback/toast/components/toast-actions/ToastActions.js";
|
|
183
|
-
import "../../../../../feedback/toast/components/toast-close/ToastClose.js";
|
|
184
172
|
import "../../../../../feedback/progress/Progress.js";
|
|
185
173
|
import "../../../../../feedback/progress/CircularProgress.js";
|
|
186
174
|
import "../../../../../feedback/progress/styles/Progress.css.js";
|
package/dist/components/overlay/drawer/components/items/drawer-action-item/DrawerActionItem.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerActionItem.js","sources":["../../../../../../../src/components/overlay/drawer/components/items/drawer-action-item/DrawerActionItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport type { DrawerActionItemProps } from '@components/overlay/drawer/components/items/drawer-action-item/types/DrawerActionItem.props.ts'\r\nimport {\r\n DRAWER_ITEM_STYLES,\r\n DrawerItemContent,\r\n useDrawerItemAttributes,\r\n} from '@components/overlay/drawer/components/items/_shared'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { Tooltip } from '@components'\r\n\r\n/**\r\n * A button-like action row rendered inside a `Drawer`.\r\n *\r\n * Useful for actions that do not navigate, such as \"Sign out\" or \"Toggle theme\".\r\n */\r\nconst DrawerActionItem: FC<DrawerActionItemProps> = memo(({\r\n label,\r\n startIcon,\r\n trailing,\r\n variant = 'default',\r\n color = 'primary',\r\n iconSize,\r\n disabled,\r\n className,\r\n style,\r\n ref,\r\n ...props\r\n}) => {\r\n const { open, itemAttributes } = useDrawerItemAttributes(iconSize)\r\n\r\n return (\r\n <Tooltip\r\n position={'right'}\r\n content={label}\r\n disabled={open}\r\n >\r\n <button\r\n ref={ref}\r\n type={'button'}\r\n disabled={disabled}\r\n aria-label={open ? undefined : label}\r\n className={cn(\r\n DRAWER_ITEM_STYLES.recipe({ variant, color }),\r\n className,\r\n )}\r\n style={style}\r\n {...itemAttributes}\r\n {...props}\r\n >\r\n <DrawerItemContent\r\n label={label}\r\n startIcon={startIcon}\r\n trailing={trailing}\r\n iconSize={iconSize}\r\n />\r\n </button>\r\n </Tooltip>\r\n\r\n )\r\n})\r\n\r\nDrawerActionItem.displayName = 'Drawer.ActionItem'\r\n\r\nexport default DrawerActionItem\r\n"],"names":["DrawerActionItem","memo","label","startIcon","trailing","variant","color","iconSize","disabled","className","style","ref","props","open","itemAttributes","useDrawerItemAttributes","jsx","Tooltip","cn","DRAWER_ITEM_STYLES","DrawerItemContent"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DrawerActionItem.js","sources":["../../../../../../../src/components/overlay/drawer/components/items/drawer-action-item/DrawerActionItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport type { DrawerActionItemProps } from '@components/overlay/drawer/components/items/drawer-action-item/types/DrawerActionItem.props.ts'\r\nimport {\r\n DRAWER_ITEM_STYLES,\r\n DrawerItemContent,\r\n useDrawerItemAttributes,\r\n} from '@components/overlay/drawer/components/items/_shared'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { Tooltip } from '@components'\r\n\r\n/**\r\n * A button-like action row rendered inside a `Drawer`.\r\n *\r\n * Useful for actions that do not navigate, such as \"Sign out\" or \"Toggle theme\".\r\n */\r\nconst DrawerActionItem: FC<DrawerActionItemProps> = memo(({\r\n label,\r\n startIcon,\r\n trailing,\r\n variant = 'default',\r\n color = 'primary',\r\n iconSize,\r\n disabled,\r\n className,\r\n style,\r\n ref,\r\n ...props\r\n}) => {\r\n const { open, itemAttributes } = useDrawerItemAttributes(iconSize)\r\n\r\n return (\r\n <Tooltip\r\n position={'right'}\r\n content={label}\r\n disabled={open}\r\n >\r\n <button\r\n ref={ref}\r\n type={'button'}\r\n disabled={disabled}\r\n aria-label={open ? undefined : label}\r\n className={cn(\r\n DRAWER_ITEM_STYLES.recipe({ variant, color }),\r\n className,\r\n )}\r\n style={style}\r\n {...itemAttributes}\r\n {...props}\r\n >\r\n <DrawerItemContent\r\n label={label}\r\n startIcon={startIcon}\r\n trailing={trailing}\r\n iconSize={iconSize}\r\n />\r\n </button>\r\n </Tooltip>\r\n\r\n )\r\n})\r\n\r\nDrawerActionItem.displayName = 'Drawer.ActionItem'\r\n\r\nexport default DrawerActionItem\r\n"],"names":["DrawerActionItem","memo","label","startIcon","trailing","variant","color","iconSize","disabled","className","style","ref","props","open","itemAttributes","useDrawerItemAttributes","jsx","Tooltip","cn","DRAWER_ITEM_STYLES","DrawerItemContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgBA,MAAMA,IAA8CC,EAAK,CAAC;AAAA,EACtD,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAM,EAAE,MAAAC,GAAM,gBAAAC,MAAmBC,EAAwBR,CAAQ;AAEjE,SACI,gBAAAS;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,UAAU;AAAA,MACV,SAASf;AAAA,MACT,UAAUW;AAAA,MAEV,UAAA,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAAL;AAAA,UACA,MAAM;AAAA,UACN,UAAAH;AAAA,UACA,cAAYK,IAAO,SAAYX;AAAA,UAC/B,WAAWgB;AAAA,YACPC,EAAmB,OAAO,EAAE,SAAAd,GAAS,OAAAC,GAAO;AAAA,YAC5CG;AAAA,UAAA;AAAA,UAEJ,OAAAC;AAAA,UACC,GAAGI;AAAA,UACH,GAAGF;AAAA,UAEJ,UAAA,gBAAAI;AAAA,YAACI;AAAA,YAAA;AAAA,cACG,OAAAlB;AAAA,cACA,WAAAC;AAAA,cACA,UAAAC;AAAA,cACA,UAAAG;AAAA,YAAA;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAIZ,CAAC;AAEDP,EAAiB,cAAc;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),N=require("react"),v=require("./hooks/use-drawer-nav-item/useDrawerNavItem.hook.cjs"),x=require("../_shared/styles/DrawerItemShared.css.cjs");require("../../../context/Drawer.context.cjs");const j=require("../_shared/components/drawer-item-content/DrawerItemContent.cjs"),k=require("../../../../../../utils/cn.cjs");require("../../../../../theme-provider/ThemeProvider.cjs");require("../../../../../theme-provider/ThemeProvider.context.cjs");require("../../../../../data-display/avatar/Avatar.cjs");require("../../../../../data-display/avatar/components/avatar-root/styles/AvatarRoot.css.cjs");require("../../../../../data-display/avatar/components/avatar-image/styles/AvatarImage.css.cjs");require("../../../../../data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.cjs");require("../../../../../data-display/avatar/components/avatar-status/styles/AvatarStatus.css.cjs");require("../../../../../data-display/avatar-group/AvatarGroup.cjs");require("../../../../../data-display/badge/Badge.cjs");require("../../../../../data-display/badge/styles/Badge.css.cjs");require("../../../../../data-display/table/Table.cjs");require("../../../../../data-display/table/styles/Table.css.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../data-display/table/components/table-row/styles/TableRow.css.cjs");require("../../../../../data-display/table/components/table-head/styles/TableHead.css.cjs");require("../../../../../data-display/table/components/table-cell/styles/TableCell.css.cjs");;/* empty css */require("../../../../../actions/button/Button.cjs");require("../../../../../actions/button/styles/Button.css.cjs");require("../../../../../actions/icon-button/IconButton.cjs");require("../../../../../actions/icon-button/styles/IconButton.css.cjs");require("../../../../../actions/toggle-button/ToggleButton.cjs");require("../../../../../actions/toggle-button/styles/ToggleButton.css.cjs");require("../../../../../actions/toggle-icon-button/ToggleIconButton.cjs");require("../../../../../actions/toggle-icon-button/styles/ToggleIconButton.css.cjs");require("../../../../../actions/toggle-button-group/ToggleButtonGroup.cjs");require("../../../../../actions/toggle-button-group/styles/ToggleButtonGroup.css.cjs");require("../../../../../actions/toggle-button-group/components/toggle-button-group-item/styles/ToggleButtonGroupItem.css.cjs");require("../../../../../actions/toggle-button-group/components/toggle-button-group-icon-item/styles/ToggleButtonGroupIconItem.css.cjs");require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");require("../../../../../forms/autocomplete/Autocomplete.cjs");require("../../../../../forms/autocomplete/components/autocomplete-input/AutocompleteInput.cjs");require("../../../../../forms/autocomplete/components/autocomplete-input/styles/AutocompleteInput.css.cjs");require("../../../../../forms/autocomplete/components/autocomplete-trigger/AutocompleteTrigger.cjs");;/* empty css */require("../../../../../forms/autocomplete/components/autocomplete-input-group/AutocompleteInputGroup.cjs");require("../../../../../forms/autocomplete/components/autocomplete-icon/AutocompleteIcon.cjs");require("../../../../../forms/autocomplete/components/autocomplete-clear/AutocompleteClear.cjs");require("../../../../../forms/autocomplete/components/autocomplete-content/AutocompleteContent.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../forms/autocomplete/components/autocomplete-list/AutocompleteList.cjs");require("../../../../../forms/autocomplete/components/autocomplete-group/AutocompleteGroup.cjs");require("../../../../../forms/autocomplete/components/autocomplete-label/AutocompleteLabel.cjs");require("../../../../../forms/autocomplete/components/autocomplete-item/AutocompleteItem.cjs");;/* empty css */require("../../../../../forms/autocomplete/components/autocomplete-empty/AutocompleteEmpty.cjs");require("../../../../../forms/autocomplete/components/autocomplete-separator/AutocompleteSeparator.cjs");;/* empty css */require("../../../../../forms/autocomplete/components/autocomplete-status/AutocompleteStatus.cjs");require("../../../../../forms/autocomplete/components/autocomplete-collection/AutocompleteCollection.cjs");require("../../../../../forms/autocomplete/components/autocomplete-field/AutocompleteField.cjs");;/* empty css */require("../../../../../forms/calendar/Calendar.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../forms/checkbox/Checkbox.cjs");;/* empty css */require("../../../../../forms/date-picker/DatePicker.cjs");;/* empty css */require("../../../../../forms/radio-group/RadioGroup.cjs");;/* empty css */require("../../../../../forms/select/Select.cjs");require("../../../../../forms/select/components/select-trigger/SelectTrigger.cjs");require("../../../../../forms/select/components/select-trigger/styles/SelectTrigger.css.cjs");require("../../../../../forms/select/components/select-content/SelectContent.cjs");;/* empty css */require("../../../../../forms/select/components/select-list/SelectList.cjs");require("../../../../../forms/select/components/select-group/SelectGroup.cjs");require("../../../../../forms/select/components/select-label/SelectLabel.cjs");;/* empty css */require("../../../../../forms/select/components/select-item/SelectItem.cjs");;/* empty css */require("../../../../../forms/select/components/select-separator/SelectSeparator.cjs");;/* empty css */require("../../../../../forms/select/components/select-field/SelectField.cjs");;/* empty css */require("../../../../../forms/switch/Switch.cjs");require("../../../../../forms/switch/styles/Switch.css.cjs");require("../../../../../forms/text-area/TextArea.cjs");require("../../../../../forms/text-area/styles/TextArea.css.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../forms/text-field/TextField.cjs");require("../../../../../forms/text-field/styles/TextField.css.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../forms/_shared/components/helper-text/HelperText.cjs");require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");require("../../../../../layout/flex/Flex.cjs");require("../../../../../layout/flex/styles/Flex.css.cjs");require("../../../../../layout/grid/Grid.cjs");require("../../../../../layout/grid/styles/Grid.css.cjs");require("../../../../../layout/image/Image.cjs");require("../../../../../layout/image/styles/Image.css.cjs");require("../../../../../layout/separator/Separator.cjs");require("../../../../../layout/separator/styles/Separator.css.cjs");require("../../../../../layout/form/Form.cjs");;/* empty css */require("../../../../../layout/fieldset/Fieldset.cjs");;/* empty css */require("../../../../../layout/legend/Legend.cjs");;/* empty css */require("../../../../../surfaces/accordion/Accordion.cjs");;/* empty css */require("../../../../../surfaces/accordion/components/accordion-item/styles/AccordionItem.css.cjs");;/* empty css */;/* empty css */require("../../../../../surfaces/card/Card.cjs");;/* empty css */;/* empty css */require("../../../../../surfaces/collapsible/Collapsible.cjs");;/* empty css */;/* empty css */;/* empty css */require("../../../../../navigation/tabs/Tabs.cjs");;/* empty css */require("../../../../../navigation/tabs/components/tabs-list/styles/TabsList.css.cjs");require("../../../../../navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.cjs");require("../../../../../navigation/link/Link.cjs");;/* empty css */const R=require("../../../../tooltip/Tooltip.cjs");require("../../../../tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css */require("../../../../dropdown-menu/index.cjs");require("../../../../popover/Popover.cjs");;/* empty css */require("../../../../hover-card/HoverCard.cjs");require("../../../../dialog/Dialog.cjs");;/* empty css */;/* empty css */require("../../../Drawer.cjs");require("../../../styles/Drawer.css.cjs");require("../../../../../feedback/skeleton/Skeleton.cjs");require("../../../../../feedback/skeleton/styles/Skeleton.css.cjs");require("../../../../../feedback/callout/Callout.cjs");require("../../../../../feedback/callout/styles/Callout.css.cjs");require("../../../../../feedback/callout/components/callout-icon/CalloutIcon.cjs");;/* empty css */require("../../../../../feedback/callout/components/callout-title/CalloutTitle.cjs");require("../../../../../feedback/callout/components/callout-description/CalloutDescription.cjs");require("../../../../../feedback/toast/Toast.cjs");require("../../../../../feedback/toast/styles/Toast.css.cjs");require("../../../../../feedback/toast/components/toast-icon/ToastIcon.cjs");;/* empty css */require("../../../../../feedback/toast/components/toast-title/ToastTitle.cjs");require("../../../../../feedback/toast/components/toast-description/ToastDescription.cjs");require("../../../../../feedback/toast/components/toast-actions/ToastActions.cjs");require("../../../../../feedback/toast/components/toast-close/ToastClose.cjs");require("../../../../../feedback/progress/Progress.cjs");require("../../../../../feedback/progress/CircularProgress.cjs");require("../../../../../feedback/progress/styles/Progress.css.cjs");require("../../../../../feedback/progress/constants/progressColors.const.cjs");const q=N.memo(({label:e,href:t="#",startIcon:s,trailing:n,active:a,disabled:o,variant:c="default",color:m="primary",iconSize:i,className:d,style:l,onClick:p,ref:D,...I})=>{const{open:u,linkAttributes:h,handleClick:w}=v.useDrawerNavItem({active:a,disabled:o,iconSize:i,onClick:p});return r.jsx(R,{position:"right",content:e,disabled:u,children:r.jsx("a",{ref:D,href:t,"aria-label":u?void 0:e,className:k.cn(x.DRAWER_ITEM_STYLES.recipe({variant:c,color:m}),d),style:l,onClick:w,...h,...I,children:r.jsx(j,{label:e,startIcon:s,trailing:n,iconSize:i})})})});q.displayName="Drawer.NavItem";module.exports=q;
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),N=require("react"),v=require("./hooks/use-drawer-nav-item/useDrawerNavItem.hook.cjs"),x=require("../_shared/styles/DrawerItemShared.css.cjs");require("../../../context/Drawer.context.cjs");const j=require("../_shared/components/drawer-item-content/DrawerItemContent.cjs"),k=require("../../../../../../utils/cn.cjs");require("../../../../../theme-provider/ThemeProvider.cjs");require("../../../../../theme-provider/ThemeProvider.context.cjs");require("../../../../../data-display/avatar/Avatar.cjs");require("../../../../../data-display/avatar/components/avatar-root/styles/AvatarRoot.css.cjs");require("../../../../../data-display/avatar/components/avatar-image/styles/AvatarImage.css.cjs");require("../../../../../data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.cjs");require("../../../../../data-display/avatar/components/avatar-status/styles/AvatarStatus.css.cjs");require("../../../../../data-display/avatar-group/AvatarGroup.cjs");require("../../../../../data-display/badge/Badge.cjs");require("../../../../../data-display/badge/styles/Badge.css.cjs");require("../../../../../data-display/table/Table.cjs");require("../../../../../data-display/table/styles/Table.css.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../data-display/table/components/table-row/styles/TableRow.css.cjs");require("../../../../../data-display/table/components/table-head/styles/TableHead.css.cjs");require("../../../../../data-display/table/components/table-cell/styles/TableCell.css.cjs");;/* empty css */require("../../../../../actions/button/Button.cjs");require("../../../../../actions/button/styles/Button.css.cjs");require("../../../../../actions/icon-button/IconButton.cjs");require("../../../../../actions/icon-button/styles/IconButton.css.cjs");require("../../../../../actions/toggle/Toggle.cjs");require("../../../../../actions/toggle/styles/Toggle.css.cjs");require("../../../../../actions/toggle-group/ToggleGroup.cjs");require("../../../../../actions/toggle-group/styles/ToggleGroup.css.cjs");require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");require("../../../../../forms/autocomplete/Autocomplete.cjs");require("../../../../../forms/autocomplete/components/autocomplete-input/AutocompleteInput.cjs");require("../../../../../forms/autocomplete/components/autocomplete-input/styles/AutocompleteInput.css.cjs");require("../../../../../forms/autocomplete/components/autocomplete-trigger/AutocompleteTrigger.cjs");;/* empty css */require("../../../../../forms/autocomplete/components/autocomplete-input-group/AutocompleteInputGroup.cjs");require("../../../../../forms/autocomplete/components/autocomplete-icon/AutocompleteIcon.cjs");require("../../../../../forms/autocomplete/components/autocomplete-clear/AutocompleteClear.cjs");require("../../../../../forms/autocomplete/components/autocomplete-content/AutocompleteContent.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../forms/autocomplete/components/autocomplete-list/AutocompleteList.cjs");require("../../../../../forms/autocomplete/components/autocomplete-group/AutocompleteGroup.cjs");require("../../../../../forms/autocomplete/components/autocomplete-label/AutocompleteLabel.cjs");require("../../../../../forms/autocomplete/components/autocomplete-item/AutocompleteItem.cjs");;/* empty css */require("../../../../../forms/autocomplete/components/autocomplete-empty/AutocompleteEmpty.cjs");require("../../../../../forms/autocomplete/components/autocomplete-separator/AutocompleteSeparator.cjs");;/* empty css */require("../../../../../forms/autocomplete/components/autocomplete-status/AutocompleteStatus.cjs");require("../../../../../forms/autocomplete/components/autocomplete-collection/AutocompleteCollection.cjs");require("../../../../../forms/autocomplete/components/autocomplete-field/AutocompleteField.cjs");;/* empty css */require("../../../../../forms/calendar/Calendar.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../forms/checkbox/Checkbox.cjs");;/* empty css */require("../../../../../forms/date-picker/DatePicker.cjs");;/* empty css */require("../../../../../forms/radio-group/RadioGroup.cjs");;/* empty css */require("../../../../../forms/select/Select.cjs");require("../../../../../forms/select/components/select-trigger/SelectTrigger.cjs");require("../../../../../forms/select/components/select-trigger/styles/SelectTrigger.css.cjs");require("../../../../../forms/select/components/select-content/SelectContent.cjs");;/* empty css */require("../../../../../forms/select/components/select-list/SelectList.cjs");require("../../../../../forms/select/components/select-group/SelectGroup.cjs");require("../../../../../forms/select/components/select-label/SelectLabel.cjs");;/* empty css */require("../../../../../forms/select/components/select-item/SelectItem.cjs");;/* empty css */require("../../../../../forms/select/components/select-separator/SelectSeparator.cjs");;/* empty css */require("../../../../../forms/select/components/select-field/SelectField.cjs");;/* empty css */require("../../../../../forms/switch/Switch.cjs");require("../../../../../forms/switch/styles/Switch.css.cjs");require("../../../../../forms/text-area/TextArea.cjs");require("../../../../../forms/text-area/styles/TextArea.css.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../forms/text-field/TextField.cjs");require("../../../../../forms/text-field/styles/TextField.css.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../forms/_shared/components/helper-text/HelperText.cjs");require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");require("../../../../../layout/flex/Flex.cjs");require("../../../../../layout/flex/styles/Flex.css.cjs");require("../../../../../layout/grid/Grid.cjs");require("../../../../../layout/grid/styles/Grid.css.cjs");require("../../../../../layout/image/Image.cjs");require("../../../../../layout/image/styles/Image.css.cjs");require("../../../../../layout/separator/Separator.cjs");require("../../../../../layout/separator/styles/Separator.css.cjs");require("../../../../../layout/form/Form.cjs");;/* empty css */require("../../../../../layout/fieldset/Fieldset.cjs");;/* empty css */require("../../../../../layout/legend/Legend.cjs");;/* empty css */require("../../../../../surfaces/accordion/Accordion.cjs");;/* empty css */require("../../../../../surfaces/accordion/components/accordion-item/styles/AccordionItem.css.cjs");;/* empty css */;/* empty css */require("../../../../../surfaces/card/Card.cjs");;/* empty css */;/* empty css */require("../../../../../surfaces/collapsible/Collapsible.cjs");;/* empty css */;/* empty css */;/* empty css */require("../../../../../navigation/tabs/Tabs.cjs");;/* empty css */require("../../../../../navigation/tabs/components/tabs-list/styles/TabsList.css.cjs");require("../../../../../navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.cjs");require("../../../../../navigation/link/Link.cjs");;/* empty css */const _=require("../../../../tooltip/Tooltip.cjs");require("../../../../tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css */require("../../../../dropdown-menu/index.cjs");require("../../../../popover/Popover.cjs");;/* empty css */require("../../../../hover-card/HoverCard.cjs");require("../../../../dialog/Dialog.cjs");;/* empty css */;/* empty css */require("../../../Drawer.cjs");require("../../../styles/Drawer.css.cjs");require("../../../../../feedback/skeleton/Skeleton.cjs");require("../../../../../feedback/skeleton/styles/Skeleton.css.cjs");require("../../../../../feedback/callout/Callout.cjs");require("../../../../../feedback/callout/styles/Callout.css.cjs");;/* empty css */require("../../../../../feedback/toast/Toast.cjs");require("../../../../../feedback/toast/styles/Toast.css.cjs");;/* empty css */require("../../../../../feedback/progress/Progress.cjs");require("../../../../../feedback/progress/CircularProgress.cjs");require("../../../../../feedback/progress/styles/Progress.css.cjs");require("../../../../../feedback/progress/constants/progressColors.const.cjs");const q=N.memo(({label:e,href:t="#",startIcon:s,trailing:n,active:a,disabled:o,variant:c="default",color:m="primary",iconSize:i,className:d,style:l,onClick:p,ref:D,...I})=>{const{open:u,linkAttributes:h,handleClick:w}=v.useDrawerNavItem({active:a,disabled:o,iconSize:i,onClick:p});return r.jsx(_,{position:"right",content:e,disabled:u,children:r.jsx("a",{ref:D,href:t,"aria-label":u?void 0:e,className:k.cn(x.DRAWER_ITEM_STYLES.recipe({variant:c,color:m}),d),style:l,onClick:w,...h,...I,children:r.jsx(j,{label:e,startIcon:s,trailing:n,iconSize:i})})})});q.displayName="Drawer.NavItem";module.exports=q;
|
|
2
2
|
//# sourceMappingURL=DrawerNavItem.cjs.map
|
package/dist/components/overlay/drawer/components/items/drawer-nav-item/DrawerNavItem.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerNavItem.cjs","sources":["../../../../../../../src/components/overlay/drawer/components/items/drawer-nav-item/DrawerNavItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { useDrawerNavItem } from '@components/overlay/drawer/components/items/drawer-nav-item/hooks/use-drawer-nav-item/useDrawerNavItem.hook.ts'\r\nimport type { DrawerNavItemProps } from '@components/overlay/drawer/components/items/drawer-nav-item/types/DrawerNavItem.props.ts'\r\nimport { DRAWER_ITEM_STYLES, DrawerItemContent } from '@components/overlay/drawer/components/items/_shared'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { Tooltip } from '@components'\r\n\r\n/**\r\n * A navigation row rendered inside a `Drawer`.\r\n *\r\n * Behaves like a link, supports icons, an active state and graceful close\r\n * animation when the drawer is dismissed.\r\n */\r\nconst DrawerNavItem: FC<DrawerNavItemProps> = memo(({\r\n label,\r\n href = '#',\r\n startIcon,\r\n trailing,\r\n active,\r\n disabled,\r\n variant = 'default',\r\n color = 'primary',\r\n iconSize,\r\n className,\r\n style,\r\n onClick,\r\n ref,\r\n ...props\r\n}) => {\r\n const { open, linkAttributes, handleClick } = useDrawerNavItem({\r\n active,\r\n disabled,\r\n iconSize,\r\n onClick,\r\n })\r\n\r\n return (\r\n <Tooltip\r\n position={'right'}\r\n content={label}\r\n disabled={open}\r\n >\r\n <a\r\n ref={ref}\r\n href={href}\r\n aria-label={open ? undefined : label}\r\n className={cn(\r\n DRAWER_ITEM_STYLES.recipe({ variant, color }),\r\n className,\r\n )}\r\n style={style}\r\n onClick={handleClick}\r\n {...linkAttributes}\r\n {...props}\r\n >\r\n <DrawerItemContent\r\n label={label}\r\n startIcon={startIcon}\r\n trailing={trailing}\r\n iconSize={iconSize}\r\n />\r\n </a>\r\n </Tooltip>\r\n )\r\n})\r\n\r\nDrawerNavItem.displayName = 'Drawer.NavItem'\r\n\r\nexport default DrawerNavItem\r\n"],"names":["DrawerNavItem","memo","label","href","startIcon","trailing","active","disabled","variant","color","iconSize","className","style","onClick","ref","props","open","linkAttributes","handleClick","useDrawerNavItem","jsx","Tooltip","cn","DRAWER_ITEM_STYLES","DrawerItemContent"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DrawerNavItem.cjs","sources":["../../../../../../../src/components/overlay/drawer/components/items/drawer-nav-item/DrawerNavItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { useDrawerNavItem } from '@components/overlay/drawer/components/items/drawer-nav-item/hooks/use-drawer-nav-item/useDrawerNavItem.hook.ts'\r\nimport type { DrawerNavItemProps } from '@components/overlay/drawer/components/items/drawer-nav-item/types/DrawerNavItem.props.ts'\r\nimport { DRAWER_ITEM_STYLES, DrawerItemContent } from '@components/overlay/drawer/components/items/_shared'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { Tooltip } from '@components'\r\n\r\n/**\r\n * A navigation row rendered inside a `Drawer`.\r\n *\r\n * Behaves like a link, supports icons, an active state and graceful close\r\n * animation when the drawer is dismissed.\r\n */\r\nconst DrawerNavItem: FC<DrawerNavItemProps> = memo(({\r\n label,\r\n href = '#',\r\n startIcon,\r\n trailing,\r\n active,\r\n disabled,\r\n variant = 'default',\r\n color = 'primary',\r\n iconSize,\r\n className,\r\n style,\r\n onClick,\r\n ref,\r\n ...props\r\n}) => {\r\n const { open, linkAttributes, handleClick } = useDrawerNavItem({\r\n active,\r\n disabled,\r\n iconSize,\r\n onClick,\r\n })\r\n\r\n return (\r\n <Tooltip\r\n position={'right'}\r\n content={label}\r\n disabled={open}\r\n >\r\n <a\r\n ref={ref}\r\n href={href}\r\n aria-label={open ? undefined : label}\r\n className={cn(\r\n DRAWER_ITEM_STYLES.recipe({ variant, color }),\r\n className,\r\n )}\r\n style={style}\r\n onClick={handleClick}\r\n {...linkAttributes}\r\n {...props}\r\n >\r\n <DrawerItemContent\r\n label={label}\r\n startIcon={startIcon}\r\n trailing={trailing}\r\n iconSize={iconSize}\r\n />\r\n </a>\r\n </Tooltip>\r\n )\r\n})\r\n\r\nDrawerNavItem.displayName = 'Drawer.NavItem'\r\n\r\nexport default DrawerNavItem\r\n"],"names":["DrawerNavItem","memo","label","href","startIcon","trailing","active","disabled","variant","color","iconSize","className","style","onClick","ref","props","open","linkAttributes","handleClick","useDrawerNavItem","jsx","Tooltip","cn","DRAWER_ITEM_STYLES","DrawerItemContent"],"mappings":"iqbAcA,MAAMA,EAAwCC,EAAAA,KAAK,CAAC,CAChD,MAAAC,EACA,KAAAC,EAAO,IACP,UAAAC,EACA,SAAAC,EACA,OAAAC,EACA,SAAAC,EACA,QAAAC,EAAU,UACV,MAAAC,EAAQ,UACR,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,QAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,KAAM,CAAE,KAAAC,EAAM,eAAAC,EAAgB,YAAAC,CAAA,EAAgBC,EAAAA,iBAAiB,CAC3D,OAAAb,EACA,SAAAC,EACA,SAAAG,EACA,QAAAG,CAAA,CACH,EAED,OACIO,EAAAA,IAACC,EAAA,CACG,SAAU,QACV,QAASnB,EACT,SAAUc,EAEV,SAAAI,EAAAA,IAAC,IAAA,CACG,IAAAN,EACA,KAAAX,EACA,aAAYa,EAAO,OAAYd,EAC/B,UAAWoB,EAAAA,GACPC,EAAAA,mBAAmB,OAAO,CAAE,QAAAf,EAAS,MAAAC,EAAO,EAC5CE,CAAA,EAEJ,MAAAC,EACA,QAASM,EACR,GAAGD,EACH,GAAGF,EAEJ,SAAAK,EAAAA,IAACI,EAAA,CACG,MAAAtB,EACA,UAAAE,EACA,SAAAC,EACA,SAAAK,CAAA,CAAA,CACJ,CAAA,CACJ,CAAA,CAGZ,CAAC,EAEDV,EAAc,YAAc"}
|
|
@@ -29,14 +29,10 @@ import "../../../../../actions/button/Button.js";
|
|
|
29
29
|
import "../../../../../actions/button/styles/Button.css.js";
|
|
30
30
|
import "../../../../../actions/icon-button/IconButton.js";
|
|
31
31
|
import "../../../../../actions/icon-button/styles/IconButton.css.js";
|
|
32
|
-
import "../../../../../actions/toggle
|
|
33
|
-
import "../../../../../actions/toggle
|
|
34
|
-
import "../../../../../actions/toggle-
|
|
35
|
-
import "../../../../../actions/toggle-
|
|
36
|
-
import "../../../../../actions/toggle-button-group/ToggleButtonGroup.js";
|
|
37
|
-
import "../../../../../actions/toggle-button-group/styles/ToggleButtonGroup.css.js";
|
|
38
|
-
import "../../../../../actions/toggle-button-group/components/toggle-button-group-item/styles/ToggleButtonGroupItem.css.js";
|
|
39
|
-
import "../../../../../actions/toggle-button-group/components/toggle-button-group-icon-item/styles/ToggleButtonGroupIconItem.css.js";
|
|
32
|
+
import "../../../../../actions/toggle/Toggle.js";
|
|
33
|
+
import "../../../../../actions/toggle/styles/Toggle.css.js";
|
|
34
|
+
import "../../../../../actions/toggle-group/ToggleGroup.js";
|
|
35
|
+
import "../../../../../actions/toggle-group/styles/ToggleGroup.css.js";
|
|
40
36
|
import "../../../../../foundation/icon/Icon.js";
|
|
41
37
|
import "../../../../../foundation/icon/styles/Icon.css.js";
|
|
42
38
|
import "../../../../../foundation/typography/Typography.js";
|
|
@@ -169,18 +165,10 @@ import "../../../../../feedback/skeleton/Skeleton.js";
|
|
|
169
165
|
import "../../../../../feedback/skeleton/styles/Skeleton.css.js";
|
|
170
166
|
import "../../../../../feedback/callout/Callout.js";
|
|
171
167
|
import "../../../../../feedback/callout/styles/Callout.css.js";
|
|
172
|
-
import "../../../../../feedback/callout/components/callout-icon/CalloutIcon.js";
|
|
173
168
|
/* empty css */
|
|
174
|
-
import "../../../../../feedback/callout/components/callout-title/CalloutTitle.js";
|
|
175
|
-
import "../../../../../feedback/callout/components/callout-description/CalloutDescription.js";
|
|
176
169
|
import "../../../../../feedback/toast/Toast.js";
|
|
177
170
|
import "../../../../../feedback/toast/styles/Toast.css.js";
|
|
178
|
-
import "../../../../../feedback/toast/components/toast-icon/ToastIcon.js";
|
|
179
171
|
/* empty css */
|
|
180
|
-
import "../../../../../feedback/toast/components/toast-title/ToastTitle.js";
|
|
181
|
-
import "../../../../../feedback/toast/components/toast-description/ToastDescription.js";
|
|
182
|
-
import "../../../../../feedback/toast/components/toast-actions/ToastActions.js";
|
|
183
|
-
import "../../../../../feedback/toast/components/toast-close/ToastClose.js";
|
|
184
172
|
import "../../../../../feedback/progress/Progress.js";
|
|
185
173
|
import "../../../../../feedback/progress/CircularProgress.js";
|
|
186
174
|
import "../../../../../feedback/progress/styles/Progress.css.js";
|
package/dist/components/overlay/drawer/components/items/drawer-nav-item/DrawerNavItem.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerNavItem.js","sources":["../../../../../../../src/components/overlay/drawer/components/items/drawer-nav-item/DrawerNavItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { useDrawerNavItem } from '@components/overlay/drawer/components/items/drawer-nav-item/hooks/use-drawer-nav-item/useDrawerNavItem.hook.ts'\r\nimport type { DrawerNavItemProps } from '@components/overlay/drawer/components/items/drawer-nav-item/types/DrawerNavItem.props.ts'\r\nimport { DRAWER_ITEM_STYLES, DrawerItemContent } from '@components/overlay/drawer/components/items/_shared'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { Tooltip } from '@components'\r\n\r\n/**\r\n * A navigation row rendered inside a `Drawer`.\r\n *\r\n * Behaves like a link, supports icons, an active state and graceful close\r\n * animation when the drawer is dismissed.\r\n */\r\nconst DrawerNavItem: FC<DrawerNavItemProps> = memo(({\r\n label,\r\n href = '#',\r\n startIcon,\r\n trailing,\r\n active,\r\n disabled,\r\n variant = 'default',\r\n color = 'primary',\r\n iconSize,\r\n className,\r\n style,\r\n onClick,\r\n ref,\r\n ...props\r\n}) => {\r\n const { open, linkAttributes, handleClick } = useDrawerNavItem({\r\n active,\r\n disabled,\r\n iconSize,\r\n onClick,\r\n })\r\n\r\n return (\r\n <Tooltip\r\n position={'right'}\r\n content={label}\r\n disabled={open}\r\n >\r\n <a\r\n ref={ref}\r\n href={href}\r\n aria-label={open ? undefined : label}\r\n className={cn(\r\n DRAWER_ITEM_STYLES.recipe({ variant, color }),\r\n className,\r\n )}\r\n style={style}\r\n onClick={handleClick}\r\n {...linkAttributes}\r\n {...props}\r\n >\r\n <DrawerItemContent\r\n label={label}\r\n startIcon={startIcon}\r\n trailing={trailing}\r\n iconSize={iconSize}\r\n />\r\n </a>\r\n </Tooltip>\r\n )\r\n})\r\n\r\nDrawerNavItem.displayName = 'Drawer.NavItem'\r\n\r\nexport default DrawerNavItem\r\n"],"names":["DrawerNavItem","memo","label","href","startIcon","trailing","active","disabled","variant","color","iconSize","className","style","onClick","ref","props","open","linkAttributes","handleClick","useDrawerNavItem","jsx","Tooltip","cn","DRAWER_ITEM_STYLES","DrawerItemContent"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DrawerNavItem.js","sources":["../../../../../../../src/components/overlay/drawer/components/items/drawer-nav-item/DrawerNavItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { useDrawerNavItem } from '@components/overlay/drawer/components/items/drawer-nav-item/hooks/use-drawer-nav-item/useDrawerNavItem.hook.ts'\r\nimport type { DrawerNavItemProps } from '@components/overlay/drawer/components/items/drawer-nav-item/types/DrawerNavItem.props.ts'\r\nimport { DRAWER_ITEM_STYLES, DrawerItemContent } from '@components/overlay/drawer/components/items/_shared'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { Tooltip } from '@components'\r\n\r\n/**\r\n * A navigation row rendered inside a `Drawer`.\r\n *\r\n * Behaves like a link, supports icons, an active state and graceful close\r\n * animation when the drawer is dismissed.\r\n */\r\nconst DrawerNavItem: FC<DrawerNavItemProps> = memo(({\r\n label,\r\n href = '#',\r\n startIcon,\r\n trailing,\r\n active,\r\n disabled,\r\n variant = 'default',\r\n color = 'primary',\r\n iconSize,\r\n className,\r\n style,\r\n onClick,\r\n ref,\r\n ...props\r\n}) => {\r\n const { open, linkAttributes, handleClick } = useDrawerNavItem({\r\n active,\r\n disabled,\r\n iconSize,\r\n onClick,\r\n })\r\n\r\n return (\r\n <Tooltip\r\n position={'right'}\r\n content={label}\r\n disabled={open}\r\n >\r\n <a\r\n ref={ref}\r\n href={href}\r\n aria-label={open ? undefined : label}\r\n className={cn(\r\n DRAWER_ITEM_STYLES.recipe({ variant, color }),\r\n className,\r\n )}\r\n style={style}\r\n onClick={handleClick}\r\n {...linkAttributes}\r\n {...props}\r\n >\r\n <DrawerItemContent\r\n label={label}\r\n startIcon={startIcon}\r\n trailing={trailing}\r\n iconSize={iconSize}\r\n />\r\n </a>\r\n </Tooltip>\r\n )\r\n})\r\n\r\nDrawerNavItem.displayName = 'Drawer.NavItem'\r\n\r\nexport default DrawerNavItem\r\n"],"names":["DrawerNavItem","memo","label","href","startIcon","trailing","active","disabled","variant","color","iconSize","className","style","onClick","ref","props","open","linkAttributes","handleClick","useDrawerNavItem","jsx","Tooltip","cn","DRAWER_ITEM_STYLES","DrawerItemContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcA,MAAMA,IAAwCC,EAAK,CAAC;AAAA,EAChD,OAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAM,EAAE,MAAAC,GAAM,gBAAAC,GAAgB,aAAAC,EAAA,IAAgBC,EAAiB;AAAA,IAC3D,QAAAb;AAAA,IACA,UAAAC;AAAA,IACA,UAAAG;AAAA,IACA,SAAAG;AAAA,EAAA,CACH;AAED,SACI,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,UAAU;AAAA,MACV,SAASnB;AAAA,MACT,UAAUc;AAAA,MAEV,UAAA,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,KAAAN;AAAA,UACA,MAAAX;AAAA,UACA,cAAYa,IAAO,SAAYd;AAAA,UAC/B,WAAWoB;AAAA,YACPC,EAAmB,OAAO,EAAE,SAAAf,GAAS,OAAAC,GAAO;AAAA,YAC5CE;AAAA,UAAA;AAAA,UAEJ,OAAAC;AAAA,UACA,SAASM;AAAA,UACR,GAAGD;AAAA,UACH,GAAGF;AAAA,UAEJ,UAAA,gBAAAK;AAAA,YAACI;AAAA,YAAA;AAAA,cACG,OAAAtB;AAAA,cACA,WAAAE;AAAA,cACA,UAAAC;AAAA,cACA,UAAAK;AAAA,YAAA;AAAA,UAAA;AAAA,QACJ;AAAA,MAAA;AAAA,IACJ;AAAA,EAAA;AAGZ,CAAC;AAEDV,EAAc,cAAc;"}
|
package/dist/components/overlay/drawer/components/items/drawer-section-item/DrawerSectionItem.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),C=require("react"),w=require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");require("../_shared/styles/DrawerItemShared.css.cjs");require("../../../context/Drawer.context.cjs");const j=require("../_shared/components/drawer-item-content/DrawerItemContent.cjs"),u=require("./styles/DrawerSectionItem.css.cjs"),O=require("./hooks/use-drawer-section-item/useDrawerSectionItem.hook.cjs");require("../../../../../theme-provider/ThemeProvider.cjs");require("../../../../../theme-provider/ThemeProvider.context.cjs");require("../../../../../data-display/avatar/Avatar.cjs");require("../../../../../data-display/avatar/components/avatar-root/styles/AvatarRoot.css.cjs");require("../../../../../data-display/avatar/components/avatar-image/styles/AvatarImage.css.cjs");require("../../../../../data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.cjs");require("../../../../../data-display/avatar/components/avatar-status/styles/AvatarStatus.css.cjs");require("../../../../../data-display/avatar-group/AvatarGroup.cjs");require("../../../../../data-display/badge/Badge.cjs");require("../../../../../data-display/badge/styles/Badge.css.cjs");require("../../../../../data-display/table/Table.cjs");require("../../../../../data-display/table/styles/Table.css.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../data-display/table/components/table-row/styles/TableRow.css.cjs");require("../../../../../data-display/table/components/table-head/styles/TableHead.css.cjs");require("../../../../../data-display/table/components/table-cell/styles/TableCell.css.cjs");;/* empty css */require("../../../../../actions/button/Button.cjs");require("../../../../../actions/button/styles/Button.css.cjs");require("../../../../../actions/icon-button/IconButton.cjs");require("../../../../../actions/icon-button/styles/IconButton.css.cjs");require("../../../../../actions/toggle-button/ToggleButton.cjs");require("../../../../../actions/toggle-button/styles/ToggleButton.css.cjs");require("../../../../../actions/toggle-icon-button/ToggleIconButton.cjs");require("../../../../../actions/toggle-icon-button/styles/ToggleIconButton.css.cjs");require("../../../../../actions/toggle-button-group/ToggleButtonGroup.cjs");require("../../../../../actions/toggle-button-group/styles/ToggleButtonGroup.css.cjs");require("../../../../../actions/toggle-button-group/components/toggle-button-group-item/styles/ToggleButtonGroupItem.css.cjs");require("../../../../../actions/toggle-button-group/components/toggle-button-group-icon-item/styles/ToggleButtonGroupIconItem.css.cjs");require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");require("../../../../../forms/autocomplete/Autocomplete.cjs");require("../../../../../forms/autocomplete/components/autocomplete-input/AutocompleteInput.cjs");require("../../../../../forms/autocomplete/components/autocomplete-input/styles/AutocompleteInput.css.cjs");require("../../../../../forms/autocomplete/components/autocomplete-trigger/AutocompleteTrigger.cjs");;/* empty css */require("../../../../../forms/autocomplete/components/autocomplete-input-group/AutocompleteInputGroup.cjs");require("../../../../../forms/autocomplete/components/autocomplete-icon/AutocompleteIcon.cjs");require("../../../../../forms/autocomplete/components/autocomplete-clear/AutocompleteClear.cjs");require("../../../../../forms/autocomplete/components/autocomplete-content/AutocompleteContent.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../forms/autocomplete/components/autocomplete-list/AutocompleteList.cjs");require("../../../../../forms/autocomplete/components/autocomplete-group/AutocompleteGroup.cjs");require("../../../../../forms/autocomplete/components/autocomplete-label/AutocompleteLabel.cjs");require("../../../../../forms/autocomplete/components/autocomplete-item/AutocompleteItem.cjs");;/* empty css */require("../../../../../forms/autocomplete/components/autocomplete-empty/AutocompleteEmpty.cjs");require("../../../../../forms/autocomplete/components/autocomplete-separator/AutocompleteSeparator.cjs");;/* empty css */require("../../../../../forms/autocomplete/components/autocomplete-status/AutocompleteStatus.cjs");require("../../../../../forms/autocomplete/components/autocomplete-collection/AutocompleteCollection.cjs");require("../../../../../forms/autocomplete/components/autocomplete-field/AutocompleteField.cjs");;/* empty css */require("../../../../../forms/calendar/Calendar.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../forms/checkbox/Checkbox.cjs");;/* empty css */require("../../../../../forms/date-picker/DatePicker.cjs");;/* empty css */require("../../../../../forms/radio-group/RadioGroup.cjs");;/* empty css */require("../../../../../forms/select/Select.cjs");require("../../../../../forms/select/components/select-trigger/SelectTrigger.cjs");require("../../../../../forms/select/components/select-trigger/styles/SelectTrigger.css.cjs");require("../../../../../forms/select/components/select-content/SelectContent.cjs");;/* empty css */require("../../../../../forms/select/components/select-list/SelectList.cjs");require("../../../../../forms/select/components/select-group/SelectGroup.cjs");require("../../../../../forms/select/components/select-label/SelectLabel.cjs");;/* empty css */require("../../../../../forms/select/components/select-item/SelectItem.cjs");;/* empty css */require("../../../../../forms/select/components/select-separator/SelectSeparator.cjs");;/* empty css */require("../../../../../forms/select/components/select-field/SelectField.cjs");;/* empty css */require("../../../../../forms/switch/Switch.cjs");require("../../../../../forms/switch/styles/Switch.css.cjs");require("../../../../../forms/text-area/TextArea.cjs");require("../../../../../forms/text-area/styles/TextArea.css.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../forms/text-field/TextField.cjs");require("../../../../../forms/text-field/styles/TextField.css.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../forms/_shared/components/helper-text/HelperText.cjs");const s=require("../../../../../layout/flex/Flex.cjs");require("../../../../../layout/flex/styles/Flex.css.cjs");const f=require("../../../../../layout/grid/Grid.cjs");require("../../../../../layout/grid/styles/Grid.css.cjs");require("../../../../../layout/image/Image.cjs");require("../../../../../layout/image/styles/Image.css.cjs");const W=require("../../../../../layout/separator/Separator.cjs");require("../../../../../layout/separator/styles/Separator.css.cjs");require("../../../../../layout/form/Form.cjs");;/* empty css */require("../../../../../layout/fieldset/Fieldset.cjs");;/* empty css */require("../../../../../layout/legend/Legend.cjs");;/* empty css */require("../../../../../surfaces/accordion/Accordion.cjs");;/* empty css */require("../../../../../surfaces/accordion/components/accordion-item/styles/AccordionItem.css.cjs");;/* empty css */;/* empty css */require("../../../../../surfaces/card/Card.cjs");;/* empty css */;/* empty css */require("../../../../../surfaces/collapsible/Collapsible.cjs");;/* empty css */;/* empty css */;/* empty css */require("../../../../../navigation/tabs/Tabs.cjs");;/* empty css */require("../../../../../navigation/tabs/components/tabs-list/styles/TabsList.css.cjs");require("../../../../../navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.cjs");require("../../../../../navigation/link/Link.cjs");;/* empty css */const v=require("../../../../tooltip/Tooltip.cjs");require("../../../../tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css */require("../../../../dropdown-menu/index.cjs");require("../../../../popover/Popover.cjs");;/* empty css */require("../../../../hover-card/HoverCard.cjs");require("../../../../dialog/Dialog.cjs");;/* empty css */;/* empty css */require("../../../Drawer.cjs");require("../../../styles/Drawer.css.cjs");require("../../../../../feedback/skeleton/Skeleton.cjs");require("../../../../../feedback/skeleton/styles/Skeleton.css.cjs");require("../../../../../feedback/callout/Callout.cjs");require("../../../../../feedback/callout/styles/Callout.css.cjs");require("../../../../../feedback/callout/components/callout-icon/CalloutIcon.cjs");;/* empty css */require("../../../../../feedback/callout/components/callout-title/CalloutTitle.cjs");require("../../../../../feedback/callout/components/callout-description/CalloutDescription.cjs");require("../../../../../feedback/toast/Toast.cjs");require("../../../../../feedback/toast/styles/Toast.css.cjs");require("../../../../../feedback/toast/components/toast-icon/ToastIcon.cjs");;/* empty css */require("../../../../../feedback/toast/components/toast-title/ToastTitle.cjs");require("../../../../../feedback/toast/components/toast-description/ToastDescription.cjs");require("../../../../../feedback/toast/components/toast-actions/ToastActions.cjs");require("../../../../../feedback/toast/components/toast-close/ToastClose.cjs");require("../../../../../feedback/progress/Progress.cjs");require("../../../../../feedback/progress/CircularProgress.cjs");require("../../../../../feedback/progress/styles/Progress.css.cjs");require("../../../../../feedback/progress/constants/progressColors.const.cjs");const a=require("./constants/index.cjs"),L=require("../../../../../../hooks/use-transition-render/useTransitionRender.hook.cjs"),M=require("../../../../../../theme/contract.css.cjs"),c=C.memo(({label:i,startIcon:d,children:l,trailing:I,sectionLabel:_,"aria-label":m,defaultExpanded:E=!1,expanded:R,onExpandedChange:S,color:T="primary",disabled:p,className:h,style:x,...D})=>{const{open:q,itemAttributes:g,sectionId:t,expanded:o,handleToggle:A}=O.useDrawerSectionItem({defaultExpanded:E,expanded:R,onExpandedChange:S}),r=o,{shouldRenderContent:N,isFadingIn:n}=L.useTransitionRender(q,M.vars.duration.normal);return e.jsxs(w,{className:h,style:x,children:[e.jsx(v,{position:"right",content:i,disabled:q,children:e.jsx("button",{type:"button",disabled:p,"aria-expanded":r,"aria-controls":t,"aria-label":m??(q?void 0:i),className:u.DRAWER_SECTION_ITEM_STYLES.recipe({color:T}),onClick:A,...g,...D,children:e.jsx(j,{label:i,startIcon:d,trailing:I,endChevronIcon:!0,expanded:o})})}),e.jsx(f,{id:t,role:"region","aria-label":_??i,"aria-hidden":!r,inert:!r,gridTemplateRows:r?"1fr":"0fr",className:u.DRAWER_SECTION_ITEM_STYLES.sectionContent,"data-state":r?"open":"closed",children:e.jsxs(s,{flexDirection:"row",minHeight:0,minWidth:0,paddingBottom:r?"xs":"none",overflow:r?"visible":"hidden",gap:"none",className:u.DRAWER_SECTION_ITEM_STYLES.sectionInner,children:[N&&e.jsx(W,{orientation:"vertical","data-state":n?"open":"closed",marginRight:n?a.DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT:"none",marginLeft:n?a.DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT:"none",className:u.DRAWER_SECTION_ITEM_STYLES.sectionSeparator}),e.jsx(s,{flexDirection:"column",minHeight:0,gap:"none",width:"100%",children:l})]})})]})});c.displayName="Drawer.SectionItem";module.exports=c;
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),C=require("react"),w=require("../../../../../layout/box/Box.cjs");require("../../../../../layout/box/styles/Box.css.cjs");require("../_shared/styles/DrawerItemShared.css.cjs");require("../../../context/Drawer.context.cjs");const j=require("../_shared/components/drawer-item-content/DrawerItemContent.cjs"),u=require("./styles/DrawerSectionItem.css.cjs"),O=require("./hooks/use-drawer-section-item/useDrawerSectionItem.hook.cjs");require("../../../../../theme-provider/ThemeProvider.cjs");require("../../../../../theme-provider/ThemeProvider.context.cjs");require("../../../../../data-display/avatar/Avatar.cjs");require("../../../../../data-display/avatar/components/avatar-root/styles/AvatarRoot.css.cjs");require("../../../../../data-display/avatar/components/avatar-image/styles/AvatarImage.css.cjs");require("../../../../../data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.cjs");require("../../../../../data-display/avatar/components/avatar-status/styles/AvatarStatus.css.cjs");require("../../../../../data-display/avatar-group/AvatarGroup.cjs");require("../../../../../data-display/badge/Badge.cjs");require("../../../../../data-display/badge/styles/Badge.css.cjs");require("../../../../../data-display/table/Table.cjs");require("../../../../../data-display/table/styles/Table.css.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../data-display/table/components/table-row/styles/TableRow.css.cjs");require("../../../../../data-display/table/components/table-head/styles/TableHead.css.cjs");require("../../../../../data-display/table/components/table-cell/styles/TableCell.css.cjs");;/* empty css */require("../../../../../actions/button/Button.cjs");require("../../../../../actions/button/styles/Button.css.cjs");require("../../../../../actions/icon-button/IconButton.cjs");require("../../../../../actions/icon-button/styles/IconButton.css.cjs");require("../../../../../actions/toggle/Toggle.cjs");require("../../../../../actions/toggle/styles/Toggle.css.cjs");require("../../../../../actions/toggle-group/ToggleGroup.cjs");require("../../../../../actions/toggle-group/styles/ToggleGroup.css.cjs");require("../../../../../foundation/icon/Icon.cjs");require("../../../../../foundation/icon/styles/Icon.css.cjs");require("../../../../../foundation/typography/Typography.cjs");require("../../../../../foundation/typography/styles/Typography.css.cjs");require("../../../../../forms/autocomplete/Autocomplete.cjs");require("../../../../../forms/autocomplete/components/autocomplete-input/AutocompleteInput.cjs");require("../../../../../forms/autocomplete/components/autocomplete-input/styles/AutocompleteInput.css.cjs");require("../../../../../forms/autocomplete/components/autocomplete-trigger/AutocompleteTrigger.cjs");;/* empty css */require("../../../../../forms/autocomplete/components/autocomplete-input-group/AutocompleteInputGroup.cjs");require("../../../../../forms/autocomplete/components/autocomplete-icon/AutocompleteIcon.cjs");require("../../../../../forms/autocomplete/components/autocomplete-clear/AutocompleteClear.cjs");require("../../../../../forms/autocomplete/components/autocomplete-content/AutocompleteContent.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../forms/autocomplete/components/autocomplete-list/AutocompleteList.cjs");require("../../../../../forms/autocomplete/components/autocomplete-group/AutocompleteGroup.cjs");require("../../../../../forms/autocomplete/components/autocomplete-label/AutocompleteLabel.cjs");require("../../../../../forms/autocomplete/components/autocomplete-item/AutocompleteItem.cjs");;/* empty css */require("../../../../../forms/autocomplete/components/autocomplete-empty/AutocompleteEmpty.cjs");require("../../../../../forms/autocomplete/components/autocomplete-separator/AutocompleteSeparator.cjs");;/* empty css */require("../../../../../forms/autocomplete/components/autocomplete-status/AutocompleteStatus.cjs");require("../../../../../forms/autocomplete/components/autocomplete-collection/AutocompleteCollection.cjs");require("../../../../../forms/autocomplete/components/autocomplete-field/AutocompleteField.cjs");;/* empty css */require("../../../../../forms/calendar/Calendar.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../forms/checkbox/Checkbox.cjs");;/* empty css */require("../../../../../forms/date-picker/DatePicker.cjs");;/* empty css */require("../../../../../forms/radio-group/RadioGroup.cjs");;/* empty css */require("../../../../../forms/select/Select.cjs");require("../../../../../forms/select/components/select-trigger/SelectTrigger.cjs");require("../../../../../forms/select/components/select-trigger/styles/SelectTrigger.css.cjs");require("../../../../../forms/select/components/select-content/SelectContent.cjs");;/* empty css */require("../../../../../forms/select/components/select-list/SelectList.cjs");require("../../../../../forms/select/components/select-group/SelectGroup.cjs");require("../../../../../forms/select/components/select-label/SelectLabel.cjs");;/* empty css */require("../../../../../forms/select/components/select-item/SelectItem.cjs");;/* empty css */require("../../../../../forms/select/components/select-separator/SelectSeparator.cjs");;/* empty css */require("../../../../../forms/select/components/select-field/SelectField.cjs");;/* empty css */require("../../../../../forms/switch/Switch.cjs");require("../../../../../forms/switch/styles/Switch.css.cjs");require("../../../../../forms/text-area/TextArea.cjs");require("../../../../../forms/text-area/styles/TextArea.css.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../forms/text-field/TextField.cjs");require("../../../../../forms/text-field/styles/TextField.css.cjs");;/* empty css */;/* empty css */;/* empty css */;/* empty css */;/* empty css */require("../../../../../forms/_shared/components/helper-text/HelperText.cjs");const s=require("../../../../../layout/flex/Flex.cjs");require("../../../../../layout/flex/styles/Flex.css.cjs");const f=require("../../../../../layout/grid/Grid.cjs");require("../../../../../layout/grid/styles/Grid.css.cjs");require("../../../../../layout/image/Image.cjs");require("../../../../../layout/image/styles/Image.css.cjs");const W=require("../../../../../layout/separator/Separator.cjs");require("../../../../../layout/separator/styles/Separator.css.cjs");require("../../../../../layout/form/Form.cjs");;/* empty css */require("../../../../../layout/fieldset/Fieldset.cjs");;/* empty css */require("../../../../../layout/legend/Legend.cjs");;/* empty css */require("../../../../../surfaces/accordion/Accordion.cjs");;/* empty css */require("../../../../../surfaces/accordion/components/accordion-item/styles/AccordionItem.css.cjs");;/* empty css */;/* empty css */require("../../../../../surfaces/card/Card.cjs");;/* empty css */;/* empty css */require("../../../../../surfaces/collapsible/Collapsible.cjs");;/* empty css */;/* empty css */;/* empty css */require("../../../../../navigation/tabs/Tabs.cjs");;/* empty css */require("../../../../../navigation/tabs/components/tabs-list/styles/TabsList.css.cjs");require("../../../../../navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.cjs");require("../../../../../navigation/link/Link.cjs");;/* empty css */const v=require("../../../../tooltip/Tooltip.cjs");require("../../../../tooltip/components/tooltip-provider/TooltipProvider.cjs");;/* empty css */require("../../../../dropdown-menu/index.cjs");require("../../../../popover/Popover.cjs");;/* empty css */require("../../../../hover-card/HoverCard.cjs");require("../../../../dialog/Dialog.cjs");;/* empty css */;/* empty css */require("../../../Drawer.cjs");require("../../../styles/Drawer.css.cjs");require("../../../../../feedback/skeleton/Skeleton.cjs");require("../../../../../feedback/skeleton/styles/Skeleton.css.cjs");require("../../../../../feedback/callout/Callout.cjs");require("../../../../../feedback/callout/styles/Callout.css.cjs");;/* empty css */require("../../../../../feedback/toast/Toast.cjs");require("../../../../../feedback/toast/styles/Toast.css.cjs");;/* empty css */require("../../../../../feedback/progress/Progress.cjs");require("../../../../../feedback/progress/CircularProgress.cjs");require("../../../../../feedback/progress/styles/Progress.css.cjs");require("../../../../../feedback/progress/constants/progressColors.const.cjs");const a=require("./constants/index.cjs"),L=require("../../../../../../hooks/use-transition-render/useTransitionRender.hook.cjs"),M=require("../../../../../../theme/contract.css.cjs"),c=C.memo(({label:i,startIcon:d,children:l,trailing:I,sectionLabel:_,"aria-label":m,defaultExpanded:E=!1,expanded:S,onExpandedChange:T,color:R="primary",disabled:p,className:h,style:x,...D})=>{const{open:q,itemAttributes:g,sectionId:t,expanded:o,handleToggle:A}=O.useDrawerSectionItem({defaultExpanded:E,expanded:S,onExpandedChange:T}),r=o,{shouldRenderContent:N,isFadingIn:n}=L.useTransitionRender(q,M.vars.duration.normal);return e.jsxs(w,{className:h,style:x,children:[e.jsx(v,{position:"right",content:i,disabled:q,children:e.jsx("button",{type:"button",disabled:p,"aria-expanded":r,"aria-controls":t,"aria-label":m??(q?void 0:i),className:u.DRAWER_SECTION_ITEM_STYLES.recipe({color:R}),onClick:A,...g,...D,children:e.jsx(j,{label:i,startIcon:d,trailing:I,endChevronIcon:!0,expanded:o})})}),e.jsx(f,{id:t,role:"region","aria-label":_??i,"aria-hidden":!r,inert:!r,gridTemplateRows:r?"1fr":"0fr",className:u.DRAWER_SECTION_ITEM_STYLES.sectionContent,"data-state":r?"open":"closed",children:e.jsxs(s,{flexDirection:"row",minHeight:0,minWidth:0,paddingBottom:r?"xs":"none",overflow:r?"visible":"hidden",gap:"none",className:u.DRAWER_SECTION_ITEM_STYLES.sectionInner,children:[N&&e.jsx(W,{orientation:"vertical","data-state":n?"open":"closed",marginRight:n?a.DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT:"none",marginLeft:n?a.DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT:"none",className:u.DRAWER_SECTION_ITEM_STYLES.sectionSeparator}),e.jsx(s,{flexDirection:"column",minHeight:0,gap:"none",width:"100%",children:l})]})})]})});c.displayName="Drawer.SectionItem";module.exports=c;
|
|
2
2
|
//# sourceMappingURL=DrawerSectionItem.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DrawerSectionItem.cjs","sources":["../../../../../../../src/components/overlay/drawer/components/items/drawer-section-item/DrawerSectionItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport { DrawerItemContent } from '@components/overlay/drawer/components/items/_shared'\r\nimport { DRAWER_SECTION_ITEM_STYLES } from '@components/overlay/drawer/components/items/drawer-section-item/styles/DrawerSectionItem.css.ts'\r\nimport { useDrawerSectionItem } from '@components/overlay/drawer/components/items/drawer-section-item/hooks/use-drawer-section-item/useDrawerSectionItem.hook.tsx'\r\nimport type { DrawerSectionItemProps } from '@components/overlay/drawer/components/items/drawer-section-item/types/DrawerSectionItem.props.ts'\r\nimport { Flex, Grid, Separator, Tooltip } from '@components'\r\nimport {\r\n DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT,\r\n DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT,\r\n} from '@components/overlay/drawer/components/items/drawer-section-item/constants'\r\nimport { useTransitionRender } from '@hooks/use-transition-render/useTransitionRender.hook.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\n\r\n/**\r\n * An expandable section row rendered inside a `Drawer`.\r\n *\r\n * Clicking the header toggles the children. The expanded state is\r\n * independent of the drawer open/close state to avoid unwanted transitions.\r\n */\r\nconst DrawerSectionItem: FC<DrawerSectionItemProps> = memo(\r\n ({\r\n label,\r\n startIcon,\r\n children,\r\n trailing,\r\n sectionLabel,\r\n 'aria-label': ariaLabel,\r\n defaultExpanded = false,\r\n expanded: expandedProp,\r\n onExpandedChange,\r\n color = 'primary',\r\n disabled,\r\n className,\r\n style,\r\n ...props\r\n }) => {\r\n const { open, itemAttributes, sectionId, expanded, handleToggle } =\r\n useDrawerSectionItem({\r\n defaultExpanded,\r\n expanded: expandedProp,\r\n onExpandedChange,\r\n disabled,\r\n })\r\n\r\n // Children are only shown when the section is expanded.\r\n const showChildren = expanded\r\n\r\n // useTransitionRender drives the separator mount/unmount so its margin\r\n // transition plays fully before it is removed from the DOM (and mounts\r\n // at margin 0 before animating to its full values).\r\n const {\r\n shouldRenderContent: shouldRenderSeparator,\r\n isFadingIn: isSeparatorFadingIn,\r\n } = useTransitionRender(open, vars.duration.normal)\r\n\r\n return (\r\n <Box\r\n className={className}\r\n style={style}\r\n >\r\n <Tooltip\r\n position={'right'}\r\n content={label}\r\n disabled={open}\r\n >\r\n <button\r\n type={'button'}\r\n disabled={disabled}\r\n aria-expanded={showChildren}\r\n aria-controls={sectionId}\r\n aria-label={ariaLabel ?? (open ? undefined : label)}\r\n className={DRAWER_SECTION_ITEM_STYLES.recipe({ color })}\r\n onClick={handleToggle}\r\n {...itemAttributes}\r\n {...props}\r\n >\r\n <DrawerItemContent\r\n label={label}\r\n startIcon={startIcon}\r\n trailing={trailing}\r\n endChevronIcon\r\n expanded={expanded}\r\n />\r\n </button>\r\n </Tooltip>\r\n\r\n <Grid\r\n id={sectionId}\r\n role={'region'}\r\n aria-label={sectionLabel ?? label}\r\n aria-hidden={!showChildren}\r\n inert={!showChildren}\r\n gridTemplateRows={showChildren ? '1fr' : '0fr'}\r\n className={DRAWER_SECTION_ITEM_STYLES.sectionContent}\r\n data-state={showChildren ? 'open' : 'closed'}\r\n >\r\n <Flex\r\n flexDirection={'row'}\r\n minHeight={0}\r\n minWidth={0}\r\n paddingBottom={showChildren ? 'xs' : 'none'}\r\n overflow={showChildren ? 'visible' : 'hidden'}\r\n gap={'none'}\r\n className={DRAWER_SECTION_ITEM_STYLES.sectionInner}\r\n >\r\n {shouldRenderSeparator && (\r\n <Separator\r\n orientation={'vertical'}\r\n data-state={isSeparatorFadingIn ? 'open' : 'closed'}\r\n marginRight={\r\n isSeparatorFadingIn\r\n ? DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT\r\n : 'none'\r\n }\r\n marginLeft={\r\n isSeparatorFadingIn\r\n ? DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT\r\n : 'none'\r\n }\r\n className={DRAWER_SECTION_ITEM_STYLES.sectionSeparator}\r\n />\r\n )}\r\n <Flex\r\n flexDirection={'column'}\r\n minHeight={0}\r\n gap={'none'}\r\n width={'100%'}\r\n >\r\n {children}\r\n </Flex>\r\n </Flex>\r\n </Grid>\r\n </Box>\r\n )\r\n },\r\n)\r\n\r\nDrawerSectionItem.displayName = 'Drawer.SectionItem'\r\n\r\nexport default DrawerSectionItem\r\n"],"names":["DrawerSectionItem","memo","label","startIcon","children","trailing","sectionLabel","ariaLabel","defaultExpanded","expandedProp","onExpandedChange","color","disabled","className","style","props","open","itemAttributes","sectionId","expanded","handleToggle","useDrawerSectionItem","showChildren","shouldRenderSeparator","isSeparatorFadingIn","useTransitionRender","vars","jsxs","Box","jsx","Tooltip","DRAWER_SECTION_ITEM_STYLES","DrawerItemContent","Grid","Flex","Separator","DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT","DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT"],"mappings":"
|
|
1
|
+
{"version":3,"file":"DrawerSectionItem.cjs","sources":["../../../../../../../src/components/overlay/drawer/components/items/drawer-section-item/DrawerSectionItem.tsx"],"sourcesContent":["import { memo, type FC } from 'react'\r\n\r\nimport { Box } from '@components/layout/box'\r\nimport { DrawerItemContent } from '@components/overlay/drawer/components/items/_shared'\r\nimport { DRAWER_SECTION_ITEM_STYLES } from '@components/overlay/drawer/components/items/drawer-section-item/styles/DrawerSectionItem.css.ts'\r\nimport { useDrawerSectionItem } from '@components/overlay/drawer/components/items/drawer-section-item/hooks/use-drawer-section-item/useDrawerSectionItem.hook.tsx'\r\nimport type { DrawerSectionItemProps } from '@components/overlay/drawer/components/items/drawer-section-item/types/DrawerSectionItem.props.ts'\r\nimport { Flex, Grid, Separator, Tooltip } from '@components'\r\nimport {\r\n DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT,\r\n DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT,\r\n} from '@components/overlay/drawer/components/items/drawer-section-item/constants'\r\nimport { useTransitionRender } from '@hooks/use-transition-render/useTransitionRender.hook.ts'\r\nimport { vars } from '@theme/contract.css.ts'\r\n\r\n/**\r\n * An expandable section row rendered inside a `Drawer`.\r\n *\r\n * Clicking the header toggles the children. The expanded state is\r\n * independent of the drawer open/close state to avoid unwanted transitions.\r\n */\r\nconst DrawerSectionItem: FC<DrawerSectionItemProps> = memo(\r\n ({\r\n label,\r\n startIcon,\r\n children,\r\n trailing,\r\n sectionLabel,\r\n 'aria-label': ariaLabel,\r\n defaultExpanded = false,\r\n expanded: expandedProp,\r\n onExpandedChange,\r\n color = 'primary',\r\n disabled,\r\n className,\r\n style,\r\n ...props\r\n }) => {\r\n const { open, itemAttributes, sectionId, expanded, handleToggle } =\r\n useDrawerSectionItem({\r\n defaultExpanded,\r\n expanded: expandedProp,\r\n onExpandedChange,\r\n disabled,\r\n })\r\n\r\n // Children are only shown when the section is expanded.\r\n const showChildren = expanded\r\n\r\n // useTransitionRender drives the separator mount/unmount so its margin\r\n // transition plays fully before it is removed from the DOM (and mounts\r\n // at margin 0 before animating to its full values).\r\n const {\r\n shouldRenderContent: shouldRenderSeparator,\r\n isFadingIn: isSeparatorFadingIn,\r\n } = useTransitionRender(open, vars.duration.normal)\r\n\r\n return (\r\n <Box\r\n className={className}\r\n style={style}\r\n >\r\n <Tooltip\r\n position={'right'}\r\n content={label}\r\n disabled={open}\r\n >\r\n <button\r\n type={'button'}\r\n disabled={disabled}\r\n aria-expanded={showChildren}\r\n aria-controls={sectionId}\r\n aria-label={ariaLabel ?? (open ? undefined : label)}\r\n className={DRAWER_SECTION_ITEM_STYLES.recipe({ color })}\r\n onClick={handleToggle}\r\n {...itemAttributes}\r\n {...props}\r\n >\r\n <DrawerItemContent\r\n label={label}\r\n startIcon={startIcon}\r\n trailing={trailing}\r\n endChevronIcon\r\n expanded={expanded}\r\n />\r\n </button>\r\n </Tooltip>\r\n\r\n <Grid\r\n id={sectionId}\r\n role={'region'}\r\n aria-label={sectionLabel ?? label}\r\n aria-hidden={!showChildren}\r\n inert={!showChildren}\r\n gridTemplateRows={showChildren ? '1fr' : '0fr'}\r\n className={DRAWER_SECTION_ITEM_STYLES.sectionContent}\r\n data-state={showChildren ? 'open' : 'closed'}\r\n >\r\n <Flex\r\n flexDirection={'row'}\r\n minHeight={0}\r\n minWidth={0}\r\n paddingBottom={showChildren ? 'xs' : 'none'}\r\n overflow={showChildren ? 'visible' : 'hidden'}\r\n gap={'none'}\r\n className={DRAWER_SECTION_ITEM_STYLES.sectionInner}\r\n >\r\n {shouldRenderSeparator && (\r\n <Separator\r\n orientation={'vertical'}\r\n data-state={isSeparatorFadingIn ? 'open' : 'closed'}\r\n marginRight={\r\n isSeparatorFadingIn\r\n ? DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT\r\n : 'none'\r\n }\r\n marginLeft={\r\n isSeparatorFadingIn\r\n ? DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT\r\n : 'none'\r\n }\r\n className={DRAWER_SECTION_ITEM_STYLES.sectionSeparator}\r\n />\r\n )}\r\n <Flex\r\n flexDirection={'column'}\r\n minHeight={0}\r\n gap={'none'}\r\n width={'100%'}\r\n >\r\n {children}\r\n </Flex>\r\n </Flex>\r\n </Grid>\r\n </Box>\r\n )\r\n },\r\n)\r\n\r\nDrawerSectionItem.displayName = 'Drawer.SectionItem'\r\n\r\nexport default DrawerSectionItem\r\n"],"names":["DrawerSectionItem","memo","label","startIcon","children","trailing","sectionLabel","ariaLabel","defaultExpanded","expandedProp","onExpandedChange","color","disabled","className","style","props","open","itemAttributes","sectionId","expanded","handleToggle","useDrawerSectionItem","showChildren","shouldRenderSeparator","isSeparatorFadingIn","useTransitionRender","vars","jsxs","Box","jsx","Tooltip","DRAWER_SECTION_ITEM_STYLES","DrawerItemContent","Grid","Flex","Separator","DRAWER_SECTION_ITEM_SEPARATOR_PADDING_RIGHT","DRAWER_SECTION_ITEM_SEPARATOR_PADDING_LEFT"],"mappings":"43bAqBMA,EAAgDC,EAAAA,KAClD,CAAC,CACG,MAAAC,EACA,UAAAC,EACA,SAAAC,EACA,SAAAC,EACA,aAAAC,EACA,aAAcC,EACd,gBAAAC,EAAkB,GAClB,SAAUC,EACV,iBAAAC,EACA,MAAAC,EAAQ,UACR,SAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CAAA,IACD,CACF,KAAM,CAAE,KAAAC,EAAM,eAAAC,EAAgB,UAAAC,EAAW,SAAAC,EAAU,aAAAC,CAAA,EACrDC,uBAAqB,CACjB,gBAAAb,EACA,SAAUC,EACV,iBAAAC,CAEJ,CAAC,EAGOY,EAAeH,EAKf,CACF,oBAAqBI,EACrB,WAAYC,CAAA,EACZC,EAAAA,oBAAoBT,EAAMU,OAAK,SAAS,MAAM,EAElD,OACIC,EAAAA,KAACC,EAAA,CACG,UAAAf,EACA,MAAAC,EAEA,SAAA,CAAAe,EAAAA,IAACC,EAAA,CACG,SAAU,QACV,QAAS5B,EACT,SAAUc,EAEV,SAAAa,EAAAA,IAAC,SAAA,CACG,KAAM,SACN,SAAAjB,EACA,gBAAeU,EACf,gBAAeJ,EACf,aAAYX,IAAcS,EAAO,OAAYd,GAC7C,UAAW6B,EAAAA,2BAA2B,OAAO,CAAE,MAAApB,EAAO,EACtD,QAASS,EACR,GAAGH,EACH,GAAGF,EAEJ,SAAAc,EAAAA,IAACG,EAAA,CACG,MAAA9B,EACA,UAAAC,EACA,SAAAE,EACA,eAAc,GACd,SAAAc,CAAA,CAAA,CACJ,CAAA,CACJ,CAAA,EAGJU,EAAAA,IAACI,EAAA,CACG,GAAIf,EACJ,KAAM,SACN,aAAYZ,GAAgBJ,EAC5B,cAAa,CAACoB,EACd,MAAO,CAACA,EACR,iBAAkBA,EAAe,MAAQ,MACzC,UAAWS,EAAAA,2BAA2B,eACtC,aAAYT,EAAe,OAAS,SAEpC,SAAAK,EAAAA,KAACO,EAAA,CACG,cAAe,MACf,UAAW,EACX,SAAU,EACV,cAAeZ,EAAe,KAAO,OACrC,SAAUA,EAAe,UAAY,SACrC,IAAK,OACL,UAAWS,EAAAA,2BAA2B,aAErC,SAAA,CAAAR,GACGM,EAAAA,IAACM,EAAA,CACG,YAAa,WACb,aAAYX,EAAsB,OAAS,SAC3C,YACIA,EACMY,EAAAA,4CACA,OAEV,WACIZ,EACMa,EAAAA,2CACA,OAEV,UAAWN,EAAAA,2BAA2B,gBAAA,CAAA,EAG9CF,EAAAA,IAACK,EAAA,CACG,cAAe,SACf,UAAW,EACX,IAAK,OACL,MAAO,OAEN,SAAA9B,CAAA,CAAA,CACL,CAAA,CAAA,CACJ,CAAA,CACJ,CAAA,CAAA,CAGZ,CACJ,EAEAJ,EAAkB,YAAc"}
|
package/dist/components/overlay/drawer/components/items/drawer-section-item/DrawerSectionItem.js
CHANGED
|
@@ -31,14 +31,10 @@ import "../../../../../actions/button/Button.js";
|
|
|
31
31
|
import "../../../../../actions/button/styles/Button.css.js";
|
|
32
32
|
import "../../../../../actions/icon-button/IconButton.js";
|
|
33
33
|
import "../../../../../actions/icon-button/styles/IconButton.css.js";
|
|
34
|
-
import "../../../../../actions/toggle
|
|
35
|
-
import "../../../../../actions/toggle
|
|
36
|
-
import "../../../../../actions/toggle-
|
|
37
|
-
import "../../../../../actions/toggle-
|
|
38
|
-
import "../../../../../actions/toggle-button-group/ToggleButtonGroup.js";
|
|
39
|
-
import "../../../../../actions/toggle-button-group/styles/ToggleButtonGroup.css.js";
|
|
40
|
-
import "../../../../../actions/toggle-button-group/components/toggle-button-group-item/styles/ToggleButtonGroupItem.css.js";
|
|
41
|
-
import "../../../../../actions/toggle-button-group/components/toggle-button-group-icon-item/styles/ToggleButtonGroupIconItem.css.js";
|
|
34
|
+
import "../../../../../actions/toggle/Toggle.js";
|
|
35
|
+
import "../../../../../actions/toggle/styles/Toggle.css.js";
|
|
36
|
+
import "../../../../../actions/toggle-group/ToggleGroup.js";
|
|
37
|
+
import "../../../../../actions/toggle-group/styles/ToggleGroup.css.js";
|
|
42
38
|
import "../../../../../foundation/icon/Icon.js";
|
|
43
39
|
import "../../../../../foundation/icon/styles/Icon.css.js";
|
|
44
40
|
import "../../../../../foundation/typography/Typography.js";
|
|
@@ -169,18 +165,10 @@ import "../../../../../feedback/skeleton/Skeleton.js";
|
|
|
169
165
|
import "../../../../../feedback/skeleton/styles/Skeleton.css.js";
|
|
170
166
|
import "../../../../../feedback/callout/Callout.js";
|
|
171
167
|
import "../../../../../feedback/callout/styles/Callout.css.js";
|
|
172
|
-
import "../../../../../feedback/callout/components/callout-icon/CalloutIcon.js";
|
|
173
168
|
/* empty css */
|
|
174
|
-
import "../../../../../feedback/callout/components/callout-title/CalloutTitle.js";
|
|
175
|
-
import "../../../../../feedback/callout/components/callout-description/CalloutDescription.js";
|
|
176
169
|
import "../../../../../feedback/toast/Toast.js";
|
|
177
170
|
import "../../../../../feedback/toast/styles/Toast.css.js";
|
|
178
|
-
import "../../../../../feedback/toast/components/toast-icon/ToastIcon.js";
|
|
179
171
|
/* empty css */
|
|
180
|
-
import "../../../../../feedback/toast/components/toast-title/ToastTitle.js";
|
|
181
|
-
import "../../../../../feedback/toast/components/toast-description/ToastDescription.js";
|
|
182
|
-
import "../../../../../feedback/toast/components/toast-actions/ToastActions.js";
|
|
183
|
-
import "../../../../../feedback/toast/components/toast-close/ToastClose.js";
|
|
184
172
|
import "../../../../../feedback/progress/Progress.js";
|
|
185
173
|
import "../../../../../feedback/progress/CircularProgress.js";
|
|
186
174
|
import "../../../../../feedback/progress/styles/Progress.css.js";
|