@kismet-ux/constellation 1.4.0 → 1.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/dist/form.d.ts +1 -1
  2. package/dist/{index-BLcVtjt9.d.ts → index-BQmGj3pl.d.ts} +2 -2
  3. package/dist/{index-6RTzMxvi.d.ts → index-Bexoc2w4.d.ts} +1 -1
  4. package/dist/{index-CSnovrxl.d.ts → index-CKq1dik_.d.ts} +22 -19
  5. package/dist/index.css +1 -3
  6. package/dist/index.d.ts +6 -6
  7. package/dist/layout.d.ts +2 -2
  8. package/dist/navigation.d.ts +1 -1
  9. package/dist/tokens.css +1 -0
  10. package/dist/{tooltip-Bb0qqHZI.d.ts → tooltip-DYmc7-dg.d.ts} +3 -3
  11. package/dist/ui/Alert/alert.css +21 -21
  12. package/dist/ui/Alert/alert.d.ts +3 -0
  13. package/dist/ui/Alert/alert.d.ts.map +1 -1
  14. package/dist/ui/Alert/alert.js +2 -2
  15. package/dist/ui/Alert/alert.js.map +1 -1
  16. package/dist/ui.d.ts +2 -2
  17. package/package.json +2 -1
package/dist/form.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export { C as Checkbox, a as CheckboxProps, D as DatePicker, L as Label, c as LabelProps, S as Select, e as SelectContent, g as SelectField, i as SelectGroup, j as SelectItem, m as SelectSeparator, o as SelectTrigger, p as SelectValue } from './index-6RTzMxvi.js';
1
+ export { C as Checkbox, a as CheckboxProps, D as DatePicker, L as Label, c as LabelProps, S as Select, e as SelectContent, g as SelectField, i as SelectGroup, j as SelectItem, m as SelectSeparator, o as SelectTrigger, p as SelectValue } from './index-Bexoc2w4.js';
2
2
  export { I as Input, a as InputBaseProps } from './input-CWHXOpeH.js';
3
3
  import 'react';
4
4
  import 'class-variance-authority';
package/dist/{index-BLcVtjt9.d.ts → index-BQmGj3pl.d.ts} RENAMED
@@ -3,7 +3,7 @@ import React__default from 'react';
3
3
  import { d as SidebarSection, S as SidebarNavItem, B as BreadcrumbItemData, c as NavUserProps } from './nav-user-CJIcWKyY.js';
4
4
  import { R as RowProps } from './row-CS9-talZ.js';
5
5
  import { I as Input } from './input-CWHXOpeH.js';
6
- import { b as TooltipContent, B as Button } from './tooltip-Bb0qqHZI.js';
6
+ import { b as TooltipContent, B as Button } from './tooltip-DYmc7-dg.js';
7
7
  import { VariantProps } from 'class-variance-authority';
8
8
  import * as class_variance_authority_types from 'class-variance-authority/types';
9
9
 
@@ -143,7 +143,7 @@ declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttribu
143
143
  declare const Row: React.FC<RowProps>;
144
144
 
145
145
  declare const sidebarMenuButtonVariants: (props?: ({
146
- variant?: "outline" | "default" | null | undefined;
146
+ variant?: "default" | "outline" | null | undefined;
147
147
  size?: "sm" | "md" | "lg" | null | undefined;
148
148
  } & class_variance_authority_types.ClassProp) | undefined) => string;
149
149
 
