@geoffcox/sterling-svelte 1.0.10 → 1.0.12

package/dist/css/TextArea.disabled.css

@@ -0,0 +1,28 @@
+.sterling-text-area:disabled {
+  cursor: not-allowed;
+  outline: none;
+}
+
+.sterling-text-area::after {
+  background: repeating-linear-gradient(
+    var(--stsv-common--disabled__stripe-angle),
+    var(--stsv-common--disabled__stripe-color),
+    var(--stsv-common--disabled__stripe-color) var(--stsv-common--disabled__stripe-width),
+    var(--stsv-common--disabled__stripe-color--alt) var(--stsv-common--disabled__stripe-width),
+    var(--stsv-common--disabled__stripe-color--alt)
+      calc(2 * var(--stsv-common--disabled__stripe-width))
+  );
+  bottom: 0;
+  content: '';
+  left: 0;
+  opacity: 0;
+  position: absolute;
+  right: 0;
+  top: 0;
+  pointer-events: none;
+  transition: opacity 250ms;
+}
+
+.sterling-text-area.disabled::after {
+  opacity: 1;
+}

package/dist/css/Tree.base.css

@@ -10,7 +10,10 @@
   overflow-x: hidden;
   overflow-y: auto;
   margin: 0;
-  transition: background-color 250ms, color 250ms, border-color 250ms;
+  transition:
+    background-color 250ms,
+    color 250ms,
+    border-color 250ms;
 }
 
 .sterling-tree:hover {
@@ -27,10 +30,6 @@
   outline-width: 2px;
 }
 
-.sterling-tree.disabled * {
-  cursor: not-allowed;
-}
-
 /* ----- container - a layout panel that grows with the items ----- */
 
 .sterling-tree .container {
@@ -40,30 +39,6 @@
   position: relative;
 }
 
-.sterling-tree .container::after {
-  background: repeating-linear-gradient(
-    var(--stsv-common--disabled__stripe-angle),
-    var(--stsv-common--disabled__stripe-color),
-    var(--stsv-common--disabled__stripe-color) var(--stsv-common--disabled__stripe-width),
-    var(--stsv-common--disabled__stripe-color--alt) var(--stsv-common--disabled__stripe-width),
-    var(--stsv-common--disabled__stripe-color--alt)
-      calc(2 * var(--stsv-common--disabled__stripe-width))
-  );
-  bottom: 0;
-  content: '';
-  left: 0;
-  opacity: 0;
-  position: absolute;
-  pointer-events: none;
-  right: 0;
-  top: 0;
-  transition: opacity 250ms;
-}
-
-.sterling-tree.disabled .container::after {
-  opacity: 1;
-}
-
 /* ----- media queries ----- */
 
 @media (prefers-reduced-motion) {

package/dist/css/Tree.css

@@ -1,2 +1,3 @@
 @import url('./Tree.base.css');
+@import url('./Tree.disabled.css');
 @import url('./Tree.composed.css');

package/dist/css/Tree.disabled.css

@@ -0,0 +1,27 @@
+.sterling-tree.disabled * {
+  cursor: not-allowed;
+}
+
+.sterling-tree .container::after {
+  background: repeating-linear-gradient(
+    var(--stsv-common--disabled__stripe-angle),
+    var(--stsv-common--disabled__stripe-color),
+    var(--stsv-common--disabled__stripe-color) var(--stsv-common--disabled__stripe-width),
+    var(--stsv-common--disabled__stripe-color--alt) var(--stsv-common--disabled__stripe-width),
+    var(--stsv-common--disabled__stripe-color--alt)
+      calc(2 * var(--stsv-common--disabled__stripe-width))
+  );
+  bottom: 0;
+  content: '';
+  left: 0;
+  opacity: 0;
+  position: absolute;
+  pointer-events: none;
+  right: 0;
+  top: 0;
+  transition: opacity 250ms;
+}
+
+.sterling-tree.disabled .container::after {
+  opacity: 1;
+}

package/dist/css/TreeItemDisplay.base.css

@@ -13,7 +13,10 @@
   position: relative;
   padding-left: calc(0.2em + (0.5em * var(--sterling-tree-item-depth)));
   text-overflow: ellipsis;
-  transition: background-color 250ms, color 250ms, border-color 250ms;
+  transition:
+    background-color 250ms,
+    color 250ms,
+    border-color 250ms;
   white-space: nowrap;
 }
 
@@ -27,35 +30,6 @@
   color: var(--stsv-button__color--active);
 }
 
