@zambon-dev/ui 0.0.1-bootstrap.0 → 1.1.0

package/types/zambon-dev-ui-testing.d.ts

@@ -1,7 +1,6 @@
-import * as i0 from '@angular/core';
-import { ViewContainerRef, ComponentRef, Type } from '@angular/core';
-import { ComponentFixture } from '@angular/core/testing';
-
+import * as i0 from "@angular/core";
+import { ComponentRef, Type, ViewContainerRef } from "@angular/core";
+import { ComponentFixture } from "@angular/core/testing";
 /**
  * A host that behaves exactly like a consumer application's own component: it declares no
  * change-detection strategy, which in Angular 22 means `OnPush`. Once it has rendered it goes
@@ -13,30 +12,29 @@ import { ComponentFixture } from '@angular/core/testing';
  * cannot update its DOM underneath this host, which is precisely the failure that a plain
  * `TestBed.createComponent` + `fixture.detectChanges()` cannot express.
  */
-declare class InertHostComponent {
-    readonly outlet: i0.Signal<ViewContainerRef>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InertHostComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InertHostComponent, "lib-inert-host", never, {}, {}, never, never, true, never>;
+export declare class InertHostComponent {
+  readonly outlet: import("@angular/core").Signal<ViewContainerRef>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<InertHostComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<InertHostComponent, "lib-inert-host", never, {}, {}, never, never, true, never>;
 }
-
 /** A component rendered beneath {@link InertHostComponent}, plus the handles a spec needs. */
-interface OnPushRender<TComponent> {
-    /** The component under test. */
-    readonly component: TComponent;
-    readonly componentRef: ComponentRef<TComponent>;
-    /** The component under test's own host element -- host bindings included. */
-    readonly element: HTMLElement;
-    /** The fixture whose root is the inert host. */
-    readonly fixture: ComponentFixture<InertHostComponent>;
-    /** Binds an input the way a template would, notifying Angular. */
-    setInput(name: string, value: unknown): void;
-    /**
-     * Runs a change-detection pass that a clean `OnPush` ancestor can still short-circuit.
-     *
-     * Call this and never `fixture.detectChanges()` yourself -- under a zoneless test environment
-     * that call forces every test view and hands the component a refresh it did not earn.
-     */
-    tick(): void;
+export interface OnPushRender<TComponent> {
+  /** The component under test. */
+  readonly component: TComponent;
+  readonly componentRef: ComponentRef<TComponent>;
+  /** The component under test's own host element -- host bindings included. */
+  readonly element: HTMLElement;
+  /** The fixture whose root is the inert host. */
+  readonly fixture: ComponentFixture<InertHostComponent>;
+  /** Binds an input the way a template would, notifying Angular. */
+  setInput(name: string, value: unknown): void;
+  /**
+   * Runs a change-detection pass that a clean `OnPush` ancestor can still short-circuit.
+   *
+   * Call this and never `fixture.detectChanges()` yourself -- under a zoneless test environment
+   * that call forces every test view and hands the component a refresh it did not earn.
+   */
+  tick(): void;
 }
 /**
  * Renders `type` beneath a clean `OnPush` ancestor and returns once it has painted for the
@@ -50,7 +48,4 @@ interface OnPushRender<TComponent> {
  * 3. Assert the DOM, never a field. `expect(component.loading).toBe(false)` passes on a blank
  *    screen.
  */
-declare function renderUnderOnPush<TComponent>(type: Type<TComponent>, inputs?: Record<string, unknown>): OnPushRender<TComponent>;
-
-export { InertHostComponent, renderUnderOnPush };
-export type { OnPushRender };
+export declare function renderUnderOnPush<TComponent>(type: Type<TComponent>, inputs?: Record<string, unknown>): OnPushRender<TComponent>;

package/types/zambon-dev-ui.d.ts

@@ -1,3 +1,6 @@
-export * from '@zambon-dev/ui/library';
-export * from '@zambon-dev/ui/framework';
-export * from '@zambon-dev/ui/shared';
+import { ButtonComponent as LibButtonComponent } from "@zambon-dev/ui/library";
+import { ButtonComponent } from "@zambon-dev/ui/framework";
+export * from "@zambon-dev/ui/library";
+export * from "@zambon-dev/ui/framework";
+export * from "@zambon-dev/ui/shared";
+export { ButtonComponent, LibButtonComponent };

package/fesm2022/zambon-dev-ui.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"zambon-dev-ui.mjs","sources":["../../../../libs/ui/src/zambon-dev-ui.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;AAAA;;AAEG"}

package/styles/components/button.scss

@@ -1,101 +0,0 @@
-input[type='button'],
-input[type='reset'],
-input[type='submit'],
-button,
-a {
-  &.btn {
-    @apply relative px-3 py-1.5 inline-block text-center rounded-sm select-none;
-    @apply bg-slate-700 text-white;
-    @apply transition-all;
-
-    @apply focus:ring-4 focus:ring-slate-600/30;
-    @apply focus:bg-slate-800 hover:bg-slate-800;
-    @apply active:bg-slate-900;
-
-    i:not(:last-child) {
-      @apply mr-2;
-    }
-
-    &.disabled,
-    &:disabled {
-      @apply pointer-events-none opacity-[.60] ring-0;
-    }
-
-    &.error {
-      @apply bg-red-700 focus:ring-red-600/30;
-      @apply focus:bg-red-800 hover:bg-red-800;
-      @apply active:bg-red-900;
-
-      i:before {
-        @apply content-['\f00d'];
-      }
-    }
-
-    &.success {
-      @apply bg-green-700 ring-4 ring-green-600/30;
-      @apply pointer-events-none opacity-[.60];
-
-      i:before {
-        @apply content-['\f00c'];
-      }
-    }
-
-    &.loading {
-      @apply pointer-events-none opacity-[.60] ring-0 pl-8;
-      @apply transition-[margin-left] duration-200 ease-in-out;
-
-      &:before {
-        @apply content-[''] absolute left-2 top-0 bg-center bg-contain bg-no-repeat w-5 h-full animate-spin text-white;
-        @apply transition-opacity duration-200 ease-in-out;
-        background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"%3E%3Ccircle style="opacity:.25" cx="12" cy="12" r="10" stroke="white" stroke-width="4"%3E%3C/circle%3E%3Cpath style="opacity:.75" fill="white" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"%3E%3C/path%3E%3C/svg%3E');
-      }
-
-      i {
-        @apply invisible;
-      }
-    }
-  }
-}
-
-@mixin button($color) {
-  input[type='button'],
-  input[type='reset'],
-  input[type='submit'],
-  button,
-  a {
-    &.btn {
-      @for $i from 1 through 7 {
-        &.#{$color + '-' + $i + '00'} {
-          @if $i > 4 {
-            @apply text-white;
-          } @else {
-            @apply text-black;
-
-            &.loading:before {
-              background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"%3E%3Ccircle style="opacity:.25" cx="12" cy="12" r="10" stroke="black" stroke-width="4"%3E%3C/circle%3E%3Cpath style="opacity:.75" fill="black" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"%3E%3C/path%3E%3C/svg%3E');
-            }
-          }
-
-          @apply #{'bg-' + $color + '-' + $i + '00'};
-
-          $ring: $i + '00/30';
-          @if $i < 5 {
-            $ring: '400/20';
-          }
-
-          @apply #{'focus:ring-' + $color + '-' + $ring};
-          @apply #{'focus:bg-' + $color + '-' + ($i+1) + '00'};
-          @apply #{'hover:bg-' + $color + '-' + ($i+1) + '00'};
-          @apply #{'active:bg-' + $color + '-' + ($i+2) + '00'};
-        }
-      }
-    }
-  }
-}
-
-$colors:
-  'slate', 'gray', 'zinc', 'neutral', 'stone', 'red', 'orange', 'amber', 'yellow', 'lime', 'green', 'emerald', 'teal',
-  'cyan', 'sky', 'indigo', 'violet', 'purple', 'fuchsia', 'pink', 'rose', 'primary';
-@each $color in $colors {
-  @include button($color);
-}