@kismet-ux/constellation 1.0.1 → 1.2.0

package/dist/ui/ToggleGroup/toggle-group.module.scss.js

@@ -1,4 +1,6 @@
-var s = {"toggle-group":"toggle-group-module_toggle-group__WWtdM"};
+import './toggle-group.css';
+
+var s = {"toggle-group":"toggle-group-module_toggle-group__WjHL8"};
 
 export { s as default };
 //# sourceMappingURL=toggle-group.module.scss.js.map

package/dist/ui/ToggleGroup/toggle-group.module.scss.js.map

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

package/dist/ui/Tooltip/tooltip.css

@@ -0,0 +1,93 @@
+@keyframes tooltip-module_tooltipIn__jaoS6 {
+  from {
+    opacity: 0;
+    transform: translate(var(--tooltip-translate-x, 0), var(--tooltip-translate-y, 0)) scale(0.95);
+  }
+  to {
+    opacity: 1;
+    transform: translate(0, 0) scale(1);
+  }
+}
+@keyframes tooltip-module_tooltipOut__IQTYO {
+  from {
+    opacity: 1;
+    transform: translate(0, 0) scale(1);
+  }
+  to {
+    opacity: 0;
+    transform: translate(var(--tooltip-translate-x, 0), var(--tooltip-translate-y, 0)) scale(0.95);
+  }
+}
+.tooltip-module_tooltip-content__rJk9T {
+  background-color: var(--primary-dark);
+  border-radius: 0.375rem;
+  color: var(--primary-contrast);
+  font-size: 0.75rem;
+  max-width: 24rem;
+  opacity: 0;
+  padding: 0.375rem 0.75rem;
+  position: relative;
+  transform: translate(var(--tooltip-translate-x, 0), var(--tooltip-translate-y, 0)) scale(0.96);
+  transition: opacity 140ms ease, transform 140ms ease;
+  will-change: opacity, transform;
+  z-index: var(--z-tooltip);
+  --tooltip-translate-x: 0;
+  --tooltip-translate-y: 0;
+}
+
+.tooltip-module_tooltip-content__rJk9T[data-state=open],
+.tooltip-module_tooltip-content__rJk9T[data-state=delayed-open] {
+  animation: tooltip-module_tooltipIn__jaoS6 150ms ease forwards;
+}
+
+.tooltip-module_tooltip-content__rJk9T[data-state=closed] {
+  animation: tooltip-module_tooltipOut__IQTYO 120ms ease forwards;
+}
+
+.tooltip-module_tooltip-content__rJk9T[data-side=top] {
+  --tooltip-translate-y: 0.5rem;
+}
+
+.tooltip-module_tooltip-content__rJk9T[data-side=bottom] {
+  --tooltip-translate-y: -0.5rem;
+}
+
+.tooltip-module_tooltip-content__rJk9T[data-side=left] {
+  --tooltip-translate-x: 0.5rem;
+}
+
+.tooltip-module_tooltip-content__rJk9T[data-side=right] {
+  --tooltip-translate-x: -0.5rem;
+}
+
+.tooltip-module_tooltip-arrow__Gfad1 {
+  background-color: var(--primary-dark);
+  border-radius: 1px;
+  height: 0.5rem;
+  left: 50%;
+  position: absolute;
+  transform: translateX(-50%) rotate(45deg);
+  width: 0.5rem;
+  z-index: -1;
+}
+
+.tooltip-module_tooltip-content__rJk9T[data-side=top] .tooltip-module_tooltip-arrow__Gfad1 {
+  bottom: -0.25rem;
+}
+
+.tooltip-module_tooltip-content__rJk9T[data-side=bottom] .tooltip-module_tooltip-arrow__Gfad1 {
+  top: -0.25rem;
+}
+
+.tooltip-module_tooltip-content__rJk9T[data-side=left] .tooltip-module_tooltip-arrow__Gfad1 {
+  left: auto;
+  right: -0.25rem;
+  top: 50%;
+  transform: translateY(-50%) rotate(45deg);
+}
+
+.tooltip-module_tooltip-content__rJk9T[data-side=right] .tooltip-module_tooltip-arrow__Gfad1 {
+  left: -0.25rem;
+  top: 50%;
+  transform: translateY(-50%) rotate(45deg);
+}

package/dist/ui/Tooltip/tooltip.module.scss.js

@@ -1,4 +1,6 @@
-var s = {"tooltip-content":"tooltip-module_tooltip-content__JzTsW","tooltip-arrow":"tooltip-module_tooltip-arrow__O51rZ"};
+import './tooltip.css';
+
+var s = {"tooltip-content":"tooltip-module_tooltip-content__rJk9T","tooltip-arrow":"tooltip-module_tooltip-arrow__Gfad1"};
 
 export { s as default };
 //# sourceMappingURL=tooltip.module.scss.js.map

package/dist/ui/Tooltip/tooltip.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"tooltip.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-DECPicJT.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-XagXjWLB.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/dist/user/UserInfo/user-info.css

@@ -0,0 +1,29 @@
+.user-info-module_user-avatar__yTulD {
+  border-radius: 999px;
+  height: 2rem;
+  overflow: hidden;
+  width: 2rem;
+}
+
+.user-info-module_info-text__5B0Rq {
+  display: grid;
+  flex: 1;
+  font-size: 0.875rem;
+  line-height: 1.4;
+  text-align: left;
+}
+
+.user-info-module_name__LTLKZ {
+  font-weight: 500;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.user-info-module_email__LF4it {
+  color: var(--text-secondary);
+  font-size: 0.75rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}

package/dist/user/UserInfo/user-info.module.scss.js

@@ -1,4 +1,6 @@
-var s = {"user-avatar":"user-info-module_user-avatar__hGn2F","info-text":"user-info-module_info-text__-d4wT","name":"user-info-module_name__yEBje","email":"user-info-module_email__ophcI"};
+import './user-info.css';
+
+var s = {"user-avatar":"user-info-module_user-avatar__yTulD","info-text":"user-info-module_info-text__5B0Rq","name":"user-info-module_name__LTLKZ","email":"user-info-module_email__LF4it"};
 
 export { s as default };
 //# sourceMappingURL=user-info.module.scss.js.map

package/dist/user/UserInfo/user-info.module.scss.js.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kismet-ux/constellation",
-  "version": "1.0.1",
+  "version": "1.2.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -17,7 +17,8 @@
   ],
   "sideEffects": [
     "**/*.css",
-    "**/*.scss"
+    "**/*.scss",
+    "**/*.module.scss.js"
   ],
   "exports": {
     "./package.json": "./package.json",