@sveltia/ui 0.19.0 → 0.19.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 (10) hide show
  1. package/package/components/button/button.svelte +6 -6
  2. package/package/components/menu/menu-item.svelte +1 -1
  3. package/package/components/tabs/tab-list.svelte +1 -1
  4. package/package/components/text-field/text-area.svelte +1 -1
  5. package/package/components/text-field/text-input.svelte +2 -2
  6. package/package/components/toast/toast.svelte +1 -1
  7. package/package/components/toolbar/toolbar.svelte +1 -1
  8. package/package/components/util/app-shell.svelte +3 -3
  9. package/package/styles/core.scss +2 -2
  10. package/package.json +11 -11
package/package/components/button/button.svelte CHANGED
@@ -109,7 +109,7 @@
109
109
  font-family: var(--sui-control-font-family);
110
110
  font-size: var(--sui-control-font-size);
111
111
  line-height: var(--sui-control-line-height);
112
- font-weight: normal;
112
+ font-weight: var(--sui-font-weight-normal, normal);
113
113
  text-align: start;
114
114
  white-space: nowrap;
115
115
  cursor: pointer;
@@ -137,7 +137,7 @@ button:global(.primary) {
137
137
  border-color: var(--sui-button-primary-border-color, var(--sui-primary-accent-color));
138
138
  color: var(--sui-button-primary-foreground-color, var(--sui-primary-accent-color-inverted));
139
139
  background-color: var(--sui-button-primary-background-color, var(--sui-primary-accent-color));
140
- font-weight: var(--sui-button-primary-font-weight, normal);
140
+ font-weight: var(--sui-button-primary-font-weight, var(--sui-font-weight-normal, normal));
141
141
  }
