orbiq-neural-ui-kit 1.2.77 → 1.2.78

package/fesm2022/orbiq-neural-ui-kit.mjs

@@ -16100,19 +16100,19 @@ class NeuralAuthShellComponent {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: NeuralAuthShellComponent, isStandalone: true, selector: "neural-auth-shell", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitlePrefix: { classPropertyName: "subtitlePrefix", publicName: "subtitlePrefix", isSignal: true, isRequired: false, transformFunction: null }, subtitleLinkText: { classPropertyName: "subtitleLinkText", publicName: "subtitleLinkText", isSignal: true, isRequired: false, transformFunction: null }, subtitleLinkHref: { classPropertyName: "subtitleLinkHref", publicName: "subtitleLinkHref", isSignal: true, isRequired: false, transformFunction: null }, logoIcon: { classPropertyName: "logoIcon", publicName: "logoIcon", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     <div data-slot="auth-shell" class="min-h-screen flex bg-surface-base font-sans">
       <!-- Branding / Image Side (Left) -->
-      <div class="hidden lg:flex lg:w-1/2 xl:w-7/12 relative bg-surface-gray-2 dark:bg-surface-gray-8 items-center justify-center overflow-hidden">
-        <div class="absolute inset-0 bg-gradient-to-br from-primary/10 to-primary/5 dark:from-primary/20 dark:to-primary/5"></div>
+      <div class="hidden lg:flex lg:w-1/2 xl:w-7/12 relative bg-gray-900 items-center justify-center overflow-hidden">
+        <div class="absolute inset-0 bg-gradient-to-br from-primary/20 to-primary/5"></div>
         <div class="relative z-10 p-12 text-center flex flex-col items-center max-w-lg">
           @if (logoIcon()) {
-            <div class="size-16 mb-8 flex items-center justify-center rounded-2xl bg-white/50 dark:bg-black/20 backdrop-blur-md shadow-sm border border-white/40 dark:border-white/10">
-              <neural-icon [name]="logoIcon()" class="size-8 text-ink-base"></neural-icon>
+            <div class="size-16 mb-8 flex items-center justify-center rounded-2xl bg-white/10 backdrop-blur-md shadow-sm border border-white/10">
+              <neural-icon [name]="logoIcon()" class="text-[32px] text-white"></neural-icon>
             </div>
           }
-          <h1 class="text-4xl font-bold tracking-tight text-ink-base mb-4">{{ title() }}</h1>
-          <p class="text-lg text-ink-muted">
+          <h1 class="text-4xl font-bold tracking-tight text-white mb-4">{{ title() }}</h1>
+          <p class="text-lg text-gray-300">
             {{ subtitlePrefix() }}
             @if (subtitleLinkText() && subtitleLinkHref()) {
-              <a [href]="subtitleLinkHref()" class="font-semibold text-primary hover:text-primary-dark transition-colors">{{ subtitleLinkText() }}</a>
+              <a [href]="subtitleLinkHref()" class="font-semibold text-white hover:text-gray-200 transition-colors">{{ subtitleLinkText() }}</a>
             }
           </p>
         </div>
@@ -16125,14 +16125,14 @@ class NeuralAuthShellComponent {
           <div class="mb-8 flex flex-col items-start">
             @if (logoIcon()) {
               <div class="size-12 mb-6 flex items-center justify-center rounded-lg bg-gray-900 dark:bg-black shadow-sm">
-                <neural-icon [name]="logoIcon()" class="size-6 text-white"></neural-icon>
+                <neural-icon [name]="logoIcon()" class="text-[24px] text-white"></neural-icon>
               </div>
             }
-            <h2 class="text-[28px] leading-tight font-bold tracking-tight text-ink-base mb-2">{{ title() }}</h2>
-            <p class="text-base text-ink-muted">
+            <h2 class="text-[28px] leading-tight font-bold tracking-tight text-ink-gray-9 dark:text-white mb-2">{{ title() }}</h2>
+            <p class="text-base text-ink-gray-6 dark:text-gray-400">
               {{ subtitlePrefix() }}
               @if (subtitleLinkText() && subtitleLinkHref()) {
-                <a [href]="subtitleLinkHref()" class="font-medium text-ink-base hover:underline transition-colors">{{ subtitleLinkText() }}</a>
+                <a [href]="subtitleLinkHref()" class="font-medium text-ink-gray-9 dark:text-white hover:underline transition-colors">{{ subtitleLinkText() }}</a>
               }
             </p>
           </div>
@@ -16153,19 +16153,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
                     template: `
     <div data-slot="auth-shell" class="min-h-screen flex bg-surface-base font-sans">
       <!-- Branding / Image Side (Left) -->
-      <div class="hidden lg:flex lg:w-1/2 xl:w-7/12 relative bg-surface-gray-2 dark:bg-surface-gray-8 items-center justify-center overflow-hidden">
-        <div class="absolute inset-0 bg-gradient-to-br from-primary/10 to-primary/5 dark:from-primary/20 dark:to-primary/5"></div>
+      <div class="hidden lg:flex lg:w-1/2 xl:w-7/12 relative bg-gray-900 items-center justify-center overflow-hidden">
+        <div class="absolute inset-0 bg-gradient-to-br from-primary/20 to-primary/5"></div>
         <div class="relative z-10 p-12 text-center flex flex-col items-center max-w-lg">
           @if (logoIcon()) {
-            <div class="size-16 mb-8 flex items-center justify-center rounded-2xl bg-white/50 dark:bg-black/20 backdrop-blur-md shadow-sm border border-white/40 dark:border-white/10">
-              <neural-icon [name]="logoIcon()" class="size-8 text-ink-base"></neural-icon>
+            <div class="size-16 mb-8 flex items-center justify-center rounded-2xl bg-white/10 backdrop-blur-md shadow-sm border border-white/10">
+              <neural-icon [name]="logoIcon()" class="text-[32px] text-white"></neural-icon>
             </div>
           }
-          <h1 class="text-4xl font-bold tracking-tight text-ink-base mb-4">{{ title() }}</h1>
-          <p class="text-lg text-ink-muted">
+          <h1 class="text-4xl font-bold tracking-tight text-white mb-4">{{ title() }}</h1>
+          <p class="text-lg text-gray-300">
             {{ subtitlePrefix() }}
             @if (subtitleLinkText() && subtitleLinkHref()) {
-              <a [href]="subtitleLinkHref()" class="font-semibold text-primary hover:text-primary-dark transition-colors">{{ subtitleLinkText() }}</a>
+              <a [href]="subtitleLinkHref()" class="font-semibold text-white hover:text-gray-200 transition-colors">{{ subtitleLinkText() }}</a>
             }
           </p>
         </div>
@@ -16178,14 +16178,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
           <div class="mb-8 flex flex-col items-start">
             @if (logoIcon()) {
               <div class="size-12 mb-6 flex items-center justify-center rounded-lg bg-gray-900 dark:bg-black shadow-sm">
-                <neural-icon [name]="logoIcon()" class="size-6 text-white"></neural-icon>
+                <neural-icon [name]="logoIcon()" class="text-[24px] text-white"></neural-icon>
               </div>
             }
-            <h2 class="text-[28px] leading-tight font-bold tracking-tight text-ink-base mb-2">{{ title() }}</h2>
-            <p class="text-base text-ink-muted">
+            <h2 class="text-[28px] leading-tight font-bold tracking-tight text-ink-gray-9 dark:text-white mb-2">{{ title() }}</h2>
+            <p class="text-base text-ink-gray-6 dark:text-gray-400">
               {{ subtitlePrefix() }}
               @if (subtitleLinkText() && subtitleLinkHref()) {
-                <a [href]="subtitleLinkHref()" class="font-medium text-ink-base hover:underline transition-colors">{{ subtitleLinkText() }}</a>
+                <a [href]="subtitleLinkHref()" class="font-medium text-ink-gray-9 dark:text-white hover:underline transition-colors">{{ subtitleLinkText() }}</a>
               }
             </p>
           </div>