m3-svelte 4.5.2 → 4.5.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/package/buttons/Button.svelte +1 -1
  2. package/package/index.d.ts +1 -0
  3. package/package/index.js +1 -0
  4. package/package/misc/_ripple.svelte +14 -12
  5. package/package/misc/_ripplesimple.svelte +14 -12
  6. package/package.json +13 -13
package/package/buttons/Button.svelte CHANGED
@@ -174,7 +174,7 @@
174
174
  &:is(:global(input:checked) + label):not(.square) {
175
175
  border-radius: var(--m3-util-rounding-medium);
176
176
  }
177
- &:active {
177
+ &:active:not(:disabled, :global(input:disabled) + label) {
178
178
  border-radius: var(--m3-util-rounding-small) !important;
179
179
  }
180
180
  }
package/package/index.d.ts CHANGED
@@ -26,6 +26,7 @@ export { default as WavyLinearProgressEstimate } from "./forms/WavyLinearProgres
26
26
  export { default as CircularProgress } from "./forms/CircularProgress.svelte";
27
27
  export { default as CircularProgressEstimate } from "./forms/CircularProgressEstimate.svelte";
28
28
  export { default as CircularProgressIndeterminate } from "./forms/CircularProgressIndeterminate.svelte";
29
+ export { default as LoadingIndicator } from "./forms/LoadingIndicator.svelte";
29
30
  export { default as RadioAnim1 } from "./forms/RadioAnim1.svelte";
30
31
  export { default as RadioAnim2 } from "./forms/RadioAnim2.svelte";
31
32
  export { default as RadioAnim3 } from "./forms/RadioAnim3.svelte";
package/package/index.js CHANGED
@@ -25,6 +25,7 @@ export { default as WavyLinearProgressEstimate } from "./forms/WavyLinearProgres
25
25
  export { default as CircularProgress } from "./forms/CircularProgress.svelte";
26
26
  export { default as CircularProgressEstimate } from "./forms/CircularProgressEstimate.svelte";
27
27
  export { default as CircularProgressIndeterminate } from "./forms/CircularProgressIndeterminate.svelte";
28
+ export { default as LoadingIndicator } from "./forms/LoadingIndicator.svelte";
28
29
  export { default as RadioAnim1 } from "./forms/RadioAnim1.svelte";
29
30
  export { default as RadioAnim2 } from "./forms/RadioAnim2.svelte";
30
31
  export { default as RadioAnim3 } from "./forms/RadioAnim3.svelte";
package/package/misc/_ripple.svelte CHANGED
@@ -159,19 +159,21 @@
159
159
  opacity: 0;
160
160
  transition: opacity var(--m3-util-easing-fast);
161
161
 
