@turnipxenon/pineapple 4.5.1 → 5.0.0-alpha.1

package/dist/modules/parsnip/route-util/slugPageServerLoad.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slugPageServerLoad.d.ts","sourceRoot":"","sources":["../../../../src/lib/modules/parsnip/route-util/slugPageServerLoad.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mCAAmC,CAAC;AAEtE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uDAAuD,CAAC;AAIvF,eAAO,MAAM,kBAAkB,GAAU,YAAY;IAAE,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE;;;EAqChF,CAAC"}

package/dist/scripts/pineapple_fiber/PineappleFiberParser.d.ts

@@ -1,2 +1,3 @@
 import type { DialogDetail } from "../../types/pineapple_fiber/DialogDetail";
 export declare const parseYarn: (fileContent: string) => Promise<DialogDetail[]>;
+//# sourceMappingURL=PineappleFiberParser.d.ts.map

package/dist/scripts/pineapple_fiber/PineappleFiberParser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PineappleFiberParser.d.ts","sourceRoot":"","sources":["../../../src/lib/scripts/pineapple_fiber/PineappleFiberParser.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,yCAAyC,CAAC;AAU5E,eAAO,MAAM,SAAS,GAAU,aAAa,MAAM,KAAG,OAAO,CAAC,YAAY,EAAE,CAsK3E,CAAC"}

package/dist/scripts/pineapple_fiber/PineappleWeaver.d.ts

@@ -7,3 +7,4 @@
  * npx vite-node src/lib/scripts/pineapple_fiber/PineappleWeaver.ts
  */
 export {};
+//# sourceMappingURL=PineappleWeaver.d.ts.map

package/dist/scripts/pineapple_fiber/PineappleWeaver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PineappleWeaver.d.ts","sourceRoot":"","sources":["../../../src/lib/scripts/pineapple_fiber/PineappleWeaver.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG"}

package/dist/scripts/util/FileManagement.d.ts

@@ -5,3 +5,4 @@ export declare const getDirectories: (path: string) => string[];
  * @param filter?: optional path filter
  */
 export declare const getAllFiles: (path: string, filter?: (path: string) => boolean) => string[];
+//# sourceMappingURL=FileManagement.d.ts.map

package/dist/scripts/util/FileManagement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileManagement.d.ts","sourceRoot":"","sources":["../../../src/lib/scripts/util/FileManagement.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM,KAAG,MAAM,EASnD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,KAAG,MAAM,EAkBpF,CAAC"}

package/dist/scripts/util/ManualCheck.d.ts

@@ -1 +1,2 @@
 export declare const runAll: () => void;
+//# sourceMappingURL=ManualCheck.d.ts.map

package/dist/scripts/util/ManualCheck.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManualCheck.d.ts","sourceRoot":"","sources":["../../../src/lib/scripts/util/ManualCheck.ts"],"names":[],"mappings":"AA6BA,eAAO,MAAM,MAAM,YAElB,CAAC"}

package/dist/scripts/util/ManualCheckRun.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=ManualCheckRun.d.ts.map

package/dist/scripts/util/ManualCheckRun.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManualCheckRun.d.ts","sourceRoot":"","sources":["../../../src/lib/scripts/util/ManualCheckRun.ts"],"names":[],"mappings":""}

package/dist/store.d.ts

