@kismet-ux/constellation 1.0.1 → 1.2.0

package/dist/ui/Alert/alert.css

@@ -0,0 +1,295 @@
+.alert-module_alert-toast__E9qCv {
+  backdrop-filter: blur(3px);
+  border-radius: 0.5rem;
+  box-shadow: var(--shadow-elevation-10);
+  overflow: hidden;
+}
+
+.alert-module_alert__IMg3b {
+  align-items: flex-start;
+  background-color: var(--background-default);
+  border: 1px solid var(--divider);
+  border-radius: 0.5rem;
+  color: var(--text-primary);
+  display: flex;
+  font-size: 0.875rem;
+  gap: 0.75rem;
+  line-height: 1.25rem;
+  padding: 0.75rem 1rem;
+  position: relative;
+  width: 100%;
+}
+
+.alert-module_alert-icon__dWPma {
+  color: currentColor;
+  flex-shrink: 0;
+}
+.alert-module_alert-icon__dWPma svg {
+  height: 1rem;
+  transform: translateY(0.125rem);
+  width: 1rem;
+}
+
+.alert-module_alert-content__ehydq {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  gap: 0.125rem;
+  min-width: 0;
+}
+
+.alert-module_alert-action__0_q6P {
+  align-items: center;
+  align-self: center;
+  display: flex;
+  flex-shrink: 0;
+  gap: 0.5rem;
+}
+
+.alert-module_alert__IMg3b .alert-module_alert-close__khAm1 {
+  position: absolute;
+  right: 0.5rem;
+  top: 0.5rem;
+}
+
+.alert-module_alert--default__Qh5aq {
+  background-color: var(--background-default);
+  color: var(--text-primary);
+}
+
+.alert-module_alert--primary__-DftT {
+  --themed-main: var(--primary-main);
+  --themed-dark: var(--primary-dark);
+  --themed-emphasis: var(--primary-emphasis);
+  --themed-light: var(--primary-light);
+  --themed-contrast: var(--primary-contrast);
+  --themed-hover: var(--primary-hover);
+  --themed-focus: var(--primary-focus);
+  --themed-focus-visible: var(--primary-focus-visible);
+  --themed-outlined-border: var(--primary-outlined-border);
+  --themed-selected: var(--primary-selected);
+  background-color: color-mix(in srgb, var(--themed-focus) 50%, var(--background-default));
+  border-color: var(--themed-main);
+  color: var(--themed-emphasis);
+}
+.alert-module_alert--primary__-DftT [data-slot=alert-description] {
+  color: var(--text-primary);
+}
+
+.alert-module_alert--secondary__ClMM4 {
+  --themed-main: var(--secondary-main);
+  --themed-dark: var(--secondary-dark);
+  --themed-emphasis: var(--secondary-emphasis);
+  --themed-light: var(--secondary-light);
+  --themed-contrast: var(--secondary-contrast);
+  --themed-hover: var(--secondary-hover);
+  --themed-focus: var(--secondary-focus);
+  --themed-focus-visible: var(--secondary-focus-visible);
+  --themed-outlined-border: var(--secondary-outlined-border);
+  --themed-selected: var(--secondary-selected);
+  background-color: color-mix(in srgb, var(--themed-focus) 50%, var(--background-default));
+  border-color: var(--themed-main);
+  color: var(--themed-emphasis);
+}
+.alert-module_alert--secondary__ClMM4 [data-slot=alert-description] {
+  color: var(--text-primary);
+}
+
+.alert-module_alert--destructive__V8E8m {
+  --themed-main: var(--destructive-main);
+  --themed-dark: var(--destructive-dark);
+  --themed-emphasis: var(--destructive-emphasis);
+  --themed-light: var(--destructive-light);
+  --themed-contrast: var(--destructive-contrast);
+  --themed-hover: var(--destructive-hover);
+  --themed-focus: var(--destructive-focus);
+  --themed-focus-visible: var(--destructive-focus-visible);
+  --themed-outlined-border: var(--destructive-outlined-border);
+  --themed-selected: var(--destructive-selected);
+  background-color: color-mix(in srgb, var(--themed-focus) 50%, var(--background-default));
+  border-color: var(--themed-main);
+  color: var(--themed-emphasis);
+}
+.alert-module_alert--destructive__V8E8m [data-slot=alert-description] {
+  color: var(--text-primary);
+}
+
+.alert-module_alert--warning__IJ1ko {
+  --themed-main: var(--warning-main);
+  --themed-dark: var(--warning-dark);
+  --themed-emphasis: var(--warning-emphasis);
+  --themed-light: var(--warning-light);
+  --themed-contrast: var(--warning-contrast);
+  --themed-hover: var(--warning-hover);
+  --themed-focus: var(--warning-focus);
+  --themed-focus-visible: var(--warning-focus-visible);
+  --themed-outlined-border: var(--warning-outlined-border);
+  --themed-selected: var(--warning-selected);
+  background-color: color-mix(in srgb, var(--themed-focus) 50%, var(--background-default));
+  border-color: var(--themed-main);
+  color: var(--themed-emphasis);
+}
+.alert-module_alert--warning__IJ1ko [data-slot=alert-description] {
+  color: var(--text-primary);
+}
+
+.alert-module_alert--success__sJO5y {
+  --themed-main: var(--success-main);
+  --themed-dark: var(--success-dark);
+  --themed-emphasis: var(--success-emphasis);
+  --themed-light: var(--success-light);
+  --themed-contrast: var(--success-contrast);
+  --themed-hover: var(--success-hover);
+  --themed-focus: var(--success-focus);
+  --themed-focus-visible: var(--success-focus-visible);
+  --themed-outlined-border: var(--success-outlined-border);
+  --themed-selected: var(--success-selected);
+  background-color: color-mix(in srgb, var(--themed-focus) 50%, var(--background-default));
+  border-color: var(--themed-main);
+  color: var(--themed-emphasis);
+}
+.alert-module_alert--success__sJO5y [data-slot=alert-description] {
+  color: var(--text-primary);
+}
+
+.alert-module_alert--info__4OhRF {
+  --themed-main: var(--info-main);
+  --themed-dark: var(--info-dark);
+  --themed-emphasis: var(--info-emphasis);
+  --themed-light: var(--info-light);
+  --themed-contrast: var(--info-contrast);
+  --themed-hover: var(--info-hover);
+  --themed-focus: var(--info-focus);
+  --themed-focus-visible: var(--info-focus-visible);
+  --themed-outlined-border: var(--info-outlined-border);
+  --themed-selected: var(--info-selected);
+  background-color: color-mix(in srgb, var(--themed-focus) 50%, var(--background-default));
+  border-color: var(--themed-main);
+  color: var(--themed-emphasis);
+}
+.alert-module_alert--info__4OhRF [data-slot=alert-description] {
+  color: var(--text-primary);
+}
+
+.alert-module_alert--slate__DMg_C {
+  --themed-main: var(--slate-main);
+  --themed-dark: var(--slate-dark);
+  --themed-emphasis: var(--slate-emphasis);
+  --themed-light: var(--slate-light);
+  --themed-contrast: var(--slate-contrast);
+  --themed-hover: var(--slate-hover);
+  --themed-focus: var(--slate-focus);
+  --themed-focus-visible: var(--slate-focus-visible);
+  --themed-outlined-border: var(--slate-outlined-border);
+  --themed-selected: var(--slate-selected);
+  background-color: color-mix(in srgb, var(--themed-focus) 50%, var(--background-default));
+  border-color: var(--themed-main);
+  color: var(--themed-emphasis);
+}
+.alert-module_alert--slate__DMg_C [data-slot=alert-description] {
+  color: var(--text-primary);
+}
+
+.alert-module_alert-stack__COSzg {
+  bottom: var(--size-3);
+  display: flex;
+  flex-direction: column;
+  gap: var(--size-2);
+  left: var(--size-3);
+  pointer-events: none;
+  position: fixed;
+  width: min(360px, 90vw);
+  z-index: var(--z-toast);
+}
+
+.alert-module_alert-toast__E9qCv {
+  animation: alert-module_slideIn__MfcvV 300ms var(--easing-default) forwards;
+  pointer-events: auto;
+}
+.alert-module_alert-toast__E9qCv[data-visible=false] {
+  animation: alert-module_slideOut__Y2pMl 300ms var(--easing-default) forwards;
+}
+
+@keyframes alert-module_slideIn__MfcvV {
+  from {
+    opacity: 0;
+    transform: translateX(-25%) translateY(0);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0) translateY(0);
+  }
+}
+@keyframes alert-module_slideOut__Y2pMl {
+  from {
+    opacity: 1;
+    transform: translateX(0) translateY(0);
+  }
+  to {
+    filter: blur(2rem);
+    opacity: 0;
+    transform: scale(1.1);
+  }
+}
+.alert-module_alert-title__6VY9x {
+  -webkit-box-orient: vertical;
+  display: -webkit-box;
+  font-weight: 500;
+  letter-spacing: -0.01em;
+  -webkit-line-clamp: 1;
+  min-height: 1rem;
+  overflow: hidden;
+}
+
+.alert-module_alert-description__tpp_H {
+  color: var(--text-secondary);
+  display: grid;
+  font-size: 0.875rem;
+  gap: 0.25rem;
+  justify-items: flex-start;
+  line-height: 1.625;
+}
+.alert-module_alert-description__tpp_H p {
+  line-height: 1.625;
+}
+
+.alert-module_alert-banner__W__sC {
+  border-radius: 0;
+  border-width: 0 0 1px 0;
+}
+
+.dark .alert-module_alert--primary__-DftT {
+  background-color: color-mix(in srgb, var(--themed-focus) 20%, var(--background-default));
+  border-color: var(--themed-focus);
+  color: var(--primary-outlined-border);
+}
+.dark .alert-module_alert--secondary__ClMM4 {
+  background-color: color-mix(in srgb, var(--themed-focus) 20%, var(--background-default));
+  border-color: var(--themed-focus);
+  color: var(--secondary-outlined-border);
+}
+.dark .alert-module_alert--destructive__V8E8m {
+  background-color: color-mix(in srgb, var(--themed-focus) 20%, var(--background-default));
+  border-color: var(--themed-focus);
+  color: var(--destructive-outlined-border);
+}
+.dark .alert-module_alert--warning__IJ1ko {
+  background-color: color-mix(in srgb, var(--themed-focus) 20%, var(--background-default));
+  border-color: var(--themed-focus);
+  color: var(--warning-outlined-border);
+}
+.dark .alert-module_alert--success__sJO5y {
+  background-color: color-mix(in srgb, var(--themed-focus) 20%, var(--background-default));
+  border-color: var(--themed-focus);
+  color: var(--success-outlined-border);
+}
+.dark .alert-module_alert--info__4OhRF {
+  background-color: color-mix(in srgb, var(--themed-focus) 20%, var(--background-default));
+  border-color: var(--themed-focus);
+  color: var(--info-outlined-border);
+}
+.dark .alert-module_alert--slate__DMg_C {
+  background-color: color-mix(in srgb, var(--themed-focus) 20%, var(--background-default));
+  border-color: var(--themed-focus);
+  color: var(--slate-outlined-border);
+}

