@streamscloud/kit 0.2.37 → 0.2.38

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 +2 -2
  8. package/dist/ui/selects/_singleselect.scss +2 -2
  9. package/dist/ui/selects/cmp.multiselect.svelte +2 -2
  10. package/dist/ui/selects/cmp.search-multiselect.svelte +2 -2
  11. package/dist/ui/selects/cmp.singleselect.svelte +2 -2
  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
 
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
 
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);
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);
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);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@streamscloud/kit",
3
- "version": "0.2.37",
3
+ "version": "0.2.38",
4
4
  "author": "StreamsCloud",
5
5
  "repository": {
6
6
  "type": "git",