142
142
  button:global(.primary):hover, button:global(.primary):focus-visible, button:global(.primary)[aria-expanded=true] {
143
143
  color: var(--sui-button-primary-foreground-color-focus, var(--sui-button-primary-foreground-color, var(--sui-primary-accent-color-inverted)));
@@ -153,7 +153,7 @@ button:global(.secondary) {
153
153
  border-color: var(--sui-button-secondary-border-color, var(--sui-primary-accent-color));
154
154
  color: var(--sui-button-secondary-foreground-color, var(--sui-primary-accent-color-text));
155
155
  background-color: var(--sui-button-secondary-background-color, var(--sui-button-background-color));
156
- font-weight: var(--sui-button-secondary-font-weight, normal);
156
+ font-weight: var(--sui-button-secondary-font-weight, var(--sui-font-weight-normal, normal));
157
157
  }
158
158
  button:global(.secondary):hover, button:global(.secondary):focus-visible, button:global(.secondary)[aria-expanded=true] {
159
159
  color: var(--sui-button-secondary-foreground-color-focus, var(--sui-button-secondary-foreground-color, var(--sui-primary-accent-color-text)));
@@ -173,7 +173,7 @@ button:global(.tertiary) {
173
173
  border-color: var(--sui-button-tertiary-border-color, var(--sui-button-border-color));
174
174
  color: var(--sui-button-tertiary-foreground-color, var(--sui-highlight-foreground-color));
175
175
  background-color: var(--sui-button-tertiary-background-color, var(--sui-button-background-color));
176
- font-weight: var(--sui-button-tertiary-font-weight, normal);
176
+ font-weight: var(--sui-button-tertiary-font-weight, var(--sui-font-weight-normal, normal));
177
177
  }
178
178
  button:global(.tertiary):hover, button:global(.tertiary):focus-visible, button:global(.tertiary)[aria-expanded=true] {
179
179
  color: var(--sui-button-tertiary-foreground-color-focus, var(--sui-button-tertiary-foreground-color, var(--sui-highlight-foreground-color)));
@@ -188,7 +188,7 @@ button:global(.tertiary)[aria-pressed=true] {
188
188
  background-color: var(--sui-button-tertiary-background-color-pressed, var(--sui-selected-background-color));
189
189
  }
190
190
  button:global(.ghost) {
191
- font-weight: var(--sui-button-ghost-font-weight, normal);
191
+ font-weight: var(--sui-button-ghost-font-weight, var(--sui-font-weight-normal, normal));
192
192
  }
193
193
  button:global(.ghost):hover, button:global(.ghost):focus-visible, button:global(.ghost)[aria-expanded=true] {
194
194
  color: var(--sui-button-ghost-foreground-color-focus);
@@ -264,6 +264,6 @@ button:global(.danger) {
264
264
  button :global(.label) {
265
265
  padding: 0 4px;
266
266
  }
267
- button:has([slot=start-icon] + [slot=end-icon]) {
267
+ button:global(:has([slot="start-icon"] + [slot="end-icon"])) {
268
268
  gap: 0;
269
269
  }</style>
package/package/components/menu/menu-item.svelte CHANGED
@@ -114,7 +114,7 @@
114
114
  color: var(--sui-menuitem-foreground-color, var(--sui-control-foreground-color, inherit));
115
115
  background-color: var(--sui-menuitem-background-color, transparent);
116
116
  font-size: var(--sui-menuitem-font-size, var(--sui-option-font-size));
117
- font-weight: var(--sui-menuitem-font-weight, var(--sui-option-font-weight));
117
+ font-weight: var(--sui-menuitem-font-weight, var(--sui-option-font-weight, var(--sui-font-weight-normal, normal)));
118
118
  }
119
119
  .menuitem :global(button[aria-checked="true"]) :global(.icon) {
120
120
  color: var(--sui-primary-accent-color-text);
package/package/components/tabs/tab-list.svelte CHANGED
@@ -161,7 +161,7 @@
161
161
  border-radius: var(--sui-tab-border-radius, 0);
162
162
  font-family: var(--sui-tab-font-family, var(--sui-control-font-family, inherit));
163
163
  font-size: var(--sui-tab-font-size, var(--sui-control-font-size, inherit));
164
- font-weight: var(--sui-tab-font-weight, var(--sui-control-font-weight, inherit));
164
+ font-weight: var(--sui-tab-font-weight, var(--sui-control-font-weight, var(--sui-font-weight-normal, normal)));
165
165
  }
166
166
 
167
167
  .inner {
package/package/components/text-field/text-area.svelte CHANGED
@@ -106,7 +106,7 @@ textarea,
106
106
  font-family: var(--sui-textbox-font-family);
107
107
  font-size: var(--sui-textbox-font-size);
108
108
  line-height: var(--sui-textbox-multiline-line-height);
109
- font-weight: var(--sui-textbox-font-weight, normal);
109
+ font-weight: var(--sui-textbox-font-weight, var(--sui-font-weight-normal, normal));
110
110
  text-align: var(--sui-textbox-text-align, start);
111
111
  text-indent: var(--sui-textbox-text-indent, 0);
112
112
  text-transform: var(--sui-textbox-text-transform, none);
package/package/components/text-field/text-input.svelte CHANGED
@@ -104,7 +104,7 @@ input {
104
104
  font-family: var(--sui-textbox-font-family);
105
105
  font-size: var(--sui-textbox-font-size);
106
106
  line-height: var(--sui-textbox-singleline-line-height);
107
- font-weight: var(--sui-textbox-font-weight, normal);
107
+ font-weight: var(--sui-textbox-font-weight, var(--sui-font-weight-normal, normal));
108
108
  text-align: var(--sui-textbox-text-align, start);
109
109
  text-indent: var(--sui-textbox-text-indent, 0);
110
110
  text-transform: var(--sui-textbox-text-transform, none);
@@ -167,7 +167,7 @@ input::placeholder,
167
167
  font-family: var(--sui-textbox-placeholder-font-family, var(--sui-textbox-font-family));
168
168
  font-size: var(--sui-textbox-placeholder-font-size, var(--sui-textbox-font-size));
169
169
  line-height: var(--sui-textbox-placeholder-singleline-line-height, var(--sui-textbox-singleline-line-height));
170
- font-weight: var(--sui-textbox-placeholder-font-weight, var(--sui-textbox-font-weight, normal));
170
+ font-weight: var(--sui-textbox-placeholder-font-weight, var(--sui-textbox-font-weight, var(--sui-font-weight-normal, normal)));
171
171
  text-align: var(--sui-textbox-placeholder-text-align, var(--sui-textbox-text-align, start));
172
172
  text-indent: var(--sui-textbox-placeholder-text-indent, var(--sui-textbox-text-indent, 0));
173
173
  letter-spacing: var(--sui-textbox-placeholder-letter-spacing, var(--sui-textbox-letter-spacing, normal));
package/package/components/toast/toast.svelte CHANGED
@@ -121,7 +121,7 @@
121
121
  background-color: transparent;
122
122
  font-family: var(--sui-font-family-default);
123
123
  font-size: var(--sui-font-size-default);
124
- font-weight: var(--sui-font-weight-normal);
124
+ font-weight: var(--sui-font-weight-normal, normal);
125
125
  pointer-events: none;
126
126
  -webkit-user-select: none;
127
127
  user-select: none;
package/package/components/toolbar/toolbar.svelte CHANGED
@@ -95,7 +95,7 @@
95
95
  }
96
96
  [role=toolbar] :global(h2) :global(span) {
97
97
  font-size: var(--sui-font-size-small);
98
- font-weight: normal;
98
+ font-weight: var(--sui-font-weight-normal, normal);
99
99
  opacity: 0.8;
100
100
  }
101
101
  [role=toolbar] :global(.divider[aria-orientation="horizontal"]) {
package/package/components/util/app-shell.svelte CHANGED
@@ -469,7 +469,7 @@
469
469
  :global(h5),
470
470
  :global(h6) {
471
471
  margin: 0;
472
- font-weight: var(--sui-font-weight-bold);
472
+ font-weight: var(--sui-font-weight-bold, bold);
473
473
  line-height: var(--sui-line-height-default);
474
474
  }
475
475
 
@@ -498,7 +498,7 @@
498
498
  }
499
499
 
500
500
  :global(strong) {
501
- font-weight: var(--sui-font-weight-bold);
501
+ font-weight: var(--sui-font-weight-bold, bold);
502
502
  }
503
503
 
504
504
  :global(a) {
@@ -606,7 +606,7 @@
606
606
  background-color: var(--sui-primary-background-color);
607
607
  font-family: var(--sui-font-family-default);
608
608
  font-size: var(--sui-font-size-default);
609
- font-weight: var(--sui-font-weight-normal);
609
+ font-weight: var(--sui-font-weight-normal, normal);
610
610
  word-spacing: var(--sui-word-spacing-normal);
611
611
  -webkit-user-select: none;
612
612
  user-select: none;
package/package/styles/core.scss CHANGED
@@ -60,7 +60,7 @@ h4,
60
60
  h5,
61
61
  h6 {
62
62
  margin: 0;
63
- font-weight: var(--sui-font-weight-bold);
63
+ font-weight: var(--sui-font-weight-bold, bold);
64
64
  line-height: var(--sui-line-height-default);
65
65
  }
66
66
 
@@ -89,7 +89,7 @@ h6 {
89
89
  }
90
90
 
91
91
  strong {
92
- font-weight: var(--sui-font-weight-bold);
92
+ font-weight: var(--sui-font-weight-bold, bold);
93
93
  }
94
94
 
95
95
  a {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sveltia/ui",
3
- "version": "0.19.0",
3
+ "version": "0.19.2",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "repository": {
@@ -46,31 +46,31 @@
46
46
  },
47
47
  "devDependencies": {
48
48
  "@playwright/test": "^1.48.1",
49
- "@sveltejs/adapter-auto": "^3.2.5",
50
- "@sveltejs/kit": "^2.7.1",
51
- "@sveltejs/package": "^2.3.5",
52
- "@sveltejs/vite-plugin-svelte": "4.0.0-next.8",
53
- "cspell": "^8.15.3",
49
+ "@sveltejs/adapter-auto": "^3.3.0",
50
+ "@sveltejs/kit": "^2.7.2",
51
+ "@sveltejs/package": "^2.3.6",
52
+ "@sveltejs/vite-plugin-svelte": "4.0.0",
53
+ "cspell": "^8.15.4",
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
58
  "eslint-plugin-jsdoc": "^50.4.3",
59
- "eslint-plugin-svelte": "^2.45.1",
59
+ "eslint-plugin-svelte": "^2.46.0",
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.80.1",
64
+ "sass": "^1.80.3",
65
65
  "stylelint": "^16.10.0",
66
66
  "stylelint-config-recommended-scss": "^14.1.0",
67
67
  "stylelint-scss": "^6.8.1",
68
- "svelte": "5.0.0-next.269",
68
+ "svelte": "5.0.5",
69
69
  "svelte-check": "^4.0.5",
70
- "svelte-i18n": "^4.0.0",
70
+ "svelte-i18n": "^4.0.1",
71
71
  "svelte-preprocess": "^6.0.3",
72
72
  "tslib": "^2.8.0",
73
- "vite": "^5.4.9",
73
+ "vite": "^5.4.10",
74
74
  "vitest": "^2.1.3"
75
75
  },
76
76
  "exports": {