-.sterling-tree-item-display.disabled {
-  cursor: not-allowed;
-  outline: none;
-}
-
-.sterling-tree-item-display::after {
-  background: repeating-linear-gradient(
-    var(--stsv-common--disabled__stripe-angle),
-    var(--stsv-common--disabled__stripe-color),
-    var(--stsv-common--disabled__stripe-color) var(--stsv-common--disabled__stripe-width),
-    var(--stsv-common--disabled__stripe-color--alt) var(--stsv-common--disabled__stripe-width),
-    var(--stsv-common--disabled__stripe-color--alt)
-      calc(2 * var(--stsv-common--disabled__stripe-width))
-  );
-  bottom: 0;
-  content: '';
-  left: 0;
-  opacity: 0;
-  pointer-events: none;
-  position: absolute;
-  right: 0;
-  top: 0;
-  transition: opacity 250ms;
-}
-
-.sterling-tree-item-display.disabled::after {
-  opacity: 1;
-}
-
 .sterling-tree-item-display.leaf {
   border: none;
   background: currentColor;

package/dist/css/TreeItemDisplay.css

@@ -1 +1,3 @@
 @import url('./TreeItemDisplay.base.css');
+@import url('./TreeItemDisplay.colorful.css');
+@import url('./TreeItemDisplay.disabled.css');

package/dist/css/TreeItemDisplay.disabled.css

@@ -0,0 +1,28 @@
+.sterling-tree-item-display.disabled {
+  cursor: not-allowed;
+  outline: none;
+}
+
+.sterling-tree-item-display::after {
+  background: repeating-linear-gradient(
+    var(--stsv-common--disabled__stripe-angle),
+    var(--stsv-common--disabled__stripe-color),
+    var(--stsv-common--disabled__stripe-color) var(--stsv-common--disabled__stripe-width),
+    var(--stsv-common--disabled__stripe-color--alt) var(--stsv-common--disabled__stripe-width),
+    var(--stsv-common--disabled__stripe-color--alt)
+      calc(2 * var(--stsv-common--disabled__stripe-width))
+  );
+  bottom: 0;
+  content: '';
+  left: 0;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  right: 0;
+  top: 0;
+  transition: opacity 250ms;
+}
+
+.sterling-tree-item-display.disabled::after {
+  opacity: 1;
+}

package/dist/package.json

@@ -0,0 +1,108 @@
+{
+  "name": "@geoffcox/sterling-svelte",
+  "version": "1.0.12",
+  "author": "Geoff Cox",
+  "description": "A modern, accessible, and lightweight UI component library for Svelte.",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/GeoffCox/sterling-svelte/issues"
+  },
+  "homepage": "https://github.com/GeoffCox/sterling-svelte/blob/main/README.md",
+  "keywords": [
+    "svelte",
+    "svelte 4",
+    "sveltekit",
+    "design system",
+    "component",
+    "components",
+    "controls",
+    "typescript",
+    "javascript",
+    "button",
+    "callout",
+    "checkbox",
+    "colorpicker",
+    "dialog",
+    "dropdown",
+    "input",
+    "label",
+    "link",
+    "list",
+    "menu",
+    "popover",
+    "progress",
+    "radio",
+    "select",
+    "slider",
+    "switch",
+    "tabs",
+    "textarea",
+    "tooltip",
+    "tree"
+  ],
+  "exports": {
+    ".": {
+      "types": "./index.d.ts",
+      "svelte": "./index.js"
+    },
+    "./css/*.css": "./css/*.css",
+    "./*.svelte": "./**/*.svelte"
+  },
+  "files": [
+    "**/*",
+    "!**/*.test.*",
+    "!**/*.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": "^3.0.0",
+    "@sveltejs/adapter-static": "^3.0.0",
+    "@sveltejs/kit": "^2.0.0",
+    "@sveltejs/package": "^2.0.0",
+    "@sveltejs/vite-plugin-svelte": "^3.0.0",
+    "@types/eslint": "^8.56.7",
+    "@types/lodash-es": "^4.17.6",
+    "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",
+    "typescript": "^5.0.0",
+    "typescript-eslint": "^8.0.0-alpha.20",
+    "vite": "^5.0.11",
+    "vitest": "^1.2.0"
+  },
+  "dependencies": {
+    "@ctrl/tinycolor": "^4.1.0",
+    "@floating-ui/dom": "^1.1.0",
+    "keyborg": "^2.0.0",
+    "lodash-es": "^4.17.21"
+  },
+  "svelte": "./index.js",
+  "types": "./index.d.ts",
+  "type": "module"
+}

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@geoffcox/sterling-svelte",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "author": "Geoff Cox",
-  "description": "A modern, accessible, and lightweight component library for Svelte.",
+  "description": "A modern, accessible, and lightweight UI component library for Svelte.",
   "license": "MIT",
   "bugs": {
     "url": "https://github.com/GeoffCox/sterling-svelte/issues"
@@ -80,7 +80,6 @@
     "@sveltejs/vite-plugin-svelte": "^3.0.0",
     "@types/eslint": "^8.56.7",
     "@types/lodash-es": "^4.17.6",
-    "@types/tinycolor2": "^1.4.3",
     "eslint": "^9.0.0",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-svelte": "^2.36.0",
@@ -98,7 +97,7 @@
     "vitest": "^1.2.0"
   },
   "dependencies": {
-    "@ctrl/tinycolor": "^3.6.0",
+    "@ctrl/tinycolor": "^4.1.0",
     "@floating-ui/dom": "^1.1.0",
     "keyborg": "^2.0.0",
     "lodash-es": "^4.17.21"