@borisj74/bv-ds 0.1.3 → 0.1.5
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/index.cjs +178 -83
- package/dist/index.d.cts +82 -25
- package/dist/index.d.ts +82 -25
- package/dist/index.js +178 -83
- package/package.json +3 -2
- package/src/components/CalendarCell/CalendarCell.tsx +63 -10
- package/src/components/CalendarCell/index.ts +5 -1
- package/src/components/CalendarCellDayWeekView/CalendarCellDayWeekView.tsx +28 -2
- package/src/components/CalendarCellDayWeekView/index.ts +5 -1
- package/src/components/CalendarColumnHeader/CalendarColumnHeader.tsx +21 -5
- package/src/components/CalendarColumnHeader/index.ts +2 -0
- package/src/components/CalendarEvent/CalendarEvent.tsx +69 -14
- package/src/components/CalendarEvent/index.ts +6 -1
- package/src/components/CalendarHeader/CalendarHeader.tsx +5 -1
- package/src/components/CalendarRowLabel/CalendarRowLabel.tsx +5 -3
- package/src/components/CalendarTimemarker/CalendarTimemarker.tsx +8 -2
- package/src/components/CalendarTimemarker/index.ts +1 -0
- package/src/components/CalendarViewDropdown/CalendarViewDropdown.tsx +18 -2
- package/src/components/NavAccountCard/NavAccountCard.tsx +12 -18
- package/src/components/NavItemBase/NavItemBase.tsx +4 -7
- package/src/components/NavItemDropdownBase/NavItemDropdownBase.tsx +6 -7
- package/src/components/NavMenuButton/NavMenuButton.tsx +18 -12
- package/src/types/bv-ds-icons.d.ts +6 -0
package/dist/index.d.cts
CHANGED
|
@@ -313,25 +313,73 @@ interface ButtonUtilityProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
|
|
|
313
313
|
}
|
|
314
314
|
declare function ButtonUtility({ icon, label, size, variant, tooltip, className, ...rest }: ButtonUtilityProps): react.JSX.Element;
|
|
315
315
|
|
|
316
|
+
type CalendarEventColor = "neutral" | "brand" | "emerald" | "blue" | "indigo" | "purple" | "pink" | "orange" | "amber";
|
|
317
|
+
type CalendarEventBreakpoint = "desktop" | "mobile";
|
|
318
|
+
type CalendarEventState = "default" | "hover";
|
|
319
|
+
interface CalendarEventProps {
|
|
320
|
+
/** Event title. */
|
|
321
|
+
title: string;
|
|
322
|
+
/** Optional time label (e.g. "9:00 AM"). */
|
|
323
|
+
time?: string;
|
|
324
|
+
color?: CalendarEventColor;
|
|
325
|
+
/** Filled colour-fill style vs the subtle white style. */
|
|
326
|
+
filled?: boolean;
|
|
327
|
+
/** Desktop renders the full chip; mobile collapses to an 8px dot. */
|
|
328
|
+
breakpoint?: CalendarEventBreakpoint;
|
|
329
|
+
/** `hover` darkens the fill one shade (filled chips only). */
|
|
330
|
+
state?: CalendarEventState;
|
|
331
|
+
className?: string;
|
|
332
|
+
}
|
|
333
|
+
declare function CalendarEvent({ title, time, color, filled, breakpoint, state, className, }: CalendarEventProps): react.JSX.Element;
|
|
334
|
+
|
|
335
|
+
type CalendarCellBreakpoint = "desktop" | "mobile";
|
|
336
|
+
interface CalendarCellEvent {
|
|
337
|
+
title: string;
|
|
338
|
+
time?: string;
|
|
339
|
+
color?: CalendarEventColor;
|
|
340
|
+
}
|
|
316
341
|
interface CalendarCellProps {
|
|
317
342
|
/** Day-of-month number. */
|
|
318
343
|
date: string | number;
|
|
344
|
+
/**
|
|
345
|
+
* Declarative events for this day — rendered as filled `CalendarEvent`
|
|
346
|
+
* chips (collapsed to dots on mobile). Use `children` instead for full
|
|
347
|
+
* control over each chip.
|
|
348
|
+
*/
|
|
349
|
+
events?: CalendarCellEvent[];
|
|
319
350
|
/** Event chips for this day — typically `CalendarEvent` instances. */
|
|
320
351
|
children?: ReactNode;
|
|
321
352
|
/** "+N more" overflow count shown beneath the events. */
|
|
322
353
|
moreCount?: number;
|
|
354
|
+
/** Today — date number in a brand-solid circle. */
|
|
355
|
+
isToday?: boolean;
|
|
356
|
+
/** Selected day — date number in a secondary-fill circle. */
|
|
357
|
+
isSelected?: boolean;
|
|
323
358
|
/** Other-month / disabled styling. */
|
|
324
|
-
|
|
325
|
-
/**
|
|
359
|
+
isDisabled?: boolean;
|
|
360
|
+
/** Legacy alias for `isToday`. */
|
|
326
361
|
current?: boolean;
|
|
362
|
+
/** Legacy alias for `isDisabled`. */
|
|
363
|
+
muted?: boolean;
|
|
364
|
+
/** Desktop renders full chips; mobile collapses chips to dots. */
|
|
365
|
+
breakpoint?: CalendarCellBreakpoint;
|
|
327
366
|
/** Renders a hover "+" add button bottom-right. */
|
|
328
367
|
onAdd?: () => void;
|
|
329
368
|
className?: string;
|
|
330
369
|
}
|
|
331
370
|
/** A single day cell in the month grid. Composes CalendarEvent chips. */
|
|
332
|
-
declare function CalendarCell({ date, children, moreCount,
|
|
371
|
+
declare function CalendarCell({ date, events, children, moreCount, isToday, isSelected, isDisabled, current, muted, breakpoint, onAdd, className, }: CalendarCellProps): react.JSX.Element;
|
|
333
372
|
|
|
373
|
+
type CalendarTimeslotType = "empty" | "30min" | "60min" | "90min" | "120min";
|
|
374
|
+
type CalendarTimeslotState = "default" | "hover";
|
|
334
375
|
interface CalendarCellDayWeekViewProps {
|
|
376
|
+
/**
|
|
377
|
+
* Slot duration — drives the row height (empty/30min → 48px, 60min → 96px,
|
|
378
|
+
* 90min → 144px, 120min → 192px). Omit to keep the auto min-height.
|
|
379
|
+
*/
|
|
380
|
+
type?: CalendarTimeslotType;
|
|
381
|
+
/** `hover` tints the slot (also rendered via CSS :hover). */
|
|
382
|
+
state?: CalendarTimeslotState;
|
|
335
383
|
/** Event block(s) occupying the slot — typically CalendarEventDayWeekView. */
|
|
336
384
|
children?: ReactNode;
|
|
337
385
|
/** Renders a hover "+" add button bottom-right. */
|
|
@@ -341,20 +389,29 @@ interface CalendarCellDayWeekViewProps {
|
|
|
341
389
|
className?: string;
|
|
342
390
|
}
|
|
343
391
|
/** A time-slot cell in day/week view. Holds CalendarEventDayWeekView blocks. */
|
|
344
|
-
declare function CalendarCellDayWeekView({ children, onAdd, muted, className, }: CalendarCellDayWeekViewProps): react.JSX.Element;
|
|
392
|
+
declare function CalendarCellDayWeekView({ type, state, children, onAdd, muted, className, }: CalendarCellDayWeekViewProps): react.JSX.Element;
|
|
345
393
|
|
|
346
394
|
type CalendarColumnHeaderOrientation = "horizontal" | "vertical";
|
|
395
|
+
type CalendarColumnHeaderType = "default" | "selected" | "today";
|
|
396
|
+
type CalendarBreakpoint = "desktop" | "mobile";
|
|
347
397
|
interface CalendarColumnHeaderProps {
|
|
348
398
|
/** Weekday label (e.g. "Mon"). */
|
|
349
399
|
weekday: string;
|
|
350
400
|
/** Date number. */
|
|
351
401
|
date: string | number;
|
|
352
|
-
/**
|
|
402
|
+
/**
|
|
403
|
+
* Cell state. `selected` → brand-solid circle behind the date; `today` →
|
|
404
|
+
* brand text + brand underline. Takes precedence over `current` when set.
|
|
405
|
+
*/
|
|
406
|
+
type?: CalendarColumnHeaderType;
|
|
407
|
+
/** Legacy boolean — equivalent to `type="selected"`. Kept for back-compat. */
|
|
353
408
|
current?: boolean;
|
|
354
409
|
orientation?: CalendarColumnHeaderOrientation;
|
|
410
|
+
/** Desktop fixes the column to 160px; mobile lets it size to content. */
|
|
411
|
+
breakpoint?: CalendarBreakpoint;
|
|
355
412
|
className?: string;
|
|
356
413
|
}
|
|
357
|
-
declare function CalendarColumnHeader({ weekday, date, current, orientation, className, }: CalendarColumnHeaderProps): react.JSX.Element;
|
|
414
|
+
declare function CalendarColumnHeader({ weekday, date, type, current, orientation, breakpoint, className, }: CalendarColumnHeaderProps): react.JSX.Element;
|
|
358
415
|
|
|
359
416
|
interface CalendarDateIconProps {
|
|
360
417
|
/** Short month label (e.g. "JAN"). Rendered uppercase. */
|
|
@@ -365,19 +422,6 @@ interface CalendarDateIconProps {
|
|
|
365
422
|
}
|
|
366
423
|
declare function CalendarDateIcon({ month, day, className }: CalendarDateIconProps): react.JSX.Element;
|
|
367
424
|
|
|
368
|
-
type CalendarEventColor = "neutral" | "brand" | "emerald" | "blue" | "indigo" | "purple" | "pink" | "orange" | "amber";
|
|
369
|
-
interface CalendarEventProps {
|
|
370
|
-
/** Event title. */
|
|
371
|
-
title: string;
|
|
372
|
-
/** Optional time label (e.g. "9:00 AM"). */
|
|
373
|
-
time?: string;
|
|
374
|
-
color?: CalendarEventColor;
|
|
375
|
-
/** Filled colour-fill style vs the subtle white style. */
|
|
376
|
-
filled?: boolean;
|
|
377
|
-
className?: string;
|
|
378
|
-
}
|
|
379
|
-
declare function CalendarEvent({ title, time, color, filled, className, }: CalendarEventProps): react.JSX.Element;
|
|
380
|
-
|
|
381
425
|
interface CalendarEventDayWeekViewProps {
|
|
382
426
|
title: string;
|
|
383
427
|
time?: string;
|
|
@@ -393,6 +437,8 @@ interface CalendarHeaderProps {
|
|
|
393
437
|
title: string;
|
|
394
438
|
/** Date range subtitle, e.g. "Jan 1, 2027 – Jan 31, 2027". */
|
|
395
439
|
range?: string;
|
|
440
|
+
/** Alias for `range` — Batch-36 prop name. `range` wins if both set. */
|
|
441
|
+
supportingText?: string;
|
|
396
442
|
/** Badge beside the title (e.g. a PillBadge "Week 1"). */
|
|
397
443
|
badge?: ReactNode;
|
|
398
444
|
/** Leading date chip — typically a CalendarDateIcon. */
|
|
@@ -402,25 +448,30 @@ interface CalendarHeaderProps {
|
|
|
402
448
|
className?: string;
|
|
403
449
|
}
|
|
404
450
|
/** Top bar of the calendar composite. A layout shell — drop controls into `actions`. */
|
|
405
|
-
declare function CalendarHeader({ title, range, badge, dateIcon, actions, className, }: CalendarHeaderProps): react.JSX.Element;
|
|
451
|
+
declare function CalendarHeader({ title, range, supportingText, badge, dateIcon, actions, className, }: CalendarHeaderProps): react.JSX.Element;
|
|
406
452
|
|
|
407
453
|
interface CalendarRowLabelProps {
|
|
408
454
|
/** Time label for the row gutter (e.g. "9 AM"). */
|
|
409
|
-
label
|
|
455
|
+
label?: string;
|
|
456
|
+
/** Alias for `label` — Batch-36 prop name. One of the two is required. */
|
|
457
|
+
time?: string;
|
|
410
458
|
className?: string;
|
|
411
459
|
}
|
|
412
460
|
/** Left-gutter time label aligned to the top of a day/week-view row. */
|
|
413
|
-
declare function CalendarRowLabel({ label, className }: CalendarRowLabelProps): react.JSX.Element;
|
|
461
|
+
declare function CalendarRowLabel({ label, time, className }: CalendarRowLabelProps): react.JSX.Element;
|
|
414
462
|
|
|
415
463
|
type CalendarTimemarkerAlign = "left" | "center";
|
|
464
|
+
type CalendarTimemarkerBreakpoint = "desktop" | "mobile";
|
|
416
465
|
interface CalendarTimemarkerProps {
|
|
417
466
|
/** Time label (e.g. "2:20 PM"). */
|
|
418
467
|
time: string;
|
|
419
468
|
/** Label position: leading, or centered between two line halves. */
|
|
420
469
|
align?: CalendarTimemarkerAlign;
|
|
470
|
+
/** Desktop shows the time label; mobile collapses to dot + line only. */
|
|
471
|
+
breakpoint?: CalendarTimemarkerBreakpoint;
|
|
421
472
|
className?: string;
|
|
422
473
|
}
|
|
423
|
-
declare function CalendarTimemarker({ time, align, className, }: CalendarTimemarkerProps): react.JSX.Element;
|
|
474
|
+
declare function CalendarTimemarker({ time, align, breakpoint, className, }: CalendarTimemarkerProps): react.JSX.Element;
|
|
424
475
|
|
|
425
476
|
type CalendarView = "day" | "week" | "month";
|
|
426
477
|
interface CalendarViewOption {
|
|
@@ -431,10 +482,16 @@ interface CalendarViewOption {
|
|
|
431
482
|
interface CalendarViewDropdownProps {
|
|
432
483
|
value: CalendarView;
|
|
433
484
|
onChange?: (value: CalendarView) => void;
|
|
485
|
+
/** Alias for `onChange` — Batch-36 prop name. Both fire on selection. */
|
|
486
|
+
onSelect?: (value: CalendarView) => void;
|
|
487
|
+
/** Controlled open state. Omit to let the component manage its own. */
|
|
488
|
+
open?: boolean;
|
|
489
|
+
/** Fires whenever the menu wants to open/close (controlled or not). */
|
|
490
|
+
onOpenChange?: (open: boolean) => void;
|
|
434
491
|
options?: CalendarViewOption[];
|
|
435
492
|
className?: string;
|
|
436
493
|
}
|
|
437
|
-
declare function CalendarViewDropdown({ value, onChange, options, className, }: CalendarViewDropdownProps): react.JSX.Element;
|
|
494
|
+
declare function CalendarViewDropdown({ value, onChange, onSelect, open: openProp, onOpenChange, options, className, }: CalendarViewDropdownProps): react.JSX.Element;
|
|
438
495
|
|
|
439
496
|
interface CardHeaderProps {
|
|
440
497
|
/** Card section title. */
|
|
@@ -2789,4 +2846,4 @@ declare namespace index {
|
|
|
2789
2846
|
export { index_BoxIllustration as BoxIllustration, index_CloudIllustration as CloudIllustration, index_CreditCardIllustration as CreditCardIllustration, index_DocumentsIllustration as DocumentsIllustration };
|
|
2790
2847
|
}
|
|
2791
2848
|
|
|
2792
|
-
export { ActivityFeed, type ActivityFeedDivider, type ActivityFeedProps, ActivityGauge, type ActivityGaugeLegend, type ActivityGaugeProps, type ActivityGaugeSeries, type ActivityGaugeSize, AdvancedFilterBar, type AdvancedFilterBarProps, Alert, type AlertAction, type AlertColor, type AlertProps, type AlertSize, Avatar, AvatarAddButton, type AvatarAddButtonProps, type AvatarAddButtonSize, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarGroupSize, AvatarLabelGroup, type AvatarLabelGroupProps, type AvatarLabelGroupSize, AvatarProfilePhoto, type AvatarProfilePhotoProps, type AvatarProfilePhotoSize, type AvatarProps, type AvatarSize, BadgeCloseX, type BadgeCloseXProps, type BadgeCloseXShape, type BadgeColor, type BadgeCommonProps, BadgeGroup, type BadgeGroupBadgePosition, type BadgeGroupProps, type BadgeGroupSize, type BadgeGroupType, type BadgeSize, BreadcrumbButtonBase, type BreadcrumbButtonBaseProps, type BreadcrumbButtonType, Breadcrumbs, type BreadcrumbsDivider, type BreadcrumbsProps, Button, ButtonCloseX, type ButtonCloseXProps, type ButtonCloseXSize, ButtonDestructive, type ButtonDestructiveHierarchy, type ButtonDestructiveProps, type ButtonDestructiveSize, ButtonGroup, type ButtonGroupProps, ButtonGroupSegment, type ButtonGroupSegmentProps, type ButtonGroupSegmentSize, type ButtonProps, ButtonUtility, type ButtonUtilityProps, type ButtonUtilitySize, type ButtonUtilityVariant, CalendarCell, CalendarCellDayWeekView, type CalendarCellDayWeekViewProps, type CalendarCellProps, CalendarColumnHeader, type CalendarColumnHeaderOrientation, type CalendarColumnHeaderProps, CalendarDateIcon, type CalendarDateIconProps, CalendarEvent, type CalendarEventColor, CalendarEventDayWeekView, type CalendarEventDayWeekViewProps, type CalendarEventProps, CalendarHeader, type CalendarHeaderProps, CalendarRowLabel, type CalendarRowLabelProps, CalendarTimemarker, type CalendarTimemarkerAlign, type CalendarTimemarkerProps, type CalendarView, CalendarViewDropdown, type CalendarViewDropdownProps, type CalendarViewOption, CardHeader, type CardHeaderProps, CarouselArrow, type CarouselArrowDirection, type CarouselArrowProps, type CarouselArrowSize, CarouselImage, type CarouselImageProps, Change, type ChangeProps, type ChangeTrend, type ChangeType, ChartLegend, type ChartLegendItem, type ChartLegendPosition, type ChartLegendProps, ChartMarker, type ChartMarkerLine, type ChartMarkerProps, ChartMini, type ChartMiniDatum, type ChartMiniProps, type ChartMiniTrend, type ChartSeries, type ChartStyle, ChartTooltip, type ChartTooltipPayloadItem, type ChartTooltipProps, type CheckControlSize, Checkbox, type CheckboxProps, CodeSnippet, type CodeSnippetProps, CodeSnippetTabs, type CodeSnippetTabsProps, ColorBadge, type ColorBadgeProps, CommandBar, CommandBarFooter, type CommandBarFooterHint, type CommandBarFooterProps, CommandBarMenuSection, type CommandBarMenuSectionProps, CommandBarNavigationIcon, type CommandBarNavigationIconProps, type CommandBarProps, CommandDropdownMenuItem, type CommandDropdownMenuItemProps, CommandInput, type CommandInputProps, CommandShortcut, type CommandShortcutProps, ContentDivider, type ContentDividerProps, type ContentDividerStyle, type ContentDividerType, ContentFeatureText, type ContentFeatureTextProps, type ContentFeatureTextSize, ContentHeading, type ContentHeadingProps, type ContentHeadingSize, ContentParagraph, type ContentParagraphProps, type ContentParagraphSize, ContentQuote, type ContentQuoteAlign, type ContentQuoteProps, type ContentQuoteSize, ContentRule, type ContentRuleProps, type ContentRuleSize, ContextMenu, type ContextMenuProps, type ContextMenuState, DatePickerCell, type DatePickerCellProps, type DatePickerCellType, DatePickerListItem, type DatePickerListItemProps, DatePickerMenu, type DatePickerMenuProps, DropdownAccountListItem, type DropdownAccountListItemProps, DropdownMenuFooter, type DropdownMenuFooterProps, type DropdownMenuFooterType, DropdownMenuHeader, type DropdownMenuHeaderProps, type DropdownMenuHeaderType, DropdownMenuItemInsetIcon, type DropdownMenuItemInsetIconProps, type DropdownMenuItemInsetIconType, DropdownMenuListItem, type DropdownMenuListItemProps, EmptyState, type EmptyStateProps, type EmptyStateSize, FeaturedIcon, type FeaturedIconColor, type FeaturedIconProps, type FeaturedIconSize, type FeaturedIconTheme, FeedItemBase, type FeedItemBaseProps, type FeedItemSize, FileUpload, FileUploadBase, type FileUploadBaseProps, FileUploadItemBase, type FileUploadItemBaseProps, type FileUploadItemIconType, type FileUploadItemStatus, type FileUploadItemType, type FileUploadProps, FilterBar, type FilterBarProps, FilterTabs, type FilterTabsProps, FiltersDropdownMenu, type FiltersDropdownMenuProps, FiltersSlideoutMenu, type FiltersSlideoutMenuProps, type HeaderNavItem, HeaderNavigation, type HeaderNavigationProps, type HeaderNavigationType, HelpIcon, type HelpIconProps, InputField, type InputFieldProps, type InputFieldSize, type InputFieldType, LeadingInputField, type LeadingInputFieldProps, LineAndBarChart, type LineAndBarChartProps, LinkMessage, type LinkMessageProps, type LinkMessageType, LoadingIndicator, type LoadingIndicatorProps, type LoadingIndicatorSize, type LoadingIndicatorStyle, MediaMessage, type MediaMessageProps, type MediaMessageType, MegaInputFieldBase, type MegaInputFieldBaseProps, type MegaInputFieldBaseSize, Message, MessageAction, MessageActionButton, type MessageActionButtonProps, MessageActionPanel, type MessageActionPanelProps, type MessageActionProps, type MessageActionType, type MessageBubbleTone, type MessageProps, MessageReaction, type MessageReactionProps, type MessageStatus, MessageStatusIcon, type MessageStatusIconProps, type MessageType, MetricItem, type MetricItemProps, Modal, ModalActions, type ModalActionsProps, type ModalActionsType, ModalHeader, type ModalHeaderProps, type ModalHeaderType, type ModalProps, type ModalSize, ModernBadge, type ModernBadgeProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, NavAccountCard, type NavAccountCardBreakpoint, NavAccountCardMenuItem, type NavAccountCardMenuItemProps, type NavAccountCardMenuItemType, type NavAccountCardProps, type NavAccountCardVariant, NavButton, type NavButtonProps, NavFeaturedCard, type NavFeaturedCardProps, NavItemBase, type NavItemBaseProps, NavItemDropdownBase, type NavItemDropdownBaseProps, NavMenuButton, type NavMenuButtonProps, Notification, type NotificationProps, type NotificationVariant, NumberInput, type NumberInputLayout, type NumberInputProps, PageHeader, type PageHeaderProps, type PageHeaderStyle, Pagination, PaginationButtonGroupBase, type PaginationButtonGroupBaseProps, type PaginationButtonGroupType, PaginationCards, type PaginationCardsProps, type PaginationCardsVariant, PaginationDotGroup, type PaginationDotGroupProps, PaginationDotIndicator, type PaginationDotIndicatorProps, type PaginationDotSize, type PaginationDotVariant, PaginationNumberBase, type PaginationNumberBaseProps, type PaginationNumberShape, type PaginationProps, type PaginationType, PieChart, type PieChartProps, type PieChartSize, type PieSlice, PillBadge, type PillBadgeProps, ProgressBar, type ProgressBarLabel, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, type ProgressCircleShape, type ProgressCircleSize, RadarChart, type RadarChartProps, type RadarLegendPosition, Radio, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupItemSize, type RadioGroupItemType, type RadioGroupProps, type RadioProps, SectionFooter, type SectionFooterProps, type SectionFooterType, SectionHeader, type SectionHeaderProps, SectionLabel, type SectionLabelProps, type SectionLabelSize, Select, SelectMenuItem, type SelectMenuItemProps, type SelectMenuItemSize, type SelectProps, type SelectSize, type SelectType, SidebarNavigation, type SidebarNavigationProps, type SidebarNavigationType, SlideOutMenuHeader, type SlideOutMenuHeaderProps, SlideoutMenu, type SlideoutMenuProps, type SlideoutMenuSide, type SlideoutMenuSize, Slider, type SliderLabel, type SliderProps, type SocialBrand, SocialButton, type SocialButtonProps, type SocialButtonSize, type SocialButtonTheme, StatusIcon, type StatusIconProps, type StatusIconType, StepBase, type StepBaseProps, StepIconBase, type StepIconBaseProps, type StepIconSize, type StepIconType, type StepOrientation, type StepStatus, TabButtonBase, type TabButtonBaseProps, type TabButtonSize, type TabButtonType, type TabItem, TableCell, type TableCellProps, type TableCellSize, TableHeaderCell, type TableHeaderCellProps, type TableHeaderCellSize, TableHeaderLabel, type TableHeaderLabelArrow, type TableHeaderLabelProps, Tabs, type TabsOrientation, type TabsProps, Tag, type TagProps, type TagSize, TagsInputField, type TagsInputFieldProps, type TagsInputVariant, TextEditorToolbar, TextEditorToolbarDivider, type TextEditorToolbarProps, TextEditorTooltip, type TextEditorTooltipProps, TextareaInputField, type TextareaInputFieldProps, Toggle, type ToggleProps, type ToggleSize, type ToggleType, Tooltip, type TooltipArrow, type TooltipProps, TrailingInputField, type TrailingInputFieldProps, type TreeNode, TreeView, TreeViewConnector, type TreeViewConnectorProps, type TreeViewConnectorSize, type TreeViewConnectorType, TreeViewItem, type TreeViewItemProps, type TreeViewItemSize, type TreeViewProps, type UseContextMenuReturn, type VerificationCodeDigits, VerificationCodeInput, type VerificationCodeInputProps, type VerificationCodeSize, index as illustrations, useContextMenu };
|
|
2849
|
+
export { ActivityFeed, type ActivityFeedDivider, type ActivityFeedProps, ActivityGauge, type ActivityGaugeLegend, type ActivityGaugeProps, type ActivityGaugeSeries, type ActivityGaugeSize, AdvancedFilterBar, type AdvancedFilterBarProps, Alert, type AlertAction, type AlertColor, type AlertProps, type AlertSize, Avatar, AvatarAddButton, type AvatarAddButtonProps, type AvatarAddButtonSize, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarGroupSize, AvatarLabelGroup, type AvatarLabelGroupProps, type AvatarLabelGroupSize, AvatarProfilePhoto, type AvatarProfilePhotoProps, type AvatarProfilePhotoSize, type AvatarProps, type AvatarSize, BadgeCloseX, type BadgeCloseXProps, type BadgeCloseXShape, type BadgeColor, type BadgeCommonProps, BadgeGroup, type BadgeGroupBadgePosition, type BadgeGroupProps, type BadgeGroupSize, type BadgeGroupType, type BadgeSize, BreadcrumbButtonBase, type BreadcrumbButtonBaseProps, type BreadcrumbButtonType, Breadcrumbs, type BreadcrumbsDivider, type BreadcrumbsProps, Button, ButtonCloseX, type ButtonCloseXProps, type ButtonCloseXSize, ButtonDestructive, type ButtonDestructiveHierarchy, type ButtonDestructiveProps, type ButtonDestructiveSize, ButtonGroup, type ButtonGroupProps, ButtonGroupSegment, type ButtonGroupSegmentProps, type ButtonGroupSegmentSize, type ButtonProps, ButtonUtility, type ButtonUtilityProps, type ButtonUtilitySize, type ButtonUtilityVariant, type CalendarBreakpoint, CalendarCell, type CalendarCellBreakpoint, CalendarCellDayWeekView, type CalendarCellDayWeekViewProps, type CalendarCellEvent, type CalendarCellProps, CalendarColumnHeader, type CalendarColumnHeaderOrientation, type CalendarColumnHeaderProps, type CalendarColumnHeaderType, CalendarDateIcon, type CalendarDateIconProps, CalendarEvent, type CalendarEventBreakpoint, type CalendarEventColor, CalendarEventDayWeekView, type CalendarEventDayWeekViewProps, type CalendarEventProps, type CalendarEventState, CalendarHeader, type CalendarHeaderProps, CalendarRowLabel, type CalendarRowLabelProps, CalendarTimemarker, type CalendarTimemarkerAlign, type CalendarTimemarkerBreakpoint, type CalendarTimemarkerProps, type CalendarTimeslotState, type CalendarTimeslotType, type CalendarView, CalendarViewDropdown, type CalendarViewDropdownProps, type CalendarViewOption, CardHeader, type CardHeaderProps, CarouselArrow, type CarouselArrowDirection, type CarouselArrowProps, type CarouselArrowSize, CarouselImage, type CarouselImageProps, Change, type ChangeProps, type ChangeTrend, type ChangeType, ChartLegend, type ChartLegendItem, type ChartLegendPosition, type ChartLegendProps, ChartMarker, type ChartMarkerLine, type ChartMarkerProps, ChartMini, type ChartMiniDatum, type ChartMiniProps, type ChartMiniTrend, type ChartSeries, type ChartStyle, ChartTooltip, type ChartTooltipPayloadItem, type ChartTooltipProps, type CheckControlSize, Checkbox, type CheckboxProps, CodeSnippet, type CodeSnippetProps, CodeSnippetTabs, type CodeSnippetTabsProps, ColorBadge, type ColorBadgeProps, CommandBar, CommandBarFooter, type CommandBarFooterHint, type CommandBarFooterProps, CommandBarMenuSection, type CommandBarMenuSectionProps, CommandBarNavigationIcon, type CommandBarNavigationIconProps, type CommandBarProps, CommandDropdownMenuItem, type CommandDropdownMenuItemProps, CommandInput, type CommandInputProps, CommandShortcut, type CommandShortcutProps, ContentDivider, type ContentDividerProps, type ContentDividerStyle, type ContentDividerType, ContentFeatureText, type ContentFeatureTextProps, type ContentFeatureTextSize, ContentHeading, type ContentHeadingProps, type ContentHeadingSize, ContentParagraph, type ContentParagraphProps, type ContentParagraphSize, ContentQuote, type ContentQuoteAlign, type ContentQuoteProps, type ContentQuoteSize, ContentRule, type ContentRuleProps, type ContentRuleSize, ContextMenu, type ContextMenuProps, type ContextMenuState, DatePickerCell, type DatePickerCellProps, type DatePickerCellType, DatePickerListItem, type DatePickerListItemProps, DatePickerMenu, type DatePickerMenuProps, DropdownAccountListItem, type DropdownAccountListItemProps, DropdownMenuFooter, type DropdownMenuFooterProps, type DropdownMenuFooterType, DropdownMenuHeader, type DropdownMenuHeaderProps, type DropdownMenuHeaderType, DropdownMenuItemInsetIcon, type DropdownMenuItemInsetIconProps, type DropdownMenuItemInsetIconType, DropdownMenuListItem, type DropdownMenuListItemProps, EmptyState, type EmptyStateProps, type EmptyStateSize, FeaturedIcon, type FeaturedIconColor, type FeaturedIconProps, type FeaturedIconSize, type FeaturedIconTheme, FeedItemBase, type FeedItemBaseProps, type FeedItemSize, FileUpload, FileUploadBase, type FileUploadBaseProps, FileUploadItemBase, type FileUploadItemBaseProps, type FileUploadItemIconType, type FileUploadItemStatus, type FileUploadItemType, type FileUploadProps, FilterBar, type FilterBarProps, FilterTabs, type FilterTabsProps, FiltersDropdownMenu, type FiltersDropdownMenuProps, FiltersSlideoutMenu, type FiltersSlideoutMenuProps, type HeaderNavItem, HeaderNavigation, type HeaderNavigationProps, type HeaderNavigationType, HelpIcon, type HelpIconProps, InputField, type InputFieldProps, type InputFieldSize, type InputFieldType, LeadingInputField, type LeadingInputFieldProps, LineAndBarChart, type LineAndBarChartProps, LinkMessage, type LinkMessageProps, type LinkMessageType, LoadingIndicator, type LoadingIndicatorProps, type LoadingIndicatorSize, type LoadingIndicatorStyle, MediaMessage, type MediaMessageProps, type MediaMessageType, MegaInputFieldBase, type MegaInputFieldBaseProps, type MegaInputFieldBaseSize, Message, MessageAction, MessageActionButton, type MessageActionButtonProps, MessageActionPanel, type MessageActionPanelProps, type MessageActionProps, type MessageActionType, type MessageBubbleTone, type MessageProps, MessageReaction, type MessageReactionProps, type MessageStatus, MessageStatusIcon, type MessageStatusIconProps, type MessageType, MetricItem, type MetricItemProps, Modal, ModalActions, type ModalActionsProps, type ModalActionsType, ModalHeader, type ModalHeaderProps, type ModalHeaderType, type ModalProps, type ModalSize, ModernBadge, type ModernBadgeProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, NavAccountCard, type NavAccountCardBreakpoint, NavAccountCardMenuItem, type NavAccountCardMenuItemProps, type NavAccountCardMenuItemType, type NavAccountCardProps, type NavAccountCardVariant, NavButton, type NavButtonProps, NavFeaturedCard, type NavFeaturedCardProps, NavItemBase, type NavItemBaseProps, NavItemDropdownBase, type NavItemDropdownBaseProps, NavMenuButton, type NavMenuButtonProps, Notification, type NotificationProps, type NotificationVariant, NumberInput, type NumberInputLayout, type NumberInputProps, PageHeader, type PageHeaderProps, type PageHeaderStyle, Pagination, PaginationButtonGroupBase, type PaginationButtonGroupBaseProps, type PaginationButtonGroupType, PaginationCards, type PaginationCardsProps, type PaginationCardsVariant, PaginationDotGroup, type PaginationDotGroupProps, PaginationDotIndicator, type PaginationDotIndicatorProps, type PaginationDotSize, type PaginationDotVariant, PaginationNumberBase, type PaginationNumberBaseProps, type PaginationNumberShape, type PaginationProps, type PaginationType, PieChart, type PieChartProps, type PieChartSize, type PieSlice, PillBadge, type PillBadgeProps, ProgressBar, type ProgressBarLabel, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, type ProgressCircleShape, type ProgressCircleSize, RadarChart, type RadarChartProps, type RadarLegendPosition, Radio, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupItemSize, type RadioGroupItemType, type RadioGroupProps, type RadioProps, SectionFooter, type SectionFooterProps, type SectionFooterType, SectionHeader, type SectionHeaderProps, SectionLabel, type SectionLabelProps, type SectionLabelSize, Select, SelectMenuItem, type SelectMenuItemProps, type SelectMenuItemSize, type SelectProps, type SelectSize, type SelectType, SidebarNavigation, type SidebarNavigationProps, type SidebarNavigationType, SlideOutMenuHeader, type SlideOutMenuHeaderProps, SlideoutMenu, type SlideoutMenuProps, type SlideoutMenuSide, type SlideoutMenuSize, Slider, type SliderLabel, type SliderProps, type SocialBrand, SocialButton, type SocialButtonProps, type SocialButtonSize, type SocialButtonTheme, StatusIcon, type StatusIconProps, type StatusIconType, StepBase, type StepBaseProps, StepIconBase, type StepIconBaseProps, type StepIconSize, type StepIconType, type StepOrientation, type StepStatus, TabButtonBase, type TabButtonBaseProps, type TabButtonSize, type TabButtonType, type TabItem, TableCell, type TableCellProps, type TableCellSize, TableHeaderCell, type TableHeaderCellProps, type TableHeaderCellSize, TableHeaderLabel, type TableHeaderLabelArrow, type TableHeaderLabelProps, Tabs, type TabsOrientation, type TabsProps, Tag, type TagProps, type TagSize, TagsInputField, type TagsInputFieldProps, type TagsInputVariant, TextEditorToolbar, TextEditorToolbarDivider, type TextEditorToolbarProps, TextEditorTooltip, type TextEditorTooltipProps, TextareaInputField, type TextareaInputFieldProps, Toggle, type ToggleProps, type ToggleSize, type ToggleType, Tooltip, type TooltipArrow, type TooltipProps, TrailingInputField, type TrailingInputFieldProps, type TreeNode, TreeView, TreeViewConnector, type TreeViewConnectorProps, type TreeViewConnectorSize, type TreeViewConnectorType, TreeViewItem, type TreeViewItemProps, type TreeViewItemSize, type TreeViewProps, type UseContextMenuReturn, type VerificationCodeDigits, VerificationCodeInput, type VerificationCodeInputProps, type VerificationCodeSize, index as illustrations, useContextMenu };
|
package/dist/index.d.ts
CHANGED
|
@@ -313,25 +313,73 @@ interface ButtonUtilityProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
|
|
|
313
313
|
}
|
|
314
314
|
declare function ButtonUtility({ icon, label, size, variant, tooltip, className, ...rest }: ButtonUtilityProps): react.JSX.Element;
|
|
315
315
|
|
|
316
|
+
type CalendarEventColor = "neutral" | "brand" | "emerald" | "blue" | "indigo" | "purple" | "pink" | "orange" | "amber";
|
|
317
|
+
type CalendarEventBreakpoint = "desktop" | "mobile";
|
|
318
|
+
type CalendarEventState = "default" | "hover";
|
|
319
|
+
interface CalendarEventProps {
|
|
320
|
+
/** Event title. */
|
|
321
|
+
title: string;
|
|
322
|
+
/** Optional time label (e.g. "9:00 AM"). */
|
|
323
|
+
time?: string;
|
|
324
|
+
color?: CalendarEventColor;
|
|
325
|
+
/** Filled colour-fill style vs the subtle white style. */
|
|
326
|
+
filled?: boolean;
|
|
327
|
+
/** Desktop renders the full chip; mobile collapses to an 8px dot. */
|
|
328
|
+
breakpoint?: CalendarEventBreakpoint;
|
|
329
|
+
/** `hover` darkens the fill one shade (filled chips only). */
|
|
330
|
+
state?: CalendarEventState;
|
|
331
|
+
className?: string;
|
|
332
|
+
}
|
|
333
|
+
declare function CalendarEvent({ title, time, color, filled, breakpoint, state, className, }: CalendarEventProps): react.JSX.Element;
|
|
334
|
+
|
|
335
|
+
type CalendarCellBreakpoint = "desktop" | "mobile";
|
|
336
|
+
interface CalendarCellEvent {
|
|
337
|
+
title: string;
|
|
338
|
+
time?: string;
|
|
339
|
+
color?: CalendarEventColor;
|
|
340
|
+
}
|
|
316
341
|
interface CalendarCellProps {
|
|
317
342
|
/** Day-of-month number. */
|
|
318
343
|
date: string | number;
|
|
344
|
+
/**
|
|
345
|
+
* Declarative events for this day — rendered as filled `CalendarEvent`
|
|
346
|
+
* chips (collapsed to dots on mobile). Use `children` instead for full
|
|
347
|
+
* control over each chip.
|
|
348
|
+
*/
|
|
349
|
+
events?: CalendarCellEvent[];
|
|
319
350
|
/** Event chips for this day — typically `CalendarEvent` instances. */
|
|
320
351
|
children?: ReactNode;
|
|
321
352
|
/** "+N more" overflow count shown beneath the events. */
|
|
322
353
|
moreCount?: number;
|
|
354
|
+
/** Today — date number in a brand-solid circle. */
|
|
355
|
+
isToday?: boolean;
|
|
356
|
+
/** Selected day — date number in a secondary-fill circle. */
|
|
357
|
+
isSelected?: boolean;
|
|
323
358
|
/** Other-month / disabled styling. */
|
|
324
|
-
|
|
325
|
-
/**
|
|
359
|
+
isDisabled?: boolean;
|
|
360
|
+
/** Legacy alias for `isToday`. */
|
|
326
361
|
current?: boolean;
|
|
362
|
+
/** Legacy alias for `isDisabled`. */
|
|
363
|
+
muted?: boolean;
|
|
364
|
+
/** Desktop renders full chips; mobile collapses chips to dots. */
|
|
365
|
+
breakpoint?: CalendarCellBreakpoint;
|
|
327
366
|
/** Renders a hover "+" add button bottom-right. */
|
|
328
367
|
onAdd?: () => void;
|
|
329
368
|
className?: string;
|
|
330
369
|
}
|
|
331
370
|
/** A single day cell in the month grid. Composes CalendarEvent chips. */
|
|
332
|
-
declare function CalendarCell({ date, children, moreCount,
|
|
371
|
+
declare function CalendarCell({ date, events, children, moreCount, isToday, isSelected, isDisabled, current, muted, breakpoint, onAdd, className, }: CalendarCellProps): react.JSX.Element;
|
|
333
372
|
|
|
373
|
+
type CalendarTimeslotType = "empty" | "30min" | "60min" | "90min" | "120min";
|
|
374
|
+
type CalendarTimeslotState = "default" | "hover";
|
|
334
375
|
interface CalendarCellDayWeekViewProps {
|
|
376
|
+
/**
|
|
377
|
+
* Slot duration — drives the row height (empty/30min → 48px, 60min → 96px,
|
|
378
|
+
* 90min → 144px, 120min → 192px). Omit to keep the auto min-height.
|
|
379
|
+
*/
|
|
380
|
+
type?: CalendarTimeslotType;
|
|
381
|
+
/** `hover` tints the slot (also rendered via CSS :hover). */
|
|
382
|
+
state?: CalendarTimeslotState;
|
|
335
383
|
/** Event block(s) occupying the slot — typically CalendarEventDayWeekView. */
|
|
336
384
|
children?: ReactNode;
|
|
337
385
|
/** Renders a hover "+" add button bottom-right. */
|
|
@@ -341,20 +389,29 @@ interface CalendarCellDayWeekViewProps {
|
|
|
341
389
|
className?: string;
|
|
342
390
|
}
|
|
343
391
|
/** A time-slot cell in day/week view. Holds CalendarEventDayWeekView blocks. */
|
|
344
|
-
declare function CalendarCellDayWeekView({ children, onAdd, muted, className, }: CalendarCellDayWeekViewProps): react.JSX.Element;
|
|
392
|
+
declare function CalendarCellDayWeekView({ type, state, children, onAdd, muted, className, }: CalendarCellDayWeekViewProps): react.JSX.Element;
|
|
345
393
|
|
|
346
394
|
type CalendarColumnHeaderOrientation = "horizontal" | "vertical";
|
|
395
|
+
type CalendarColumnHeaderType = "default" | "selected" | "today";
|
|
396
|
+
type CalendarBreakpoint = "desktop" | "mobile";
|
|
347
397
|
interface CalendarColumnHeaderProps {
|
|
348
398
|
/** Weekday label (e.g. "Mon"). */
|
|
349
399
|
weekday: string;
|
|
350
400
|
/** Date number. */
|
|
351
401
|
date: string | number;
|
|
352
|
-
/**
|
|
402
|
+
/**
|
|
403
|
+
* Cell state. `selected` → brand-solid circle behind the date; `today` →
|
|
404
|
+
* brand text + brand underline. Takes precedence over `current` when set.
|
|
405
|
+
*/
|
|
406
|
+
type?: CalendarColumnHeaderType;
|
|
407
|
+
/** Legacy boolean — equivalent to `type="selected"`. Kept for back-compat. */
|
|
353
408
|
current?: boolean;
|
|
354
409
|
orientation?: CalendarColumnHeaderOrientation;
|
|
410
|
+
/** Desktop fixes the column to 160px; mobile lets it size to content. */
|
|
411
|
+
breakpoint?: CalendarBreakpoint;
|
|
355
412
|
className?: string;
|
|
356
413
|
}
|
|
357
|
-
declare function CalendarColumnHeader({ weekday, date, current, orientation, className, }: CalendarColumnHeaderProps): react.JSX.Element;
|
|
414
|
+
declare function CalendarColumnHeader({ weekday, date, type, current, orientation, breakpoint, className, }: CalendarColumnHeaderProps): react.JSX.Element;
|
|
358
415
|
|
|
359
416
|
interface CalendarDateIconProps {
|
|
360
417
|
/** Short month label (e.g. "JAN"). Rendered uppercase. */
|
|
@@ -365,19 +422,6 @@ interface CalendarDateIconProps {
|
|
|
365
422
|
}
|
|
366
423
|
declare function CalendarDateIcon({ month, day, className }: CalendarDateIconProps): react.JSX.Element;
|
|
367
424
|
|
|
368
|
-
type CalendarEventColor = "neutral" | "brand" | "emerald" | "blue" | "indigo" | "purple" | "pink" | "orange" | "amber";
|
|
369
|
-
interface CalendarEventProps {
|
|
370
|
-
/** Event title. */
|
|
371
|
-
title: string;
|
|
372
|
-
/** Optional time label (e.g. "9:00 AM"). */
|
|
373
|
-
time?: string;
|
|
374
|
-
color?: CalendarEventColor;
|
|
375
|
-
/** Filled colour-fill style vs the subtle white style. */
|
|
376
|
-
filled?: boolean;
|
|
377
|
-
className?: string;
|
|
378
|
-
}
|
|
379
|
-
declare function CalendarEvent({ title, time, color, filled, className, }: CalendarEventProps): react.JSX.Element;
|
|
380
|
-
|
|
381
425
|
interface CalendarEventDayWeekViewProps {
|
|
382
426
|
title: string;
|
|
383
427
|
time?: string;
|
|
@@ -393,6 +437,8 @@ interface CalendarHeaderProps {
|
|
|
393
437
|
title: string;
|
|
394
438
|
/** Date range subtitle, e.g. "Jan 1, 2027 – Jan 31, 2027". */
|
|
395
439
|
range?: string;
|
|
440
|
+
/** Alias for `range` — Batch-36 prop name. `range` wins if both set. */
|
|
441
|
+
supportingText?: string;
|
|
396
442
|
/** Badge beside the title (e.g. a PillBadge "Week 1"). */
|
|
397
443
|
badge?: ReactNode;
|
|
398
444
|
/** Leading date chip — typically a CalendarDateIcon. */
|
|
@@ -402,25 +448,30 @@ interface CalendarHeaderProps {
|
|
|
402
448
|
className?: string;
|
|
403
449
|
}
|
|
404
450
|
/** Top bar of the calendar composite. A layout shell — drop controls into `actions`. */
|
|
405
|
-
declare function CalendarHeader({ title, range, badge, dateIcon, actions, className, }: CalendarHeaderProps): react.JSX.Element;
|
|
451
|
+
declare function CalendarHeader({ title, range, supportingText, badge, dateIcon, actions, className, }: CalendarHeaderProps): react.JSX.Element;
|
|
406
452
|
|
|
407
453
|
interface CalendarRowLabelProps {
|
|
408
454
|
/** Time label for the row gutter (e.g. "9 AM"). */
|
|
409
|
-
label
|
|
455
|
+
label?: string;
|
|
456
|
+
/** Alias for `label` — Batch-36 prop name. One of the two is required. */
|
|
457
|
+
time?: string;
|
|
410
458
|
className?: string;
|
|
411
459
|
}
|
|
412
460
|
/** Left-gutter time label aligned to the top of a day/week-view row. */
|
|
413
|
-
declare function CalendarRowLabel({ label, className }: CalendarRowLabelProps): react.JSX.Element;
|
|
461
|
+
declare function CalendarRowLabel({ label, time, className }: CalendarRowLabelProps): react.JSX.Element;
|
|
414
462
|
|
|
415
463
|
type CalendarTimemarkerAlign = "left" | "center";
|
|
464
|
+
type CalendarTimemarkerBreakpoint = "desktop" | "mobile";
|
|
416
465
|
interface CalendarTimemarkerProps {
|
|
417
466
|
/** Time label (e.g. "2:20 PM"). */
|
|
418
467
|
time: string;
|
|
419
468
|
/** Label position: leading, or centered between two line halves. */
|
|
420
469
|
align?: CalendarTimemarkerAlign;
|
|
470
|
+
/** Desktop shows the time label; mobile collapses to dot + line only. */
|
|
471
|
+
breakpoint?: CalendarTimemarkerBreakpoint;
|
|
421
472
|
className?: string;
|
|
422
473
|
}
|
|
423
|
-
declare function CalendarTimemarker({ time, align, className, }: CalendarTimemarkerProps): react.JSX.Element;
|
|
474
|
+
declare function CalendarTimemarker({ time, align, breakpoint, className, }: CalendarTimemarkerProps): react.JSX.Element;
|
|
424
475
|
|
|
425
476
|
type CalendarView = "day" | "week" | "month";
|
|
426
477
|
interface CalendarViewOption {
|
|
@@ -431,10 +482,16 @@ interface CalendarViewOption {
|
|
|
431
482
|
interface CalendarViewDropdownProps {
|
|
432
483
|
value: CalendarView;
|
|
433
484
|
onChange?: (value: CalendarView) => void;
|
|
485
|
+
/** Alias for `onChange` — Batch-36 prop name. Both fire on selection. */
|
|
486
|
+
onSelect?: (value: CalendarView) => void;
|
|
487
|
+
/** Controlled open state. Omit to let the component manage its own. */
|
|
488
|
+
open?: boolean;
|
|
489
|
+
/** Fires whenever the menu wants to open/close (controlled or not). */
|
|
490
|
+
onOpenChange?: (open: boolean) => void;
|
|
434
491
|
options?: CalendarViewOption[];
|
|
435
492
|
className?: string;
|
|
436
493
|
}
|
|
437
|
-
declare function CalendarViewDropdown({ value, onChange, options, className, }: CalendarViewDropdownProps): react.JSX.Element;
|
|
494
|
+
declare function CalendarViewDropdown({ value, onChange, onSelect, open: openProp, onOpenChange, options, className, }: CalendarViewDropdownProps): react.JSX.Element;
|
|
438
495
|
|
|
439
496
|
interface CardHeaderProps {
|
|
440
497
|
/** Card section title. */
|
|
@@ -2789,4 +2846,4 @@ declare namespace index {
|
|
|
2789
2846
|
export { index_BoxIllustration as BoxIllustration, index_CloudIllustration as CloudIllustration, index_CreditCardIllustration as CreditCardIllustration, index_DocumentsIllustration as DocumentsIllustration };
|
|
2790
2847
|
}
|
|
2791
2848
|
|
|
2792
|
-
export { ActivityFeed, type ActivityFeedDivider, type ActivityFeedProps, ActivityGauge, type ActivityGaugeLegend, type ActivityGaugeProps, type ActivityGaugeSeries, type ActivityGaugeSize, AdvancedFilterBar, type AdvancedFilterBarProps, Alert, type AlertAction, type AlertColor, type AlertProps, type AlertSize, Avatar, AvatarAddButton, type AvatarAddButtonProps, type AvatarAddButtonSize, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarGroupSize, AvatarLabelGroup, type AvatarLabelGroupProps, type AvatarLabelGroupSize, AvatarProfilePhoto, type AvatarProfilePhotoProps, type AvatarProfilePhotoSize, type AvatarProps, type AvatarSize, BadgeCloseX, type BadgeCloseXProps, type BadgeCloseXShape, type BadgeColor, type BadgeCommonProps, BadgeGroup, type BadgeGroupBadgePosition, type BadgeGroupProps, type BadgeGroupSize, type BadgeGroupType, type BadgeSize, BreadcrumbButtonBase, type BreadcrumbButtonBaseProps, type BreadcrumbButtonType, Breadcrumbs, type BreadcrumbsDivider, type BreadcrumbsProps, Button, ButtonCloseX, type ButtonCloseXProps, type ButtonCloseXSize, ButtonDestructive, type ButtonDestructiveHierarchy, type ButtonDestructiveProps, type ButtonDestructiveSize, ButtonGroup, type ButtonGroupProps, ButtonGroupSegment, type ButtonGroupSegmentProps, type ButtonGroupSegmentSize, type ButtonProps, ButtonUtility, type ButtonUtilityProps, type ButtonUtilitySize, type ButtonUtilityVariant, CalendarCell, CalendarCellDayWeekView, type CalendarCellDayWeekViewProps, type CalendarCellProps, CalendarColumnHeader, type CalendarColumnHeaderOrientation, type CalendarColumnHeaderProps, CalendarDateIcon, type CalendarDateIconProps, CalendarEvent, type CalendarEventColor, CalendarEventDayWeekView, type CalendarEventDayWeekViewProps, type CalendarEventProps, CalendarHeader, type CalendarHeaderProps, CalendarRowLabel, type CalendarRowLabelProps, CalendarTimemarker, type CalendarTimemarkerAlign, type CalendarTimemarkerProps, type CalendarView, CalendarViewDropdown, type CalendarViewDropdownProps, type CalendarViewOption, CardHeader, type CardHeaderProps, CarouselArrow, type CarouselArrowDirection, type CarouselArrowProps, type CarouselArrowSize, CarouselImage, type CarouselImageProps, Change, type ChangeProps, type ChangeTrend, type ChangeType, ChartLegend, type ChartLegendItem, type ChartLegendPosition, type ChartLegendProps, ChartMarker, type ChartMarkerLine, type ChartMarkerProps, ChartMini, type ChartMiniDatum, type ChartMiniProps, type ChartMiniTrend, type ChartSeries, type ChartStyle, ChartTooltip, type ChartTooltipPayloadItem, type ChartTooltipProps, type CheckControlSize, Checkbox, type CheckboxProps, CodeSnippet, type CodeSnippetProps, CodeSnippetTabs, type CodeSnippetTabsProps, ColorBadge, type ColorBadgeProps, CommandBar, CommandBarFooter, type CommandBarFooterHint, type CommandBarFooterProps, CommandBarMenuSection, type CommandBarMenuSectionProps, CommandBarNavigationIcon, type CommandBarNavigationIconProps, type CommandBarProps, CommandDropdownMenuItem, type CommandDropdownMenuItemProps, CommandInput, type CommandInputProps, CommandShortcut, type CommandShortcutProps, ContentDivider, type ContentDividerProps, type ContentDividerStyle, type ContentDividerType, ContentFeatureText, type ContentFeatureTextProps, type ContentFeatureTextSize, ContentHeading, type ContentHeadingProps, type ContentHeadingSize, ContentParagraph, type ContentParagraphProps, type ContentParagraphSize, ContentQuote, type ContentQuoteAlign, type ContentQuoteProps, type ContentQuoteSize, ContentRule, type ContentRuleProps, type ContentRuleSize, ContextMenu, type ContextMenuProps, type ContextMenuState, DatePickerCell, type DatePickerCellProps, type DatePickerCellType, DatePickerListItem, type DatePickerListItemProps, DatePickerMenu, type DatePickerMenuProps, DropdownAccountListItem, type DropdownAccountListItemProps, DropdownMenuFooter, type DropdownMenuFooterProps, type DropdownMenuFooterType, DropdownMenuHeader, type DropdownMenuHeaderProps, type DropdownMenuHeaderType, DropdownMenuItemInsetIcon, type DropdownMenuItemInsetIconProps, type DropdownMenuItemInsetIconType, DropdownMenuListItem, type DropdownMenuListItemProps, EmptyState, type EmptyStateProps, type EmptyStateSize, FeaturedIcon, type FeaturedIconColor, type FeaturedIconProps, type FeaturedIconSize, type FeaturedIconTheme, FeedItemBase, type FeedItemBaseProps, type FeedItemSize, FileUpload, FileUploadBase, type FileUploadBaseProps, FileUploadItemBase, type FileUploadItemBaseProps, type FileUploadItemIconType, type FileUploadItemStatus, type FileUploadItemType, type FileUploadProps, FilterBar, type FilterBarProps, FilterTabs, type FilterTabsProps, FiltersDropdownMenu, type FiltersDropdownMenuProps, FiltersSlideoutMenu, type FiltersSlideoutMenuProps, type HeaderNavItem, HeaderNavigation, type HeaderNavigationProps, type HeaderNavigationType, HelpIcon, type HelpIconProps, InputField, type InputFieldProps, type InputFieldSize, type InputFieldType, LeadingInputField, type LeadingInputFieldProps, LineAndBarChart, type LineAndBarChartProps, LinkMessage, type LinkMessageProps, type LinkMessageType, LoadingIndicator, type LoadingIndicatorProps, type LoadingIndicatorSize, type LoadingIndicatorStyle, MediaMessage, type MediaMessageProps, type MediaMessageType, MegaInputFieldBase, type MegaInputFieldBaseProps, type MegaInputFieldBaseSize, Message, MessageAction, MessageActionButton, type MessageActionButtonProps, MessageActionPanel, type MessageActionPanelProps, type MessageActionProps, type MessageActionType, type MessageBubbleTone, type MessageProps, MessageReaction, type MessageReactionProps, type MessageStatus, MessageStatusIcon, type MessageStatusIconProps, type MessageType, MetricItem, type MetricItemProps, Modal, ModalActions, type ModalActionsProps, type ModalActionsType, ModalHeader, type ModalHeaderProps, type ModalHeaderType, type ModalProps, type ModalSize, ModernBadge, type ModernBadgeProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, NavAccountCard, type NavAccountCardBreakpoint, NavAccountCardMenuItem, type NavAccountCardMenuItemProps, type NavAccountCardMenuItemType, type NavAccountCardProps, type NavAccountCardVariant, NavButton, type NavButtonProps, NavFeaturedCard, type NavFeaturedCardProps, NavItemBase, type NavItemBaseProps, NavItemDropdownBase, type NavItemDropdownBaseProps, NavMenuButton, type NavMenuButtonProps, Notification, type NotificationProps, type NotificationVariant, NumberInput, type NumberInputLayout, type NumberInputProps, PageHeader, type PageHeaderProps, type PageHeaderStyle, Pagination, PaginationButtonGroupBase, type PaginationButtonGroupBaseProps, type PaginationButtonGroupType, PaginationCards, type PaginationCardsProps, type PaginationCardsVariant, PaginationDotGroup, type PaginationDotGroupProps, PaginationDotIndicator, type PaginationDotIndicatorProps, type PaginationDotSize, type PaginationDotVariant, PaginationNumberBase, type PaginationNumberBaseProps, type PaginationNumberShape, type PaginationProps, type PaginationType, PieChart, type PieChartProps, type PieChartSize, type PieSlice, PillBadge, type PillBadgeProps, ProgressBar, type ProgressBarLabel, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, type ProgressCircleShape, type ProgressCircleSize, RadarChart, type RadarChartProps, type RadarLegendPosition, Radio, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupItemSize, type RadioGroupItemType, type RadioGroupProps, type RadioProps, SectionFooter, type SectionFooterProps, type SectionFooterType, SectionHeader, type SectionHeaderProps, SectionLabel, type SectionLabelProps, type SectionLabelSize, Select, SelectMenuItem, type SelectMenuItemProps, type SelectMenuItemSize, type SelectProps, type SelectSize, type SelectType, SidebarNavigation, type SidebarNavigationProps, type SidebarNavigationType, SlideOutMenuHeader, type SlideOutMenuHeaderProps, SlideoutMenu, type SlideoutMenuProps, type SlideoutMenuSide, type SlideoutMenuSize, Slider, type SliderLabel, type SliderProps, type SocialBrand, SocialButton, type SocialButtonProps, type SocialButtonSize, type SocialButtonTheme, StatusIcon, type StatusIconProps, type StatusIconType, StepBase, type StepBaseProps, StepIconBase, type StepIconBaseProps, type StepIconSize, type StepIconType, type StepOrientation, type StepStatus, TabButtonBase, type TabButtonBaseProps, type TabButtonSize, type TabButtonType, type TabItem, TableCell, type TableCellProps, type TableCellSize, TableHeaderCell, type TableHeaderCellProps, type TableHeaderCellSize, TableHeaderLabel, type TableHeaderLabelArrow, type TableHeaderLabelProps, Tabs, type TabsOrientation, type TabsProps, Tag, type TagProps, type TagSize, TagsInputField, type TagsInputFieldProps, type TagsInputVariant, TextEditorToolbar, TextEditorToolbarDivider, type TextEditorToolbarProps, TextEditorTooltip, type TextEditorTooltipProps, TextareaInputField, type TextareaInputFieldProps, Toggle, type ToggleProps, type ToggleSize, type ToggleType, Tooltip, type TooltipArrow, type TooltipProps, TrailingInputField, type TrailingInputFieldProps, type TreeNode, TreeView, TreeViewConnector, type TreeViewConnectorProps, type TreeViewConnectorSize, type TreeViewConnectorType, TreeViewItem, type TreeViewItemProps, type TreeViewItemSize, type TreeViewProps, type UseContextMenuReturn, type VerificationCodeDigits, VerificationCodeInput, type VerificationCodeInputProps, type VerificationCodeSize, index as illustrations, useContextMenu };
|
|
2849
|
+
export { ActivityFeed, type ActivityFeedDivider, type ActivityFeedProps, ActivityGauge, type ActivityGaugeLegend, type ActivityGaugeProps, type ActivityGaugeSeries, type ActivityGaugeSize, AdvancedFilterBar, type AdvancedFilterBarProps, Alert, type AlertAction, type AlertColor, type AlertProps, type AlertSize, Avatar, AvatarAddButton, type AvatarAddButtonProps, type AvatarAddButtonSize, AvatarGroup, type AvatarGroupItem, type AvatarGroupProps, type AvatarGroupSize, AvatarLabelGroup, type AvatarLabelGroupProps, type AvatarLabelGroupSize, AvatarProfilePhoto, type AvatarProfilePhotoProps, type AvatarProfilePhotoSize, type AvatarProps, type AvatarSize, BadgeCloseX, type BadgeCloseXProps, type BadgeCloseXShape, type BadgeColor, type BadgeCommonProps, BadgeGroup, type BadgeGroupBadgePosition, type BadgeGroupProps, type BadgeGroupSize, type BadgeGroupType, type BadgeSize, BreadcrumbButtonBase, type BreadcrumbButtonBaseProps, type BreadcrumbButtonType, Breadcrumbs, type BreadcrumbsDivider, type BreadcrumbsProps, Button, ButtonCloseX, type ButtonCloseXProps, type ButtonCloseXSize, ButtonDestructive, type ButtonDestructiveHierarchy, type ButtonDestructiveProps, type ButtonDestructiveSize, ButtonGroup, type ButtonGroupProps, ButtonGroupSegment, type ButtonGroupSegmentProps, type ButtonGroupSegmentSize, type ButtonProps, ButtonUtility, type ButtonUtilityProps, type ButtonUtilitySize, type ButtonUtilityVariant, type CalendarBreakpoint, CalendarCell, type CalendarCellBreakpoint, CalendarCellDayWeekView, type CalendarCellDayWeekViewProps, type CalendarCellEvent, type CalendarCellProps, CalendarColumnHeader, type CalendarColumnHeaderOrientation, type CalendarColumnHeaderProps, type CalendarColumnHeaderType, CalendarDateIcon, type CalendarDateIconProps, CalendarEvent, type CalendarEventBreakpoint, type CalendarEventColor, CalendarEventDayWeekView, type CalendarEventDayWeekViewProps, type CalendarEventProps, type CalendarEventState, CalendarHeader, type CalendarHeaderProps, CalendarRowLabel, type CalendarRowLabelProps, CalendarTimemarker, type CalendarTimemarkerAlign, type CalendarTimemarkerBreakpoint, type CalendarTimemarkerProps, type CalendarTimeslotState, type CalendarTimeslotType, type CalendarView, CalendarViewDropdown, type CalendarViewDropdownProps, type CalendarViewOption, CardHeader, type CardHeaderProps, CarouselArrow, type CarouselArrowDirection, type CarouselArrowProps, type CarouselArrowSize, CarouselImage, type CarouselImageProps, Change, type ChangeProps, type ChangeTrend, type ChangeType, ChartLegend, type ChartLegendItem, type ChartLegendPosition, type ChartLegendProps, ChartMarker, type ChartMarkerLine, type ChartMarkerProps, ChartMini, type ChartMiniDatum, type ChartMiniProps, type ChartMiniTrend, type ChartSeries, type ChartStyle, ChartTooltip, type ChartTooltipPayloadItem, type ChartTooltipProps, type CheckControlSize, Checkbox, type CheckboxProps, CodeSnippet, type CodeSnippetProps, CodeSnippetTabs, type CodeSnippetTabsProps, ColorBadge, type ColorBadgeProps, CommandBar, CommandBarFooter, type CommandBarFooterHint, type CommandBarFooterProps, CommandBarMenuSection, type CommandBarMenuSectionProps, CommandBarNavigationIcon, type CommandBarNavigationIconProps, type CommandBarProps, CommandDropdownMenuItem, type CommandDropdownMenuItemProps, CommandInput, type CommandInputProps, CommandShortcut, type CommandShortcutProps, ContentDivider, type ContentDividerProps, type ContentDividerStyle, type ContentDividerType, ContentFeatureText, type ContentFeatureTextProps, type ContentFeatureTextSize, ContentHeading, type ContentHeadingProps, type ContentHeadingSize, ContentParagraph, type ContentParagraphProps, type ContentParagraphSize, ContentQuote, type ContentQuoteAlign, type ContentQuoteProps, type ContentQuoteSize, ContentRule, type ContentRuleProps, type ContentRuleSize, ContextMenu, type ContextMenuProps, type ContextMenuState, DatePickerCell, type DatePickerCellProps, type DatePickerCellType, DatePickerListItem, type DatePickerListItemProps, DatePickerMenu, type DatePickerMenuProps, DropdownAccountListItem, type DropdownAccountListItemProps, DropdownMenuFooter, type DropdownMenuFooterProps, type DropdownMenuFooterType, DropdownMenuHeader, type DropdownMenuHeaderProps, type DropdownMenuHeaderType, DropdownMenuItemInsetIcon, type DropdownMenuItemInsetIconProps, type DropdownMenuItemInsetIconType, DropdownMenuListItem, type DropdownMenuListItemProps, EmptyState, type EmptyStateProps, type EmptyStateSize, FeaturedIcon, type FeaturedIconColor, type FeaturedIconProps, type FeaturedIconSize, type FeaturedIconTheme, FeedItemBase, type FeedItemBaseProps, type FeedItemSize, FileUpload, FileUploadBase, type FileUploadBaseProps, FileUploadItemBase, type FileUploadItemBaseProps, type FileUploadItemIconType, type FileUploadItemStatus, type FileUploadItemType, type FileUploadProps, FilterBar, type FilterBarProps, FilterTabs, type FilterTabsProps, FiltersDropdownMenu, type FiltersDropdownMenuProps, FiltersSlideoutMenu, type FiltersSlideoutMenuProps, type HeaderNavItem, HeaderNavigation, type HeaderNavigationProps, type HeaderNavigationType, HelpIcon, type HelpIconProps, InputField, type InputFieldProps, type InputFieldSize, type InputFieldType, LeadingInputField, type LeadingInputFieldProps, LineAndBarChart, type LineAndBarChartProps, LinkMessage, type LinkMessageProps, type LinkMessageType, LoadingIndicator, type LoadingIndicatorProps, type LoadingIndicatorSize, type LoadingIndicatorStyle, MediaMessage, type MediaMessageProps, type MediaMessageType, MegaInputFieldBase, type MegaInputFieldBaseProps, type MegaInputFieldBaseSize, Message, MessageAction, MessageActionButton, type MessageActionButtonProps, MessageActionPanel, type MessageActionPanelProps, type MessageActionProps, type MessageActionType, type MessageBubbleTone, type MessageProps, MessageReaction, type MessageReactionProps, type MessageStatus, MessageStatusIcon, type MessageStatusIconProps, type MessageType, MetricItem, type MetricItemProps, Modal, ModalActions, type ModalActionsProps, type ModalActionsType, ModalHeader, type ModalHeaderProps, type ModalHeaderType, type ModalProps, type ModalSize, ModernBadge, type ModernBadgeProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, NavAccountCard, type NavAccountCardBreakpoint, NavAccountCardMenuItem, type NavAccountCardMenuItemProps, type NavAccountCardMenuItemType, type NavAccountCardProps, type NavAccountCardVariant, NavButton, type NavButtonProps, NavFeaturedCard, type NavFeaturedCardProps, NavItemBase, type NavItemBaseProps, NavItemDropdownBase, type NavItemDropdownBaseProps, NavMenuButton, type NavMenuButtonProps, Notification, type NotificationProps, type NotificationVariant, NumberInput, type NumberInputLayout, type NumberInputProps, PageHeader, type PageHeaderProps, type PageHeaderStyle, Pagination, PaginationButtonGroupBase, type PaginationButtonGroupBaseProps, type PaginationButtonGroupType, PaginationCards, type PaginationCardsProps, type PaginationCardsVariant, PaginationDotGroup, type PaginationDotGroupProps, PaginationDotIndicator, type PaginationDotIndicatorProps, type PaginationDotSize, type PaginationDotVariant, PaginationNumberBase, type PaginationNumberBaseProps, type PaginationNumberShape, type PaginationProps, type PaginationType, PieChart, type PieChartProps, type PieChartSize, type PieSlice, PillBadge, type PillBadgeProps, ProgressBar, type ProgressBarLabel, type ProgressBarProps, ProgressCircle, type ProgressCircleProps, type ProgressCircleShape, type ProgressCircleSize, RadarChart, type RadarChartProps, type RadarLegendPosition, Radio, RadioGroup, RadioGroupItem, type RadioGroupItemProps, type RadioGroupItemSize, type RadioGroupItemType, type RadioGroupProps, type RadioProps, SectionFooter, type SectionFooterProps, type SectionFooterType, SectionHeader, type SectionHeaderProps, SectionLabel, type SectionLabelProps, type SectionLabelSize, Select, SelectMenuItem, type SelectMenuItemProps, type SelectMenuItemSize, type SelectProps, type SelectSize, type SelectType, SidebarNavigation, type SidebarNavigationProps, type SidebarNavigationType, SlideOutMenuHeader, type SlideOutMenuHeaderProps, SlideoutMenu, type SlideoutMenuProps, type SlideoutMenuSide, type SlideoutMenuSize, Slider, type SliderLabel, type SliderProps, type SocialBrand, SocialButton, type SocialButtonProps, type SocialButtonSize, type SocialButtonTheme, StatusIcon, type StatusIconProps, type StatusIconType, StepBase, type StepBaseProps, StepIconBase, type StepIconBaseProps, type StepIconSize, type StepIconType, type StepOrientation, type StepStatus, TabButtonBase, type TabButtonBaseProps, type TabButtonSize, type TabButtonType, type TabItem, TableCell, type TableCellProps, type TableCellSize, TableHeaderCell, type TableHeaderCellProps, type TableHeaderCellSize, TableHeaderLabel, type TableHeaderLabelArrow, type TableHeaderLabelProps, Tabs, type TabsOrientation, type TabsProps, Tag, type TagProps, type TagSize, TagsInputField, type TagsInputFieldProps, type TagsInputVariant, TextEditorToolbar, TextEditorToolbarDivider, type TextEditorToolbarProps, TextEditorTooltip, type TextEditorTooltipProps, TextareaInputField, type TextareaInputFieldProps, Toggle, type ToggleProps, type ToggleSize, type ToggleType, Tooltip, type TooltipArrow, type TooltipProps, TrailingInputField, type TrailingInputFieldProps, type TreeNode, TreeView, TreeViewConnector, type TreeViewConnectorProps, type TreeViewConnectorSize, type TreeViewConnectorType, TreeViewItem, type TreeViewItemProps, type TreeViewItemSize, type TreeViewProps, type UseContextMenuReturn, type VerificationCodeDigits, VerificationCodeInput, type VerificationCodeInputProps, type VerificationCodeSize, index as illustrations, useContextMenu };
|