@ship-ui/core 0.15.24 → 0.15.26

package/index.d.ts

@@ -843,7 +843,7 @@ declare class ShipTooltipWrapper {
     readonly SUPPORTS_ANCHOR: boolean;
     isBelow: _angular_core.WritableSignal<boolean>;
     openEffect: _angular_core.EffectRef;
-    constructor();
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     private calculateTooltipPosition;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ShipTooltipWrapper, never>;

package/package.json

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

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

@@ -47,6 +47,7 @@ $shipCard: true !default;
     }
 
     &.type-c {
+      --card-bg: transparent;
       --card-ibg: var(--card-bg);
       --card-p: 0;
     }

package/styles/components/ship-form-field.component.scss

@@ -181,7 +181,7 @@ $shipFormFieldShadow: false !default;
       overflow: hidden;
       transition:
         border-color 125ms linear,
-        box-shadow 75ms linear;
+        box-shadow 95ms linear;
       min-width: var(--ff-mw);
       width: 100%;
 

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

@@ -56,10 +56,13 @@ $shipList: true !default;
       background-color: transparent;
       text-decoration: none;
 
-      transition: transform 125ms linear;
+      transition:
+        transform 125ms linear,
+        box-shadow 125ms linear;
       transform: scale(1);
 
       &:active {
+        --list-active-bs: var(--box-shadow-10);
         transform: scale(0.98);
       }
 

package/styles/components/ship-sheet.utility.scss

@@ -135,6 +135,7 @@ $shipSheet: true !default;
     &.simple.success {
       --sheet-bc: var(--sheet-bg);
     }
+
     &.outlined,
     &.outlined.primary,
     &.outlined.accent,

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

@@ -7,6 +7,7 @@ $shipTooltip: true !default;
   z-index: 0;
   visibility: visible;
 }
+
 @if $shipTooltip == true {
   .tooltip {
     position: relative;
@@ -52,7 +53,10 @@ $shipTooltip: true !default;
 
       + ship-tooltip-wrapper {
         z-index: 1;
-        transform: translateY(0) scaleY(1) scaleX(1);
+
+        @supports (anchor-name: --anchor) {
+          transform: translateY(0) scaleY(1) scaleX(1);
+        }
       }
     }
   }
@@ -65,7 +69,6 @@ $shipTooltip: true !default;
 
     position: fixed;
     padding: p2r(0 0 12);
-    transform: translateY(50%) scaleY(0) scaleX(0.8);
 
     font: var(--paragraph-30);
     width: max-content;
@@ -74,9 +77,10 @@ $shipTooltip: true !default;
     margin: initial;
     background: transparent;
     border: 0;
-    transition: transform 125ms linear;
 
     @supports (anchor-name: --anchor) {
+      transform: translateY(50%) scaleY(0) scaleX(0.8);
+      transition: transform 125ms linear;
       inset: unset;
       justify-self: anchor-center;
       bottom: anchor(top);

package/styles/core/core/variables.scss

@@ -62,7 +62,7 @@ html body {
   --accent-2: light-dark(hsl(258, 90%, 91.5%), hsl(258, 90%, 16.5%));
   --accent-3: light-dark(hsl(258, 90%, 87.25%), hsl(258, 90%, 24.75%));
   --accent-4: light-dark(hsl(258, 90%, 83%), hsl(258, 90%, 33%));
-  --accent-5: light-dark(hsl(258, 89%, 57%), hsl(258, 90%, 41.25%));
+  --accent-5: light-dark(hsl(258, 89%, 78%), hsl(258, 90%, 41.25%));
   --accent-6: light-dark(hsl(258, 90%, 74.5%), hsl(258, 90%, 49.5%));
   --accent-7: light-dark(hsl(258, 90%, 70.25%), hsl(258, 90%, 57.75%));
   --accent-8: light-dark(hsl(258, 90%, 66%), hsl(258, 90%, 66%));
@@ -123,7 +123,7 @@ html body {
   --base-2: light-dark(hsl(0, 0%, 98.05%), hsl(0, 0%, 8.75%));
   --base-3: light-dark(hsl(0, 0%, 94.5%), hsl(0, 0%, 11.5%));
   --base-4: light-dark(hsl(0, 0%, 84.75%), hsl(0, 0%, 17.25%));
-  --base-5: light-dark(hsl(0, 0%, 79.75%), hsl(0, 0%, 17.25%));
+  --base-5: light-dark(hsl(0, 0%, 79.75%), hsl(0, 0%, 21%));
   --base-6: light-dark(hsl(0, 0%, 66.25%), hsl(0, 0%, 28.75%));
   --base-7: light-dark(hsl(0, 0%, 54.5%), hsl(0, 0%, 34.5%));
   --base-8: light-dark(hsl(0, 0%, 46%), hsl(0, 0%, 54%));