@streamscloud/kit 0.2.37 → 0.2.39

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 (12) hide show
  1. package/dist/styles/_input.scss +2 -2
  2. package/dist/ui/datetime-picker/cmp.datetime-picker.svelte +2 -2
  3. package/dist/ui/inputs/input/cmp.input.svelte +2 -2
  4. package/dist/ui/inputs/numeral-input/cmp.numeral-input.svelte +2 -2
  5. package/dist/ui/inputs/rich-text-input/tinymce-input.svelte +2 -2
  6. package/dist/ui/inputs/textarea/cmp.textarea.svelte +2 -2
  7. package/dist/ui/selects/_multiselect.scss +3 -3
  8. package/dist/ui/selects/_singleselect.scss +3 -3
  9. package/dist/ui/selects/cmp.multiselect.svelte +3 -3
  10. package/dist/ui/selects/cmp.search-multiselect.svelte +3 -3
  11. package/dist/ui/selects/cmp.singleselect.svelte +3 -3
  12. package/package.json +1 -1
package/dist/styles/_input.scss CHANGED
@@ -12,11 +12,11 @@
12
12
  --_input--border-radius: var(--_--input--border-radius, #{functions.em(4)});
13
13
 
14
14
  --_input--icon--size: var(--_--input--icon--size, 1em);
15
- --_input--icon--color: var(--_--input--icon--color, light-dark(#{colors.$color-neutral-100}, #{colors.$color-dark-800}));
15
+ --_input--icon--color: var(--_--input--icon--color, light-dark(#{colors.$color-neutral-300}, #{colors.$color-neutral-600}));
16
16
 
17
17
  --_input--text--font-size: var(--_--input--text--font-size, #{functions.em(14)});
18
18
  --_input--text--color: var(--_--input--text--color, light-dark(#{colors.$color-gray-800}, #{colors.$color-white}));
19
- --_input--placeholder--color: var(--_--input--placeholder--color, light-dark(#{colors.$color-neutral-100}, #{colors.$color-dark-800}));
19
+ --_input--placeholder--color: var(--_--input--placeholder--color, light-dark(#{colors.$color-neutral-300}, #{colors.$color-neutral-600}));
20
20
  --input--placeholder--color: var(--_--input--placeholder--color);
21
21
 
22
22
  --_input--accent-color: var(--_--input--accent-color, light-dark(#{colors.$color-primary-500}, #{colors.$color-primary-400}));
package/dist/ui/datetime-picker/cmp.datetime-picker.svelte CHANGED
@@ -204,10 +204,10 @@ A date/time picker powered by flatpickr, supporting date, time, and datetime mod
204
204
  --_input--border-color: var(--_--input--border-color, light-dark(#f2f2f3, #1e1e1e));
205
205
  --_input--border-radius: var(--_--input--border-radius, 0.25em);
206
206
  --_input--icon--size: var(--_--input--icon--size, 1em);
207
- --_input--icon--color: var(--_--input--icon--color, light-dark(#f2f2f3, #1e1e1e));
207
+ --_input--icon--color: var(--_--input--icon--color, light-dark(#d1d5db, #4b5563));
208
208
  --_input--text--font-size: var(--_--input--text--font-size, 0.875em);
209
209
  --_input--text--color: var(--_--input--text--color, light-dark(#2e2e2e, #ffffff));
210
- --_input--placeholder--color: var(--_--input--placeholder--color, light-dark(#f2f2f3, #1e1e1e));
210
+ --_input--placeholder--color: var(--_--input--placeholder--color, light-dark(#d1d5db, #4b5563));
211
211
  --input--placeholder--color: var(--_--input--placeholder--color);
212
212
  --_input--accent-color: var(--_--input--accent-color, light-dark(#144ab0, #5a8dec));
213
213
  --_input--padding--inline: var(--_--input--padding--inline, 0.5em);
package/dist/ui/inputs/input/cmp.input.svelte CHANGED
@@ -148,10 +148,10 @@ Text/password input with optional clear button, icon, and emoji picker.
148
148
  --_input--border-color: var(--_--input--border-color, light-dark(#f2f2f3, #1e1e1e));
149
149
  --_input--border-radius: var(--_--input--border-radius, 0.25em);
150
150
  --_input--icon--size: var(--_--input--icon--size, 1em);
151
- --_input--icon--color: var(--_--input--icon--color, light-dark(#f2f2f3, #1e1e1e));
151
+ --_input--icon--color: var(--_--input--icon--color, light-dark(#d1d5db, #4b5563));
152
152
  --_input--text--font-size: var(--_--input--text--font-size, 0.875em);
153
153
  --_input--text--color: var(--_--input--text--color, light-dark(#2e2e2e, #ffffff));
154
- --_input--placeholder--color: var(--_--input--placeholder--color, light-dark(#f2f2f3, #1e1e1e));
154
+ --_input--placeholder--color: var(--_--input--placeholder--color, light-dark(#d1d5db, #4b5563));
155
155
  --input--placeholder--color: var(--_--input--placeholder--color);
156
156
  --_input--accent-color: var(--_--input--accent-color, light-dark(#144ab0, #5a8dec));
157
157
  --_input--padding--inline: var(--_--input--padding--inline, 0.5em);
package/dist/ui/inputs/numeral-input/cmp.numeral-input.svelte CHANGED
@@ -165,10 +165,10 @@ Uses cleave-zen for formatting and cursor tracking.
165
165
  --_input--border-color: var(--_--input--border-color, light-dark(#f2f2f3, #1e1e1e));
166
166
  --_input--border-radius: var(--_--input--border-radius, 0.25em);
167
167
  --_input--icon--size: var(--_--input--icon--size, 1em);
168
- --_input--icon--color: var(--_--input--icon--color, light-dark(#f2f2f3, #1e1e1e));
168
+ --_input--icon--color: var(--_--input--icon--color, light-dark(#d1d5db, #4b5563));
169
169
  --_input--text--font-size: var(--_--input--text--font-size, 0.875em);
170
170
  --_input--text--color: var(--_--input--text--color, light-dark(#2e2e2e, #ffffff));
171
- --_input--placeholder--color: var(--_--input--placeholder--color, light-dark(#f2f2f3, #1e1e1e));
171
+ --_input--placeholder--color: var(--_--input--placeholder--color, light-dark(#d1d5db, #4b5563));
172
172
  --input--placeholder--color: var(--_--input--placeholder--color);
173
173
  --_input--accent-color: var(--_--input--accent-color, light-dark(#144ab0, #5a8dec));
174
174
  --_input--padding--inline: var(--_--input--padding--inline, 0.5em);
package/dist/ui/inputs/rich-text-input/tinymce-input.svelte CHANGED
@@ -164,10 +164,10 @@ const setEditorValue = (editor, val) => {
164
164
  --_input--border-color: var(--_--input--border-color, light-dark(#f2f2f3, #1e1e1e));
165
165
  --_input--border-radius: var(--_--input--border-radius, 0.25em);
166
166
  --_input--icon--size: var(--_--input--icon--size, 1em);
167
- --_input--icon--color: var(--_--input--icon--color, light-dark(#f2f2f3, #1e1e1e));
167
+ --_input--icon--color: var(--_--input--icon--color, light-dark(#d1d5db, #4b5563));
168
168
  --_input--text--font-size: var(--_--input--text--font-size, 0.875em);
169
169
  --_input--text--color: var(--_--input--text--color, light-dark(#2e2e2e, #ffffff));
170
- --_input--placeholder--color: var(--_--input--placeholder--color, light-dark(#f2f2f3, #1e1e1e));
170
+ --_input--placeholder--color: var(--_--input--placeholder--color, light-dark(#d1d5db, #4b5563));
171
171
  --input--placeholder--color: var(--_--input--placeholder--color);
172
172
  --_input--accent-color: var(--_--input--accent-color, light-dark(#144ab0, #5a8dec));
173
173
  --_input--padding--inline: var(--_--input--padding--inline, 0.5em);
package/dist/ui/inputs/textarea/cmp.textarea.svelte CHANGED
@@ -151,10 +151,10 @@ Auto-resizing textarea with optional emoji picker, single-line mode, and submit-
151
151
  --_input--border-color: var(--_--input--border-color, light-dark(#f2f2f3, #1e1e1e));
152
152
  --_input--border-radius: var(--_--input--border-radius, 0.25em);
153
153
  --_input--icon--size: var(--_--input--icon--size, 1em);
154
- --_input--icon--color: var(--_--input--icon--color, light-dark(#f2f2f3, #1e1e1e));
154
+ --_input--icon--color: var(--_--input--icon--color, light-dark(#d1d5db, #4b5563));
155
155
  --_input--text--font-size: var(--_--input--text--font-size, 0.875em);
156
156
  --_input--text--color: var(--_--input--text--color, light-dark(#2e2e2e, #ffffff));
157
- --_input--placeholder--color: var(--_--input--placeholder--color, light-dark(#f2f2f3, #1e1e1e));
157
+ --_input--placeholder--color: var(--_--input--placeholder--color, light-dark(#d1d5db, #4b5563));
158
158
  --input--placeholder--color: var(--_--input--placeholder--color);
159
159
  --_input--accent-color: var(--_--input--accent-color, light-dark(#144ab0, #5a8dec));
160
160
  --_input--padding--inline: var(--_--input--padding--inline, 0.5em);
package/dist/ui/selects/_multiselect.scss CHANGED
@@ -12,8 +12,8 @@
12
12
  --_multiselect--border-radius: var(--sc-kit--multiselect--border-radius, #{functions.em(4)});
13
13
  --_multiselect--text--font-size: var(--sc-kit--multiselect--text--font-size, #{functions.em(14)});
14
14
  --_multiselect--text--color: var(--sc-kit--multiselect--text--color, light-dark(#{colors.$color-gray-800}, #{colors.$color-white}));
15
- --_multiselect--placeholder--color: var(--sc-kit--multiselect--placeholder--color, var(--_multiselect--border-color));
16
- --_multiselect--icon--color: var(--sc-kit--multiselect--icon--color, var(--_multiselect--border-color));
15
+ --_multiselect--placeholder--color: var(--sc-kit--multiselect--placeholder--color, light-dark(#{colors.$color-neutral-300}, #{colors.$color-neutral-600}));
16
+ --_multiselect--icon--color: var(--sc-kit--multiselect--icon--color, light-dark(#{colors.$color-neutral-300}, #{colors.$color-neutral-600}));
17
17
  --_multiselect--padding-inline: var(--sc-kit--multiselect--padding-inline, #{functions.em(8)});
18
18
  --_multiselect--padding-block: var(--sc-kit--multiselect--padding-block, #{functions.em(4)});
19
19
 
@@ -86,7 +86,7 @@
86
86
  --item-is-active-bg: var(--_multiselect--item--active--background);
87
87
  --item-is-active-color: var(--_multiselect--text--color);
88
88
  --item-is-not-selectable-color: var(--_multiselect--group-header--color);
89
- --item-line-height: 1;
89
+ --item-line-height: 1.4;
90
90
  --item-padding: var(--_multiselect--padding-block) var(--_multiselect--padding-inline);
91
91
  --item-transition: auto;
92
92
  --list-background: var(--background);
package/dist/ui/selects/_singleselect.scss CHANGED
@@ -15,8 +15,8 @@
15
15
  --_singleselect--border-radius: var(--sc-kit--singleselect--border-radius, #{functions.em(4)});
16
16
  --_singleselect--text--font-size: var(--sc-kit--singleselect--text--font-size, #{functions.em(14)});
17
17
  --_singleselect--text--color: var(--sc-kit--singleselect--text--color, light-dark(#{colors.$color-gray-800}, #{colors.$color-white}));
18
- --_singleselect--placeholder--color: var(--sc-kit--singleselect--placeholder--color, var(--_singleselect--border-color));
19
- --_singleselect--icon--color: var(--sc-kit--singleselect--icon--color, var(--_singleselect--border-color));
18
+ --_singleselect--placeholder--color: var(--sc-kit--singleselect--placeholder--color, light-dark(#{colors.$color-neutral-300}, #{colors.$color-neutral-600}));
19
+ --_singleselect--icon--color: var(--sc-kit--singleselect--icon--color, light-dark(#{colors.$color-neutral-300}, #{colors.$color-neutral-600}));
20
20
  --_singleselect--padding-inline: var(--sc-kit--singleselect--padding-inline, #{functions.em(8)});
21
21
  --_singleselect--padding-block: var(--sc-kit--singleselect--padding-block, #{functions.em(4)});
22
22
 
@@ -74,7 +74,7 @@
74
74
  --item-is-active-bg: var(--_singleselect--item--active--background);
75
75
  --item-is-active-color: var(--_singleselect--text--color);
76
76
  --item-is-not-selectable-color: var(--_singleselect--group-header--color);
77
- --item-line-height: 1;
77
+ --item-line-height: 1.4;
78
78
  --item-padding: var(--_singleselect--padding-block) var(--_singleselect--padding-inline);
79
79
  --item-transition: auto;
80
80
  --list-background: var(--background);
package/dist/ui/selects/cmp.multiselect.svelte CHANGED
@@ -278,8 +278,8 @@ Multi-value select dropdown built on svelte-select with fuzzy search. Supports e
278
278
  --_multiselect--border-radius: var(--sc-kit--multiselect--border-radius, 0.25em);
279
279
  --_multiselect--text--font-size: var(--sc-kit--multiselect--text--font-size, 0.875em);
280
280
  --_multiselect--text--color: var(--sc-kit--multiselect--text--color, light-dark(#2e2e2e, #ffffff));
281
- --_multiselect--placeholder--color: var(--sc-kit--multiselect--placeholder--color, var(--_multiselect--border-color));
282
- --_multiselect--icon--color: var(--sc-kit--multiselect--icon--color, var(--_multiselect--border-color));
281
+ --_multiselect--placeholder--color: var(--sc-kit--multiselect--placeholder--color, light-dark(#d1d5db, #4b5563));
282
+ --_multiselect--icon--color: var(--sc-kit--multiselect--icon--color, light-dark(#d1d5db, #4b5563));
283
283
  --_multiselect--padding-inline: var(--sc-kit--multiselect--padding-inline, 0.5em);
284
284
  --_multiselect--padding-block: var(--sc-kit--multiselect--padding-block, 0.25em);
285
285
  --_multiselect--options--max-height: var(--sc-kit--multiselect--options--max-height, 20em);
@@ -345,7 +345,7 @@ Multi-value select dropdown built on svelte-select with fuzzy search. Supports e
345
345
  --item-is-active-bg: var(--_multiselect--item--active--background);
346
346
  --item-is-active-color: var(--_multiselect--text--color);
347
347
  --item-is-not-selectable-color: var(--_multiselect--group-header--color);
348
- --item-line-height: 1;
348
+ --item-line-height: 1.4;
349
349
  --item-padding: var(--_multiselect--padding-block) var(--_multiselect--padding-inline);
350
350
  --item-transition: auto;
351
351
  --list-background: var(--background);
package/dist/ui/selects/cmp.search-multiselect.svelte CHANGED
@@ -274,8 +274,8 @@ Uses the same `--sc-kit--multiselect--*` variables as the Multiselect component.
274
274
  --_multiselect--border-radius: var(--sc-kit--multiselect--border-radius, 0.25em);
275
275
  --_multiselect--text--font-size: var(--sc-kit--multiselect--text--font-size, 0.875em);
276
276
  --_multiselect--text--color: var(--sc-kit--multiselect--text--color, light-dark(#2e2e2e, #ffffff));
277
- --_multiselect--placeholder--color: var(--sc-kit--multiselect--placeholder--color, var(--_multiselect--border-color));
278
- --_multiselect--icon--color: var(--sc-kit--multiselect--icon--color, var(--_multiselect--border-color));
277
+ --_multiselect--placeholder--color: var(--sc-kit--multiselect--placeholder--color, light-dark(#d1d5db, #4b5563));
278
+ --_multiselect--icon--color: var(--sc-kit--multiselect--icon--color, light-dark(#d1d5db, #4b5563));
279
279
  --_multiselect--padding-inline: var(--sc-kit--multiselect--padding-inline, 0.5em);
280
280
  --_multiselect--padding-block: var(--sc-kit--multiselect--padding-block, 0.25em);
281
281
  --_multiselect--options--max-height: var(--sc-kit--multiselect--options--max-height, 20em);
@@ -341,7 +341,7 @@ Uses the same `--sc-kit--multiselect--*` variables as the Multiselect component.
341
341
  --item-is-active-bg: var(--_multiselect--item--active--background);
342
342
  --item-is-active-color: var(--_multiselect--text--color);
343
343
  --item-is-not-selectable-color: var(--_multiselect--group-header--color);
344
- --item-line-height: 1;
344
+ --item-line-height: 1.4;
345
345
  --item-padding: var(--_multiselect--padding-block) var(--_multiselect--padding-inline);
346
346
  --item-transition: auto;
347
347
  --list-background: var(--background);
package/dist/ui/selects/cmp.singleselect.svelte CHANGED
@@ -231,8 +231,8 @@ Single-value select dropdown built on svelte-select with fuzzy search. Supports
231
231
  --_singleselect--border-radius: var(--sc-kit--singleselect--border-radius, 0.25em);
232
232
  --_singleselect--text--font-size: var(--sc-kit--singleselect--text--font-size, 0.875em);
233
233
  --_singleselect--text--color: var(--sc-kit--singleselect--text--color, light-dark(#2e2e2e, #ffffff));
234
- --_singleselect--placeholder--color: var(--sc-kit--singleselect--placeholder--color, var(--_singleselect--border-color));
235
- --_singleselect--icon--color: var(--sc-kit--singleselect--icon--color, var(--_singleselect--border-color));
234
+ --_singleselect--placeholder--color: var(--sc-kit--singleselect--placeholder--color, light-dark(#d1d5db, #4b5563));
235
+ --_singleselect--icon--color: var(--sc-kit--singleselect--icon--color, light-dark(#d1d5db, #4b5563));
236
236
  --_singleselect--padding-inline: var(--sc-kit--singleselect--padding-inline, 0.5em);
237
237
  --_singleselect--padding-block: var(--sc-kit--singleselect--padding-block, 0.25em);
238
238
  --_singleselect--options--max-height: var(--sc-kit--singleselect--options--max-height, 20em);
@@ -286,7 +286,7 @@ Single-value select dropdown built on svelte-select with fuzzy search. Supports
286
286
  --item-is-active-bg: var(--_singleselect--item--active--background);
287
287
  --item-is-active-color: var(--_singleselect--text--color);
288
288
  --item-is-not-selectable-color: var(--_singleselect--group-header--color);
289
- --item-line-height: 1;
289
+ --item-line-height: 1.4;
290
290
  --item-padding: var(--_singleselect--padding-block) var(--_singleselect--padding-inline);
291
291
  --item-transition: auto;
292
292
  --list-background: var(--background);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@streamscloud/kit",
3
- "version": "0.2.37",
3
+ "version": "0.2.39",
4
4
  "author": "StreamsCloud",
5
5
  "repository": {
6
6
  "type": "git",