lapikit 0.6.6 → 0.6.8

package/dist/components/accordion/accordion.svelte

@@ -125,6 +125,16 @@
 		display: none;
 	}
 
+	.kit-accordion[data-variant='text'] :global(.kit-accordion-item),
+	.kit-accordion[data-variant='text'] :global(.kit-accordion-item:first-child:last-child) {
+		border-radius: 0 !important;
+	}
+
+	.kit-accordion:not([data-variant='text'])
+		:global(.kit-accordion-item[data-read-only='false'][data-disabled='false'] > button:hover) {
+		background: var(--kit-accordion-item-hover-bg);
+	}
+
 	/** 
 	 * rounded
 	 * @link ...

package/dist/components/accordion/modules/accordion-item.svelte

@@ -199,7 +199,7 @@
 	}
 
 	.kit-accordion-item__separator {
-		width: 96%;
+		width: 100%;
 		height: 1px;
 		display: block;
 		position: relative;
@@ -207,9 +207,10 @@
 		margin: 0 auto;
 	}
 
-	.kit-accordion-item[data-read-only='false'][data-disabled='false'] > button:hover {
+	/* .kit-accordion-item[data-read-only='false'][data-disabled='false']:not([data-variant='text'])
+		> button:hover {
 		background: var(--kit-accordion-item-hover-bg);
-	}
+	} */
 
 	/**I think is a good idea for not use this*/
 	/* .kit-accordion-item[data-active='true'][data-disabled='false'][data-read-only='false'] > button {

package/dist/components/app/app.svelte

@@ -62,7 +62,7 @@
 		--kit-density-comfortable: 4px;
 
 		--kit-shadow-opacity: 30%;
-		--kit-shadow-ambiant-opacity: 15%;
+		--kit-shadow-ambient-opacity: 15%;
 
 		--kit-disabled-opacity: 0.55;
 		--kit-font:
@@ -261,7 +261,7 @@
 		box-shadow:
 			0 1px 2px color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-opacity), transparent),
 			0 3px 8px -2px
-				color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-ambiant-opacity), transparent);
+				color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-ambient-opacity), transparent);
 	}
 
 	:global([data-elevation='2']),
@@ -270,7 +270,7 @@
 		box-shadow:
 			0 1px 3px color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-opacity), transparent),
 			0 5px 12px -3px
-				color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-ambiant-opacity), transparent);
+				color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-ambient-opacity), transparent);
 	}
 
 	:global([data-elevation='3']),
@@ -279,7 +279,7 @@
 		box-shadow:
 			0 2px 4px color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-opacity), transparent),
 			0 8px 20px -4px
-				color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-ambiant-opacity), transparent);
+				color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-ambient-opacity), transparent);
 	}
 
 	:global([data-elevation='4']),
@@ -288,7 +288,7 @@
 		box-shadow:
 			0 3px 5px color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-opacity), transparent),
 			0 11px 26px -5px
-				color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-ambiant-opacity), transparent);
+				color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-ambient-opacity), transparent);
 	}
 
 	:global([data-elevation='5']),
@@ -297,7 +297,7 @@
 		box-shadow:
 			0 4px 6px color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-opacity), transparent),
 			0 14px 32px -6px
-				color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-ambiant-opacity), transparent);
+				color-mix(in oklab, var(--kit-color-shadow) var(--kit-shadow-ambient-opacity), transparent);
 	}
 	@keyframes -global-animation-l-ripple {
 		from {

package/dist/components/appbar/appbar.svelte

@@ -146,10 +146,10 @@
 		--kit-appbar-density-offset: var(--kit-density-compact);
 	}
 	.kit-appbar[data-density='default'] {
-		--kit-appbar-density-offset: var(--kit-density-compact);
+		--kit-appbar-density-offset: var(--kit-density-default);
 	}
 	.kit-appbar[data-density='comfortable'] {
-		--kit-appbar-density-offset: var(--kit-density-compact);
+		--kit-appbar-density-offset: var(--kit-density-comfortable);
 	}
 
 	/** 

package/dist/components/btn/btn.svelte

@@ -237,6 +237,7 @@
 		background: var(--kit-btn-hover-bg);
 		color: var(--kit-btn-fg);
 		text-decoration: var(--kit-btn-decoration);
+		translate: 0 -1px;
 	}
 
 	.kit-btn:has(> :is(input[type='checkbox'], input[type='radio']):checked) {

package/dist/components/card/card.svelte

@@ -202,7 +202,6 @@
 	}
 
 	.kit-card[data-interactive='true'][data-disabled='false']:hover {
-		translate: 0 -1px;
 		background: var(--kit-card-hover-bg);
 	}
 

package/dist/components/chip/chip.svelte

@@ -250,6 +250,7 @@
 		white-space: nowrap;
 		user-select: none;
 		cursor: default;
+		font-size: var(--kit-chip-font);
 		border: 0;
 		transition:
 			background 150ms ease,
@@ -278,6 +279,7 @@
 		background: var(--kit-chip-hover-bg);
 		color: var(--kit-chip-fg);
 		text-decoration: var(--kit-chip-decoration);
+		translate: 0 -1px;
 	}
 
 	:is(.kit-chip:focus-visible, .kit-chip:has(> input:focus-visible)) {

package/dist/components/icon/icon.svelte

@@ -116,20 +116,26 @@
 
 <style>
 	.kit-icon {
+		--kit-icon-size-xs: 12px;
+		--kit-icon-size-sm: 14px;
+		--kit-icon-size-md: 16px;
+		--kit-icon-size-lg: 18px;
+		--kit-icon-size-xl: 20px;
+
 		display: inline-flex;
 		align-items: center;
 		justify-content: center;
 		text-indent: 0;
 		line-height: 1;
-		font-size: var(--kit-icon-current-size);
+		font-size: var(--kit-icon-current-size, var(--kit-icon-size-md));
 		vertical-align: middle;
 	}
 
 	.kit-icon :global(svg),
 	.kit-icon img,
 	.kit-icon .kit-icon__mask {
-		width: var(--kit-icon-current-size);
-		height: var(--kit-icon-current-size);
+		width: var(--kit-icon-current-size, var(--kit-icon-size-md));
+		height: var(--kit-icon-current-size, var(--kit-icon-size-md));
 		flex-shrink: 0;
 		display: block;
 	}
@@ -152,18 +158,18 @@
 	 * @link https://lapikit.dev/docs/components/icon#size 
 	 */
 	.kit-icon[data-size='xs'] {
-		--kit-icon-current-size: 12px;
+		--kit-icon-current-size: var(--kit-icon-size-xs);
 	}
 	.kit-icon[data-size='sm'] {
-		--kit-icon-current-size: 14px;
+		--kit-icon-current-size: var(--kit-icon-size-sm);
 	}
 	.kit-icon[data-size='md'] {
-		--kit-icon-current-size: 16px;
+		--kit-icon-current-size: var(--kit-icon-size-md);
 	}
 	.kit-icon[data-size='lg'] {
-		--kit-icon-current-size: 18px;
+		--kit-icon-current-size: var(--kit-icon-size-lg);
 	}
 	.kit-icon[data-size='xl'] {
-		--kit-icon-current-size: 20px;
+		--kit-icon-current-size: var(--kit-icon-size-xl);
 	}
 </style>

