@sveltia/ui 0.6.4 → 0.6.5
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.
|
@@ -248,6 +248,7 @@ dialog form {
|
|
|
248
248
|
flex-direction: column;
|
|
249
249
|
border-radius: 4px;
|
|
250
250
|
background-color: var(--sui-secondary-background-color-translucent);
|
|
251
|
+
-webkit-backdrop-filter: blur(16px);
|
|
251
252
|
backdrop-filter: blur(16px);
|
|
252
253
|
box-shadow: 0 8px 16px var(--sui-popup-shadow-color);
|
|
253
254
|
will-change: opacity, transform;
|
|
@@ -233,6 +233,7 @@ dialog form {
|
|
|
233
233
|
flex-direction: column;
|
|
234
234
|
border-radius: 4px;
|
|
235
235
|
background-color: var(--sui-secondary-background-color-translucent);
|
|
236
|
+
-webkit-backdrop-filter: blur(16px);
|
|
236
237
|
backdrop-filter: blur(16px);
|
|
237
238
|
box-shadow: 0 8px 16px var(--sui-popup-shadow-color);
|
|
238
239
|
will-change: opacity, transform;
|
|
@@ -207,6 +207,7 @@
|
|
|
207
207
|
box-shadow: 0 8px 16px var(--sui-popup-shadow-color);
|
|
208
208
|
overflow: auto;
|
|
209
209
|
background-color: var(--sui-secondary-background-color);
|
|
210
|
+
-webkit-backdrop-filter: blur(16px);
|
|
210
211
|
backdrop-filter: blur(16px);
|
|
211
212
|
/* Add .1s delay before the position can be determined */
|
|
212
213
|
transition: opacity 100ms 100ms;
|
|
@@ -58,8 +58,8 @@
|
|
|
58
58
|
</svelte:head>
|
|
59
59
|
|
|
60
60
|
<!-- Preload fonts, including the icons -->
|
|
61
|
-
<div class="font-loader" aria-hidden="true" bind:this={fontLoader}>
|
|
62
|
-
Sveltia UI <span class="material-symbols-outlined">favorite</span>
|
|
61
|
+
<div class="font-loader" aria-hidden="true" bind:this={fontLoader} style:opacity="0">
|
|
62
|
+
<strong>Sveltia</strong> <em>UI</em> <span class="material-symbols-outlined">favorite</span>
|
|
63
63
|
</div>
|
|
64
64
|
|
|
65
65
|
<div
|
|
@@ -358,6 +358,7 @@
|
|
|
358
358
|
:global(.font-loader) {
|
|
359
359
|
position: absolute;
|
|
360
360
|
left: -99999px;
|
|
361
|
+
font-family: var(--sui-font-family-default);
|
|
361
362
|
}
|
|
362
363
|
|
|
363
364
|
:global(.app-shell) {
|
|
@@ -156,6 +156,7 @@
|
|
|
156
156
|
outline-width: 0 !important;
|
|
157
157
|
color: var(--sui-primary-foreground-color);
|
|
158
158
|
background-color: var(--sui-secondary-background-color-translucent);
|
|
159
|
+
-webkit-backdrop-filter: blur(16px);
|
|
159
160
|
backdrop-filter: blur(16px);
|
|
160
161
|
box-shadow: 0 8px 16px var(--sui-popup-shadow-color);
|
|
161
162
|
will-change: opacity, transform;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sveltia/ui",
|
|
3
|
-
"version": "0.6.
|
|
3
|
+
"version": "0.6.5",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"publishConfig": {
|
|
@@ -23,36 +23,36 @@
|
|
|
23
23
|
"test:unit": "vitest"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"svelte": "^4.2.
|
|
26
|
+
"svelte": "^4.2.2"
|
|
27
27
|
},
|
|
28
28
|
"devDependencies": {
|
|
29
|
-
"@playwright/test": "^1.
|
|
29
|
+
"@playwright/test": "^1.39.0",
|
|
30
30
|
"@sveltejs/adapter-auto": "2.1.0",
|
|
31
|
-
"@sveltejs/kit": "^1.
|
|
31
|
+
"@sveltejs/kit": "^1.26.0",
|
|
32
32
|
"@sveltejs/package": "^2.2.2",
|
|
33
|
-
"cspell": "^7.3.
|
|
34
|
-
"eslint": "^8.
|
|
33
|
+
"cspell": "^7.3.8",
|
|
34
|
+
"eslint": "^8.52.0",
|
|
35
35
|
"eslint-config-airbnb-base": "^15.0.0",
|
|
36
36
|
"eslint-config-prettier": "^9.0.0",
|
|
37
|
-
"eslint-plugin-import": "^2.
|
|
38
|
-
"eslint-plugin-jsdoc": "^46.8.
|
|
39
|
-
"eslint-plugin-svelte": "^2.
|
|
37
|
+
"eslint-plugin-import": "^2.29.0",
|
|
38
|
+
"eslint-plugin-jsdoc": "^46.8.2",
|
|
39
|
+
"eslint-plugin-svelte": "^2.34.0",
|
|
40
40
|
"npm-run-all": "^4.1.5",
|
|
41
|
-
"postcss": "^8.4.
|
|
41
|
+
"postcss": "^8.4.31",
|
|
42
42
|
"postcss-html": "^1.5.0",
|
|
43
43
|
"prettier": "^3.0.3",
|
|
44
44
|
"prettier-plugin-svelte": "^3.0.3",
|
|
45
|
-
"sass": "^1.
|
|
46
|
-
"stylelint": "^15.
|
|
45
|
+
"sass": "^1.69.4",
|
|
46
|
+
"stylelint": "^15.11.0",
|
|
47
47
|
"stylelint-config-recommended-scss": "^13.0.0",
|
|
48
48
|
"stylelint-scss": "^5.2.1",
|
|
49
|
-
"svelte-check": "^3.5.
|
|
50
|
-
"svelte-i18n": "^
|
|
51
|
-
"svelte-migrate": "^1.2.
|
|
49
|
+
"svelte-check": "^3.5.2",
|
|
50
|
+
"svelte-i18n": "^4.0.0",
|
|
51
|
+
"svelte-migrate": "^1.2.7",
|
|
52
52
|
"svelte-preprocess": "^5.0.4",
|
|
53
53
|
"tslib": "^2.6.2",
|
|
54
|
-
"vite": "^4.
|
|
55
|
-
"vitest": "^0.34.
|
|
54
|
+
"vite": "^4.5.0",
|
|
55
|
+
"vitest": "^0.34.6"
|
|
56
56
|
},
|
|
57
57
|
"exports": {
|
|
58
58
|
"./package.json": "./package.json",
|