m3-svelte 4.5.1 → 4.5.3

package/package/buttons/Button.svelte

@@ -174,7 +174,7 @@
     &:is(:global(input:checked) + label):not(.square) {
       border-radius: var(--m3-util-rounding-medium);
     }
-    &:active {
+    &:active:not(:disabled, :global(input:disabled) + label) {
       border-radius: var(--m3-util-rounding-small) !important;
     }
   }

package/package/containers/ListItem.svelte

@@ -1,12 +1,18 @@
 <script lang="ts">
   import type { Snippet } from "svelte";
-  import type { HTMLAttributes, HTMLButtonAttributes, HTMLLabelAttributes } from "svelte/elements";
+  import type {
+    HTMLAnchorAttributes,
+    HTMLAttributes,
+    HTMLButtonAttributes,
+    HTMLLabelAttributes,
+  } from "svelte/elements";
   import Layer from "../misc/Layer.svelte";
 
   type ActionProps =
     | HTMLAttributes<HTMLDivElement>
     | ({ click: () => void } & HTMLButtonAttributes)
-    | ({ label: true } & HTMLLabelAttributes);
+    | ({ label: true } & HTMLLabelAttributes)
+    | ({ href: string } & HTMLAnchorAttributes);
 
   let props: {
     leading?: Snippet;
@@ -78,6 +84,12 @@
     <Layer />
     {@render content(leading, overline, headline, supporting, trailing)}
   </button>
+{:else if "href" in props}
+  {@const { leading, overline = "", headline = "", supporting = "", trailing, ...extra } = props}
+  <a class="m3-container lines-{_lines}" {...extra}>
+    <Layer />
+    {@render content(leading, overline, headline, supporting, trailing)}
+  </a>
 {:else}
   {@const { leading, overline = "", headline = "", supporting = "", trailing, ...extra } = props}
   <div class="m3-container lines-{_lines}" {...extra}>
@@ -96,6 +108,7 @@
     border: none;
     position: relative;
     background: transparent;
+    color: inherit;
     -webkit-tap-highlight-color: transparent;
   }
   button.m3-container,

package/package/containers/ListItem.svelte.d.ts

@@ -1,10 +1,12 @@
 import type { Snippet } from "svelte";
-import type { HTMLAttributes, HTMLButtonAttributes, HTMLLabelAttributes } from "svelte/elements";
+import type { HTMLAnchorAttributes, HTMLAttributes, HTMLButtonAttributes, HTMLLabelAttributes } from "svelte/elements";
 type ActionProps = HTMLAttributes<HTMLDivElement> | ({
     click: () => void;
 } & HTMLButtonAttributes) | ({
     label: true;
-} & HTMLLabelAttributes);
+} & HTMLLabelAttributes) | ({
+    href: string;
+} & HTMLAnchorAttributes);
 type $$ComponentProps = {
     leading?: Snippet;
     overline?: string;

package/package/index.d.ts

@@ -26,6 +26,7 @@ export { default as WavyLinearProgressEstimate } from "./forms/WavyLinearProgres
 export { default as CircularProgress } from "./forms/CircularProgress.svelte";
 export { default as CircularProgressEstimate } from "./forms/CircularProgressEstimate.svelte";
 export { default as CircularProgressIndeterminate } from "./forms/CircularProgressIndeterminate.svelte";
+export { default as LoadingIndicator } from "./forms/LoadingIndicator.svelte";
 export { default as RadioAnim1 } from "./forms/RadioAnim1.svelte";
 export { default as RadioAnim2 } from "./forms/RadioAnim2.svelte";
 export { default as RadioAnim3 } from "./forms/RadioAnim3.svelte";

package/package/index.js

@@ -25,6 +25,7 @@ export { default as WavyLinearProgressEstimate } from "./forms/WavyLinearProgres
 export { default as CircularProgress } from "./forms/CircularProgress.svelte";
 export { default as CircularProgressEstimate } from "./forms/CircularProgressEstimate.svelte";
 export { default as CircularProgressIndeterminate } from "./forms/CircularProgressIndeterminate.svelte";
+export { default as LoadingIndicator } from "./forms/LoadingIndicator.svelte";
 export { default as RadioAnim1 } from "./forms/RadioAnim1.svelte";
 export { default as RadioAnim2 } from "./forms/RadioAnim2.svelte";
 export { default as RadioAnim3 } from "./forms/RadioAnim3.svelte";

package/package/misc/colors.js

@@ -50,6 +50,7 @@ const onErrorContainerSubtle = DynamicColor.fromPalette({
 export const colors = [
     ...materialColors.allColors,
     materialColors.shadow(),
+    materialColors.scrim(),
     onOnPrimary,
     primaryContainerSubtle,
     onPrimaryContainerSubtle,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "m3-svelte",
-  "version": "4.5.1",
+  "version": "4.5.3",
   "license": "Apache-2.0 OR GPL-3.0-only",
   "repository": "KTibow/m3-svelte",
   "author": {