@sveltia/ui 0.18.1 → 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.
Files changed (6) hide show
  1. package/package/components/listbox/option.svelte +3 -0
  2. package/package/components/util/app-shell.svelte +3 -1
  3. package/package/components/util/modal.svelte +1 -0
  4. package/package/styles/core.scss +1 -0
  5. package/package/styles/variables.scss +3 -2
  6. package/package.json +7 -7
package/package/components/listbox/option.svelte CHANGED
@@ -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>
package/package/components/util/app-shell.svelte CHANGED
@@ -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: 12px;
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
 
package/package/components/util/modal.svelte CHANGED
@@ -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
@@ -111,6 +111,7 @@ a {
111
111
 
112
112
  p,
113
113
  li {
114
+ margin: var(--sui-paragraph-margin) 0;
114
115
  line-height: var(--sui-line-height-comfortable);
115
116
  }
116
117
 
package/package/styles/variables.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
- // Fonts
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: 12px;
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.1",
3
+ "version": "0.18.2",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "repository": {
@@ -47,15 +47,15 @@
47
47
  "devDependencies": {
48
48
  "@playwright/test": "^1.48.0",
49
49
  "@sveltejs/adapter-auto": "^3.2.5",
50
- "@sveltejs/kit": "^2.7.0",
50
+ "@sveltejs/kit": "^2.7.1",
51
51
  "@sveltejs/package": "^2.3.5",
52
52
  "@sveltejs/vite-plugin-svelte": "4.0.0-next.8",
53
- "cspell": "^8.15.1",
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.3.2",
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",
@@ -65,13 +65,13 @@
65
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.264",
68
+ "svelte": "5.0.0-next.265",
69
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.8",
74
- "vitest": "^2.1.2"
73
+ "vite": "^5.4.9",
74
+ "vitest": "^2.1.3"
75
75
  },
76
76
  "exports": {
77
77
  ".": {