@x33025/sveltely 0.0.17 → 0.0.19

package/dist/components/NavigationStack/NavigationStack.svelte

@@ -41,11 +41,11 @@
 <div class="hstack size-full">
 	{#if left}
 		<div
-			class="h-full overflow-hidden border-r border-gray-200 transition-all duration-300 ease-in-out"
+			class="h-full overflow-hidden border-r border-zinc-200 transition-all duration-300 ease-in-out"
 			style="width: {leftOpen ? 'var(--navigation-stack-sidebar-width)' : '0'}"
 		>
 			<div
-				class="vstack h-full overflow-auto bg-gray-50 p-4"
+				class="vstack h-full overflow-auto bg-zinc-50 p-4"
 				style="width: var(--navigation-stack-sidebar-width);"
 			>
 				{@render left()}
@@ -61,11 +61,11 @@
 
 	{#if right}
 		<div
-			class="h-full overflow-hidden border-l border-gray-200 transition-all duration-300 ease-in-out"
+			class="h-full overflow-hidden border-l border-zinc-200 transition-all duration-300 ease-in-out"
 			style="width: {rightOpen ? 'var(--navigation-stack-sidebar-width)' : '0'}"
 		>
 			<div
-				class="vstack h-full overflow-auto bg-gray-50 p-4"
+				class="vstack h-full overflow-auto bg-zinc-50 p-4"
 				style="width: var(--navigation-stack-sidebar-width);"
 			>
 				{@render right()}

package/dist/index.d.ts

@@ -3,8 +3,6 @@ export { portalHost, portalContent } from './actions/portal';
 export { default as AnimatedNumber } from './components/AnimatedNumber.svelte';
 export { default as GlowEffect } from './components/GlowEffect.svelte';
 export { default as NavigationStack } from './components/NavigationStack';
-export { default as PortalHost } from './components/PortalHost.svelte';
-export { default as PortalContent } from './components/PortalContent.svelte';
 export { default as Slider } from './components/Slider.svelte';
 export { default as Sheet } from './components/Sheet';
 export { default as Spinner } from './components/Spinner.svelte';

package/dist/index.js

@@ -3,8 +3,6 @@ export { portalHost, portalContent } from './actions/portal';
 export { default as AnimatedNumber } from './components/AnimatedNumber.svelte';
 export { default as GlowEffect } from './components/GlowEffect.svelte';
 export { default as NavigationStack } from './components/NavigationStack';
-export { default as PortalHost } from './components/PortalHost.svelte';
-export { default as PortalContent } from './components/PortalContent.svelte';
 export { default as Slider } from './components/Slider.svelte';
 export { default as Sheet } from './components/Sheet';
 export { default as Spinner } from './components/Spinner.svelte';

package/dist/style/index.css

@@ -67,8 +67,8 @@
 
 		--slider-shadow: var(--shadow-md);
 		--slider-track: var(--color-zinc-300);
-		--slider-fill: var(--color-gray-900);
-		--slider-thumb-inner: var(--color-gray-900);
+		--slider-fill: var(--color-zinc-900);
+		--slider-thumb-inner: var(--color-zinc-900);
 		--slider-thumb-outer: var(--color-white);
 
 		--navigation-stack-sidebar-width: 16rem;

package/dist/style.css

@@ -7,17 +7,18 @@
       "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
     --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
       "Courier New", monospace;
-    --color-gray-50: oklch(98.5% 0.002 247.839);
     --color-gray-100: oklch(96.7% 0.003 264.542);
     --color-gray-200: oklch(92.8% 0.006 264.531);
     --color-gray-500: oklch(55.1% 0.027 264.364);
     --color-gray-700: oklch(37.3% 0.034 259.733);
     --color-gray-900: oklch(21% 0.034 264.665);
+    --color-zinc-50: oklch(98.5% 0 0);
     --color-zinc-100: oklch(96.7% 0.001 286.375);
     --color-zinc-200: oklch(92% 0.004 286.32);
     --color-zinc-300: oklch(87.1% 0.006 286.286);
     --color-zinc-500: oklch(55.2% 0.016 285.938);
     --color-zinc-700: oklch(37% 0.013 285.805);
+    --color-zinc-900: oklch(21% 0.006 285.885);
     --color-zinc-950: oklch(14.1% 0.005 285.823);
     --color-black: #000;
     --color-white: #fff;
@@ -338,15 +339,15 @@
   .border-zinc-200 {
     border-color: var(--color-zinc-200);
   }
-  .bg-gray-50 {
-    background-color: var(--color-gray-50);
-  }
   .bg-gray-100 {
     background-color: var(--color-gray-100);
   }
   .bg-white {
     background-color: var(--color-white);
   }
+  .bg-zinc-50 {
+    background-color: var(--color-zinc-50);
+  }
   .p-1\.5 {
     padding: calc(var(--spacing) * 1.5);
   }
@@ -569,8 +570,8 @@
     --tooltip-text: var(--color-white);
     --slider-shadow: var(--shadow-md);
     --slider-track: var(--color-zinc-300);
-    --slider-fill: var(--color-gray-900);
-    --slider-thumb-inner: var(--color-gray-900);
+    --slider-fill: var(--color-zinc-900);
+    --slider-thumb-inner: var(--color-zinc-900);
     --slider-thumb-outer: var(--color-white);
     --navigation-stack-sidebar-width: 16rem;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@x33025/sveltely",
-	"version": "0.0.17",
+	"version": "0.0.19",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",

package/dist/components/PortalContent.svelte

@@ -1,21 +0,0 @@
-<script lang="ts">
-	import type { Snippet } from 'svelte';
-	import { portalContent } from '../actions/portal';
-
-	let {
-		to = 'default',
-		class: className = '',
-		style = '',
-		children,
-		...props
-	}: { to?: string; class?: string; style?: string; children?: Snippet } & Record<
-		string,
-		unknown
-	> = $props();
-</script>
-
-<div use:portalContent={to} class={className} {style} {...props}>
-	{#if children}
-		{@render children()}
-	{/if}
-</div>

package/dist/components/PortalContent.svelte.d.ts

@@ -1,10 +0,0 @@
-import type { Snippet } from 'svelte';
-type $$ComponentProps = {
-    to?: string;
-    class?: string;
-    style?: string;
-    children?: Snippet;
-} & Record<string, unknown>;
-declare const PortalContent: import("svelte").Component<$$ComponentProps, {}, "">;
-type PortalContent = ReturnType<typeof PortalContent>;
-export default PortalContent;

package/dist/components/PortalHost.svelte

@@ -1,12 +0,0 @@
-<script lang="ts">
-	import { portalHost } from '../actions/portal';
-
-	let {
-		name = 'default',
-		class: className = '',
-		style = '',
-		...props
-	}: { name?: string; class?: string; style?: string } & Record<string, unknown> = $props();
-</script>
-
-<div use:portalHost={name} class={className} {style} {...props}></div>

package/dist/components/PortalHost.svelte.d.ts

@@ -1,8 +0,0 @@
-type $$ComponentProps = {
-    name?: string;
-    class?: string;
-    style?: string;
-} & Record<string, unknown>;
-declare const PortalHost: import("svelte").Component<$$ComponentProps, {}, "">;
-type PortalHost = ReturnType<typeof PortalHost>;
-export default PortalHost;