@ship-ui/core 0.14.1 → 0.14.5

package/index.d.ts

@@ -32,10 +32,13 @@ declare class ShipAlertService {
 
 type ShipAlertType = 'error' | 'success' | 'warn' | 'primary' | 'accent' | 'question';
 declare class ShipAlertComponent {
+    #private;
+    variant: _angular_core.WritableSignal<string>;
     _el: ElementRef<any>;
     alertService: _angular_core.InputSignal<ShipAlertService | null>;
     id: _angular_core.InputSignal<string | null>;
-    alertClasses: _angular_core.Signal<any>;
+    currentClasses: _angular_core.Signal<string>;
+    activeClass: _angular_core.Signal<string>;
     removeAlert(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipAlertComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipAlertComponent, "sh-alert", never, { "alertService": { "alias": "alertService"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, ["[icon]", "sh-icon", "[title]", "*", "[content]", "p"], true, never>;
@@ -139,7 +142,8 @@ declare class ShipCardComponent {
 }
 
 declare class ShipCheckboxComponent {
-    #private;
+    currentClassList: _angular_core.Signal<string>;
+    showClasses: _angular_core.Signal<string[] | "">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipCheckboxComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ShipCheckboxComponent, "sh-checkbox", never, {}, {}, never, ["*"], true, never>;
 }
@@ -763,6 +767,7 @@ declare class ShipTooltipDirective implements OnDestroy {
 
 declare const SHIP_CONFIG: InjectionToken<ShipConfig>;
 interface ShipConfig {
+    alertVariant?: '' | 'simple' | 'outlined' | 'flat' | 'raised';
     cardType?: 'type-b';
     dialogType?: 'type-b';
     tableType?: 'type-b';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ship-ui/core",
   "license": "MIT",
-  "version": "0.14.1",
+  "version": "0.14.5",
   "peerDependencies": {
     "@angular/common": ">=19",
     "@angular/core": ">=19"

package/styles/components/ship-alert-container.component.scss

@@ -37,8 +37,8 @@ $shipAlert: true !default;
       justify-content: center;
       width: p2r(24);
       height: p2r(24);
-      background-color: var(--grey-500);
-      color: var(--grey-contrast-500);
+      background-color: var(--base-8);
+      color: var(--base-1);
       position: absolute;
       bottom: 0;
       right: 0;

package/styles/components/ship-checkbox.component.scss

@@ -4,10 +4,13 @@ $shipCheckbox: true !default;
 
 @if $shipCheckbox == true {
   sh-checkbox {
-    --box-bw: #{p2r(1)};
-    --box-bc: var(--base-4);
-    --box-c: var(--base-8);
-    --box-bg: var(--base-2);
+    .sh-sheet {
+      --box-bw: #{p2r(1)};
+      --box-c: var(--sheet-c);
+      --box-bc: var(--sheet-bc);
+      --box-bg: var(--sheet-bg);
+      --sheet-s: var(--shape-1);
+    }
 
     display: flex;
     align-items: center;
@@ -15,6 +18,7 @@ $shipCheckbox: true !default;
     cursor: pointer;
     user-select: none;
     position: relative;
+    border: 0;
 
     > input[type='checkbox'] {
       appearance: none;
@@ -85,161 +89,5 @@ $shipCheckbox: true !default;
         opacity: 0.5;
       }
     }
-
-    &.primary {
-      --box-c: var(--primary-8);
-    }
-
-    &.accent {
-      --box-c: var(--accent-8);
-    }
-
-    &.warn {
-      --box-c: var(--warn-8);
-    }
-
-    &.error {
-      --box-c: var(--error-8);
-    }
-
-    &.success {
-      --box-c: var(--success-8);
-    }
-
-    &.simple,
-    &.outlined {
-      --box-bg: var(--base-3);
-      --box-bc: var(--base-6);
-
-      &.primary {
-        --box-bg: var(--primary-3);
-        --box-bc: var(--primary-6);
-      }
-
-      &.accent {
-        --box-bg: var(--accent-3);
-        --box-bc: var(--accent-6);
-      }
-
-      &.warn {
-        --box-bg: var(--warn-3);
-        --box-bc: var(--warn-6);
-      }
-
-      &.error {
-        --box-bg: var(--error-3);
-        --box-bc: var(--error-6);
-      }
-
-      &.success {
-        --box-bg: var(--success-3);
-        --box-bc: var(--success-6);
-      }
-    }
-
-    &.simple {
-      --box-bc: var(--box-bg);
-
-      &.primary,
-      &.accent,
-      &.warn,
-      &.error,
-      &.success {
-        --box-bc: var(--box-bg);
-      }
-    }
-
-    &.flat,
-    &.raised {
-      &.primary,
-      &.accent,
-      &.warn,
-      &.error,
-      &.success {
-        --box-bc: var(--base-4);
-        --box-c: var(--base-8);
-        --box-bg: var(--base-2);
-      }
-    }
-
-    &.flat:has(input[type='checkbox']:checked),
-    &.flat.indeterminate,
-    &.flat.active {
-      @extend %flat;
-    }
-
-    &.raised:has(input[type='checkbox']:checked),
-    &.raised.indeterminate,
-    &.raised.active {
-      @extend %raised;
-    }
-  }
-
-  .ship-popup-menu sh-option[selected] {
-    sh-checkbox {
-      sh-icon {
-        opacity: 1;
-      }
-
-      &.flat {
-        @extend %flat;
-      }
-
-      &.raised {
-        @extend %raised;
-      }
-    }
-  }
-
-  %flat {
-    --box-bw: 0;
-    --box-bg: var(--base-8);
-    --box-c: #fff;
-
-    &.primary {
-      --box-bg: var(--primary-8);
-    }
-
-    &.accent {
-      --box-bg: var(--accent-8);
-    }
-
-    &.warn {
-      --box-bg: var(--warn-8);
-    }
-
-    &.error {
-      --box-bg: var(--error-8);
-    }
-
-    &.success {
-      --box-bg: var(--success-8);
-    }
-  }
-
-  %raised {
-    --box-bw: 0;
-    --box-bg: var(--base-g2);
-    --box-c: #fff;
-
-    &.primary {
-      --box-bg: var(--primary-g2);
-    }
-
-    &.accent {
-      --box-bg: var(--accent-g2);
-    }
-
-    &.warn {
-      --box-bg: var(--warn-g2);
-    }
-
-    &.error {
-      --box-bg: var(--error-g2);
-    }
-
-    &.success {
-      --box-bg: var(--success-g2);
-    }
   }
 }