@sveltia/ui 0.5.0 → 0.6.1

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 (31) hide show
  1. package/package/components/alert/alert.svelte +15 -15
  2. package/package/components/button/button.svelte +34 -31
  3. package/package/components/button/select-button-group.svelte +3 -3
  4. package/package/components/calendar/calendar.svelte +8 -8
  5. package/package/components/checkbox/checkbox.svelte +11 -8
  6. package/package/components/dialog/dialog.svelte +5 -5
  7. package/package/components/divider/divider.svelte +1 -1
  8. package/package/components/drawer/drawer.svelte +5 -5
  9. package/package/components/listbox/listbox.svelte +9 -5
  10. package/package/components/listbox/option-group.svelte +2 -2
  11. package/package/components/listbox/option.svelte +4 -4
  12. package/package/components/menu/menu-item.svelte +4 -4
  13. package/package/components/menu/menu.svelte +1 -1
  14. package/package/components/radio/radio.svelte +9 -6
  15. package/package/components/select/combobox.svelte +14 -9
  16. package/package/components/slider/slider.svelte +6 -6
  17. package/package/components/switch/switch.svelte +10 -8
  18. package/package/components/table/table.svelte +1 -1
  19. package/package/components/tabs/tab-list.svelte +3 -3
  20. package/package/components/text-field/markdown-editor.svelte +1 -1
  21. package/package/components/text-field/number-input.svelte +3 -3
  22. package/package/components/text-field/password-input.svelte +3 -3
  23. package/package/components/text-field/search-bar.svelte +2 -2
  24. package/package/components/text-field/text-area.svelte +9 -9
  25. package/package/components/text-field/text-input.svelte +17 -17
  26. package/package/components/toolbar/toolbar.svelte +6 -6
  27. package/package/components/util/app-shell.svelte +185 -177
  28. package/package/components/util/popup.svelte +4 -4
  29. package/package/styles/core.scss +14 -19
  30. package/package/styles/variables.scss +172 -154
  31. package/package.json +25 -25
