@streamscloud/kit 0.2.5 → 0.2.6

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 (7) hide show
  1. package/dist/styles/_input.scss +1 -1
  2. package/dist/ui/datetime-picker/cmp.datetime-picker.svelte +1 -1
  3. package/dist/ui/inputs/input/cmp.input.svelte +1 -1
  4. package/dist/ui/inputs/numeral-input/cmp.numeral-input.svelte +1 -1
  5. package/dist/ui/inputs/rich-text-input/tinymce-input.svelte +1 -1
  6. package/dist/ui/inputs/textarea/cmp.textarea.svelte +1 -1
  7. package/package.json +1 -1
package/dist/styles/_input.scss CHANGED
@@ -72,7 +72,7 @@
72
72
  --_input--accent-shadow: var(--_input--explicit-shadow-color, var(--_input--default-shadow-color));
73
73
  position: relative;
74
74
  box-shadow: inset 0 -0.13em var(--_input--accent-shadow);
75
- @include transitions.transition(box-shadow);
75
+ @include transitions.transition(box-shadow border-color width background padding);
76
76
 
77
77
  &:focus,
78
78
  &:focus-within {
package/dist/ui/datetime-picker/cmp.datetime-picker.svelte CHANGED
@@ -231,7 +231,7 @@ A date/time picker powered by flatpickr, supporting date, time, and datetime mod
231
231
  --_input--accent-shadow: var(--_input--explicit-shadow-color, var(--_input--default-shadow-color));
232
232
  position: relative;
233
233
  box-shadow: inset 0 -0.13em var(--_input--accent-shadow);
234
- transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);
234
+ transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), width 250ms cubic-bezier(0.4, 0, 0.2, 1), background 250ms cubic-bezier(0.4, 0, 0.2, 1), padding 250ms cubic-bezier(0.4, 0, 0.2, 1);
235
235
  }
236
236
  .datetime-picker:focus, .datetime-picker:focus-within {
237
237
  --_input--default-shadow-color: var(--_input--accent-color);
package/dist/ui/inputs/input/cmp.input.svelte CHANGED
@@ -175,7 +175,7 @@ Text/password input with optional clear button, icon, and emoji picker.
175
175
  --_input--accent-shadow: var(--_input--explicit-shadow-color, var(--_input--default-shadow-color));
176
176
  position: relative;
177
177
  box-shadow: inset 0 -0.13em var(--_input--accent-shadow);
178
- transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);
178
+ transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), width 250ms cubic-bezier(0.4, 0, 0.2, 1), background 250ms cubic-bezier(0.4, 0, 0.2, 1), padding 250ms cubic-bezier(0.4, 0, 0.2, 1);
179
179
  }
180
180
  .input:focus, .input:focus-within {
181
181
  --_input--default-shadow-color: var(--_input--accent-color);
package/dist/ui/inputs/numeral-input/cmp.numeral-input.svelte CHANGED
@@ -192,7 +192,7 @@ Uses cleave-zen for formatting and cursor tracking.
192
192
  --_input--accent-shadow: var(--_input--explicit-shadow-color, var(--_input--default-shadow-color));
193
193
  position: relative;
194
194
  box-shadow: inset 0 -0.13em var(--_input--accent-shadow);
195
- transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);
195
+ transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), width 250ms cubic-bezier(0.4, 0, 0.2, 1), background 250ms cubic-bezier(0.4, 0, 0.2, 1), padding 250ms cubic-bezier(0.4, 0, 0.2, 1);
196
196
  }
197
197
  .numeral-input:focus, .numeral-input:focus-within {
198
198
  --_input--default-shadow-color: var(--_input--accent-color);
package/dist/ui/inputs/rich-text-input/tinymce-input.svelte CHANGED
@@ -191,7 +191,7 @@ const setEditorValue = (editor, val) => {
191
191
  --_input--accent-shadow: var(--_input--explicit-shadow-color, var(--_input--default-shadow-color));
192
192
  position: relative;
193
193
  box-shadow: inset 0 -0.13em var(--_input--accent-shadow);
194
- transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);
194
+ transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), width 250ms cubic-bezier(0.4, 0, 0.2, 1), background 250ms cubic-bezier(0.4, 0, 0.2, 1), padding 250ms cubic-bezier(0.4, 0, 0.2, 1);
195
195
  }
196
196
  .tinymce-input:focus, .tinymce-input:focus-within {
197
197
  --_input--default-shadow-color: var(--_input--accent-color);
package/dist/ui/inputs/textarea/cmp.textarea.svelte CHANGED
@@ -178,7 +178,7 @@ Auto-resizing textarea with optional emoji picker, single-line mode, and submit-
178
178
  --_input--accent-shadow: var(--_input--explicit-shadow-color, var(--_input--default-shadow-color));
179
179
  position: relative;
180
180
  box-shadow: inset 0 -0.13em var(--_input--accent-shadow);
181
- transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1);
181
+ transition: box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1), border-color 250ms cubic-bezier(0.4, 0, 0.2, 1), width 250ms cubic-bezier(0.4, 0, 0.2, 1), background 250ms cubic-bezier(0.4, 0, 0.2, 1), padding 250ms cubic-bezier(0.4, 0, 0.2, 1);
182
182
  }
183
183
  .textarea-input:focus, .textarea-input:focus-within {
184
184
  --_input--default-shadow-color: var(--_input--accent-color);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@streamscloud/kit",
3
- "version": "0.2.5",
3
+ "version": "0.2.6",
4
4
  "author": "StreamsCloud",
5
5
  "repository": {
6
6
  "type": "git",