orbiq-neural-ui-kit 1.2.75 → 1.2.77

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/fesm2022/orbiq-neural-ui-kit.mjs +18 -22
  2. package/fesm2022/orbiq-neural-ui-kit.mjs.map +1 -1
  3. package/package.json +1 -1
package/fesm2022/orbiq-neural-ui-kit.mjs CHANGED
@@ -16101,9 +16101,7 @@ class NeuralAuthShellComponent {
16101
16101
  <div data-slot="auth-shell" class="min-h-screen flex bg-surface-base font-sans">
16102
16102
  <!-- Branding / Image Side (Left) -->
16103
16103
  <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">
16104
- <!-- Dynamic Background Gradient -->
16105
16104
  <div class="absolute inset-0 bg-gradient-to-br from-primary/10 to-primary/5 dark:from-primary/20 dark:to-primary/5"></div>
16106
-
16107
16105
  <div class="relative z-10 p-12 text-center flex flex-col items-center max-w-lg">
16108
16106
  @if (logoIcon()) {
16109
16107
  <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">
@@ -16121,20 +16119,20 @@ class NeuralAuthShellComponent {
16121
16119
  </div>
16122
16120
 
16123
16121
  <!-- Form Side (Right) -->
16124
- <div class="flex-1 flex flex-col justify-center py-12 px-4 sm:px-6 lg:px-20 xl:px-24 bg-surface-base lg:border-l border-outline-base shadow-2xl relative z-20">
16125
- <div class="mx-auto w-full max-w-sm lg:max-w-md">
16126
- <!-- Mobile Header (Visible only on small screens) -->
16127
- <div class="lg:hidden text-center mb-10 flex flex-col items-center">
16122
+ <div class="flex-1 flex flex-col justify-center py-12 px-4 sm:px-6 lg:px-20 xl:px-24 bg-white dark:bg-surface-gray-8 lg:border-l border-outline-base shadow-2xl relative z-20">
16123
+ <div class="mx-auto w-full max-w-[400px]">
16124
+ <!-- Mobile & Desktop Header for Form -->
16125
+ <div class="mb-8 flex flex-col items-start">
16128
16126
  @if (logoIcon()) {
16129
- <div class="size-12 mb-6 flex items-center justify-center rounded-xl bg-white dark:bg-surface-gray-8 shadow-sm border border-outline-base">
16130
- <neural-icon [name]="logoIcon()" class="size-6 text-ink-base"></neural-icon>
16127
+ <div class="size-12 mb-6 flex items-center justify-center rounded-lg bg-gray-900 dark:bg-black shadow-sm">
16128
+ <neural-icon [name]="logoIcon()" class="size-6 text-white"></neural-icon>
16131
16129
  </div>
16132
16130
  }
16133
- <h2 class="text-3xl font-bold tracking-tight text-ink-base">{{ title() }}</h2>
16134
- <p class="mt-2 text-sm text-ink-muted">
16131
+ <h2 class="text-[28px] leading-tight font-bold tracking-tight text-ink-base mb-2">{{ title() }}</h2>
16132
+ <p class="text-base text-ink-muted">
16135
16133
  {{ subtitlePrefix() }}
16136
16134
  @if (subtitleLinkText() && subtitleLinkHref()) {
16137
- <a [href]="subtitleLinkHref()" class="font-semibold text-primary hover:text-primary-dark transition-colors">{{ subtitleLinkText() }}</a>
16135
+ <a [href]="subtitleLinkHref()" class="font-medium text-ink-base hover:underline transition-colors">{{ subtitleLinkText() }}</a>
16138
16136
  }
16139
16137
  </p>
16140
16138
  </div>
@@ -16156,9 +16154,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
16156
16154
  <div data-slot="auth-shell" class="min-h-screen flex bg-surface-base font-sans">
16157
16155
  <!-- Branding / Image Side (Left) -->
16158
16156
  <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">
16159
- <!-- Dynamic Background Gradient -->
16160
16157
  <div class="absolute inset-0 bg-gradient-to-br from-primary/10 to-primary/5 dark:from-primary/20 dark:to-primary/5"></div>
16161
-
16162
16158
  <div class="relative z-10 p-12 text-center flex flex-col items-center max-w-lg">
16163
16159
  @if (logoIcon()) {
16164
16160
  <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">
@@ -16176,20 +16172,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
16176
16172
  </div>
16177
16173
 
16178
16174
  <!-- Form Side (Right) -->
16179
- <div class="flex-1 flex flex-col justify-center py-12 px-4 sm:px-6 lg:px-20 xl:px-24 bg-surface-base lg:border-l border-outline-base shadow-2xl relative z-20">
16180
- <div class="mx-auto w-full max-w-sm lg:max-w-md">
16181
- <!-- Mobile Header (Visible only on small screens) -->
16182
- <div class="lg:hidden text-center mb-10 flex flex-col items-center">
16175
+ <div class="flex-1 flex flex-col justify-center py-12 px-4 sm:px-6 lg:px-20 xl:px-24 bg-white dark:bg-surface-gray-8 lg:border-l border-outline-base shadow-2xl relative z-20">
16176
+ <div class="mx-auto w-full max-w-[400px]">
16177
+ <!-- Mobile & Desktop Header for Form -->
16178
+ <div class="mb-8 flex flex-col items-start">
16183
16179
  @if (logoIcon()) {
16184
- <div class="size-12 mb-6 flex items-center justify-center rounded-xl bg-white dark:bg-surface-gray-8 shadow-sm border border-outline-base">
16185
- <neural-icon [name]="logoIcon()" class="size-6 text-ink-base"></neural-icon>
16180
+ <div class="size-12 mb-6 flex items-center justify-center rounded-lg bg-gray-900 dark:bg-black shadow-sm">
16181
+ <neural-icon [name]="logoIcon()" class="size-6 text-white"></neural-icon>
16186
16182
  </div>
16187
16183
  }
16188
- <h2 class="text-3xl font-bold tracking-tight text-ink-base">{{ title() }}</h2>
16189
- <p class="mt-2 text-sm text-ink-muted">
16184
+ <h2 class="text-[28px] leading-tight font-bold tracking-tight text-ink-base mb-2">{{ title() }}</h2>
16185
+ <p class="text-base text-ink-muted">
16190
16186
  {{ subtitlePrefix() }}
16191
16187
  @if (subtitleLinkText() && subtitleLinkHref()) {
16192
- <a [href]="subtitleLinkHref()" class="font-semibold text-primary hover:text-primary-dark transition-colors">{{ subtitleLinkText() }}</a>
16188
+ <a [href]="subtitleLinkHref()" class="font-medium text-ink-base hover:underline transition-colors">{{ subtitleLinkText() }}</a>
16193
16189
  }
16194
16190
  </p>
16195
16191
  </div>