lapikit 0.7.7 → 0.7.8

package/dist/components/alert/alert.svelte

@@ -12,6 +12,7 @@
 		's-style': sStyle,
 		open = $bindable(true),
 		closable,
+		closeLabel = 'Close',
 		multiline,
 		size = 'md',
 		variant = 'filled',
@@ -77,7 +78,7 @@
 			<button
 				class="kit-alert__close"
 				type="button"
-				aria-label="Close"
+				aria-label={closeLabel}
 				onclick={() => (open = false)}
 			>
 				{#if close}

package/dist/components/alert/alert.types.d.ts

@@ -7,6 +7,7 @@ export interface AlertProps extends Component {
     is?: 'div' | 'section' | 'aside' | 'article';
     open?: boolean;
     closable?: boolean;
+    closeLabel?: string;
     multiline?: boolean;
     variant?: AlertVariant;
     size?: SizeType;

package/dist/components/app/app.svelte

@@ -202,6 +202,12 @@
   z-index: 999;
   border-radius: var(--system-ripple-radius);
 }
+@media (prefers-reduced-motion: reduce) {
+  :global .kit-ripple {
+    animation: none;
+    transition: none;
+  }
+}
 :global [data-elevation="0"],
 :global [data-elevation-hover="0"]:hover,
 :global [data-elevation-active="0"]:active {

package/dist/components/chip/chip.svelte

@@ -110,7 +110,7 @@
 			type={type || 'button'}
 			{checked}
 			{value}
-			aria-label={String(label || value)}
+			aria-label={label || (value != null ? String(value) : undefined)}
 			disabled={isLocked}
 		/>
 	{:else}

package/dist/components/dropdown/dropdown.svelte

@@ -242,4 +242,10 @@
 
 :where(.kit-dropdown-content[data-density=spacious]) {
   --kit-dropdown-content-density-offset: var(--kit-density-spacious);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .kit-dropdown-content {
+    animation: none;
+  }
 }</style>

package/dist/components/field/field.svelte

@@ -26,6 +26,7 @@
 		persistentMessage = false,
 		counter,
 		clearable = false,
+		clearLabel = 'Clear',
 		persistentClear = false,
 		dirty = false,
 		onclear,
@@ -117,7 +118,7 @@
 				type="button"
 				class="kit-field__clear"
 				data-visible={showClear}
-				aria-label="Clear"
+				aria-label={clearLabel}
 				tabindex={showClear ? undefined : -1}
 				{disabled}
 				onclick={() => onclear?.()}

package/dist/components/field/field.types.d.ts

@@ -25,6 +25,7 @@ export interface FieldBaseProps {
     messageSuffix?: string;
     persistentMessage?: boolean;
     clearable?: boolean;
+    clearLabel?: string;
     persistentClear?: boolean;
     prefix?: string;
     suffix?: string;

package/dist/components/popover/popover.svelte

@@ -176,4 +176,10 @@
 
 :where(.kit-popover-content[data-density=spacious]) {
   --kit-popover-content-density-offset: var(--kit-density-spacious);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .kit-popover-content {
+    animation: none;
+  }
 }</style>

package/dist/components/textfield/textfield.svelte

@@ -30,6 +30,7 @@
 		messageSuffix,
 		persistentMessage,
 		clearable,
+		clearLabel,
 		persistentClear,
 		prefix,
 		suffix,
@@ -78,6 +79,7 @@
 	{messageSuffix}
 	{persistentMessage}
 	{clearable}
+	{clearLabel}
 	{persistentClear}
 	{prefix}
 	{suffix}

package/dist/components/tooltip/tooltip.svelte

@@ -301,4 +301,10 @@
 
 :where(.kit-tooltip[data-density=spacious]) {
   --kit-tooltip-density-offset: var(--kit-density-spacious);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .kit-tooltip {
+    animation: none;
+  }
 }</style>

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "lapikit",
-	"version": "0.7.7",
+	"version": "0.7.8",
 	"license": "MIT",
 	"publishConfig": {
 		"access": "public"
@@ -96,7 +96,7 @@
 		"@eslint/js": "^9.18.0",
 		"@mdi/js": "^7.4.47",
 		"@sveltejs/adapter-auto": "^4.0.0",
-		"@sveltejs/kit": "^2.16.0",
+		"@sveltejs/kit": "^2.70.3",
 		"@sveltejs/package": "^2.0.0",
 		"@sveltejs/vite-plugin-svelte": "^6.2.1",
 		"@tabler/icons-svelte": "^3.40.0",