package/dist/components/list/list.svelte

@@ -136,14 +136,14 @@
 	 * variant
 	 * @link https://lapikit.dev/docs/components/list#variants
 	 */
-	.kit-list[data-variant='filled'] :global(.kit-list-item) {
+	.kit-list[data-variant='filled'] {
 		--kit-list-item-bg: var(--kit-color-surface-2);
 		--kit-list-item-fg: var(--kit-color-text);
 
 		--kit-list-item-hover-bg: color-mix(in oklab, var(---kit-list-item-bg), black 10%);
 		--kit-list-item-active-bg: color-mix(in oklab, var(--kit-list-item-bg), black 16%);
 	}
-	.kit-list[data-variant='outline'] :global(.kit-list-item) {
+	.kit-list[data-variant='outline'] {
 		--kit-list-item-bg: transparent;
 		--kit-list-item-fg: var(--kit-color-text);
 		--kit-list-item-bd: var(--kit-list-item-fg);
@@ -151,7 +151,7 @@
 		--kit-list-item-hover-bg: color-mix(in oklab, var(--kit-list-item-fg), transparent 80%);
 		--kit-list-item-active-bg: color-mix(in oklab, var(--kit-list-item-fg), transparent 92%);
 	}
-	.kit-list[data-variant='text'] :global(.kit-list-item) {
+	.kit-list[data-variant='text'] {
 		--kit-list-item-bg: transparent;
 		--kit-list-item-fg: var(--kit-color-text);
 
@@ -181,8 +181,7 @@
 		border-bottom-left-radius: var(--kit-list-item-radius);
 		border-bottom-right-radius: var(--kit-list-item-radius);
 	}
-	.kit-list:not([data-nav='true']) :global(.kit-list-item:not(:first-child)),
-	.kit-list:not([data-nav='true']) :global(.kit-list-item:not(:last-child)) {
+	.kit-list:not([data-nav='true']) :global(.kit-list-item:not(:first-child):not(:last-child)) {
 		--kit-list-item-radius: 0;
 	}
 

package/dist/components/list/modules/list-item.svelte

@@ -155,7 +155,6 @@
 	}
 
 	.kit-list-item[data-interactive='true'][data-disabled='false']:hover {
-		translate: 0 -1px;
 		background: var(--kit-list-item-hover-bg);
 	}
 	.kit-list-item[data-active='true'][data-disabled='false'] {

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.6",
+	"version": "0.6.8",
 	"license": "MIT",
 	"publishConfig": {
 		"access": "public"