@codeenvision/ui-webcomponents 1.0.0

package/dist/src/styles/ensureThemeTokens.js

@@ -0,0 +1,55 @@
+const TOKEN_STYLE_MARKER = "data-ce-ui-theme-tokens";
+const DEFAULT_THEME_TOKENS = `
+:root {
+  --text-primary: var(--ce-color-text, var(--theme-fg, #202124));
+  --text-muted: var(--ce-color-text-muted, var(--theme-muted, #6c757d));
+  --font-size-base: var(--ce-font-size-base, 15px);
+  --font-size-sm: var(--ce-font-size-sm, 0.875rem);
+  --font-size-md: var(--ce-font-size-md, 1rem);
+  --font-size-lg: var(--ce-font-size-lg, 1.125rem);
+  --font-weight-regular: var(--ce-font-weight-regular, 400);
+  --font-weight-medium: var(--ce-font-weight-medium, 500);
+  --font-weight-semibold: var(--ce-font-weight-semibold, 600);
+  --ce-font-family-fallback: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+  --icon-filter: brightness(0) saturate(100%);
+  --ce-icon-size: 18px;
+  --ce-icon-size-sm: 14px;
+  --ce-icon-size-md: 18px;
+  --ce-icon-size-lg: 24px;
+  --ce-icon-stroke-width: 1.5;
+  --ce-icon-align: middle;
+  --ce-icon-color: currentColor;
+  --ce-icon-color-muted: var(--text-muted);
+  --ce-icon-filter: var(--icon-filter);
+}
+
+:root[data-theme="dark"],
+:root[data-ce-theme="dark"] {
+  --text-primary: var(--ce-color-text, var(--theme-fg, #e2e8f0));
+  --text-muted: var(--ce-color-text-muted, var(--theme-muted, #94a3b8));
+  --icon-filter: brightness(0) saturate(100%) invert(1);
+}
+
+body {
+  color: var(--text-primary);
+  font-family: var(--ce-font-family, var(--theme-font, var(--ce-font-family-fallback, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif)));
+  font-size: var(--font-size-base);
+}
+`.trim();
+let tokensAttached = false;
+export function ensureThemeTokens() {
+    if (tokensAttached || typeof document === "undefined") {
+        return;
+    }
+    const existing = document.head?.querySelector(`style[${TOKEN_STYLE_MARKER}]`);
+    if (existing) {
+        tokensAttached = true;
+        return;
+    }
+    const style = document.createElement("style");
+    style.setAttribute(TOKEN_STYLE_MARKER, "true");
+    style.textContent = DEFAULT_THEME_TOKENS;
+    document.head.appendChild(style);
+    tokensAttached = true;
+}
+//# sourceMappingURL=ensureThemeTokens.js.map

package/dist/src/styles/ensureThemeTokens.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ensureThemeTokens.js","sourceRoot":"","sources":["../../../src/styles/ensureThemeTokens.ts"],"names":[],"mappings":"AAAA,MAAM,kBAAkB,GAAG,yBAAyB,CAAC;AAErD,MAAM,oBAAoB,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoC5B,CAAC,IAAI,EAAE,CAAC;AAET,IAAI,cAAc,GAAG,KAAK,CAAC;AAE3B,MAAM,UAAU,iBAAiB;IAC/B,IAAI,cAAc,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;QACtD,OAAO;IACT,CAAC;IAED,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,EAAE,aAAa,CAAmB,SAAS,kBAAkB,GAAG,CAAC,CAAC;IAChG,IAAI,QAAQ,EAAE,CAAC;QACb,cAAc,GAAG,IAAI,CAAC;QACtB,OAAO;IACT,CAAC;IAED,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9C,KAAK,CAAC,YAAY,CAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC;IAC/C,KAAK,CAAC,WAAW,GAAG,oBAAoB,CAAC;IACzC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IACjC,cAAc,GAAG,IAAI,CAAC;AACxB,CAAC"}

package/package.json

