@streamscloud/kit 0.2.33 → 0.2.34-1776170005887

package/dist/ui/grouped-sidebar/cmp.grouped-sidebar-section.svelte

@@ -93,35 +93,11 @@ A collapsible section within a GroupedSidebar. Renders a trigger button with che
 }
 .grouped-sidebar-section__content--expanded {
   flex: 0 0 auto;
+  overflow: visible;
   padding: var(--_grouped-sidebar-section--padding-block) var(--_grouped-sidebar-section--padding-inline);
   padding-bottom: 0;
   margin-bottom: var(--_grouped-sidebar-section--padding-block);
 }
 .grouped-sidebar-section__content--fill {
   flex: 1;
-  overflow-y: auto;
-  --_cross-browser-scrollbar--thumb-color: transparent;
-  --_cross-browser-scrollbar--track-color: transparent;
-}
-.grouped-sidebar-section__content--fill:hover {
-  --_cross-browser-scrollbar--thumb-color: var(--scrollbar--thumb-color, light-dark(#d1d5db, #4b5563));
-  --_cross-browser-scrollbar--track-color: var(--scrollbar--track-color, transparent);
-}
-.grouped-sidebar-section__content--fill::-webkit-scrollbar {
-  width: 6px;
-  height: 6px;
-}
-.grouped-sidebar-section__content--fill::-webkit-scrollbar-track {
-  background: var(--_cross-browser-scrollbar--track-color);
-  border-radius: 100vw;
-}
-.grouped-sidebar-section__content--fill::-webkit-scrollbar-thumb {
-  background: var(--_cross-browser-scrollbar--thumb-color);
-  border-radius: 100vw;
-}
-@supports (scrollbar-color: transparent transparent) {
-  .grouped-sidebar-section__content--fill {
-    scrollbar-color: var(--_cross-browser-scrollbar--thumb-color) var(--_cross-browser-scrollbar--track-color);
-    scrollbar-width: thin;
-  }
 }</style>

package/dist/ui/selects/cmp.multiselect.svelte

@@ -7,12 +7,12 @@ import IconReorderDotsVertical from '@fluentui/svg-icons/icons/re_order_dots_ver
 import Fuse from 'fuse.js';
 import { dndzone } from 'svelte-dnd-action';
 import Select from 'svelte-select';
-let { value = null, options = [], placeholder = '', disabled = false, loading = false, creatable = null, inlineSelection = false, hideEmptyState = false, showFullItem = false, reorderable = false, compareBy, floatingStrategy = 'absolute', on, icon, chevronIcon } = $props();
+let { value = null, options = [], placeholder = '', disabled = false, loading = false, creatable = null, inlineSelection = false, hideEmptyState = false, showFullItem = false, reorderable = false, compareBy, on, icon, chevronIcon } = $props();
 const valuesEqual = (a, b) => (compareBy ? compareBy(a) === compareBy(b) : a === b);
 const loc = new SelectLocalization();
 let listOpen = $state(false);
 let filterText = $state('');
-const floatingConfig = $derived({ strategy: floatingStrategy });
+const floatingConfig = { strategy: 'absolute' };
 const flattenGroupedOptions = (opts) => {
     const result = [];
     for (const opt of opts) {

package/dist/ui/selects/cmp.multiselect.svelte.d.ts

@@ -19,8 +19,6 @@ declare function $$render<T>(): {
         reorderable?: boolean;
         /** Custom equality comparator for option values. When provided, two values are equal if compareBy(a) === compareBy(b). */
         compareBy?: (value: T) => string | number;
-        /** Floating UI positioning strategy. Use 'fixed' when the select is inside an overflow-hidden container. */
-        floatingStrategy?: "absolute" | "fixed";
         on?: {
             change?: (value: T[]) => void;
             create?: (label: string) => void;

package/dist/ui/selects/cmp.search-multiselect.svelte

@@ -9,12 +9,12 @@ import Fuse from 'fuse.js';
 import { nanoid } from 'nanoid';
 import { dndzone } from 'svelte-dnd-action';
 import Select from 'svelte-select';
-let { value = null, loadOptions: loadOptionsFn, debounce = 350, placeholder = '', disabled = false, loading = false, creatable = null, inlineSelection = false, hideEmptyState = false, showFullItem = false, showChevron = false, maxVisibleItems = undefined, reorderable = false, compareBy, floatingStrategy = 'absolute', on, icon, chevronIcon, optionSnippet } = $props();
+let { value = null, loadOptions: loadOptionsFn, debounce = 350, placeholder = '', disabled = false, loading = false, creatable = null, inlineSelection = false, hideEmptyState = false, showFullItem = false, showChevron = false, maxVisibleItems = undefined, reorderable = false, compareBy, on, icon, chevronIcon, optionSnippet } = $props();
 const valuesEqual = (a, b) => (compareBy ? compareBy(a) === compareBy(b) : a === b);
 const loc = new SelectLocalization();
 let listOpen = $state(false);
 let filterText = $state('');
-const floatingConfig = $derived({ strategy: floatingStrategy });
+const floatingConfig = { strategy: 'absolute' };
 let loadingIndicatorShown = $state(false);
 let loadingIndicatorTimeout = null;
 $effect(() => {

package/dist/ui/selects/cmp.search-multiselect.svelte.d.ts

@@ -26,8 +26,6 @@ declare function $$render<T>(): {
         reorderable?: boolean;
         /** Custom equality comparator for option values. When provided, two values are equal if compareBy(a) === compareBy(b). */
         compareBy?: (value: T) => string | number;
-        /** Floating UI positioning strategy. Use 'fixed' when the select is inside an overflow-hidden container. */
-        floatingStrategy?: "absolute" | "fixed";
         on?: {
             change?: (value: SelectOption<T>[]) => void;
             create?: (label: string) => void;

package/dist/ui/selects/cmp.singleselect.svelte

@@ -4,12 +4,12 @@ import IconAdd from '@fluentui/svg-icons/icons/add_16_filled.svg?raw';
 import IconChevronDown from '@fluentui/svg-icons/icons/chevron_down_20_regular.svg?raw';
 import Fuse from 'fuse.js';
 import Select from 'svelte-select';
-let { value = null, options = [], placeholder = '', disabled = false, loading = false, creatable = null, allowReset = false, groupHeaderSelectable = false, compareBy, floatingStrategy = 'absolute', on, icon, optionSnippet, selectionSnippet } = $props();
+let { value = null, options = [], placeholder = '', disabled = false, loading = false, creatable = null, allowReset = false, groupHeaderSelectable = false, compareBy, on, icon, optionSnippet, selectionSnippet } = $props();
 const valuesEqual = (a, b) => (compareBy ? compareBy(a) === compareBy(b) : a === b);
 const loc = new SelectLocalization();
 let listOpen = $state(false);
 let filterText = $state('');
-const floatingConfig = $derived({ strategy: floatingStrategy });
+const floatingConfig = { strategy: 'absolute' };
 const flattenGroupedOptions = (opts) => {
     const result = [];
     for (const opt of opts) {

package/dist/ui/selects/cmp.singleselect.svelte.d.ts

@@ -15,8 +15,6 @@ declare function $$render<T>(): {
         groupHeaderSelectable?: boolean;
         /** Custom equality comparator for option values. When provided, two values are equal if compareBy(a) === compareBy(b). */
         compareBy?: (value: T) => string | number;
-        /** Floating UI positioning strategy. Use 'fixed' when the select is inside an overflow-hidden container. */
-        floatingStrategy?: "absolute" | "fixed";
         on?: {
             change?: (value: T | null) => void;
             create?: (label: string) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/kit",
-  "version": "0.2.33",
+  "version": "0.2.34-1776170005887",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",