@dragcraft/themes 0.0.1

package/dist/theme-contract.json

@@ -0,0 +1,105 @@
+{
+  "version": 1,
+  "tokens": {
+    "--dc-color-accent": { "kind": "semantic", "default": "#2e70dc", "description": "Primary action and selection color." },
+    "--dc-color-accent-hover": { "kind": "semantic", "default": "#2563eb", "description": "Hovered primary action color." },
+    "--dc-color-accent-active": { "kind": "semantic", "default": "#1d4ed8", "description": "Pressed primary action color." },
+    "--dc-color-accent-subtle": { "kind": "semantic", "default": "#eff6ff", "description": "Low-emphasis accent surface." },
+    "--dc-color-accent-border": { "kind": "semantic", "default": "#bfdbfe", "description": "Border color on subtle accent surfaces." },
+    "--dc-color-accent-ring": { "kind": "semantic", "default": "rgba(46, 112, 220, 0.2)", "description": "Translucent accent ring and glow." },
+    "--dc-color-on-accent": { "kind": "semantic", "default": "#fafafa", "description": "Content color on strong accent surfaces." },
+    "--dc-color-on-accent-subtle": { "kind": "semantic", "default": "#1e3a8a", "description": "Content color on subtle accent surfaces." },
+    "--dc-color-success": { "kind": "semantic", "default": "#15803d", "description": "Success feedback color." },
+    "--dc-color-warning": { "kind": "semantic", "default": "#a16207", "description": "Warning feedback color." },
+    "--dc-color-danger": { "kind": "semantic", "default": "#dc2626", "description": "Danger and destructive action color." },
+    "--dc-color-danger-subtle": { "kind": "semantic", "default": "#fef2f2", "description": "Low-emphasis danger surface." },
+    "--dc-color-text": { "kind": "semantic", "default": "#09090b", "description": "Primary workbench text color." },
+    "--dc-color-text-muted": { "kind": "semantic", "default": "#52525b", "description": "Secondary workbench text color." },
+    "--dc-color-text-subtle": { "kind": "semantic", "default": "#a1a1aa", "description": "Tertiary and placeholder text color." },
+    "--dc-color-surface": { "kind": "semantic", "default": "#ffffff", "description": "Primary workbench surface." },
+    "--dc-color-surface-subtle": { "kind": "semantic", "default": "#fafafa", "description": "Low-contrast workbench surface." },
+    "--dc-color-surface-muted": { "kind": "semantic", "default": "#f4f4f5", "description": "Muted control and hover surface." },
+    "--dc-color-surface-raised": { "kind": "semantic", "default": "#ffffff", "description": "Raised workbench surface." },
+    "--dc-color-canvas": { "kind": "semantic", "default": "#f1f1f3", "description": "Designer canvas background." },
+    "--dc-color-border": { "kind": "semantic", "default": "#d4d4d8", "description": "Standard workbench border." },
+    "--dc-color-border-subtle": { "kind": "semantic", "default": "#e4e4e7", "description": "Low-contrast workbench border." },
+    "--dc-color-focus-ring": { "kind": "semantic", "default": "#2e70dc", "description": "Keyboard focus ring color." },
+    "--dc-color-backdrop": { "kind": "semantic", "default": "rgba(9, 9, 11, 0.32)", "description": "Compact drawer backdrop." },
+    "--dc-color-sidebar-handle": { "kind": "semantic", "default": "#d4d4d8", "description": "Collapsed sidebar handle surface." },
+    "--dc-color-sidebar-handle-hover": { "kind": "semantic", "default": "#a1a1aa", "description": "Hovered sidebar handle surface." },
+    "--dc-font-sans": { "kind": "semantic", "default": "Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif", "description": "Workbench sans-serif font stack." },
+    "--dc-font-size-xs": { "kind": "semantic", "default": "11px", "description": "Extra-small workbench text." },
+    "--dc-font-size-sm": { "kind": "semantic", "default": "12px", "description": "Small workbench text." },
+    "--dc-font-size-md": { "kind": "semantic", "default": "13px", "description": "Default workbench text." },
+    "--dc-font-size-lg": { "kind": "semantic", "default": "14px", "description": "Large workbench text." },
+    "--dc-font-weight-regular": { "kind": "semantic", "default": "400", "description": "Regular workbench font weight." },
+    "--dc-font-weight-medium": { "kind": "semantic", "default": "500", "description": "Medium workbench font weight." },
+    "--dc-font-weight-semibold": { "kind": "semantic", "default": "600", "description": "Semibold workbench font weight." },
+    "--dc-radius-sm": { "kind": "semantic", "default": "4px", "description": "Small component radius." },
+    "--dc-radius-md": { "kind": "semantic", "default": "6px", "description": "Default component radius." },
+    "--dc-radius-lg": { "kind": "semantic", "default": "8px", "description": "Large component radius." },
+    "--dc-radius-full": { "kind": "semantic", "default": "999px", "description": "Pill-shaped component radius." },
+    "--dc-control-height-sm": { "kind": "semantic", "default": "28px", "description": "Compact control height." },
+    "--dc-control-height-md": { "kind": "semantic", "default": "32px", "description": "Default control height." },
+    "--dc-control-height-lg": { "kind": "semantic", "default": "40px", "description": "Comfortable control height." },
+    "--dc-shadow-sm": { "kind": "semantic", "default": "0 1px 2px rgba(9, 9, 11, 0.06), 0 1px 3px rgba(9, 9, 11, 0.08)", "description": "Low elevation shadow." },
+    "--dc-shadow-md": { "kind": "semantic", "default": "0 4px 12px rgba(9, 9, 11, 0.08)", "description": "Medium elevation shadow." },
+    "--dc-shadow-lg": { "kind": "semantic", "default": "0 16px 40px rgba(9, 9, 11, 0.14)", "description": "High elevation shadow." },
+    "--dc-duration-fast": { "kind": "semantic", "default": "120ms", "description": "Fast interaction duration." },
+    "--dc-duration-normal": { "kind": "semantic", "default": "180ms", "description": "Default interaction duration." },
+    "--dc-ease-standard": { "kind": "semantic", "default": "cubic-bezier(0.2, 0, 0, 1)", "description": "Standard workbench easing curve." },
+    "--dc-empty-state-icon-opacity": { "kind": "component", "default": "0.5", "description": "Empty-state icon opacity." },
+    "--dc-empty-state-icon-size": { "kind": "component", "default": "32px", "description": "Empty-state icon size." },
+    "--dc-material-item-shadow": { "kind": "component", "default": "none", "description": "Resting material-item shadow." },
+    "--dc-material-item-hover-shadow": { "kind": "component", "default": "var(--dc-shadow-sm)", "description": "Hovered material-item shadow." },
+    "--dc-material-search-radius": { "kind": "component", "default": "var(--dc-radius-md)", "description": "Material-panel search input radius." },
+    "--dc-node-selection-stroke-width": { "kind": "component", "default": "2px", "description": "Node selection stroke width." },
+    "--dc-node-toolbar-shadow": { "kind": "component", "default": "0 4px 12px var(--dc-color-accent-ring)", "description": "Floating node-toolbar shadow." }
+  },
+  "integrationProperties": {
+    "--dc-node-selection-root-block-overlap": { "description": "Root block-edge thickness painted outside material bounds without affecting layout." },
+    "--dc-node-selection-root-inline-overlap": { "description": "Root inline-edge width painted in the root-plane edge strips outside material bounds." },
+    "--dc-sized-inset-block-start": { "description": "Explicit block-start space reserved by fixed chrome." },
+    "--dc-sized-inset-block-end": { "description": "Explicit block-end space reserved by fixed chrome." },
+    "--dc-sized-inset-inline-start": { "description": "Explicit inline-start space reserved by fixed chrome." },
+    "--dc-sized-inset-inline-end": { "description": "Explicit inline-end space reserved by fixed chrome." },
+    "--dc-measured-inset-block-start": { "description": "Measured block-start space reserved by fixed chrome." },
+    "--dc-measured-inset-block-end": { "description": "Measured block-end space reserved by fixed chrome." },
+    "--dc-measured-inset-inline-start": { "description": "Measured inline-start space reserved by fixed chrome." },
+    "--dc-measured-inset-inline-end": { "description": "Measured inline-end space reserved by fixed chrome." },
+    "--dc-inset-block-start": { "description": "Resolved block-start inset consumed by shell content and layers." },
+    "--dc-inset-block-end": { "description": "Resolved block-end inset consumed by shell content and layers." },
+    "--dc-inset-inline-start": { "description": "Resolved inline-start inset consumed by shell content and layers." },
+    "--dc-inset-inline-end": { "description": "Resolved inline-end inset consumed by shell content and layers." }
+  },
+  "components": {
+    "designer": { "parts": ["backdrop", "body", "center-panel", "left-panel", "right-panel"], "states": ["compact", "left-open", "right-open", "wide"] },
+    "canvas": { "parts": ["content", "interaction-layer", "stage", "viewport"], "states": ["dragging", "forbidden", "hand", "panning"] },
+    "canvas-controls": { "parts": ["button", "divider", "toolbar"], "states": [] },
+    "left-sidebar": { "parts": ["content", "rail", "rail-extension", "surface", "tab", "toggle"], "states": ["closed", "open"] },
+    "right-sidebar": { "parts": ["content", "rail", "rail-extension", "surface", "tab", "toggle"], "states": ["closed", "open"] },
+    "material-panel": { "parts": ["groups", "header", "heading", "search", "search-clear", "search-icon", "search-input"], "states": [] },
+    "material-group": { "parts": ["body", "header", "title", "toggle"], "states": ["collapsed", "expanded"] },
+    "material-item": { "parts": ["content", "icon", "thumbnail", "title"], "states": ["dragging"] },
+    "structure-panel": { "parts": ["empty", "header", "heading", "list"], "states": [] },
+    "structure-item": { "parts": ["action", "actions", "branch", "id", "main", "select", "title"], "states": ["danger", "selected"] },
+    "structure-region": { "parts": ["branch", "children", "count", "row", "title"], "states": [] },
+    "property-panel": { "parts": ["content", "empty"], "states": [] },
+    "form-generator": { "parts": [], "states": [] },
+    "form-section": { "parts": ["body", "header", "title", "toggle"], "states": ["collapsed", "expanded"] },
+    "form-field": { "parts": ["control", "error", "label", "tooltip", "unknown"], "states": ["disabled", "error"] },
+    "root-renderer": { "parts": [], "states": [] },
+    "container-shell": { "parts": [], "states": ["empty"] },
+    "unresolved-container": { "parts": [], "states": [] },
+    "container-region": { "parts": [], "states": ["active", "empty", "forbidden", "unresolved"] },
+    "empty-state": { "parts": ["icon", "text"], "states": ["drag-over"] },
+    "drop-indicator": { "parts": [], "states": [] },
+    "forbidden-overlay": { "parts": ["text"], "states": [] },
+    "node": { "parts": [], "states": ["container-owned", "drag-over", "dragging", "hidden", "hovered", "locked", "masked", "non-selectable", "root-owned", "selected", "unmasked", "unsorted"] },
+    "node-handle": { "parts": ["icon", "surface"], "states": [] },
+    "node-handle-anchor": { "parts": [], "states": ["hidden", "visible"] },
+    "node-toolbar": { "parts": ["action"], "states": ["danger", "disabled", "drag", "floating", "horizontal", "vertical"] },
+    "node-selection": { "parts": ["block-end-edge", "block-start-edge", "inline-end-edge", "inline-start-edge"], "states": ["material-bounds", "root-segment"] },
+    "widget-fallback": { "parts": [], "states": [] }
+  }
+}

