@turnipxenon/pineapple 3.0.0 → 3.1.0-alpha.2

package/src/lib/styles/app.css

@@ -10,16 +10,25 @@
 
 @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-height: clamp(15em, 50vw, 18em);
+    --fab-margin: 1rem;
+}
+
 .footer-space {
     width: 100%;
     height: calc(var(--dialog-box-height) + 4em);
 }
 
 a.dialog-choice {
+    font-size: inherit;
     cursor: url("$pkg/assets/icons/chat-cursor.svg"), auto;
 }
 
 a.external-link {
+    font-size: inherit;
     cursor: url("$pkg/assets/icons/external-link.svg"), auto;
 }
 
@@ -37,20 +46,6 @@ a.external-link {
     background: rgba(var(--color-secondary-500));
 }
 
-.dialog-box {
-    background-color: rgb(var(--color-surface-500) / 0.9);
-    position: fixed;
-    bottom: 0;
-    width: var(--dialog-box-width); /*75em + 4em padding*/
-    height: var(--dialog-box-height);
-    max-width: calc(100vw - ((var(--fab-margin) * 2) + 4em));
-}
-
-.dark .dialog-box {
-    background-color: rgb(var(--color-surface-900) / 0.95);
-    --tw-ring-color: rgb(var(--color-text-400));
-    /*background-color: red;*/
-}
 
 @layer base {
     .game-link-section {

package/dist/components/navigation_component/index.d.ts

@@ -1,2 +0,0 @@
-export { default as NavigationComponent } from "./NavigationComponent.svelte";
-export * from "./PageMeta";

package/dist/components/navigation_component/index.js

@@ -1,3 +0,0 @@
-// noinspection JSUnusedGlobalSymbols
-export { default as NavigationComponent } from "./NavigationComponent.svelte";
-export * from "./PageMeta";

package/dist/ui/elements/pinya-card/component.svelte

@@ -1,21 +0,0 @@
-<script lang="ts">/**
- * When with texts, wrap the text content inside a div so flex wont apply
- */
-import type { PinyaCardProps } from "./props";
-
-let {
-	paddingClass = "pt-[1lh] pb-[1lh] pl-16 pr-16",
-	flexClass = "flex flex-col",
-	widthClass = "max-w-md",
-	borderClass = "border-[2px] border-primary-500 dark:border-0",
-	marginClass = "",
-	className,
-	children
-}: PinyaCardProps = $props();
-</script>
-
-<div
-	class={`card bg-surface-200 dark:bg-surface-900 w-full text-start rounded-xl ${paddingClass} ${flexClass} ${className} ${widthClass} ${borderClass} ${marginClass}`}
->
-	{@render children?.()}
-</div>

package/dist/ui/elements/pinya-card/component.svelte.d.ts

@@ -1,7 +0,0 @@
-/**
- * When with texts, wrap the text content inside a div so flex wont apply
- */
-import type { PinyaCardProps } from "./props";
-declare const Component: import("svelte").Component<PinyaCardProps, {}, "">;
-type Component = ReturnType<typeof Component>;
-export default Component;

package/dist/ui/elements/pinya-card/index.d.ts

@@ -1,2 +0,0 @@
-export { default as PinyaCard } from "./component.svelte";
-export * from "./props";

package/dist/ui/elements/pinya-card/index.js

@@ -1,2 +0,0 @@
-export { default as PinyaCard } from "./component.svelte";
-export * from "./props";

package/dist/ui/modules/seaweed/index.d.ts

@@ -1,3 +0,0 @@
-export declare const Seaweed: {
-    ChumBucket: import("svelte").Component<Record<string, never>, {}, "">;
-};

package/dist/ui/modules/seaweed/index.js

@@ -1,4 +0,0 @@
-import { default as ChumBucket } from "./ChumBucket.svelte";
-export const Seaweed = {
-    ChumBucket
-};