@@ -14,3 +14,4 @@
  * ```
  */
 export declare const enableBackground: import("svelte/store").Writable<boolean>;
+//# sourceMappingURL=store.d.ts.map

package/dist/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../src/lib/store.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,gBAAgB,0CAAiB,CAAC"}

package/dist/styles/app.css

@@ -1,20 +1,19 @@
-@import 'tailwindcss';
-@import "@skeletonlabs/skeleton";
-@import "@skeletonlabs/skeleton/optional/presets";
-@import "@skeletonlabs/skeleton/themes/crimson";
+@import "./tailwind.css";
+@import "./color-tokens.css";
 @import "./turnip-theme.css";
 
-@source "../../../node_modules/@skeletonlabs/skeleton-svelte/dist";
-
-@custom-variant dark (&:where(.dark, .dark *));
-
-@custom-variant turnip (&:where([data-theme=turnip], [data-theme=turnip] *));
-
 html {
     --dialog-start-pad: clamp(0em, 5vw, 2em);
-    --dialog-box-width: min(calc(54em), calc(100vw - var(--dialog-start-pad) - 2px));
+    --dialog-box-width: 54em;
     --dialog-box-height: clamp(15em, 50vw, 18em);
     --fab-margin: 1rem;
+
+
+    /* spacing calcs */
+    --spacing-1: calc(var(--spacing) * 1);
+    --spacing-2: calc(var(--spacing) * 2);
+    --spacing-3: calc(var(--spacing) * 3);
+    --spacing-4: calc(var(--spacing) * 4);
 }
 
 .footer-space {
@@ -22,7 +21,7 @@ html {
     height: calc(var(--dialog-box-height) + 4em);
 }
 
-.dialog-box a, .dialog-box b, .dialog-box i {
+.main-dialog-box-container a, .main-dialog-box-container b, .main-dialog-box-container i {
     font-size: inherit;
 }
 
@@ -51,11 +50,18 @@ a.external-link {
 
 @layer base {
     .game-link-section {
-        @apply mt-6 flex gap-2 justify-center;
+        margin-top: calc(var(--spacing) * 6);
+        display: flex;
+        gap: calc(var(--spacing) * 2);
+        justify-content: center;
     }
 
     .game-video-cover {
-        @apply rounded-t-lg max-h-64 object-cover w-full;
+        border-top-left-radius: var(--radius-lg);
+        border-top-right-radius: var(--radius-lg);
+        max-height: calc(var(--spacing) * 64);
+        object-fit: cover;
+        width: 100%;
     }
 
     .text-chip-container {
@@ -122,19 +128,20 @@ pre button.copy {
 
     & .ready {
         background-image: url("$pkg/assets/icons/icon-copy-light-contrast.svg");
-
-        @variant dark {
-            background-image: url("$pkg/assets/icons/icon-copy-dark-contrast.svg");
-        }
+        /*todo*/
+        /*@variant dark {*/
+        /*    background-image: url("$pkg/assets/icons/icon-copy-dark-contrast.svg");*/
+        /*}*/
     }
 
     & .success {
         display: none;
         background-image: url("$pkg/assets/icons/icon-check-light-contrast.svg");
 
-        @variant dark {
-            background-image: url("$pkg/assets/icons/icon-check-dark-contrast.svg");
-        }
+        /*todo: migration*/
+        /*@variant dark {*/
+        /*    background-image: url("$pkg/assets/icons/icon-check-dark-contrast.svg");*/
+        /*}*/
     }
 
     &.copied {
@@ -149,3 +156,36 @@ pre button.copy {
 }
 
 /* endregion shiki copy button */
+
+/* region general styles */
+.btn {
+    background-color: var(--color-primary-400-600);
+    color: var(--color-secondary-950-0);
+
+    padding-block: var(--spacing-1);
+
+    &.image-button {
+        padding: var(--spacing-2) var(--spacing-3);
+    }
+
+    &:hover {
+        filter: brightness(110%);
+    }
+
+    &.secondary {
+        background-color: var(--color-secondary-400-600);
+        color: var(--color-secondary-950-0);
+    }
+
+    &.warning {
+        color: var(--color-secondary-0-950);
+        background-color: var(--color-warning-700-400);
+    }
+
+    &.surface {
+        background-color: var(--color-surface-700-600);
+        color: var(--color-surface-50-950);
+    }
+}
+
+/* endregion general styles */

package/dist/styles/color-tokens.css

@@ -0,0 +1,23 @@
+html {
+    --color-primary-50-900: var(--color-primary-50);
+    --color-primary-300-700: var(--color-primary-300);
+    --color-primary-400-600: var(--color-primary-400);
+    --color-secondary-400-600: var(--color-secondary-400);
+    --color-secondary-950-0: var(--color-secondary-950);
+    --color-secondary-0-950: var(--color-secondary-0);
+    --color-warning-700-400: var(--color-warning-700);
+    --color-surface-50-950: var(--color-surface-50);
+    --color-surface-700-600: var(--color-surface-700);
+}
+
+html.dark {
+    --color-primary-50-900: var(--color-primary-900);
+    --color-primary-300-700: var(--color-primary-700);
+    --color-primary-400-600: var(--color-primary-600);
+    --color-secondary-400-600: var(--color-secondary-600);
+    --color-secondary-950-0: var(--color-secondary-0);
+    --color-secondary-0-950: var(--color-secondary-950);
+    --color-warning-700-400: var(--color-warning-400);
+    --color-surface-50-950: var(--color-surface-950);
+    --color-surface-700-600: var(--color-surface-600);
+}

package/dist/styles/surface-colors.scss

@@ -0,0 +1,38 @@
+// todo: add dark mode colors or maybe the on-surface-color
+
+
+.apply-current-surface {
+    background-color: var(--current-surface-color);
+}
+
+%surface-body {
+    --current-surface-color: var(--body-background-color);
+    background-color: var(--current-surface-color);
+}
+
+%card-body {
+    --current-surface-color: var(--pinya-card-bg-color);
+    background-color: var( --pinya-card-bg-color);
+}
+
+%surface-dialog {
+    --current-surface-color: var(--bg-dialog);
+    background-color: var(--current-surface-color);
+}
+
+%surface-success {
+    --current-surface-color: var(--color-success-500);
+    background-color: var(--current-surface-color);
+}
+
+%surface-error {
+    --current-surface-color: var(--color-error-500);
+    background-color: var(--current-surface-color);
+}
+
+%surface-primary-button {
+    --current-surface-color: var(--color-primary-400-600);
+    --current-surface-contrast-dark: var(--color-secondary-950-0);
+    background-color: var(--current-surface-color);
+    color: var(--current-surface-contrast-dark);
+}