@geoffcox/sterling-svelte 1.0.5 → 1.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geoffcox/sterling-svelte",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "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"
+}

package/Popover.constants.d.ts

@@ -1,2 +0,0 @@
-export declare const POPOVER_PLACEMENTS: string[];
-export declare const STERLING_PORTAL_HOST_ID = "SterlingPortalHost";

package/css/Popover copy.css

@@ -1,21 +0,0 @@
-.sterling-popover-portal {
-  position: relative;
-  overflow: visible;
-}
-
-.sterling-popover {
-  box-sizing: border-box;
-  display: none;
-  grid-template-columns: 1fr;
-  grid-template-rows: 1fr;
-  height: fit-content;
-  left: 0;
-  overflow: visible;
-  position: absolute;
-  top: 0;
-  width: max-content;
-}
-
-.sterling-popover.open {
-  display: grid;
-}