@@ -0,0 +1,119 @@
+{
+  "name": "@codeenvision/ui-webcomponents",
+  "version": "1.0.0",
+  "description": "Cluster Envision reusable Web Components built on top of the CE UI framework.",
+  "private": false,
+  "type": "module",
+  "sideEffects": true,
+  "main": "dist/src/index.js",
+  "module": "dist/src/index.js",
+  "types": "dist/src/index.d.ts",
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/src/index.d.ts",
+      "import": "./dist/src/index.js"
+    },
+    "./define": {
+      "types": "./dist/runtime/component-element.d.ts",
+      "import": "./dist/runtime/component-element.js"
+    },
+    "./icon": {
+      "types": "./dist/components/web-components/icon.d.ts",
+      "import": "./dist/components/web-components/icon.js"
+    },
+    "./elements/*": {
+      "types": "./dist/components/web-components/*.d.ts",
+      "import": "./dist/components/web-components/*.js"
+    },
+    "./icons/config": {
+      "types": "./dist/src/icons/config.d.ts",
+      "import": "./dist/src/icons/config.js"
+    },
+    "./icons/cache": {
+      "types": "./dist/src/icons/cache.d.ts",
+      "import": "./dist/src/icons/cache.js"
+    },
+    "./icons/registry": {
+      "types": "./dist/src/icons/registry.d.ts",
+      "import": "./dist/src/icons/registry.js"
+    }
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "build:ulimit": "./with-ulimit.sh pnpm build",
+    "storybook": "storybook dev -p 6006",
+    "storybook:fast": "CE_STORYBOOK_DISABLE_DOCS=1 storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "build-storybook:fast": "CE_STORYBOOK_DISABLE_DOCS=1 storybook build",
+    "generate:registrations": "node scripts/generate-registrations.mjs",
+    "generate:metadata": "node scripts/generate-component-metadata.mjs",
+    "generate:contracts": "node scripts/generate-component-contracts.mjs",
+    "scaffold:component": "node scripts/scaffold-component.mjs",
+    "vrt:baseline": "npm run build-storybook && npx playwright test --config tests/visual/playwright.config.ts --update-snapshots",
+    "vrt:test": "npm run build-storybook && npx playwright test --config tests/visual/playwright.config.ts",
+    "vrt:update": "npm run vrt:baseline",
+    "check:styles": "node ./scripts/check-style-imports.mjs",
+    "check:demos": "node ./scripts/check-demo-attrs.mjs",
+    "check:registrations": "node ./scripts/check-registrations.mjs",
+    "check:icons": "node ./scripts/check-icon-names.mjs",
+    "prepare": "npm run build",
+    "test": "vitest run",
+    "test:unit": "vitest run tests/**/*.test.ts",
+    "test:contracts": "vitest run tests/contracts/events tests/contracts/hydration tests/contracts/parts tests/contracts/conventions --passWithNoTests",
+    "test:contracts:ci": "vitest run tests/contracts/events tests/contracts/hydration tests/contracts/parts tests/contracts/conventions --passWithNoTests",
+    "test:hydration": "vitest run tests/Hydration*.test.ts",
+    "test:perf": "PERF_BUDGET=1 vitest run tests/perf/perf-budgets.test.ts",
+    "test:lighthouse": "vitest run tests/perf/lighthouse-budgets.test.ts",
+    "test:a11y": "vitest run tests/**/*.a11y.test.ts",
+    "test:a11y:axe": "RUN_AXE=1 vitest run tests/**/*.a11y.test.ts",
+    "typecheck:public": "tsc -p tsconfig.typecheck.json --noEmit",
+    "test:types": "npm run build && tsd"
+  },
+  "overrides": {
+    "commander": "14.0.2",
+    "immutable": "^5.1.5",
+    "rollup": "^4.59.0",
+    "esbuild": "0.28.1"
+  },
+  "keywords": [
+    "component-library",
+    "ui",
+    "design-system",
+    "typescript",
+    "blazor",
+    "react",
+    "vue",
+    "angular"
+  ],
+  "author": "Cluster Envision",
+  "license": "MIT",
+  "devDependencies": {
+    "@codeenvision/ui-scss": "^1.94.4",
+    "@playwright/test": "^1.55.0",
+    "@storybook/addon-docs": "^10.2.19",
+    "@storybook/web-components-vite": "^10.2.19",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/user-event": "^14.5.2",
+    "@types/node": "^25.9.3",
+    "axe-core": "^4.11.0",
+    "core-js": "^3.42.0",
+    "jsdom": "^29.1.1",
+    "sass": "^1.87.0",
+    "storybook": "^10.2.19",
+    "tsd": "^0.33.0",
+    "typescript": "^6.0.3",
+    "vite": "^8.0.16",
+    "vitest": "^4.0.13"
+  },
+  "dependencies": {
+    "@codeenvision/ui-framework": "^1.0.5",
+    "@nuintun/qrcode": "^5.0.3",
+    "bwip-js": "^4.8.0"
+  },
+  "peerDependenciesMeta": {}
+}