162
- @media (hover: hover) {
163
- &:is(:global(:hover) > .tint):not(
164
- :global(input:disabled + label) > .tint,
165
- :global(input:disabled + .layer-container) > .tint,
166
- :global(:disabled) > .tint
167
- ) {
168
- opacity: 0.08;
162
+ &:not(
163
+ :global(input:disabled + label) > .tint,
164
+ :global(input:disabled + .layer-container) > .tint,
165
+ :global(:disabled) > .tint
166
+ ) {
167
+ @media (hover: hover) {
168
+ &:is(:global(:hover) > .tint) {
169
+ opacity: 0.08;
170
+ }
171
+ }
172
+ &:is(:global(input:focus-visible + label) > .tint),
173
+ &:is(:global(:focus-visible) > .tint),
174
+ &:is(.ripple-container.broken + .tint):is(:global(:active) > .tint) {
175
+ opacity: 0.12;
169
176
  }
170
- }
171
- &:is(:global(input:focus-visible + label) > .tint),
172
- &:is(:global(:focus-visible) > .tint),
173
- &:is(.ripple-container.broken + .tint):is(:global(:active) > .tint) {
174
- opacity: 0.12;
175
177
  }
176
178
  }
177
179
  </style>
package/package/misc/_ripplesimple.svelte CHANGED
@@ -13,19 +13,21 @@
13
13
  opacity: 0;
14
14
  transition: opacity var(--m3-util-easing-fast);
15
15
 
16
- @media (hover: hover) {
17
- &:is(:global(:hover) > .tint):not(
18
- :global(input:disabled + label) > .tint,
19
- :global(input:disabled + .layer-container) > .tint,
20
- :global(:disabled) > .tint
21
- ) {
22
- opacity: 0.08;
16
+ &:not(
17
+ :global(input:disabled + label) > .tint,
18
+ :global(input:disabled + .layer-container) > .tint,
19
+ :global(:disabled) > .tint
20
+ ) {
21
+ @media (hover: hover) {
22
+ &:is(:global(:hover) > .tint) {
23
+ opacity: 0.08;
24
+ }
25
+ }
26
+ &:is(:global(input:focus-visible + label) > .tint),
27
+ &:is(:global(:focus-visible) > .tint),
28
+ &:is(:global(:active) > .tint) {
29
+ opacity: 0.12;
23
30
  }
24
- }
25
- &:is(:global(input:focus-visible + label) > .tint),
26
- &:is(:global(:focus-visible) > .tint),
27
- &:is(.ripple-container.broken + .tint):is(:global(:active) > .tint) {
28
- opacity: 0.12;
29
31
  }
30
32
  }
31
33
  </style>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "m3-svelte",
3
- "version": "4.5.2",
3
+ "version": "4.5.4",
4
4
  "license": "Apache-2.0 OR GPL-3.0-only",
5
5
  "repository": "KTibow/m3-svelte",
6
6
  "author": {
@@ -30,30 +30,30 @@
30
30
  },
31
31
  "dependencies": {
32
32
  "@iconify/types": "^2.0.0",
33
- "@ktibow/iconset-material-symbols": "^0.0.1750223537",
34
- "@ktibow/material-color-utilities-nightly": "^0.3.11750642744987",
35
- "svelte": "^5.34.7"
33
+ "@ktibow/iconset-material-symbols": "^0.0.1751607664",
34
+ "@ktibow/material-color-utilities-nightly": "^0.3.11751852341624",
35
+ "svelte": "^5.35.4"
36
36
  },
37
37
  "devDependencies": {
38
- "@eslint/compat": "^1.3.0",
39
- "@eslint/js": "^9.29.0",
38
+ "@eslint/compat": "^1.3.1",
39
+ "@eslint/js": "^9.30.1",
40
40
  "@sveltejs/adapter-static": "^3.0.8",
41
- "@sveltejs/kit": "^2.22.0",
42
- "@sveltejs/package": "^2.3.11",
41
+ "@sveltejs/kit": "^2.22.2",
42
+ "@sveltejs/package": "^2.3.12",
43
43
  "@sveltejs/vite-plugin-svelte": "^5.1.0",
44
44
  "eslint": "^9.27.0",
45
45
  "eslint-config-prettier": "^10.1.5",
46
- "eslint-plugin-svelte": "^3.9.3",
46
+ "eslint-plugin-svelte": "^3.10.1",
47
47
  "fast-glob": "^3.3.3",
48
- "globals": "^16.2.0",
49
- "prettier": "^3.6.0",
48
+ "globals": "^16.3.0",
49
+ "prettier": "^3.6.2",
50
50
  "prettier-plugin-svelte": "^3.4.0",
51
51
  "publint": "^0.3.12",
52
52
  "svelte-check": "^4.2.2",
53
53
  "svelte-highlight": "^7.8.3",
54
54
  "typescript": "^5.8.3",
55
- "typescript-eslint": "^8.35.0",
56
- "vite": "^6.3.5"
55
+ "typescript-eslint": "^8.36.0",
56
+ "vite": "^7.0.2"
57
57
  },
58
58
  "keywords": [
59
59
  "svelte",