package/dist/ui/Alert/alert.module.scss.js

@@ -1,4 +1,6 @@
-var s = {"alert-toast":"alert-module_alert-toast__Km8Ri","alert":"alert-module_alert__g0h2d","alert-icon":"alert-module_alert-icon__HqSJL","alert-content":"alert-module_alert-content__y2qFi","alert-action":"alert-module_alert-action__3ciDi","alert-close":"alert-module_alert-close__GWMBG","alert--default":"alert-module_alert--default__BcR1C","alert--primary":"alert-module_alert--primary__FY9SX","alert--secondary":"alert-module_alert--secondary__v6maJ","alert--destructive":"alert-module_alert--destructive__Kq0B2","alert--warning":"alert-module_alert--warning__elo-z","alert--success":"alert-module_alert--success__PgWKj","alert--info":"alert-module_alert--info__S6Mg7","alert--slate":"alert-module_alert--slate__zLe-6","alert-stack":"alert-module_alert-stack__BR0gI","alert-title":"alert-module_alert-title__9CoRi","alert-description":"alert-module_alert-description__GyFhy","alert-banner":"alert-module_alert-banner__Sm9cB"};
+import './alert.css';
+
+var s = {"alert-toast":"alert-module_alert-toast__E9qCv","alert":"alert-module_alert__IMg3b","alert-icon":"alert-module_alert-icon__dWPma","alert-content":"alert-module_alert-content__ehydq","alert-action":"alert-module_alert-action__0_q6P","alert-close":"alert-module_alert-close__khAm1","alert--default":"alert-module_alert--default__Qh5aq","alert--primary":"alert-module_alert--primary__-DftT","alert--secondary":"alert-module_alert--secondary__ClMM4","alert--destructive":"alert-module_alert--destructive__V8E8m","alert--warning":"alert-module_alert--warning__IJ1ko","alert--success":"alert-module_alert--success__sJO5y","alert--info":"alert-module_alert--info__4OhRF","alert--slate":"alert-module_alert--slate__DMg_C","alert-stack":"alert-module_alert-stack__COSzg","alert-title":"alert-module_alert-title__6VY9x","alert-description":"alert-module_alert-description__tpp_H","alert-banner":"alert-module_alert-banner__W__sC"};
 
 export { s as default };
 //# sourceMappingURL=alert.module.scss.js.map

