@sonny-ui/core 0.1.0-alpha.20 → 0.1.0-alpha.22

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 (7) hide show
  1. package/fesm2022/sonny-ui-core.mjs +6 -6
  2. package/fesm2022/sonny-ui-core.mjs.map +1 -1
  3. package/package.json +1 -1
  4. package/src/lib/drawer/drawer.directives.ts +1 -1
  5. package/src/lib/modal/dialog.directives.ts +4 -4
  6. package/src/lib/navbar/navbar.directives.ts +1 -1
  7. package/src/styles/sonny-theme.css +12 -0
package/fesm2022/sonny-ui-core.mjs CHANGED
@@ -543,7 +543,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
543
543
 
544
544
  class SnyDialogHeaderDirective {
545
545
  class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
546
- computedClass = computed(() => cn('flex flex-col space-y-1.5 text-center sm:text-left', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
546
+ computedClass = computed(() => cn('flex flex-col space-y-1.5 text-center sm:text-left px-6 pt-6 shrink-0', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
547
547
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyDialogHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
548
548
  static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyDialogHeaderDirective, isStandalone: true, selector: "[snyDialogHeader]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
549
549
  }
@@ -582,7 +582,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
582
582
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
583
583
  class SnyDialogContentDirective {
584
584
  class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
585
- computedClass = computed(() => cn('relative bg-background rounded-sm border border-border shadow-lg p-6 w-full max-w-lg mx-auto', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
585
+ computedClass = computed(() => cn('flex-1 overflow-y-auto px-6 py-4', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
586
586
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyDialogContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
587
587
  static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyDialogContentDirective, isStandalone: true, selector: "[snyDialogContent]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
588
588
  }
@@ -595,7 +595,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
595
595
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
596
596
  class SnyDialogFooterDirective {
597
597
  class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
598
- computedClass = computed(() => cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
598
+ computedClass = computed(() => cn('flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 px-6 pb-6 shrink-0', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
599
599
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyDialogFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
600
600
  static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.5", type: SnyDialogFooterDirective, isStandalone: true, selector: "[snyDialogFooter]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "computedClass()" } }, ngImport: i0 });
601
601
  }
@@ -608,7 +608,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.5", ngImpor
608
608
  }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
609
609
  class SnyDialogCloseDirective {
610
610
  class = input('', ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
611
- computedClass = computed(() => cn('absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
611
+ computedClass = computed(() => cn('absolute right-4 top-4 z-10 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none cursor-pointer', this.class()), ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
612
612
  dialogRef = inject(DialogRef, { optional: true });
613
613
  onClick() {
614
614
  this.dialogRef?.close();
@@ -4425,7 +4425,7 @@ class SnyNavbarDirective {
4425
4425
  const variantClass = v === 'bordered' ? 'border-b border-border' :
4426
4426
  v === 'floating' ? 'mx-4 mt-2 rounded-lg border border-border shadow-sm' :
4427
4427
  '';
4428
- const stickyClass = this.sticky() ? 'sticky top-0 z-50' : '';
4428
+ const stickyClass = this.sticky() ? 'sticky top-0 z-40' : '';
4429
4429
  return cn(base, variantClass, stickyClass, this.class());
4430
4430
  }, ...(ngDevMode ? [{ debugName: "computedClass" }] : /* istanbul ignore next */ []));
4431
4431
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.5", ngImport: i0, type: SnyNavbarDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
@@ -4547,7 +4547,7 @@ class SnyDrawerSideDirective {
4547
4547
  computedClass = computed(() => {
4548
4548
  const isOpen = this.drawer.isOpen();
4549
4549
  const s = this.side();
4550
- const base = 'fixed inset-y-0 z-40 w-64 bg-background border-r border-border transition-transform duration-300 ease-in-out';
4550
+ const base = 'fixed inset-y-0 z-50 w-64 bg-background border-r border-border transition-transform duration-300 ease-in-out overflow-y-auto';
4551
4551
  const sideClass = s === 'left' ? 'left-0' : 'right-0 border-l border-r-0';
4552
4552
  const transformClass = isOpen
4553
4553
  ? 'translate-x-0'