@sinequa/galactik 2.7.0 → 2.8.0

package/fesm2022/sinequa-galactik.mjs

@@ -11634,8 +11634,8 @@ const selectWrapVariants = cva([
 	"[&_.select-trigger]:font-[family-name:var(--family-base,'Hanken_Grotesk'),sans-serif] [&_.select-trigger]:font-medium",
 	"[&_.select-trigger]:transition-[border-color,background-color] [&_.select-trigger]:duration-[120ms] [&_.select-trigger]:ease-[ease] motion-reduce:[&_.select-trigger]:transition-none",
 	"[&_.select-trigger:hover:not(:disabled):not([aria-expanded='true'])]:border-(--stroke-primary-hovered) [&_.select-trigger:hover:not(:disabled):not([aria-expanded='true'])]:bg-(--bg-primary-lighter)",
-	"[&_.select-trigger[aria-expanded='true']]:border-(--stroke-primary-pressed) [&_.select-trigger[aria-expanded='true']]:bg-(--bg-neutral-white) [&_.select-trigger[aria-expanded='true']]:shadow-[inset_0_0_0_1px_var(--stroke-primary-pressed)]",
-	"[&_.select-trigger:focus-visible]:outline-2 [&_.select-trigger:focus-visible]:outline-offset-0 [&_.select-trigger:focus-visible]:outline-(--stroke-focus)",
+	"[&_.select-trigger[aria-expanded='true']]:bg-(--bg-neutral-white) [&_.select-trigger[aria-expanded='true']]:outline-2 [&_.select-trigger[aria-expanded='true']]:-outline-offset-1 [&_.select-trigger[aria-expanded='true']]:outline-(--stroke-focus) [&_.select-trigger[aria-expanded='true']]:outline-solid",
+	"[&_.select-trigger:focus-visible]:outline-2 [&_.select-trigger:focus-visible]:-outline-offset-1 [&_.select-trigger:focus-visible]:outline-(--stroke-focus)",
 	"[&_.select-trigger:disabled]:pointer-events-none [&_.select-trigger:disabled]:cursor-not-allowed [&_.select-trigger:disabled]:border-(--stroke-neutral-disabled) [&_.select-trigger:disabled]:bg-(--bg-neutral-disabled) [&_.select-trigger:disabled]:text-(--font-neutral-muted)",
 	"[&_.select-trigger-label]:min-w-0 [&_.select-trigger-label]:flex-1 [&_.select-trigger-label]:overflow-hidden [&_.select-trigger-label]:text-ellipsis [&_.select-trigger-label]:whitespace-nowrap",
 	"[&_.select-placeholder]:text-(--font-primary-muted)",
@@ -11671,8 +11671,8 @@ const selectTriggerVariants = cva([
 	"font-[family-name:var(--family-base,'Hanken_Grotesk'),sans-serif] font-medium",
 	"transition-[border-color,background-color] duration-[120ms] ease-[ease] motion-reduce:transition-none",
 	"enabled:not-aria-expanded:hover:border-(--stroke-primary-hovered) enabled:not-aria-expanded:hover:bg-(--bg-primary-lighter)",
-	"aria-expanded:border-(--stroke-primary-pressed) aria-expanded:bg-(--bg-neutral-white) aria-expanded:shadow-[inset_0_0_0_1px_var(--stroke-primary-pressed)]",
-	"focus-visible:outline-2 focus-visible:outline-offset-0 focus-visible:outline-(--stroke-focus)",
+	"aria-expanded:bg-(--bg-neutral-white) aria-expanded:outline-2 aria-expanded:-outline-offset-1 aria-expanded:outline-(--stroke-focus) aria-expanded:outline-solid",
+	"focus-visible:outline-2 focus-visible:-outline-offset-1 focus-visible:outline-(--stroke-focus)",
 	"disabled:pointer-events-none disabled:cursor-not-allowed disabled:border-(--stroke-neutral-disabled) disabled:bg-(--bg-neutral-disabled) disabled:text-(--font-neutral-muted)"
 ], {
 	variants: {
@@ -12544,13 +12544,13 @@ const inputWrapVariants = cva([
 	"hover:not-has-disabled:not-has-[[readonly]]:not-has-focus:border-(--stroke-primary-hovered)",
 	"hover:not-has-disabled:not-has-[[readonly]]:not-has-focus:bg-(--bg-primary-lighter)",
 	"has-focus:not-has-disabled:not-has-[[readonly]]:bg-(--bg-neutral-white)",
-	"has-focus:not-has-disabled:not-has-[[readonly]]:outline-2 has-focus:not-has-disabled:not-has-[[readonly]]:outline-offset-0 has-focus:not-has-disabled:not-has-[[readonly]]:outline-(--stroke-focus) has-focus:not-has-disabled:not-has-[[readonly]]:outline-solid",
+	"has-focus:not-has-disabled:not-has-[[readonly]]:outline-2 has-focus:not-has-disabled:not-has-[[readonly]]:-outline-offset-1 has-focus:not-has-disabled:not-has-[[readonly]]:outline-(--stroke-focus) has-focus:not-has-disabled:not-has-[[readonly]]:outline-solid",
 	"has-disabled:cursor-not-allowed has-disabled:border-(--stroke-neutral-disabled) has-disabled:bg-(--bg-neutral-disabled)",
 	"has-disabled:[&_.input-control]:text-(--font-neutral-muted)",
 	"has-disabled:[&_.input-control]:cursor-not-allowed",
 	"has-disabled:[&_.input-icon-left]:text-(--font-neutral-muted) has-disabled:[&_.input-icon-right]:text-(--font-neutral-muted)",
 	"has-[[readonly]]:cursor-default has-[[readonly]]:border-transparent has-[[readonly]]:bg-transparent",
-	"has-focus:has-[[readonly]]:outline-2 has-focus:has-[[readonly]]:outline-offset-0 has-focus:has-[[readonly]]:outline-(--stroke-focus) has-focus:has-[[readonly]]:outline-solid",
+	"has-focus:has-[[readonly]]:outline-2 has-focus:has-[[readonly]]:-outline-offset-1 has-focus:has-[[readonly]]:outline-(--stroke-focus) has-focus:has-[[readonly]]:outline-solid",
 	"has-[[readonly]]:[&_.input-control]:cursor-default has-[[readonly]]:[&_.input-control]:text-(--font-primary-muted)",
 	"[&_.input-control]:min-w-0 [&_.input-control]:flex-1 [&_.input-control]:border-0 [&_.input-control]:bg-transparent",
 	"[&_.input-control]:p-0 [&_.input-control]:font-[family-name:var(--family-base,'Hanken_Grotesk'),sans-serif] [&_.input-control]:leading-[1.4] [&_.input-control]:text-(--font-primary-base)",
@@ -20405,7 +20405,7 @@ const textareaWrapVariants = cva([
 	"hover:not-has-disabled:not-has-[[readonly]]:not-has-focus:border-(--stroke-primary-hovered)",
 	"hover:not-has-disabled:not-has-[[readonly]]:not-has-focus:bg-(--bg-primary-lighter)",
 	"has-focus:not-has-disabled:not-has-[[readonly]]:bg-(--bg-neutral-white)",
-	"has-focus:not-has-disabled:not-has-[[readonly]]:outline-2 has-focus:not-has-disabled:not-has-[[readonly]]:outline-offset-0 has-focus:not-has-disabled:not-has-[[readonly]]:outline-(--bg-primary-hovered)",
+	"has-focus:not-has-disabled:not-has-[[readonly]]:outline-2 has-focus:not-has-disabled:not-has-[[readonly]]:-outline-offset-1 has-focus:not-has-disabled:not-has-[[readonly]]:outline-(--stroke-focus) has-focus:not-has-disabled:not-has-[[readonly]]:outline-solid",
 	"has-disabled:cursor-not-allowed has-disabled:border-(--stroke-neutral-disabled) has-disabled:bg-(--bg-neutral-disabled)",
 	"has-disabled:[&_.textarea-control]:text-(--font-neutral-muted)",
 	"has-disabled:[&_.textarea-control]:cursor-not-allowed",
@@ -21413,7 +21413,7 @@ const searchBarVariants = cva([
 	"hover:not-has-focus:not-has-disabled:bg-(--bg-primary-lighter)",
 	"hover:not-has-focus:not-has-disabled:border-(--stroke-primary-hovered)",
 	"has-focus:not-has-disabled:border-(--stroke-primary-pressed)",
-	"has-[:focus-visible]:outline-2 has-[:focus-visible]:outline-offset-2 has-[:focus-visible]:outline-(--stroke-focus) has-[:focus-visible]:outline-solid",
+	"has-[:focus-visible]:outline-2 has-[:focus-visible]:-outline-offset-1 has-[:focus-visible]:outline-(--stroke-focus) has-[:focus-visible]:outline-solid",
 	"has-disabled:pointer-events-none has-disabled:cursor-not-allowed has-disabled:border-(--stroke-neutral-disabled) has-disabled:bg-(--bg-neutral-base)",
 	"[&_.sb-icon]:inline-flex [&_.sb-icon]:shrink-0 [&_.sb-icon]:items-center [&_.sb-icon]:justify-center [&_.sb-icon]:leading-none [&_.sb-icon]:text-(--font-primary-muted)",
 	"has-disabled:[&_.sb-icon]:text-(--font-neutral-muted)",
@@ -22971,7 +22971,8 @@ const sheetVariants = cva([
 			md: "",
 			lg: "",
 			xl: "",
-			full: ""
+			full: "",
+			screen: ""
 		}
 	},
 	compoundVariants: [
@@ -22997,7 +22998,7 @@ const sheetVariants = cva([
 		},
 		{
 			side: ["left", "right"],
-			size: "full",
+			size: "screen",
 			class: "w-dvw"
 		},
 		{
@@ -23022,8 +23023,18 @@ const sheetVariants = cva([
 		},
 		{
 			side: ["top", "bottom"],
-			size: "full",
+			size: "screen",
 			class: "h-dvh"
+		},
+		{
+			side: [
+				"left",
+				"right",
+				"top",
+				"bottom"
+			],
+			size: "full",
+			class: "inset-(--spacing-md)! h-auto! max-h-none! w-auto! max-w-none! rounded-(--radius-lg)! border!"
 		}
 	],
 	defaultVariants: {
@@ -23862,7 +23873,7 @@ var SidebarComponent = class SidebarComponent {
 		ngImport: i0,
 		template: `
     @if (isMobile()) {
-      <!-- size="full" (w-dvw): a navigation drawer isn't a fixed-width reading panel — Sheet's own
+      <!-- size="screen" (w-dvw): a navigation drawer isn't a fixed-width reading panel — Sheet's own
            default ("md") is a fixed rem width that can exceed a narrow phone's viewport, pushing the
            far edge of the header (the in-panel collapse trigger, sidebarHeader) off-screen along with
            it. A drawer that covers the whole width never has an edge to push past.
@@ -23870,7 +23881,7 @@ var SidebarComponent = class SidebarComponent {
            Same surface as the desktop <aside> (sidebarVariants' own base classes) — a Sheet defaults
            to the page's own background (sheet.cva.ts), which read as a jarring surface swap for
            content that is otherwise identical, panel and mobile drawer alike. -->
-      <Sheet #mobileSheet [side]="side()" size="full" [ariaLabel]="ariaLabel()" class="bg-(--sidebar,var(--layer-page-layer)) text-(--sidebar-foreground,var(--layer-page-font))">
+      <Sheet #mobileSheet [side]="side()" size="screen" [ariaLabel]="ariaLabel()" class="bg-(--sidebar,var(--layer-page-layer)) text-(--sidebar-foreground,var(--layer-page-font))">
         <ng-container *ngTemplateOutlet="body" />
       </Sheet>
     } @else {
@@ -23946,7 +23957,7 @@ i0.ɵɵngDeclareClassMetadata({
 			host: { class: SIDEBAR_HOST_CLASS },
 			template: `
     @if (isMobile()) {
-      <!-- size="full" (w-dvw): a navigation drawer isn't a fixed-width reading panel — Sheet's own
+      <!-- size="screen" (w-dvw): a navigation drawer isn't a fixed-width reading panel — Sheet's own
            default ("md") is a fixed rem width that can exceed a narrow phone's viewport, pushing the
            far edge of the header (the in-panel collapse trigger, sidebarHeader) off-screen along with
            it. A drawer that covers the whole width never has an edge to push past.
@@ -23954,7 +23965,7 @@ i0.ɵɵngDeclareClassMetadata({
            Same surface as the desktop <aside> (sidebarVariants' own base classes) — a Sheet defaults
            to the page's own background (sheet.cva.ts), which read as a jarring surface swap for
            content that is otherwise identical, panel and mobile drawer alike. -->
-      <Sheet #mobileSheet [side]="side()" size="full" [ariaLabel]="ariaLabel()" class="bg-(--sidebar,var(--layer-page-layer)) text-(--sidebar-foreground,var(--layer-page-font))">
+      <Sheet #mobileSheet [side]="side()" size="screen" [ariaLabel]="ariaLabel()" class="bg-(--sidebar,var(--layer-page-layer)) text-(--sidebar-foreground,var(--layer-page-font))">
         <ng-container *ngTemplateOutlet="body" />
       </Sheet>
     } @else {