@sapphire-ion/framework 0.30.12 → 0.30.13

package/lib/components/login/login.component.d.ts

@@ -24,5 +24,5 @@ export declare class DefaultLoginComponent implements OnInit {
     OnLogin: EventEmitter<any>;
     Login($event?: KeyboardEvent): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DefaultLoginComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DefaultLoginComponent, "login", never, {}, { "OnLogin": "OnLogin"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DefaultLoginComponent, "login", never, {}, { "OnLogin": "OnLogin"; }, never, ["[slot=logo]", "[slot=end]"], true, never>;
 }

package/lib/components/stepper/step/step.component.d.ts

@@ -9,7 +9,7 @@ export declare class StepComponent implements OnInit {
     get index(): number;
     get fill(): boolean;
     get selected(): boolean;
-    get _fill(): 1 | 0;
+    get _fill(): 0 | 1;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<StepComponent, "step", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["ion-icon, ion-text"], false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sapphire-ion/framework",
-  "version": "0.30.12",
+  "version": "0.30.13",
   "private": false,
   "peerDependencies": {
     "@angular/common": "^18.2.8",

package/themes/compiled-styles.scss

@@ -1047,6 +1047,10 @@ video {
   height: 0.5rem;
 }
 
+.h-24 {
+  height: 6rem;
+}
+
 .h-3 {
   height: 0.75rem;
 }
@@ -1865,6 +1869,11 @@ video {
   padding-right: 0.25rem;
 }
 
+.px-10 {
+  padding-left: 2.5rem;
+  padding-right: 2.5rem;
+}
+
 .px-2 {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -2217,10 +2226,19 @@ video {
     display: none;
   }
 
+  .portrait\:size-full {
+    width: 100%;
+    height: 100%;
+  }
+
   .portrait\:h-32 {
     height: 8rem;
   }
 
+  .portrait\:h-40 {
+    height: 10rem;
+  }
+
   .portrait\:h-full {
     height: 100%;
   }
@@ -2253,6 +2271,10 @@ video {
     justify-content: center;
   }
 
+  .portrait\:p-4 {
+    padding: 1rem;
+  }
+
   .portrait\:pl-3 {
     padding-left: 0.75rem;
   }
@@ -2263,6 +2285,10 @@ video {
     height: 66.666667%;
   }
 
+  .landscape\:h-full {
+    height: 100%;
+  }
+
   .landscape\:w-4\/5 {
     width: 80%;
   }
@@ -2288,6 +2314,12 @@ video {
     -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
     backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
   }
+
+  @media (min-width: 1280px) {
+    .landscape\:xl\:max-w-\[60rem\] {
+      max-width: 60rem;
+    }
+  }
 }
 
 .rtl\:text-right:where([dir="rtl"], [dir="rtl"] *) {

package/themes/components/login/login.component.scss

@@ -1,27 +1,27 @@
-ion-button{
-  transition: all 1s;
-}
+// ion-button{
+//   transition: all 1s;
+// }
 
-ion-item.ion-touched, ion-item.ion-pristine{
-  --border-width: 0;
-  --border-color: var(--ion-color-dark)
-  --background: transparent !important;
-	transition: border-color .5s;
-	border-radius: 1rem;
-}
+// ion-item.ion-touched, ion-item.ion-pristine{
+//   --border-width: 0;
+//   --border-color: var(--ion-color-dark)
+//   --background: transparent !important;
+// 	transition: border-color .5s;
+// 	border-radius: 1rem;
+// }
 
 $ion-border-base     : color-mix(in srgb, var(--ion-color-medium) 30%, transparent 70%);
 $ion-border-contrast : var(--ion-color-medium);
 $ion-border-invalid  : color-mix(in srgb, var(--ion-color-danger) 75%, transparent 25%);
 
 ion-card{
-  @apply rounded-2xl flex justify-center items-center transition-all ease-in-out duration-300 m-0 my-2 overflow-hidden shadow-none;
+  @apply rounded-2xl flex justify-center items-center transition-all ease-in-out duration-300 m-0 overflow-hidden shadow-sm;
   ion-card-content{
     @apply p-0;
   }
   background: color-mix(in srgb, var(--ion-color-light) 15%, transparent 93%);
   &:hover{
-      background: color-mix(in srgb, var(--ion-color-dark) 15%, transparent 93%);
+    background: color-mix(in srgb, var(--ion-color-dark) 15%, transparent 93%);
   }
   border-bottom-color: $ion-border-contrast;
   border-right-color : $ion-border-base;