@geoffcox/sterling-svelte 1.0.5 → 1.0.6

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/{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/{css → dist/css}/Dialog.base.css

@@ -101,9 +101,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}/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;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geoffcox/sterling-svelte",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "author": "Geoff Cox",
   "description": "A modern, accessible, and lightweight component library for Svelte.",
   "license": "MIT",
@@ -40,216 +40,68 @@
     "tooltip",
     "tree"
   ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
+  "scripts": {
+    "build": "vite build && npm run package",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "dev": "vite dev",
+    "format": "prettier --write .",
+    "lint": "prettier --check . && eslint .",
+    "package": "svelte-kit sync && svelte-package && publint",
+    "preview": "vite preview",
+    "test": "npm run test:integration && npm run test:unit",
+    "test:integration": "playwright test",
+    "test:unit": "vitest"
+  },
+  "peerDependencies": {
+    "svelte": "^4.0.0"
+  },
   "devDependencies": {
     "@fontsource/open-sans": "^4.5.14",
     "@fontsource/source-code-pro": "^4.5.14",
     "@playwright/test": "^1.28.1",
-    "@sveltejs/adapter-auto": "^2.0.0",
-    "@sveltejs/adapter-static": "^1.0.0",
-    "@sveltejs/kit": "^1.20.4",
-    "@sveltejs/package": "^1.0.0",
+    "@sveltejs/adapter-auto": "^3.0.0",
+    "@sveltejs/adapter-static": "^3.0.0",
+    "@sveltejs/kit": "^2.0.0",
+    "@sveltejs/package": "^2.0.0",
     "@types/lodash-es": "^4.17.6",
     "@types/tinycolor2": "^1.4.3",
-    "@typescript-eslint/eslint-plugin": "^5.45.0",
-    "@typescript-eslint/parser": "^5.45.0",
-    "eslint": "^8.28.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-svelte3": "^4.0.0",
-    "mdsvex": "^0.10.6",
-    "prettier": "^2.8.0",
-    "prettier-plugin-svelte": "^2.10.1",
-    "svelte": "^4.0.0",
-    "svelte-check": "^3.4.3",
+    "@sveltejs/vite-plugin-svelte": "^3.0.0",
+    "@types/eslint": "^8.56.7",
+    "eslint": "^9.0.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-svelte": "^2.36.0",
+    "globals": "^15.0.0",
+    "mdsvex": "^0.11.0",
+    "prettier": "^3.1.1",
+    "prettier-plugin-svelte": "^3.1.2",
+    "publint": "^0.1.9",
+    "svelte": "^4.2.7",
+    "svelte-check": "^3.6.0",
     "svelte-preprocess": "^5.0.4",
-    "tslib": "^2.4.1",
     "typescript": "^5.0.0",
-    "vite": "^4.2.0",
-    "vitest": "^0.25.3"
+    "typescript-eslint": "^8.0.0-alpha.20",
+    "vite": "^5.0.11",
+    "vitest": "^1.2.0"
   },
-  "type": "module",
   "dependencies": {
     "@ctrl/tinycolor": "^3.6.0",
     "@floating-ui/dom": "^1.1.0",
     "keyborg": "^2.0.0",
     "lodash-es": "^4.17.21"
   },
