@streamscloud/kit 0.2.25 → 0.2.27
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.
- package/dist/ui/color-picker/cmp.color-picker.svelte +1 -1
- package/dist/ui/cropper/img-cropper/cmp.img-cropper-toolbar.svelte +1 -1
- package/dist/ui/dialog/cmp.dialog.svelte +3 -1
- package/dist/ui/dialog/cmp.dialog.svelte.d.ts +1 -0
- package/dist/ui/emoji-picker/cmp.emoji-picker.svelte +1 -1
- package/dist/ui/inputs/input-emoji-picker/cmp.input-emoji-picker.svelte +1 -1
- package/package.json +1 -1
|
@@ -46,7 +46,7 @@ const onColorPickerInput = ({ hex }) => {
|
|
|
46
46
|
</script>
|
|
47
47
|
|
|
48
48
|
<div class="color-picker">
|
|
49
|
-
<Dropdown position="bottom-start" keepDropdownOpen>
|
|
49
|
+
<Dropdown position="bottom-start" keepDropdownOpen panel={false}>
|
|
50
50
|
{#snippet trigger()}
|
|
51
51
|
<div class="color-picker__trigger">
|
|
52
52
|
{#if children}
|
|
@@ -50,7 +50,7 @@ const selectedRatioLabel = $derived.by(() => {
|
|
|
50
50
|
{#if cropper.ratioOptions}
|
|
51
51
|
<div class="img-cropper-toolbar__ratio">
|
|
52
52
|
<span class="img-cropper-toolbar__label">{loc.ratio}</span>
|
|
53
|
-
<Dropdown position="top">
|
|
53
|
+
<Dropdown position="top" panel={false}>
|
|
54
54
|
{#snippet trigger()}
|
|
55
55
|
<div class="img-cropper-toolbar__ratio-trigger">{selectedRatioLabel}</div>
|
|
56
56
|
{/snippet}
|
|
@@ -53,6 +53,7 @@ A structured dialog panel with header (title + close button), scrollable body, a
|
|
|
53
53
|
| `--sc-kit--dialog--min-height` | Minimum height | `auto` |
|
|
54
54
|
| `--sc-kit--dialog--padding-block` | Vertical padding for header/body/footer | `1.25rem` |
|
|
55
55
|
| `--sc-kit--dialog--padding-inline` | Horizontal padding for header/body/footer | `1.5rem` |
|
|
56
|
+
| `--sc-kit--dialog--body--overflow-y` | Body vertical overflow | `visible` |
|
|
56
57
|
| `--sc-kit--dialog--body--padding-block` | Body-specific vertical padding | inherits `--padding-block` |
|
|
57
58
|
| `--sc-kit--dialog--body--padding-inline` | Body-specific horizontal padding | inherits `--padding-inline` |
|
|
58
59
|
| `--sc-kit--dialog--header--padding-block` | Header-specific vertical padding | inherits `--padding-block` |
|
|
@@ -70,6 +71,7 @@ A structured dialog panel with header (title + close button), scrollable body, a
|
|
|
70
71
|
--_dialog--min-height: var(--sc-kit--dialog--min-height, auto);
|
|
71
72
|
--_dialog--padding-block: var(--sc-kit--dialog--padding-block, 1.25rem);
|
|
72
73
|
--_dialog--padding-inline: var(--sc-kit--dialog--padding-inline, 1.5rem);
|
|
74
|
+
--_dialog--body--overflow-y: var(--sc-kit--dialog--body--overflow-y, visible);
|
|
73
75
|
--_dialog--body--padding-block: var(--sc-kit--dialog--body--padding-block, var(--_dialog--padding-block));
|
|
74
76
|
--_dialog--body--padding-inline: var(--sc-kit--dialog--body--padding-inline, var(--_dialog--padding-inline));
|
|
75
77
|
--_dialog--header--padding-block: var(--sc-kit--dialog--header--padding-block, var(--_dialog--padding-block));
|
|
@@ -114,7 +116,7 @@ A structured dialog panel with header (title + close button), scrollable body, a
|
|
|
114
116
|
.dialog__body {
|
|
115
117
|
flex: 1;
|
|
116
118
|
min-height: 0;
|
|
117
|
-
overflow-y:
|
|
119
|
+
overflow-y: var(--_dialog--body--overflow-y);
|
|
118
120
|
padding: var(--_dialog--body--padding-block) var(--_dialog--body--padding-inline);
|
|
119
121
|
--_cross-browser-scrollbar--thumb-color: var(--scrollbar--thumb-color, light-dark(#d1d5db, #4b5563));
|
|
120
122
|
--_cross-browser-scrollbar--track-color: var(--scrollbar--track-color, transparent);
|
|
@@ -54,6 +54,7 @@ interface $$IsomorphicComponent {
|
|
|
54
54
|
* | `--sc-kit--dialog--min-height` | Minimum height | `auto` |
|
|
55
55
|
* | `--sc-kit--dialog--padding-block` | Vertical padding for header/body/footer | `1.25rem` |
|
|
56
56
|
* | `--sc-kit--dialog--padding-inline` | Horizontal padding for header/body/footer | `1.5rem` |
|
|
57
|
+
* | `--sc-kit--dialog--body--overflow-y` | Body vertical overflow | `visible` |
|
|
57
58
|
* | `--sc-kit--dialog--body--padding-block` | Body-specific vertical padding | inherits `--padding-block` |
|
|
58
59
|
* | `--sc-kit--dialog--body--padding-inline` | Body-specific horizontal padding | inherits `--padding-inline` |
|
|
59
60
|
* | `--sc-kit--dialog--header--padding-block` | Header-specific vertical padding | inherits `--padding-block` |
|
|
@@ -5,7 +5,7 @@ import IconEmoji from '@fluentui/svg-icons/icons/emoji_20_regular.svg?raw';
|
|
|
5
5
|
let { dropdownPosition = 'bottom-end', on, children } = $props();
|
|
6
6
|
</script>
|
|
7
7
|
|
|
8
|
-
<Dropdown position={dropdownPosition} keepDropdownOpen={true}>
|
|
8
|
+
<Dropdown position={dropdownPosition} keepDropdownOpen={true} panel={false}>
|
|
9
9
|
{#snippet trigger()}
|
|
10
10
|
<div class="emoji-picker__trigger">
|
|
11
11
|
{#if children}
|
|
@@ -11,7 +11,7 @@ let { on } = $props();
|
|
|
11
11
|
</button>
|
|
12
12
|
|
|
13
13
|
<div class="input-emoji-picker">
|
|
14
|
-
<Dropdown position="bottom-end" matchTriggerWidth on={{ mounted: (e) => (toggleDropdown = e.toggleOpen) }} keepDropdownOpen={true}>
|
|
14
|
+
<Dropdown position="bottom-end" matchTriggerWidth panel={false} on={{ mounted: (e) => (toggleDropdown = e.toggleOpen) }} keepDropdownOpen={true}>
|
|
15
15
|
{#snippet trigger()}
|
|
16
16
|
<div class="input-emoji-picker__trigger-stub"></div>
|
|
17
17
|
{/snippet}
|