@dvina/widget-kit 0.0.0-stage → 0.0.33

package/dist/tokens.css

@@ -0,0 +1 @@
+@layer dvina-tokens,theme,base,dvina,components,utilities;@layer dvina-tokens{:root{color-scheme:light;--dv-font-offset: 0px;--dv-font-text: "Inter", sans-serif;--dv-font-heading: "Inter Tight", "Inter", sans-serif;--dv-font-display: "Manrope", system-ui, sans-serif;--dv-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--dv-text-xs: calc(var(--dv-font-offset) + .75rem);--dv-text-xs-leading: calc(16 / 12);--dv-text-s: calc(var(--dv-font-offset) + .8125rem);--dv-text-s-leading: calc(20 / 13);--dv-text-m: calc(var(--dv-font-offset) + .9375rem);--dv-text-m-leading: calc(22 / 15);--dv-text-l: calc(var(--dv-font-offset) + 1.0625rem);--dv-text-l-leading: calc(28 / 17);--dv-ui-xs: calc(var(--dv-font-offset) + .75rem);--dv-ui-s: calc(var(--dv-font-offset) + .8125rem);--dv-ui-m: calc(var(--dv-font-offset) + 1rem);--dv-ui-l: calc(var(--dv-font-offset) + 1.0625rem);--dv-caption: calc(var(--dv-font-offset) + .65rem);--dv-display: calc(var(--dv-font-offset) + 1.875rem);--dv-display-leading: 1.08;--dv-page: #fff;--dv-panel: color-mix(in srgb, #fff, #f3f3f3 35%);--dv-surface: #fff;--dv-surface-muted: #f3f3f3;--dv-surface-sunk: color-mix(in srgb, #fff, #f3f3f3 50%);--dv-fill: rgba(0, 0, 0, .04);--dv-fill-hover: rgba(0, 0, 0, .05);--dv-fill-strong: rgba(0, 0, 0, .08);--dv-glass: color-mix(in srgb, color-mix(in srgb, #fff, #f3f3f3 50%), transparent 30%);--dv-glass-tint: color-mix(in srgb, color-mix(in srgb, #fff, #f3f3f3 50%), transparent 30%);--dv-popover: color-mix(in srgb, color-mix(in srgb, color-mix(in srgb, #fff, #f3f3f3 50%), transparent 30%) 75%, #fff);--dv-segment-puck: #e7e7e9;--dv-switch-on: rgba(0, 0, 0, .82);--dv-text: rgb(46 46 46);--dv-text-muted: rgb(107 109 128);--dv-text-faint: rgb(127 127 127);--dv-link: #0a6e8c;--dv-link-hover: #085a73;--dv-border: rgba(0, 0, 0, .075);--dv-border-strong: rgba(0, 0, 0, .1);--dv-border-hover: rgba(0, 0, 0, .16);--dv-ring: rgba(51, 51, 51, .64);--dv-accent: rgba(0, 0, 0, .82);--dv-accent-hover: rgba(0, 0, 0, .9);--dv-on-accent: #fff;--dv-brand: #4c99f6;--dv-on-brand: rgb(255 255 255);--dv-positive: rgb(74 201 155);--dv-positive-pale: rgba(74, 201, 155, .12);--dv-positive-text: color-mix(in srgb, rgb(74 201 155) 35%, rgb(46 46 46));--dv-negative: #ff3b30;--dv-negative-pale: rgb(255 59 48 / .08);--dv-negative-text: color-mix(in srgb, #ff3b30 35%, rgb(46 46 46));--dv-warning: rgb(255 199 0);--dv-warning-pale: rgba(255, 199, 0, .12);--dv-warning-text: #946200;--dv-info: rgb(112 182 246);--dv-info-pale: rgba(126, 190, 247, .3);--dv-info-text: color-mix(in srgb, rgb(112 182 246) 35%, rgb(46 46 46));--dv-highlight: rgba(255, 199, 0, .12);--dv-chart-1: #4c99f6;--dv-red: #ff3b30;--dv-orange: #ff9500;--dv-yellow: #ffcc00;--dv-green: #34c759;--dv-teal: #30b0c7;--dv-blue: #0084f7;--dv-indigo: #5856d6;--dv-purple: #af52de;--dv-pink: #ff2d55;--dv-gray: #8e8e93;--dv-radius-xs: calc(.75rem - 8px) ;--dv-radius-s: calc(.75rem - 4px) ;--dv-radius-m: .75rem;--dv-radius-l: 1.5rem ;--dv-radius-pill: 999px;--dv-stroke: 1.6px;--dv-space-1: .25rem;--dv-space-2: .5rem;--dv-space-3: .75rem;--dv-space-4: 1rem;--dv-space-5: 1.25rem;--dv-space-6: 1.5rem;--dv-space-8: 2rem;--dv-space-10: 2.5rem;--dv-control-s: 2rem;--dv-control-m: 2.75rem;--dv-control-l: 3.5rem;--dv-disabled-opacity: .5;--dv-shadow-surface: 0px 0px 0px 1px rgb(0 0 0 / .055);--dv-shadow-control: 0px 0px 0px 1px rgb(0 0 0 / .055), 0px 1px 1px -.5px rgb(0 0 0 / .055);--dv-shadow-raised: 0 .25rem 1.25rem rgba(0, 0, 0, .1);--dv-duration: .1s;--dv-duration-slow: calc(.1s / .6);--dv-ease: cubic-bezier(.2, 0, .4, .9);--dv-ease-emphasized: cubic-bezier(.22, 1, .36, 1);--dv-ease-soft: cubic-bezier(.2, .8, .2, 1);--dv-chart-2: #50cca2;--dv-chart-3: #ccac53;--dv-chart-4: #cc7485;--dv-chart-5: #93a4cc;--dv-chart-6: #cccc2e;--dv-chart-7: #3cc2a8;--dv-chart-8: #cca569}:root[data-theme-mode=dark]{color-scheme:dark;--dv-page: #0a0a0a;--dv-panel: color-mix(in srgb, #0a0a0a, #222324 35%);--dv-surface: #292929;--dv-surface-muted: #222324;--dv-surface-sunk: #222324;--dv-fill: rgba(255, 255, 255, .08);--dv-fill-hover: rgba(255, 255, 255, .05);--dv-fill-strong: rgba(255, 255, 255, .24);--dv-glass: color-mix(in srgb, color-mix(in srgb, #0a0a0a, #222324 50%), transparent 15%);--dv-glass-tint: color-mix(in srgb, #2f3133, transparent 40%);--dv-popover: color-mix(in srgb, color-mix(in srgb, #2f3133, transparent 40%) 70%, #0a0a0a);--dv-segment-puck: #3a3a3c;--dv-switch-on: #4591f7;--dv-text: rgb(230 230 230);--dv-text-muted: rgb(186 186 186);--dv-text-faint: rgb(133 133 133);--dv-link: #7098be;--dv-link-hover: #6093c4;--dv-border: rgba(206, 206, 206, .075);--dv-border-strong: rgba(255, 255, 255, .1);--dv-border-hover: rgba(255, 255, 255, .15);--dv-ring: rgba(255, 255, 255, .64);--dv-accent: #ededed;--dv-accent-hover: #fff;--dv-on-accent: #0a0a0a;--dv-brand: #4591f7;--dv-positive-pale: rgba(74, 201, 155, .32);--dv-positive-text: color-mix(in srgb, rgb(74 201 155) 100%, rgb(230 230 230));--dv-negative: #ff453a;--dv-negative-pale: rgb(255 69 58 / .2);--dv-negative-text: color-mix(in srgb, #ff453a 100%, rgb(230 230 230));--dv-warning-pale: rgba(255, 199, 0, .32);--dv-warning-text: rgb(255 199 0);--dv-info-pale: rgba(102, 141, 176, .3);--dv-info-text: color-mix(in srgb, rgb(112 182 246) 100%, rgb(230 230 230));--dv-highlight: rgba(255, 199, 0, .32);--dv-chart-1: #4591f7;--dv-red: #ff453a;--dv-orange: #ff9f0a;--dv-yellow: #ffd60a;--dv-green: #30d158;--dv-teal: #40c8e0;--dv-blue: #0292ff;--dv-indigo: #5e5ce6;--dv-purple: #bf5af2;--dv-pink: #ff375f;--dv-gray: #98989d;--dv-shadow-surface: inset 0 1px 0 0 rgba(255, 255, 255, .05), inset 0 0 0 1px rgba(255, 255, 255, .02), 0 0 0 1px rgba(0, 0, 0, .12), 0 1px 1px -.5px rgba(0, 0, 0, .18), 0 3px 3px -1.5px rgba(0, 0, 0, .18);--dv-shadow-control: inset 0 1px 0 0 rgba(255, 255, 255, .05), inset 0 0 0 1px rgba(255, 255, 255, .04), 0 0 0 1px rgba(0, 0, 0, .14), 0 1px 1px -.5px rgba(0, 0, 0, .18), 0 3px 3px -1.5px rgba(0, 0, 0, .18), 0 6px 6px -3px rgba(0, 0, 0, .18);--dv-shadow-raised: inset 0 1px 0 0 rgba(255, 255, 255, .05), inset 0 0 0 1px rgba(255, 255, 255, .04), 0 0 0 1px rgba(0, 0, 0, .14), 0 1px 1px -.5px rgba(0, 0, 0, .18), 0 3px 3px -1.5px rgba(0, 0, 0, .18), 0 6px 6px -3px rgba(0, 0, 0, .18);--dv-chart-2: #b5ead7;--dv-chart-3: #ffdfba;--dv-chart-4: #ffb3ba;--dv-chart-5: #c7ceea;--dv-chart-6: #ffffba;--dv-chart-7: #a1d9ce;--dv-chart-8: #ffdac1}@media(prefers-color-scheme:dark){:root:not([data-theme-mode]){color-scheme:dark;--dv-page: #0a0a0a;--dv-panel: color-mix(in srgb, #0a0a0a, #222324 35%);--dv-surface: #292929;--dv-surface-muted: #222324;--dv-surface-sunk: #222324;--dv-fill: rgba(255, 255, 255, .08);--dv-fill-hover: rgba(255, 255, 255, .05);--dv-fill-strong: rgba(255, 255, 255, .24);--dv-glass: color-mix(in srgb, color-mix(in srgb, #0a0a0a, #222324 50%), transparent 15%);--dv-glass-tint: color-mix(in srgb, #2f3133, transparent 40%);--dv-popover: color-mix(in srgb, color-mix(in srgb, #2f3133, transparent 40%) 70%, #0a0a0a);--dv-segment-puck: #3a3a3c;--dv-switch-on: #4591f7;--dv-text: rgb(230 230 230);--dv-text-muted: rgb(186 186 186);--dv-text-faint: rgb(133 133 133);--dv-link: #7098be;--dv-link-hover: #6093c4;--dv-border: rgba(206, 206, 206, .075);--dv-border-strong: rgba(255, 255, 255, .1);--dv-border-hover: rgba(255, 255, 255, .15);--dv-ring: rgba(255, 255, 255, .64);--dv-accent: #ededed;--dv-accent-hover: #fff;--dv-on-accent: #0a0a0a;--dv-brand: #4591f7;--dv-positive-pale: rgba(74, 201, 155, .32);--dv-positive-text: color-mix(in srgb, rgb(74 201 155) 100%, rgb(230 230 230));--dv-negative: #ff453a;--dv-negative-pale: rgb(255 69 58 / .2);--dv-negative-text: color-mix(in srgb, #ff453a 100%, rgb(230 230 230));--dv-warning-pale: rgba(255, 199, 0, .32);--dv-warning-text: rgb(255 199 0);--dv-info-pale: rgba(102, 141, 176, .3);--dv-info-text: color-mix(in srgb, rgb(112 182 246) 100%, rgb(230 230 230));--dv-highlight: rgba(255, 199, 0, .32);--dv-chart-1: #4591f7;--dv-red: #ff453a;--dv-orange: #ff9f0a;--dv-yellow: #ffd60a;--dv-green: #30d158;--dv-teal: #40c8e0;--dv-blue: #0292ff;--dv-indigo: #5e5ce6;--dv-purple: #bf5af2;--dv-pink: #ff375f;--dv-gray: #98989d;--dv-shadow-surface: inset 0 1px 0 0 rgba(255, 255, 255, .05), inset 0 0 0 1px rgba(255, 255, 255, .02), 0 0 0 1px rgba(0, 0, 0, .12), 0 1px 1px -.5px rgba(0, 0, 0, .18), 0 3px 3px -1.5px rgba(0, 0, 0, .18);--dv-shadow-control: inset 0 1px 0 0 rgba(255, 255, 255, .05), inset 0 0 0 1px rgba(255, 255, 255, .04), 0 0 0 1px rgba(0, 0, 0, .14), 0 1px 1px -.5px rgba(0, 0, 0, .18), 0 3px 3px -1.5px rgba(0, 0, 0, .18), 0 6px 6px -3px rgba(0, 0, 0, .18);--dv-shadow-raised: inset 0 1px 0 0 rgba(255, 255, 255, .05), inset 0 0 0 1px rgba(255, 255, 255, .04), 0 0 0 1px rgba(0, 0, 0, .14), 0 1px 1px -.5px rgba(0, 0, 0, .18), 0 3px 3px -1.5px rgba(0, 0, 0, .18), 0 6px 6px -3px rgba(0, 0, 0, .18);--dv-chart-2: #b5ead7;--dv-chart-3: #ffdfba;--dv-chart-4: #ffb3ba;--dv-chart-5: #c7ceea;--dv-chart-6: #ffffba;--dv-chart-7: #a1d9ce;--dv-chart-8: #ffdac1}}@media not (min-width:48rem){:root{--dv-text-m: calc(var(--dv-font-offset) + .875rem);--dv-text-m-leading: calc(20 / 14)}}}

package/package.json

@@ -1,6 +1,62 @@
 {
   "name": "@dvina/widget-kit",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.0.33",
+  "description": "Dvina's design kit for generated widgets: its tokens, one stylesheet for HTML and React, a small script, React components, and the composer of a saved widget's page.",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./compose": {
+      "types": "./dist/compose.d.ts",
+      "import": "./dist/compose.js",
+      "default": "./dist/compose.js"
+    },
+    "./compile": {
+      "types": "./dist/compile.d.ts",
+      "import": "./dist/compile.js",
+      "default": "./dist/compile.js"
+    }
+  },
+  "peerDependencies": {
+    "react": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "react": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@tailwindcss/browser": "4.3.3",
+    "@types/react": "^19.1.2",
+    "esbuild": "^0.25.12",
+    "lucide": "^1.56.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
+  },
+  "license": "MIT",
+  "sideEffects": false,
+  "engines": {
+    "node": ">=20"
+  },
+  "dependencies": {
+    "sucrase": "^3.35.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "node scripts/build.mjs",
+    "check": "tsc -p tsconfig.json --noEmit",
+    "gallery": "node scripts/gallery.mjs --serve",
+    "test": "vitest run"
+  }
 }

package/README.md

@@ -1,3 +0,0 @@
-# Temporary Holding Version
-
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.