@happyvertical/smrt-ui 0.30.0

package/dist/utils/theme/typography.js

@@ -0,0 +1,30 @@
+// Default font family - can be overridden via --smrt-font-family CSS variable
+const fontFamily = 'var(--smrt-font-family, Roboto, sans-serif)';
+export const typographyTokens = {
+    // Font family token for customization
+    '--smrt-font-family': 'Roboto, sans-serif',
+    '--md-sys-typescale-display-large-font': `400 57px/64px ${fontFamily}`,
+    '--md-sys-typescale-display-medium-font': `400 45px/52px ${fontFamily}`,
+    '--md-sys-typescale-display-small-font': `400 36px/44px ${fontFamily}`,
+    '--md-sys-typescale-headline-large-font': `400 32px/40px ${fontFamily}`,
+    '--md-sys-typescale-headline-medium-font': `400 28px/36px ${fontFamily}`,
+    '--md-sys-typescale-headline-small-font': `400 24px/32px ${fontFamily}`,
+    '--md-sys-typescale-title-large-font': `400 22px/28px ${fontFamily}`,
+    '--md-sys-typescale-title-medium-font': `500 16px/24px ${fontFamily}`,
+    '--md-sys-typescale-title-small-font': `500 14px/20px ${fontFamily}`,
+    '--md-sys-typescale-label-large-font': `500 14px/20px ${fontFamily}`,
+    '--md-sys-typescale-label-medium-font': `500 12px/16px ${fontFamily}`,
+    '--md-sys-typescale-label-small-font': `500 11px/16px ${fontFamily}`,
+    '--md-sys-typescale-body-large-font': `400 16px/24px ${fontFamily}`,
+    '--md-sys-typescale-body-medium-font': `400 14px/20px ${fontFamily}`,
+    '--md-sys-typescale-body-small-font': `400 12px/16px ${fontFamily}`,
+};
+// Simplified elevation using box-shadow
+export const elevationTokens = {
+    '--md-sys-elevation-level0': 'none',
+    '--md-sys-elevation-level1': '0px 1px 2px 0px rgba(0,0,0,0.3), 0px 1px 3px 1px rgba(0,0,0,0.15)',
+    '--md-sys-elevation-level2': '0px 1px 2px 0px rgba(0,0,0,0.3), 0px 2px 6px 2px rgba(0,0,0,0.15)',
+    '--md-sys-elevation-level3': '0px 1px 3px 0px rgba(0,0,0,0.3), 0px 4px 8px 3px rgba(0,0,0,0.15)',
+    '--md-sys-elevation-level4': '0px 2px 3px 0px rgba(0,0,0,0.3), 0px 6px 10px 4px rgba(0,0,0,0.15)',
+    '--md-sys-elevation-level5': '0px 4px 4px 0px rgba(0,0,0,0.3), 0px 8px 12px 6px rgba(0,0,0,0.15)',
+};

package/package.json

@@ -0,0 +1,143 @@
+{
+  "name": "@happyvertical/smrt-ui",
+  "version": "0.30.0",
+  "description": "Domain-agnostic Svelte 5 UI runtime for SMRT: primitives, i18n client, theme system, and module UI registry",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "svelte": "./dist/index.js",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./ui": {
+      "types": "./dist/components/ui/index.d.ts",
+      "svelte": "./dist/components/ui/index.js",
+      "import": "./dist/components/ui/index.js",
+      "default": "./dist/components/ui/index.js"
+    },
+    "./feedback": {
+      "types": "./dist/components/feedback/index.d.ts",
+      "svelte": "./dist/components/feedback/index.js",
+      "import": "./dist/components/feedback/index.js",
+      "default": "./dist/components/feedback/index.js"
+    },
+    "./layout": {
+      "types": "./dist/components/layout/index.d.ts",
+      "svelte": "./dist/components/layout/index.js",
+      "import": "./dist/components/layout/index.js",
+      "default": "./dist/components/layout/index.js"
+    },
+    "./calendar": {
+      "types": "./dist/components/calendar/index.d.ts",
+      "svelte": "./dist/components/calendar/index.js",
+      "import": "./dist/components/calendar/index.js",
+      "default": "./dist/components/calendar/index.js"
+    },
+    "./chat": {
+      "types": "./dist/components/chat/index.d.ts",
+      "svelte": "./dist/components/chat/index.js",
+      "import": "./dist/components/chat/index.js",
+      "default": "./dist/components/chat/index.js"
+    },
+    "./i18n": {
+      "types": "./dist/i18n/index.d.ts",
+      "svelte": "./dist/i18n/index.js",
+      "import": "./dist/i18n/index.js",
+      "default": "./dist/i18n/index.js"
+    },
+    "./registry": {
+      "types": "./dist/registry/index.d.ts",
+      "svelte": "./dist/registry/index.js",
+      "import": "./dist/registry/index.js",
+      "default": "./dist/registry/index.js"
+    },
+    "./theme": {
+      "types": "./dist/theme/index.d.ts",
+      "svelte": "./dist/theme/index.js",
+      "import": "./dist/theme/index.js",
+      "default": "./dist/theme/index.js"
+    },
+    "./themes": {
+      "types": "./dist/themes/index.d.ts",
+      "svelte": "./dist/themes/index.js",
+      "import": "./dist/themes/index.js",
+      "default": "./dist/themes/index.js"
+    },
+    "./themes/styles/*": {
+      "default": "./dist/themes/styles/*"
+    },
+    "./styles/tokens.css": {
+      "default": "./dist/styles/tokens.css"
+    },
+    "./utils/*": {
+      "default": "./dist/utils/*"
+    },
+    "./test-support/*": {
+      "types": "./dist/test-support/*.d.ts",
+      "default": "./dist/test-support/*.js"
+    }
+  },
+  "files": [
+    "dist",
+    "CLAUDE.md",
+    "AGENTS.md"
+  ],
+  "keywords": [
+    "smrt",
+    "svelte",
+    "svelte5",
+    "components",
+    "ui",
+    "i18n",
+    "theme"
+  ],
+  "author": "HappyVertical",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/happyvertical/smrt.git",
+    "directory": "packages/smrt-ui"
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public"
+  },
+  "dependencies": {
+    "esm-env": "^1.2.2",
+    "@happyvertical/smrt-types": "0.30.0"
+  },
+  "peerDependencies": {
+    "svelte": "^5.18.2"
+  },
+  "peerDependenciesMeta": {
+    "svelte": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@sveltejs/package": "^2.5.7",
+    "@sveltejs/vite-plugin-svelte": "^6.2.4",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/svelte": "^5.3.1",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "25.0.9",
+    "axe-core": "^4.12.1",
+    "svelte": "^5.46.4",
+    "svelte-check": "^4.3.5",
+    "typescript": "^5.9.3",
+    "vite": "^7.3.1",
+    "vitest": "^4.0.17"
+  },
+  "scripts": {
+    "build": "svelte-package -i src --tsconfig tsconfig.svelte.json",
+    "dev": "svelte-package -i src --watch",
+    "check": "pnpm exec svelte-check --tsconfig ./tsconfig.svelte.json",
+    "test": "vitest run",
+    "typecheck": "tsc --noEmit && node ../../scripts/svelte-check-a11y.mjs --tsconfig ./tsconfig.svelte.json",
+    "verify:pack": "node ../../scripts/verify-package-types-exports.js ."
+  }
+}