-  "peerDependencies": {
-    "svelte": "^4.0.0"
-  },
-  "exports": {
-    "./package.json": "./package.json",
-    "./.DS_Store": "./.DS_Store",
-    "./Button.constants": "./Button.constants.js",
-    "./Button.svelte": "./Button.svelte",
-    "./Button.types": "./Button.types.js",
-    "./Callout.svelte": "./Callout.svelte",
-    "./Checkbox.svelte": "./Checkbox.svelte",
-    "./ColorPicker.constants": "./ColorPicker.constants.js",
-    "./ColorPicker.svelte": "./ColorPicker.svelte",
-    "./ColorPicker.types": "./ColorPicker.types.js",
-    "./Dialog.svelte": "./Dialog.svelte",
-    "./Dropdown.svelte": "./Dropdown.svelte",
-    "./HexColorSliders.svelte": "./HexColorSliders.svelte",
-    "./HslColorSliders.svelte": "./HslColorSliders.svelte",
-    "./Input.svelte": "./Input.svelte",
-    "./Label.constants": "./Label.constants.js",
-    "./Label.svelte": "./Label.svelte",
-    "./Label.types": "./Label.types.js",
-    "./Link.svelte": "./Link.svelte",
-    "./List.constants": "./List.constants.js",
-    "./List.svelte": "./List.svelte",
-    "./List.types": "./List.types.js",
-    "./ListItem.svelte": "./ListItem.svelte",
-    "./Menu.svelte": "./Menu.svelte",
-    "./MenuBar.constants": "./MenuBar.constants.js",
-    "./MenuBar.svelte": "./MenuBar.svelte",
-    "./MenuBar.types": "./MenuBar.types.js",
-    "./MenuButton.svelte": "./MenuButton.svelte",
-    "./MenuItem.constants": "./MenuItem.constants.js",
-    "./MenuItem.svelte": "./MenuItem.svelte",
-    "./MenuItem.types": "./MenuItem.types.js",
-    "./MenuItem.utils": "./MenuItem.utils.js",
-    "./MenuItemDisplay.svelte": "./MenuItemDisplay.svelte",
-    "./MenuSeparator.svelte": "./MenuSeparator.svelte",
-    "./Popover.constants": "./Popover.constants.js",
-    "./Popover.svelte": "./Popover.svelte",
-    "./Popover.types": "./Popover.types.js",
-    "./Progress.constants": "./Progress.constants.js",
-    "./Progress.svelte": "./Progress.svelte",
-    "./Progress.types": "./Progress.types.js",
-    "./Radio.svelte": "./Radio.svelte",
-    "./RgbColorSliders.svelte": "./RgbColorSliders.svelte",
-    "./Select.svelte": "./Select.svelte",
-    "./Slider.svelte": "./Slider.svelte",
-    "./Switch.svelte": "./Switch.svelte",
-    "./Tab.svelte": "./Tab.svelte",
-    "./TabList.constants": "./TabList.constants.js",
-    "./TabList.svelte": "./TabList.svelte",
-    "./TabList.types": "./TabList.types.js",
-    "./TextArea.constants": "./TextArea.constants.js",
-    "./TextArea.svelte": "./TextArea.svelte",
-    "./TextArea.types": "./TextArea.types.js",
-    "./Tooltip.svelte": "./Tooltip.svelte",
-    "./Tree.constants": "./Tree.constants.js",
-    "./Tree.svelte": "./Tree.svelte",
-    "./Tree.types": "./Tree.types.js",
-    "./TreeChevron.svelte": "./TreeChevron.svelte",
-    "./TreeItem.constants": "./TreeItem.constants.js",
-    "./TreeItem.svelte": "./TreeItem.svelte",
-    "./TreeItem.types": "./TreeItem.types.js",
-    "./TreeItemDisplay.svelte": "./TreeItemDisplay.svelte",
-    "./actions/applyLightDarkMode": "./actions/applyLightDarkMode.js",
-    "./actions/clickOutside": "./actions/clickOutside.js",
-    "./actions/forwardEvents": "./actions/forwardEvents.js",
-    "./actions/portal": "./actions/portal.js",
-    "./actions/trapKeyboardFocus": "./actions/trapKeyboardFocus.js",
-    "./css/Button.base.css": "./css/Button.base.css",
-    "./css/Button.colorful.css": "./css/Button.colorful.css",
-    "./css/Button.css": "./css/Button.css",
-    "./css/Button.secondary.colorful.css": "./css/Button.secondary.colorful.css",
-    "./css/Button.secondary.css": "./css/Button.secondary.css",
-    "./css/Button.shapes.css": "./css/Button.shapes.css",
-    "./css/Button.tool.colorful.css": "./css/Button.tool.colorful.css",
-    "./css/Button.tool.css": "./css/Button.tool.css",
-    "./css/Callout.base.css": "./css/Callout.base.css",
-    "./css/Callout.colorful.css": "./css/Callout.colorful.css",
-    "./css/Callout.css": "./css/Callout.css",
-    "./css/Checkbox.base.css": "./css/Checkbox.base.css",
-    "./css/Checkbox.colorful.css": "./css/Checkbox.colorful.css",
-    "./css/Checkbox.css": "./css/Checkbox.css",
-    "./css/ColorPicker.base.css": "./css/ColorPicker.base.css",
-    "./css/ColorPicker.css": "./css/ColorPicker.css",
-    "./css/Dialog.base.css": "./css/Dialog.base.css",
-    "./css/Dialog.css": "./css/Dialog.css",
-    "./css/Dropdown.base.css": "./css/Dropdown.base.css",
-    "./css/Dropdown.colorful.css": "./css/Dropdown.colorful.css",
-    "./css/Dropdown.css": "./css/Dropdown.css",
-    "./css/HexColorSliders.base.css": "./css/HexColorSliders.base.css",
-    "./css/HexColorSliders.css": "./css/HexColorSliders.css",
-    "./css/HslColorSliders.base.css": "./css/HslColorSliders.base.css",
-    "./css/HslColorSliders.css": "./css/HslColorSliders.css",
-    "./css/Input.base.css": "./css/Input.base.css",
-    "./css/Input.colorful.css": "./css/Input.colorful.css",
-    "./css/Input.composed.css": "./css/Input.composed.css",
-    "./css/Input.css": "./css/Input.css",
-    "./css/Label.base.css": "./css/Label.base.css",
-    "./css/Label.boxed.colorful.css": "./css/Label.boxed.colorful.css",
-    "./css/Label.boxed.css": "./css/Label.boxed.css",
-    "./css/Label.colorful.css": "./css/Label.colorful.css",
-    "./css/Label.css": "./css/Label.css",
-    "./css/Link.base.css": "./css/Link.base.css",
-    "./css/Link.colorful.css": "./css/Link.colorful.css",
-    "./css/Link.css": "./css/Link.css",
-    "./css/Link.ghost.colorful.css": "./css/Link.ghost.colorful.css",
-    "./css/Link.ghost.css": "./css/Link.ghost.css",
-    "./css/Link.undecorated.colorful.css": "./css/Link.undecorated.colorful.css",
-    "./css/Link.undecorated.css": "./css/Link.undecorated.css",
-    "./css/List.base.css": "./css/List.base.css",
-    "./css/List.css": "./css/List.css",
-    "./css/ListItem.base.css": "./css/ListItem.base.css",
-    "./css/ListItem.css": "./css/ListItem.css",
-    "./css/Menu.base.css": "./css/Menu.base.css",
-    "./css/Menu.css": "./css/Menu.css",
-    "./css/MenuBar.base.css": "./css/MenuBar.base.css",
-    "./css/MenuBar.css": "./css/MenuBar.css",
-    "./css/MenuButton.base.css": "./css/MenuButton.base.css",
-    "./css/MenuButton.css": "./css/MenuButton.css",
-    "./css/MenuItem.base.css": "./css/MenuItem.base.css",
-    "./css/MenuItem.css": "./css/MenuItem.css",
-    "./css/MenuItemDisplay.base.css": "./css/MenuItemDisplay.base.css",
-    "./css/MenuItemDisplay.css": "./css/MenuItemDisplay.css",
-    "./css/MenuSeparator.base.css": "./css/MenuSeparator.base.css",
-    "./css/MenuSeparator.css": "./css/MenuSeparator.css",
-    "./css/Popover copy.css": "./css/Popover copy.css",
-    "./css/Popover.css": "./css/Popover.css",
-    "./css/Progress.base.css": "./css/Progress.base.css",
-    "./css/Progress.css": "./css/Progress.css",
-    "./css/Radio.base.css": "./css/Radio.base.css",
-    "./css/Radio.button.css": "./css/Radio.button.css",
-    "./css/Radio.colorful.css": "./css/Radio.colorful.css",
-    "./css/Radio.css": "./css/Radio.css",
-    "./css/RgbColorSliders.base.css": "./css/RgbColorSliders.base.css",
-    "./css/RgbColorSliders.css": "./css/RgbColorSliders.css",
-    "./css/Select.base.css": "./css/Select.base.css",
-    "./css/Select.colorful.css": "./css/Select.colorful.css",
-    "./css/Select.composed.css": "./css/Select.composed.css",
-    "./css/Select.css": "./css/Select.css",
-    "./css/Slider.base.css": "./css/Slider.base.css",
-    "./css/Slider.colorful.css": "./css/Slider.colorful.css",
-    "./css/Slider.composed.css": "./css/Slider.composed.css",
-    "./css/Slider.css": "./css/Slider.css",
-    "./css/Switch.base.css": "./css/Switch.base.css",
-    "./css/Switch.colorful.css": "./css/Switch.colorful.css",
-    "./css/Switch.css": "./css/Switch.css",
-    "./css/Tab.base.css": "./css/Tab.base.css",
-    "./css/Tab.colorful.css": "./css/Tab.colorful.css",
-    "./css/Tab.css": "./css/Tab.css",
-    "./css/TabList.base.css": "./css/TabList.base.css",
-    "./css/TabList.css": "./css/TabList.css",
-    "./css/TextArea.base.css": "./css/TextArea.base.css",
-    "./css/TextArea.colorful.css": "./css/TextArea.colorful.css",
-    "./css/TextArea.composed.css": "./css/TextArea.composed.css",
-    "./css/TextArea.css": "./css/TextArea.css",
-    "./css/Tooltip.base.css": "./css/Tooltip.base.css",
-    "./css/Tooltip.css": "./css/Tooltip.css",
-    "./css/Tree.base.css": "./css/Tree.base.css",
-    "./css/Tree.composed.css": "./css/Tree.composed.css",
-    "./css/Tree.css": "./css/Tree.css",
-    "./css/TreeChevron.base.css": "./css/TreeChevron.base.css",
-    "./css/TreeChevron.css": "./css/TreeChevron.css",
-    "./css/TreeItem.base.css": "./css/TreeItem.base.css",
-    "./css/TreeItem.css": "./css/TreeItem.css",
-    "./css/TreeItemDisplay.base.css": "./css/TreeItemDisplay.base.css",
-    "./css/TreeItemDisplay.colorful.css": "./css/TreeItemDisplay.colorful.css",
-    "./css/TreeItemDisplay.css": "./css/TreeItemDisplay.css",
-    "./css/dark-mode.css": "./css/dark-mode.css",
-    "./css/light-mode.css": "./css/light-mode.css",
-    "./css/sterling.css": "./css/sterling.css",
-    "./idGenerator": "./idGenerator.js",
-    ".": "./index.js",
-    "./mediaQueries/prefersColorSchemeDark": "./mediaQueries/prefersColorSchemeDark.js",
-    "./mediaQueries/prefersReducedMotion": "./mediaQueries/prefersReducedMotion.js",
-    "./mediaQueries/usingKeyboard": "./mediaQueries/usingKeyboard.js"
-  },
-  "svelte": "./index.js"
-}
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "type": "module"
+}