package/package.json

@@ -0,0 +1,45 @@
+{
+  "name": "@dragcraft/themes",
+  "type": "module",
+  "version": "0.0.1",
+  "description": "Product-grade Standard and Google Material themes for dragcraft",
+  "author": "hackycy <hackycy@outlook.com>",
+  "license": "MIT",
+  "homepage": "https://github.com/hackycy/dragcraft#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/hackycy/dragcraft.git"
+  },
+  "bugs": "https://github.com/hackycy/dragcraft/issues",
+  "keywords": [],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": "./dist/standard.css",
+    "./standard": "./dist/standard.css",
+    "./material": "./dist/material.css",
+    "./structure": "./dist/structure.css",
+    "./theme-contract.json": "./dist/theme-contract.json",
+    "./css-custom-data.json": "./dist/css-custom-data.json",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist/*.css",
+    "dist/*.json"
+  ],
+  "devDependencies": {
+    "postcss": "^8.5.6",
+    "postcss-selector-parser": "^7.1.0",
+    "@dragcraft/designer": "0.0.1",
+    "@dragcraft/renderer": "0.0.1",
+    "@dragcraft/form-generator": "0.0.1"
+  },
+  "scripts": {
+    "build": "pnpm generate:contract && pnpm check && tsdown",
+    "check": "node scripts/validate-theme-contract.mjs && node scripts/validate-theme-interactions.mjs",
+    "generate:contract": "node scripts/generate-theme-custom-data.mjs",
+    "test": "pnpm check",
+    "dev": "tsdown --watch"
+  }
+}