@cognite/aura 0.1.6 → 0.2.0

package/dist/lib/utils.d.ts

@@ -26,6 +26,17 @@ export declare const focusState: "focus-visible:shadow-focus-ring focus-visible:
 export declare const invalidState: "aria-invalid:border-destructive-foreground aria-invalid:shadow-focus-ring-destructive aria-invalid:border-transparent aria-invalid:text-foreground aria-invalid:focus-visible:shadow-focus-ring aria-invalid:focus-visible:bg-background aria-invalid:focus-visible:border-transparent aria-invalid:focus-visible:text-foreground outline-none";
 export declare const disabledState: "disabled:bg-disabled-background disabled:border-transparent disabled:text-disabled-foreground disabled:placeholder:text-disabled-foreground disabled:pointer-events-none disabled:cursor-not-allowed";
 export declare const readOnlyState: "read-only:border-transparent read-only:text-muted-foreground read-only:cursor-default read-only:hover:border-transparent read-only:focus-visible:shadow-none read-only:focus-visible:border-transparent read-only:focus-visible:bg-muted-background [&:read-only:not(:placeholder-shown)]:text-muted-foreground";
+/**
+ * Reusable styles for selection-control rows (radio group items, checkbox items, etc.).
+ * These provide the shared layout, card variant, label, and description classes
+ * without baking in a parent group name (ancestor `group-has-[...]/<name>` selectors
+ * must stay inline in each consumer so they reference that component's own `group/<name>`).
+ */
+export declare const selectionItemBase: "grid max-w-150 cursor-pointer grid-cols-[auto_1fr] items-start gap-x-2 gap-y-1 has-[[data-disabled]]:cursor-not-allowed";
+export declare const selectionItemDefault: "min-h-9 py-2";
+export declare const selectionItemCard: string;
+export declare const selectionItemLabel: "col-start-2 text-sm font-medium leading-4.5 tracking-normal text-secondary-foreground dark:text-secondary-foreground";
+export declare const selectionItemDescription: "col-start-2 text-xs font-normal leading-3.5 tracking-tightest text-muted-foreground";
 export declare function slugToPascalCase(slug: string): string;
 /**
  * Safely extracts hostname from a URL string.

package/dist/lib/utils.js

@@ -1,12 +1,12 @@
 import { clsx as u } from "clsx";
 import { codeToHtml as i } from "shiki";
-import { twMerge as f } from "tailwind-merge";
+import { twMerge as b } from "tailwind-merge";
 import d from "./style-scope.js";
 let s = null, l = !1;
-function y(...e) {
-  return f(u(e));
+function f(...e) {
+  return b(u(e));
 }
-const w = typeof window < "u" && window.__STORYBOOK_TEST__ === !0, b = {
+const w = typeof window < "u" && window.__STORYBOOK_TEST__ === !0, g = {
   name: "strip-pre-styles",
   pre(e) {
     e.properties.style = void 0;
@@ -32,37 +32,43 @@ const w = typeof window < "u" && window.__STORYBOOK_TEST__ === !0, b = {
   }
 };
 async function x(e, t, r = !1) {
-  const n = [
-    b,
+  const o = [
+    g,
     ...r ? [p] : []
   ];
   return await Promise.all([
     i(e, {
       lang: t,
       theme: "one-light",
-      transformers: n
+      transformers: o
     }),
     i(e, {
       lang: t,
       theme: "one-dark-pro",
-      transformers: n
+      transformers: o
     })
   ]);
 }
-function C(e) {
+function k(e) {
   const t = e.trim().split(/\s+/);
   if (t.length === 0 || !t[0])
     return "";
   if (t.length === 1)
     return t[0].slice(0, 2).toUpperCase();
-  const r = t[0].charAt(0).toUpperCase(), n = t[t.length - 1].charAt(0).toUpperCase();
-  return r + n;
+  const r = t[0].charAt(0).toUpperCase(), o = t[t.length - 1].charAt(0).toUpperCase();
+  return r + o;
 }
-const k = "focus-visible:shadow-focus-ring outline-none", S = "focus-visible:shadow-focus-ring-destructive outline-none", P = "border border-transparent rounded-lg bg-muted-background py-2 pl-2 pr-1 text-sm leading-5 tracking-tight text-muted-foreground placeholder:text-muted-foreground", T = "hover:bg-accent-background hover:border hover:border-border-emphasized", I = "[&:not(:placeholder-shown):not(:focus)]:bg-muted-background [&:not(:placeholder-shown)]:text-foreground", O = "focus-visible:shadow-focus-ring focus-visible:bg-background focus-visible:border-transparent focus-visible:text-foreground outline-none", N = "aria-invalid:border-destructive-foreground aria-invalid:shadow-focus-ring-destructive aria-invalid:border-transparent aria-invalid:text-foreground aria-invalid:focus-visible:shadow-focus-ring aria-invalid:focus-visible:bg-background aria-invalid:focus-visible:border-transparent aria-invalid:focus-visible:text-foreground outline-none", U = "disabled:bg-disabled-background disabled:border-transparent disabled:text-disabled-foreground disabled:placeholder:text-disabled-foreground disabled:pointer-events-none disabled:cursor-not-allowed", E = "read-only:border-transparent read-only:text-muted-foreground read-only:cursor-default read-only:hover:border-transparent read-only:focus-visible:shadow-none read-only:focus-visible:border-transparent read-only:focus-visible:bg-muted-background [&:read-only:not(:placeholder-shown)]:text-muted-foreground";
-function _(e) {
+const C = "focus-visible:shadow-focus-ring outline-none", S = "focus-visible:shadow-focus-ring-destructive outline-none", I = "border border-transparent rounded-lg bg-muted-background py-2 pl-2 pr-1 text-sm leading-5 tracking-tight text-muted-foreground placeholder:text-muted-foreground", P = "hover:bg-accent-background hover:border hover:border-border-emphasized", T = "[&:not(:placeholder-shown):not(:focus)]:bg-muted-background [&:not(:placeholder-shown)]:text-foreground", O = "focus-visible:shadow-focus-ring focus-visible:bg-background focus-visible:border-transparent focus-visible:text-foreground outline-none", N = "aria-invalid:border-destructive-foreground aria-invalid:shadow-focus-ring-destructive aria-invalid:border-transparent aria-invalid:text-foreground aria-invalid:focus-visible:shadow-focus-ring aria-invalid:focus-visible:bg-background aria-invalid:focus-visible:border-transparent aria-invalid:focus-visible:text-foreground outline-none", U = "disabled:bg-disabled-background disabled:border-transparent disabled:text-disabled-foreground disabled:placeholder:text-disabled-foreground disabled:pointer-events-none disabled:cursor-not-allowed", _ = "read-only:border-transparent read-only:text-muted-foreground read-only:cursor-default read-only:hover:border-transparent read-only:focus-visible:shadow-none read-only:focus-visible:border-transparent read-only:focus-visible:bg-muted-background [&:read-only:not(:placeholder-shown)]:text-muted-foreground", B = "grid max-w-150 cursor-pointer grid-cols-[auto_1fr] items-start gap-x-2 gap-y-1 has-[[data-disabled]]:cursor-not-allowed", E = "min-h-9 py-2", z = f(
+  "w-64 rounded-md border border-transparent p-3 bg-card-background",
+  "has-[[data-checked]]:bg-active-muted-background",
+  "hover:border-border-emphasized hover:bg-accent-background",
+  "has-[[data-disabled]]:border-border has-[[data-disabled]]:bg-transparent",
+  "has-[[data-disabled]]:hover:border-border has-[[data-disabled]]:hover:bg-transparent"
+), A = "col-start-2 text-sm font-medium leading-4.5 tracking-normal text-secondary-foreground dark:text-secondary-foreground", R = "col-start-2 text-xs font-normal leading-3.5 tracking-tightest text-muted-foreground";
+function j(e) {
   return e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join("");
 }
-function A(e) {
+function D(e) {
   if (!e) return "unknown";
   try {
     return new URL(e).hostname;
@@ -70,9 +76,9 @@ function A(e) {
     return e;
   }
 }
-const B = (e) => {
-  const t = !!(e && Object.keys(e).length > 0), r = e?.id ?? d.portalContainer, n = e?.className ?? d.styleScope, c = (a) => {
-    a.id = r, a.className = n, a.style.position = e?.style?.position ?? "fixed", a.style.zIndex = e?.style?.zIndex ?? "1000", e?.style && Object.assign(a.style, e.style);
+const H = (e) => {
+  const t = !!(e && Object.keys(e).length > 0), r = e?.id ?? d.portalContainer, o = e?.className ?? d.styleScope, c = (a) => {
+    a.id = r, a.className = o, a.style.position = e?.style?.position ?? "fixed", a.style.zIndex = e?.style?.zIndex ?? "1000", e?.style && Object.assign(a.style, e.style);
   };
   if (s)
     return t && console.warn(
@@ -83,24 +89,29 @@ const B = (e) => {
   t && !l && (console.warn(
     "Custom portal container props can lead to unintended behavior. Use with caution."
   ), l = !0);
-  let o = document?.getElementById(r);
-  return o || (o = document.createElement("div"), document.body.appendChild(o)), c(o), s = o, o;
+  let n = document?.getElementById(r);
+  return n || (n = document.createElement("div"), document.body.appendChild(n)), c(n), s = n, n;
 };
 export {
-  y as cn,
+  f as cn,
   U as disabledState,
-  I as filledState,
-  k as focusRing,
+  T as filledState,
+  C as focusRing,
   S as focusRingDestructive,
   O as focusState,
-  P as formElementBase,
-  A as getHostname,
-  C as getInitials,
-  B as getPortalContainer,
+  I as formElementBase,
+  D as getHostname,
+  k as getInitials,
+  H as getPortalContainer,
   x as highlightCode,
-  T as hoverState,
+  P as hoverState,
   N as invalidState,
   w as isStorybookTestEnv,
-  E as readOnlyState,
-  _ as slugToPascalCase
+  _ as readOnlyState,
+  B as selectionItemBase,
+  z as selectionItemCard,
+  E as selectionItemDefault,
+  R as selectionItemDescription,
+  A as selectionItemLabel,
+  j as slugToPascalCase
 };