@streamscloud/kit 0.2.36 → 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 (14) hide show
  1. package/dist/styles/_input.scss +1 -1
  2. package/dist/styles/_theme.scss +1 -1
  3. package/dist/ui/datetime-picker/cmp.datetime-picker.svelte +1 -1
  4. package/dist/ui/inputs/input/cmp.input.svelte +1 -1
  5. package/dist/ui/inputs/numeral-input/cmp.numeral-input.svelte +1 -1
  6. package/dist/ui/inputs/pin-input/cmp.pin-input.svelte +1 -1
  7. package/dist/ui/inputs/rich-text-input/tinymce-input.svelte +1 -1
  8. package/dist/ui/inputs/textarea/cmp.textarea.svelte +1 -1
  9. package/dist/ui/selects/_multiselect.scss +3 -3
  10. package/dist/ui/selects/_singleselect.scss +3 -3
  11. package/dist/ui/selects/cmp.multiselect.svelte +3 -3
  12. package/dist/ui/selects/cmp.search-multiselect.svelte +3 -3
  13. package/dist/ui/selects/cmp.singleselect.svelte +3 -3
  14. package/package.json +1 -1
package/dist/styles/_input.scss CHANGED
@@ -8,7 +8,7 @@
8
8
  --_input--width: var(--_--input--width, 100%);
