@choco-vanille/ui 1.3.1-dev.8 → 1.5.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/dist/components/_common/rotating-chevron/styles/RotatingChevron.css.cjs +1 -1
- package/dist/components/_common/rotating-chevron/styles/RotatingChevron.css.js +1 -1
- package/dist/components/actions/_shared/buttons/styles/buttonShared.css.cjs +1 -1
- package/dist/components/actions/_shared/buttons/styles/buttonShared.css.js +1 -1
- package/dist/components/actions/button/Button.cjs.map +1 -1
- package/dist/components/actions/button/Button.d.ts +5 -0
- package/dist/components/actions/button/Button.js.map +1 -1
- package/dist/components/actions/button/styles/Button.css.cjs +1 -1
- package/dist/components/actions/button/styles/Button.css.js +1 -1
- package/dist/components/actions/icon-button/IconButton.cjs.map +1 -1
- package/dist/components/actions/icon-button/IconButton.d.ts +5 -0
- package/dist/components/actions/icon-button/IconButton.js.map +1 -1
- package/dist/components/actions/icon-button/styles/IconButton.css.cjs +1 -1
- package/dist/components/actions/icon-button/styles/IconButton.css.js +1 -1
- package/dist/components/actions/toggle/Toggle.cjs.map +1 -1
- package/dist/components/actions/toggle/Toggle.d.ts +6 -0
- package/dist/components/actions/toggle/Toggle.js.map +1 -1
- package/dist/components/actions/toggle/styles/Toggle.css.cjs +1 -1
- package/dist/components/actions/toggle/styles/Toggle.css.js +1 -1
- package/dist/components/actions/toggle-group/styles/ToggleGroup.css.cjs +1 -1
- package/dist/components/actions/toggle-group/styles/ToggleGroup.css.js +1 -1
- package/dist/components/data-display/avatar/Avatar.cjs.map +1 -1
- package/dist/components/data-display/avatar/Avatar.d.ts +7 -0
- package/dist/components/data-display/avatar/Avatar.js.map +1 -1
- package/dist/components/data-display/avatar/components/avatar-fallback/AvatarFallback.cjs +1 -1
- package/dist/components/data-display/avatar/components/avatar-fallback/AvatarFallback.cjs.map +1 -1
- package/dist/components/data-display/avatar/components/avatar-fallback/AvatarFallback.d.ts +5 -0
- package/dist/components/data-display/avatar/components/avatar-fallback/AvatarFallback.js +1 -1
- package/dist/components/data-display/avatar/components/avatar-fallback/AvatarFallback.js.map +1 -1
- package/dist/components/data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.cjs +1 -1
- package/dist/components/data-display/avatar/components/avatar-fallback/styles/AvatarFallback.css.js +1 -1
- package/dist/components/data-display/avatar/components/avatar-image/AvatarImage.cjs.map +1 -1
- package/dist/components/data-display/avatar/components/avatar-image/AvatarImage.d.ts +4 -0
- package/dist/components/data-display/avatar/components/avatar-image/AvatarImage.js.map +1 -1
- package/dist/components/data-display/avatar/components/avatar-image/styles/AvatarImage.css.cjs +1 -1
- package/dist/components/data-display/avatar/components/avatar-image/styles/AvatarImage.css.js +1 -1
- package/dist/components/data-display/avatar/components/avatar-root/AvatarRoot.cjs.map +1 -1
- package/dist/components/data-display/avatar/components/avatar-root/AvatarRoot.d.ts +4 -0
- package/dist/components/data-display/avatar/components/avatar-root/AvatarRoot.js.map +1 -1
- package/dist/components/data-display/avatar/components/avatar-root/styles/AvatarRoot.css.cjs +1 -1
- package/dist/components/data-display/avatar/components/avatar-root/styles/AvatarRoot.css.js +1 -1
- package/dist/components/data-display/avatar/components/avatar-status/AvatarStatus.cjs.map +1 -1
- package/dist/components/data-display/avatar/components/avatar-status/AvatarStatus.d.ts +5 -0
- package/dist/components/data-display/avatar/components/avatar-status/AvatarStatus.js.map +1 -1
- package/dist/components/data-display/avatar/components/avatar-status/styles/AvatarStatus.css.cjs +1 -1
- package/dist/components/data-display/avatar/components/avatar-status/styles/AvatarStatus.css.js +1 -1
- package/dist/components/data-display/avatar-group/AvatarGroup.cjs.map +1 -1
- package/dist/components/data-display/avatar-group/AvatarGroup.d.ts +4 -0
- package/dist/components/data-display/avatar-group/AvatarGroup.js.map +1 -1
- package/dist/components/data-display/badge/Badge.cjs.map +1 -1
- package/dist/components/data-display/badge/Badge.d.ts +4 -0
- package/dist/components/data-display/badge/Badge.js.map +1 -1
- package/dist/components/data-display/badge/styles/Badge.css.cjs +1 -1
- package/dist/components/data-display/badge/styles/Badge.css.js +1 -1
- package/dist/components/data-display/rich-text-renderer/RichTextRenderer.cjs.map +1 -1
- package/dist/components/data-display/rich-text-renderer/RichTextRenderer.d.ts +4 -0
- package/dist/components/data-display/rich-text-renderer/RichTextRenderer.js.map +1 -1
- package/dist/components/data-display/rich-text-renderer/styles/RichTextRenderer.css.cjs +1 -1
- package/dist/components/data-display/rich-text-renderer/styles/RichTextRenderer.css.js +1 -1
- package/dist/components/data-display/table/Table.cjs.map +1 -1
- package/dist/components/data-display/table/Table.d.ts +8 -0
- package/dist/components/data-display/table/Table.js.map +1 -1
- package/dist/components/data-display/table/components/table-body/TableBody.cjs.map +1 -1
- package/dist/components/data-display/table/components/table-body/TableBody.d.ts +4 -0
- package/dist/components/data-display/table/components/table-body/TableBody.js.map +1 -1
- package/dist/components/data-display/table/components/table-body/styles/TableBody.css.cjs +1 -1
- package/dist/components/data-display/table/components/table-body/styles/TableBody.css.js +1 -1
- package/dist/components/data-display/table/components/table-caption/TableCaption.cjs.map +1 -1
- package/dist/components/data-display/table/components/table-caption/TableCaption.d.ts +4 -0
- package/dist/components/data-display/table/components/table-caption/TableCaption.js.map +1 -1
- package/dist/components/data-display/table/components/table-caption/styles/TableCaption.css.cjs +1 -1
- package/dist/components/data-display/table/components/table-caption/styles/TableCaption.css.js +1 -1
- package/dist/components/data-display/table/components/table-cell/TableCell.cjs.map +1 -1
- package/dist/components/data-display/table/components/table-cell/TableCell.d.ts +4 -0
- package/dist/components/data-display/table/components/table-cell/TableCell.js.map +1 -1
- package/dist/components/data-display/table/components/table-cell/styles/TableCell.css.cjs +1 -1
- package/dist/components/data-display/table/components/table-cell/styles/TableCell.css.js +1 -1
- package/dist/components/data-display/table/components/table-col/TableCol.cjs.map +1 -1
- package/dist/components/data-display/table/components/table-col/TableCol.d.ts +4 -0
- package/dist/components/data-display/table/components/table-col/TableCol.js.map +1 -1
- package/dist/components/data-display/table/components/table-col-group/TableColGroup.cjs.map +1 -1
- package/dist/components/data-display/table/components/table-col-group/TableColGroup.d.ts +4 -0
- package/dist/components/data-display/table/components/table-col-group/TableColGroup.js.map +1 -1
- package/dist/components/data-display/table/components/table-footer/TableFooter.cjs.map +1 -1
- package/dist/components/data-display/table/components/table-footer/TableFooter.d.ts +4 -0
- package/dist/components/data-display/table/components/table-footer/TableFooter.js.map +1 -1
- package/dist/components/data-display/table/components/table-footer/styles/TableFooter.css.cjs +1 -1
- package/dist/components/data-display/table/components/table-footer/styles/TableFooter.css.js +1 -1
- package/dist/components/data-display/table/components/table-head/TableHead.cjs.map +1 -1
- package/dist/components/data-display/table/components/table-head/TableHead.d.ts +5 -0
- package/dist/components/data-display/table/components/table-head/TableHead.js.map +1 -1
- package/dist/components/data-display/table/components/table-head/styles/TableHead.css.cjs +1 -1
- package/dist/components/data-display/table/components/table-head/styles/TableHead.css.js +1 -1
- package/dist/components/data-display/table/components/table-header/TableHeader.cjs.map +1 -1
- package/dist/components/data-display/table/components/table-header/TableHeader.d.ts +4 -0
- package/dist/components/data-display/table/components/table-header/TableHeader.js.map +1 -1
- package/dist/components/data-display/table/components/table-header/styles/TableHeader.css.cjs +1 -1
- package/dist/components/data-display/table/components/table-header/styles/TableHeader.css.js +1 -1
- package/dist/components/data-display/table/components/table-row/TableRow.cjs.map +1 -1
- package/dist/components/data-display/table/components/table-row/TableRow.d.ts +5 -0
- package/dist/components/data-display/table/components/table-row/TableRow.js.map +1 -1
- package/dist/components/data-display/table/components/table-row/styles/TableRow.css.cjs +1 -1
- package/dist/components/data-display/table/components/table-row/styles/TableRow.css.js +1 -1
- package/dist/components/data-display/table/styles/Table.css.cjs +1 -1
- package/dist/components/data-display/table/styles/Table.css.js +1 -1
- package/dist/components/feedback/callout/Callout.cjs.map +1 -1
- package/dist/components/feedback/callout/Callout.d.ts +8 -0
- package/dist/components/feedback/callout/Callout.js.map +1 -1
- package/dist/components/feedback/callout/components/callout-description/CalloutDescription.cjs.map +1 -1
- package/dist/components/feedback/callout/components/callout-description/CalloutDescription.d.ts +4 -0
- package/dist/components/feedback/callout/components/callout-description/CalloutDescription.js.map +1 -1
- package/dist/components/feedback/callout/components/callout-icon/CalloutIcon.cjs.map +1 -1
- package/dist/components/feedback/callout/components/callout-icon/CalloutIcon.d.ts +5 -0
- package/dist/components/feedback/callout/components/callout-icon/CalloutIcon.js.map +1 -1
- package/dist/components/feedback/callout/components/callout-icon/styles/CalloutIcon.css.cjs +1 -1
- package/dist/components/feedback/callout/components/callout-icon/styles/CalloutIcon.css.js +1 -1
- package/dist/components/feedback/callout/components/callout-title/CalloutTitle.cjs.map +1 -1
- package/dist/components/feedback/callout/components/callout-title/CalloutTitle.d.ts +4 -0
- package/dist/components/feedback/callout/components/callout-title/CalloutTitle.js.map +1 -1
- package/dist/components/feedback/callout/styles/Callout.css.cjs +1 -1
- package/dist/components/feedback/callout/styles/Callout.css.js +1 -1
- package/dist/components/feedback/empty-state/EmptyState.cjs.map +1 -1
- package/dist/components/feedback/empty-state/EmptyState.d.ts +5 -0
- package/dist/components/feedback/empty-state/EmptyState.js.map +1 -1
- package/dist/components/feedback/empty-state/styles/EmptyState.css.cjs +1 -1
- package/dist/components/feedback/empty-state/styles/EmptyState.css.js +1 -1
- package/dist/components/feedback/progress/CircularProgress.cjs.map +1 -1
- package/dist/components/feedback/progress/CircularProgress.d.ts +6 -0
- package/dist/components/feedback/progress/CircularProgress.js.map +1 -1
- package/dist/components/feedback/progress/Progress.cjs.map +1 -1
- package/dist/components/feedback/progress/Progress.d.ts +6 -0
- package/dist/components/feedback/progress/Progress.js.map +1 -1
- package/dist/components/feedback/progress/styles/Progress.css.cjs +1 -1
- package/dist/components/feedback/progress/styles/Progress.css.js +1 -1
- package/dist/components/feedback/skeleton/Skeleton.cjs.map +1 -1
- package/dist/components/feedback/skeleton/Skeleton.d.ts +5 -0
- package/dist/components/feedback/skeleton/Skeleton.js.map +1 -1
- package/dist/components/feedback/skeleton/styles/Skeleton.css.cjs +1 -1
- package/dist/components/feedback/skeleton/styles/Skeleton.css.js +1 -1
- package/dist/components/feedback/spinner/Spinner.cjs.map +1 -1
- package/dist/components/feedback/spinner/Spinner.d.ts +5 -0
- package/dist/components/feedback/spinner/Spinner.js.map +1 -1
- package/dist/components/feedback/spinner/styles/Spinner.css.cjs +1 -1
- package/dist/components/feedback/spinner/styles/Spinner.css.js +1 -1
- package/dist/components/feedback/toast/Toast.cjs +1 -1
- package/dist/components/feedback/toast/Toast.cjs.map +1 -1
- package/dist/components/feedback/toast/Toast.d.ts +10 -0
- package/dist/components/feedback/toast/Toast.js +1 -1
- package/dist/components/feedback/toast/Toast.js.map +1 -1
- package/dist/components/feedback/toast/ToastProvider.cjs.map +1 -1
- package/dist/components/feedback/toast/ToastProvider.d.ts +5 -0
- package/dist/components/feedback/toast/ToastProvider.js.map +1 -1
- package/dist/components/feedback/toast/components/toast-actions/ToastActions.cjs.map +1 -1
- package/dist/components/feedback/toast/components/toast-actions/ToastActions.d.ts +4 -0
- package/dist/components/feedback/toast/components/toast-actions/ToastActions.js.map +1 -1
- package/dist/components/feedback/toast/components/toast-actions/styles/ToastActions.css.cjs +1 -1
- package/dist/components/feedback/toast/components/toast-actions/styles/ToastActions.css.js +1 -1
- package/dist/components/feedback/toast/components/toast-close/ToastClose.cjs.map +1 -1
- package/dist/components/feedback/toast/components/toast-close/ToastClose.d.ts +4 -0
- package/dist/components/feedback/toast/components/toast-close/ToastClose.js.map +1 -1
- package/dist/components/feedback/toast/components/toast-close/styles/ToastClose.css.cjs +1 -1
- package/dist/components/feedback/toast/components/toast-close/styles/ToastClose.css.js +1 -1
- package/dist/components/feedback/toast/components/toast-description/ToastDescription.cjs.map +1 -1
- package/dist/components/feedback/toast/components/toast-description/ToastDescription.d.ts +4 -0
- package/dist/components/feedback/toast/components/toast-description/ToastDescription.js.map +1 -1
- package/dist/components/feedback/toast/components/toast-description/styles/ToastDescription.css.cjs +1 -1
- package/dist/components/feedback/toast/components/toast-description/styles/ToastDescription.css.js +1 -1
- package/dist/components/feedback/toast/components/toast-icon/ToastIcon.cjs.map +1 -1
- package/dist/components/feedback/toast/components/toast-icon/ToastIcon.d.ts +5 -0
- package/dist/components/feedback/toast/components/toast-icon/ToastIcon.js.map +1 -1
- package/dist/components/feedback/toast/components/toast-icon/styles/ToastIcon.css.cjs +1 -1
- package/dist/components/feedback/toast/components/toast-icon/styles/ToastIcon.css.js +1 -1
- package/dist/components/feedback/toast/components/toast-title/ToastTitle.cjs.map +1 -1
- package/dist/components/feedback/toast/components/toast-title/ToastTitle.d.ts +4 -0
- package/dist/components/feedback/toast/components/toast-title/ToastTitle.js.map +1 -1
- package/dist/components/feedback/toast/components/toast-title/styles/ToastTitle.css.cjs +1 -1
- package/dist/components/feedback/toast/components/toast-title/styles/ToastTitle.css.js +1 -1
- package/dist/components/feedback/toast/styles/Toast.css.cjs +1 -1
- package/dist/components/feedback/toast/styles/Toast.css.js +1 -1
- package/dist/components/forms/_shared/components/helper-text/HelperText.css.cjs +1 -1
- package/dist/components/forms/_shared/components/helper-text/HelperText.css.js +1 -1
- package/dist/components/forms/_shared/styles/checkboxVisual.css.cjs +1 -1
- package/dist/components/forms/_shared/styles/checkboxVisual.css.js +1 -1
- package/dist/components/forms/_shared/styles/radioVisual.css.cjs +1 -1
- package/dist/components/forms/_shared/styles/radioVisual.css.js +1 -1
- package/dist/components/forms/autocomplete/Autocomplete.cjs +1 -1
- package/dist/components/forms/autocomplete/Autocomplete.js +1 -1
- package/dist/components/forms/autocomplete/components/autocomplete-content/styles/AutocompleteContent.css.cjs +1 -1
- package/dist/components/forms/autocomplete/components/autocomplete-content/styles/AutocompleteContent.css.js +1 -1
- package/dist/components/forms/autocomplete/components/autocomplete-field/AutocompleteField.cjs +1 -1
- package/dist/components/forms/autocomplete/components/autocomplete-field/AutocompleteField.js +1 -1
- package/dist/components/forms/autocomplete/components/autocomplete-input/AutocompleteInput.cjs +1 -1
- package/dist/components/forms/autocomplete/components/autocomplete-input/AutocompleteInput.js +1 -1
- package/dist/components/forms/autocomplete/components/autocomplete-input/styles/AutocompleteInput.css.cjs +1 -1
- package/dist/components/forms/autocomplete/components/autocomplete-input/styles/AutocompleteInput.css.js +1 -1
- package/dist/components/forms/autocomplete/components/autocomplete-item/styles/AutocompleteItem.css.cjs +1 -1
- package/dist/components/forms/autocomplete/components/autocomplete-item/styles/AutocompleteItem.css.js +1 -1
- package/dist/components/forms/autocomplete/components/autocomplete-separator/styles/AutocompleteSeparator.css.cjs +1 -1
- package/dist/components/forms/autocomplete/components/autocomplete-separator/styles/AutocompleteSeparator.css.js +1 -1
- package/dist/components/forms/autocomplete/components/autocomplete-trigger/styles/AutocompleteTrigger.css.cjs +1 -1
- package/dist/components/forms/autocomplete/components/autocomplete-trigger/styles/AutocompleteTrigger.css.js +1 -1
- package/dist/components/forms/autocomplete/styles/Autocomplete.css.cjs +1 -1
- package/dist/components/forms/autocomplete/styles/Autocomplete.css.js +1 -1
- package/dist/components/forms/calendar/Calendar.cjs +1 -1
- package/dist/components/forms/calendar/Calendar.js +1 -1
- package/dist/components/forms/calendar/components/calendar-caption/styles/CalendarCaption.css.cjs +1 -1
- package/dist/components/forms/calendar/components/calendar-caption/styles/CalendarCaption.css.js +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.js +1 -1
- package/dist/components/forms/calendar/components/calendar-month-view/styles/CalendarMonthView.css.cjs +1 -1
- package/dist/components/forms/calendar/components/calendar-month-view/styles/CalendarMonthView.css.js +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.js +1 -1
- package/dist/components/forms/calendar/components/calendar-year-view/styles/CalendarYearView.css.cjs +1 -1
- package/dist/components/forms/calendar/components/calendar-year-view/styles/CalendarYearView.css.js +1 -1
- package/dist/components/forms/calendar/styles/calendarDayButton.css.cjs +1 -1
- package/dist/components/forms/calendar/styles/calendarDayButton.css.js +1 -1
- package/dist/components/forms/calendar/styles/calendarGrid.css.cjs +1 -1
- package/dist/components/forms/calendar/styles/calendarGrid.css.js +1 -1
- package/dist/components/forms/calendar/styles/calendarRoot.css.cjs +1 -1
- package/dist/components/forms/calendar/styles/calendarRoot.css.js +1 -1
- package/dist/components/forms/checkbox/styles/Checkbox.css.cjs +1 -1
- package/dist/components/forms/checkbox/styles/Checkbox.css.js +1 -1
- package/dist/components/forms/date-picker/DatePicker.cjs +1 -1
- package/dist/components/forms/date-picker/DatePicker.js +1 -1
- package/dist/components/forms/date-picker/styles/DatePicker.css.cjs +1 -1
- package/dist/components/forms/date-picker/styles/DatePicker.css.js +1 -1
- package/dist/components/forms/number-field/NumberField.cjs +1 -1
- package/dist/components/forms/number-field/NumberField.js +1 -1
- package/dist/components/forms/number-field/components/number-field-input/styles/NumberFieldInput.css.cjs +1 -1
- package/dist/components/forms/number-field/components/number-field-input/styles/NumberFieldInput.css.js +1 -1
- package/dist/components/forms/number-field/styles/NumberField.css.cjs +1 -1
- package/dist/components/forms/number-field/styles/NumberField.css.js +1 -1
- package/dist/components/forms/radio-group/components/radio-item/styles/RadioItem.css.cjs +1 -1
- package/dist/components/forms/radio-group/components/radio-item/styles/RadioItem.css.js +1 -1
- package/dist/components/forms/rich-text-editor/RichTextEditor.cjs +1 -1
- package/dist/components/forms/rich-text-editor/RichTextEditor.cjs.map +1 -1
- package/dist/components/forms/rich-text-editor/RichTextEditor.d.ts +12 -0
- package/dist/components/forms/rich-text-editor/RichTextEditor.js +1 -1
- package/dist/components/forms/rich-text-editor/RichTextEditor.js.map +1 -1
- package/dist/components/forms/rich-text-editor/RichTextEditorField.cjs +1 -1
- package/dist/components/forms/rich-text-editor/RichTextEditorField.js +1 -1
- package/dist/components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.cjs.map +1 -1
- package/dist/components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.d.ts +5 -0
- package/dist/components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.js +1 -1
- package/dist/components/forms/rich-text-editor/components/alignment-group/AlignmentGroup.js.map +1 -1
- package/dist/components/forms/rich-text-editor/components/alignment-group/styles/AlignmentGroup.css.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/alignment-group/styles/AlignmentGroup.css.js +1 -1
- package/dist/components/forms/rich-text-editor/components/block-format-group/BlockFormatGroup.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/block-format-group/BlockFormatGroup.cjs.map +1 -1
- package/dist/components/forms/rich-text-editor/components/block-format-group/BlockFormatGroup.d.ts +5 -0
- package/dist/components/forms/rich-text-editor/components/block-format-group/BlockFormatGroup.js +1 -1
- package/dist/components/forms/rich-text-editor/components/block-format-group/BlockFormatGroup.js.map +1 -1
- package/dist/components/forms/rich-text-editor/components/block-format-group/styles/BlockFormatGroup.css.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/block-format-group/styles/BlockFormatGroup.css.js +1 -1
- package/dist/components/forms/rich-text-editor/components/editor-field/EditorField.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/editor-field/EditorField.cjs.map +1 -1
- package/dist/components/forms/rich-text-editor/components/editor-field/EditorField.d.ts +5 -0
- package/dist/components/forms/rich-text-editor/components/editor-field/EditorField.js +1 -1
- package/dist/components/forms/rich-text-editor/components/editor-field/EditorField.js.map +1 -1
- package/dist/components/forms/rich-text-editor/components/helper-text/HelperText.cjs.map +1 -1
- package/dist/components/forms/rich-text-editor/components/helper-text/HelperText.d.ts +5 -0
- package/dist/components/forms/rich-text-editor/components/helper-text/HelperText.js.map +1 -1
- package/dist/components/forms/rich-text-editor/components/history-group/Redo.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/history-group/Redo.js +1 -1
- package/dist/components/forms/rich-text-editor/components/history-group/Undo.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/history-group/Undo.js +1 -1
- package/dist/components/forms/rich-text-editor/components/history-group/styles/HistoryGroup.css.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/history-group/styles/HistoryGroup.css.js +1 -1
- package/dist/components/forms/rich-text-editor/components/image-group/ImageGroup.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/image-group/ImageGroup.cjs.map +1 -1
- package/dist/components/forms/rich-text-editor/components/image-group/ImageGroup.d.ts +7 -0
- package/dist/components/forms/rich-text-editor/components/image-group/ImageGroup.js +1 -1
- package/dist/components/forms/rich-text-editor/components/image-group/ImageGroup.js.map +1 -1
- package/dist/components/forms/rich-text-editor/components/image-group/styles/ImageGroup.css.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/image-group/styles/ImageGroup.css.js +1 -1
- package/dist/components/forms/rich-text-editor/components/link-group/LinkGroup.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/link-group/LinkGroup.cjs.map +1 -1
- package/dist/components/forms/rich-text-editor/components/link-group/LinkGroup.d.ts +4 -0
- package/dist/components/forms/rich-text-editor/components/link-group/LinkGroup.js +1 -1
- package/dist/components/forms/rich-text-editor/components/link-group/LinkGroup.js.map +1 -1
- package/dist/components/forms/rich-text-editor/components/link-group/SetLink.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/link-group/SetLink.cjs.map +1 -1
- package/dist/components/forms/rich-text-editor/components/link-group/SetLink.d.ts +5 -0
- package/dist/components/forms/rich-text-editor/components/link-group/SetLink.js +1 -1
- package/dist/components/forms/rich-text-editor/components/link-group/SetLink.js.map +1 -1
- package/dist/components/forms/rich-text-editor/components/link-group/UnsetLink.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/link-group/UnsetLink.cjs.map +1 -1
- package/dist/components/forms/rich-text-editor/components/link-group/UnsetLink.d.ts +6 -0
- package/dist/components/forms/rich-text-editor/components/link-group/UnsetLink.js +1 -1
- package/dist/components/forms/rich-text-editor/components/link-group/UnsetLink.js.map +1 -1
- package/dist/components/forms/rich-text-editor/components/link-group/styles/LinkGroup.css.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/link-group/styles/LinkGroup.css.js +1 -1
- package/dist/components/forms/rich-text-editor/components/lists-group/ListsGroup.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/lists-group/ListsGroup.cjs.map +1 -1
- package/dist/components/forms/rich-text-editor/components/lists-group/ListsGroup.d.ts +5 -0
- package/dist/components/forms/rich-text-editor/components/lists-group/ListsGroup.js +1 -1
- package/dist/components/forms/rich-text-editor/components/lists-group/ListsGroup.js.map +1 -1
- package/dist/components/forms/rich-text-editor/components/lists-group/styles/ListsGroup.css.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/lists-group/styles/ListsGroup.css.js +1 -1
- package/dist/components/forms/rich-text-editor/components/read-only-field/ReadOnlyField.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/read-only-field/ReadOnlyField.cjs.map +1 -1
- package/dist/components/forms/rich-text-editor/components/read-only-field/ReadOnlyField.d.ts +5 -0
- package/dist/components/forms/rich-text-editor/components/read-only-field/ReadOnlyField.js +1 -1
- package/dist/components/forms/rich-text-editor/components/read-only-field/ReadOnlyField.js.map +1 -1
- package/dist/components/forms/rich-text-editor/components/rich-text-editor-form-field/styles/RichTextEditorFormField.css.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/rich-text-editor-form-field/styles/RichTextEditorFormField.css.js +1 -1
- package/dist/components/forms/rich-text-editor/components/rich-text-editor-label/RichTextEditorLabel.cjs.map +1 -1
- package/dist/components/forms/rich-text-editor/components/rich-text-editor-label/RichTextEditorLabel.d.ts +4 -0
- package/dist/components/forms/rich-text-editor/components/rich-text-editor-label/RichTextEditorLabel.js.map +1 -1
- package/dist/components/forms/rich-text-editor/components/rich-text-editor-label/styles/RichTextEditorLabel.css.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/rich-text-editor-label/styles/RichTextEditorLabel.css.js +1 -1
- package/dist/components/forms/rich-text-editor/components/text-appearance-group/TextAppearanceGroup.cjs.map +1 -1
- package/dist/components/forms/rich-text-editor/components/text-appearance-group/TextAppearanceGroup.d.ts +8 -0
- package/dist/components/forms/rich-text-editor/components/text-appearance-group/TextAppearanceGroup.js.map +1 -1
- package/dist/components/forms/rich-text-editor/components/text-appearance-group/TextColorMenu.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/text-appearance-group/TextColorMenu.cjs.map +1 -1
- package/dist/components/forms/rich-text-editor/components/text-appearance-group/TextColorMenu.d.ts +6 -0
- package/dist/components/forms/rich-text-editor/components/text-appearance-group/TextColorMenu.js +1 -1
- package/dist/components/forms/rich-text-editor/components/text-appearance-group/TextColorMenu.js.map +1 -1
- package/dist/components/forms/rich-text-editor/components/text-appearance-group/TextSizeMenu.cjs.map +1 -1
- package/dist/components/forms/rich-text-editor/components/text-appearance-group/TextSizeMenu.d.ts +6 -0
- package/dist/components/forms/rich-text-editor/components/text-appearance-group/TextSizeMenu.js.map +1 -1
- package/dist/components/forms/rich-text-editor/components/text-appearance-group/styles/TextAppearanceGroup.css.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/text-appearance-group/styles/TextAppearanceGroup.css.js +1 -1
- package/dist/components/forms/rich-text-editor/components/text-appearance-group/styles/TextColorMenu.css.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/text-appearance-group/styles/TextColorMenu.css.js +1 -1
- package/dist/components/forms/rich-text-editor/components/text-appearance-group/styles/TextSizeMenu.css.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/text-appearance-group/styles/TextSizeMenu.css.js +1 -1
- package/dist/components/forms/rich-text-editor/components/text-style-group/TextStyleAction.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/text-style-group/TextStyleAction.js +1 -1
- package/dist/components/forms/rich-text-editor/components/text-style-group/styles/TextStyleGroup.css.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/text-style-group/styles/TextStyleGroup.css.js +1 -1
- package/dist/components/forms/rich-text-editor/components/toolbar/Toolbar.cjs.map +1 -1
- package/dist/components/forms/rich-text-editor/components/toolbar/Toolbar.d.ts +5 -0
- package/dist/components/forms/rich-text-editor/components/toolbar/Toolbar.js.map +1 -1
- package/dist/components/forms/rich-text-editor/components/toolbar/styles/Toolbar.css.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/toolbar/styles/Toolbar.css.js +1 -1
- package/dist/components/forms/rich-text-editor/components/toolbar-group/ToolbarGroup.cjs.map +1 -1
- package/dist/components/forms/rich-text-editor/components/toolbar-group/ToolbarGroup.d.ts +4 -0
- package/dist/components/forms/rich-text-editor/components/toolbar-group/ToolbarGroup.js.map +1 -1
- package/dist/components/forms/rich-text-editor/components/toolbar-group/styles/ToolbarGroup.css.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/toolbar-group/styles/ToolbarGroup.css.js +1 -1
- package/dist/components/forms/rich-text-editor/components/toolbar-separator/styles/ToolbarSeparator.css.cjs +1 -1
- package/dist/components/forms/rich-text-editor/components/toolbar-separator/styles/ToolbarSeparator.css.js +1 -1
- package/dist/components/forms/rich-text-editor/styles/RichTextEditor.css.cjs +1 -1
- package/dist/components/forms/rich-text-editor/styles/RichTextEditor.css.js +1 -1
- package/dist/components/forms/select/Select.cjs +1 -1
- package/dist/components/forms/select/Select.js +1 -1
- package/dist/components/forms/select/components/select-content/styles/SelectContent.css.cjs +1 -1
- package/dist/components/forms/select/components/select-content/styles/SelectContent.css.js +1 -1
- package/dist/components/forms/select/components/select-field/SelectField.cjs +1 -1
- package/dist/components/forms/select/components/select-field/SelectField.js +1 -1
- package/dist/components/forms/select/components/select-item/styles/SelectItem.css.cjs +1 -1
- package/dist/components/forms/select/components/select-item/styles/SelectItem.css.js +1 -1
- package/dist/components/forms/select/components/select-label/styles/SelectLabel.css.cjs +1 -1
- package/dist/components/forms/select/components/select-label/styles/SelectLabel.css.js +1 -1
- package/dist/components/forms/select/components/select-separator/styles/SelectSeparator.css.cjs +1 -1
- package/dist/components/forms/select/components/select-separator/styles/SelectSeparator.css.js +1 -1
- package/dist/components/forms/select/components/select-trigger/SelectTrigger.cjs +1 -1
- package/dist/components/forms/select/components/select-trigger/SelectTrigger.js +1 -1
- package/dist/components/forms/select/components/select-trigger/styles/SelectTrigger.css.cjs +1 -1
- package/dist/components/forms/select/components/select-trigger/styles/SelectTrigger.css.js +1 -1
- package/dist/components/forms/select/styles/Select.css.cjs +1 -1
- package/dist/components/forms/select/styles/Select.css.js +1 -1
- package/dist/components/forms/slider/Slider.cjs.map +1 -1
- package/dist/components/forms/slider/Slider.d.ts +5 -0
- package/dist/components/forms/slider/Slider.js.map +1 -1
- package/dist/components/forms/slider/components/slider-header/styles/SliderHeader.css.cjs +1 -1
- package/dist/components/forms/slider/components/slider-header/styles/SliderHeader.css.js +1 -1
- package/dist/components/forms/slider/components/slider-track/styles/SliderTrack.css.cjs +1 -1
- package/dist/components/forms/slider/components/slider-track/styles/SliderTrack.css.js +1 -1
- package/dist/components/forms/slider/styles/Slider.css.cjs +1 -1
- package/dist/components/forms/slider/styles/Slider.css.js +1 -1
- package/dist/components/forms/switch/styles/Switch.css.cjs +1 -1
- package/dist/components/forms/switch/styles/Switch.css.js +1 -1
- package/dist/components/forms/text-area/TextArea.cjs +1 -1
- package/dist/components/forms/text-area/TextArea.js +1 -1
- package/dist/components/forms/text-area/components/text-area-end-action/styles/TextAreaEndAction.css.cjs +1 -1
- package/dist/components/forms/text-area/components/text-area-end-action/styles/TextAreaEndAction.css.js +1 -1
- package/dist/components/forms/text-area/components/text-area-label/styles/TextAreaLabel.css.cjs +1 -1
- package/dist/components/forms/text-area/components/text-area-label/styles/TextAreaLabel.css.js +1 -1
- package/dist/components/forms/text-area/components/text-area-start-icon/styles/TextAreaStartIcon.css.cjs +1 -1
- package/dist/components/forms/text-area/components/text-area-start-icon/styles/TextAreaStartIcon.css.js +1 -1
- package/dist/components/forms/text-area/styles/TextArea.css.cjs +1 -1
- package/dist/components/forms/text-area/styles/TextArea.css.js +1 -1
- package/dist/components/forms/text-field/TextField.cjs +1 -1
- package/dist/components/forms/text-field/TextField.js +1 -1
- package/dist/components/forms/text-field/components/text-field-end-action/styles/TextFieldEndAction.css.cjs +1 -1
- package/dist/components/forms/text-field/components/text-field-end-action/styles/TextFieldEndAction.css.js +1 -1
- package/dist/components/forms/text-field/components/text-field-start-icon/styles/TextFieldStartIcon.css.cjs +1 -1
- package/dist/components/forms/text-field/components/text-field-start-icon/styles/TextFieldStartIcon.css.js +1 -1
- package/dist/components/forms/text-field/styles/TextField.css.cjs +1 -1
- package/dist/components/forms/text-field/styles/TextField.css.js +1 -1
- package/dist/components/foundation/icon/Icon.cjs.map +1 -1
- package/dist/components/foundation/icon/Icon.d.ts +5 -0
- package/dist/components/foundation/icon/Icon.js.map +1 -1
- package/dist/components/foundation/icon/styles/Icon.css.cjs +1 -1
- package/dist/components/foundation/icon/styles/Icon.css.js +1 -1
- package/dist/components/foundation/typography/Typography.cjs.map +1 -1
- package/dist/components/foundation/typography/Typography.d.ts +13 -0
- package/dist/components/foundation/typography/Typography.js.map +1 -1
- package/dist/components/foundation/typography/styles/Typography.css.cjs +1 -1
- package/dist/components/foundation/typography/styles/Typography.css.js +1 -1
- package/dist/components/layout/box/Box.cjs.map +1 -1
- package/dist/components/layout/box/Box.d.ts +6 -0
- package/dist/components/layout/box/Box.js.map +1 -1
- package/dist/components/layout/box/styles/Box.css.cjs +1 -1
- package/dist/components/layout/box/styles/Box.css.js +1 -1
- package/dist/components/layout/fieldset/styles/Fieldset.css.cjs +1 -1
- package/dist/components/layout/fieldset/styles/Fieldset.css.js +1 -1
- package/dist/components/layout/flex/Flex.cjs.map +1 -1
- package/dist/components/layout/flex/Flex.d.ts +5 -0
- package/dist/components/layout/flex/Flex.js.map +1 -1
- package/dist/components/layout/flex/styles/Flex.css.cjs +1 -1
- package/dist/components/layout/flex/styles/Flex.css.js +1 -1
- package/dist/components/layout/form/styles/Form.css.cjs +1 -1
- package/dist/components/layout/form/styles/Form.css.js +1 -1
- package/dist/components/layout/grid/Grid.cjs.map +1 -1
- package/dist/components/layout/grid/Grid.d.ts +5 -0
- package/dist/components/layout/grid/Grid.js.map +1 -1
- package/dist/components/layout/grid/styles/Grid.css.cjs +1 -1
- package/dist/components/layout/grid/styles/Grid.css.js +1 -1
- package/dist/components/layout/image/Image.cjs.map +1 -1
- package/dist/components/layout/image/Image.d.ts +6 -0
- package/dist/components/layout/image/Image.js.map +1 -1
- package/dist/components/layout/image/styles/Image.css.cjs +1 -1
- package/dist/components/layout/image/styles/Image.css.js +1 -1
- package/dist/components/layout/inset/Inset.cjs.map +1 -1
- package/dist/components/layout/inset/Inset.d.ts +7 -0
- package/dist/components/layout/inset/Inset.js.map +1 -1
- package/dist/components/layout/inset/styles/Inset.css.cjs +1 -1
- package/dist/components/layout/inset/styles/Inset.css.js +1 -1
- package/dist/components/layout/legend/styles/Legend.css.cjs +1 -1
- package/dist/components/layout/legend/styles/Legend.css.js +1 -1
- package/dist/components/layout/separator/styles/Separator.css.cjs +1 -1
- package/dist/components/layout/separator/styles/Separator.css.js +1 -1
- package/dist/components/navigation/breadcrumbs/Breadcrumbs.cjs.map +1 -1
- package/dist/components/navigation/breadcrumbs/Breadcrumbs.d.ts +8 -0
- package/dist/components/navigation/breadcrumbs/Breadcrumbs.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/components/breadcrumbs-item/BreadcrumbsItem.cjs.map +1 -1
- package/dist/components/navigation/breadcrumbs/components/breadcrumbs-item/BreadcrumbsItem.d.ts +5 -0
- package/dist/components/navigation/breadcrumbs/components/breadcrumbs-item/BreadcrumbsItem.js.map +1 -1
- package/dist/components/navigation/breadcrumbs/styles/Breadcrumbs.css.cjs +1 -1
- package/dist/components/navigation/breadcrumbs/styles/Breadcrumbs.css.js +1 -1
- package/dist/components/navigation/link/Link.cjs.map +1 -1
- package/dist/components/navigation/link/Link.d.ts +5 -0
- package/dist/components/navigation/link/Link.js.map +1 -1
- package/dist/components/navigation/link/styles/Link.css.cjs +1 -1
- package/dist/components/navigation/link/styles/Link.css.js +1 -1
- package/dist/components/navigation/pagination/Pagination.cjs.map +1 -1
- package/dist/components/navigation/pagination/Pagination.d.ts +5 -0
- package/dist/components/navigation/pagination/Pagination.js.map +1 -1
- package/dist/components/navigation/pagination/styles/Pagination.css.cjs +1 -1
- package/dist/components/navigation/pagination/styles/Pagination.css.js +1 -1
- package/dist/components/navigation/step-indicator/StepIndicator.cjs.map +1 -1
- package/dist/components/navigation/step-indicator/StepIndicator.d.ts +7 -0
- package/dist/components/navigation/step-indicator/StepIndicator.js.map +1 -1
- package/dist/components/navigation/step-indicator/components/step-indicator-item/StepIndicatorItem.cjs.map +1 -1
- package/dist/components/navigation/step-indicator/components/step-indicator-item/StepIndicatorItem.d.ts +5 -0
- package/dist/components/navigation/step-indicator/components/step-indicator-item/StepIndicatorItem.js.map +1 -1
- package/dist/components/navigation/step-indicator/components/step-indicator-item/styles/StepIndicatorItem.css.cjs +1 -1
- package/dist/components/navigation/step-indicator/components/step-indicator-item/styles/StepIndicatorItem.css.js +1 -1
- package/dist/components/navigation/step-indicator/styles/StepIndicator.css.cjs +1 -1
- package/dist/components/navigation/step-indicator/styles/StepIndicator.css.js +1 -1
- package/dist/components/navigation/stepper/Stepper.cjs.map +1 -1
- package/dist/components/navigation/stepper/Stepper.d.ts +8 -0
- package/dist/components/navigation/stepper/Stepper.js.map +1 -1
- package/dist/components/navigation/stepper/components/stepper-item/StepperItem.cjs.map +1 -1
- package/dist/components/navigation/stepper/components/stepper-item/StepperItem.d.ts +5 -0
- package/dist/components/navigation/stepper/components/stepper-item/StepperItem.js.map +1 -1
- package/dist/components/navigation/stepper/styles/Stepper.css.cjs +1 -1
- package/dist/components/navigation/stepper/styles/Stepper.css.js +1 -1
- package/dist/components/navigation/tabs/components/tabs-content/styles/TabsContent.css.cjs +1 -1
- package/dist/components/navigation/tabs/components/tabs-content/styles/TabsContent.css.js +1 -1
- package/dist/components/navigation/tabs/components/tabs-list/styles/TabsList.css.cjs +1 -1
- package/dist/components/navigation/tabs/components/tabs-list/styles/TabsList.css.js +1 -1
- package/dist/components/navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.cjs +1 -1
- package/dist/components/navigation/tabs/components/tabs-trigger/styles/TabsTrigger.css.js +1 -1
- package/dist/components/overlay/_shared/components/overlay-backdrop/OverlayBackdrop.cjs.map +1 -1
- package/dist/components/overlay/_shared/components/overlay-backdrop/OverlayBackdrop.d.ts +4 -0
- package/dist/components/overlay/_shared/components/overlay-backdrop/OverlayBackdrop.js.map +1 -1
- package/dist/components/overlay/_shared/styles/OverlayBackdrop.css.cjs +1 -1
- package/dist/components/overlay/_shared/styles/OverlayBackdrop.css.js +1 -1
- package/dist/components/overlay/alert-dialog/AlertDialog.cjs +1 -1
- package/dist/components/overlay/alert-dialog/AlertDialog.js +1 -1
- package/dist/components/overlay/alert-dialog/components/alert-dialog-action/AlertDialogAction.cjs.map +1 -1
- package/dist/components/overlay/alert-dialog/components/alert-dialog-action/AlertDialogAction.d.ts +5 -0
- package/dist/components/overlay/alert-dialog/components/alert-dialog-action/AlertDialogAction.js.map +1 -1
- package/dist/components/overlay/alert-dialog/components/alert-dialog-cancel/AlertDialogCancel.cjs.map +1 -1
- package/dist/components/overlay/alert-dialog/components/alert-dialog-cancel/AlertDialogCancel.d.ts +5 -0
- package/dist/components/overlay/alert-dialog/components/alert-dialog-cancel/AlertDialogCancel.js.map +1 -1
- package/dist/components/overlay/alert-dialog/styles/AlertDialog.css.cjs +1 -1
- package/dist/components/overlay/alert-dialog/styles/AlertDialog.css.js +1 -1
- package/dist/components/overlay/command/components/command-empty/styles/CommandEmpty.css.cjs +1 -1
- package/dist/components/overlay/command/components/command-empty/styles/CommandEmpty.css.js +1 -1
- package/dist/components/overlay/command/components/command-group/styles/CommandGroup.css.cjs +1 -1
- package/dist/components/overlay/command/components/command-group/styles/CommandGroup.css.js +1 -1
- package/dist/components/overlay/command/components/command-input/styles/CommandInput.css.cjs +1 -1
- package/dist/components/overlay/command/components/command-input/styles/CommandInput.css.js +1 -1
- package/dist/components/overlay/command/components/command-item/styles/CommandItem.css.cjs +1 -1
- package/dist/components/overlay/command/components/command-item/styles/CommandItem.css.js +1 -1
- package/dist/components/overlay/command/components/command-list/styles/CommandList.css.cjs +1 -1
- package/dist/components/overlay/command/components/command-list/styles/CommandList.css.js +1 -1
- package/dist/components/overlay/command/components/command-separator/styles/CommandSeparator.css.cjs +1 -1
- package/dist/components/overlay/command/components/command-separator/styles/CommandSeparator.css.js +1 -1
- package/dist/components/overlay/command/styles/Command.css.cjs +1 -1
- package/dist/components/overlay/command/styles/Command.css.js +1 -1
- package/dist/components/overlay/context-menu/ContextMenu.cjs.map +1 -1
- package/dist/components/overlay/context-menu/ContextMenu.d.ts +8 -0
- package/dist/components/overlay/context-menu/ContextMenu.js.map +1 -1
- package/dist/components/overlay/context-menu/components/content/styles/ContextMenuContent.css.cjs +1 -1
- package/dist/components/overlay/context-menu/components/content/styles/ContextMenuContent.css.js +1 -1
- package/dist/components/overlay/dialog/components/dialog-header/styles/DialogHeader.css.cjs +1 -1
- package/dist/components/overlay/dialog/components/dialog-header/styles/DialogHeader.css.js +1 -1
- package/dist/components/overlay/dialog/styles/Dialog.css.cjs +1 -1
- package/dist/components/overlay/dialog/styles/Dialog.css.js +1 -1
- package/dist/components/overlay/drawer/components/items/_shared/components/drawer-item-content/DrawerItemContent.cjs +1 -1
- package/dist/components/overlay/drawer/components/items/_shared/components/drawer-item-content/DrawerItemContent.js +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.js +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.js +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.js +1 -1
- package/dist/components/overlay/drawer/components/items/drawer-section-item/styles/DrawerSectionItem.css.cjs +1 -1
- package/dist/components/overlay/drawer/components/items/drawer-section-item/styles/DrawerSectionItem.css.js +1 -1
- package/dist/components/overlay/drawer/components/variants/drawer-inline/styles/DrawerInline.css.cjs +1 -1
- package/dist/components/overlay/drawer/components/variants/drawer-inline/styles/DrawerInline.css.js +1 -1
- package/dist/components/overlay/drawer/components/variants/drawer-mini/styles/DrawerMini.css.cjs +1 -1
- package/dist/components/overlay/drawer/components/variants/drawer-mini/styles/DrawerMini.css.js +1 -1
- package/dist/components/overlay/drawer/components/variants/drawer-portal/styles/DrawerPortal.css.cjs +1 -1
- package/dist/components/overlay/drawer/components/variants/drawer-portal/styles/DrawerPortal.css.js +1 -1
- package/dist/components/overlay/drawer/styles/Drawer.css.cjs +1 -1
- package/dist/components/overlay/drawer/styles/Drawer.css.js +1 -1
- package/dist/components/overlay/dropdown-menu/components/_shared/item.css.cjs +1 -1
- package/dist/components/overlay/dropdown-menu/components/_shared/item.css.js +1 -1
- package/dist/components/overlay/dropdown-menu/components/content/styles/DropdownMenuContent.css.cjs +1 -1
- package/dist/components/overlay/dropdown-menu/components/content/styles/DropdownMenuContent.css.js +1 -1
- package/dist/components/overlay/dropdown-menu/components/label/styles/DropdownMenuLabel.css.cjs +1 -1
- package/dist/components/overlay/dropdown-menu/components/label/styles/DropdownMenuLabel.css.js +1 -1
- package/dist/components/overlay/dropdown-menu/components/separator/styles/DropdownMenuSeparator.css.cjs +1 -1
- package/dist/components/overlay/dropdown-menu/components/separator/styles/DropdownMenuSeparator.css.js +1 -1
- package/dist/components/overlay/dropdown-menu/components/shortcut/styles/DropdownMenuShortcut.css.cjs +1 -1
- package/dist/components/overlay/dropdown-menu/components/shortcut/styles/DropdownMenuShortcut.css.js +1 -1
- package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/styles/DropdownMenuSubContent.css.cjs +1 -1
- package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-content/styles/DropdownMenuSubContent.css.js +1 -1
- package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/styles/DropdownMenuSubTrigger.css.cjs +1 -1
- package/dist/components/overlay/dropdown-menu/components/sub/dropdown-menu-sub-trigger/styles/DropdownMenuSubTrigger.css.js +1 -1
- package/dist/components/overlay/panel/Panel.cjs.map +1 -1
- package/dist/components/overlay/panel/Panel.d.ts +8 -0
- package/dist/components/overlay/panel/Panel.js.map +1 -1
- package/dist/components/overlay/panel/components/panel-content/PanelContent.cjs.map +1 -1
- package/dist/components/overlay/panel/components/panel-content/PanelContent.d.ts +6 -0
- package/dist/components/overlay/panel/components/panel-content/PanelContent.js.map +1 -1
- package/dist/components/overlay/panel/components/panel-header/PanelHeader.cjs.map +1 -1
- package/dist/components/overlay/panel/components/panel-header/PanelHeader.d.ts +6 -0
- package/dist/components/overlay/panel/components/panel-header/PanelHeader.js.map +1 -1
- package/dist/components/overlay/panel/styles/Panel.css.cjs +1 -1
- package/dist/components/overlay/panel/styles/Panel.css.js +1 -1
- package/dist/components/overlay/popover/components/content/styles/PopoverContent.css.cjs +1 -1
- package/dist/components/overlay/popover/components/content/styles/PopoverContent.css.js +1 -1
- package/dist/components/overlay/tooltip/Tooltip.cjs.map +1 -1
- package/dist/components/overlay/tooltip/Tooltip.d.ts +7 -0
- package/dist/components/overlay/tooltip/Tooltip.js.map +1 -1
- package/dist/components/overlay/tooltip/styles/Tooltip.css.cjs +1 -1
- package/dist/components/overlay/tooltip/styles/Tooltip.css.js +1 -1
- package/dist/components/surfaces/accordion/components/accordion-content/styles/AccordionContent.css.cjs +1 -1
- package/dist/components/surfaces/accordion/components/accordion-content/styles/AccordionContent.css.js +1 -1
- package/dist/components/surfaces/accordion/components/accordion-item/styles/AccordionItem.css.cjs +1 -1
- package/dist/components/surfaces/accordion/components/accordion-item/styles/AccordionItem.css.js +1 -1
- package/dist/components/surfaces/accordion/components/accordion-trigger/AccordionTrigger.cjs +1 -1
- package/dist/components/surfaces/accordion/components/accordion-trigger/AccordionTrigger.js +1 -1
- package/dist/components/surfaces/accordion/components/accordion-trigger/styles/AccordionTrigger.css.cjs +1 -1
- package/dist/components/surfaces/accordion/components/accordion-trigger/styles/AccordionTrigger.css.js +1 -1
- package/dist/components/surfaces/accordion/styles/Accordion.css.cjs +1 -1
- package/dist/components/surfaces/accordion/styles/Accordion.css.js +1 -1
- package/dist/components/surfaces/card/components/card-header/styles/CardHeader.css.cjs +1 -1
- package/dist/components/surfaces/card/components/card-header/styles/CardHeader.css.js +1 -1
- package/dist/components/surfaces/card/styles/Card.css.cjs +1 -1
- package/dist/components/surfaces/card/styles/Card.css.js +1 -1
- package/dist/components/surfaces/collapsible/Collapsible.cjs.map +1 -1
- package/dist/components/surfaces/collapsible/Collapsible.d.ts +6 -0
- package/dist/components/surfaces/collapsible/Collapsible.js.map +1 -1
- package/dist/components/surfaces/collapsible/components/collapsible-panel/CollapsiblePanel.cjs.map +1 -1
- package/dist/components/surfaces/collapsible/components/collapsible-panel/CollapsiblePanel.d.ts +5 -0
- package/dist/components/surfaces/collapsible/components/collapsible-panel/CollapsiblePanel.js.map +1 -1
- package/dist/components/surfaces/collapsible/components/collapsible-panel/styles/CollapsiblePanel.css.cjs +1 -1
- package/dist/components/surfaces/collapsible/components/collapsible-panel/styles/CollapsiblePanel.css.js +1 -1
- package/dist/components/surfaces/collapsible/components/collapsible-trigger/CollapsibleTrigger.cjs +1 -1
- package/dist/components/surfaces/collapsible/components/collapsible-trigger/CollapsibleTrigger.cjs.map +1 -1
- package/dist/components/surfaces/collapsible/components/collapsible-trigger/CollapsibleTrigger.d.ts +5 -0
- package/dist/components/surfaces/collapsible/components/collapsible-trigger/CollapsibleTrigger.js +1 -1
- package/dist/components/surfaces/collapsible/components/collapsible-trigger/CollapsibleTrigger.js.map +1 -1
- package/dist/components/surfaces/collapsible/components/collapsible-trigger/styles/CollapsibleTrigger.css.cjs +1 -1
- package/dist/components/surfaces/collapsible/components/collapsible-trigger/styles/CollapsibleTrigger.css.js +1 -1
- package/dist/components/surfaces/collapsible/styles/Collapsible.css.cjs +1 -1
- package/dist/components/surfaces/collapsible/styles/Collapsible.css.js +1 -1
- package/dist/components/theme-provider/ThemeProvider.cjs +1 -1
- package/dist/components/theme-provider/ThemeProvider.js +1 -1
- package/dist/constants/animations/fade/fadeIn.css.cjs +1 -1
- package/dist/constants/animations/fade/fadeIn.css.js +1 -1
- package/dist/constants/animations/fade/fadeOut.css.cjs +1 -1
- package/dist/constants/animations/fade/fadeOut.css.js +1 -1
- package/dist/constants/animations/slide/slideDownIn.css.cjs +1 -1
- package/dist/constants/animations/slide/slideDownIn.css.js +1 -1
- package/dist/constants/animations/slide/slideDownOut.css.cjs +1 -1
- package/dist/constants/animations/slide/slideDownOut.css.js +1 -1
- package/dist/constants/animations/slide/slideLeftOut.css.cjs +1 -1
- package/dist/constants/animations/slide/slideLeftOut.css.js +1 -1
- package/dist/constants/animations/slide/slideRightIn.css.cjs +1 -1
- package/dist/constants/animations/slide/slideRightIn.css.js +1 -1
- package/dist/constants/animations/slide/slideRightOut.css.cjs +1 -1
- package/dist/constants/animations/slide/slideRightOut.css.js +1 -1
- package/dist/constants/animations/slide/slideUpIn.css.cjs +1 -1
- package/dist/constants/animations/slide/slideUpIn.css.js +1 -1
- package/dist/constants/animations/slide/slideUpOut.css.cjs +1 -1
- package/dist/constants/animations/slide/slideUpOut.css.js +1 -1
- package/dist/constants/animations/spin/spinAnimation.css.cjs +1 -1
- package/dist/constants/animations/spin/spinAnimation.css.js +1 -1
- package/dist/hooks/use-notification/useNotification.hook.cjs +1 -1
- package/dist/hooks/use-notification/useNotification.hook.js +1 -1
- package/dist/hooks/use-toast/useToast.hook.cjs +1 -1
- package/dist/hooks/use-toast/useToast.hook.js +1 -1
- package/dist/index.cjs +1 -1
- package/dist/index.js +1 -1
- package/dist/styles.css +138 -138
- package/dist/ui-kit10.css +1 -1
- package/dist/ui-kit100.css +1 -1
- package/dist/ui-kit101.css +1 -1
- package/dist/ui-kit102.css +1 -1
- package/dist/ui-kit103.css +1 -1
- package/dist/ui-kit104.css +1 -1
- package/dist/ui-kit105.css +1 -1
- package/dist/ui-kit106.css +1 -1
- package/dist/ui-kit107.css +1 -1
- package/dist/ui-kit108.css +1 -1
- package/dist/ui-kit109.css +1 -1
- package/dist/ui-kit11.css +1 -1
- package/dist/ui-kit110.css +1 -1
- package/dist/ui-kit112.css +1 -1
- package/dist/ui-kit113.css +1 -1
- package/dist/ui-kit114.css +1 -1
- package/dist/ui-kit116.css +1 -1
- package/dist/ui-kit117.css +1 -1
- package/dist/ui-kit118.css +1 -1
- package/dist/ui-kit119.css +1 -1
- package/dist/ui-kit12.css +1 -1
- package/dist/ui-kit120.css +1 -1
- package/dist/ui-kit121.css +1 -1
- package/dist/ui-kit122.css +1 -1
- package/dist/ui-kit123.css +1 -1
- package/dist/ui-kit124.css +1 -1
- package/dist/ui-kit125.css +1 -1
- package/dist/ui-kit126.css +1 -1
- package/dist/ui-kit127.css +1 -1
- package/dist/ui-kit128.css +1 -1
- package/dist/ui-kit129.css +1 -1
- package/dist/ui-kit13.css +1 -1
- package/dist/ui-kit130.css +1 -1
- package/dist/ui-kit131.css +1 -1
- package/dist/ui-kit132.css +1 -1
- package/dist/ui-kit133.css +1 -1
- package/dist/ui-kit134.css +1 -1
- package/dist/ui-kit135.css +1 -1
- package/dist/ui-kit136.css +1 -1
- package/dist/ui-kit137.css +1 -1
- package/dist/ui-kit138.css +1 -1
- package/dist/ui-kit139.css +1 -1
- package/dist/ui-kit140.css +1 -1
- package/dist/ui-kit141.css +1 -1
- package/dist/ui-kit142.css +1 -1
- package/dist/ui-kit143.css +1 -1
- package/dist/ui-kit144.css +1 -1
- package/dist/ui-kit145.css +1 -1
- package/dist/ui-kit146.css +1 -1
- package/dist/ui-kit147.css +1 -1
- package/dist/ui-kit148.css +1 -1
- package/dist/ui-kit149.css +1 -1
- package/dist/ui-kit15.css +1 -1
- package/dist/ui-kit150.css +1 -1
- package/dist/ui-kit151.css +1 -1
- package/dist/ui-kit152.css +1 -1
- package/dist/ui-kit153.css +1 -1
- package/dist/ui-kit154.css +1 -1
- package/dist/ui-kit155.css +1 -1
- package/dist/ui-kit156.css +1 -1
- package/dist/ui-kit16.css +1 -1
- package/dist/ui-kit17.css +1 -1
- package/dist/ui-kit18.css +1 -1
- package/dist/ui-kit19.css +1 -1
- package/dist/ui-kit20.css +1 -1
- package/dist/ui-kit21.css +1 -1
- package/dist/ui-kit22.css +1 -1
- package/dist/ui-kit23.css +1 -1
- package/dist/ui-kit24.css +1 -1
- package/dist/ui-kit25.css +1 -1
- package/dist/ui-kit26.css +1 -1
- package/dist/ui-kit27.css +1 -1
- package/dist/ui-kit28.css +1 -1
- package/dist/ui-kit29.css +1 -1
- package/dist/ui-kit3.css +1 -1
- package/dist/ui-kit30.css +1 -1
- package/dist/ui-kit31.css +1 -1
- package/dist/ui-kit32.css +1 -1
- package/dist/ui-kit33.css +1 -1
- package/dist/ui-kit34.css +1 -1
- package/dist/ui-kit35.css +1 -1
- package/dist/ui-kit36.css +1 -1
- package/dist/ui-kit37.css +1 -1
- package/dist/ui-kit38.css +1 -1
- package/dist/ui-kit39.css +1 -1
- package/dist/ui-kit40.css +1 -1
- package/dist/ui-kit41.css +1 -1
- package/dist/ui-kit42.css +1 -1
- package/dist/ui-kit43.css +1 -1
- package/dist/ui-kit44.css +1 -1
- package/dist/ui-kit45.css +1 -1
- package/dist/ui-kit46.css +1 -1
- package/dist/ui-kit47.css +1 -1
- package/dist/ui-kit48.css +1 -1
- package/dist/ui-kit49.css +1 -1
- package/dist/ui-kit5.css +1 -1
- package/dist/ui-kit50.css +1 -1
- package/dist/ui-kit51.css +1 -1
- package/dist/ui-kit52.css +1 -1
- package/dist/ui-kit53.css +1 -1
- package/dist/ui-kit54.css +1 -1
- package/dist/ui-kit55.css +1 -1
- package/dist/ui-kit56.css +1 -1
- package/dist/ui-kit57.css +1 -1
- package/dist/ui-kit58.css +1 -1
- package/dist/ui-kit59.css +1 -1
- package/dist/ui-kit6.css +1 -1
- package/dist/ui-kit60.css +1 -1
- package/dist/ui-kit61.css +1 -1
- package/dist/ui-kit62.css +1 -1
- package/dist/ui-kit63.css +1 -1
- package/dist/ui-kit64.css +1 -1
- package/dist/ui-kit65.css +1 -1
- package/dist/ui-kit66.css +1 -1
- package/dist/ui-kit68.css +1 -1
- package/dist/ui-kit69.css +1 -1
- package/dist/ui-kit7.css +1 -1
- package/dist/ui-kit70.css +1 -1
- package/dist/ui-kit71.css +1 -1
- package/dist/ui-kit72.css +1 -1
- package/dist/ui-kit73.css +1 -1
- package/dist/ui-kit74.css +1 -1
- package/dist/ui-kit75.css +1 -1
- package/dist/ui-kit76.css +1 -1
- package/dist/ui-kit77.css +1 -1
- package/dist/ui-kit78.css +1 -1
- package/dist/ui-kit79.css +1 -1
- package/dist/ui-kit8.css +1 -1
- package/dist/ui-kit80.css +1 -1
- package/dist/ui-kit81.css +1 -1
- package/dist/ui-kit82.css +1 -1
- package/dist/ui-kit83.css +1 -1
- package/dist/ui-kit84.css +1 -1
- package/dist/ui-kit85.css +1 -1
- package/dist/ui-kit86.css +1 -1
- package/dist/ui-kit87.css +1 -1
- package/dist/ui-kit88.css +1 -1
- package/dist/ui-kit89.css +1 -1
- package/dist/ui-kit9.css +1 -1
- package/dist/ui-kit91.css +1 -1
- package/dist/ui-kit92.css +1 -1
- package/dist/ui-kit93.css +1 -1
- package/dist/ui-kit94.css +1 -1
- package/dist/ui-kit95.css +1 -1
- package/dist/ui-kit96.css +1 -1
- package/dist/ui-kit97.css +1 -1
- package/dist/ui-kit98.css +1 -1
- package/dist/ui-kit99.css +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Progress.cjs","sources":["../../../../src/components/feedback/progress/Progress.tsx"],"sourcesContent":["import { PROGRESS_STYLES } from '@components/feedback/progress/styles/Progress.css.ts'\r\nimport type { ProgressBaseProps, ProgressRenderProps } from '@components/feedback/progress/types/Progress.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst clamp = (value: number) => Math.min(100, Math.max(0, value))\r\n\r\nconst Progress: FC<ProgressBaseProps> = memo<ProgressRenderProps>(({\r\n value,\r\n color,\r\n size = 'sm',\r\n borderRadius = 'sm',\r\n label,\r\n 'aria-label': ariaLabel,\r\n 'aria-labelledby': ariaLabelledBy,\r\n quantityLabel,\r\n width = '100%',\r\n className,\r\n ref,\r\n ...props\r\n}) => {\r\n const clampedValue = clamp(value)\r\n const resolvedQuantityLabel =\r\n quantityLabel === true ? `${Math.round(clampedValue)}%` : quantityLabel\r\n const valueText = resolvedQuantityLabel ?? `${clampedValue}%`\r\n\r\n return (\r\n <Box\r\n ref={ref}\r\n display={'flex'}\r\n flexDirection={'column'}\r\n gap={'xs'}\r\n width={width}\r\n className={className}\r\n {...props}\r\n >\r\n {(label || resolvedQuantityLabel) && (\r\n <Box\r\n display={'flex'}\r\n justifyContent={'space-between'}\r\n alignItems={'center'}\r\n gap={'sm'}\r\n >\r\n {label && (\r\n <Typography\r\n as={'span'}\r\n variant={'span'}\r\n fontSize={'sm'}\r\n color={'textSecondary'}\r\n >\r\n {label}\r\n </Typography>\r\n )}\r\n {resolvedQuantityLabel && (\r\n <Typography\r\n as={'span'}\r\n variant={'span'}\r\n fontSize={'sm'}\r\n fontWeight={'medium'}\r\n color={'textSecondary'}\r\n >\r\n {resolvedQuantityLabel}\r\n </Typography>\r\n )}\r\n </Box>\r\n )}\r\n <Box\r\n as={'div'}\r\n role={'progressbar'}\r\n aria-valuenow={clampedValue}\r\n aria-valuemin={0}\r\n aria-valuemax={100}\r\n aria-valuetext={valueText}\r\n aria-label={label ?? ariaLabel}\r\n aria-labelledby={ariaLabelledBy}\r\n className={cn(PROGRESS_STYLES.recipe({ size, borderRadius, color }))}\r\n >\r\n <Box\r\n as={'div'}\r\n data-progress-fill\r\n width={`${clampedValue}%`}\r\n className={cn(PROGRESS_STYLES.fill({ borderRadius, color }))}\r\n />\r\n </Box>\r\n </Box>\r\n )\r\n})\r\n\r\nProgress.displayName = 'Progress'\r\n\r\nexport default Progress\r\n"],"names":["clamp","value","Progress","memo","color","size","borderRadius","label","ariaLabel","ariaLabelledBy","quantityLabel","width","className","ref","props","clampedValue","resolvedQuantityLabel","valueText","jsxs","Box","jsx","Typography","cn","PROGRESS_STYLES"],"mappings":"yWAOMA,EAASC,GAAkB,KAAK,IAAI,IAAK,KAAK,IAAI,EAAGA,CAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"Progress.cjs","sources":["../../../../src/components/feedback/progress/Progress.tsx"],"sourcesContent":["import { PROGRESS_STYLES } from '@components/feedback/progress/styles/Progress.css.ts'\r\nimport type { ProgressBaseProps, ProgressRenderProps } from '@components/feedback/progress/types/Progress.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst clamp = (value: number) => Math.min(100, Math.max(0, value))\r\n\r\n/**\r\n * Horizontal `role=\"progressbar\"` with label, optional quantity display,\r\n * design-token `size` (xs|sm|md|lg|xl), `color`, and `borderRadius`.\r\n * Requires an accessible name via `label`, `aria-label`, or\r\n * `aria-labelledby`.\r\n */\r\nconst Progress: FC<ProgressBaseProps> = memo<ProgressRenderProps>(({\r\n value,\r\n color,\r\n size = 'sm',\r\n borderRadius = 'sm',\r\n label,\r\n 'aria-label': ariaLabel,\r\n 'aria-labelledby': ariaLabelledBy,\r\n quantityLabel,\r\n width = '100%',\r\n className,\r\n ref,\r\n ...props\r\n}) => {\r\n const clampedValue = clamp(value)\r\n const resolvedQuantityLabel =\r\n quantityLabel === true ? `${Math.round(clampedValue)}%` : quantityLabel\r\n const valueText = resolvedQuantityLabel ?? `${clampedValue}%`\r\n\r\n return (\r\n <Box\r\n ref={ref}\r\n display={'flex'}\r\n flexDirection={'column'}\r\n gap={'xs'}\r\n width={width}\r\n className={className}\r\n {...props}\r\n >\r\n {(label || resolvedQuantityLabel) && (\r\n <Box\r\n display={'flex'}\r\n justifyContent={'space-between'}\r\n alignItems={'center'}\r\n gap={'sm'}\r\n >\r\n {label && (\r\n <Typography\r\n as={'span'}\r\n variant={'span'}\r\n fontSize={'sm'}\r\n color={'textSecondary'}\r\n >\r\n {label}\r\n </Typography>\r\n )}\r\n {resolvedQuantityLabel && (\r\n <Typography\r\n as={'span'}\r\n variant={'span'}\r\n fontSize={'sm'}\r\n fontWeight={'medium'}\r\n color={'textSecondary'}\r\n >\r\n {resolvedQuantityLabel}\r\n </Typography>\r\n )}\r\n </Box>\r\n )}\r\n <Box\r\n as={'div'}\r\n role={'progressbar'}\r\n aria-valuenow={clampedValue}\r\n aria-valuemin={0}\r\n aria-valuemax={100}\r\n aria-valuetext={valueText}\r\n aria-label={label ?? ariaLabel}\r\n aria-labelledby={ariaLabelledBy}\r\n className={cn(PROGRESS_STYLES.recipe({ size, borderRadius, color }))}\r\n >\r\n <Box\r\n as={'div'}\r\n data-progress-fill\r\n width={`${clampedValue}%`}\r\n className={cn(PROGRESS_STYLES.fill({ borderRadius, color }))}\r\n />\r\n </Box>\r\n </Box>\r\n )\r\n})\r\n\r\nProgress.displayName = 'Progress'\r\n\r\nexport default Progress\r\n"],"names":["clamp","value","Progress","memo","color","size","borderRadius","label","ariaLabel","ariaLabelledBy","quantityLabel","width","className","ref","props","clampedValue","resolvedQuantityLabel","valueText","jsxs","Box","jsx","Typography","cn","PROGRESS_STYLES"],"mappings":"yWAOMA,EAASC,GAAkB,KAAK,IAAI,IAAK,KAAK,IAAI,EAAGA,CAAK,CAAC,EAQ3DC,EAAkCC,EAAAA,KAA0B,CAAC,CAC/D,MAAAF,EACA,MAAAG,EACA,KAAAC,EAAO,KACP,aAAAC,EAAe,KACf,MAAAC,EACA,aAAcC,EACd,kBAAmBC,EACnB,cAAAC,EACA,MAAAC,EAAQ,OACR,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAef,EAAMC,CAAK,EAC1Be,EACNN,IAAkB,GAAO,GAAG,KAAK,MAAMK,CAAY,CAAC,IAAML,EACpDO,EAAYD,GAAyB,GAAGD,CAAY,IAE1D,OACIG,EAAAA,KAACC,EAAA,CACG,IAAAN,EACA,QAAS,OACT,cAAe,SACf,IAAK,KACL,MAAAF,EACA,UAAAC,EACC,GAAGE,EAEF,SAAA,EAAAP,GAASS,IACPE,EAAAA,KAACC,EAAA,CACG,QAAS,OACT,eAAgB,gBAChB,WAAY,SACZ,IAAK,KAEJ,SAAA,CAAAZ,GACGa,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,KACV,MAAO,gBAEN,SAAAd,CAAA,CAAA,EAGRS,GACGI,EAAAA,IAACC,EAAA,CACG,GAAI,OACJ,QAAS,OACT,SAAU,KACV,WAAY,SACZ,MAAO,gBAEN,SAAAL,CAAA,CAAA,CACL,CAAA,CAAA,EAIZI,EAAAA,IAACD,EAAA,CACG,GAAI,MACJ,KAAM,cACN,gBAAeJ,EACf,gBAAe,EACf,gBAAe,IACf,iBAAgBE,EAChB,aAAYV,GAASC,EACrB,kBAAiBC,EACjB,UAAWa,EAAAA,GAAGC,EAAAA,gBAAgB,OAAO,CAAE,KAAAlB,EAAM,aAAAC,EAAc,MAAAF,CAAA,CAAO,CAAC,EAEnE,SAAAgB,EAAAA,IAACD,EAAA,CACG,GAAI,MACJ,qBAAkB,GAClB,MAAO,GAAGJ,CAAY,IACtB,UAAWO,EAAAA,GAAGC,EAAAA,gBAAgB,KAAK,CAAE,aAAAjB,EAAc,MAAAF,EAAO,CAAC,CAAA,CAAA,CAC/D,CAAA,CACJ,CAAA,CAAA,CAGZ,CAAC,EAEDF,EAAS,YAAc"}
|
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
import { ProgressBaseProps } from './types/Progress.props.ts';
|
|
2
2
|
import { FC } from 'react';
|
|
3
|
+
/**
|
|
4
|
+
* Horizontal `role="progressbar"` with label, optional quantity display,
|
|
5
|
+
* design-token `size` (xs|sm|md|lg|xl), `color`, and `borderRadius`.
|
|
6
|
+
* Requires an accessible name via `label`, `aria-label`, or
|
|
7
|
+
* `aria-labelledby`.
|
|
8
|
+
*/
|
|
3
9
|
declare const Progress: FC<ProgressBaseProps>;
|
|
4
10
|
export default Progress;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Progress.js","sources":["../../../../src/components/feedback/progress/Progress.tsx"],"sourcesContent":["import { PROGRESS_STYLES } from '@components/feedback/progress/styles/Progress.css.ts'\r\nimport type { ProgressBaseProps, ProgressRenderProps } from '@components/feedback/progress/types/Progress.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst clamp = (value: number) => Math.min(100, Math.max(0, value))\r\n\r\nconst Progress: FC<ProgressBaseProps> = memo<ProgressRenderProps>(({\r\n value,\r\n color,\r\n size = 'sm',\r\n borderRadius = 'sm',\r\n label,\r\n 'aria-label': ariaLabel,\r\n 'aria-labelledby': ariaLabelledBy,\r\n quantityLabel,\r\n width = '100%',\r\n className,\r\n ref,\r\n ...props\r\n}) => {\r\n const clampedValue = clamp(value)\r\n const resolvedQuantityLabel =\r\n quantityLabel === true ? `${Math.round(clampedValue)}%` : quantityLabel\r\n const valueText = resolvedQuantityLabel ?? `${clampedValue}%`\r\n\r\n return (\r\n <Box\r\n ref={ref}\r\n display={'flex'}\r\n flexDirection={'column'}\r\n gap={'xs'}\r\n width={width}\r\n className={className}\r\n {...props}\r\n >\r\n {(label || resolvedQuantityLabel) && (\r\n <Box\r\n display={'flex'}\r\n justifyContent={'space-between'}\r\n alignItems={'center'}\r\n gap={'sm'}\r\n >\r\n {label && (\r\n <Typography\r\n as={'span'}\r\n variant={'span'}\r\n fontSize={'sm'}\r\n color={'textSecondary'}\r\n >\r\n {label}\r\n </Typography>\r\n )}\r\n {resolvedQuantityLabel && (\r\n <Typography\r\n as={'span'}\r\n variant={'span'}\r\n fontSize={'sm'}\r\n fontWeight={'medium'}\r\n color={'textSecondary'}\r\n >\r\n {resolvedQuantityLabel}\r\n </Typography>\r\n )}\r\n </Box>\r\n )}\r\n <Box\r\n as={'div'}\r\n role={'progressbar'}\r\n aria-valuenow={clampedValue}\r\n aria-valuemin={0}\r\n aria-valuemax={100}\r\n aria-valuetext={valueText}\r\n aria-label={label ?? ariaLabel}\r\n aria-labelledby={ariaLabelledBy}\r\n className={cn(PROGRESS_STYLES.recipe({ size, borderRadius, color }))}\r\n >\r\n <Box\r\n as={'div'}\r\n data-progress-fill\r\n width={`${clampedValue}%`}\r\n className={cn(PROGRESS_STYLES.fill({ borderRadius, color }))}\r\n />\r\n </Box>\r\n </Box>\r\n )\r\n})\r\n\r\nProgress.displayName = 'Progress'\r\n\r\nexport default Progress\r\n"],"names":["clamp","value","Progress","memo","color","size","borderRadius","label","ariaLabel","ariaLabelledBy","quantityLabel","width","className","ref","props","clampedValue","resolvedQuantityLabel","valueText","jsxs","Box","jsx","Typography","cn","PROGRESS_STYLES"],"mappings":";;;;;;;;AAOA,MAAMA,IAAQ,CAACC,MAAkB,KAAK,IAAI,KAAK,KAAK,IAAI,GAAGA,CAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"Progress.js","sources":["../../../../src/components/feedback/progress/Progress.tsx"],"sourcesContent":["import { PROGRESS_STYLES } from '@components/feedback/progress/styles/Progress.css.ts'\r\nimport type { ProgressBaseProps, ProgressRenderProps } from '@components/feedback/progress/types/Progress.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst clamp = (value: number) => Math.min(100, Math.max(0, value))\r\n\r\n/**\r\n * Horizontal `role=\"progressbar\"` with label, optional quantity display,\r\n * design-token `size` (xs|sm|md|lg|xl), `color`, and `borderRadius`.\r\n * Requires an accessible name via `label`, `aria-label`, or\r\n * `aria-labelledby`.\r\n */\r\nconst Progress: FC<ProgressBaseProps> = memo<ProgressRenderProps>(({\r\n value,\r\n color,\r\n size = 'sm',\r\n borderRadius = 'sm',\r\n label,\r\n 'aria-label': ariaLabel,\r\n 'aria-labelledby': ariaLabelledBy,\r\n quantityLabel,\r\n width = '100%',\r\n className,\r\n ref,\r\n ...props\r\n}) => {\r\n const clampedValue = clamp(value)\r\n const resolvedQuantityLabel =\r\n quantityLabel === true ? `${Math.round(clampedValue)}%` : quantityLabel\r\n const valueText = resolvedQuantityLabel ?? `${clampedValue}%`\r\n\r\n return (\r\n <Box\r\n ref={ref}\r\n display={'flex'}\r\n flexDirection={'column'}\r\n gap={'xs'}\r\n width={width}\r\n className={className}\r\n {...props}\r\n >\r\n {(label || resolvedQuantityLabel) && (\r\n <Box\r\n display={'flex'}\r\n justifyContent={'space-between'}\r\n alignItems={'center'}\r\n gap={'sm'}\r\n >\r\n {label && (\r\n <Typography\r\n as={'span'}\r\n variant={'span'}\r\n fontSize={'sm'}\r\n color={'textSecondary'}\r\n >\r\n {label}\r\n </Typography>\r\n )}\r\n {resolvedQuantityLabel && (\r\n <Typography\r\n as={'span'}\r\n variant={'span'}\r\n fontSize={'sm'}\r\n fontWeight={'medium'}\r\n color={'textSecondary'}\r\n >\r\n {resolvedQuantityLabel}\r\n </Typography>\r\n )}\r\n </Box>\r\n )}\r\n <Box\r\n as={'div'}\r\n role={'progressbar'}\r\n aria-valuenow={clampedValue}\r\n aria-valuemin={0}\r\n aria-valuemax={100}\r\n aria-valuetext={valueText}\r\n aria-label={label ?? ariaLabel}\r\n aria-labelledby={ariaLabelledBy}\r\n className={cn(PROGRESS_STYLES.recipe({ size, borderRadius, color }))}\r\n >\r\n <Box\r\n as={'div'}\r\n data-progress-fill\r\n width={`${clampedValue}%`}\r\n className={cn(PROGRESS_STYLES.fill({ borderRadius, color }))}\r\n />\r\n </Box>\r\n </Box>\r\n )\r\n})\r\n\r\nProgress.displayName = 'Progress'\r\n\r\nexport default Progress\r\n"],"names":["clamp","value","Progress","memo","color","size","borderRadius","label","ariaLabel","ariaLabelledBy","quantityLabel","width","className","ref","props","clampedValue","resolvedQuantityLabel","valueText","jsxs","Box","jsx","Typography","cn","PROGRESS_STYLES"],"mappings":";;;;;;;;AAOA,MAAMA,IAAQ,CAACC,MAAkB,KAAK,IAAI,KAAK,KAAK,IAAI,GAAGA,CAAK,CAAC,GAQ3DC,IAAkCC,EAA0B,CAAC;AAAA,EAC/D,OAAAF;AAAA,EACA,OAAAG;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,cAAAC,IAAe;AAAA,EACf,OAAAC;AAAA,EACA,cAAcC;AAAA,EACd,mBAAmBC;AAAA,EACnB,eAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAef,EAAMC,CAAK,GAC1Be,IACNN,MAAkB,KAAO,GAAG,KAAK,MAAMK,CAAY,CAAC,MAAML,GACpDO,IAAYD,KAAyB,GAAGD,CAAY;AAE1D,SACI,gBAAAG;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,KAAAN;AAAA,MACA,SAAS;AAAA,MACT,eAAe;AAAA,MACf,KAAK;AAAA,MACL,OAAAF;AAAA,MACA,WAAAC;AAAA,MACC,GAAGE;AAAA,MAEF,UAAA;AAAA,SAAAP,KAASS,MACP,gBAAAE;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,SAAS;AAAA,YACT,gBAAgB;AAAA,YAChB,YAAY;AAAA,YACZ,KAAK;AAAA,YAEJ,UAAA;AAAA,cAAAZ,KACG,gBAAAa;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACG,IAAI;AAAA,kBACJ,SAAS;AAAA,kBACT,UAAU;AAAA,kBACV,OAAO;AAAA,kBAEN,UAAAd;AAAA,gBAAA;AAAA,cAAA;AAAA,cAGRS,KACG,gBAAAI;AAAA,gBAACC;AAAA,gBAAA;AAAA,kBACG,IAAI;AAAA,kBACJ,SAAS;AAAA,kBACT,UAAU;AAAA,kBACV,YAAY;AAAA,kBACZ,OAAO;AAAA,kBAEN,UAAAL;AAAA,gBAAA;AAAA,cAAA;AAAA,YACL;AAAA,UAAA;AAAA,QAAA;AAAA,QAIZ,gBAAAI;AAAA,UAACD;AAAA,UAAA;AAAA,YACG,IAAI;AAAA,YACJ,MAAM;AAAA,YACN,iBAAeJ;AAAA,YACf,iBAAe;AAAA,YACf,iBAAe;AAAA,YACf,kBAAgBE;AAAA,YAChB,cAAYV,KAASC;AAAA,YACrB,mBAAiBC;AAAA,YACjB,WAAWa,EAAGC,EAAgB,OAAO,EAAE,MAAAlB,GAAM,cAAAC,GAAc,OAAAF,EAAA,CAAO,CAAC;AAAA,YAEnE,UAAA,gBAAAgB;AAAA,cAACD;AAAA,cAAA;AAAA,gBACG,IAAI;AAAA,gBACJ,sBAAkB;AAAA,gBAClB,OAAO,GAAGJ,CAAY;AAAA,gBACtB,WAAWO,EAAGC,EAAgB,KAAK,EAAE,cAAAjB,GAAc,OAAAF,GAAO,CAAC;AAAA,cAAA;AAAA,YAAA;AAAA,UAC/D;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAAA;AAGZ,CAAC;AAEDF,EAAS,cAAc;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit18.css');require('../../../../ui-kit.css');;/* empty css */;/* empty css */const o=require("@vanilla-extract/recipes/createRuntimeFn");var s={recipe:o.createRuntimeFn({defaultClassName:"_1vsnoou0",variantClassNames:{size:{xs:"_1vsnoou1",sm:"_1vsnoou2",md:"_1vsnoou3",lg:"_1vsnoou4",xl:"_1vsnoou5"},borderRadius:{none:"_1vsnoou6",xs:"_1vsnoou7",sm:"_1vsnoou8",md:"_1vsnoou9",lg:"_1vsnooua",xl:"_1vsnooub","2xl":"_1vsnoouc",full:"_1vsnooud"},color:{primary:"_1vsnooue",secondary:"_1vsnoouf",tertiary:"_1vsnooug",destructive:"_1vsnoouh",success:"_1vsnooui",warning:"_1vsnoouj",info:"_1vsnoouk",purple:"_1vsnooul",pink:"_1vsnooum",orange:"_1vsnooun",teal:"_1vsnoouo",cyan:"_1vsnooup",indigo:"_1vsnoouq"}},defaultVariants:{size:"sm",borderRadius:"sm",color:"primary"},compoundVariants:[[{color:"primary"},"_1vsnoour"],[{color:"secondary"},"_1vsnoous"],[{color:"tertiary"},"_1vsnoout"],[{color:"destructive"},"_1vsnoouu"],[{color:"success"},"_1vsnoouv"],[{color:"warning"},"_1vsnoouw"],[{color:"info"},"_1vsnooux"],[{color:"purple"},"_1vsnoouy"],[{color:"pink"},"_1vsnoouz"],[{color:"orange"},"_1vsnoou10"],[{color:"teal"},"_1vsnoou11"],[{color:"cyan"},"_1vsnoou12"],[{color:"indigo"},"_1vsnoou13"]]}),fill:o.createRuntimeFn({defaultClassName:"_1vsnoou14",variantClassNames:{borderRadius:{none:"_1vsnoou15",xs:"_1vsnoou16",sm:"_1vsnoou17",md:"_1vsnoou18",lg:"_1vsnoou19",xl:"_1vsnoou1a","2xl":"_1vsnoou1b",full:"_1vsnoou1c"},color:{primary:"_1vsnoou1d",secondary:"_1vsnoou1e",tertiary:"_1vsnoou1f",destructive:"_1vsnoou1g",success:"_1vsnoou1h",warning:"_1vsnoou1i",info:"_1vsnoou1j",purple:"_1vsnoou1k",pink:"_1vsnoou1l",orange:"_1vsnoou1m",teal:"_1vsnoou1n",cyan:"_1vsnoou1o",indigo:"_1vsnoou1p"}},defaultVariants:{borderRadius:"sm",color:"primary"},compoundVariants:[]}),circular:o.createRuntimeFn({defaultClassName:"_1vsnoou1q",variantClassNames:{size:{xs:"_1vsnoou1r",sm:"_1vsnoou1s",md:"_1vsnoou1t",lg:"_1vsnoou1u",xl:"_1vsnoou1v"}},defaultVariants:{size:"sm"},compoundVariants:[]}),circularTrack:o.createRuntimeFn({defaultClassName:"_1vsnoou1w",variantClassNames:{size:{xs:"_1vsnoou1x",sm:"_1vsnoou1y",md:"_1vsnoou1z",lg:"_1vsnoou20",xl:"_1vsnoou21"},color:{primary:"_1vsnoou22",secondary:"_1vsnoou23",tertiary:"_1vsnoou24",destructive:"_1vsnoou25",success:"_1vsnoou26",warning:"_1vsnoou27",info:"_1vsnoou28",purple:"_1vsnoou29",pink:"_1vsnoou2a",orange:"_1vsnoou2b",teal:"_1vsnoou2c",cyan:"_1vsnoou2d",indigo:"_1vsnoou2e"}},defaultVariants:{size:"sm",color:"primary"},compoundVariants:[]}),circularIndicator:o.createRuntimeFn({defaultClassName:"_1vsnoou2f",variantClassNames:{size:{xs:"_1vsnoou2g",sm:"_1vsnoou2h",md:"_1vsnoou2i",lg:"_1vsnoou2j",xl:"_1vsnoou2k"},color:{primary:"_1vsnoou2l",secondary:"_1vsnoou2m",tertiary:"_1vsnoou2n",destructive:"_1vsnoou2o",success:"_1vsnoou2p",warning:"_1vsnoou2q",info:"_1vsnoou2r",purple:"_1vsnoou2s",pink:"_1vsnoou2t",orange:"_1vsnoou2u",teal:"_1vsnoou2v",cyan:"_1vsnoou2w",indigo:"_1vsnoou2x"}},defaultVariants:{size:"sm",color:"primary"},compoundVariants:[]})};exports.PROGRESS_STYLES=s;
|
|
2
2
|
//# sourceMappingURL=Progress.css.cjs.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import '../../../../ui-
|
|
1
|
+
import '../../../../ui-kit18.css';import '../../../../ui-kit.css';/* empty css */
|
|
2
2
|
/* empty css */
|
|
3
3
|
import { createRuntimeFn as o } from "@vanilla-extract/recipes/createRuntimeFn";
|
|
4
4
|
var v = { recipe: o({ defaultClassName: "_1vsnoou0", variantClassNames: { size: { xs: "_1vsnoou1", sm: "_1vsnoou2", md: "_1vsnoou3", lg: "_1vsnoou4", xl: "_1vsnoou5" }, borderRadius: { none: "_1vsnoou6", xs: "_1vsnoou7", sm: "_1vsnoou8", md: "_1vsnoou9", lg: "_1vsnooua", xl: "_1vsnooub", "2xl": "_1vsnoouc", full: "_1vsnooud" }, color: { primary: "_1vsnooue", secondary: "_1vsnoouf", tertiary: "_1vsnooug", destructive: "_1vsnoouh", success: "_1vsnooui", warning: "_1vsnoouj", info: "_1vsnoouk", purple: "_1vsnooul", pink: "_1vsnooum", orange: "_1vsnooun", teal: "_1vsnoouo", cyan: "_1vsnooup", indigo: "_1vsnoouq" } }, defaultVariants: { size: "sm", borderRadius: "sm", color: "primary" }, compoundVariants: [[{ color: "primary" }, "_1vsnoour"], [{ color: "secondary" }, "_1vsnoous"], [{ color: "tertiary" }, "_1vsnoout"], [{ color: "destructive" }, "_1vsnoouu"], [{ color: "success" }, "_1vsnoouv"], [{ color: "warning" }, "_1vsnoouw"], [{ color: "info" }, "_1vsnooux"], [{ color: "purple" }, "_1vsnoouy"], [{ color: "pink" }, "_1vsnoouz"], [{ color: "orange" }, "_1vsnoou10"], [{ color: "teal" }, "_1vsnoou11"], [{ color: "cyan" }, "_1vsnoou12"], [{ color: "indigo" }, "_1vsnoou13"]] }), fill: o({ defaultClassName: "_1vsnoou14", variantClassNames: { borderRadius: { none: "_1vsnoou15", xs: "_1vsnoou16", sm: "_1vsnoou17", md: "_1vsnoou18", lg: "_1vsnoou19", xl: "_1vsnoou1a", "2xl": "_1vsnoou1b", full: "_1vsnoou1c" }, color: { primary: "_1vsnoou1d", secondary: "_1vsnoou1e", tertiary: "_1vsnoou1f", destructive: "_1vsnoou1g", success: "_1vsnoou1h", warning: "_1vsnoou1i", info: "_1vsnoou1j", purple: "_1vsnoou1k", pink: "_1vsnoou1l", orange: "_1vsnoou1m", teal: "_1vsnoou1n", cyan: "_1vsnoou1o", indigo: "_1vsnoou1p" } }, defaultVariants: { borderRadius: "sm", color: "primary" }, compoundVariants: [] }), circular: o({ defaultClassName: "_1vsnoou1q", variantClassNames: { size: { xs: "_1vsnoou1r", sm: "_1vsnoou1s", md: "_1vsnoou1t", lg: "_1vsnoou1u", xl: "_1vsnoou1v" } }, defaultVariants: { size: "sm" }, compoundVariants: [] }), circularTrack: o({ defaultClassName: "_1vsnoou1w", variantClassNames: { size: { xs: "_1vsnoou1x", sm: "_1vsnoou1y", md: "_1vsnoou1z", lg: "_1vsnoou20", xl: "_1vsnoou21" }, color: { primary: "_1vsnoou22", secondary: "_1vsnoou23", tertiary: "_1vsnoou24", destructive: "_1vsnoou25", success: "_1vsnoou26", warning: "_1vsnoou27", info: "_1vsnoou28", purple: "_1vsnoou29", pink: "_1vsnoou2a", orange: "_1vsnoou2b", teal: "_1vsnoou2c", cyan: "_1vsnoou2d", indigo: "_1vsnoou2e" } }, defaultVariants: { size: "sm", color: "primary" }, compoundVariants: [] }), circularIndicator: o({ defaultClassName: "_1vsnoou2f", variantClassNames: { size: { xs: "_1vsnoou2g", sm: "_1vsnoou2h", md: "_1vsnoou2i", lg: "_1vsnoou2j", xl: "_1vsnoou2k" }, color: { primary: "_1vsnoou2l", secondary: "_1vsnoou2m", tertiary: "_1vsnoou2n", destructive: "_1vsnoou2o", success: "_1vsnoou2p", warning: "_1vsnoou2q", info: "_1vsnoou2r", purple: "_1vsnoou2s", pink: "_1vsnoou2t", orange: "_1vsnoou2u", teal: "_1vsnoou2v", cyan: "_1vsnoou2w", indigo: "_1vsnoou2x" } }, defaultVariants: { size: "sm", color: "primary" }, compoundVariants: [] }) };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.cjs","sources":["../../../../src/components/feedback/skeleton/Skeleton.tsx"],"sourcesContent":["import { SKELETON_STYLES } from '@components/feedback/skeleton/styles/Skeleton.css.ts'\r\nimport type { SkeletonProps } from '@components/feedback/skeleton/types/Skeleton.props.ts'\r\nimport Box from '@components/layout/box/Box.tsx'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst Skeleton: FC<SkeletonProps> = memo(({\r\n variant,\r\n width,\r\n height,\r\n className,\r\n style,\r\n ref,\r\n ...props\r\n}) => {\r\n return (\r\n <Box\r\n ref={ref}\r\n className={cn(SKELETON_STYLES.recipe({ variant }), className)}\r\n aria-hidden={'true'}\r\n style={{ width, height, ...style }}\r\n {...props}\r\n />\r\n )\r\n})\r\n\r\nSkeleton.displayName = 'Skeleton'\r\n\r\nexport default Skeleton\r\n"],"names":["Skeleton","memo","variant","width","height","className","style","ref","props","jsx","Box","cn","SKELETON_STYLES"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Skeleton.cjs","sources":["../../../../src/components/feedback/skeleton/Skeleton.tsx"],"sourcesContent":["import { SKELETON_STYLES } from '@components/feedback/skeleton/styles/Skeleton.css.ts'\r\nimport type { SkeletonProps } from '@components/feedback/skeleton/types/Skeleton.props.ts'\r\nimport Box from '@components/layout/box/Box.tsx'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Animated loading placeholder with `variant` (circular|rectangular|rounded),\r\n * explicit `width`/`height`, and `aria-hidden` so assistive technology ignores\r\n * it while content loads.\r\n */\r\nconst Skeleton: FC<SkeletonProps> = memo(({\r\n variant,\r\n width,\r\n height,\r\n className,\r\n style,\r\n ref,\r\n ...props\r\n}) => {\r\n return (\r\n <Box\r\n ref={ref}\r\n className={cn(SKELETON_STYLES.recipe({ variant }), className)}\r\n aria-hidden={'true'}\r\n style={{ width, height, ...style }}\r\n {...props}\r\n />\r\n )\r\n})\r\n\r\nSkeleton.displayName = 'Skeleton'\r\n\r\nexport default Skeleton\r\n"],"names":["Skeleton","memo","variant","width","height","className","style","ref","props","jsx","Box","cn","SKELETON_STYLES"],"mappings":"qLAWMA,EAA8BC,EAAAA,KAAK,CAAC,CACtC,QAAAC,EACA,MAAAC,EACA,OAAAC,EACA,UAAAC,EACA,MAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAEQC,EAAAA,IAACC,EAAA,CACG,IAAAH,EACA,UAAWI,EAAAA,GAAGC,kBAAgB,OAAO,CAAE,QAAAV,CAAA,CAAS,EAAGG,CAAS,EAC5D,cAAa,OACb,MAAO,CAAE,MAAAF,EAAO,OAAAC,EAAQ,GAAGE,CAAA,EAC1B,GAAGE,CAAA,CAAA,CAGf,EAEDR,EAAS,YAAc"}
|
|
@@ -1,4 +1,9 @@
|
|
|
1
1
|
import { SkeletonProps } from './types/Skeleton.props.ts';
|
|
2
2
|
import { FC } from 'react';
|
|
3
|
+
/**
|
|
4
|
+
* Animated loading placeholder with `variant` (circular|rectangular|rounded),
|
|
5
|
+
* explicit `width`/`height`, and `aria-hidden` so assistive technology ignores
|
|
6
|
+
* it while content loads.
|
|
7
|
+
*/
|
|
3
8
|
declare const Skeleton: FC<SkeletonProps>;
|
|
4
9
|
export default Skeleton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sources":["../../../../src/components/feedback/skeleton/Skeleton.tsx"],"sourcesContent":["import { SKELETON_STYLES } from '@components/feedback/skeleton/styles/Skeleton.css.ts'\r\nimport type { SkeletonProps } from '@components/feedback/skeleton/types/Skeleton.props.ts'\r\nimport Box from '@components/layout/box/Box.tsx'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst Skeleton: FC<SkeletonProps> = memo(({\r\n variant,\r\n width,\r\n height,\r\n className,\r\n style,\r\n ref,\r\n ...props\r\n}) => {\r\n return (\r\n <Box\r\n ref={ref}\r\n className={cn(SKELETON_STYLES.recipe({ variant }), className)}\r\n aria-hidden={'true'}\r\n style={{ width, height, ...style }}\r\n {...props}\r\n />\r\n )\r\n})\r\n\r\nSkeleton.displayName = 'Skeleton'\r\n\r\nexport default Skeleton\r\n"],"names":["Skeleton","memo","variant","width","height","className","style","ref","props","jsx","Box","cn","SKELETON_STYLES"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sources":["../../../../src/components/feedback/skeleton/Skeleton.tsx"],"sourcesContent":["import { SKELETON_STYLES } from '@components/feedback/skeleton/styles/Skeleton.css.ts'\r\nimport type { SkeletonProps } from '@components/feedback/skeleton/types/Skeleton.props.ts'\r\nimport Box from '@components/layout/box/Box.tsx'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Animated loading placeholder with `variant` (circular|rectangular|rounded),\r\n * explicit `width`/`height`, and `aria-hidden` so assistive technology ignores\r\n * it while content loads.\r\n */\r\nconst Skeleton: FC<SkeletonProps> = memo(({\r\n variant,\r\n width,\r\n height,\r\n className,\r\n style,\r\n ref,\r\n ...props\r\n}) => {\r\n return (\r\n <Box\r\n ref={ref}\r\n className={cn(SKELETON_STYLES.recipe({ variant }), className)}\r\n aria-hidden={'true'}\r\n style={{ width, height, ...style }}\r\n {...props}\r\n />\r\n )\r\n})\r\n\r\nSkeleton.displayName = 'Skeleton'\r\n\r\nexport default Skeleton\r\n"],"names":["Skeleton","memo","variant","width","height","className","style","ref","props","jsx","Box","cn","SKELETON_STYLES"],"mappings":";;;;;AAWA,MAAMA,IAA8BC,EAAK,CAAC;AAAA,EACtC,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,KAAAH;AAAA,IACA,WAAWI,EAAGC,EAAgB,OAAO,EAAE,SAAAV,EAAA,CAAS,GAAGG,CAAS;AAAA,IAC5D,eAAa;AAAA,IACb,OAAO,EAAE,OAAAF,GAAO,QAAAC,GAAQ,GAAGE,EAAA;AAAA,IAC1B,GAAGE;AAAA,EAAA;AAAA,CAGf;AAEDR,EAAS,cAAc;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit23.css');require('../../../../ui-kit.css');require('../../../../ui-kit12.css');require('../../../../ui-kit11.css');require('../../../../ui-kit14.css');require('../../../../ui-kit9.css');require('../../../../ui-kit3.css');require('../../../../ui-kit7.css');require('../../../../ui-kit13.css');require('../../../../ui-kit10.css');require('../../../../ui-kit6.css');require('../../../../ui-kit4.css');require('../../../../ui-kit8.css');require('../../../../ui-kit5.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 */;/* empty css */;/* empty css */const e=require("@vanilla-extract/recipes/createRuntimeFn");var r={recipe:e.createRuntimeFn({defaultClassName:"uk2cim0",variantClassNames:{variant:{circular:"uk2cim1",rectangular:"uk2cim2",rounded:"uk2cim3"}},defaultVariants:{variant:"rounded"},compoundVariants:[]})};exports.SKELETON_STYLES=r;
|
|
2
2
|
//# sourceMappingURL=Skeleton.css.cjs.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import '../../../../ui-
|
|
1
|
+
import '../../../../ui-kit23.css';import '../../../../ui-kit.css';import '../../../../ui-kit12.css';import '../../../../ui-kit11.css';import '../../../../ui-kit14.css';import '../../../../ui-kit9.css';import '../../../../ui-kit3.css';import '../../../../ui-kit7.css';import '../../../../ui-kit13.css';import '../../../../ui-kit10.css';import '../../../../ui-kit6.css';import '../../../../ui-kit4.css';import '../../../../ui-kit8.css';import '../../../../ui-kit5.css';/* empty css */
|
|
2
2
|
/* empty css */
|
|
3
3
|
/* empty css */
|
|
4
4
|
/* empty css */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.cjs","sources":["../../../../src/components/feedback/spinner/Spinner.tsx"],"sourcesContent":["import { SPINNER_STYLES } from '@components/feedback/spinner/styles/Spinner.css.ts'\r\nimport type { SpinnerProps } from '@components/feedback/spinner/types/Spinner.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst Spinner: FC<SpinnerProps> = memo(({\r\n size,\r\n color,\r\n className,\r\n role,\r\n ref,\r\n ...props\r\n}) => (\r\n <span\r\n ref={ref}\r\n role={role ?? 'status'}\r\n className={cn(SPINNER_STYLES.recipe({ size, color }), className)}\r\n {...props}\r\n />\r\n))\r\n\r\nSpinner.displayName = 'Spinner'\r\n\r\nexport default Spinner\r\n"],"names":["Spinner","memo","size","color","className","role","ref","props","jsx","cn","SPINNER_STYLES"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Spinner.cjs","sources":["../../../../src/components/feedback/spinner/Spinner.tsx"],"sourcesContent":["import { SPINNER_STYLES } from '@components/feedback/spinner/styles/Spinner.css.ts'\r\nimport type { SpinnerProps } from '@components/feedback/spinner/types/Spinner.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Animated loading spinner rendered as a `<span>` with `role=\"status\"`.\r\n * Supports design-token `size` and `color` props. Screen readers announce\r\n * the element; pair with a visually-hidden label for descriptive text.\r\n */\r\nconst Spinner: FC<SpinnerProps> = memo(({\r\n size,\r\n color,\r\n className,\r\n role,\r\n ref,\r\n ...props\r\n}) => (\r\n <span\r\n ref={ref}\r\n role={role ?? 'status'}\r\n className={cn(SPINNER_STYLES.recipe({ size, color }), className)}\r\n {...props}\r\n />\r\n))\r\n\r\nSpinner.displayName = 'Spinner'\r\n\r\nexport default Spinner\r\n"],"names":["Spinner","memo","size","color","className","role","ref","props","jsx","cn","SPINNER_STYLES"],"mappings":"8IAUMA,EAA4BC,EAAAA,KAAK,CAAC,CACpC,KAAAC,EACA,MAAAC,EACA,UAAAC,EACA,KAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,IAAC,OAAA,CACG,IAAAF,EACA,KAAMD,GAAQ,SACd,UAAWI,EAAAA,GAAGC,EAAAA,eAAe,OAAO,CAAE,KAAAR,EAAM,MAAAC,CAAA,CAAO,EAAGC,CAAS,EAC9D,GAAGG,CAAA,CACR,CACH,EAEDP,EAAQ,YAAc"}
|
|
@@ -1,4 +1,9 @@
|
|
|
1
1
|
import { SpinnerProps } from './types/Spinner.props.ts';
|
|
2
2
|
import { FC } from 'react';
|
|
3
|
+
/**
|
|
4
|
+
* Animated loading spinner rendered as a `<span>` with `role="status"`.
|
|
5
|
+
* Supports design-token `size` and `color` props. Screen readers announce
|
|
6
|
+
* the element; pair with a visually-hidden label for descriptive text.
|
|
7
|
+
*/
|
|
3
8
|
declare const Spinner: FC<SpinnerProps>;
|
|
4
9
|
export default Spinner;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.js","sources":["../../../../src/components/feedback/spinner/Spinner.tsx"],"sourcesContent":["import { SPINNER_STYLES } from '@components/feedback/spinner/styles/Spinner.css.ts'\r\nimport type { SpinnerProps } from '@components/feedback/spinner/types/Spinner.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst Spinner: FC<SpinnerProps> = memo(({\r\n size,\r\n color,\r\n className,\r\n role,\r\n ref,\r\n ...props\r\n}) => (\r\n <span\r\n ref={ref}\r\n role={role ?? 'status'}\r\n className={cn(SPINNER_STYLES.recipe({ size, color }), className)}\r\n {...props}\r\n />\r\n))\r\n\r\nSpinner.displayName = 'Spinner'\r\n\r\nexport default Spinner\r\n"],"names":["Spinner","memo","size","color","className","role","ref","props","jsx","cn","SPINNER_STYLES"],"mappings":";;;;
|
|
1
|
+
{"version":3,"file":"Spinner.js","sources":["../../../../src/components/feedback/spinner/Spinner.tsx"],"sourcesContent":["import { SPINNER_STYLES } from '@components/feedback/spinner/styles/Spinner.css.ts'\r\nimport type { SpinnerProps } from '@components/feedback/spinner/types/Spinner.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Animated loading spinner rendered as a `<span>` with `role=\"status\"`.\r\n * Supports design-token `size` and `color` props. Screen readers announce\r\n * the element; pair with a visually-hidden label for descriptive text.\r\n */\r\nconst Spinner: FC<SpinnerProps> = memo(({\r\n size,\r\n color,\r\n className,\r\n role,\r\n ref,\r\n ...props\r\n}) => (\r\n <span\r\n ref={ref}\r\n role={role ?? 'status'}\r\n className={cn(SPINNER_STYLES.recipe({ size, color }), className)}\r\n {...props}\r\n />\r\n))\r\n\r\nSpinner.displayName = 'Spinner'\r\n\r\nexport default Spinner\r\n"],"names":["Spinner","memo","size","color","className","role","ref","props","jsx","cn","SPINNER_STYLES"],"mappings":";;;;AAUA,MAAMA,IAA4BC,EAAK,CAAC;AAAA,EACpC,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,KAAAF;AAAA,IACA,MAAMD,KAAQ;AAAA,IACd,WAAWI,EAAGC,EAAe,OAAO,EAAE,MAAAR,GAAM,OAAAC,EAAA,CAAO,GAAGC,CAAS;AAAA,IAC9D,GAAGG;AAAA,EAAA;AACR,CACH;AAEDP,EAAQ,cAAc;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../ui-kit16.css');require('../../../../ui-kit.css');require('../../../../ui-kit12.css');require('../../../../ui-kit11.css');require('../../../../ui-kit14.css');require('../../../../ui-kit9.css');require('../../../../ui-kit3.css');require('../../../../ui-kit7.css');require('../../../../ui-kit13.css');require('../../../../ui-kit10.css');require('../../../../ui-kit6.css');require('../../../../ui-kit4.css');require('../../../../ui-kit8.css');require('../../../../ui-kit5.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 */;/* empty css */;/* empty css */const e=require("@vanilla-extract/recipes/createRuntimeFn");var r={recipe:e.createRuntimeFn({defaultClassName:"_1201nhk0",variantClassNames:{size:{xs:"_1201nhk1",sm:"_1201nhk2",md:"_1201nhk3",lg:"_1201nhk4",xl:"_1201nhk5"},color:{primary:"_1201nhk6",secondary:"_1201nhk7",tertiary:"_1201nhk8",destructive:"_1201nhk9",success:"_1201nhka",warning:"_1201nhkb",info:"_1201nhkc"}},defaultVariants:{size:"md",color:"primary"},compoundVariants:[]})};exports.SPINNER_STYLES=r;
|
|
2
2
|
//# sourceMappingURL=Spinner.css.cjs.map
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import '../../../../ui-
|
|
1
|
+
import '../../../../ui-kit16.css';import '../../../../ui-kit.css';import '../../../../ui-kit12.css';import '../../../../ui-kit11.css';import '../../../../ui-kit14.css';import '../../../../ui-kit9.css';import '../../../../ui-kit3.css';import '../../../../ui-kit7.css';import '../../../../ui-kit13.css';import '../../../../ui-kit10.css';import '../../../../ui-kit6.css';import '../../../../ui-kit4.css';import '../../../../ui-kit8.css';import '../../../../ui-kit5.css';/* empty css */
|
|
2
2
|
/* empty css */
|
|
3
3
|
/* empty css */
|
|
4
4
|
/* empty css */
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";require('../../../ui-
|
|
1
|
+
"use strict";require('../../../ui-kit114.css');const e=require("react/jsx-runtime"),T=require("react"),v=require("./styles/Toast.css.cjs"),f=require("./components/toast-actions/ToastActions.cjs"),q=require("./components/toast-close/ToastClose.cjs"),x=require("./components/toast-description/ToastDescription.cjs"),o=require("./components/toast-icon/ToastIcon.cjs");;/* empty css */const d=require("./components/toast-title/ToastTitle.cjs"),A=require("./context/Toast.context.cjs"),D=require("../../layout/box/Box.cjs");require("../../layout/box/styles/Box.css.cjs");const S=require("../../../utils/createIconChildUtils.cjs"),_=require("../../../utils/cn.cjs"),{hasIconChild:b}=S.createIconChildUtils(o),s=T.memo(({variant:c="info",role:n="status",icon:i,title:a,description:l,closeLabel:h="Close notification",onClose:t,children:r,className:j,ref:C,...m})=>{const u=r!==void 0,I=u&&!b(r),p=T.useCallback(()=>{t?.()},[t]);return e.jsx(A.ToastContext.Provider,{value:{variant:c},children:e.jsx(D,{as:"div",ref:C,className:_.cn(v.TOAST_STYLES.recipe({variant:c}),j),role:n==="none"?void 0:n,...m,children:u?e.jsxs(e.Fragment,{children:[I&&e.jsx(o,{icon:i}),r]}):e.jsxs(e.Fragment,{children:[e.jsx(o,{icon:i}),a&&e.jsx(d,{children:a}),l&&e.jsx(x,{children:l}),t&&e.jsx(q,{"aria-label":h,onClick:p})]})})})});s.displayName="Toast";s.Icon=o;s.Title=d;s.Description=x;s.Actions=f;s.Close=q;module.exports=s;
|
|
2
2
|
//# sourceMappingURL=Toast.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.cjs","sources":["../../../../src/components/feedback/toast/Toast.tsx"],"sourcesContent":["import { memo, useCallback } from 'react'\r\n\r\nimport { TOAST_STYLES } from '@components/feedback/toast/styles/Toast.css.ts'\r\nimport { ToastActions } from '@components/feedback/toast/components/toast-actions'\r\nimport { ToastClose } from '@components/feedback/toast/components/toast-close'\r\nimport { ToastDescription } from '@components/feedback/toast/components/toast-description'\r\nimport { ToastIcon } from '@components/feedback/toast/components/toast-icon'\r\nimport { ToastTitle } from '@components/feedback/toast/components/toast-title'\r\nimport { ToastContext } from '@components/feedback/toast/context/Toast.context.ts'\r\nimport type { ToastCompound } from '@components/feedback/toast/types'\r\nimport type { ToastProps } from '@components/feedback/toast/types/Toast.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { createIconChildUtils } from '@utils/createIconChildUtils.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst { hasIconChild } = createIconChildUtils(ToastIcon)\r\n\r\nconst Toast = memo<ToastProps>(({\r\n variant = 'info',\r\n role = 'status',\r\n icon,\r\n title,\r\n description,\r\n closeLabel = 'Close notification',\r\n onClose,\r\n children,\r\n className,\r\n ref,\r\n ...props\r\n}) => {\r\n const isCompound = children !== undefined\r\n const showDefaultIcon = isCompound && !hasIconChild(children)\r\n\r\n const handleClose = useCallback(() => {\r\n onClose?.()\r\n }, [onClose])\r\n\r\n return (\r\n <ToastContext.Provider value={{ variant }}>\r\n <Box\r\n as={'div'}\r\n ref={ref}\r\n className={cn(TOAST_STYLES.recipe({ variant }), className)}\r\n role={role === 'none' ? undefined : role}\r\n {...props}\r\n >\r\n {isCompound ? (\r\n <>\r\n {showDefaultIcon && <ToastIcon icon={icon} />}\r\n {children}\r\n </>\r\n ) : (\r\n <>\r\n <ToastIcon icon={icon} />\r\n {title && <ToastTitle>{title}</ToastTitle>}\r\n {description && (\r\n <ToastDescription>{description}</ToastDescription>\r\n )}\r\n {onClose && (\r\n <ToastClose\r\n aria-label={closeLabel}\r\n onClick={handleClose}\r\n />\r\n )}\r\n </>\r\n )}\r\n </Box>\r\n </ToastContext.Provider>\r\n )\r\n}) as unknown as ToastCompound\r\n\r\nToast.displayName = 'Toast'\r\nToast.Icon = ToastIcon\r\nToast.Title = ToastTitle\r\nToast.Description = ToastDescription\r\nToast.Actions = ToastActions\r\nToast.Close = ToastClose\r\n\r\nexport default Toast\r\n"],"names":["hasIconChild","createIconChildUtils","ToastIcon","Toast","memo","variant","role","icon","title","description","closeLabel","onClose","children","className","ref","props","isCompound","showDefaultIcon","handleClose","useCallback","ToastContext","jsx","Box","cn","TOAST_STYLES","jsxs","Fragment","ToastTitle","ToastDescription","ToastClose","ToastActions"],"mappings":"6qBAeM,CAAE,aAAAA,CAAA,EAAiBC,EAAAA,qBAAqBC,CAAS,
|
|
1
|
+
{"version":3,"file":"Toast.cjs","sources":["../../../../src/components/feedback/toast/Toast.tsx"],"sourcesContent":["import { memo, useCallback } from 'react'\r\n\r\nimport { TOAST_STYLES } from '@components/feedback/toast/styles/Toast.css.ts'\r\nimport { ToastActions } from '@components/feedback/toast/components/toast-actions'\r\nimport { ToastClose } from '@components/feedback/toast/components/toast-close'\r\nimport { ToastDescription } from '@components/feedback/toast/components/toast-description'\r\nimport { ToastIcon } from '@components/feedback/toast/components/toast-icon'\r\nimport { ToastTitle } from '@components/feedback/toast/components/toast-title'\r\nimport { ToastContext } from '@components/feedback/toast/context/Toast.context.ts'\r\nimport type { ToastCompound } from '@components/feedback/toast/types'\r\nimport type { ToastProps } from '@components/feedback/toast/types/Toast.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { createIconChildUtils } from '@utils/createIconChildUtils.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst { hasIconChild } = createIconChildUtils(ToastIcon)\r\n\r\n/**\r\n * Notification card compound with `variant` (info|success|warning|error),\r\n * optional `icon`, `title`, `description`, and a close button. Renders with\r\n * `role=\"status\"` by default; pass `role=\"alert\"` for urgent messages.\r\n * Supports compound children via `Toast.Icon`, `.Title`, `.Description`,\r\n * `.Actions`, and `.Close` slots.\r\n *\r\n * Compound slots: `Toast.Icon`, `Toast.Title`, `Toast.Description`,\r\n * `Toast.Actions`, `Toast.Close`.\r\n */\r\nconst Toast = memo<ToastProps>(({\r\n variant = 'info',\r\n role = 'status',\r\n icon,\r\n title,\r\n description,\r\n closeLabel = 'Close notification',\r\n onClose,\r\n children,\r\n className,\r\n ref,\r\n ...props\r\n}) => {\r\n const isCompound = children !== undefined\r\n const showDefaultIcon = isCompound && !hasIconChild(children)\r\n\r\n const handleClose = useCallback(() => {\r\n onClose?.()\r\n }, [onClose])\r\n\r\n return (\r\n <ToastContext.Provider value={{ variant }}>\r\n <Box\r\n as={'div'}\r\n ref={ref}\r\n className={cn(TOAST_STYLES.recipe({ variant }), className)}\r\n role={role === 'none' ? undefined : role}\r\n {...props}\r\n >\r\n {isCompound ? (\r\n <>\r\n {showDefaultIcon && <ToastIcon icon={icon} />}\r\n {children}\r\n </>\r\n ) : (\r\n <>\r\n <ToastIcon icon={icon} />\r\n {title && <ToastTitle>{title}</ToastTitle>}\r\n {description && (\r\n <ToastDescription>{description}</ToastDescription>\r\n )}\r\n {onClose && (\r\n <ToastClose\r\n aria-label={closeLabel}\r\n onClick={handleClose}\r\n />\r\n )}\r\n </>\r\n )}\r\n </Box>\r\n </ToastContext.Provider>\r\n )\r\n}) as unknown as ToastCompound\r\n\r\nToast.displayName = 'Toast'\r\nToast.Icon = ToastIcon\r\nToast.Title = ToastTitle\r\nToast.Description = ToastDescription\r\nToast.Actions = ToastActions\r\nToast.Close = ToastClose\r\n\r\nexport default Toast\r\n"],"names":["hasIconChild","createIconChildUtils","ToastIcon","Toast","memo","variant","role","icon","title","description","closeLabel","onClose","children","className","ref","props","isCompound","showDefaultIcon","handleClose","useCallback","ToastContext","jsx","Box","cn","TOAST_STYLES","jsxs","Fragment","ToastTitle","ToastDescription","ToastClose","ToastActions"],"mappings":"6qBAeM,CAAE,aAAAA,CAAA,EAAiBC,EAAAA,qBAAqBC,CAAS,EAYjDC,EAAQC,EAAAA,KAAiB,CAAC,CAC5B,QAAAC,EAAU,OACV,KAAAC,EAAO,SACP,KAAAC,EACA,MAAAC,EACA,YAAAC,EACA,WAAAC,EAAa,qBACb,QAAAC,EACA,SAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAAM,CACF,MAAMC,EAAaJ,IAAa,OAC1BK,EAAkBD,GAAc,CAAChB,EAAaY,CAAQ,EAEtDM,EAAcC,EAAAA,YAAY,IAAM,CAClCR,IAAA,CACJ,EAAG,CAACA,CAAO,CAAC,EAEZ,aACKS,EAAAA,aAAa,SAAb,CAAsB,MAAO,CAAE,QAAAf,GAC5B,SAAAgB,EAAAA,IAACC,EAAA,CACG,GAAI,MACJ,IAAAR,EACA,UAAWS,EAAAA,GAAGC,eAAa,OAAO,CAAE,QAAAnB,CAAA,CAAS,EAAGQ,CAAS,EACzD,KAAMP,IAAS,OAAS,OAAYA,EACnC,GAAGS,EAEH,WACGU,EAAAA,KAAAC,EAAAA,SAAA,CACK,SAAA,CAAAT,GAAmBI,EAAAA,IAACnB,GAAU,KAAAK,CAAA,CAAY,EAC1CK,CAAA,CAAA,CACL,EAEAa,EAAAA,KAAAC,EAAAA,SAAA,CACI,SAAA,CAAAL,MAACnB,GAAU,KAAAK,EAAY,EACtBC,GAASa,EAAAA,IAACM,EAAA,CAAY,SAAAnB,CAAA,CAAM,EAC5BC,GACGY,EAAAA,IAACO,EAAA,CAAkB,SAAAnB,CAAA,CAAY,EAElCE,GACGU,EAAAA,IAACQ,EAAA,CACG,aAAYnB,EACZ,QAASQ,CAAA,CAAA,CACb,CAAA,CAER,CAAA,CAAA,EAGZ,CAER,CAAC,EAEDf,EAAM,YAAc,QACpBA,EAAM,KAAOD,EACbC,EAAM,MAAQwB,EACdxB,EAAM,YAAcyB,EACpBzB,EAAM,QAAU2B,EAChB3B,EAAM,MAAQ0B"}
|
|
@@ -1,3 +1,13 @@
|
|
|
1
1
|
import { ToastCompound } from './types';
|
|
2
|
+
/**
|
|
3
|
+
* Notification card compound with `variant` (info|success|warning|error),
|
|
4
|
+
* optional `icon`, `title`, `description`, and a close button. Renders with
|
|
5
|
+
* `role="status"` by default; pass `role="alert"` for urgent messages.
|
|
6
|
+
* Supports compound children via `Toast.Icon`, `.Title`, `.Description`,
|
|
7
|
+
* `.Actions`, and `.Close` slots.
|
|
8
|
+
*
|
|
9
|
+
* Compound slots: `Toast.Icon`, `Toast.Title`, `Toast.Description`,
|
|
10
|
+
* `Toast.Actions`, `Toast.Close`.
|
|
11
|
+
*/
|
|
2
12
|
declare const Toast: ToastCompound;
|
|
3
13
|
export default Toast;
|
|
@@ -5,7 +5,7 @@ import j from "./components/toast-actions/ToastActions.js";
|
|
|
5
5
|
import d from "./components/toast-close/ToastClose.js";
|
|
6
6
|
import T from "./components/toast-description/ToastDescription.js";
|
|
7
7
|
import r from "./components/toast-icon/ToastIcon.js";
|
|
8
|
-
import '../../../ui-
|
|
8
|
+
import '../../../ui-kit114.css';/* empty css */
|
|
9
9
|
import h from "./components/toast-title/ToastTitle.js";
|
|
10
10
|
import { ToastContext as k } from "./context/Toast.context.js";
|
|
11
11
|
import N from "../../layout/box/Box.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.js","sources":["../../../../src/components/feedback/toast/Toast.tsx"],"sourcesContent":["import { memo, useCallback } from 'react'\r\n\r\nimport { TOAST_STYLES } from '@components/feedback/toast/styles/Toast.css.ts'\r\nimport { ToastActions } from '@components/feedback/toast/components/toast-actions'\r\nimport { ToastClose } from '@components/feedback/toast/components/toast-close'\r\nimport { ToastDescription } from '@components/feedback/toast/components/toast-description'\r\nimport { ToastIcon } from '@components/feedback/toast/components/toast-icon'\r\nimport { ToastTitle } from '@components/feedback/toast/components/toast-title'\r\nimport { ToastContext } from '@components/feedback/toast/context/Toast.context.ts'\r\nimport type { ToastCompound } from '@components/feedback/toast/types'\r\nimport type { ToastProps } from '@components/feedback/toast/types/Toast.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { createIconChildUtils } from '@utils/createIconChildUtils.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst { hasIconChild } = createIconChildUtils(ToastIcon)\r\n\r\nconst Toast = memo<ToastProps>(({\r\n variant = 'info',\r\n role = 'status',\r\n icon,\r\n title,\r\n description,\r\n closeLabel = 'Close notification',\r\n onClose,\r\n children,\r\n className,\r\n ref,\r\n ...props\r\n}) => {\r\n const isCompound = children !== undefined\r\n const showDefaultIcon = isCompound && !hasIconChild(children)\r\n\r\n const handleClose = useCallback(() => {\r\n onClose?.()\r\n }, [onClose])\r\n\r\n return (\r\n <ToastContext.Provider value={{ variant }}>\r\n <Box\r\n as={'div'}\r\n ref={ref}\r\n className={cn(TOAST_STYLES.recipe({ variant }), className)}\r\n role={role === 'none' ? undefined : role}\r\n {...props}\r\n >\r\n {isCompound ? (\r\n <>\r\n {showDefaultIcon && <ToastIcon icon={icon} />}\r\n {children}\r\n </>\r\n ) : (\r\n <>\r\n <ToastIcon icon={icon} />\r\n {title && <ToastTitle>{title}</ToastTitle>}\r\n {description && (\r\n <ToastDescription>{description}</ToastDescription>\r\n )}\r\n {onClose && (\r\n <ToastClose\r\n aria-label={closeLabel}\r\n onClick={handleClose}\r\n />\r\n )}\r\n </>\r\n )}\r\n </Box>\r\n </ToastContext.Provider>\r\n )\r\n}) as unknown as ToastCompound\r\n\r\nToast.displayName = 'Toast'\r\nToast.Icon = ToastIcon\r\nToast.Title = ToastTitle\r\nToast.Description = ToastDescription\r\nToast.Actions = ToastActions\r\nToast.Close = ToastClose\r\n\r\nexport default Toast\r\n"],"names":["hasIconChild","createIconChildUtils","ToastIcon","Toast","memo","variant","role","icon","title","description","closeLabel","onClose","children","className","ref","props","isCompound","showDefaultIcon","handleClose","useCallback","ToastContext","jsx","Box","cn","TOAST_STYLES","jsxs","Fragment","ToastTitle","ToastDescription","ToastClose","ToastActions"],"mappings":";;;;;;;;;;;;;;AAeA,MAAM,EAAE,cAAAA,EAAA,IAAiBC,EAAqBC,CAAS,
|
|
1
|
+
{"version":3,"file":"Toast.js","sources":["../../../../src/components/feedback/toast/Toast.tsx"],"sourcesContent":["import { memo, useCallback } from 'react'\r\n\r\nimport { TOAST_STYLES } from '@components/feedback/toast/styles/Toast.css.ts'\r\nimport { ToastActions } from '@components/feedback/toast/components/toast-actions'\r\nimport { ToastClose } from '@components/feedback/toast/components/toast-close'\r\nimport { ToastDescription } from '@components/feedback/toast/components/toast-description'\r\nimport { ToastIcon } from '@components/feedback/toast/components/toast-icon'\r\nimport { ToastTitle } from '@components/feedback/toast/components/toast-title'\r\nimport { ToastContext } from '@components/feedback/toast/context/Toast.context.ts'\r\nimport type { ToastCompound } from '@components/feedback/toast/types'\r\nimport type { ToastProps } from '@components/feedback/toast/types/Toast.props.ts'\r\nimport { Box } from '@components/layout/box'\r\nimport { createIconChildUtils } from '@utils/createIconChildUtils.ts'\r\nimport { cn } from '@utils/cn.ts'\r\n\r\nconst { hasIconChild } = createIconChildUtils(ToastIcon)\r\n\r\n/**\r\n * Notification card compound with `variant` (info|success|warning|error),\r\n * optional `icon`, `title`, `description`, and a close button. Renders with\r\n * `role=\"status\"` by default; pass `role=\"alert\"` for urgent messages.\r\n * Supports compound children via `Toast.Icon`, `.Title`, `.Description`,\r\n * `.Actions`, and `.Close` slots.\r\n *\r\n * Compound slots: `Toast.Icon`, `Toast.Title`, `Toast.Description`,\r\n * `Toast.Actions`, `Toast.Close`.\r\n */\r\nconst Toast = memo<ToastProps>(({\r\n variant = 'info',\r\n role = 'status',\r\n icon,\r\n title,\r\n description,\r\n closeLabel = 'Close notification',\r\n onClose,\r\n children,\r\n className,\r\n ref,\r\n ...props\r\n}) => {\r\n const isCompound = children !== undefined\r\n const showDefaultIcon = isCompound && !hasIconChild(children)\r\n\r\n const handleClose = useCallback(() => {\r\n onClose?.()\r\n }, [onClose])\r\n\r\n return (\r\n <ToastContext.Provider value={{ variant }}>\r\n <Box\r\n as={'div'}\r\n ref={ref}\r\n className={cn(TOAST_STYLES.recipe({ variant }), className)}\r\n role={role === 'none' ? undefined : role}\r\n {...props}\r\n >\r\n {isCompound ? (\r\n <>\r\n {showDefaultIcon && <ToastIcon icon={icon} />}\r\n {children}\r\n </>\r\n ) : (\r\n <>\r\n <ToastIcon icon={icon} />\r\n {title && <ToastTitle>{title}</ToastTitle>}\r\n {description && (\r\n <ToastDescription>{description}</ToastDescription>\r\n )}\r\n {onClose && (\r\n <ToastClose\r\n aria-label={closeLabel}\r\n onClick={handleClose}\r\n />\r\n )}\r\n </>\r\n )}\r\n </Box>\r\n </ToastContext.Provider>\r\n )\r\n}) as unknown as ToastCompound\r\n\r\nToast.displayName = 'Toast'\r\nToast.Icon = ToastIcon\r\nToast.Title = ToastTitle\r\nToast.Description = ToastDescription\r\nToast.Actions = ToastActions\r\nToast.Close = ToastClose\r\n\r\nexport default Toast\r\n"],"names":["hasIconChild","createIconChildUtils","ToastIcon","Toast","memo","variant","role","icon","title","description","closeLabel","onClose","children","className","ref","props","isCompound","showDefaultIcon","handleClose","useCallback","ToastContext","jsx","Box","cn","TOAST_STYLES","jsxs","Fragment","ToastTitle","ToastDescription","ToastClose","ToastActions"],"mappings":";;;;;;;;;;;;;;AAeA,MAAM,EAAE,cAAAA,EAAA,IAAiBC,EAAqBC,CAAS,GAYjDC,IAAQC,EAAiB,CAAC;AAAA,EAC5B,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAAM;AACF,QAAMC,IAAaJ,MAAa,QAC1BK,IAAkBD,KAAc,CAAChB,EAAaY,CAAQ,GAEtDM,IAAcC,EAAY,MAAM;AAClC,IAAAR,IAAA;AAAA,EACJ,GAAG,CAACA,CAAO,CAAC;AAEZ,2BACKS,EAAa,UAAb,EAAsB,OAAO,EAAE,SAAAf,KAC5B,UAAA,gBAAAgB;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,IAAI;AAAA,MACJ,KAAAR;AAAA,MACA,WAAWS,EAAGC,EAAa,OAAO,EAAE,SAAAnB,EAAA,CAAS,GAAGQ,CAAS;AAAA,MACzD,MAAMP,MAAS,SAAS,SAAYA;AAAA,MACnC,GAAGS;AAAA,MAEH,cACG,gBAAAU,EAAAC,GAAA,EACK,UAAA;AAAA,QAAAT,KAAmB,gBAAAI,EAACnB,KAAU,MAAAK,EAAA,CAAY;AAAA,QAC1CK;AAAA,MAAA,EAAA,CACL,IAEA,gBAAAa,EAAAC,GAAA,EACI,UAAA;AAAA,QAAA,gBAAAL,EAACnB,KAAU,MAAAK,GAAY;AAAA,QACtBC,KAAS,gBAAAa,EAACM,GAAA,EAAY,UAAAnB,EAAA,CAAM;AAAA,QAC5BC,KACG,gBAAAY,EAACO,GAAA,EAAkB,UAAAnB,EAAA,CAAY;AAAA,QAElCE,KACG,gBAAAU;AAAA,UAACQ;AAAA,UAAA;AAAA,YACG,cAAYnB;AAAA,YACZ,SAASQ;AAAA,UAAA;AAAA,QAAA;AAAA,MACb,EAAA,CAER;AAAA,IAAA;AAAA,EAAA,GAGZ;AAER,CAAC;AAEDf,EAAM,cAAc;AACpBA,EAAM,OAAOD;AACbC,EAAM,QAAQwB;AACdxB,EAAM,cAAcyB;AACpBzB,EAAM,UAAU2B;AAChB3B,EAAM,QAAQ0B;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastProvider.cjs","sources":["../../../../src/components/feedback/toast/ToastProvider.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\r\nimport { createPortal } from 'react-dom'\r\nimport { Toaster } from 'sonner'\r\n\r\nimport {\r\n TOAST_CHANNELS,\r\n TOAST_WIDTH,\r\n} from '@components/feedback/toast/constants'\r\nimport type { ToastProviderProps } from '@components/feedback/toast/types/ToastProvider.props.ts'\r\n\r\nconst TOASTER_OPTIONS = {\r\n closeButton: true,\r\n style: {\r\n width: TOAST_WIDTH,\r\n maxWidth: 'calc(100vw - 2rem)',\r\n },\r\n} as const\r\n\r\nconst ToastProvider = ({ children }: ToastProviderProps) => {\r\n const [portalRoot, setPortalRoot] = useState<HTMLElement | null>(null)\r\n\r\n useEffect(() => {\r\n setPortalRoot(document.body)\r\n }, [])\r\n\r\n return (\r\n <>\r\n {children}\r\n {portalRoot && createPortal(\r\n <>\r\n <Toaster\r\n id={TOAST_CHANNELS.toasts}\r\n position={'top-right'}\r\n toastOptions={TOASTER_OPTIONS}\r\n containerAriaLabel={'Toasts'}\r\n />\r\n <Toaster\r\n id={TOAST_CHANNELS.notifications}\r\n position={'bottom-right'}\r\n expand={true}\r\n toastOptions={TOASTER_OPTIONS}\r\n containerAriaLabel={'Notifications'}\r\n />\r\n </>,\r\n portalRoot,\r\n )}\r\n </>\r\n )\r\n}\r\n\r\nToastProvider.displayName = 'ToastProvider'\r\n\r\nexport default ToastProvider\r\n"],"names":["TOASTER_OPTIONS","TOAST_WIDTH","ToastProvider","children","portalRoot","setPortalRoot","useState","useEffect","jsxs","Fragment","createPortal","jsx","Toaster","TOAST_CHANNELS"],"mappings":"2PAUMA,EAAkB,CACpB,YAAa,GACb,MAAO,CACH,MAAOC,EAAAA,YACP,SAAU,oBAAA,CAElB,
|
|
1
|
+
{"version":3,"file":"ToastProvider.cjs","sources":["../../../../src/components/feedback/toast/ToastProvider.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\r\nimport { createPortal } from 'react-dom'\r\nimport { Toaster } from 'sonner'\r\n\r\nimport {\r\n TOAST_CHANNELS,\r\n TOAST_WIDTH,\r\n} from '@components/feedback/toast/constants'\r\nimport type { ToastProviderProps } from '@components/feedback/toast/types/ToastProvider.props.ts'\r\n\r\nconst TOASTER_OPTIONS = {\r\n closeButton: true,\r\n style: {\r\n width: TOAST_WIDTH,\r\n maxWidth: 'calc(100vw - 2rem)',\r\n },\r\n} as const\r\n\r\n/**\r\n * Mounts two Sonner `Toaster` instances via a portal on `document.body`:\r\n * one at `top-right` for transient toasts and one at `bottom-right` for\r\n * persistent notifications. Wrap the application root with this provider.\r\n */\r\nconst ToastProvider = ({ children }: ToastProviderProps) => {\r\n const [portalRoot, setPortalRoot] = useState<HTMLElement | null>(null)\r\n\r\n useEffect(() => {\r\n setPortalRoot(document.body)\r\n }, [])\r\n\r\n return (\r\n <>\r\n {children}\r\n {portalRoot && createPortal(\r\n <>\r\n <Toaster\r\n id={TOAST_CHANNELS.toasts}\r\n position={'top-right'}\r\n toastOptions={TOASTER_OPTIONS}\r\n containerAriaLabel={'Toasts'}\r\n />\r\n <Toaster\r\n id={TOAST_CHANNELS.notifications}\r\n position={'bottom-right'}\r\n expand={true}\r\n toastOptions={TOASTER_OPTIONS}\r\n containerAriaLabel={'Notifications'}\r\n />\r\n </>,\r\n portalRoot,\r\n )}\r\n </>\r\n )\r\n}\r\n\r\nToastProvider.displayName = 'ToastProvider'\r\n\r\nexport default ToastProvider\r\n"],"names":["TOASTER_OPTIONS","TOAST_WIDTH","ToastProvider","children","portalRoot","setPortalRoot","useState","useEffect","jsxs","Fragment","createPortal","jsx","Toaster","TOAST_CHANNELS"],"mappings":"2PAUMA,EAAkB,CACpB,YAAa,GACb,MAAO,CACH,MAAOC,EAAAA,YACP,SAAU,oBAAA,CAElB,EAOMC,EAAgB,CAAC,CAAE,SAAAC,KAAmC,CACxD,KAAM,CAACC,EAAYC,CAAa,EAAIC,EAAAA,SAA6B,IAAI,EAErEC,OAAAA,EAAAA,UAAU,IAAM,CACZF,EAAc,SAAS,IAAI,CAC/B,EAAG,CAAA,CAAE,EAGDG,EAAAA,KAAAC,WAAA,CACK,SAAA,CAAAN,EACAC,GAAcM,EAAAA,aACXF,OAAAC,EAAAA,SAAA,CACI,SAAA,CAAAE,EAAAA,IAACC,EAAAA,QAAA,CACG,GAAIC,EAAAA,eAAe,OACnB,SAAU,YACV,aAAcb,EACd,mBAAoB,QAAA,CAAA,EAExBW,EAAAA,IAACC,EAAAA,QAAA,CACG,GAAIC,EAAAA,eAAe,cACnB,SAAU,eACV,OAAQ,GACR,aAAcb,EACd,mBAAoB,eAAA,CAAA,CACxB,EACJ,EACAI,CAAA,CACJ,EACJ,CAER,EAEAF,EAAc,YAAc"}
|
|
@@ -1,4 +1,9 @@
|
|
|
1
1
|
import { ToastProviderProps } from './types/ToastProvider.props.ts';
|
|
2
|
+
/**
|
|
3
|
+
* Mounts two Sonner `Toaster` instances via a portal on `document.body`:
|
|
4
|
+
* one at `top-right` for transient toasts and one at `bottom-right` for
|
|
5
|
+
* persistent notifications. Wrap the application root with this provider.
|
|
6
|
+
*/
|
|
2
7
|
declare const ToastProvider: {
|
|
3
8
|
({ children }: ToastProviderProps): import("react").JSX.Element;
|
|
4
9
|
displayName: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastProvider.js","sources":["../../../../src/components/feedback/toast/ToastProvider.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\r\nimport { createPortal } from 'react-dom'\r\nimport { Toaster } from 'sonner'\r\n\r\nimport {\r\n TOAST_CHANNELS,\r\n TOAST_WIDTH,\r\n} from '@components/feedback/toast/constants'\r\nimport type { ToastProviderProps } from '@components/feedback/toast/types/ToastProvider.props.ts'\r\n\r\nconst TOASTER_OPTIONS = {\r\n closeButton: true,\r\n style: {\r\n width: TOAST_WIDTH,\r\n maxWidth: 'calc(100vw - 2rem)',\r\n },\r\n} as const\r\n\r\nconst ToastProvider = ({ children }: ToastProviderProps) => {\r\n const [portalRoot, setPortalRoot] = useState<HTMLElement | null>(null)\r\n\r\n useEffect(() => {\r\n setPortalRoot(document.body)\r\n }, [])\r\n\r\n return (\r\n <>\r\n {children}\r\n {portalRoot && createPortal(\r\n <>\r\n <Toaster\r\n id={TOAST_CHANNELS.toasts}\r\n position={'top-right'}\r\n toastOptions={TOASTER_OPTIONS}\r\n containerAriaLabel={'Toasts'}\r\n />\r\n <Toaster\r\n id={TOAST_CHANNELS.notifications}\r\n position={'bottom-right'}\r\n expand={true}\r\n toastOptions={TOASTER_OPTIONS}\r\n containerAriaLabel={'Notifications'}\r\n />\r\n </>,\r\n portalRoot,\r\n )}\r\n </>\r\n )\r\n}\r\n\r\nToastProvider.displayName = 'ToastProvider'\r\n\r\nexport default ToastProvider\r\n"],"names":["TOASTER_OPTIONS","TOAST_WIDTH","ToastProvider","children","portalRoot","setPortalRoot","useState","useEffect","jsxs","Fragment","createPortal","jsx","Toaster","TOAST_CHANNELS"],"mappings":";;;;;;;AAUA,MAAMA,IAAkB;AAAA,EACpB,aAAa;AAAA,EACb,OAAO;AAAA,IACH,OAAOC;AAAA,IACP,UAAU;AAAA,EAAA;AAElB,
|
|
1
|
+
{"version":3,"file":"ToastProvider.js","sources":["../../../../src/components/feedback/toast/ToastProvider.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\r\nimport { createPortal } from 'react-dom'\r\nimport { Toaster } from 'sonner'\r\n\r\nimport {\r\n TOAST_CHANNELS,\r\n TOAST_WIDTH,\r\n} from '@components/feedback/toast/constants'\r\nimport type { ToastProviderProps } from '@components/feedback/toast/types/ToastProvider.props.ts'\r\n\r\nconst TOASTER_OPTIONS = {\r\n closeButton: true,\r\n style: {\r\n width: TOAST_WIDTH,\r\n maxWidth: 'calc(100vw - 2rem)',\r\n },\r\n} as const\r\n\r\n/**\r\n * Mounts two Sonner `Toaster` instances via a portal on `document.body`:\r\n * one at `top-right` for transient toasts and one at `bottom-right` for\r\n * persistent notifications. Wrap the application root with this provider.\r\n */\r\nconst ToastProvider = ({ children }: ToastProviderProps) => {\r\n const [portalRoot, setPortalRoot] = useState<HTMLElement | null>(null)\r\n\r\n useEffect(() => {\r\n setPortalRoot(document.body)\r\n }, [])\r\n\r\n return (\r\n <>\r\n {children}\r\n {portalRoot && createPortal(\r\n <>\r\n <Toaster\r\n id={TOAST_CHANNELS.toasts}\r\n position={'top-right'}\r\n toastOptions={TOASTER_OPTIONS}\r\n containerAriaLabel={'Toasts'}\r\n />\r\n <Toaster\r\n id={TOAST_CHANNELS.notifications}\r\n position={'bottom-right'}\r\n expand={true}\r\n toastOptions={TOASTER_OPTIONS}\r\n containerAriaLabel={'Notifications'}\r\n />\r\n </>,\r\n portalRoot,\r\n )}\r\n </>\r\n )\r\n}\r\n\r\nToastProvider.displayName = 'ToastProvider'\r\n\r\nexport default ToastProvider\r\n"],"names":["TOASTER_OPTIONS","TOAST_WIDTH","ToastProvider","children","portalRoot","setPortalRoot","useState","useEffect","jsxs","Fragment","createPortal","jsx","Toaster","TOAST_CHANNELS"],"mappings":";;;;;;;AAUA,MAAMA,IAAkB;AAAA,EACpB,aAAa;AAAA,EACb,OAAO;AAAA,IACH,OAAOC;AAAA,IACP,UAAU;AAAA,EAAA;AAElB,GAOMC,IAAgB,CAAC,EAAE,UAAAC,QAAmC;AACxD,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAA6B,IAAI;AAErE,SAAAC,EAAU,MAAM;AACZ,IAAAF,EAAc,SAAS,IAAI;AAAA,EAC/B,GAAG,CAAA,CAAE,GAGD,gBAAAG,EAAAC,GAAA,EACK,UAAA;AAAA,IAAAN;AAAA,IACAC,KAAcM;AAAA,MACX,gBAAAF,EAAAC,GAAA,EACI,UAAA;AAAA,QAAA,gBAAAE;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,IAAIC,EAAe;AAAA,YACnB,UAAU;AAAA,YACV,cAAcb;AAAA,YACd,oBAAoB;AAAA,UAAA;AAAA,QAAA;AAAA,QAExB,gBAAAW;AAAA,UAACC;AAAA,UAAA;AAAA,YACG,IAAIC,EAAe;AAAA,YACnB,UAAU;AAAA,YACV,QAAQ;AAAA,YACR,cAAcb;AAAA,YACd,oBAAoB;AAAA,UAAA;AAAA,QAAA;AAAA,MACxB,GACJ;AAAA,MACAI;AAAA,IAAA;AAAA,EACJ,GACJ;AAER;AAEAF,EAAc,cAAc;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastActions.cjs","sources":["../../../../../../src/components/feedback/toast/components/toast-actions/ToastActions.tsx"],"sourcesContent":["import type { ToastActionsProps } from '@components/feedback/toast/components/toast-actions/types/ToastActions.props.ts'\r\nimport { TOAST_ACTIONS_STYLES } from '@components/feedback/toast/components/toast-actions/styles/ToastActions.css.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst ToastActions: FC<ToastActionsProps> = memo(({\r\n children,\r\n className,\r\n ref,\r\n ...props\r\n}) => {\r\n return (\r\n <Flex\r\n ref={ref}\r\n flexDirection={'row'}\r\n alignItems={'center'}\r\n gap={'sm'}\r\n justifyContent={'end'}\r\n className={cn(TOAST_ACTIONS_STYLES.actions, className)}\r\n width={'100%'}\r\n {...props}\r\n >\r\n {children}\r\n </Flex>\r\n )\r\n})\r\n\r\nToastActions.displayName = 'Toast.Actions'\r\n\r\nexport default ToastActions\r\n"],"names":["ToastActions","memo","children","className","ref","props","jsx","Flex","cn","TOAST_ACTIONS_STYLES"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ToastActions.cjs","sources":["../../../../../../src/components/feedback/toast/components/toast-actions/ToastActions.tsx"],"sourcesContent":["import type { ToastActionsProps } from '@components/feedback/toast/components/toast-actions/types/ToastActions.props.ts'\r\nimport { TOAST_ACTIONS_STYLES } from '@components/feedback/toast/components/toast-actions/styles/ToastActions.css.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Actions slot for `Toast`. A flex row that aligns call-to-action buttons\r\n * at the end of the notification card.\r\n */\r\nconst ToastActions: FC<ToastActionsProps> = memo(({\r\n children,\r\n className,\r\n ref,\r\n ...props\r\n}) => {\r\n return (\r\n <Flex\r\n ref={ref}\r\n flexDirection={'row'}\r\n alignItems={'center'}\r\n gap={'sm'}\r\n justifyContent={'end'}\r\n className={cn(TOAST_ACTIONS_STYLES.actions, className)}\r\n width={'100%'}\r\n {...props}\r\n >\r\n {children}\r\n </Flex>\r\n )\r\n})\r\n\r\nToastActions.displayName = 'Toast.Actions'\r\n\r\nexport default ToastActions\r\n"],"names":["ToastActions","memo","children","className","ref","props","jsx","Flex","cn","TOAST_ACTIONS_STYLES"],"mappings":"oQAUMA,EAAsCC,EAAAA,KAAK,CAAC,CAC9C,SAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAEQC,EAAAA,IAACC,EAAA,CACG,IAAAH,EACA,cAAe,MACf,WAAY,SACZ,IAAK,KACL,eAAgB,MAChB,UAAWI,EAAAA,GAAGC,uBAAqB,QAASN,CAAS,EACrD,MAAO,OACN,GAAGE,EAEH,SAAAH,CAAA,CAAA,CAGZ,EAEDF,EAAa,YAAc"}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
import { ToastActionsProps } from './types/ToastActions.props.ts';
|
|
2
2
|
import { FC } from 'react';
|
|
3
|
+
/**
|
|
4
|
+
* Actions slot for `Toast`. A flex row that aligns call-to-action buttons
|
|
5
|
+
* at the end of the notification card.
|
|
6
|
+
*/
|
|
3
7
|
declare const ToastActions: FC<ToastActionsProps>;
|
|
4
8
|
export default ToastActions;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastActions.js","sources":["../../../../../../src/components/feedback/toast/components/toast-actions/ToastActions.tsx"],"sourcesContent":["import type { ToastActionsProps } from '@components/feedback/toast/components/toast-actions/types/ToastActions.props.ts'\r\nimport { TOAST_ACTIONS_STYLES } from '@components/feedback/toast/components/toast-actions/styles/ToastActions.css.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst ToastActions: FC<ToastActionsProps> = memo(({\r\n children,\r\n className,\r\n ref,\r\n ...props\r\n}) => {\r\n return (\r\n <Flex\r\n ref={ref}\r\n flexDirection={'row'}\r\n alignItems={'center'}\r\n gap={'sm'}\r\n justifyContent={'end'}\r\n className={cn(TOAST_ACTIONS_STYLES.actions, className)}\r\n width={'100%'}\r\n {...props}\r\n >\r\n {children}\r\n </Flex>\r\n )\r\n})\r\n\r\nToastActions.displayName = 'Toast.Actions'\r\n\r\nexport default ToastActions\r\n"],"names":["ToastActions","memo","children","className","ref","props","jsx","Flex","cn","TOAST_ACTIONS_STYLES"],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"ToastActions.js","sources":["../../../../../../src/components/feedback/toast/components/toast-actions/ToastActions.tsx"],"sourcesContent":["import type { ToastActionsProps } from '@components/feedback/toast/components/toast-actions/types/ToastActions.props.ts'\r\nimport { TOAST_ACTIONS_STYLES } from '@components/feedback/toast/components/toast-actions/styles/ToastActions.css.ts'\r\nimport { Flex } from '@components/layout/flex'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Actions slot for `Toast`. A flex row that aligns call-to-action buttons\r\n * at the end of the notification card.\r\n */\r\nconst ToastActions: FC<ToastActionsProps> = memo(({\r\n children,\r\n className,\r\n ref,\r\n ...props\r\n}) => {\r\n return (\r\n <Flex\r\n ref={ref}\r\n flexDirection={'row'}\r\n alignItems={'center'}\r\n gap={'sm'}\r\n justifyContent={'end'}\r\n className={cn(TOAST_ACTIONS_STYLES.actions, className)}\r\n width={'100%'}\r\n {...props}\r\n >\r\n {children}\r\n </Flex>\r\n )\r\n})\r\n\r\nToastActions.displayName = 'Toast.Actions'\r\n\r\nexport default ToastActions\r\n"],"names":["ToastActions","memo","children","className","ref","props","jsx","Flex","cn","TOAST_ACTIONS_STYLES"],"mappings":";;;;;;AAUA,MAAMA,IAAsCC,EAAK,CAAC;AAAA,EAC9C,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,KAAAH;AAAA,IACA,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,gBAAgB;AAAA,IAChB,WAAWI,EAAGC,EAAqB,SAASN,CAAS;AAAA,IACrD,OAAO;AAAA,IACN,GAAGE;AAAA,IAEH,UAAAH;AAAA,EAAA;AAAA,CAGZ;AAEDF,EAAa,cAAc;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit148.css');require('../../../../../../ui-kit.css');;/* empty css */;/* empty css */var e={actions:"_7tr6810"};exports.TOAST_ACTIONS_STYLES=e;
|
|
2
2
|
//# sourceMappingURL=ToastActions.css.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastClose.cjs","sources":["../../../../../../src/components/feedback/toast/components/toast-close/ToastClose.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport type { ToastCloseProps } from '@components/feedback/toast/components/toast-close/types/ToastClose.props.ts'\r\nimport { TOAST_CLOSE_STYLES } from '@components/feedback/toast/components/toast-close/styles/ToastClose.css.ts'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst ToastClose: FC<ToastCloseProps> = memo(({\r\n 'aria-label': ariaLabel,\r\n color: _color,\r\n className,\r\n ...props\r\n}) => {\r\n return (\r\n <IconButton\r\n variant={'ghost'}\r\n color={'tertiary'}\r\n size={'xs'}\r\n icon={IconRegistry.close}\r\n aria-label={ariaLabel}\r\n className={cn(TOAST_CLOSE_STYLES.close, className)}\r\n style={{ marginInlineStart: vars.space.xs, color: vars.color.mutedForeground }}\r\n {...props}\r\n />\r\n )\r\n})\r\n\r\nToastClose.displayName = 'Toast.Close'\r\n\r\nexport default ToastClose\r\n"],"names":["ToastClose","memo","ariaLabel","_color","className","props","jsx","IconButton","IconRegistry","cn","TOAST_CLOSE_STYLES","vars"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ToastClose.cjs","sources":["../../../../../../src/components/feedback/toast/components/toast-close/ToastClose.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport type { ToastCloseProps } from '@components/feedback/toast/components/toast-close/types/ToastClose.props.ts'\r\nimport { TOAST_CLOSE_STYLES } from '@components/feedback/toast/components/toast-close/styles/ToastClose.css.ts'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Close button slot for `Toast`. Renders a ghost `xs` `IconButton` with\r\n * a close icon. Requires `aria-label` for accessibility.\r\n */\r\nconst ToastClose: FC<ToastCloseProps> = memo(({\r\n 'aria-label': ariaLabel,\r\n color: _color,\r\n className,\r\n ...props\r\n}) => {\r\n return (\r\n <IconButton\r\n variant={'ghost'}\r\n color={'tertiary'}\r\n size={'xs'}\r\n icon={IconRegistry.close}\r\n aria-label={ariaLabel}\r\n className={cn(TOAST_CLOSE_STYLES.close, className)}\r\n style={{ marginInlineStart: vars.space.xs, color: vars.color.mutedForeground }}\r\n {...props}\r\n />\r\n )\r\n})\r\n\r\nToastClose.displayName = 'Toast.Close'\r\n\r\nexport default ToastClose\r\n"],"names":["ToastClose","memo","ariaLabel","_color","className","props","jsx","IconButton","IconRegistry","cn","TOAST_CLOSE_STYLES","vars"],"mappings":"iYAYMA,EAAkCC,EAAAA,KAAK,CAAC,CAC1C,aAAcC,EACd,MAAOC,EACP,UAAAC,EACA,GAAGC,CACP,IAEQC,EAAAA,IAACC,EAAA,CACG,QAAS,QACT,MAAO,WACP,KAAM,KACN,KAAMC,EAAAA,aAAa,MACnB,aAAYN,EACZ,UAAWO,EAAAA,GAAGC,qBAAmB,MAAON,CAAS,EACjD,MAAO,CAAE,kBAAmBO,EAAAA,KAAK,MAAM,GAAI,MAAOA,EAAAA,KAAK,MAAM,eAAA,EAC5D,GAAGN,CAAA,CAAA,CAGf,EAEDL,EAAW,YAAc"}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
import { ToastCloseProps } from './types/ToastClose.props.ts';
|
|
2
2
|
import { FC } from 'react';
|
|
3
|
+
/**
|
|
4
|
+
* Close button slot for `Toast`. Renders a ghost `xs` `IconButton` with
|
|
5
|
+
* a close icon. Requires `aria-label` for accessibility.
|
|
6
|
+
*/
|
|
3
7
|
declare const ToastClose: FC<ToastCloseProps>;
|
|
4
8
|
export default ToastClose;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastClose.js","sources":["../../../../../../src/components/feedback/toast/components/toast-close/ToastClose.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport type { ToastCloseProps } from '@components/feedback/toast/components/toast-close/types/ToastClose.props.ts'\r\nimport { TOAST_CLOSE_STYLES } from '@components/feedback/toast/components/toast-close/styles/ToastClose.css.ts'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst ToastClose: FC<ToastCloseProps> = memo(({\r\n 'aria-label': ariaLabel,\r\n color: _color,\r\n className,\r\n ...props\r\n}) => {\r\n return (\r\n <IconButton\r\n variant={'ghost'}\r\n color={'tertiary'}\r\n size={'xs'}\r\n icon={IconRegistry.close}\r\n aria-label={ariaLabel}\r\n className={cn(TOAST_CLOSE_STYLES.close, className)}\r\n style={{ marginInlineStart: vars.space.xs, color: vars.color.mutedForeground }}\r\n {...props}\r\n />\r\n )\r\n})\r\n\r\nToastClose.displayName = 'Toast.Close'\r\n\r\nexport default ToastClose\r\n"],"names":["ToastClose","memo","ariaLabel","_color","className","props","jsx","IconButton","IconRegistry","cn","TOAST_CLOSE_STYLES","vars"],"mappings":";;;;;;;;
|
|
1
|
+
{"version":3,"file":"ToastClose.js","sources":["../../../../../../src/components/feedback/toast/components/toast-close/ToastClose.tsx"],"sourcesContent":["import { IconButton } from '@components/actions/icon-button'\r\nimport type { ToastCloseProps } from '@components/feedback/toast/components/toast-close/types/ToastClose.props.ts'\r\nimport { TOAST_CLOSE_STYLES } from '@components/feedback/toast/components/toast-close/styles/ToastClose.css.ts'\r\nimport { IconRegistry } from '@constants/icons'\r\nimport { vars } from '@theme/contract.css.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Close button slot for `Toast`. Renders a ghost `xs` `IconButton` with\r\n * a close icon. Requires `aria-label` for accessibility.\r\n */\r\nconst ToastClose: FC<ToastCloseProps> = memo(({\r\n 'aria-label': ariaLabel,\r\n color: _color,\r\n className,\r\n ...props\r\n}) => {\r\n return (\r\n <IconButton\r\n variant={'ghost'}\r\n color={'tertiary'}\r\n size={'xs'}\r\n icon={IconRegistry.close}\r\n aria-label={ariaLabel}\r\n className={cn(TOAST_CLOSE_STYLES.close, className)}\r\n style={{ marginInlineStart: vars.space.xs, color: vars.color.mutedForeground }}\r\n {...props}\r\n />\r\n )\r\n})\r\n\r\nToastClose.displayName = 'Toast.Close'\r\n\r\nexport default ToastClose\r\n"],"names":["ToastClose","memo","ariaLabel","_color","className","props","jsx","IconButton","IconRegistry","cn","TOAST_CLOSE_STYLES","vars"],"mappings":";;;;;;;;AAYA,MAAMA,IAAkCC,EAAK,CAAC;AAAA,EAC1C,cAAcC;AAAA,EACd,OAAOC;AAAA,EACP,WAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAMC,EAAa;AAAA,IACnB,cAAYN;AAAA,IACZ,WAAWO,EAAGC,EAAmB,OAAON,CAAS;AAAA,IACjD,OAAO,EAAE,mBAAmBO,EAAK,MAAM,IAAI,OAAOA,EAAK,MAAM,gBAAA;AAAA,IAC5D,GAAGN;AAAA,EAAA;AAAA,CAGf;AAEDL,EAAW,cAAc;"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit147.css');;/* empty css */var e={close:"nl5vzd0"};exports.TOAST_CLOSE_STYLES=e;
|
|
2
2
|
//# sourceMappingURL=ToastClose.css.cjs.map
|
package/dist/components/feedback/toast/components/toast-description/ToastDescription.cjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastDescription.cjs","sources":["../../../../../../src/components/feedback/toast/components/toast-description/ToastDescription.tsx"],"sourcesContent":["import type { ToastDescriptionProps } from '@components/feedback/toast/components/toast-description/types/ToastDescription.props.ts'\r\nimport { TOAST_DESCRIPTION_STYLES } from '@components/feedback/toast/components/toast-description/styles/ToastDescription.css.ts'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst ToastDescription: FC<ToastDescriptionProps> = memo(({\r\n children,\r\n className,\r\n ref,\r\n ...props\r\n}) => {\r\n return (\r\n <Typography\r\n ref={ref}\r\n as={'span'}\r\n variant={'span'}\r\n fontSize={'sm'}\r\n color={'textSecondary'}\r\n className={cn(TOAST_DESCRIPTION_STYLES.description, className)}\r\n {...props}\r\n >\r\n {children}\r\n </Typography>\r\n )\r\n})\r\n\r\nToastDescription.displayName = 'Toast.Description'\r\n\r\nexport default ToastDescription\r\n"],"names":["ToastDescription","memo","children","className","ref","props","jsx","Typography","cn","TOAST_DESCRIPTION_STYLES"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ToastDescription.cjs","sources":["../../../../../../src/components/feedback/toast/components/toast-description/ToastDescription.tsx"],"sourcesContent":["import type { ToastDescriptionProps } from '@components/feedback/toast/components/toast-description/types/ToastDescription.props.ts'\r\nimport { TOAST_DESCRIPTION_STYLES } from '@components/feedback/toast/components/toast-description/styles/ToastDescription.css.ts'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Description text slot for `Toast`. Renders secondary-colored small\r\n * typography and forwards all `Typography` props.\r\n */\r\nconst ToastDescription: FC<ToastDescriptionProps> = memo(({\r\n children,\r\n className,\r\n ref,\r\n ...props\r\n}) => {\r\n return (\r\n <Typography\r\n ref={ref}\r\n as={'span'}\r\n variant={'span'}\r\n fontSize={'sm'}\r\n color={'textSecondary'}\r\n className={cn(TOAST_DESCRIPTION_STYLES.description, className)}\r\n {...props}\r\n >\r\n {children}\r\n </Typography>\r\n )\r\n})\r\n\r\nToastDescription.displayName = 'Toast.Description'\r\n\r\nexport default ToastDescription\r\n"],"names":["ToastDescription","memo","children","className","ref","props","jsx","Typography","cn","TOAST_DESCRIPTION_STYLES"],"mappings":"wSAUMA,EAA8CC,EAAAA,KAAK,CAAC,CACtD,SAAAC,EACA,UAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IAEQC,EAAAA,IAACC,EAAA,CACG,IAAAH,EACA,GAAI,OACJ,QAAS,OACT,SAAU,KACV,MAAO,gBACP,UAAWI,EAAAA,GAAGC,2BAAyB,YAAaN,CAAS,EAC5D,GAAGE,EAEH,SAAAH,CAAA,CAAA,CAGZ,EAEDF,EAAiB,YAAc"}
|
|
@@ -1,4 +1,8 @@
|
|
|
1
1
|
import { ToastDescriptionProps } from './types/ToastDescription.props.ts';
|
|
2
2
|
import { FC } from 'react';
|
|
3
|
+
/**
|
|
4
|
+
* Description text slot for `Toast`. Renders secondary-colored small
|
|
5
|
+
* typography and forwards all `Typography` props.
|
|
6
|
+
*/
|
|
3
7
|
declare const ToastDescription: FC<ToastDescriptionProps>;
|
|
4
8
|
export default ToastDescription;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastDescription.js","sources":["../../../../../../src/components/feedback/toast/components/toast-description/ToastDescription.tsx"],"sourcesContent":["import type { ToastDescriptionProps } from '@components/feedback/toast/components/toast-description/types/ToastDescription.props.ts'\r\nimport { TOAST_DESCRIPTION_STYLES } from '@components/feedback/toast/components/toast-description/styles/ToastDescription.css.ts'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\nconst ToastDescription: FC<ToastDescriptionProps> = memo(({\r\n children,\r\n className,\r\n ref,\r\n ...props\r\n}) => {\r\n return (\r\n <Typography\r\n ref={ref}\r\n as={'span'}\r\n variant={'span'}\r\n fontSize={'sm'}\r\n color={'textSecondary'}\r\n className={cn(TOAST_DESCRIPTION_STYLES.description, className)}\r\n {...props}\r\n >\r\n {children}\r\n </Typography>\r\n )\r\n})\r\n\r\nToastDescription.displayName = 'Toast.Description'\r\n\r\nexport default ToastDescription\r\n"],"names":["ToastDescription","memo","children","className","ref","props","jsx","Typography","cn","TOAST_DESCRIPTION_STYLES"],"mappings":";;;;;;
|
|
1
|
+
{"version":3,"file":"ToastDescription.js","sources":["../../../../../../src/components/feedback/toast/components/toast-description/ToastDescription.tsx"],"sourcesContent":["import type { ToastDescriptionProps } from '@components/feedback/toast/components/toast-description/types/ToastDescription.props.ts'\r\nimport { TOAST_DESCRIPTION_STYLES } from '@components/feedback/toast/components/toast-description/styles/ToastDescription.css.ts'\r\nimport { Typography } from '@components/foundation/typography'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Description text slot for `Toast`. Renders secondary-colored small\r\n * typography and forwards all `Typography` props.\r\n */\r\nconst ToastDescription: FC<ToastDescriptionProps> = memo(({\r\n children,\r\n className,\r\n ref,\r\n ...props\r\n}) => {\r\n return (\r\n <Typography\r\n ref={ref}\r\n as={'span'}\r\n variant={'span'}\r\n fontSize={'sm'}\r\n color={'textSecondary'}\r\n className={cn(TOAST_DESCRIPTION_STYLES.description, className)}\r\n {...props}\r\n >\r\n {children}\r\n </Typography>\r\n )\r\n})\r\n\r\nToastDescription.displayName = 'Toast.Description'\r\n\r\nexport default ToastDescription\r\n"],"names":["ToastDescription","memo","children","className","ref","props","jsx","Typography","cn","TOAST_DESCRIPTION_STYLES"],"mappings":";;;;;;AAUA,MAAMA,IAA8CC,EAAK,CAAC;AAAA,EACtD,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,KAAAC;AAAA,EACA,GAAGC;AACP,MAEQ,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IACG,KAAAH;AAAA,IACA,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,UAAU;AAAA,IACV,OAAO;AAAA,IACP,WAAWI,EAAGC,EAAyB,aAAaN,CAAS;AAAA,IAC5D,GAAGE;AAAA,IAEH,UAAAH;AAAA,EAAA;AAAA,CAGZ;AAEDF,EAAiB,cAAc;"}
|
package/dist/components/feedback/toast/components/toast-description/styles/ToastDescription.css.cjs
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../../../../../ui-kit150.css');require('../../../../../../ui-kit.css');;/* empty css */;/* empty css */var e={description:"_197kl5d0"};exports.TOAST_DESCRIPTION_STYLES=e;
|
|
2
2
|
//# sourceMappingURL=ToastDescription.css.cjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastIcon.cjs","sources":["../../../../../../src/components/feedback/toast/components/toast-icon/ToastIcon.tsx"],"sourcesContent":["import { ToastContext } from '@components/feedback/toast/context/Toast.context.ts'\r\nimport {\r\n VARIANT_TO_COLOR,\r\n VARIANT_TO_ICON,\r\n} from '@components/feedback/toast/constants'\r\nimport { TOAST_ICON_STYLES } from '@components/feedback/toast/components/toast-icon/styles/ToastIcon.css.ts'\r\nimport type { ToastIconProps } from '@components/feedback/toast/components/toast-icon/types/ToastIcon.props.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, useContext, type FC } from 'react'\r\n\r\nconst ToastIcon: FC<ToastIconProps> = memo(({\r\n icon,\r\n color,\r\n className,\r\n ...props\r\n}) => {\r\n const { variant } = useContext(ToastContext)\r\n\r\n return (\r\n <Icon\r\n icon={icon ?? VARIANT_TO_ICON[variant]}\r\n color={color ?? VARIANT_TO_COLOR[variant]}\r\n size={'md'}\r\n className={cn(TOAST_ICON_STYLES.icon, className)}\r\n {...props}\r\n />\r\n )\r\n})\r\n\r\nToastIcon.displayName = 'Toast.Icon'\r\n\r\nexport default ToastIcon\r\n"],"names":["ToastIcon","memo","icon","color","className","props","variant","useContext","ToastContext","jsx","Icon","VARIANT_TO_ICON","VARIANT_TO_COLOR","cn","TOAST_ICON_STYLES"],"mappings":"
|
|
1
|
+
{"version":3,"file":"ToastIcon.cjs","sources":["../../../../../../src/components/feedback/toast/components/toast-icon/ToastIcon.tsx"],"sourcesContent":["import { ToastContext } from '@components/feedback/toast/context/Toast.context.ts'\r\nimport {\r\n VARIANT_TO_COLOR,\r\n VARIANT_TO_ICON,\r\n} from '@components/feedback/toast/constants'\r\nimport { TOAST_ICON_STYLES } from '@components/feedback/toast/components/toast-icon/styles/ToastIcon.css.ts'\r\nimport type { ToastIconProps } from '@components/feedback/toast/components/toast-icon/types/ToastIcon.props.ts'\r\nimport { Icon } from '@components/foundation/icon'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, useContext, type FC } from 'react'\r\n\r\n/**\r\n * Icon slot for `Toast`. Reads `variant` from context to resolve the\r\n * default icon and color. Override both with explicit `icon` and `color`\r\n * props.\r\n */\r\nconst ToastIcon: FC<ToastIconProps> = memo(({\r\n icon,\r\n color,\r\n className,\r\n ...props\r\n}) => {\r\n const { variant } = useContext(ToastContext)\r\n\r\n return (\r\n <Icon\r\n icon={icon ?? VARIANT_TO_ICON[variant]}\r\n color={color ?? VARIANT_TO_COLOR[variant]}\r\n size={'md'}\r\n className={cn(TOAST_ICON_STYLES.icon, className)}\r\n {...props}\r\n />\r\n )\r\n})\r\n\r\nToastIcon.displayName = 'Toast.Icon'\r\n\r\nexport default ToastIcon\r\n"],"names":["ToastIcon","memo","icon","color","className","props","variant","useContext","ToastContext","jsx","Icon","VARIANT_TO_ICON","VARIANT_TO_COLOR","cn","TOAST_ICON_STYLES"],"mappings":"6VAgBMA,EAAgCC,EAAAA,KAAK,CAAC,CACxC,KAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,CACP,IAAM,CACF,KAAM,CAAE,QAAAC,CAAA,EAAYC,EAAAA,WAAWC,cAAY,EAE3C,OACIC,EAAAA,IAACC,EAAA,CACG,KAAMR,GAAQS,EAAAA,gBAAgBL,CAAO,EACrC,MAAOH,GAASS,EAAAA,iBAAiBN,CAAO,EACxC,KAAM,KACN,UAAWO,EAAAA,GAAGC,oBAAkB,KAAMV,CAAS,EAC9C,GAAGC,CAAA,CAAA,CAGhB,CAAC,EAEDL,EAAU,YAAc"}
|
|
@@ -1,4 +1,9 @@
|
|
|
1
1
|
import { ToastIconProps } from './types/ToastIcon.props.ts';
|
|
2
2
|
import { FC } from 'react';
|
|
3
|
+
/**
|
|
4
|
+
* Icon slot for `Toast`. Reads `variant` from context to resolve the
|
|
5
|
+
* default icon and color. Override both with explicit `icon` and `color`
|
|
6
|
+
* props.
|
|
7
|
+
*/
|
|
3
8
|
declare const ToastIcon: FC<ToastIconProps>;
|
|
4
9
|
export default ToastIcon;
|