package/dist/ui/Alert/alert.module.scss.js.map

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

package/dist/ui/Avatar/avatar.css

@@ -0,0 +1,36 @@
+.avatar-module_avatar__O6FK7 {
+  aspect-ratio: 1/1;
+  border-radius: 9999px;
+  display: flex;
+  flex-basis: auto;
+  flex-grow: 0;
+  flex-shrink: 0;
+  height: 2rem;
+  max-height: 2rem;
+  max-width: 2rem;
+  min-height: 2rem;
+  min-width: 2rem;
+  overflow: hidden;
+  position: relative;
+  width: 2rem;
+}
+
+.avatar-module_avatar-image__7rTFY {
+  aspect-ratio: 1/1;
+  height: 100%;
+  object-fit: cover;
+  width: 100%;
+}
+.avatar-module_avatar-image--loading__P6s_j {
+  visibility: hidden;
+}
+
+.avatar-module_avatar-fallback__HTXM7 {
+  align-items: center;
+  background-color: var(--avatar-fallback);
+  border-radius: 9999px;
+  display: flex;
+  height: 100%;
+  justify-content: center;
+  width: 100%;
+}

package/dist/ui/Avatar/avatar.module.scss.js

@@ -1,4 +1,6 @@
-var s = {"avatar":"avatar-module_avatar__p5vGe","avatar-image":"avatar-module_avatar-image__yOGS6","avatar-image--loading":"avatar-module_avatar-image--loading__H77le","avatar-fallback":"avatar-module_avatar-fallback__fID1R"};
+import './avatar.css';
+
+var s = {"avatar":"avatar-module_avatar__O6FK7","avatar-image":"avatar-module_avatar-image__7rTFY","avatar-image--loading":"avatar-module_avatar-image--loading__P6s_j","avatar-fallback":"avatar-module_avatar-fallback__HTXM7"};
 
 export { s as default };
 //# sourceMappingURL=avatar.module.scss.js.map

package/dist/ui/Avatar/avatar.module.scss.js.map

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