@kismet-ux/constellation 1.1.0 → 1.2.0

package/dist/ui/StatusDot/status-dot.js

@@ -0,0 +1,23 @@
+import { jsx } from 'react/jsx-runtime';
+import cn from 'clsx';
+import * as React from 'react';
+import { statusDotVariants } from './status-dot-variants.js';
+
+/**
+ * The dot that says what state a connection or process is in.
+ *
+ * Deliberately not a `Chip`: a chip is a bordered object that holds a word,
+ * where this is a single mark that usually sits *beside* one. Pairing it with
+ * text is the caller's job, which keeps the wording — and its translation —
+ * out of here.
+ *
+ * `glow` is for the state worth catching in peripheral vision (a save landing);
+ * `pulse` for one that is still in flight.
+ */
+const StatusDot = React.forwardRef(({ className, theme, size, glow, pulse, color, label, style, ...props }, ref) => {
+    return (jsx("span", { "data-slot": 'status-dot', ref: ref, role: label ? 'img' : undefined, "aria-label": label, "aria-hidden": label ? undefined : true, className: cn(statusDotVariants({ theme, size, glow, pulse }), className), style: color ? { ...style, '--dot-color': color } : style, ...props }));
+});
+StatusDot.displayName = 'StatusDot';
+
+export { StatusDot };
+//# sourceMappingURL=status-dot.js.map

package/dist/ui/StatusDot/status-dot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-dot.js","sources":["../../../src/ui/StatusDot/status-dot.tsx"],"sourcesContent":["import { type VariantProps } from 'class-variance-authority';\nimport cn from 'clsx';\nimport * as React from 'react';\nimport { statusDotVariants } from './status-dot-variants';\n\nexport interface StatusDotProps\n  extends\n    Omit<React.HTMLAttributes<HTMLSpanElement>, 'color'>,\n    VariantProps<typeof statusDotVariants> {\n  /** A colour outside the theme scale. */\n  color?: string;\n  /** Accessible name. Omit only when adjacent text already says the state. */\n  label?: string;\n}\n\n/**\n * The dot that says what state a connection or process is in.\n *\n * Deliberately not a `Chip`: a chip is a bordered object that holds a word,\n * where this is a single mark that usually sits *beside* one. Pairing it with\n * text is the caller's job, which keeps the wording — and its translation —\n * out of here.\n *\n * `glow` is for the state worth catching in peripheral vision (a save landing);\n * `pulse` for one that is still in flight.\n */\nconst StatusDot = React.forwardRef<HTMLSpanElement, StatusDotProps>(\n  ({ className, theme, size, glow, pulse, color, label, style, ...props }, ref) => {\n    return (\n      <span\n        data-slot={'status-dot'}\n        ref={ref}\n        role={label ? 'img' : undefined}\n        aria-label={label}\n        aria-hidden={label ? undefined : true}\n        className={cn(statusDotVariants({ theme, size, glow, pulse }), className)}\n        style={color ? ({ ...style, '--dot-color': color } as React.CSSProperties) : style}\n        {...props}\n      />\n    );\n  },\n);\nStatusDot.displayName = 'StatusDot';\n\nexport { StatusDot };\n"],"names":["_jsx"],"mappings":";;;;;AAeA;;;;;;;;;;AAUG;AACH,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,KAAI;AAC9E,IAAA,QACEA,GAAA,CAAA,MAAA,EAAA,EAAA,WAAA,EACa,YAAY,EACvB,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,KAAK,GAAG,KAAK,GAAG,SAAS,gBACnB,KAAK,EAAA,aAAA,EACJ,KAAK,GAAG,SAAS,GAAG,IAAI,EACrC,SAAS,EAAE,EAAE,CAAC,iBAAiB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,SAAS,CAAC,EACzE,KAAK,EAAE,KAAK,GAAI,EAAE,GAAG,KAAK,EAAE,aAAa,EAAE,KAAK,EAA0B,GAAG,KAAK,EAAA,GAC9E,KAAK,EAAA,CACT;AAEN,CAAC;AAEH,SAAS,CAAC,WAAW,GAAG,WAAW;;"}

package/dist/ui/StatusDot/status-dot.module.scss.js

@@ -0,0 +1,6 @@
+import './status-dot.css';
+
+var s = {"status-dot":"status-dot-module_status-dot__MoSd6","status-dot--primary":"status-dot-module_status-dot--primary__DoTcY","status-dot--secondary":"status-dot-module_status-dot--secondary__pnRMx","status-dot--destructive":"status-dot-module_status-dot--destructive__z-jPU","status-dot--warning":"status-dot-module_status-dot--warning__ZFtBS","status-dot--success":"status-dot-module_status-dot--success__cYB5i","status-dot--info":"status-dot-module_status-dot--info__sAXNn","status-dot--slate":"status-dot-module_status-dot--slate__bapda","status-dot--inherit":"status-dot-module_status-dot--inherit__6o2O9","status-dot--sm":"status-dot-module_status-dot--sm__lPs5V","status-dot--md":"status-dot-module_status-dot--md__CELtX","status-dot--lg":"status-dot-module_status-dot--lg__7M2z0","status-dot--glow":"status-dot-module_status-dot--glow__Tbf-5","status-dot--pulse":"status-dot-module_status-dot--pulse__Vw5aP"};
+
+export { s as default };
+//# sourceMappingURL=status-dot.module.scss.js.map

package/dist/ui/StatusDot/status-dot.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-dot.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/ui/index.d.ts

@@ -12,6 +12,7 @@ export * from './Pagination';
 export * from './ProgressBar';
 export * from './Separator';
 export * from './StatCard';
+export * from './StatusDot';
 export * from './StepProgress';
 export * from './Switch';
 export * from './Table';

package/dist/ui/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC"}

package/dist/ui.d.ts

@@ -1,5 +1,5 @@
-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 Step, a7 as StepProgress, a8 as StepProgressProps, a9 as Switch, aa as SwitchProps, ab as Table, ac as TableActionCell, ad as TableActionCellProps, ae as TableActionItem, af as TableBody, ag as TableBodyProps, ah as TableCard, ai as TableCell, aj as TableFooter, ak as TableHead, al as TableHeader, am as TableRow, an as TableSortableHeader, ao as TableSortableHeaderProps, ap as TableToolbar, aq as TableToolbarProps, ar as Toggle, as as ToggleGroup, at as ToggleGroupProps, au as ToggleProps, av as TrendDirection, aw as persistAlert } from './index-BeCWb0Ix.js';
-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-zOT3UHCF.js';
+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-DMy7AzMN.js';
+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-DoCbTucr.js';
 import 'class-variance-authority';
 import 'react';
 import 'class-variance-authority/types';

package/dist/ui.js

@@ -14,6 +14,8 @@ export { Pagination } from './ui/Pagination/pagination.js';
 export { ProgressBar } from './ui/ProgressBar/progress-bar.js';
 export { Separator } from './ui/Separator/separator.js';
 export { StatCard } from './ui/StatCard/stat-card.js';
+export { StatusDot } from './ui/StatusDot/status-dot.js';
+export { statusDotVariants } from './ui/StatusDot/status-dot-variants.js';
 export { StepProgress } from './ui/StepProgress/step-progress.js';
 export { Switch } from './ui/Switch/switch.js';
 export { Table, TableBody, TableCard, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableSortableHeader } from './ui/Table/table.js';

package/dist/ui.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ui.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kismet-ux/constellation",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",