@sveltia/ui 0.18.0 → 0.18.2
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.
|
@@ -112,6 +112,9 @@
|
|
|
112
112
|
.option :global(button:active) {
|
|
113
113
|
background-color: var(--sui-active-background-color);
|
|
114
114
|
}
|
|
115
|
+
.option :global(.icon.check) {
|
|
116
|
+
margin: -2px;
|
|
117
|
+
}
|
|
115
118
|
.option :global(button[aria-selected="true"]) :global(.icon) {
|
|
116
119
|
color: var(--sui-primary-accent-color-text);
|
|
117
120
|
}</style>
|
|
@@ -189,6 +189,7 @@
|
|
|
189
189
|
--sui-line-height-compact: 1.5;
|
|
190
190
|
--sui-line-height-comfortable: 1.75;
|
|
191
191
|
--sui-word-spacing-normal: 0.1ex;
|
|
192
|
+
--sui-paragraph-margin: 1.75em;
|
|
192
193
|
--sui-control-small-border-width: 1px;
|
|
193
194
|
--sui-control-small-border-radius: calc(var(--sui-control-small-height) / 8);
|
|
194
195
|
--sui-control-small-padding: 0 calc((var(--sui-control-small-height) / 5));
|
|
@@ -240,7 +241,7 @@
|
|
|
240
241
|
--sui-textbox-singleline-padding: 0 8px;
|
|
241
242
|
--sui-textbox-singleline-min-width: 240px;
|
|
242
243
|
--sui-textbox-singleline-line-height: var(--sui-line-height-compact);
|
|
243
|
-
--sui-textbox-multiline-padding:
|
|
244
|
+
--sui-textbox-multiline-padding: 16px;
|
|
244
245
|
--sui-textbox-multiline-min-width: 480px;
|
|
245
246
|
--sui-textbox-multiline-line-height: var(--sui-line-height-comfortable);
|
|
246
247
|
--sui-tab-height: var(--sui-control-medium-height);
|
|
@@ -514,6 +515,7 @@
|
|
|
514
515
|
|
|
515
516
|
:global(p),
|
|
516
517
|
:global(li) {
|
|
518
|
+
margin: var(--sui-paragraph-margin) 0;
|
|
517
519
|
line-height: var(--sui-line-height-comfortable);
|
|
518
520
|
}
|
|
519
521
|
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
showContent = true;
|
|
82
82
|
dialog.showModal();
|
|
83
83
|
onOpen?.(new CustomEvent('Open'));
|
|
84
|
-
await sleep(
|
|
84
|
+
await sleep(0);
|
|
85
85
|
setOpenClass = true;
|
|
86
86
|
await waitForTransition();
|
|
87
87
|
setActiveClass = true;
|
|
@@ -96,11 +96,11 @@
|
|
|
96
96
|
}
|
|
97
97
|
|
|
98
98
|
onClosing?.(new CustomEvent('Closing'));
|
|
99
|
+
dialog.close();
|
|
99
100
|
setActiveClass = false;
|
|
100
101
|
setOpenClass = false;
|
|
101
102
|
await waitForTransition();
|
|
102
103
|
showContent = false;
|
|
103
|
-
dialog.close();
|
|
104
104
|
|
|
105
105
|
if (dialog.returnValue === 'ok') {
|
|
106
106
|
onOk?.(new CustomEvent('Ok'));
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
<dialog
|
|
143
143
|
bind:this={dialog}
|
|
144
144
|
{...restProps}
|
|
145
|
-
inert={!
|
|
145
|
+
inert={!setOpenClass}
|
|
146
146
|
{role}
|
|
147
147
|
class="sui modal {className}"
|
|
148
148
|
class:backdrop={showBackdrop}
|
|
@@ -220,5 +220,6 @@ dialog:not(.active) {
|
|
|
220
220
|
pointer-events: none !important;
|
|
221
221
|
}
|
|
222
222
|
dialog:not(.active) :global(*) {
|
|
223
|
+
transition-duration: 0ms !important;
|
|
223
224
|
pointer-events: none !important;
|
|
224
225
|
}</style>
|
package/package/styles/core.scss
CHANGED
|
@@ -149,7 +149,7 @@
|
|
|
149
149
|
// Shadows
|
|
150
150
|
--sui-popup-shadow-color: hsl(var(--sui-shadow-color) / 40%);
|
|
151
151
|
--sui-popup-backdrop-color: hsl(var(--sui-shadow-color) / 40%);
|
|
152
|
-
//
|
|
152
|
+
// Text
|
|
153
153
|
--sui-font-family-default: "Merriweather Sans", sans-serif;
|
|
154
154
|
--sui-font-size-xxx-large: 23px;
|
|
155
155
|
--sui-font-size-xx-large: 19px;
|
|
@@ -166,6 +166,7 @@
|
|
|
166
166
|
--sui-line-height-compact: 1.5;
|
|
167
167
|
--sui-line-height-comfortable: 1.75;
|
|
168
168
|
--sui-word-spacing-normal: 0.1ex;
|
|
169
|
+
--sui-paragraph-margin: 1.75em;
|
|
169
170
|
// Controls
|
|
170
171
|
--sui-control-small-border-width: 1px;
|
|
171
172
|
--sui-control-small-border-radius: calc(var(--sui-control-small-height) / 8);
|
|
@@ -223,7 +224,7 @@
|
|
|
223
224
|
--sui-textbox-singleline-padding: 0 8px;
|
|
224
225
|
--sui-textbox-singleline-min-width: 240px;
|
|
225
226
|
--sui-textbox-singleline-line-height: var(--sui-line-height-compact);
|
|
226
|
-
--sui-textbox-multiline-padding:
|
|
227
|
+
--sui-textbox-multiline-padding: 16px;
|
|
227
228
|
--sui-textbox-multiline-min-width: 480px;
|
|
228
229
|
--sui-textbox-multiline-line-height: var(--sui-line-height-comfortable);
|
|
229
230
|
// Tab
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sveltia/ui",
|
|
3
|
-
"version": "0.18.
|
|
3
|
+
"version": "0.18.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"repository": {
|
|
@@ -47,31 +47,31 @@
|
|
|
47
47
|
"devDependencies": {
|
|
48
48
|
"@playwright/test": "^1.48.0",
|
|
49
49
|
"@sveltejs/adapter-auto": "^3.2.5",
|
|
50
|
-
"@sveltejs/kit": "^2.
|
|
50
|
+
"@sveltejs/kit": "^2.7.1",
|
|
51
51
|
"@sveltejs/package": "^2.3.5",
|
|
52
|
-
"@sveltejs/vite-plugin-svelte": "4.0.0-next.
|
|
53
|
-
"cspell": "^8.
|
|
52
|
+
"@sveltejs/vite-plugin-svelte": "4.0.0-next.8",
|
|
53
|
+
"cspell": "^8.15.2",
|
|
54
54
|
"eslint": "^8.57.1",
|
|
55
55
|
"eslint-config-airbnb-base": "^15.0.0",
|
|
56
56
|
"eslint-config-prettier": "^9.1.0",
|
|
57
57
|
"eslint-plugin-import": "^2.31.0",
|
|
58
|
-
"eslint-plugin-jsdoc": "^50.
|
|
58
|
+
"eslint-plugin-jsdoc": "^50.4.1",
|
|
59
59
|
"eslint-plugin-svelte": "^2.44.1",
|
|
60
60
|
"postcss": "^8.4.47",
|
|
61
61
|
"postcss-html": "^1.7.0",
|
|
62
62
|
"prettier": "^3.3.3",
|
|
63
63
|
"prettier-plugin-svelte": "^3.2.7",
|
|
64
|
-
"sass": "^1.79.
|
|
65
|
-
"stylelint": "^16.
|
|
64
|
+
"sass": "^1.79.5",
|
|
65
|
+
"stylelint": "^16.10.0",
|
|
66
66
|
"stylelint-config-recommended-scss": "^14.1.0",
|
|
67
67
|
"stylelint-scss": "^6.7.0",
|
|
68
|
-
"svelte": "5.0.0-next.
|
|
69
|
-
"svelte-check": "^4.0.
|
|
68
|
+
"svelte": "5.0.0-next.265",
|
|
69
|
+
"svelte-check": "^4.0.5",
|
|
70
70
|
"svelte-i18n": "^4.0.0",
|
|
71
71
|
"svelte-preprocess": "^6.0.3",
|
|
72
72
|
"tslib": "^2.7.0",
|
|
73
|
-
"vite": "^5.4.
|
|
74
|
-
"vitest": "^2.1.
|
|
73
|
+
"vite": "^5.4.9",
|
|
74
|
+
"vitest": "^2.1.3"
|
|
75
75
|
},
|
|
76
76
|
"exports": {
|
|
77
77
|
".": {
|