@sckyzo/cosmos-react 0.0.3 → 0.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/README.md +34 -2
- package/dist/index.cjs +172 -30
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +106 -9
- package/dist/index.d.ts +106 -9
- package/dist/index.js +168 -32
- package/dist/index.js.map +1 -1
- package/package.json +16 -16
package/dist/index.d.cts
CHANGED
|
@@ -1613,11 +1613,11 @@ declare const ThemeToggle: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttrib
|
|
|
1613
1613
|
} & react.RefAttributes<HTMLButtonElement>>;
|
|
1614
1614
|
|
|
1615
1615
|
type ThemeToggleTriSize = 'sm' | 'md';
|
|
1616
|
-
type ThemeMode = 'light' | 'dark' | '
|
|
1616
|
+
type ThemeMode = 'light' | 'dark' | 'deep-blue';
|
|
1617
1617
|
type ThemeToggleTriProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onChange'> & {
|
|
1618
1618
|
/** Current theme. */
|
|
1619
1619
|
theme: ThemeMode;
|
|
1620
|
-
/** Called with the next theme in the cycle (light → dark →
|
|
1620
|
+
/** Called with the next theme in the cycle (light → dark → deep-blue → light). */
|
|
1621
1621
|
onChange: (next: ThemeMode) => void;
|
|
1622
1622
|
/** Visual size. `md` (default) = 40px, `sm` = 32px. */
|
|
1623
1623
|
size?: ThemeToggleTriSize;
|
|
@@ -1625,13 +1625,19 @@ type ThemeToggleTriProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClic
|
|
|
1625
1625
|
lightLabel?: string;
|
|
1626
1626
|
/** Label used when the next click will switch to dark mode. */
|
|
1627
1627
|
darkLabel?: string;
|
|
1628
|
-
/** Label used when the next click will switch to
|
|
1629
|
-
|
|
1628
|
+
/** Label used when the next click will switch to deep blue mode. */
|
|
1629
|
+
deepBlueLabel?: string;
|
|
1630
1630
|
};
|
|
1631
|
+
/**
|
|
1632
|
+
* ThemeToggleTri — icon button that cycles light → dark → deep-blue. It is
|
|
1633
|
+
* controlled: a click calls `onChange` with the next mode and changes nothing
|
|
1634
|
+
* else, so apply the theme there (for example with `applyAppearance`). To
|
|
1635
|
+
* offer all four themes, sand included, use `AppearanceSettings`.
|
|
1636
|
+
*/
|
|
1631
1637
|
declare const ThemeToggleTri: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onClick"> & {
|
|
1632
1638
|
/** Current theme. */
|
|
1633
1639
|
theme: ThemeMode;
|
|
1634
|
-
/** Called with the next theme in the cycle (light → dark →
|
|
1640
|
+
/** Called with the next theme in the cycle (light → dark → deep-blue → light). */
|
|
1635
1641
|
onChange: (next: ThemeMode) => void;
|
|
1636
1642
|
/** Visual size. `md` (default) = 40px, `sm` = 32px. */
|
|
1637
1643
|
size?: ThemeToggleTriSize;
|
|
@@ -1639,8 +1645,8 @@ declare const ThemeToggleTri: react.ForwardRefExoticComponent<Omit<ButtonHTMLAtt
|
|
|
1639
1645
|
lightLabel?: string;
|
|
1640
1646
|
/** Label used when the next click will switch to dark mode. */
|
|
1641
1647
|
darkLabel?: string;
|
|
1642
|
-
/** Label used when the next click will switch to
|
|
1643
|
-
|
|
1648
|
+
/** Label used when the next click will switch to deep blue mode. */
|
|
1649
|
+
deepBlueLabel?: string;
|
|
1644
1650
|
} & react.RefAttributes<HTMLButtonElement>>;
|
|
1645
1651
|
|
|
1646
1652
|
type ButtonGroupOrientation = 'horizontal' | 'vertical';
|
|
@@ -1704,6 +1710,8 @@ declare const Carousel: (({ options, autoplay, stopOnInteraction, className, chi
|
|
|
1704
1710
|
};
|
|
1705
1711
|
|
|
1706
1712
|
type PopoverPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
1713
|
+
/** Horizontal alignment with the trigger, for `top` / `bottom` positions. */
|
|
1714
|
+
type PopoverAlign = 'center' | 'end';
|
|
1707
1715
|
type PopoverProps = {
|
|
1708
1716
|
open?: boolean;
|
|
1709
1717
|
defaultOpen?: boolean;
|
|
@@ -1713,6 +1721,15 @@ type PopoverProps = {
|
|
|
1713
1721
|
type PopoverTriggerProps = ButtonHTMLAttributes<HTMLButtonElement>;
|
|
1714
1722
|
type PopoverContentProps = {
|
|
1715
1723
|
position?: PopoverPosition;
|
|
1724
|
+
/**
|
|
1725
|
+
* Horizontal alignment with the trigger for `top` / `bottom`: `center`
|
|
1726
|
+
* (default) or `end`, flush with its right edge — for triggers near the
|
|
1727
|
+
* right of the screen. `end` also caps the width so the panel keeps 16px
|
|
1728
|
+
* from the left of the screen. Ignored for `left` / `right`.
|
|
1729
|
+
*/
|
|
1730
|
+
align?: PopoverAlign;
|
|
1731
|
+
/** Accessible name of the dialog. */
|
|
1732
|
+
'aria-label'?: string;
|
|
1716
1733
|
/** Distance from the trigger edge in px. Default 8. */
|
|
1717
1734
|
offset?: number;
|
|
1718
1735
|
/** Show a small arrow pointing to the trigger. Default false. */
|
|
@@ -1724,7 +1741,7 @@ type PopoverContentProps = {
|
|
|
1724
1741
|
};
|
|
1725
1742
|
declare const Popover: (({ open: openProp, defaultOpen, onOpenChange, children, }: PopoverProps) => react.JSX.Element) & {
|
|
1726
1743
|
Trigger: react.ForwardRefExoticComponent<PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1727
|
-
Content: ({ position, offset, arrow, width, className, children, }: PopoverContentProps) => react.ReactPortal | null;
|
|
1744
|
+
Content: ({ position, align, "aria-label": ariaLabel, offset, arrow, width, className, children, }: PopoverContentProps) => react.ReactPortal | null;
|
|
1728
1745
|
};
|
|
1729
1746
|
|
|
1730
1747
|
type ProgressBarSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
@@ -3217,6 +3234,11 @@ type PalettePreview = {
|
|
|
3217
3234
|
surface: string;
|
|
3218
3235
|
/** Borders and faint dividers. */
|
|
3219
3236
|
border: string;
|
|
3237
|
+
/**
|
|
3238
|
+
* Label color on `surface`. Set it when the palettes in one picker mix light
|
|
3239
|
+
* and dark surfaces: the default gray only reads on light ones.
|
|
3240
|
+
*/
|
|
3241
|
+
text?: string;
|
|
3220
3242
|
};
|
|
3221
3243
|
type PaletteMeta = {
|
|
3222
3244
|
/** Stable identifier. */
|
|
@@ -3290,6 +3312,81 @@ type OptionPickerProps = {
|
|
|
3290
3312
|
*/
|
|
3291
3313
|
declare const OptionPicker: ({ options, value, onChange, cols, className, }: OptionPickerProps) => react.JSX.Element;
|
|
3292
3314
|
|
|
3315
|
+
/** A Cosmos theme: one class on `<html>`, none for `light`. */
|
|
3316
|
+
type CosmosTheme = 'light' | 'sand' | 'dark' | 'deep-blue';
|
|
3317
|
+
/** A Cosmos accent: the `data-accent` attribute on `<html>`, none for `blue`. */
|
|
3318
|
+
type CosmosAccent = 'blue' | 'indigo' | 'violet' | 'purple' | 'rose' | 'teal' | 'cyan' | 'graphite' | 'red' | 'orange' | 'amber' | 'green';
|
|
3319
|
+
type CosmosThemeMeta = PaletteMeta & {
|
|
3320
|
+
id: CosmosTheme;
|
|
3321
|
+
dark: boolean;
|
|
3322
|
+
};
|
|
3323
|
+
type CosmosAccentMeta = AccentColor & {
|
|
3324
|
+
id: CosmosAccent;
|
|
3325
|
+
};
|
|
3326
|
+
type CosmosAppearance = {
|
|
3327
|
+
theme: CosmosTheme;
|
|
3328
|
+
accent: CosmosAccent;
|
|
3329
|
+
};
|
|
3330
|
+
/** The four themes shipped by `@sckyzo/cosmos-theme`, ready for `<PalettePicker>`. */
|
|
3331
|
+
declare const COSMOS_THEMES: CosmosThemeMeta[];
|
|
3332
|
+
/**
|
|
3333
|
+
* The twelve accents, ready for `<AccentPicker>`. `hex` is the accent's
|
|
3334
|
+
* `brand-500`. Red, orange, amber and green look like the status colors, so
|
|
3335
|
+
* they come last.
|
|
3336
|
+
*/
|
|
3337
|
+
declare const COSMOS_ACCENTS: CosmosAccentMeta[];
|
|
3338
|
+
/** `true` for the themes that enable Tailwind's `dark:` variant. */
|
|
3339
|
+
declare const isDarkTheme: (theme: CosmosTheme) => boolean;
|
|
3340
|
+
/**
|
|
3341
|
+
* Apply a theme and an accent to `root` (default `<html>`): swaps the theme
|
|
3342
|
+
* class and sets `data-accent`, removing it for `blue`. No-op during SSR.
|
|
3343
|
+
*/
|
|
3344
|
+
declare const applyAppearance: ({ theme, accent }: CosmosAppearance, root?: HTMLElement) => void;
|
|
3345
|
+
|
|
3346
|
+
type AppearanceSettingsProps = {
|
|
3347
|
+
/** Selected theme. */
|
|
3348
|
+
theme: CosmosTheme;
|
|
3349
|
+
/** Selected accent. */
|
|
3350
|
+
accent: CosmosAccent;
|
|
3351
|
+
onThemeChange: (theme: CosmosTheme) => void;
|
|
3352
|
+
onAccentChange: (accent: CosmosAccent) => void;
|
|
3353
|
+
/** Heading of the theme group. Default `'Theme'`. */
|
|
3354
|
+
themeLabel?: string;
|
|
3355
|
+
/** Heading of the accent group. Default `'Accent color'`. */
|
|
3356
|
+
accentLabel?: string;
|
|
3357
|
+
/** Themes to offer. Default: all of `COSMOS_THEMES`. */
|
|
3358
|
+
themes?: CosmosThemeMeta[];
|
|
3359
|
+
/** Accents to offer. Default: all of `COSMOS_ACCENTS`. */
|
|
3360
|
+
accents?: CosmosAccentMeta[];
|
|
3361
|
+
/** Columns of the theme grid. Default 4; use 2 in narrow containers. */
|
|
3362
|
+
themeColumns?: number;
|
|
3363
|
+
className?: string;
|
|
3364
|
+
};
|
|
3365
|
+
/**
|
|
3366
|
+
* AppearanceSettings — theme and accent pickers for the Cosmos themes, built
|
|
3367
|
+
* on `<PalettePicker>` and `<AccentPicker>`. Controlled: pass the result to
|
|
3368
|
+
* `applyAppearance` (or your own theme switcher) to update the page.
|
|
3369
|
+
*/
|
|
3370
|
+
declare const AppearanceSettings: ({ theme, accent, onThemeChange, onAccentChange, themeLabel, accentLabel, themes, accents, themeColumns, className, }: AppearanceSettingsProps) => react.JSX.Element;
|
|
3371
|
+
|
|
3372
|
+
type AppearanceMenuSize = 'sm' | 'md';
|
|
3373
|
+
type AppearanceMenuProps = Omit<AppearanceSettingsProps, 'className'> & {
|
|
3374
|
+
/** Trigger label (title + aria-label), also the panel's name. Default `'Appearance'`. */
|
|
3375
|
+
label?: string;
|
|
3376
|
+
/** Trigger size, as `ThemeToggle`. `md` (default) = 40px, `sm` = 32px. */
|
|
3377
|
+
size?: AppearanceMenuSize;
|
|
3378
|
+
/** Class for the trigger button. */
|
|
3379
|
+
className?: string;
|
|
3380
|
+
};
|
|
3381
|
+
/**
|
|
3382
|
+
* AppearanceMenu — icon button for a top bar that opens `<AppearanceSettings>`
|
|
3383
|
+
* in a panel flush with its right edge. Controlled like AppearanceSettings:
|
|
3384
|
+
* apply the choice in the callbacks (for example with `applyAppearance`). The
|
|
3385
|
+
* panel stays open while the user tries combinations; Escape, a click
|
|
3386
|
+
* outside or the button close it.
|
|
3387
|
+
*/
|
|
3388
|
+
declare const AppearanceMenu: ({ label, size, className, ...settings }: AppearanceMenuProps) => react.JSX.Element;
|
|
3389
|
+
|
|
3293
3390
|
type BlockquoteVariant = 'plain' | 'solid' | 'icon' | 'testimonial';
|
|
3294
3391
|
type BlockquoteSize = 'sm' | 'md' | 'lg';
|
|
3295
3392
|
type BlockquoteAlign = 'left' | 'center' | 'right';
|
|
@@ -3358,4 +3455,4 @@ type FigureProps = Omit<ImgHTMLAttributes<HTMLImageElement>, 'children'> & {
|
|
|
3358
3455
|
*/
|
|
3359
3456
|
declare const Figure: ({ src, alt, caption, align, size, radius, shadow, className, wrapperClassName, ...rest }: FigureProps) => react.JSX.Element;
|
|
3360
3457
|
|
|
3361
|
-
export { type AccentColor, AccentPicker, type AccentPickerProps, Accordion, type AccordionContentProps, type AccordionItemProps, type AccordionProps, type AccordionTriggerProps, ActionPanel, type ActionPanelLayout, type ActionPanelProps, type ActiveFilter, ActiveFiltersBar, type ActiveFiltersBarProps, ActivityFeed, type ActivityFeedIntent, type ActivityFeedItemProps, type ActivityFeedProps, AlertBanner, type AlertBannerProps, type AlertVariant, AnnouncementBar, type AnnouncementBarIntent, type AnnouncementBarProps, AuthLayout, type AuthLayoutProps, Avatar, type AvatarProps, type AvatarSize, AvatarUploader, type AvatarUploaderProps, type AvatarUploaderSize, BackToTopFab, type BackToTopFabIntent, type BackToTopFabPosition, type BackToTopFabProps, Backdrop, type BackdropProps, Badge, type BadgeAppearance, type BadgeProps, type BadgeSize, type BadgeVariant, Blockquote, type BlockquoteAlign, type BlockquoteProps, type BlockquoteSize, type BlockquoteVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSeparator, Button, ButtonGroup, type ButtonGroupOrientation, type ButtonGroupProps, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant, Calendar, type CalendarProps, Card, type CardImageProps, type CardProps, Carousel, type CarouselControlsProps, type CarouselIndicatorsProps, type CarouselOptions, type CarouselProps, CarouselRoot, type CarouselSlideProps, type CarouselViewportProps, Checkbox, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, ClickableRow, type ClickableRowProps, Clipboard, type ClipboardProps, type ClipboardSize, type ClipboardVariant, CodeBlock, type CodeBlockProps, ColBox, type ColBoxProps, ColorSwatch, type ColorSwatchProps, type ColumnDef, ColumnFilterDropdown, type ColumnFilterDropdownProps, ColumnHeader, type ColumnHeaderProps, Combobox, type ComboboxOption, type ComboboxProps, CommandPalette, type CommandPaletteFooterProps, type CommandPaletteGroupProps, type CommandPaletteInputProps, type CommandPaletteItemProps, type CommandPaletteListProps, type CommandPaletteProps, ConfirmationModal, type ConfirmationModalProps, ContentNarrow, type ContentNarrowProps, ContentStackedList, type ContentStackedListItemProps, type ContentStackedListProps, CookieBanner, type CookieBannerPosition, type CookieBannerProps, type CosmosToasterProps, DataTable, type DataTableProps, DatePicker, type DatePickerMode, type DatePickerProps, type DateRange, DescriptionList, type DescriptionListItemProps, type DescriptionListProps, Divider, type DividerAlign, type DividerIconProps, type DividerProps, type DividerRowProps, Drawer, type DrawerHeaderProps, type DrawerProps, type DrawerSide, type DrawerSize, Dropdown, type DropdownDivider, type DropdownItem, type DropdownOption, type DropdownProps, Dropzone, type DropzoneProps, EmptyState, type EmptyStateProps, ErrorPage, type ErrorPageProps, ErrorState, type ErrorStateProps, Figure, type FigureAlign, type FigureProps, type FigureRadius, type FigureSize, FileInput, type FileInputProps, type FilterOption, FilterPills, type FilterPillsProps, FormFooter, type FormFooterAlign, type FormFooterProps, FormRow, type FormRowProps, GridList, type GridListCardProps, type GridListCols, type GridListFooterActionProps, type GridListFooterProps, type GridListProps, HealthBadge, type HealthBadgeProps, HealthDot, type HealthDotProps, type HealthStatus, HelpOverlay, type HelpOverlayProps, type HelpOverlaySectionProps, type HelpOverlayShortcutProps, IconBox, type IconBoxProps, type IconBoxSize, ImageGrid, type ImageGridColumns, type ImageGridGap, type ImageGridProps, Input, type InputProps, IntegrationCard, type IntegrationCardProps, type IntegrationStatus, Kbd, type KbdProps, type KbdSize, KpiCard, type KpiCardProps, Link, type LinkProps, type LinkVariant, List, type ListItemProps, type ListMarker, type ListOrientation, type ListProps, type ListSpacing, type ListVariant, LoadingState, type LoadingStateProps, MediaObject, type MediaObjectAlign, type MediaObjectBodyProps, type MediaObjectImageProps, type MediaObjectPosition, type MediaObjectProps, MiniCalendar, type MiniCalendarProps, Modal, type ModalAlertIntent, type ModalAlertLayout, type ModalAlertProps, type ModalHeaderProps, type ModalProps, type ModalSize, NarrowStackedList, type NarrowStackedListHeaderProps, type NarrowStackedListItemProps, type NarrowStackedListProps, Navbar, type NavbarItemProps, type NavbarMobileMenuButtonProps, type NavbarProps, type NavbarTheme, NotificationCard, type NotificationCardCondensedProps, type NotificationCardSimpleProps, type NotificationIntent, type NotificationSeverity, NotificationsPanel, type NotificationsPanelContentProps, type NotificationsPanelCountersProps, type NotificationsPanelEmptyProps, type NotificationsPanelFooterProps, type NotificationsPanelHeaderActionProps, type NotificationsPanelHeaderProps, type NotificationsPanelItemProps, type NotificationsPanelListProps, type NotificationsPanelProps, type NotificationsPanelTriggerProps, NumberInput, type NumberInputProps, OptionCard, type OptionCardProps, type OptionItem, OptionPicker, type OptionPickerProps, OtpInput, type OtpInputProps, PageActionButton, type PageActionButtonProps, PageActionIconButton, type PageActionIconButtonProps, type PageActionVariant, PageBreadcrumb, type PageBreadcrumbItem, type PageBreadcrumbProps, PageCard, type PageCardProps, PageHeader, type PageHeaderMetaItemProps, type PageHeaderProps, Pagination, type PaginationProps, type PaginationSize, type PaginationVariant, PaletteCard, type PaletteCardProps, type PaletteMeta, PalettePicker, type PalettePickerProps, type PalettePreview, PasswordInput, type PasswordInputProps, PasswordPolicyChecker, type PasswordPolicyCheckerProps, type PasswordRule, Popover, type PopoverContentProps, type PopoverPosition, type PopoverProps, type PopoverTriggerProps, ProgressBar, type ProgressBarIntent, type ProgressBarLabel, type ProgressBarProps, type ProgressBarSize, REFRESH_OPTIONS, Radio, RadioGroup, type RadioGroupOption, type RadioGroupProps, type RadioProps, type RadioSize, RefreshButton, type RefreshButtonProps, type RefreshOption, ResetPasswordForm, type ResetPasswordFormProps, Ribbon, type RibbonIntent, type RibbonPosition, type RibbonProps, type RibbonShape, RowActionButton, type RowActionButtonProps, STATUS_COLOR, STATUS_PILL, type SaveState, SearchInput, type SearchInputProps, SectionCard, type SectionCardProps, SectionLabel, type SectionLabelProps, type SegmentOption, SegmentedControl, type SegmentedControlProps, Select, SelectInput, type SelectInputOption, type SelectInputProps, type SelectOption, type SelectProps, Shell, type ShellProps, Sidebar, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSectionProps, SignInForm, type SignInFormProps, type SignInFormValues, SignUpForm, type SignUpFormProps, type SignUpFormValues, SimpleRow, type SimpleRowProps, Sk, type SkProps, SkeletonList, type SkeletonListProps, SkeletonTable, type SkeletonTableProps, SkeletonText, type SkeletonTextProps, SocialAuthButtons, type SocialAuthButtonsLayout, type SocialAuthButtonsProps, type SocialProvider, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, StackedList, StackedListInCard, type StackedListInCardProps, type StackedListItemProps, type StackedListProps, StatefulSaveButton, type StatefulSaveButtonProps, StatusBadge, type StatusBadgeProps, StatusRow, type StatusRowProps, type StepStatus, Stepper, StepperInput, type StepperInputProps, type StepperOrientation, type StepperProps, StepperRoot, type StepperSize, type StepperStepProps, type StepperVariant, StickyScrollNav, type StickyScrollNavProps, type StickyScrollNavSection, type TabProps, Tabs, type TabsOrientation, type TabsProps, Textarea, type TextareaProps, type TextareaResize, type ThemeMode, ThemeToggle, type ThemeToggleProps, type ThemeToggleSize, ThemeToggleTri, type ThemeToggleTriProps, type ThemeToggleTriSize, TimePicker, type TimePickerProps, Timeline, type TimelineItem, type TimelineProps, type TimelineTone, type TimelineVariant, Toaster, Toggle, type ToggleProps, Tooltip, TooltipHelp, type TooltipPosition, type TooltipProps, type TooltipVariant, Topbar, type TopbarProps, TwoStepVerificationForm, type TwoStepVerificationFormProps, UnsavedIndicator, type UnsavedIndicatorProps, UserMenu, type UserMenuContentProps, type UserMenuHeaderProps, type UserMenuItemProps, type UserMenuItemVariant, type UserMenuProps, type UserMenuTriggerProps, VerticalNavigation, type VerticalNavigationItemProps, type VerticalNavigationProps, type VerticalNavigationSectionProps, VideoEmbed, type VideoEmbedAspect, type VideoEmbedProps, ZoomBar, type ZoomBarProps, defaultPasswordRules, useAutoRefresh };
|
|
3458
|
+
export { type AccentColor, AccentPicker, type AccentPickerProps, Accordion, type AccordionContentProps, type AccordionItemProps, type AccordionProps, type AccordionTriggerProps, ActionPanel, type ActionPanelLayout, type ActionPanelProps, type ActiveFilter, ActiveFiltersBar, type ActiveFiltersBarProps, ActivityFeed, type ActivityFeedIntent, type ActivityFeedItemProps, type ActivityFeedProps, AlertBanner, type AlertBannerProps, type AlertVariant, AnnouncementBar, type AnnouncementBarIntent, type AnnouncementBarProps, AppearanceMenu, type AppearanceMenuProps, type AppearanceMenuSize, AppearanceSettings, type AppearanceSettingsProps, AuthLayout, type AuthLayoutProps, Avatar, type AvatarProps, type AvatarSize, AvatarUploader, type AvatarUploaderProps, type AvatarUploaderSize, BackToTopFab, type BackToTopFabIntent, type BackToTopFabPosition, type BackToTopFabProps, Backdrop, type BackdropProps, Badge, type BadgeAppearance, type BadgeProps, type BadgeSize, type BadgeVariant, Blockquote, type BlockquoteAlign, type BlockquoteProps, type BlockquoteSize, type BlockquoteVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSeparator, Button, ButtonGroup, type ButtonGroupOrientation, type ButtonGroupProps, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant, COSMOS_ACCENTS, COSMOS_THEMES, Calendar, type CalendarProps, Card, type CardImageProps, type CardProps, Carousel, type CarouselControlsProps, type CarouselIndicatorsProps, type CarouselOptions, type CarouselProps, CarouselRoot, type CarouselSlideProps, type CarouselViewportProps, Checkbox, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, ClickableRow, type ClickableRowProps, Clipboard, type ClipboardProps, type ClipboardSize, type ClipboardVariant, CodeBlock, type CodeBlockProps, ColBox, type ColBoxProps, ColorSwatch, type ColorSwatchProps, type ColumnDef, ColumnFilterDropdown, type ColumnFilterDropdownProps, ColumnHeader, type ColumnHeaderProps, Combobox, type ComboboxOption, type ComboboxProps, CommandPalette, type CommandPaletteFooterProps, type CommandPaletteGroupProps, type CommandPaletteInputProps, type CommandPaletteItemProps, type CommandPaletteListProps, type CommandPaletteProps, ConfirmationModal, type ConfirmationModalProps, ContentNarrow, type ContentNarrowProps, ContentStackedList, type ContentStackedListItemProps, type ContentStackedListProps, CookieBanner, type CookieBannerPosition, type CookieBannerProps, type CosmosAccent, type CosmosAccentMeta, type CosmosAppearance, type CosmosTheme, type CosmosThemeMeta, type CosmosToasterProps, DataTable, type DataTableProps, DatePicker, type DatePickerMode, type DatePickerProps, type DateRange, DescriptionList, type DescriptionListItemProps, type DescriptionListProps, Divider, type DividerAlign, type DividerIconProps, type DividerProps, type DividerRowProps, Drawer, type DrawerHeaderProps, type DrawerProps, type DrawerSide, type DrawerSize, Dropdown, type DropdownDivider, type DropdownItem, type DropdownOption, type DropdownProps, Dropzone, type DropzoneProps, EmptyState, type EmptyStateProps, ErrorPage, type ErrorPageProps, ErrorState, type ErrorStateProps, Figure, type FigureAlign, type FigureProps, type FigureRadius, type FigureSize, FileInput, type FileInputProps, type FilterOption, FilterPills, type FilterPillsProps, FormFooter, type FormFooterAlign, type FormFooterProps, FormRow, type FormRowProps, GridList, type GridListCardProps, type GridListCols, type GridListFooterActionProps, type GridListFooterProps, type GridListProps, HealthBadge, type HealthBadgeProps, HealthDot, type HealthDotProps, type HealthStatus, HelpOverlay, type HelpOverlayProps, type HelpOverlaySectionProps, type HelpOverlayShortcutProps, IconBox, type IconBoxProps, type IconBoxSize, ImageGrid, type ImageGridColumns, type ImageGridGap, type ImageGridProps, Input, type InputProps, IntegrationCard, type IntegrationCardProps, type IntegrationStatus, Kbd, type KbdProps, type KbdSize, KpiCard, type KpiCardProps, Link, type LinkProps, type LinkVariant, List, type ListItemProps, type ListMarker, type ListOrientation, type ListProps, type ListSpacing, type ListVariant, LoadingState, type LoadingStateProps, MediaObject, type MediaObjectAlign, type MediaObjectBodyProps, type MediaObjectImageProps, type MediaObjectPosition, type MediaObjectProps, MiniCalendar, type MiniCalendarProps, Modal, type ModalAlertIntent, type ModalAlertLayout, type ModalAlertProps, type ModalHeaderProps, type ModalProps, type ModalSize, NarrowStackedList, type NarrowStackedListHeaderProps, type NarrowStackedListItemProps, type NarrowStackedListProps, Navbar, type NavbarItemProps, type NavbarMobileMenuButtonProps, type NavbarProps, type NavbarTheme, NotificationCard, type NotificationCardCondensedProps, type NotificationCardSimpleProps, type NotificationIntent, type NotificationSeverity, NotificationsPanel, type NotificationsPanelContentProps, type NotificationsPanelCountersProps, type NotificationsPanelEmptyProps, type NotificationsPanelFooterProps, type NotificationsPanelHeaderActionProps, type NotificationsPanelHeaderProps, type NotificationsPanelItemProps, type NotificationsPanelListProps, type NotificationsPanelProps, type NotificationsPanelTriggerProps, NumberInput, type NumberInputProps, OptionCard, type OptionCardProps, type OptionItem, OptionPicker, type OptionPickerProps, OtpInput, type OtpInputProps, PageActionButton, type PageActionButtonProps, PageActionIconButton, type PageActionIconButtonProps, type PageActionVariant, PageBreadcrumb, type PageBreadcrumbItem, type PageBreadcrumbProps, PageCard, type PageCardProps, PageHeader, type PageHeaderMetaItemProps, type PageHeaderProps, Pagination, type PaginationProps, type PaginationSize, type PaginationVariant, PaletteCard, type PaletteCardProps, type PaletteMeta, PalettePicker, type PalettePickerProps, type PalettePreview, PasswordInput, type PasswordInputProps, PasswordPolicyChecker, type PasswordPolicyCheckerProps, type PasswordRule, Popover, type PopoverAlign, type PopoverContentProps, type PopoverPosition, type PopoverProps, type PopoverTriggerProps, ProgressBar, type ProgressBarIntent, type ProgressBarLabel, type ProgressBarProps, type ProgressBarSize, REFRESH_OPTIONS, Radio, RadioGroup, type RadioGroupOption, type RadioGroupProps, type RadioProps, type RadioSize, RefreshButton, type RefreshButtonProps, type RefreshOption, ResetPasswordForm, type ResetPasswordFormProps, Ribbon, type RibbonIntent, type RibbonPosition, type RibbonProps, type RibbonShape, RowActionButton, type RowActionButtonProps, STATUS_COLOR, STATUS_PILL, type SaveState, SearchInput, type SearchInputProps, SectionCard, type SectionCardProps, SectionLabel, type SectionLabelProps, type SegmentOption, SegmentedControl, type SegmentedControlProps, Select, SelectInput, type SelectInputOption, type SelectInputProps, type SelectOption, type SelectProps, Shell, type ShellProps, Sidebar, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSectionProps, SignInForm, type SignInFormProps, type SignInFormValues, SignUpForm, type SignUpFormProps, type SignUpFormValues, SimpleRow, type SimpleRowProps, Sk, type SkProps, SkeletonList, type SkeletonListProps, SkeletonTable, type SkeletonTableProps, SkeletonText, type SkeletonTextProps, SocialAuthButtons, type SocialAuthButtonsLayout, type SocialAuthButtonsProps, type SocialProvider, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, StackedList, StackedListInCard, type StackedListInCardProps, type StackedListItemProps, type StackedListProps, StatefulSaveButton, type StatefulSaveButtonProps, StatusBadge, type StatusBadgeProps, StatusRow, type StatusRowProps, type StepStatus, Stepper, StepperInput, type StepperInputProps, type StepperOrientation, type StepperProps, StepperRoot, type StepperSize, type StepperStepProps, type StepperVariant, StickyScrollNav, type StickyScrollNavProps, type StickyScrollNavSection, type TabProps, Tabs, type TabsOrientation, type TabsProps, Textarea, type TextareaProps, type TextareaResize, type ThemeMode, ThemeToggle, type ThemeToggleProps, type ThemeToggleSize, ThemeToggleTri, type ThemeToggleTriProps, type ThemeToggleTriSize, TimePicker, type TimePickerProps, Timeline, type TimelineItem, type TimelineProps, type TimelineTone, type TimelineVariant, Toaster, Toggle, type ToggleProps, Tooltip, TooltipHelp, type TooltipPosition, type TooltipProps, type TooltipVariant, Topbar, type TopbarProps, TwoStepVerificationForm, type TwoStepVerificationFormProps, UnsavedIndicator, type UnsavedIndicatorProps, UserMenu, type UserMenuContentProps, type UserMenuHeaderProps, type UserMenuItemProps, type UserMenuItemVariant, type UserMenuProps, type UserMenuTriggerProps, VerticalNavigation, type VerticalNavigationItemProps, type VerticalNavigationProps, type VerticalNavigationSectionProps, VideoEmbed, type VideoEmbedAspect, type VideoEmbedProps, ZoomBar, type ZoomBarProps, applyAppearance, defaultPasswordRules, isDarkTheme, useAutoRefresh };
|
package/dist/index.d.ts
CHANGED
|
@@ -1613,11 +1613,11 @@ declare const ThemeToggle: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttrib
|
|
|
1613
1613
|
} & react.RefAttributes<HTMLButtonElement>>;
|
|
1614
1614
|
|
|
1615
1615
|
type ThemeToggleTriSize = 'sm' | 'md';
|
|
1616
|
-
type ThemeMode = 'light' | 'dark' | '
|
|
1616
|
+
type ThemeMode = 'light' | 'dark' | 'deep-blue';
|
|
1617
1617
|
type ThemeToggleTriProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'onChange'> & {
|
|
1618
1618
|
/** Current theme. */
|
|
1619
1619
|
theme: ThemeMode;
|
|
1620
|
-
/** Called with the next theme in the cycle (light → dark →
|
|
1620
|
+
/** Called with the next theme in the cycle (light → dark → deep-blue → light). */
|
|
1621
1621
|
onChange: (next: ThemeMode) => void;
|
|
1622
1622
|
/** Visual size. `md` (default) = 40px, `sm` = 32px. */
|
|
1623
1623
|
size?: ThemeToggleTriSize;
|
|
@@ -1625,13 +1625,19 @@ type ThemeToggleTriProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClic
|
|
|
1625
1625
|
lightLabel?: string;
|
|
1626
1626
|
/** Label used when the next click will switch to dark mode. */
|
|
1627
1627
|
darkLabel?: string;
|
|
1628
|
-
/** Label used when the next click will switch to
|
|
1629
|
-
|
|
1628
|
+
/** Label used when the next click will switch to deep blue mode. */
|
|
1629
|
+
deepBlueLabel?: string;
|
|
1630
1630
|
};
|
|
1631
|
+
/**
|
|
1632
|
+
* ThemeToggleTri — icon button that cycles light → dark → deep-blue. It is
|
|
1633
|
+
* controlled: a click calls `onChange` with the next mode and changes nothing
|
|
1634
|
+
* else, so apply the theme there (for example with `applyAppearance`). To
|
|
1635
|
+
* offer all four themes, sand included, use `AppearanceSettings`.
|
|
1636
|
+
*/
|
|
1631
1637
|
declare const ThemeToggleTri: react.ForwardRefExoticComponent<Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "onClick"> & {
|
|
1632
1638
|
/** Current theme. */
|
|
1633
1639
|
theme: ThemeMode;
|
|
1634
|
-
/** Called with the next theme in the cycle (light → dark →
|
|
1640
|
+
/** Called with the next theme in the cycle (light → dark → deep-blue → light). */
|
|
1635
1641
|
onChange: (next: ThemeMode) => void;
|
|
1636
1642
|
/** Visual size. `md` (default) = 40px, `sm` = 32px. */
|
|
1637
1643
|
size?: ThemeToggleTriSize;
|
|
@@ -1639,8 +1645,8 @@ declare const ThemeToggleTri: react.ForwardRefExoticComponent<Omit<ButtonHTMLAtt
|
|
|
1639
1645
|
lightLabel?: string;
|
|
1640
1646
|
/** Label used when the next click will switch to dark mode. */
|
|
1641
1647
|
darkLabel?: string;
|
|
1642
|
-
/** Label used when the next click will switch to
|
|
1643
|
-
|
|
1648
|
+
/** Label used when the next click will switch to deep blue mode. */
|
|
1649
|
+
deepBlueLabel?: string;
|
|
1644
1650
|
} & react.RefAttributes<HTMLButtonElement>>;
|
|
1645
1651
|
|
|
1646
1652
|
type ButtonGroupOrientation = 'horizontal' | 'vertical';
|
|
@@ -1704,6 +1710,8 @@ declare const Carousel: (({ options, autoplay, stopOnInteraction, className, chi
|
|
|
1704
1710
|
};
|
|
1705
1711
|
|
|
1706
1712
|
type PopoverPosition = 'top' | 'bottom' | 'left' | 'right';
|
|
1713
|
+
/** Horizontal alignment with the trigger, for `top` / `bottom` positions. */
|
|
1714
|
+
type PopoverAlign = 'center' | 'end';
|
|
1707
1715
|
type PopoverProps = {
|
|
1708
1716
|
open?: boolean;
|
|
1709
1717
|
defaultOpen?: boolean;
|
|
@@ -1713,6 +1721,15 @@ type PopoverProps = {
|
|
|
1713
1721
|
type PopoverTriggerProps = ButtonHTMLAttributes<HTMLButtonElement>;
|
|
1714
1722
|
type PopoverContentProps = {
|
|
1715
1723
|
position?: PopoverPosition;
|
|
1724
|
+
/**
|
|
1725
|
+
* Horizontal alignment with the trigger for `top` / `bottom`: `center`
|
|
1726
|
+
* (default) or `end`, flush with its right edge — for triggers near the
|
|
1727
|
+
* right of the screen. `end` also caps the width so the panel keeps 16px
|
|
1728
|
+
* from the left of the screen. Ignored for `left` / `right`.
|
|
1729
|
+
*/
|
|
1730
|
+
align?: PopoverAlign;
|
|
1731
|
+
/** Accessible name of the dialog. */
|
|
1732
|
+
'aria-label'?: string;
|
|
1716
1733
|
/** Distance from the trigger edge in px. Default 8. */
|
|
1717
1734
|
offset?: number;
|
|
1718
1735
|
/** Show a small arrow pointing to the trigger. Default false. */
|
|
@@ -1724,7 +1741,7 @@ type PopoverContentProps = {
|
|
|
1724
1741
|
};
|
|
1725
1742
|
declare const Popover: (({ open: openProp, defaultOpen, onOpenChange, children, }: PopoverProps) => react.JSX.Element) & {
|
|
1726
1743
|
Trigger: react.ForwardRefExoticComponent<PopoverTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
1727
|
-
Content: ({ position, offset, arrow, width, className, children, }: PopoverContentProps) => react.ReactPortal | null;
|
|
1744
|
+
Content: ({ position, align, "aria-label": ariaLabel, offset, arrow, width, className, children, }: PopoverContentProps) => react.ReactPortal | null;
|
|
1728
1745
|
};
|
|
1729
1746
|
|
|
1730
1747
|
type ProgressBarSize = 'xs' | 'sm' | 'md' | 'lg';
|
|
@@ -3217,6 +3234,11 @@ type PalettePreview = {
|
|
|
3217
3234
|
surface: string;
|
|
3218
3235
|
/** Borders and faint dividers. */
|
|
3219
3236
|
border: string;
|
|
3237
|
+
/**
|
|
3238
|
+
* Label color on `surface`. Set it when the palettes in one picker mix light
|
|
3239
|
+
* and dark surfaces: the default gray only reads on light ones.
|
|
3240
|
+
*/
|
|
3241
|
+
text?: string;
|
|
3220
3242
|
};
|
|
3221
3243
|
type PaletteMeta = {
|
|
3222
3244
|
/** Stable identifier. */
|
|
@@ -3290,6 +3312,81 @@ type OptionPickerProps = {
|
|
|
3290
3312
|
*/
|
|
3291
3313
|
declare const OptionPicker: ({ options, value, onChange, cols, className, }: OptionPickerProps) => react.JSX.Element;
|
|
3292
3314
|
|
|
3315
|
+
/** A Cosmos theme: one class on `<html>`, none for `light`. */
|
|
3316
|
+
type CosmosTheme = 'light' | 'sand' | 'dark' | 'deep-blue';
|
|
3317
|
+
/** A Cosmos accent: the `data-accent` attribute on `<html>`, none for `blue`. */
|
|
3318
|
+
type CosmosAccent = 'blue' | 'indigo' | 'violet' | 'purple' | 'rose' | 'teal' | 'cyan' | 'graphite' | 'red' | 'orange' | 'amber' | 'green';
|
|
3319
|
+
type CosmosThemeMeta = PaletteMeta & {
|
|
3320
|
+
id: CosmosTheme;
|
|
3321
|
+
dark: boolean;
|
|
3322
|
+
};
|
|
3323
|
+
type CosmosAccentMeta = AccentColor & {
|
|
3324
|
+
id: CosmosAccent;
|
|
3325
|
+
};
|
|
3326
|
+
type CosmosAppearance = {
|
|
3327
|
+
theme: CosmosTheme;
|
|
3328
|
+
accent: CosmosAccent;
|
|
3329
|
+
};
|
|
3330
|
+
/** The four themes shipped by `@sckyzo/cosmos-theme`, ready for `<PalettePicker>`. */
|
|
3331
|
+
declare const COSMOS_THEMES: CosmosThemeMeta[];
|
|
3332
|
+
/**
|
|
3333
|
+
* The twelve accents, ready for `<AccentPicker>`. `hex` is the accent's
|
|
3334
|
+
* `brand-500`. Red, orange, amber and green look like the status colors, so
|
|
3335
|
+
* they come last.
|
|
3336
|
+
*/
|
|
3337
|
+
declare const COSMOS_ACCENTS: CosmosAccentMeta[];
|
|
3338
|
+
/** `true` for the themes that enable Tailwind's `dark:` variant. */
|
|
3339
|
+
declare const isDarkTheme: (theme: CosmosTheme) => boolean;
|
|
3340
|
+
/**
|
|
3341
|
+
* Apply a theme and an accent to `root` (default `<html>`): swaps the theme
|
|
3342
|
+
* class and sets `data-accent`, removing it for `blue`. No-op during SSR.
|
|
3343
|
+
*/
|
|
3344
|
+
declare const applyAppearance: ({ theme, accent }: CosmosAppearance, root?: HTMLElement) => void;
|
|
3345
|
+
|
|
3346
|
+
type AppearanceSettingsProps = {
|
|
3347
|
+
/** Selected theme. */
|
|
3348
|
+
theme: CosmosTheme;
|
|
3349
|
+
/** Selected accent. */
|
|
3350
|
+
accent: CosmosAccent;
|
|
3351
|
+
onThemeChange: (theme: CosmosTheme) => void;
|
|
3352
|
+
onAccentChange: (accent: CosmosAccent) => void;
|
|
3353
|
+
/** Heading of the theme group. Default `'Theme'`. */
|
|
3354
|
+
themeLabel?: string;
|
|
3355
|
+
/** Heading of the accent group. Default `'Accent color'`. */
|
|
3356
|
+
accentLabel?: string;
|
|
3357
|
+
/** Themes to offer. Default: all of `COSMOS_THEMES`. */
|
|
3358
|
+
themes?: CosmosThemeMeta[];
|
|
3359
|
+
/** Accents to offer. Default: all of `COSMOS_ACCENTS`. */
|
|
3360
|
+
accents?: CosmosAccentMeta[];
|
|
3361
|
+
/** Columns of the theme grid. Default 4; use 2 in narrow containers. */
|
|
3362
|
+
themeColumns?: number;
|
|
3363
|
+
className?: string;
|
|
3364
|
+
};
|
|
3365
|
+
/**
|
|
3366
|
+
* AppearanceSettings — theme and accent pickers for the Cosmos themes, built
|
|
3367
|
+
* on `<PalettePicker>` and `<AccentPicker>`. Controlled: pass the result to
|
|
3368
|
+
* `applyAppearance` (or your own theme switcher) to update the page.
|
|
3369
|
+
*/
|
|
3370
|
+
declare const AppearanceSettings: ({ theme, accent, onThemeChange, onAccentChange, themeLabel, accentLabel, themes, accents, themeColumns, className, }: AppearanceSettingsProps) => react.JSX.Element;
|
|
3371
|
+
|
|
3372
|
+
type AppearanceMenuSize = 'sm' | 'md';
|
|
3373
|
+
type AppearanceMenuProps = Omit<AppearanceSettingsProps, 'className'> & {
|
|
3374
|
+
/** Trigger label (title + aria-label), also the panel's name. Default `'Appearance'`. */
|
|
3375
|
+
label?: string;
|
|
3376
|
+
/** Trigger size, as `ThemeToggle`. `md` (default) = 40px, `sm` = 32px. */
|
|
3377
|
+
size?: AppearanceMenuSize;
|
|
3378
|
+
/** Class for the trigger button. */
|
|
3379
|
+
className?: string;
|
|
3380
|
+
};
|
|
3381
|
+
/**
|
|
3382
|
+
* AppearanceMenu — icon button for a top bar that opens `<AppearanceSettings>`
|
|
3383
|
+
* in a panel flush with its right edge. Controlled like AppearanceSettings:
|
|
3384
|
+
* apply the choice in the callbacks (for example with `applyAppearance`). The
|
|
3385
|
+
* panel stays open while the user tries combinations; Escape, a click
|
|
3386
|
+
* outside or the button close it.
|
|
3387
|
+
*/
|
|
3388
|
+
declare const AppearanceMenu: ({ label, size, className, ...settings }: AppearanceMenuProps) => react.JSX.Element;
|
|
3389
|
+
|
|
3293
3390
|
type BlockquoteVariant = 'plain' | 'solid' | 'icon' | 'testimonial';
|
|
3294
3391
|
type BlockquoteSize = 'sm' | 'md' | 'lg';
|
|
3295
3392
|
type BlockquoteAlign = 'left' | 'center' | 'right';
|
|
@@ -3358,4 +3455,4 @@ type FigureProps = Omit<ImgHTMLAttributes<HTMLImageElement>, 'children'> & {
|
|
|
3358
3455
|
*/
|
|
3359
3456
|
declare const Figure: ({ src, alt, caption, align, size, radius, shadow, className, wrapperClassName, ...rest }: FigureProps) => react.JSX.Element;
|
|
3360
3457
|
|
|
3361
|
-
export { type AccentColor, AccentPicker, type AccentPickerProps, Accordion, type AccordionContentProps, type AccordionItemProps, type AccordionProps, type AccordionTriggerProps, ActionPanel, type ActionPanelLayout, type ActionPanelProps, type ActiveFilter, ActiveFiltersBar, type ActiveFiltersBarProps, ActivityFeed, type ActivityFeedIntent, type ActivityFeedItemProps, type ActivityFeedProps, AlertBanner, type AlertBannerProps, type AlertVariant, AnnouncementBar, type AnnouncementBarIntent, type AnnouncementBarProps, AuthLayout, type AuthLayoutProps, Avatar, type AvatarProps, type AvatarSize, AvatarUploader, type AvatarUploaderProps, type AvatarUploaderSize, BackToTopFab, type BackToTopFabIntent, type BackToTopFabPosition, type BackToTopFabProps, Backdrop, type BackdropProps, Badge, type BadgeAppearance, type BadgeProps, type BadgeSize, type BadgeVariant, Blockquote, type BlockquoteAlign, type BlockquoteProps, type BlockquoteSize, type BlockquoteVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSeparator, Button, ButtonGroup, type ButtonGroupOrientation, type ButtonGroupProps, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant, Calendar, type CalendarProps, Card, type CardImageProps, type CardProps, Carousel, type CarouselControlsProps, type CarouselIndicatorsProps, type CarouselOptions, type CarouselProps, CarouselRoot, type CarouselSlideProps, type CarouselViewportProps, Checkbox, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, ClickableRow, type ClickableRowProps, Clipboard, type ClipboardProps, type ClipboardSize, type ClipboardVariant, CodeBlock, type CodeBlockProps, ColBox, type ColBoxProps, ColorSwatch, type ColorSwatchProps, type ColumnDef, ColumnFilterDropdown, type ColumnFilterDropdownProps, ColumnHeader, type ColumnHeaderProps, Combobox, type ComboboxOption, type ComboboxProps, CommandPalette, type CommandPaletteFooterProps, type CommandPaletteGroupProps, type CommandPaletteInputProps, type CommandPaletteItemProps, type CommandPaletteListProps, type CommandPaletteProps, ConfirmationModal, type ConfirmationModalProps, ContentNarrow, type ContentNarrowProps, ContentStackedList, type ContentStackedListItemProps, type ContentStackedListProps, CookieBanner, type CookieBannerPosition, type CookieBannerProps, type CosmosToasterProps, DataTable, type DataTableProps, DatePicker, type DatePickerMode, type DatePickerProps, type DateRange, DescriptionList, type DescriptionListItemProps, type DescriptionListProps, Divider, type DividerAlign, type DividerIconProps, type DividerProps, type DividerRowProps, Drawer, type DrawerHeaderProps, type DrawerProps, type DrawerSide, type DrawerSize, Dropdown, type DropdownDivider, type DropdownItem, type DropdownOption, type DropdownProps, Dropzone, type DropzoneProps, EmptyState, type EmptyStateProps, ErrorPage, type ErrorPageProps, ErrorState, type ErrorStateProps, Figure, type FigureAlign, type FigureProps, type FigureRadius, type FigureSize, FileInput, type FileInputProps, type FilterOption, FilterPills, type FilterPillsProps, FormFooter, type FormFooterAlign, type FormFooterProps, FormRow, type FormRowProps, GridList, type GridListCardProps, type GridListCols, type GridListFooterActionProps, type GridListFooterProps, type GridListProps, HealthBadge, type HealthBadgeProps, HealthDot, type HealthDotProps, type HealthStatus, HelpOverlay, type HelpOverlayProps, type HelpOverlaySectionProps, type HelpOverlayShortcutProps, IconBox, type IconBoxProps, type IconBoxSize, ImageGrid, type ImageGridColumns, type ImageGridGap, type ImageGridProps, Input, type InputProps, IntegrationCard, type IntegrationCardProps, type IntegrationStatus, Kbd, type KbdProps, type KbdSize, KpiCard, type KpiCardProps, Link, type LinkProps, type LinkVariant, List, type ListItemProps, type ListMarker, type ListOrientation, type ListProps, type ListSpacing, type ListVariant, LoadingState, type LoadingStateProps, MediaObject, type MediaObjectAlign, type MediaObjectBodyProps, type MediaObjectImageProps, type MediaObjectPosition, type MediaObjectProps, MiniCalendar, type MiniCalendarProps, Modal, type ModalAlertIntent, type ModalAlertLayout, type ModalAlertProps, type ModalHeaderProps, type ModalProps, type ModalSize, NarrowStackedList, type NarrowStackedListHeaderProps, type NarrowStackedListItemProps, type NarrowStackedListProps, Navbar, type NavbarItemProps, type NavbarMobileMenuButtonProps, type NavbarProps, type NavbarTheme, NotificationCard, type NotificationCardCondensedProps, type NotificationCardSimpleProps, type NotificationIntent, type NotificationSeverity, NotificationsPanel, type NotificationsPanelContentProps, type NotificationsPanelCountersProps, type NotificationsPanelEmptyProps, type NotificationsPanelFooterProps, type NotificationsPanelHeaderActionProps, type NotificationsPanelHeaderProps, type NotificationsPanelItemProps, type NotificationsPanelListProps, type NotificationsPanelProps, type NotificationsPanelTriggerProps, NumberInput, type NumberInputProps, OptionCard, type OptionCardProps, type OptionItem, OptionPicker, type OptionPickerProps, OtpInput, type OtpInputProps, PageActionButton, type PageActionButtonProps, PageActionIconButton, type PageActionIconButtonProps, type PageActionVariant, PageBreadcrumb, type PageBreadcrumbItem, type PageBreadcrumbProps, PageCard, type PageCardProps, PageHeader, type PageHeaderMetaItemProps, type PageHeaderProps, Pagination, type PaginationProps, type PaginationSize, type PaginationVariant, PaletteCard, type PaletteCardProps, type PaletteMeta, PalettePicker, type PalettePickerProps, type PalettePreview, PasswordInput, type PasswordInputProps, PasswordPolicyChecker, type PasswordPolicyCheckerProps, type PasswordRule, Popover, type PopoverContentProps, type PopoverPosition, type PopoverProps, type PopoverTriggerProps, ProgressBar, type ProgressBarIntent, type ProgressBarLabel, type ProgressBarProps, type ProgressBarSize, REFRESH_OPTIONS, Radio, RadioGroup, type RadioGroupOption, type RadioGroupProps, type RadioProps, type RadioSize, RefreshButton, type RefreshButtonProps, type RefreshOption, ResetPasswordForm, type ResetPasswordFormProps, Ribbon, type RibbonIntent, type RibbonPosition, type RibbonProps, type RibbonShape, RowActionButton, type RowActionButtonProps, STATUS_COLOR, STATUS_PILL, type SaveState, SearchInput, type SearchInputProps, SectionCard, type SectionCardProps, SectionLabel, type SectionLabelProps, type SegmentOption, SegmentedControl, type SegmentedControlProps, Select, SelectInput, type SelectInputOption, type SelectInputProps, type SelectOption, type SelectProps, Shell, type ShellProps, Sidebar, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSectionProps, SignInForm, type SignInFormProps, type SignInFormValues, SignUpForm, type SignUpFormProps, type SignUpFormValues, SimpleRow, type SimpleRowProps, Sk, type SkProps, SkeletonList, type SkeletonListProps, SkeletonTable, type SkeletonTableProps, SkeletonText, type SkeletonTextProps, SocialAuthButtons, type SocialAuthButtonsLayout, type SocialAuthButtonsProps, type SocialProvider, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, StackedList, StackedListInCard, type StackedListInCardProps, type StackedListItemProps, type StackedListProps, StatefulSaveButton, type StatefulSaveButtonProps, StatusBadge, type StatusBadgeProps, StatusRow, type StatusRowProps, type StepStatus, Stepper, StepperInput, type StepperInputProps, type StepperOrientation, type StepperProps, StepperRoot, type StepperSize, type StepperStepProps, type StepperVariant, StickyScrollNav, type StickyScrollNavProps, type StickyScrollNavSection, type TabProps, Tabs, type TabsOrientation, type TabsProps, Textarea, type TextareaProps, type TextareaResize, type ThemeMode, ThemeToggle, type ThemeToggleProps, type ThemeToggleSize, ThemeToggleTri, type ThemeToggleTriProps, type ThemeToggleTriSize, TimePicker, type TimePickerProps, Timeline, type TimelineItem, type TimelineProps, type TimelineTone, type TimelineVariant, Toaster, Toggle, type ToggleProps, Tooltip, TooltipHelp, type TooltipPosition, type TooltipProps, type TooltipVariant, Topbar, type TopbarProps, TwoStepVerificationForm, type TwoStepVerificationFormProps, UnsavedIndicator, type UnsavedIndicatorProps, UserMenu, type UserMenuContentProps, type UserMenuHeaderProps, type UserMenuItemProps, type UserMenuItemVariant, type UserMenuProps, type UserMenuTriggerProps, VerticalNavigation, type VerticalNavigationItemProps, type VerticalNavigationProps, type VerticalNavigationSectionProps, VideoEmbed, type VideoEmbedAspect, type VideoEmbedProps, ZoomBar, type ZoomBarProps, defaultPasswordRules, useAutoRefresh };
|
|
3458
|
+
export { type AccentColor, AccentPicker, type AccentPickerProps, Accordion, type AccordionContentProps, type AccordionItemProps, type AccordionProps, type AccordionTriggerProps, ActionPanel, type ActionPanelLayout, type ActionPanelProps, type ActiveFilter, ActiveFiltersBar, type ActiveFiltersBarProps, ActivityFeed, type ActivityFeedIntent, type ActivityFeedItemProps, type ActivityFeedProps, AlertBanner, type AlertBannerProps, type AlertVariant, AnnouncementBar, type AnnouncementBarIntent, type AnnouncementBarProps, AppearanceMenu, type AppearanceMenuProps, type AppearanceMenuSize, AppearanceSettings, type AppearanceSettingsProps, AuthLayout, type AuthLayoutProps, Avatar, type AvatarProps, type AvatarSize, AvatarUploader, type AvatarUploaderProps, type AvatarUploaderSize, BackToTopFab, type BackToTopFabIntent, type BackToTopFabPosition, type BackToTopFabProps, Backdrop, type BackdropProps, Badge, type BadgeAppearance, type BadgeProps, type BadgeSize, type BadgeVariant, Blockquote, type BlockquoteAlign, type BlockquoteProps, type BlockquoteSize, type BlockquoteVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type BreadcrumbSeparator, Button, ButtonGroup, type ButtonGroupOrientation, type ButtonGroupProps, type ButtonProps, type ButtonShape, type ButtonSize, type ButtonVariant, COSMOS_ACCENTS, COSMOS_THEMES, Calendar, type CalendarProps, Card, type CardImageProps, type CardProps, Carousel, type CarouselControlsProps, type CarouselIndicatorsProps, type CarouselOptions, type CarouselProps, CarouselRoot, type CarouselSlideProps, type CarouselViewportProps, Checkbox, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, ClickableRow, type ClickableRowProps, Clipboard, type ClipboardProps, type ClipboardSize, type ClipboardVariant, CodeBlock, type CodeBlockProps, ColBox, type ColBoxProps, ColorSwatch, type ColorSwatchProps, type ColumnDef, ColumnFilterDropdown, type ColumnFilterDropdownProps, ColumnHeader, type ColumnHeaderProps, Combobox, type ComboboxOption, type ComboboxProps, CommandPalette, type CommandPaletteFooterProps, type CommandPaletteGroupProps, type CommandPaletteInputProps, type CommandPaletteItemProps, type CommandPaletteListProps, type CommandPaletteProps, ConfirmationModal, type ConfirmationModalProps, ContentNarrow, type ContentNarrowProps, ContentStackedList, type ContentStackedListItemProps, type ContentStackedListProps, CookieBanner, type CookieBannerPosition, type CookieBannerProps, type CosmosAccent, type CosmosAccentMeta, type CosmosAppearance, type CosmosTheme, type CosmosThemeMeta, type CosmosToasterProps, DataTable, type DataTableProps, DatePicker, type DatePickerMode, type DatePickerProps, type DateRange, DescriptionList, type DescriptionListItemProps, type DescriptionListProps, Divider, type DividerAlign, type DividerIconProps, type DividerProps, type DividerRowProps, Drawer, type DrawerHeaderProps, type DrawerProps, type DrawerSide, type DrawerSize, Dropdown, type DropdownDivider, type DropdownItem, type DropdownOption, type DropdownProps, Dropzone, type DropzoneProps, EmptyState, type EmptyStateProps, ErrorPage, type ErrorPageProps, ErrorState, type ErrorStateProps, Figure, type FigureAlign, type FigureProps, type FigureRadius, type FigureSize, FileInput, type FileInputProps, type FilterOption, FilterPills, type FilterPillsProps, FormFooter, type FormFooterAlign, type FormFooterProps, FormRow, type FormRowProps, GridList, type GridListCardProps, type GridListCols, type GridListFooterActionProps, type GridListFooterProps, type GridListProps, HealthBadge, type HealthBadgeProps, HealthDot, type HealthDotProps, type HealthStatus, HelpOverlay, type HelpOverlayProps, type HelpOverlaySectionProps, type HelpOverlayShortcutProps, IconBox, type IconBoxProps, type IconBoxSize, ImageGrid, type ImageGridColumns, type ImageGridGap, type ImageGridProps, Input, type InputProps, IntegrationCard, type IntegrationCardProps, type IntegrationStatus, Kbd, type KbdProps, type KbdSize, KpiCard, type KpiCardProps, Link, type LinkProps, type LinkVariant, List, type ListItemProps, type ListMarker, type ListOrientation, type ListProps, type ListSpacing, type ListVariant, LoadingState, type LoadingStateProps, MediaObject, type MediaObjectAlign, type MediaObjectBodyProps, type MediaObjectImageProps, type MediaObjectPosition, type MediaObjectProps, MiniCalendar, type MiniCalendarProps, Modal, type ModalAlertIntent, type ModalAlertLayout, type ModalAlertProps, type ModalHeaderProps, type ModalProps, type ModalSize, NarrowStackedList, type NarrowStackedListHeaderProps, type NarrowStackedListItemProps, type NarrowStackedListProps, Navbar, type NavbarItemProps, type NavbarMobileMenuButtonProps, type NavbarProps, type NavbarTheme, NotificationCard, type NotificationCardCondensedProps, type NotificationCardSimpleProps, type NotificationIntent, type NotificationSeverity, NotificationsPanel, type NotificationsPanelContentProps, type NotificationsPanelCountersProps, type NotificationsPanelEmptyProps, type NotificationsPanelFooterProps, type NotificationsPanelHeaderActionProps, type NotificationsPanelHeaderProps, type NotificationsPanelItemProps, type NotificationsPanelListProps, type NotificationsPanelProps, type NotificationsPanelTriggerProps, NumberInput, type NumberInputProps, OptionCard, type OptionCardProps, type OptionItem, OptionPicker, type OptionPickerProps, OtpInput, type OtpInputProps, PageActionButton, type PageActionButtonProps, PageActionIconButton, type PageActionIconButtonProps, type PageActionVariant, PageBreadcrumb, type PageBreadcrumbItem, type PageBreadcrumbProps, PageCard, type PageCardProps, PageHeader, type PageHeaderMetaItemProps, type PageHeaderProps, Pagination, type PaginationProps, type PaginationSize, type PaginationVariant, PaletteCard, type PaletteCardProps, type PaletteMeta, PalettePicker, type PalettePickerProps, type PalettePreview, PasswordInput, type PasswordInputProps, PasswordPolicyChecker, type PasswordPolicyCheckerProps, type PasswordRule, Popover, type PopoverAlign, type PopoverContentProps, type PopoverPosition, type PopoverProps, type PopoverTriggerProps, ProgressBar, type ProgressBarIntent, type ProgressBarLabel, type ProgressBarProps, type ProgressBarSize, REFRESH_OPTIONS, Radio, RadioGroup, type RadioGroupOption, type RadioGroupProps, type RadioProps, type RadioSize, RefreshButton, type RefreshButtonProps, type RefreshOption, ResetPasswordForm, type ResetPasswordFormProps, Ribbon, type RibbonIntent, type RibbonPosition, type RibbonProps, type RibbonShape, RowActionButton, type RowActionButtonProps, STATUS_COLOR, STATUS_PILL, type SaveState, SearchInput, type SearchInputProps, SectionCard, type SectionCardProps, SectionLabel, type SectionLabelProps, type SegmentOption, SegmentedControl, type SegmentedControlProps, Select, SelectInput, type SelectInputOption, type SelectInputProps, type SelectOption, type SelectProps, Shell, type ShellProps, Sidebar, type SidebarGroupProps, type SidebarItemProps, type SidebarProps, type SidebarSectionProps, SignInForm, type SignInFormProps, type SignInFormValues, SignUpForm, type SignUpFormProps, type SignUpFormValues, SimpleRow, type SimpleRowProps, Sk, type SkProps, SkeletonList, type SkeletonListProps, SkeletonTable, type SkeletonTableProps, SkeletonText, type SkeletonTextProps, SocialAuthButtons, type SocialAuthButtonsLayout, type SocialAuthButtonsProps, type SocialProvider, type SortDirection, Spinner, type SpinnerProps, type SpinnerSize, StackedList, StackedListInCard, type StackedListInCardProps, type StackedListItemProps, type StackedListProps, StatefulSaveButton, type StatefulSaveButtonProps, StatusBadge, type StatusBadgeProps, StatusRow, type StatusRowProps, type StepStatus, Stepper, StepperInput, type StepperInputProps, type StepperOrientation, type StepperProps, StepperRoot, type StepperSize, type StepperStepProps, type StepperVariant, StickyScrollNav, type StickyScrollNavProps, type StickyScrollNavSection, type TabProps, Tabs, type TabsOrientation, type TabsProps, Textarea, type TextareaProps, type TextareaResize, type ThemeMode, ThemeToggle, type ThemeToggleProps, type ThemeToggleSize, ThemeToggleTri, type ThemeToggleTriProps, type ThemeToggleTriSize, TimePicker, type TimePickerProps, Timeline, type TimelineItem, type TimelineProps, type TimelineTone, type TimelineVariant, Toaster, Toggle, type ToggleProps, Tooltip, TooltipHelp, type TooltipPosition, type TooltipProps, type TooltipVariant, Topbar, type TopbarProps, TwoStepVerificationForm, type TwoStepVerificationFormProps, UnsavedIndicator, type UnsavedIndicatorProps, UserMenu, type UserMenuContentProps, type UserMenuHeaderProps, type UserMenuItemProps, type UserMenuItemVariant, type UserMenuProps, type UserMenuTriggerProps, VerticalNavigation, type VerticalNavigationItemProps, type VerticalNavigationProps, type VerticalNavigationSectionProps, VideoEmbed, type VideoEmbedAspect, type VideoEmbedProps, ZoomBar, type ZoomBarProps, applyAppearance, defaultPasswordRules, isDarkTheme, useAutoRefresh };
|