package/dist/{index-6RTzMxvi.d.ts → index-Bexoc2w4.d.ts} RENAMED
@@ -95,7 +95,7 @@ declare function DatePicker({ value: valueProp, defaultValue, onChange, label, h
95
95
 
96
96
  declare const labelVariants: (props?: ({
97
97
  size?: "sm" | "md" | "lg" | null | undefined;
98
- theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
98
+ theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
99
99
  } & class_variance_authority_types.ClassProp) | undefined) => string;
100
100
 
101
101
  interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement>, VariantProps<typeof labelVariants> {
package/dist/{index-CSnovrxl.d.ts → index-CKq1dik_.d.ts} RENAMED
@@ -2,7 +2,7 @@ import { VariantProps } from 'class-variance-authority';
2
2
  import * as React from 'react';
3
3
  import React__default, { ReactNode } from 'react';
4
4
  import * as class_variance_authority_types from 'class-variance-authority/types';
5
- import './tooltip-Bb0qqHZI.js';
5
+ import './tooltip-DYmc7-dg.js';
6
6
  import { e as TypographyVariant } from './typography-DOZHFR5A.js';
7
7
 
8
8
  type AlertTheme = 'default' | 'primary' | 'secondary' | 'success' | 'destructive' | 'warning' | 'info' | 'slate';
@@ -45,7 +45,7 @@ type SortContextValue = {
45
45
  };
46
46
 
47
47
  declare const alertVariants: (props?: ({
48
- theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "default" | null | undefined;
48
+ theme?: "default" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
49
49
  } & class_variance_authority_types.ClassProp) | undefined) => string;
50
50
 
51
51
  interface AlertProps extends VariantProps<typeof alertVariants> {
@@ -53,6 +53,9 @@ interface AlertProps extends VariantProps<typeof alertVariants> {
53
53
  icon?: React.ReactNode;
54
54
  action?: React.ReactNode;
55
55
  onClose?: () => void;
56
+ /** A colour outside the theme scale; overrides the theme's colour roles. */
57
+ color?: string;
58
+ style?: React.CSSProperties;
56
59
  children?: React.ReactNode;
57
60
  }
58
61
  declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
@@ -82,10 +85,10 @@ type AvatarFallbackProps = React.HTMLAttributes<HTMLSpanElement>;
82
85
  declare const AvatarFallback: React.ForwardRefExoticComponent<AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>>;
83
86
 
84
87
  declare const chipVariants: (props?: ({
85
- theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
88
+ theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
86
89
  variant?: "soft" | "outline" | "solid" | null | undefined;
87
- size?: "2xs" | "xs" | "sm" | "md" | null | undefined;
88
- shape?: "pill" | "rounded" | null | undefined;
90
+ size?: "sm" | "md" | "xs" | "2xs" | null | undefined;
91
+ shape?: "rounded" | "pill" | null | undefined;
89
92
  dashed?: boolean | null | undefined;
90
93
  mono?: boolean | null | undefined;
91
94
  uppercase?: boolean | null | undefined;
@@ -111,7 +114,7 @@ interface ChipProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<
111
114
  declare const Chip: React.ForwardRefExoticComponent<ChipProps & React.RefAttributes<HTMLSpanElement>>;
112
115
 
113
116
  declare const codeBlockVariants: (props?: ({
114
- theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "default" | null | undefined;
117
+ theme?: "default" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
115
118
  size?: "sm" | "md" | "lg" | null | undefined;
116
119
  } & class_variance_authority_types.ClassProp) | undefined) => string;
117
120
 
@@ -184,7 +187,7 @@ declare function DialogPortal({ children }: {
184
187
  }): React.JSX.Element;
185
188
 
186
189
  declare const emptyStateVariants: (props?: ({
187
- theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "default" | null | undefined;
190
+ theme?: "default" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
188
191
  size?: "sm" | "md" | "lg" | null | undefined;
189
192
  } & class_variance_authority_types.ClassProp) | undefined) => string;
190
193
 
@@ -201,9 +204,9 @@ interface EmptyStateProps extends React.HTMLAttributes<HTMLDivElement>, VariantP
201
204
  declare const EmptyState: React.ForwardRefExoticComponent<EmptyStateProps & React.RefAttributes<HTMLDivElement>>;
202
205
 
203
206
  declare const iconVariants: (props?: ({
204
- variant?: "contained" | "outlined" | "ghost" | "plain" | null | undefined;
205
- theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
206
- size?: "xs" | "sm" | "md" | "lg" | null | undefined;
207
+ variant?: "outlined" | "contained" | "ghost" | "plain" | null | undefined;
208
+ theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
209
+ size?: "sm" | "md" | "lg" | "xs" | null | undefined;
207
210
  rounded?: boolean | "extra" | null | undefined;
208
211
  } & class_variance_authority_types.ClassProp) | undefined) => string;
209
212
 
@@ -253,7 +256,7 @@ interface ListProps extends React.HTMLAttributes<HTMLUListElement | HTMLOListEle
253
256
  size?: 'xs' | 'sm' | 'md' | 'lg';
254
257
  muted?: boolean;
255
258
  }
256
- declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLUListElement | HTMLOListElement>>;
259
+ declare const List: React.ForwardRefExoticComponent<ListProps & React.RefAttributes<HTMLOListElement | HTMLUListElement>>;
257
260
  interface ListItemProps extends React.LiHTMLAttributes<HTMLLIElement> {
258
261
  icon?: React.ReactNode;
259
262
  }
@@ -262,8 +265,8 @@ declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.Re
262
265
  declare const Pagination: React.ForwardRefExoticComponent<PaginationProps & React.RefAttributes<HTMLElement>>;
263
266
 
264
267
  declare const progressBarVariants: (props?: ({
265
- theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
266
- size?: "xs" | "sm" | "md" | "lg" | null | undefined;
268
+ theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
269
+ size?: "sm" | "md" | "lg" | "xs" | null | undefined;
267
270
  rounded?: boolean | null | undefined;
268
271
  animated?: boolean | null | undefined;
269
272
  indeterminate?: boolean | null | undefined;
@@ -314,7 +317,7 @@ interface StatCardProps extends React.ComponentPropsWithoutRef<'div'> {
314
317
  declare const StatCard: React.ForwardRefExoticComponent<StatCardProps & React.RefAttributes<HTMLDivElement>>;
315
318
 
316
319
  declare const statusDotVariants: (props?: ({
317
- theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
320
+ theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
318
321
  size?: "sm" | "md" | "lg" | null | undefined;
319
322
  glow?: boolean | null | undefined;
320
323
  pulse?: boolean | null | undefined;
@@ -340,7 +343,7 @@ interface StatusDotProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'co
340
343
  declare const StatusDot: React.ForwardRefExoticComponent<StatusDotProps & React.RefAttributes<HTMLSpanElement>>;
341
344
 
342
345
  declare const stepProgressVariants: (props?: ({
343
- theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
346
+ theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
344
347
  size?: "sm" | "md" | "lg" | null | undefined;
345
348
  orientation?: "horizontal" | "vertical" | null | undefined;
346
349
  stretch?: boolean | null | undefined;
@@ -363,7 +366,7 @@ interface StepProgressProps extends Omit<React.HTMLAttributes<HTMLOListElement>,
363
366
  declare const StepProgress: React.ForwardRefExoticComponent<StepProgressProps & React.RefAttributes<HTMLOListElement>>;
364
367
 
365
368
  declare const switchVariants: (props?: ({
366
- theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
369
+ theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
367
370
  size?: "sm" | "md" | "lg" | null | undefined;
368
371
  } & class_variance_authority_types.ClassProp) | undefined) => string;
369
372
 
@@ -456,9 +459,9 @@ interface TableToolbarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, '
456
459
  declare const TableToolbar: React.ForwardRefExoticComponent<TableToolbarProps & React.RefAttributes<HTMLDivElement>>;
457
460
 
458
461
  declare const toggleVariants: (props?: ({
459
- variant?: "contained" | "outlined" | "ghost" | null | undefined;
460
- theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
461
- size?: "xs" | "sm" | "md" | "lg" | null | undefined;
462
+ variant?: "outlined" | "contained" | "ghost" | null | undefined;
463
+ theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
464
+ size?: "sm" | "md" | "lg" | "xs" | null | undefined;
462
465
  iconOnly?: boolean | null | undefined;
463
466
  rounded?: boolean | "extra" | null | undefined;
464
467
  } & class_variance_authority_types.ClassProp) | undefined) => string;
package/dist/index.css CHANGED
@@ -186,6 +186,7 @@ svg {
186
186
  --font-weight-default: 400;
187
187
  --line-height-default: 1.55;
188
188
  --letter-spacing-tight: -0.011em;
189
+ --easing-default: cubic-bezier(0.4, 0, 0.2, 1);
189
190
  /*******************
190
191
  PALETTE - LIGHT MODE
191
192
  *******************/
@@ -768,9 +769,6 @@ img {
768
769
  text-align: right;
769
770
  }
770
771
 
771
- :root {
772
- --easing-default: cubic-bezier(0.4, 0, 0.2, 1);
773
- }
774
772
  :root a,
775
773
  :root button,
776
774
  :root .button,
package/dist/index.d.ts CHANGED
@@ -1,10 +1,10 @@
1
1
  export { Logo, LogoProps } from './brand.js';
2
- export { C as Checkbox, a as CheckboxProps, D as DatePicker, b as DatePickerProps, F as FormTheme, L as Label, c as LabelProps, S as Select, d as SelectAlign, e as SelectContent, f as SelectContentProps, g as SelectField, h as SelectFieldProps, i as SelectGroup, j as SelectItem, k as SelectPosition, l as SelectProps, m as SelectSeparator, n as SelectSide, o as SelectTrigger, p as SelectValue } from './index-6RTzMxvi.js';
2
+ export { C as Checkbox, a as CheckboxProps, D as DatePicker, b as DatePickerProps, F as FormTheme, L as Label, c as LabelProps, S as Select, d as SelectAlign, e as SelectContent, f as SelectContentProps, g as SelectField, h as SelectFieldProps, i as SelectGroup, j as SelectItem, k as SelectPosition, l as SelectProps, m as SelectSeparator, n as SelectSide, o as SelectTrigger, p as SelectValue } from './index-Bexoc2w4.js';
3
3
  export { I as Input, a as InputBaseProps } from './input-CWHXOpeH.js';
4
- import { S as SidebarContextValue } from './index-BLcVtjt9.js';
5
- export { A as AppContent, a as AppFooter, b as AppFooterProps, c as AppShell, d as AppShellProps, e as AppSidebar, f as AppSidebarHeader, g as AppSidebarHeaderProps, h as AppSidebarProps, C as Collapse, i as CollapseProps, j as Column, k as ColumnProps, l as Container, m as ContainerProps, G as Grid, n as GridColumns, o as GridProps, R as Row, p as Sidebar, q as SidebarContent, r as SidebarFooter, s as SidebarGroup, t as SidebarGroupAction, u as SidebarGroupContent, v as SidebarGroupLabel, w as SidebarHeader, x as SidebarInput, y as SidebarInset, z as SidebarMenu, B as SidebarMenuAction, D as SidebarMenuBadge, E as SidebarMenuButton, F as SidebarMenuItem, H as SidebarMenuSkeleton, I as SidebarMenuSub, J as SidebarMenuSubButton, K as SidebarMenuSubItem, L as SidebarProvider, M as SidebarRail, N as SidebarTrigger, O as SidebarVariant, P as Skeleton } from './index-BLcVtjt9.js';
6
- import { A as AlertContextValue, S as SortState } from './index-CSnovrxl.js';
7
- export { a as Alert, b as AlertBanner, c as AlertBannerProps, d as AlertDescription, e as AlertMessage, f as AlertProps, g as AlertProvider, h as AlertTheme, i as AlertTitle, j as Avatar, k as AvatarFallback, l as AvatarFallbackProps, m as AvatarImage, n as AvatarImageProps, o as AvatarProps, C as Chip, p as ChipProps, q as CodeBlock, r as CodeBlockProps, D as DevIndicator, s as DevIndicatorProps, t as Dialog, u as DialogClose, v as DialogCloseProps, w as DialogContent, x as DialogContentProps, y as DialogDescription, z as DialogFooter, B as DialogHeader, E as DialogOverlay, F as DialogPortal, G as DialogProps, H as DialogTitle, I as DialogTrigger, J as DialogTriggerProps, K as EmptyState, L as EmptyStateProps, M as Icon, N as IconProps, O as List, P as ListItem, Q as ListItemProps, R as ListProps, T as Pagination, U as PaginationProps, V as ProgressBar, W as ProgressBarProps, X as PushAlertInput, Y as Separator, Z as SeparatorProps, _ as SortContextValue, $ as SortDirection, a0 as StatCard, a1 as StatCardDirection, a2 as StatCardProps, a3 as StatCardSize, a4 as StatCardTheme, a5 as StatCardVariant, a6 as StatusDot, a7 as StatusDotProps, a8 as Step, a9 as StepProgress, aa as StepProgressProps, ab as Switch, ac as SwitchProps, ad as Table, ae as TableActionCell, af as TableActionCellProps, ag as TableActionItem, ah as TableBody, ai as TableBodyProps, aj as TableCard, ak as TableCell, al as TableFooter, am as TableHead, an as TableHeader, ao as TableRow, ap as TableSortableHeader, aq as TableSortableHeaderProps, ar as TableToolbar, as as TableToolbarProps, at as Toggle, au as ToggleGroup, av as ToggleGroupProps, aw as ToggleProps, ax as TrendDirection, ay as persistAlert, az as statusDotVariants } from './index-CSnovrxl.js';
4
+ import { S as SidebarContextValue } from './index-BQmGj3pl.js';
5
+ export { A as AppContent, a as AppFooter, b as AppFooterProps, c as AppShell, d as AppShellProps, e as AppSidebar, f as AppSidebarHeader, g as AppSidebarHeaderProps, h as AppSidebarProps, C as Collapse, i as CollapseProps, j as Column, k as ColumnProps, l as Container, m as ContainerProps, G as Grid, n as GridColumns, o as GridProps, R as Row, p as Sidebar, q as SidebarContent, r as SidebarFooter, s as SidebarGroup, t as SidebarGroupAction, u as SidebarGroupContent, v as SidebarGroupLabel, w as SidebarHeader, x as SidebarInput, y as SidebarInset, z as SidebarMenu, B as SidebarMenuAction, D as SidebarMenuBadge, E as SidebarMenuButton, F as SidebarMenuItem, H as SidebarMenuSkeleton, I as SidebarMenuSub, J as SidebarMenuSubButton, K as SidebarMenuSubItem, L as SidebarProvider, M as SidebarRail, N as SidebarTrigger, O as SidebarVariant, P as Skeleton } from './index-BQmGj3pl.js';
6
+ import { A as AlertContextValue, S as SortState } from './index-CKq1dik_.js';
7
+ export { a as Alert, b as AlertBanner, c as AlertBannerProps, d as AlertDescription, e as AlertMessage, f as AlertProps, g as AlertProvider, h as AlertTheme, i as AlertTitle, j as Avatar, k as AvatarFallback, l as AvatarFallbackProps, m as AvatarImage, n as AvatarImageProps, o as AvatarProps, C as Chip, p as ChipProps, q as CodeBlock, r as CodeBlockProps, D as DevIndicator, s as DevIndicatorProps, t as Dialog, u as DialogClose, v as DialogCloseProps, w as DialogContent, x as DialogContentProps, y as DialogDescription, z as DialogFooter, B as DialogHeader, E as DialogOverlay, F as DialogPortal, G as DialogProps, H as DialogTitle, I as DialogTrigger, J as DialogTriggerProps, K as EmptyState, L as EmptyStateProps, M as Icon, N as IconProps, O as List, P as ListItem, Q as ListItemProps, R as ListProps, T as Pagination, U as PaginationProps, V as ProgressBar, W as ProgressBarProps, X as PushAlertInput, Y as Separator, Z as SeparatorProps, _ as SortContextValue, $ as SortDirection, a0 as StatCard, a1 as StatCardDirection, a2 as StatCardProps, a3 as StatCardSize, a4 as StatCardTheme, a5 as StatCardVariant, a6 as StatusDot, a7 as StatusDotProps, a8 as Step, a9 as StepProgress, aa as StepProgressProps, ab as Switch, ac as SwitchProps, ad as Table, ae as TableActionCell, af as TableActionCellProps, ag as TableActionItem, ah as TableBody, ai as TableBodyProps, aj as TableCard, ak as TableCell, al as TableFooter, am as TableHead, an as TableHeader, ao as TableRow, ap as TableSortableHeader, aq as TableSortableHeaderProps, ar as TableToolbar, as as TableToolbarProps, at as Toggle, au as ToggleGroup, av as ToggleGroupProps, aw as ToggleProps, ax as TrendDirection, ay as persistAlert, az as statusDotVariants } from './index-CKq1dik_.js';
8
8
  export { R as RowProps } from './row-CS9-talZ.js';
9
9
  export { Breadcrumbs, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuContentProps, DropdownMenuGroup, DropdownMenuItem, DropdownMenuItemProps, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuProps, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DropdownMenuTriggerProps, Link, LinkProps, RouterAdapter, RouterProvider, Sheet, SheetBody, SheetClose, SheetCloseProps, SheetContent, SheetContentProps, SheetDescription, SheetFooter, SheetHeader, SheetProps, SheetTitle, SheetTrigger, SheetTriggerProps, useRouterAdapter } from './navigation.js';
10
10
  export { B as BreadcrumbItemData, N as NavGroup, a as NavItem, b as NavUser, c as NavUserProps, S as SidebarNavItem, d as SidebarSection } from './nav-user-CJIcWKyY.js';
@@ -12,7 +12,7 @@ export { AppearanceTabs, AppearanceToggleDropdown } from './settings.js';
12
12
  export { a as User, b as UserMenuContent, U as UserMenuContentProps, c as UserMenuItem } from './user-menu-content-D0Ldzigm.js';
13
13
  export { Heading, TruncatedText, TruncatedTextProps } from './typography.js';
14
14
  export { T as Typography, a as TypographyAlign, b as TypographyProps, c as TypographyTheme, d as TypographyTransform, e as TypographyVariant, f as TypographyWeight } from './typography-DOZHFR5A.js';
15
- export { B as Button, a as ButtonProps, T as Tooltip, b as TooltipContent, c as TooltipContentProps, d as TooltipProps, e as TooltipProvider, f as TooltipTrigger, g as TooltipTriggerProps } from './tooltip-Bb0qqHZI.js';
15
+ export { B as Button, a as ButtonProps, T as Tooltip, b as TooltipContent, c as TooltipContentProps, d as TooltipProps, e as TooltipProvider, f as TooltipTrigger, g as TooltipTriggerProps } from './tooltip-DYmc7-dg.js';
16
16
  export { UserInfo } from './user.js';
17
17
  export { getCsrfToken } from './utils.js';
18
18
  import 'react';
package/dist/layout.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- export { A as AppContent, a as AppFooter, b as AppFooterProps, c as AppShell, d as AppShellProps, e as AppSidebar, f as AppSidebarHeader, g as AppSidebarHeaderProps, h as AppSidebarProps, C as Collapse, i as CollapseProps, j as Column, k as ColumnProps, l as Container, G as Grid, R as Row, p as Sidebar, q as SidebarContent, r as SidebarFooter, s as SidebarGroup, t as SidebarGroupAction, u as SidebarGroupContent, v as SidebarGroupLabel, w as SidebarHeader, x as SidebarInput, y as SidebarInset, z as SidebarMenu, B as SidebarMenuAction, D as SidebarMenuBadge, E as SidebarMenuButton, F as SidebarMenuItem, H as SidebarMenuSkeleton, I as SidebarMenuSub, J as SidebarMenuSubButton, K as SidebarMenuSubItem, L as SidebarProvider, M as SidebarRail, N as SidebarTrigger, P as Skeleton } from './index-BLcVtjt9.js';
1
+ export { A as AppContent, a as AppFooter, b as AppFooterProps, c as AppShell, d as AppShellProps, e as AppSidebar, f as AppSidebarHeader, g as AppSidebarHeaderProps, h as AppSidebarProps, C as Collapse, i as CollapseProps, j as Column, k as ColumnProps, l as Container, G as Grid, R as Row, p as Sidebar, q as SidebarContent, r as SidebarFooter, s as SidebarGroup, t as SidebarGroupAction, u as SidebarGroupContent, v as SidebarGroupLabel, w as SidebarHeader, x as SidebarInput, y as SidebarInset, z as SidebarMenu, B as SidebarMenuAction, D as SidebarMenuBadge, E as SidebarMenuButton, F as SidebarMenuItem, H as SidebarMenuSkeleton, I as SidebarMenuSub, J as SidebarMenuSubButton, K as SidebarMenuSubItem, L as SidebarProvider, M as SidebarRail, N as SidebarTrigger, P as Skeleton } from './index-BQmGj3pl.js';
2
2
  export { R as RowProps } from './row-CS9-talZ.js';
3
3
  import 'react';
4
4
  import './nav-user-CJIcWKyY.js';
5
5
  import 'lucide-react';
6
6
  import './user-menu-content-D0Ldzigm.js';
7
7
  import './input-CWHXOpeH.js';
8
- import './tooltip-Bb0qqHZI.js';
8
+ import './tooltip-DYmc7-dg.js';
9
9
  import 'class-variance-authority';
10
10
  import 'class-variance-authority/types';
package/dist/navigation.d.ts CHANGED
@@ -62,7 +62,7 @@ declare function DropdownMenuSubContent({ className, ...props }: React.HTMLAttri
62
62
  declare const linkVariants: (props?: ({
63
63
  underline?: boolean | null | undefined;
64
64
  hover?: "default" | "none" | null | undefined;
65
- theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
65
+ theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
66
66
  } & class_variance_authority_types.ClassProp) | undefined) => string;
67
67
 
68
68
  interface LinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'onClick'>, VariantProps<typeof linkVariants> {
package/dist/tokens.css CHANGED
@@ -9,6 +9,7 @@
9
9
  --font-weight-default: 400;
10
10
  --line-height-default: 1.55;
11
11
  --letter-spacing-tight: -0.011em;
12
+ --easing-default: cubic-bezier(0.4, 0, 0.2, 1);
12
13
  /*******************
13
14
  PALETTE - LIGHT MODE
14
15
  *******************/
package/dist/{tooltip-Bb0qqHZI.d.ts → tooltip-DYmc7-dg.d.ts} RENAMED
@@ -3,9 +3,9 @@ import * as React from 'react';
3
3
  import * as class_variance_authority_types from 'class-variance-authority/types';
4
4
 
5
5
  declare const buttonVariants: (props?: ({
6
- variant?: "contained" | "outlined" | "ghost" | null | undefined;
7
- theme?: "primary" | "secondary" | "destructive" | "warning" | "success" | "info" | "slate" | "inherit" | null | undefined;
8
- size?: "xs" | "sm" | "md" | "lg" | null | undefined;
6
+ variant?: "outlined" | "contained" | "ghost" | null | undefined;
7
+ theme?: "inherit" | "primary" | "secondary" | "info" | "success" | "warning" | "destructive" | "slate" | null | undefined;
8
+ size?: "sm" | "md" | "lg" | "xs" | null | undefined;
9
9
  iconOnly?: boolean | null | undefined;
10
10
  rounded?: boolean | "extra" | null | undefined;
11
11
  } & class_variance_authority_types.ClassProp) | undefined) => string;
package/dist/ui/Alert/alert.css CHANGED
@@ -68,9 +68,9 @@
68
68
  --themed-focus-visible: var(--primary-focus-visible);
69
69
  --themed-outlined-border: var(--primary-outlined-border);
70
70
  --themed-selected: var(--primary-selected);
71
- background-color: color-mix(in srgb, var(--themed-focus) 50%, var(--background-default));
72
- border-color: var(--themed-main);
73
- color: var(--themed-emphasis);
71
+ background-color: color-mix(in srgb, var(--alert-color, var(--themed-focus)) 20%, var(--background-default));
72
+ border-color: color-mix(in srgb, var(--alert-color, var(--themed-main)) 60%, transparent);
73
+ color: var(--alert-color, var(--themed-emphasis));
74
74
  }
75
75
  .alert-module_alert--primary__-DftT [data-slot=alert-description] {
76
76
  color: var(--text-primary);
@@ -87,9 +87,9 @@
87
87
  --themed-focus-visible: var(--secondary-focus-visible);
88
88
  --themed-outlined-border: var(--secondary-outlined-border);
89
89
  --themed-selected: var(--secondary-selected);
90
- background-color: color-mix(in srgb, var(--themed-focus) 50%, var(--background-default));
91
- border-color: var(--themed-main);
92
- color: var(--themed-emphasis);
90
+ background-color: color-mix(in srgb, var(--alert-color, var(--themed-focus)) 20%, var(--background-default));
91
+ border-color: color-mix(in srgb, var(--alert-color, var(--themed-main)) 60%, transparent);
92
+ color: var(--alert-color, var(--themed-emphasis));
93
93
  }
94
94
  .alert-module_alert--secondary__ClMM4 [data-slot=alert-description] {
95
95
  color: var(--text-primary);
@@ -106,9 +106,9 @@
106
106
  --themed-focus-visible: var(--destructive-focus-visible);
107
107
  --themed-outlined-border: var(--destructive-outlined-border);
108
108
  --themed-selected: var(--destructive-selected);
109
- background-color: color-mix(in srgb, var(--themed-focus) 50%, var(--background-default));
110
- border-color: var(--themed-main);
111
- color: var(--themed-emphasis);
109
+ background-color: color-mix(in srgb, var(--alert-color, var(--themed-focus)) 20%, var(--background-default));
110
+ border-color: color-mix(in srgb, var(--alert-color, var(--themed-main)) 60%, transparent);
111
+ color: var(--alert-color, var(--themed-emphasis));
112
112
  }
113
113
  .alert-module_alert--destructive__V8E8m [data-slot=alert-description] {
114
114
  color: var(--text-primary);
@@ -125,9 +125,9 @@
125
125
  --themed-focus-visible: var(--warning-focus-visible);
126
126
  --themed-outlined-border: var(--warning-outlined-border);
127
127
  --themed-selected: var(--warning-selected);
128
- background-color: color-mix(in srgb, var(--themed-focus) 50%, var(--background-default));
129
- border-color: var(--themed-main);
130
- color: var(--themed-emphasis);
128
+ background-color: color-mix(in srgb, var(--alert-color, var(--themed-focus)) 20%, var(--background-default));
129
+ border-color: color-mix(in srgb, var(--alert-color, var(--themed-main)) 60%, transparent);
130
+ color: var(--alert-color, var(--themed-emphasis));
131
131
  }
132
132
  .alert-module_alert--warning__IJ1ko [data-slot=alert-description] {
133
133
  color: var(--text-primary);
@@ -144,9 +144,9 @@
144
144
  --themed-focus-visible: var(--success-focus-visible);
145
145
  --themed-outlined-border: var(--success-outlined-border);
146
146
  --themed-selected: var(--success-selected);
147
- background-color: color-mix(in srgb, var(--themed-focus) 50%, var(--background-default));
148
- border-color: var(--themed-main);
149
- color: var(--themed-emphasis);
147
+ background-color: color-mix(in srgb, var(--alert-color, var(--themed-focus)) 20%, var(--background-default));
148
+ border-color: color-mix(in srgb, var(--alert-color, var(--themed-main)) 60%, transparent);
149
+ color: var(--alert-color, var(--themed-emphasis));
150
150
  }
151
151
  .alert-module_alert--success__sJO5y [data-slot=alert-description] {
152
152
  color: var(--text-primary);
@@ -163,9 +163,9 @@
163
163
  --themed-focus-visible: var(--info-focus-visible);
164
164
  --themed-outlined-border: var(--info-outlined-border);
165
165
  --themed-selected: var(--info-selected);
166
- background-color: color-mix(in srgb, var(--themed-focus) 50%, var(--background-default));
167
- border-color: var(--themed-main);
168
- color: var(--themed-emphasis);
166
+ background-color: color-mix(in srgb, var(--alert-color, var(--themed-focus)) 20%, var(--background-default));
167
+ border-color: color-mix(in srgb, var(--alert-color, var(--themed-main)) 60%, transparent);
168
+ color: var(--alert-color, var(--themed-emphasis));
169
169
  }
170
170
  .alert-module_alert--info__4OhRF [data-slot=alert-description] {
171
171
  color: var(--text-primary);
@@ -182,9 +182,9 @@
182
182
  --themed-focus-visible: var(--slate-focus-visible);
183
183
  --themed-outlined-border: var(--slate-outlined-border);
184
184
  --themed-selected: var(--slate-selected);
185
- background-color: color-mix(in srgb, var(--themed-focus) 50%, var(--background-default));
186
- border-color: var(--themed-main);
187
- color: var(--themed-emphasis);
185
+ background-color: color-mix(in srgb, var(--alert-color, var(--themed-focus)) 20%, var(--background-default));
186
+ border-color: color-mix(in srgb, var(--alert-color, var(--themed-main)) 60%, transparent);
187
+ color: var(--alert-color, var(--themed-emphasis));
188
188
  }
189
189
  .alert-module_alert--slate__DMg_C [data-slot=alert-description] {
190
190
  color: var(--text-primary);
package/dist/ui/Alert/alert.d.ts CHANGED
@@ -6,6 +6,9 @@ export interface AlertProps extends VariantProps<typeof alertVariants> {
6
6
  icon?: React.ReactNode;
7
7
  action?: React.ReactNode;
8
8
  onClose?: () => void;
9
+ /** A colour outside the theme scale; overrides the theme's colour roles. */
10
+ color?: string;
11
+ style?: React.CSSProperties;
9
12
  children?: React.ReactNode;
10
13
  }
11
14
  declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
package/dist/ui/Alert/alert.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/ui/Alert/alert.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAU7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAajD,MAAM,WAAW,UAAW,SAAQ,YAAY,CAAC,OAAO,aAAa,CAAC;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,KAAK,mFAwCV,CAAC;AAGF,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAEvE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7E;AAED,MAAM,WAAW,gBAAiB,SAAQ,YAAY,CAAC,OAAO,aAAa,CAAC;IAC1E,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,WAAW,yFAyChB,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC"}
1
+ {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../src/ui/Alert/alert.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAU7D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAajD,MAAM,WAAW,UAAW,SAAQ,YAAY,CAAC,OAAO,aAAa,CAAC;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,4EAA4E;IAC5E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,KAAK,mFAyCV,CAAC;AAGF,iBAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAEvE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,qBAQ7E;AAED,MAAM,WAAW,gBAAiB,SAAQ,YAAY,CAAC,OAAO,aAAa,CAAC;IAC1E,IAAI,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,SAAS,CAAC;IACjC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,WAAW,yFAyChB,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,UAAU,EAAE,CAAC"}
package/dist/ui/Alert/alert.js CHANGED
@@ -16,9 +16,9 @@ const themeIconMap = {
16
16
  warning: jsx(AlertTriangleIcon, {}),
17
17
  info: jsx(InfoIcon, {}),
18
18
  };
19
- const Alert = React.forwardRef(({ className, theme, icon, action, onClose, children }, ref) => {
19
+ const Alert = React.forwardRef(({ className, theme, icon, action, onClose, color, style, children }, ref) => {
20
20
  const resolvedIcon = icon === true ? themeIconMap[theme ?? 'default'] : icon;
21
- return (jsxs("div", { ref: ref, "data-slot": 'alert', role: 'alert', className: cn(alertVariants({ theme }), className), children: [resolvedIcon ? (jsx("div", { "data-slot": 'alert-icon', className: s['alert-icon'], children: resolvedIcon })) : null, jsx("div", { "data-slot": 'alert-content', className: s['alert-content'], children: children }), action ? (jsx("div", { "data-slot": 'alert-action', className: s['alert-action'], children: action })) : null, onClose ? (jsx(Button, { iconOnly: true, variant: 'ghost', size: 'xs', theme: 'inherit', className: s['alert-close'], onClick: onClose, "aria-label": 'Dismiss', children: jsx(XIcon, {}) })) : null] }));
21
+ return (jsxs("div", { ref: ref, "data-slot": 'alert', role: 'alert', className: cn(alertVariants({ theme }), className), style: color ? { ...style, '--alert-color': color } : style, children: [resolvedIcon ? (jsx("div", { "data-slot": 'alert-icon', className: s['alert-icon'], children: resolvedIcon })) : null, jsx("div", { "data-slot": 'alert-content', className: s['alert-content'], children: children }), action ? (jsx("div", { "data-slot": 'alert-action', className: s['alert-action'], children: action })) : null, onClose ? (jsx(Button, { iconOnly: true, variant: 'ghost', size: 'xs', theme: 'inherit', className: s['alert-close'], onClick: onClose, "aria-label": 'Dismiss', children: jsx(XIcon, {}) })) : null] }));
22
22
  });
23
23
  Alert.displayName = 'Alert';
24
24
  function AlertTitle({ className, ...props }) {
package/dist/ui/Alert/alert.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"alert.js","sources":["../../../src/ui/Alert/alert.tsx"],"sourcesContent":["import { Collapse } from '@constellation/layout/Collapse';\nimport { type VariantProps } from 'class-variance-authority';\nimport cn from 'clsx';\nimport {\n AlertCircleIcon,\n AlertTriangleIcon,\n CheckCircleIcon,\n InfoIcon,\n XCircleIcon,\n XIcon,\n} from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from '../Button';\nimport { alertVariants } from './alert-variants';\nimport s from './alert.module.scss';\n\nconst themeIconMap: Record<string, React.ReactNode> = {\n default: <AlertCircleIcon />,\n primary: <InfoIcon />,\n secondary: <InfoIcon />,\n success: <CheckCircleIcon />,\n destructive: <XCircleIcon />,\n warning: <AlertTriangleIcon />,\n info: <InfoIcon />,\n};\n\nexport interface AlertProps extends VariantProps<typeof alertVariants> {\n className?: string;\n icon?: React.ReactNode;\n action?: React.ReactNode;\n onClose?: () => void;\n children?: React.ReactNode;\n}\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n ({ className, theme, icon, action, onClose, children }, ref) => {\n const resolvedIcon = icon === true ? themeIconMap[theme ?? 'default'] : icon;\n\n return (\n <div\n ref={ref}\n data-slot={'alert'}\n role={'alert'}\n className={cn(alertVariants({ theme }), className)}\n >\n {resolvedIcon ? (\n <div data-slot={'alert-icon'} className={s['alert-icon']}>\n {resolvedIcon}\n </div>\n ) : null}\n <div data-slot={'alert-content'} className={s['alert-content']}>\n {children}\n </div>\n {action ? (\n <div data-slot={'alert-action'} className={s['alert-action']}>\n {action}\n </div>\n ) : null}\n {onClose ? (\n <Button\n iconOnly\n variant={'ghost'}\n size={'xs'}\n theme={'inherit'}\n className={s['alert-close']}\n onClick={onClose}\n aria-label={'Dismiss'}\n >\n <XIcon />\n </Button>\n ) : null}\n </div>\n );\n },\n);\nAlert.displayName = 'Alert';\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'div'>) {\n return <div data-slot={'alert-title'} className={cn(s['alert-title'], className)} {...props} />;\n}\n\nfunction AlertDescription({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot={'alert-description'}\n className={cn(s['alert-description'], className)}\n {...props}\n />\n );\n}\n\nexport interface AlertBannerProps extends VariantProps<typeof alertVariants> {\n open: boolean;\n onClose?: () => void;\n icon?: boolean | React.ReactNode;\n action?: React.ReactNode;\n className?: string;\n children?: React.ReactNode;\n}\n\nconst AlertBanner = React.forwardRef<HTMLDivElement, AlertBannerProps>(\n ({ open, onClose, theme, icon, action, className, children }, ref) => {\n const resolvedIcon = icon === true ? themeIconMap[theme ?? 'default'] : icon;\n\n return (\n <Collapse ref={ref} open={open}>\n <div\n data-slot={'alert-banner'}\n role={'alert'}\n className={cn(alertVariants({ theme }), s['alert-banner'], className)}\n >\n {resolvedIcon ? (\n <div data-slot={'alert-icon'} className={s['alert-icon']}>\n {resolvedIcon}\n </div>\n ) : null}\n <div data-slot={'alert-content'} className={s['alert-content']}>\n {children}\n </div>\n {action ? (\n <div data-slot={'alert-action'} className={s['alert-action']}>\n {action}\n </div>\n ) : null}\n {onClose ? (\n <Button\n iconOnly\n variant={'ghost'}\n size={'xs'}\n theme={'inherit'}\n className={s['alert-close']}\n onClick={onClose}\n aria-label={'Dismiss'}\n >\n <XIcon />\n </Button>\n ) : null}\n </div>\n </Collapse>\n );\n },\n);\nAlertBanner.displayName = 'AlertBanner';\n\nexport { Alert, AlertBanner, AlertDescription, AlertTitle };\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
1
+ {"version":3,"file":"alert.js","sources":["../../../src/ui/Alert/alert.tsx"],"sourcesContent":["import { Collapse } from '@constellation/layout/Collapse';\nimport { type VariantProps } from 'class-variance-authority';\nimport cn from 'clsx';\nimport {\n AlertCircleIcon,\n AlertTriangleIcon,\n CheckCircleIcon,\n InfoIcon,\n XCircleIcon,\n XIcon,\n} from 'lucide-react';\nimport * as React from 'react';\nimport { Button } from '../Button';\nimport { alertVariants } from './alert-variants';\nimport s from './alert.module.scss';\n\nconst themeIconMap: Record<string, React.ReactNode> = {\n default: <AlertCircleIcon />,\n primary: <InfoIcon />,\n secondary: <InfoIcon />,\n success: <CheckCircleIcon />,\n destructive: <XCircleIcon />,\n warning: <AlertTriangleIcon />,\n info: <InfoIcon />,\n};\n\nexport interface AlertProps extends VariantProps<typeof alertVariants> {\n className?: string;\n icon?: React.ReactNode;\n action?: React.ReactNode;\n onClose?: () => void;\n /** A colour outside the theme scale; overrides the theme's colour roles. */\n color?: string;\n style?: React.CSSProperties;\n children?: React.ReactNode;\n}\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n ({ className, theme, icon, action, onClose, color, style, children }, ref) => {\n const resolvedIcon = icon === true ? themeIconMap[theme ?? 'default'] : icon;\n\n return (\n <div\n ref={ref}\n data-slot={'alert'}\n role={'alert'}\n className={cn(alertVariants({ theme }), className)}\n style={color ? ({ ...style, '--alert-color': color } as React.CSSProperties) : style}\n >\n {resolvedIcon ? (\n <div data-slot={'alert-icon'} className={s['alert-icon']}>\n {resolvedIcon}\n </div>\n ) : null}\n <div data-slot={'alert-content'} className={s['alert-content']}>\n {children}\n </div>\n {action ? (\n <div data-slot={'alert-action'} className={s['alert-action']}>\n {action}\n </div>\n ) : null}\n {onClose ? (\n <Button\n iconOnly\n variant={'ghost'}\n size={'xs'}\n theme={'inherit'}\n className={s['alert-close']}\n onClick={onClose}\n aria-label={'Dismiss'}\n >\n <XIcon />\n </Button>\n ) : null}\n </div>\n );\n },\n);\nAlert.displayName = 'Alert';\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<'div'>) {\n return <div data-slot={'alert-title'} className={cn(s['alert-title'], className)} {...props} />;\n}\n\nfunction AlertDescription({ className, ...props }: React.ComponentProps<'div'>) {\n return (\n <div\n data-slot={'alert-description'}\n className={cn(s['alert-description'], className)}\n {...props}\n />\n );\n}\n\nexport interface AlertBannerProps extends VariantProps<typeof alertVariants> {\n open: boolean;\n onClose?: () => void;\n icon?: boolean | React.ReactNode;\n action?: React.ReactNode;\n className?: string;\n children?: React.ReactNode;\n}\n\nconst AlertBanner = React.forwardRef<HTMLDivElement, AlertBannerProps>(\n ({ open, onClose, theme, icon, action, className, children }, ref) => {\n const resolvedIcon = icon === true ? themeIconMap[theme ?? 'default'] : icon;\n\n return (\n <Collapse ref={ref} open={open}>\n <div\n data-slot={'alert-banner'}\n role={'alert'}\n className={cn(alertVariants({ theme }), s['alert-banner'], className)}\n >\n {resolvedIcon ? (\n <div data-slot={'alert-icon'} className={s['alert-icon']}>\n {resolvedIcon}\n </div>\n ) : null}\n <div data-slot={'alert-content'} className={s['alert-content']}>\n {children}\n </div>\n {action ? (\n <div data-slot={'alert-action'} className={s['alert-action']}>\n {action}\n </div>\n ) : null}\n {onClose ? (\n <Button\n iconOnly\n variant={'ghost'}\n size={'xs'}\n theme={'inherit'}\n className={s['alert-close']}\n onClick={onClose}\n aria-label={'Dismiss'}\n >\n <XIcon />\n </Button>\n ) : null}\n </div>\n </Collapse>\n );\n },\n);\nAlertBanner.displayName = 'AlertBanner';\n\nexport { Alert, AlertBanner, AlertDescription, AlertTitle };\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
package/dist/ui.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- export { a as Alert, b as AlertBanner, c as AlertBannerProps, d as AlertDescription, f as AlertProps, g as AlertProvider, i as AlertTitle, j as Avatar, k as AvatarFallback, l as AvatarFallbackProps, m as AvatarImage, n as AvatarImageProps, o as AvatarProps, C as Chip, p as ChipProps, q as CodeBlock, r as CodeBlockProps, D as DevIndicator, s as DevIndicatorProps, t as Dialog, u as DialogClose, v as DialogCloseProps, w as DialogContent, x as DialogContentProps, y as DialogDescription, z as DialogFooter, B as DialogHeader, E as DialogOverlay, F as DialogPortal, G as DialogProps, H as DialogTitle, I as DialogTrigger, J as DialogTriggerProps, K as EmptyState, L as EmptyStateProps, M as Icon, N as IconProps, O as List, P as ListItem, Q as ListItemProps, R as ListProps, T as Pagination, V as ProgressBar, W as ProgressBarProps, Y as Separator, Z as SeparatorProps, a0 as StatCard, a1 as StatCardDirection, a2 as StatCardProps, a3 as StatCardSize, a4 as StatCardTheme, a5 as StatCardVariant, a6 as StatusDot, a7 as StatusDotProps, a8 as Step, a9 as StepProgress, aa as StepProgressProps, ab as Switch, ac as SwitchProps, ad as Table, ae as TableActionCell, af as TableActionCellProps, ag as TableActionItem, ah as TableBody, ai as TableBodyProps, aj as TableCard, ak as TableCell, al as TableFooter, am as TableHead, an as TableHeader, ao as TableRow, ap as TableSortableHeader, aq as TableSortableHeaderProps, ar as TableToolbar, as as TableToolbarProps, at as Toggle, au as ToggleGroup, av as ToggleGroupProps, aw as ToggleProps, ax as TrendDirection, ay as persistAlert, az as statusDotVariants } from './index-CSnovrxl.js';
2
- export { B as Button, a as ButtonProps, T as Tooltip, b as TooltipContent, c as TooltipContentProps, d as TooltipProps, e as TooltipProvider, f as TooltipTrigger, g as TooltipTriggerProps } from './tooltip-Bb0qqHZI.js';
1
+ export { a as Alert, b as AlertBanner, c as AlertBannerProps, d as AlertDescription, f as AlertProps, g as AlertProvider, i as AlertTitle, j as Avatar, k as AvatarFallback, l as AvatarFallbackProps, m as AvatarImage, n as AvatarImageProps, o as AvatarProps, C as Chip, p as ChipProps, q as CodeBlock, r as CodeBlockProps, D as DevIndicator, s as DevIndicatorProps, t as Dialog, u as DialogClose, v as DialogCloseProps, w as DialogContent, x as DialogContentProps, y as DialogDescription, z as DialogFooter, B as DialogHeader, E as DialogOverlay, F as DialogPortal, G as DialogProps, H as DialogTitle, I as DialogTrigger, J as DialogTriggerProps, K as EmptyState, L as EmptyStateProps, M as Icon, N as IconProps, O as List, P as ListItem, Q as ListItemProps, R as ListProps, T as Pagination, V as ProgressBar, W as ProgressBarProps, Y as Separator, Z as SeparatorProps, a0 as StatCard, a1 as StatCardDirection, a2 as StatCardProps, a3 as StatCardSize, a4 as StatCardTheme, a5 as StatCardVariant, a6 as StatusDot, a7 as StatusDotProps, a8 as Step, a9 as StepProgress, aa as StepProgressProps, ab as Switch, ac as SwitchProps, ad as Table, ae as TableActionCell, af as TableActionCellProps, ag as TableActionItem, ah as TableBody, ai as TableBodyProps, aj as TableCard, ak as TableCell, al as TableFooter, am as TableHead, an as TableHeader, ao as TableRow, ap as TableSortableHeader, aq as TableSortableHeaderProps, ar as TableToolbar, as as TableToolbarProps, at as Toggle, au as ToggleGroup, av as ToggleGroupProps, aw as ToggleProps, ax as TrendDirection, ay as persistAlert, az as statusDotVariants } from './index-CKq1dik_.js';
2
+ export { B as Button, a as ButtonProps, T as Tooltip, b as TooltipContent, c as TooltipContentProps, d as TooltipProps, e as TooltipProvider, f as TooltipTrigger, g as TooltipTriggerProps } from './tooltip-DYmc7-dg.js';
3
3
  import 'class-variance-authority';
4
4
  import 'react';
5
5
  import 'class-variance-authority/types';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kismet-ux/constellation",
3
- "version": "1.4.0",
3
+ "version": "1.5.0",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",
@@ -140,6 +140,7 @@
140
140
  "dev": "vite",
141
141
  "build": "rollup -c && npm run build:types",
142
142
  "build:types": "rollup -c rollup.config.dts.mjs",
143
+ "check:tokens": "node build/check-tokens.mjs",
143
144
  "preview": "vite build && vite preview",
144
145
  "format": "prettier --write src/ dev/",
145
146
  "format:check": "prettier --check src/ dev/",