9
9
  --_input--background: var(--_--input--background, light-dark(#{colors.$color-white}, #{colors.$color-gray-900}));
10
10
  --_input--background--disabled: var(--_--input--background--disabled, light-dark(#{colors.$color-neutral-50}, #{colors.$color-neutral-800}));
11
- --_input--border-color: var(--_--input--border-color, light-dark(#{colors.$color-neutral-300}, #{colors.$color-neutral-600}));
11
+ --_input--border-color: var(--_--input--border-color, light-dark(#{colors.$color-neutral-100}, #{colors.$color-dark-800}));
12
12
  --_input--border-radius: var(--_--input--border-radius, #{functions.em(4)});
13
13
 
14
14
  --_input--icon--size: var(--_--input--icon--size, 1em);
package/dist/styles/_theme.scss CHANGED
@@ -23,7 +23,7 @@
23
23
  --sc-color--border-error: light-dark(#{colors.$color-destructive-500}, #{colors.$color-destructive-600});
24
24
  --sc-color--border-gray: light-dark(#{colors.$color-neutral-200}, #{colors.$color-dark-200});
25
25
  --sc-color--border-green: light-dark(#{colors.$color-success-500}, #{colors.$color-success-700});
26
- --sc-color--border-input: light-dark(#{colors.$color-neutral-300}, #{colors.$color-dark-800});
26
+ --sc-color--border-input: light-dark(#{colors.$color-neutral-100}, #{colors.$color-dark-800});
27
27
  --sc-color--border-input-dark: light-dark(#{colors.$color-neutral-300}, #{colors.$color-neutral-500});
28
28
  --sc-color--border-light: light-dark(#{colors.$color-neutral-100}, #{colors.$color-neutral-300});
29
29
  --sc-color--border-primary: light-dark(#{colors.$color-neutral-100}, #{colors.$color-dark-800});
package/dist/ui/datetime-picker/cmp.datetime-picker.svelte CHANGED
@@ -201,7 +201,7 @@ A date/time picker powered by flatpickr, supporting date, time, and datetime mod
201
201
  --_input--width: var(--_--input--width, 100%);
202
202
  --_input--background: var(--_--input--background, light-dark(#ffffff, #1c1c1c));
203
203
  --_input--background--disabled: var(--_--input--background--disabled, light-dark(#f9fafb, #1f2937));
204
- --_input--border-color: var(--_--input--border-color, light-dark(#d1d5db, #4b5563));
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
207
  --_input--icon--color: var(--_--input--icon--color, light-dark(#d1d5db, #4b5563));
package/dist/ui/inputs/input/cmp.input.svelte CHANGED
@@ -145,7 +145,7 @@ Text/password input with optional clear button, icon, and emoji picker.
145
145
  --_input--width: var(--_--input--width, 100%);
146
146
  --_input--background: var(--_--input--background, light-dark(#ffffff, #1c1c1c));
147
147
  --_input--background--disabled: var(--_--input--background--disabled, light-dark(#f9fafb, #1f2937));
148
- --_input--border-color: var(--_--input--border-color, light-dark(#d1d5db, #4b5563));
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
151
  --_input--icon--color: var(--_--input--icon--color, light-dark(#d1d5db, #4b5563));
package/dist/ui/inputs/numeral-input/cmp.numeral-input.svelte CHANGED
@@ -162,7 +162,7 @@ Uses cleave-zen for formatting and cursor tracking.
162
162
  --_input--width: var(--_--input--width, 100%);
163
163
  --_input--background: var(--_--input--background, light-dark(#ffffff, #1c1c1c));
164
164
  --_input--background--disabled: var(--_--input--background--disabled, light-dark(#f9fafb, #1f2937));
165
- --_input--border-color: var(--_--input--border-color, light-dark(#d1d5db, #4b5563));
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
168
  --_input--icon--color: var(--_--input--icon--color, light-dark(#d1d5db, #4b5563));
package/dist/ui/inputs/pin-input/cmp.pin-input.svelte CHANGED
@@ -30,7 +30,7 @@ A PIN code input with configurable number of character cells. Each cell accepts
30
30
  <style>.pin-input {
31
31
  --_pin-input--color: var(--sc-kit--pin-input--color, light-dark(#2e2e2e, #ffffff));
32
32
  --_pin-input--background: var(--sc-kit--pin-input--background, light-dark(#ffffff, #1c1c1c));
33
- --_pin-input--border-color: var(--sc-kit--pin-input--border-color, light-dark(#d1d5db, #4b5563));
33
+ --_pin-input--border-color: var(--sc-kit--pin-input--border-color, light-dark(#f2f2f3, #1e1e1e));
34
34
  --_pin-input--border-color--focused: var(
35
35
  --sc-kit--pin-input--border-color--focused,
36
36
  light-dark(#144ab0, #5a8dec)
package/dist/ui/inputs/rich-text-input/tinymce-input.svelte CHANGED
@@ -161,7 +161,7 @@ const setEditorValue = (editor, val) => {
161
161
  --_input--width: var(--_--input--width, 100%);
162
162
  --_input--background: var(--_--input--background, light-dark(#ffffff, #1c1c1c));
163
163
  --_input--background--disabled: var(--_--input--background--disabled, light-dark(#f9fafb, #1f2937));
164
- --_input--border-color: var(--_--input--border-color, light-dark(#d1d5db, #4b5563));
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
167
  --_input--icon--color: var(--_--input--icon--color, light-dark(#d1d5db, #4b5563));
package/dist/ui/inputs/textarea/cmp.textarea.svelte CHANGED
@@ -148,7 +148,7 @@ Auto-resizing textarea with optional emoji picker, single-line mode, and submit-
148
148
  --_input--width: var(--_--input--width, 100%);
149
149
  --_input--background: var(--_--input--background, light-dark(#ffffff, #1c1c1c));
150
150
  --_input--background--disabled: var(--_--input--background--disabled, light-dark(#f9fafb, #1f2937));
151
- --_input--border-color: var(--_--input--border-color, light-dark(#d1d5db, #4b5563));
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
154
  --_input--icon--color: var(--_--input--icon--color, light-dark(#d1d5db, #4b5563));
package/dist/ui/selects/_multiselect.scss CHANGED
@@ -8,12 +8,12 @@
8
8
  --_multiselect--width: var(--sc-kit--multiselect--width, 100%);
9
9
  --_multiselect--background: var(--sc-kit--multiselect--background, light-dark(#{colors.$color-white}, #{colors.$color-gray-900}));
10
10
  --_multiselect--background--disabled: var(--sc-kit--multiselect--background--disabled, light-dark(#{colors.$color-neutral-50}, #{colors.$color-neutral-800}));
11
- --_multiselect--border-color: var(--sc-kit--multiselect--border-color, light-dark(#{colors.$color-neutral-300}, #{colors.$color-neutral-600}));
11
+ --_multiselect--border-color: var(--sc-kit--multiselect--border-color, light-dark(#{colors.$color-neutral-100}, #{colors.$color-dark-800}));
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
@@ -11,12 +11,12 @@
11
11
  --sc-kit--singleselect--background--disabled,
12
12
  light-dark(#{colors.$color-neutral-50}, #{colors.$color-neutral-800})
13
13
  );
14
- --_singleselect--border-color: var(--sc-kit--singleselect--border-color, light-dark(#{colors.$color-neutral-300}, #{colors.$color-neutral-600}));
14
+ --_singleselect--border-color: var(--sc-kit--singleselect--border-color, light-dark(#{colors.$color-neutral-100}, #{colors.$color-dark-800}));
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
@@ -274,12 +274,12 @@ Multi-value select dropdown built on svelte-select with fuzzy search. Supports e
274
274
  --_multiselect--width: var(--sc-kit--multiselect--width, 100%);
275
275
  --_multiselect--background: var(--sc-kit--multiselect--background, light-dark(#ffffff, #1c1c1c));
276
276
  --_multiselect--background--disabled: var(--sc-kit--multiselect--background--disabled, light-dark(#f9fafb, #1f2937));
277
- --_multiselect--border-color: var(--sc-kit--multiselect--border-color, light-dark(#d1d5db, #4b5563));
277
+ --_multiselect--border-color: var(--sc-kit--multiselect--border-color, light-dark(#f2f2f3, #1e1e1e));
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
@@ -270,12 +270,12 @@ Uses the same `--sc-kit--multiselect--*` variables as the Multiselect component.
270
270
  --_multiselect--width: var(--sc-kit--multiselect--width, 100%);
271
271
  --_multiselect--background: var(--sc-kit--multiselect--background, light-dark(#ffffff, #1c1c1c));
272
272
  --_multiselect--background--disabled: var(--sc-kit--multiselect--background--disabled, light-dark(#f9fafb, #1f2937));
273
- --_multiselect--border-color: var(--sc-kit--multiselect--border-color, light-dark(#d1d5db, #4b5563));
273
+ --_multiselect--border-color: var(--sc-kit--multiselect--border-color, light-dark(#f2f2f3, #1e1e1e));
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
@@ -227,12 +227,12 @@ Single-value select dropdown built on svelte-select with fuzzy search. Supports
227
227
  --sc-kit--singleselect--background--disabled,
228
228
  light-dark(#f9fafb, #1f2937)
229
229
  );
230
- --_singleselect--border-color: var(--sc-kit--singleselect--border-color, light-dark(#d1d5db, #4b5563));
230
+ --_singleselect--border-color: var(--sc-kit--singleselect--border-color, light-dark(#f2f2f3, #1e1e1e));
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.36",
3
+ "version": "0.2.38",
4
4
  "author": "StreamsCloud",
5
5
  "repository": {
6
6
  "type": "git",