package/package/styles/variables.scss CHANGED
@@ -1,185 +1,203 @@
1
- :root[data-theme="light"] {
2
- --foreground-color-1-hsl: var(--base-hue) 5% 0%; // highlight
3
- --foreground-color-2-hsl: var(--base-hue) 5% 20%; // primary
4
- --foreground-color-3-hsl: var(--base-hue) 5% 40%; // secondary
5
- --foreground-color-4-hsl: var(--base-hue) 5% 60%; // tertiary
6
- --background-color-1-hsl: var(--base-hue) 5% 100%; // content/input
7
- --background-color-2-hsl: var(--base-hue) 5% 98%; // primary
8
- --background-color-3-hsl: var(--base-hue) 5% 94%; // secondary
9
- --background-color-4-hsl: var(--base-hue) 5% 90%; // tertiary/disabled
10
- --background-color-5-hsl: var(--base-hue) 5% 86%; // highlight
11
- --border-color-1-hsl: var(--base-hue) 5% 78%; // primary
12
- --border-color-2-hsl: var(--base-hue) 5% 82%; // secondary/input
13
- --shadow-color: var(--base-hue) 10% 0%;
1
+ :root[data-theme="light"],
2
+ :host[data-theme="light"] {
3
+ --sui-foreground-color-1-hsl: var(--sui-base-hue) 5% 0%; // highlight
4
+ --sui-foreground-color-2-hsl: var(--sui-base-hue) 5% 20%; // primary
5
+ --sui-foreground-color-3-hsl: var(--sui-base-hue) 5% 40%; // secondary
6
+ --sui-foreground-color-4-hsl: var(--sui-base-hue) 5% 60%; // tertiary
7
+ --sui-background-color-1-hsl: var(--sui-base-hue) 5% 100%; // content/input
8
+ --sui-background-color-2-hsl: var(--sui-base-hue) 5% 98%; // primary
9
+ --sui-background-color-3-hsl: var(--sui-base-hue) 5% 94%; // secondary
10
+ --sui-background-color-4-hsl: var(--sui-base-hue) 5% 90%; // tertiary/disabled
11
+ --sui-background-color-5-hsl: var(--sui-base-hue) 5% 86%; // highlight
12
+ --sui-border-color-1-hsl: var(--sui-base-hue) 5% 78%; // primary
13
+ --sui-border-color-2-hsl: var(--sui-base-hue) 5% 82%; // secondary/input
14
+ --sui-shadow-color: var(--sui-base-hue) 10% 0%;
14
15
  // Accents
15
- --primary-accent-color: hsl(var(--base-hue) 80% 45%);
16
- --primary-accent-color-lighter: hsl(var(--base-hue) 80% 40%);
17
- --primary-accent-color-darker: hsl(var(--base-hue) 80% 50%);
18
- --primary-accent-color-foreground: hsl(var(--base-hue) 10% 100%); // white/inverted
16
+ --sui-primary-accent-color: hsl(var(--sui-base-hue) 80% 45%);
17
+ --sui-primary-accent-color-lighter: hsl(var(--sui-base-hue) 80% 40%);
18
+ --sui-primary-accent-color-darker: hsl(var(--sui-base-hue) 80% 50%);
19
+ --sui-primary-accent-color-foreground: hsl(var(--sui-base-hue) 10% 100%); // white/inverted
19
20
  // Alerts
20
- --error-color-hue: 0;
21
- --warning-color-hue: 40;
22
- --info-color-hue: 210;
23
- --success-color-hue: 100;
24
- --alert-foreground-color-saturation: 88%;
25
- --alert-foreground-color-lightness: 28%;
26
- --alert-background-color-saturation: 68%;
27
- --alert-background-color-lightness: 88%;
28
- --alert-border-color-saturation: 48%;
29
- --alert-border-color-lightness: 68%;
21
+ --sui-error-color-hue: 0;
22
+ --sui-warning-color-hue: 40;
23
+ --sui-info-color-hue: 210;
24
+ --sui-success-color-hue: 100;
25
+ --sui-alert-foreground-color-saturation: 88%;
26
+ --sui-alert-foreground-color-lightness: 28%;
27
+ --sui-alert-background-color-saturation: 68%;
28
+ --sui-alert-background-color-lightness: 88%;
29
+ --sui-alert-border-color-saturation: 48%;
30
+ --sui-alert-border-color-lightness: 68%;
30
31
  }
31
32
 
32
- :root[data-theme="dark"] {
33
- --foreground-color-1-hsl: var(--base-hue) 10% 100%; // highlight
34
- --foreground-color-2-hsl: var(--base-hue) 10% 80%; // primary
35
- --foreground-color-3-hsl: var(--base-hue) 10% 60%; // secondary
36
- --foreground-color-4-hsl: var(--base-hue) 10% 40%; // tertiary
37
- --background-color-1-hsl: var(--base-hue) 10% 10%; // content/input
38
- --background-color-2-hsl: var(--base-hue) 10% 12%; // primary
39
- --background-color-3-hsl: var(--base-hue) 10% 16%; // secondary
40
- --background-color-4-hsl: var(--base-hue) 10% 20%; // tertiary/disabled
41
- --background-color-5-hsl: var(--base-hue) 10% 24%; // highlight
42
- --border-color-1-hsl: var(--base-hue) 10% 32%; // primary
43
- --border-color-2-hsl: var(--base-hue) 10% 28%; // secondary/input
44
- --shadow-color: var(--base-hue) 10% 0%;
33
+ :root[data-theme="dark"],
34
+ :host[data-theme="dark"] {
35
+ --sui-foreground-color-1-hsl: var(--sui-base-hue) 10% 100%; // highlight
36
+ --sui-foreground-color-2-hsl: var(--sui-base-hue) 10% 80%; // primary
37
+ --sui-foreground-color-3-hsl: var(--sui-base-hue) 10% 60%; // secondary
38
+ --sui-foreground-color-4-hsl: var(--sui-base-hue) 10% 40%; // tertiary
39
+ --sui-background-color-1-hsl: var(--sui-base-hue) 10% 10%; // content/input
40
+ --sui-background-color-2-hsl: var(--sui-base-hue) 10% 12%; // primary
41
+ --sui-background-color-3-hsl: var(--sui-base-hue) 10% 16%; // secondary
42
+ --sui-background-color-4-hsl: var(--sui-base-hue) 10% 20%; // tertiary/disabled
43
+ --sui-background-color-5-hsl: var(--sui-base-hue) 10% 24%; // highlight
44
+ --sui-border-color-1-hsl: var(--sui-base-hue) 10% 32%; // primary
45
+ --sui-border-color-2-hsl: var(--sui-base-hue) 10% 28%; // secondary/input
46
+ --sui-shadow-color: var(--sui-base-hue) 10% 0%;
45
47
  // Accents
46
- --primary-accent-color: hsl(var(--base-hue) 100% 45%); // 4.57 AA w/ #FFF foreground color
47
- --primary-accent-color-lighter: hsl(var(--base-hue) 100% 55%);
48
- --primary-accent-color-darker: hsl(var(--base-hue) 100% 35%);
49
- --primary-accent-color-foreground: hsl(var(--base-hue) 10% 100%); // white
48
+ --sui-primary-accent-color: hsl(var(--sui-base-hue) 100% 45%); // 4.57 AA w/ #FFF foreground color
49
+ --sui-primary-accent-color-lighter: hsl(var(--sui-base-hue) 100% 55%);
50
+ --sui-primary-accent-color-darker: hsl(var(--sui-base-hue) 100% 35%);
51
+ --sui-primary-accent-color-foreground: hsl(var(--sui-base-hue) 10% 100%); // white
50
52
  // Alerts
51
- --error-color-hue: 0;
52
- --warning-color-hue: 40;
53
- --info-color-hue: 210;
54
- --success-color-hue: 100;
55
- --alert-foreground-color-saturation: 48%;
56
- --alert-foreground-color-lightness: 68%;
57
- --alert-background-color-saturation: 88%;
58
- --alert-background-color-lightness: 8%;
59
- --alert-border-color-saturation: 38%;
60
- --alert-border-color-lightness: 18%;
53
+ --sui-error-color-hue: 0;
54
+ --sui-warning-color-hue: 40;
55
+ --sui-info-color-hue: 210;
56
+ --sui-success-color-hue: 100;
57
+ --sui-alert-foreground-color-saturation: 48%;
58
+ --sui-alert-foreground-color-lightness: 68%;
59
+ --sui-alert-background-color-saturation: 88%;
60
+ --sui-alert-background-color-lightness: 8%;
61
+ --sui-alert-border-color-saturation: 38%;
62
+ --sui-alert-border-color-lightness: 18%;
61
63
  }
62
64
 
63
- :root {
65
+ :root,
66
+ :host {
64
67
  // Base HSL values
65
- --base-hue: 210;
68
+ --sui-base-hue: 210;
66
69
  // Foreground
67
- --highlight-foreground-color: hsl(var(--foreground-color-1-hsl));
68
- --primary-foreground-color: hsl(var(--foreground-color-2-hsl));
69
- --secondary-foreground-color: hsl(var(--foreground-color-3-hsl));
70
- --tertiary-foreground-color: hsl(var(--foreground-color-3-hsl));
71
- --disabled-foreground-color: hsl(var(--foreground-color-4-hsl));
72
- --error-foreground-color: hsl(
73
- var(--error-color-hue) var(--alert-foreground-color-saturation)
74
- var(--alert-foreground-color-lightness)
70
+ --sui-highlight-foreground-color: hsl(var(--sui-foreground-color-1-hsl));
71
+ --sui-primary-foreground-color: hsl(var(--sui-foreground-color-2-hsl));
72
+ --sui-secondary-foreground-color: hsl(var(--sui-foreground-color-3-hsl));
73
+ --sui-tertiary-foreground-color: hsl(var(--sui-foreground-color-3-hsl));
74
+ --sui-disabled-foreground-color: hsl(var(--sui-foreground-color-4-hsl));
75
+ --sui-error-foreground-color: hsl(
76
+ var(--sui-error-color-hue) var(--sui-alert-foreground-color-saturation)
77
+ var(--sui-alert-foreground-color-lightness)
75
78
  );
76
- --warning-foreground-color: hsl(
77
- var(--warning-color-hue) var(--alert-foreground-color-saturation)
78
- var(--alert-foreground-color-lightness)
79
+ --sui-warning-foreground-color: hsl(
80
+ var(--sui-warning-color-hue) var(--sui-alert-foreground-color-saturation)
81
+ var(--sui-alert-foreground-color-lightness)
79
82
  );
80
- --info-foreground-color: hsl(
81
- var(--info-color-hue) var(--alert-foreground-color-saturation)
82
- var(--alert-foreground-color-lightness)
83
+ --sui-info-foreground-color: hsl(
84
+ var(--sui-info-color-hue) var(--sui-alert-foreground-color-saturation)
85
+ var(--sui-alert-foreground-color-lightness)
83
86
  );
84
- --success-foreground-color: hsl(
85
- var(--success-color-hue) var(--alert-foreground-color-saturation)
86
- var(--alert-foreground-color-lightness)
87
+ --sui-success-foreground-color: hsl(
88
+ var(--sui-success-color-hue) var(--sui-alert-foreground-color-saturation)
89
+ var(--sui-alert-foreground-color-lightness)
87
90
  );
88
91
  // Background
89
- --highlight-background-color: hsl(var(--background-color-5-hsl));
90
- --content-background-color: hsl(var(--background-color-1-hsl));
91
- --primary-background-color: hsl(var(--background-color-2-hsl));
92
- --primary-background-color-translucent: hsl(var(--background-color-2-hsl) / 80%);
93
- --secondary-background-color: hsl(var(--background-color-3-hsl));
94
- --secondary-background-color-translucent: hsl(var(--background-color-3-hsl) / 80%);
95
- --tertiary-background-color: hsl(var(--background-color-4-hsl));
96
- --tertiary-background-color-translucent: hsl(var(--background-color-4-hsl) / 80%);
97
- --control-background-color: hsl(var(--background-color-1-hsl));
98
- --disabled-background-color: hsl(var(--background-color-4-hsl));
99
- --error-background-color: hsl(
100
- var(--error-color-hue) var(--alert-background-color-saturation)
101
- var(--alert-background-color-lightness)
92
+ --sui-highlight-background-color: hsl(var(--sui-background-color-5-hsl));
93
+ --sui-content-background-color: hsl(var(--sui-background-color-1-hsl));
94
+ --sui-primary-background-color: hsl(var(--sui-background-color-2-hsl));
95
+ --sui-primary-background-color-translucent: hsl(var(--sui-background-color-2-hsl) / 80%);
96
+ --sui-secondary-background-color: hsl(var(--sui-background-color-3-hsl));
97
+ --sui-secondary-background-color-translucent: hsl(var(--sui-background-color-3-hsl) / 80%);
98
+ --sui-tertiary-background-color: hsl(var(--sui-background-color-4-hsl));
99
+ --sui-tertiary-background-color-translucent: hsl(var(--sui-background-color-4-hsl) / 80%);
100
+ --sui-disabled-background-color: hsl(var(--sui-background-color-4-hsl));
101
+ --sui-error-background-color: hsl(
102
+ var(--sui-error-color-hue) var(--sui-alert-background-color-saturation)
103
+ var(--sui-alert-background-color-lightness)
102
104
  );
103
- --warning-background-color: hsl(
104
- var(--warning-color-hue) var(--alert-background-color-saturation)
105
- var(--alert-background-color-lightness)
105
+ --sui-warning-background-color: hsl(
106
+ var(--sui-warning-color-hue) var(--sui-alert-background-color-saturation)
107
+ var(--sui-alert-background-color-lightness)
106
108
  );
107
- --info-background-color: hsl(
108
- var(--info-color-hue) var(--alert-background-color-saturation)
109
- var(--alert-background-color-lightness)
109
+ --sui-info-background-color: hsl(
110
+ var(--sui-info-color-hue) var(--sui-alert-background-color-saturation)
111
+ var(--sui-alert-background-color-lightness)
110
112
  );
111
- --success-background-color: hsl(
112
- var(--success-color-hue) var(--alert-background-color-saturation)
113
- var(--alert-background-color-lightness)
113
+ --sui-success-background-color: hsl(
114
+ var(--sui-success-color-hue) var(--sui-alert-background-color-saturation)
115
+ var(--sui-alert-background-color-lightness)
114
116
  );
115
117
  // Borders
116
- --primary-border-color: hsl(var(--border-color-1-hsl));
117
- --secondary-border-color: hsl(var(--border-color-2-hsl));
118
- --control-border-color: hsl(var(--border-color-2-hsl));
119
- --checkbox-border-color: hsl(var(--foreground-color-3-hsl));
120
- --error-border-color: hsl(
121
- var(--error-color-hue) var(--alert-border-color-saturation) var(--alert-border-color-lightness)
118
+ --sui-primary-border-color: hsl(var(--sui-border-color-1-hsl));
119
+ --sui-secondary-border-color: hsl(var(--sui-border-color-2-hsl));
120
+ --sui-checkbox-border-color: hsl(var(--sui-foreground-color-3-hsl));
121
+ --sui-error-border-color: hsl(
122
+ var(--sui-error-color-hue) var(--sui-alert-border-color-saturation)
123
+ var(--sui-alert-border-color-lightness)
122
124
  );
123
- --warning-border-color: hsl(
124
- var(--warning-color-hue) var(--alert-border-color-saturation)
125
- var(--alert-border-color-lightness)
125
+ --sui-warning-border-color: hsl(
126
+ var(--sui-warning-color-hue) var(--sui-alert-border-color-saturation)
127
+ var(--sui-alert-border-color-lightness)
126
128
  );
127
- --info-border-color: hsl(
128
- var(--info-color-hue) var(--alert-border-color-saturation) var(--alert-border-color-lightness)
129
+ --sui-info-border-color: hsl(
130
+ var(--sui-info-color-hue) var(--sui-alert-border-color-saturation)
131
+ var(--sui-alert-border-color-lightness)
129
132
  );
130
- --success-border-color: hsl(
131
- var(--success-color-hue) var(--alert-border-color-saturation)
132
- var(--alert-border-color-lightness)
133
+ --sui-success-border-color: hsl(
134
+ var(--sui-success-color-hue) var(--sui-alert-border-color-saturation)
135
+ var(--sui-alert-border-color-lightness)
133
136
  );
134
137
  // Shadows
135
- --popup-shadow-color: hsl(var(--shadow-color) / 40%);
136
- --popup-backdrop-color: hsl(var(--shadow-color) / 40%);
138
+ --sui-popup-shadow-color: hsl(var(--sui-shadow-color) / 40%);
139
+ --sui-popup-backdrop-color: hsl(var(--sui-shadow-color) / 40%);
137
140
  // Fonts
138
- --font-family--default: "Merriweather Sans", sans-serif;
139
- --font-size--xxx-large: 24px;
140
- --font-size--xx-large: 20px;
141
- --font-size--x-large: 18px;
142
- --font-size--large: 16px;
143
- --font-size--default: 14px;
144
- --font-size--small: 12px;
145
- --font-size--x-small: 10px;
146
- --font-weight--normal: 300;
147
- --font-weight--bold: 600;
148
- --font-family--monospace: "Noto Sans Mono", monospace;
149
- --font-size--monospace: 13px;
141
+ --sui-font-family-default: "Merriweather Sans", sans-serif;
142
+ --sui-font-size-xxx-large: 24px;
143
+ --sui-font-size-xx-large: 20px;
144
+ --sui-font-size-x-large: 18px;
145
+ --sui-font-size-large: 16px;
146
+ --sui-font-size-default: 14px;
147
+ --sui-font-size-small: 12px;
148
+ --sui-font-size-x-small: 10px;
149
+ --sui-font-weight-normal: 300;
150
+ --sui-font-weight-bold: 600;
151
+ --sui-font-family-monospace: "Noto Sans Mono", monospace;
152
+ --sui-font-size-monospace: 13px;
153
+ --sui-line-height-default: 1.25;
154
+ --sui-line-height-compact: 1.5;
155
+ --sui-line-height-comfortable: 1.75;
150
156
  // Controls
151
- --control--small--border-width: 1px;
152
- --control--small--border-radius: 2px;
153
- --control--small--height: 24px;
154
- --control--medium--border-width: 1px;
155
- --control--medium--border-radius: 4px;
156
- --control--medium--height: 32px;
157
- --control--large--border-width: 1px;
158
- --control--large--border-radius: 8px;
159
- --control--large--height: 40px;
157
+ --sui-control-small-border-width: 1px;
158
+ --sui-control-small-border-radius: 2px;
159
+ --sui-control-small-height: 24px;
160
+ --sui-control-medium-border-width: 1px;
161
+ --sui-control-medium-border-radius: 4px;
162
+ --sui-control-medium-height: 32px;
163
+ --sui-control-large-border-width: 1px;
164
+ --sui-control-large-border-radius: 8px;
165
+ --sui-control-large-height: 40px;
166
+ --sui-control-border-color: hsl(var(--sui-border-color-2-hsl));
167
+ --sui-control-foreground-color: var(--sui-primary-foreground-color);
168
+ --sui-control-background-color: hsl(var(--sui-background-color-1-hsl));
169
+ --sui-control-font-family: var(--sui-font-family-default);
170
+ --sui-control-font-size: var(--sui-font-size-default);
171
+ --sui-control-line-height: var(--sui-line-height-default);
160
172
  // Buttons
161
- --button--small--border-radius: var(--control--small--border-radius);
162
- --button--small--height: var(--control--small--height);
163
- --button--medium--border-radius: var(--control--medium--border-radius);
164
- --button--medium--height: var(--control--medium--height);
165
- --button--large--border-radius: var(--control--large--border-radius);
166
- --button--large--height: var(--control--large--height);
173
+ --sui-button-small-border-radius: var(--sui-control-small-border-radius);
174
+ --sui-button-small-height: var(--sui-control-small-height);
175
+ --sui-button-medium-border-radius: var(--sui-control-medium-border-radius);
176
+ --sui-button-medium-height: var(--sui-control-medium-height);
177
+ --sui-button-large-border-radius: var(--sui-control-large-border-radius);
178
+ --sui-button-large-height: var(--sui-control-large-height);
167
179
  // Options & menu items
168
- --option--small--border-radius: var(--control--small--border-radius);
169
- --option--small--height: var(--control--small--height);
170
- --option--medium--border-radius: var(--control--medium--border-radius);
171
- --option--medium--height: var(--control--medium--height);
172
- --option--large--border-radius: var(--control--large--border-radius);
173
- --option--large--height: var(--control--large--height);
174
- // Input
175
- --input--small--border-radius: var(--control--small--border-radius);
176
- --input--small--height: var(--control--small--height);
177
- --input--medium--border-radius: var(--control--medium--border-radius);
178
- --input--medium--height: var(--control--medium--height);
179
- --input--large--border-radius: var(--control--large--border-radius);
180
- --input--large--height: var(--control--large--height);
180
+ --sui-option-small-border-radius: var(--sui-control-small-border-radius);
181
+ --sui-option-small-height: var(--sui-control-small-height);
182
+ --sui-option-medium-border-radius: var(--sui-control-medium-border-radius);
183
+ --sui-option-medium-height: var(--sui-control-medium-height);
184
+ --sui-option-large-border-radius: var(--sui-control-large-border-radius);
185
+ --sui-option-large-height: var(--sui-control-large-height);
186
+ // Textbox: singleline & multiline text fields
187
+ --sui-textbox-small-border-radius: var(--sui-control-small-border-radius);
188
+ --sui-textbox-small-height: var(--sui-control-small-height);
189
+ --sui-textbox-medium-border-radius: var(--sui-control-medium-border-radius);
190
+ --sui-textbox-medium-height: var(--sui-control-medium-height);
191
+ --sui-textbox-large-border-radius: var(--sui-control-large-border-radius);
192
+ --sui-textbox-large-height: var(--sui-control-large-height);
193
+ --sui-textbox-foreground-color: var(--sui-control-foreground-color);
194
+ --sui-textbox-background-color: var(--sui-control-background-color);
195
+ --sui-textbox-font-family: var(--sui-font-family-default);
196
+ --sui-textbox-font-size: var(--sui-font-size-default);
197
+ --sui-textbox-singleline-line-height: var(--sui-line-height-compact);
198
+ --sui-textbox-multiline-line-height: var(--sui-line-height-comfortable);
181
199
  // Tab
182
- --tab--small--height: var(--control--small--height);
183
- --tab--medium--height: var(--control--medium--height);
184
- --tab--large--height: var(--control--large--height);
200
+ --sui-tab-small-height: var(--sui-control-small-height);
201
+ --sui-tab-medium-height: var(--sui-control-medium-height);
202
+ --sui-tab-large-height: var(--sui-control-large-height);
185
203
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sveltia/ui",
3
- "version": "0.5.0",
3
+ "version": "0.6.1",
4
4
  "license": "MIT",
5
5
  "type": "module",
6
6
  "publishConfig": {
@@ -12,47 +12,47 @@
12
12
  "build:watch": "svelte-kit sync && svelte-package -o package --watch",
13
13
  "preview": "vite preview",
14
14
  "prepublishOnly": "npm run build",
15
- "format": "prettier --plugin-search-dir . --write .",
15
+ "format": "prettier --plugin prettier-plugin-svelte --write .",
16
16
  "lint": "npm-run-all lint:*",
17
17
  "lint:cspell": "cspell --no-progress",
18
18
  "lint:svelte": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
19
- "lint:prettier": "prettier --check --plugin-search-dir=. .",
19
+ "lint:prettier": "prettier --check --plugin prettier-plugin-svelte .",
20
20
  "lint:eslint": "eslint .",
21
21
  "lint:stylelint": "stylelint '**/*.{css,scss,svelte}'",
22
22
  "test": "playwright test",
23
23
  "test:unit": "vitest"
24
24
  },
25
25
  "dependencies": {
26
- "svelte": "^4.0.5"
26
+ "svelte": "^4.2.0"
27
27
  },
28
28
  "devDependencies": {
29
- "@playwright/test": "^1.36.0",
29
+ "@playwright/test": "^1.38.0",
30
30
  "@sveltejs/adapter-auto": "2.1.0",
31
- "@sveltejs/kit": "^1.22.3",
32
- "@sveltejs/package": "^2.2.0",
33
- "cspell": "^6.31.1",
34
- "eslint": "^8.44.0",
31
+ "@sveltejs/kit": "^1.25.0",
32
+ "@sveltejs/package": "^2.2.2",
33
+ "cspell": "^7.3.6",
34
+ "eslint": "^8.49.0",
35
35
  "eslint-config-airbnb-base": "^15.0.0",
36
- "eslint-config-prettier": "^8.8.0",
37
- "eslint-plugin-import": "^2.27.5",
38
- "eslint-plugin-jsdoc": "^46.4.3",
39
- "eslint-plugin-svelte": "^2.32.2",
36
+ "eslint-config-prettier": "^9.0.0",
37
+ "eslint-plugin-import": "^2.28.1",
38
+ "eslint-plugin-jsdoc": "^46.8.1",
39
+ "eslint-plugin-svelte": "^2.33.1",
40
40
  "npm-run-all": "^4.1.5",
41
- "postcss": "^8.4.26",
41
+ "postcss": "^8.4.29",
42
42
  "postcss-html": "^1.5.0",
43
- "prettier": "^2.8.8",
44
- "prettier-plugin-svelte": "^2.10.1",
45
- "sass": "^1.63.6",
46
- "stylelint": "^15.10.1",
47
- "stylelint-config-recommended-scss": "^12.0.0",
48
- "stylelint-scss": "^5.0.1",
49
- "svelte-check": "^3.4.6",
50
- "svelte-i18n": "^3.7.0",
43
+ "prettier": "^3.0.3",
44
+ "prettier-plugin-svelte": "^3.0.3",
45
+ "sass": "^1.67.0",
46
+ "stylelint": "^15.10.3",
47
+ "stylelint-config-recommended-scss": "^13.0.0",
48
+ "stylelint-scss": "^5.2.1",
49
+ "svelte-check": "^3.5.1",
50
+ "svelte-i18n": "^3.7.4",
51
51
  "svelte-migrate": "^1.2.6",
52
52
  "svelte-preprocess": "^5.0.4",
53
- "tslib": "^2.6.0",
54
- "vite": "^4.4.3",
55
- "vitest": "^0.33.0"
53
+ "tslib": "^2.6.2",
54
+ "vite": "^4.4.9",
55
+ "vitest": "^0.34.4"
56
56
  },
57
57
  "exports": {
58
58
  "./package.json": "./package.json",