@geoffcox/sterling-svelte 1.0.5 → 1.0.7

package/{Popover.svelte.d.ts → dist/Popover.svelte.d.ts}

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
@@ -48,10 +48,12 @@ declare const __propDef: {
             variant: string;
         };
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type PopoverProps = typeof __propDef.props;
 export type PopoverEvents = typeof __propDef.events;
 export type PopoverSlots = typeof __propDef.slots;
-export default class Popover extends SvelteComponentTyped<PopoverProps, PopoverEvents, PopoverSlots> {
+export default class Popover extends SvelteComponent<PopoverProps, PopoverEvents, PopoverSlots> {
 }
 export {};

package/dist/Portal.constants.d.ts

@@ -0,0 +1,2 @@
+export declare const STERLING_PORTAL_HOST_ID = "SterlingPortalHost";
+export declare const STERLING_PORTAL_CONTEXT_ID = "SterlingPortalContext";

package/dist/Portal.constants.js

@@ -0,0 +1,2 @@
+export const STERLING_PORTAL_HOST_ID = 'SterlingPortalHost';
+export const STERLING_PORTAL_CONTEXT_ID = 'SterlingPortalContext';

package/dist/Portal.types.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="svelte" />
+import type { Readable } from 'svelte/store';
+export type PortalContext = {
+    /** The portal host for usePortal */
+    portalHost: Readable<HTMLElement | undefined>;
+};

package/{Progress.svelte.d.ts → dist/Progress.svelte.d.ts}

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
@@ -46,6 +46,8 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type ProgressProps = typeof __propDef.props;
 export type ProgressEvents = typeof __propDef.events;
@@ -54,6 +56,6 @@ export type ProgressSlots = typeof __propDef.slots;
  * An indicator of a value between 0 and a maximum value.ß
  * Does not use the HTML progress element.
  */
-export default class Progress extends SvelteComponentTyped<ProgressProps, ProgressEvents, ProgressSlots> {
+export default class Progress extends SvelteComponent<ProgressProps, ProgressEvents, ProgressSlots> {
 }
 export {};

package/{Radio.svelte.d.ts → dist/Radio.svelte.d.ts}

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
@@ -50,12 +50,14 @@ declare const __propDef: {
             variant: string;
         };
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type RadioProps = typeof __propDef.props;
 export type RadioEvents = typeof __propDef.events;
 export type RadioSlots = typeof __propDef.slots;
 /** A styled HTML input type=radio element with optional label. */
-export default class Radio extends SvelteComponentTyped<RadioProps, RadioEvents, RadioSlots> {
+export default class Radio extends SvelteComponent<RadioProps, RadioEvents, RadioSlots> {
     get blur(): () => void;
     get click(): () => void;
     get focus(): (options?: FocusOptions | undefined) => void;

package/{RgbColorSliders.svelte.d.ts → dist/RgbColorSliders.svelte.d.ts}

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         /** The red value. */ red?: number | undefined;
@@ -13,10 +13,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type RgbColorSlidersProps = typeof __propDef.props;
 export type RgbColorSlidersEvents = typeof __propDef.events;
 export type RgbColorSlidersSlots = typeof __propDef.slots;
-export default class RgbColorSliders extends SvelteComponentTyped<RgbColorSlidersProps, RgbColorSlidersEvents, RgbColorSlidersSlots> {
+export default class RgbColorSliders extends SvelteComponent<RgbColorSlidersProps, RgbColorSlidersEvents, RgbColorSlidersSlots> {
 }
 export {};

package/{Select.svelte.d.ts → dist/Select.svelte.d.ts}

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
@@ -68,11 +68,13 @@ declare const __propDef: {
             listVariant: string;
         };
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type SelectProps = typeof __propDef.props;
 export type SelectEvents = typeof __propDef.events;
 export type SelectSlots = typeof __propDef.slots;
-export default class Select extends SvelteComponentTyped<SelectProps, SelectEvents, SelectSlots> {
+export default class Select extends SvelteComponent<SelectProps, SelectEvents, SelectSlots> {
     get blur(): () => void;
     get click(): () => void;
     get focus(): (options?: FocusOptions | undefined) => void;

package/{Slider.svelte.d.ts → dist/Slider.svelte.d.ts}

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
@@ -51,12 +51,14 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type SliderProps = typeof __propDef.props;
 export type SliderEvents = typeof __propDef.events;
 export type SliderSlots = typeof __propDef.slots;
 /** Slider lets the user chose a value within a min/max range by dragging a thumb button. */
-export default class Slider extends SvelteComponentTyped<SliderProps, SliderEvents, SliderSlots> {
+export default class Slider extends SvelteComponent<SliderProps, SliderEvents, SliderSlots> {
     get blur(): () => void;
     get click(): () => void;
     get focus(): (options?: FocusOptions | undefined) => void;

package/{Switch.svelte.d.ts → dist/Switch.svelte.d.ts}

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
@@ -59,12 +59,14 @@ declare const __propDef: {
             vertical: boolean;
         };
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type SwitchProps = typeof __propDef.props;
 export type SwitchEvents = typeof __propDef.events;
 export type SwitchSlots = typeof __propDef.slots;
 /** A styled HTML input type=checkbox element. */
-export default class Switch extends SvelteComponentTyped<SwitchProps, SwitchEvents, SwitchSlots> {
+export default class Switch extends SvelteComponent<SwitchProps, SwitchEvents, SwitchSlots> {
     get blur(): () => void;
     get click(): () => void;
     get focus(): (options?: FocusOptions | undefined) => void;

package/{Tab.svelte.d.ts → dist/Tab.svelte.d.ts}

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         /**
@@ -57,11 +57,13 @@ declare const __propDef: {
             variant: string;
         };
     };
+    exports?: {} | undefined;
+    bindings?: string | undefined;
 };
 export type TabProps = typeof __propDef.props;
 export type TabEvents = typeof __propDef.events;
 export type TabSlots = typeof __propDef.slots;
-export default class Tab extends SvelteComponentTyped<TabProps, TabEvents, TabSlots> {
+export default class Tab extends SvelteComponent<TabProps, TabEvents, TabSlots> {
     get click(): () => void;
     get blur(): () => void;
     get focus(): (options?: FocusOptions | undefined) => void;

package/{TabList.svelte.d.ts → dist/TabList.svelte.d.ts}

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
@@ -53,11 +53,13 @@ declare const __propDef: {
             vertical: boolean;
         };
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type TabListProps = typeof __propDef.props;
 export type TabListEvents = typeof __propDef.events;
 export type TabListSlots = typeof __propDef.slots;
-export default class TabList extends SvelteComponentTyped<TabListProps, TabListEvents, TabListSlots> {
+export default class TabList extends SvelteComponent<TabListProps, TabListEvents, TabListSlots> {
     get blur(): () => void;
     get focus(): (options?: FocusOptions | undefined) => void;
     get selectFirstTab(): () => boolean;

package/{TabList.types.d.ts → dist/TabList.types.d.ts}

@@ -1,3 +1,4 @@
+/// <reference types="svelte" />
 import type { Readable, Writable } from 'svelte/store';
 /**
  * The context for a TabList and its tabs.

package/{TextArea.svelte.d.ts → dist/TextArea.svelte.d.ts}

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
@@ -52,11 +52,13 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type TextAreaProps = typeof __propDef.props;
 export type TextAreaEvents = typeof __propDef.events;
 export type TextAreaSlots = typeof __propDef.slots;
-export default class TextArea extends SvelteComponentTyped<TextAreaProps, TextAreaEvents, TextAreaSlots> {
+export default class TextArea extends SvelteComponent<TextAreaProps, TextAreaEvents, TextAreaSlots> {
     get blur(): () => void;
     get click(): () => void;
     get focus(): (options?: FocusOptions | undefined) => void;

package/{Tooltip.svelte.d.ts → dist/Tooltip.svelte.d.ts}

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
@@ -59,10 +59,12 @@ declare const __propDef: {
             variant: string;
         };
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type TooltipProps = typeof __propDef.props;
 export type TooltipEvents = typeof __propDef.events;
 export type TooltipSlots = typeof __propDef.slots;
-export default class Tooltip extends SvelteComponentTyped<TooltipProps, TooltipEvents, TooltipSlots> {
+export default class Tooltip extends SvelteComponent<TooltipProps, TooltipEvents, TooltipSlots> {
 }
 export {};

package/{Tree.svelte.d.ts → dist/Tree.svelte.d.ts}

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
@@ -54,11 +54,13 @@ declare const __propDef: {
             variant: string;
         };
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type TreeProps = typeof __propDef.props;
 export type TreeEvents = typeof __propDef.events;
 export type TreeSlots = typeof __propDef.slots;
-export default class Tree extends SvelteComponentTyped<TreeProps, TreeEvents, TreeSlots> {
+export default class Tree extends SvelteComponent<TreeProps, TreeEvents, TreeSlots> {
     get blur(): () => void;
     get focus(): (options?: FocusOptions | undefined) => void;
 }

package/{Tree.types.d.ts → dist/Tree.types.d.ts}

@@ -1,3 +1,4 @@
+/// <reference types="svelte" />
 import type { Readable, Writable } from 'svelte/store';
 /**
  * The context for a Tree and its descendants.

package/{TreeChevron.svelte.d.ts → dist/TreeChevron.svelte.d.ts}

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
@@ -42,10 +42,12 @@ declare const __propDef: {
         [evt: string]: CustomEvent<any>;
     };
     slots: {};
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type TreeChevronProps = typeof __propDef.props;
 export type TreeChevronEvents = typeof __propDef.events;
 export type TreeChevronSlots = typeof __propDef.slots;
-export default class TreeChevron extends SvelteComponentTyped<TreeChevronProps, TreeChevronEvents, TreeChevronSlots> {
+export default class TreeChevron extends SvelteComponent<TreeChevronProps, TreeChevronEvents, TreeChevronSlots> {
 }
 export {};

package/{TreeItem.svelte.d.ts → dist/TreeItem.svelte.d.ts}

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
@@ -79,12 +79,14 @@ declare const __propDef: {
             variant: string;
         };
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type TreeItemProps = typeof __propDef.props;
 export type TreeItemEvents = typeof __propDef.events;
 export type TreeItemSlots = typeof __propDef.slots;
 /** A item in a Tree displaying the item and children. */
-export default class TreeItem extends SvelteComponentTyped<TreeItemProps, TreeItemEvents, TreeItemSlots> {
+export default class TreeItem extends SvelteComponent<TreeItemProps, TreeItemEvents, TreeItemSlots> {
     get collapse(): () => boolean;
     get expand(): () => boolean;
     get toggleExpanded(): () => boolean;

package/{TreeItem.types.d.ts → dist/TreeItem.types.d.ts}

@@ -1,3 +1,4 @@
+/// <reference types="svelte" />
 import type { Readable } from 'svelte/store';
 /**
  * The context for a tree item and its descendants.

package/dist/TreeItem.types.js

@@ -0,0 +1 @@
+export {};

package/{TreeItemDisplay.svelte.d.ts → dist/TreeItemDisplay.svelte.d.ts}

@@ -1,4 +1,4 @@
-import { SvelteComponentTyped } from "svelte";
+import { SvelteComponent } from "svelte";
 declare const __propDef: {
     props: {
         [x: string]: any;
@@ -59,11 +59,13 @@ declare const __propDef: {
             variant: string;
         };
     };
+    exports?: undefined;
+    bindings?: undefined;
 };
 export type TreeItemDisplayProps = typeof __propDef.props;
 export type TreeItemDisplayEvents = typeof __propDef.events;
 export type TreeItemDisplaySlots = typeof __propDef.slots;
-export default class TreeItemDisplay extends SvelteComponentTyped<TreeItemDisplayProps, TreeItemDisplayEvents, TreeItemDisplaySlots> {
+export default class TreeItemDisplay extends SvelteComponent<TreeItemDisplayProps, TreeItemDisplayEvents, TreeItemDisplaySlots> {
     get click(): () => void;
     get blur(): () => void;
     get focus(): (options?: FocusOptions | undefined) => void;

package/{actions → dist/actions}/portal.d.ts

@@ -1,8 +1,8 @@
 export declare const portal: (node: HTMLElement, params: {
-    target: HTMLElement;
+    target?: HTMLElement;
 }) => {
     update: (params: {
-        target: HTMLElement;
+        target?: HTMLElement;
     }) => void;
     destroy(): void;
 };

package/{css → dist/css}/Callout.base.css

@@ -15,7 +15,7 @@
   display: none;
   grid-template-columns: 1fr;
   grid-template-rows: 1fr;
-  height: fit-content;
+  height: auto;
   left: 0;
   overflow: visible;
   position: absolute;

package/{css → dist/css}/Dialog.base.css

@@ -2,6 +2,7 @@
   padding: 0;
   border: none;
   background: none;
+  overflow: visible;
 }
 
 .sterling-dialog::backdrop {
@@ -101,9 +102,6 @@
 }
 
 .sterling-dialog > form > .content > .footer {
-  display: flex;
-  justify-content: flex-end;
-  justify-items: flex-end;
   padding: 0.5em 1em;
   gap: 5px;
 }

package/{css → dist/css}/Label.base.css

@@ -43,7 +43,6 @@
   color: var(--stsv-common__color--secondary);
   font-size: 0.8em;
   grid-area: text;
-  margin: 0.5em 0.7em 0.2em 0.2em;
 }
 
 .sterling-label .text:empty {

package/{css → dist/css}/Menu.base.css

@@ -9,7 +9,7 @@
   display: grid;
   grid-template-columns: 1fr;
   grid-template-rows: 1fr;
-  height: fit-content;
+  height: auto;
   padding: 0.25em;
 }
 

package/{css → dist/css}/Popover.css

@@ -8,7 +8,7 @@
   display: none;
   grid-template-columns: 1fr;
   grid-template-rows: 1fr;
-  height: fit-content;
+  height: auto;
   left: 0;
   overflow: visible;
   position: absolute;

package/{css → dist/css}/Tab.base.css

@@ -29,12 +29,12 @@
 }
 
 .sterling-tab.vertical {
-  grid-template-columns: auto 1em;
+  grid-template-columns: 1fr 1em;
   grid-template-rows: 1fr;
+  justify-content: flex-start;
+  justify-items: flex-start;
   align-content: center;
   align-items: center;
-  justify-content: flex-end;
-  justify-items: flex-end;
   column-gap: 0.15em;
   padding: 0.25em 1em;
 }