lapikit 0.6.5 → 0.6.7

package/dist/components/toolbar/toolbar.svelte

@@ -95,15 +95,6 @@
 
 <style>
 	.kit-toolbar {
-		/* --kit-toolbar-bg: var(--kit-surface-2);
-		--kit-toolbar-fg: var(--kit-fg);
-		--kit-toolbar-bd: color-mix(in oklab, var(--kit-toolbar-fg), transparent 82%);
-		--kit-toolbar-radius: 1rem;
-		--kit-toolbar-gap: 0.5rem;
-		--kit-toolbar-padding-x: 0.75rem;
-		--kit-toolbar-padding-y: 0.5rem;
-		--kit-toolbar-size: auto; */
-
 		position: relative;
 		display: inline-flex;
 		max-width: 100%;
@@ -150,21 +141,14 @@
 	 * density
 	 * @link no links
 	 */
-	.kit-toolbar[data-density='none'] {
-		--kit-toolbar-density-scale: 0;
-		--kit-toolbar-density-h-scale: 0;
-	}
 	.kit-toolbar[data-density='compact'] {
-		--kit-toolbar-density-scale: 0.9;
-		--kit-toolbar-density-h-scale: 0.92;
+		--kit-toolbar-density-offset: var(--kit-density-compact);
 	}
 	.kit-toolbar[data-density='default'] {
-		--kit-toolbar-density-scale: 1;
-		--kit-toolbar-density-h-scale: 1;
+		--kit-toolbar-density-offset: var(--kit-density-default);
 	}
 	.kit-toolbar[data-density='comfortable'] {
-		--kit-toolbar-density-scale: 1.1;
-		--kit-toolbar-density-h-scale: 1.15;
+		--kit-toolbar-density-offset: var(--kit-density-comfortable);
 	}
 
 	/** 
@@ -199,34 +183,34 @@
 	* @link nothing...
 	*/
 	.kit-toolbar[data-size='xs'] {
-		--kit-toolbar-h: 24px;
-		--kit-toolbar-px: 6px;
-		--kit-toolbar-gap: 4px;
-		--kit-toolbar-font: 0.75rem;
+		--kit-toolbar-h: 32px;
+		--kit-toolbar-p: 8px;
+		--kit-toolbar-gap: var(--kit-space-compact);
+		--kit-toolbar-font: var(--kit-font-xs);
 	}
 	.kit-toolbar[data-size='sm'] {
-		--kit-toolbar-h: 28px;
-		--kit-toolbar-px: 8px;
-		--kit-toolbar-gap: 6px;
-		--kit-toolbar-font: 0.875rem;
+		--kit-toolbar-h: 40px;
+		--kit-toolbar-p: 10px;
+		--kit-toolbar-gap: var(--kit-space-default);
+		--kit-toolbar-font: var(--kit-font-sm);
 	}
 	.kit-toolbar[data-size='md'] {
-		--kit-toolbar-h: 32px;
-		--kit-toolbar-px: 10px;
-		--kit-toolbar-gap: 8px;
-		--kit-toolbar-font: 1rem;
+		--kit-toolbar-h: 48px;
+		--kit-toolbar-p: 12px;
+		--kit-toolbar-gap: var(--kit-space-default);
+		--kit-toolbar-font: var(--kit-font-md);
 	}
 	.kit-toolbar[data-size='lg'] {
-		--kit-toolbar-h: 38px;
-		--kit-toolbar-px: 12px;
-		--kit-toolbar-gap: 10px;
-		--kit-toolbar-font: 1.125rem;
+		--kit-toolbar-h: 56px;
+		--kit-toolbar-p: 16px;
+		--kit-toolbar-gap: var(--kit-space-default);
+		--kit-toolbar-font: var(--kit-font-lg);
 	}
 	.kit-toolbar[data-size='xl'] {
-		--kit-toolbar-h: 42px;
-		--kit-toolbar-px: 14px;
-		--kit-toolbar-gap: 12px;
-		--kit-toolbar-font: 1.25rem;
+		--kit-toolbar-h: 64px;
+		--kit-toolbar-p: 20px;
+		--kit-toolbar-gap: var(--kit-space-comfortable);
+		--kit-toolbar-font: var(--kit-font-xl);
 	}
 
 	.kit-toolbar .outline {
@@ -243,8 +227,8 @@
 		display: inline-flex;
 		align-items: center;
 		justify-content: flex-start;
-		min-height: calc(var(--kit-toolbar-h) * var(--kit-toolbar-density-h-scale));
-		padding: calc(var(--kit-toolbar-px) * var(--kit-toolbar-density-scale));
+		min-height: calc(var(--kit-toolbar-h) + var(--kit-toolbar-density-offset) / 2);
+		padding: calc(var(--kit-toolbar-p) + var(--kit-toolbar-density-offset) / 2);
 		gap: var(--kit-toolbar-gap);
 		width: 100%;
 		border-radius: inherit;

package/dist/components/tooltip/tooltip.svelte

@@ -226,22 +226,19 @@
 	.kit-tooltip__content {
 		--kit-tooltip-bg: var(--kit-color-surface-2);
 		--kit-tooltip-fg: var(--kit-color-text);
-		--kit-tooltip-py: 0.15rem;
-		--kit-tooltip-px: 0.625rem;
 
 		position: relative;
 		display: inline-block;
 		width: max-content;
 		max-width: min(20rem, calc(100vw - 1rem));
-		padding: calc(var(--kit-tooltip-py) * var(--kit-tooltip-density-scale))
-			calc(var(--kit-tooltip-px) * var(--kit-tooltip-density-scale));
+		padding: calc(var(--kit-space-default) + var(--kit-tooltip-density-offset) / 2);
 		border: 0;
 		border-radius: var(--kit-tooltip-radius);
 		background: var(--kit-tooltip-bg);
 		color: var(--kit-tooltip-fg);
 		font-size: 0.875rem;
 		overflow-wrap: break-word;
-		box-shadow: 0 16px 29px -10px color-mix(in oklab, black 18%, transparent);
+		box-shadow: 0 16px 29px -10px color-mix(in oklab, var(--kit-color-shadow) 18%, transparent);
 		animation: kit-tooltip-enter 150ms ease;
 	}
 
@@ -249,17 +246,14 @@
 	 * density
 	 * @link no links
 	 */
-	.kit-tooltip__content[data-density='none'] {
-		--kit-tooltip-density-scale: 0;
-	}
 	.kit-tooltip__content[data-density='compact'] {
-		--kit-tooltip-density-scale: 0.9;
+		--kit-tooltip-density-offset: var(--kit-density-compact);
 	}
 	.kit-tooltip__content[data-density='default'] {
-		--kit-tooltip-density-scale: 1;
+		--kit-tooltip-density-offset: var(--kit-density-default);
 	}
 	.kit-tooltip__content[data-density='comfortable'] {
-		--kit-tooltip-density-scale: 1.1;
+		--kit-tooltip-density-offset: var(--kit-density-comfortable);
 	}
 
 	/** 

package/dist/hooks/accordion.svelte.d.ts

@@ -0,0 +1,5 @@
+import type { AccordionOptions } from '../@types';
+export declare function useAccordion({ multiple, readOnly }?: AccordionOptions): {
+    readonly values: (string | number)[];
+    toggle(id: string | number): void;
+};

package/dist/hooks/actions.d.ts

@@ -1,2 +1,2 @@
 export * from './themes.svelte.js';
-export * from '../components/accordion/accordion.svelte.js';
+export * from './accordion.svelte.js';

package/dist/hooks/actions.js

@@ -1,2 +1,2 @@
 export * from './themes.svelte.js';
-export * from '../components/accordion/accordion.svelte.js';
+export * from './accordion.svelte.js';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "lapikit",
-	"version": "0.6.5",
+	"version": "0.6.7",
 	"license": "MIT",
 	"publishConfig": {
 		"access": "public"