@medquantis/design-system 0.0.0-stage → 1.0.0

package/icons/manifest.json

@@ -0,0 +1,7 @@
+{
+  "package": "lucide",
+  "version": "1.55.0",
+  "file": "lucide.min.js",
+  "sha256": "48b3b5d82216bbe1d0c49dea480ed38fca8420c275c98f20505e3f9556f6b1d1",
+  "licence": "ISC"
+}

package/package.json

@@ -1,6 +1,69 @@
 {
   "name": "@medquantis/design-system",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "1.0.0",
+  "description": "MedQuantis design tokens, shared CSS, assets, guidelines and Claude skill.",
+  "type": "module",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/MedQuantis/design-system.git"
+  },
+  "homepage": "https://github.com/MedQuantis/design-system#readme",
+  "bugs": {
+    "url": "https://github.com/MedQuantis/design-system/issues"
+  },
+  "files": [
+    "dist/tokens.css",
+    "dist/tokens.json",
+    "dist/tailwind.css",
+    "dist/kit-contract.css",
+    "dist/llms.txt",
+    "dist/llms-full.txt",
+    "css/",
+    "fonts/",
+    "icons/",
+    "brand/",
+    "guidelines/",
+    "stylelint.config.mjs"
+  ],
+  "exports": {
+    "./tokens.css": "./dist/tokens.css",
+    "./tokens.json": "./dist/tokens.json",
+    "./tailwind.css": "./dist/tailwind.css",
+    "./kit-contract.css": "./dist/kit-contract.css",
+    "./css/*": "./css/*",
+    "./fonts.css": "./fonts/fonts.css",
+    "./brand/*": "./brand/*",
+    "./stylelint": "./stylelint.config.mjs",
+    "./package.json": "./package.json"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "license": "SEE LICENSE IN LICENSE",
+  "engines": {
+    "node": ">=24"
+  },
+  "devEngines": {
+    "runtime": {
+      "name": "node",
+      "version": "24.18.0",
+      "onFail": "error"
+    }
+  },
+  "scripts": {
+    "test": "node --test \"tests/unit/**/*.test.mjs\""
+  },
+  "devDependencies": {
+    "@axe-core/playwright": "4.13.0",
+    "@fontsource-variable/geist-mono": "5.3.0",
+    "@fontsource-variable/newsreader": "5.3.0",
+    "@fontsource-variable/outfit": "5.3.0",
+    "@playwright/test": "1.64.0",
+    "lucide": "1.55.0",
+    "postcss": "8.5.29",
+    "style-dictionary": "5.6.0",
+    "stylelint": "17.16.0",
+    "stylelint-declaration-strict-value": "1.12.1",
+    "stylelint-value-no-unknown-custom-properties": "6.1.1"
+  }
+}

package/stylelint.config.mjs

@@ -0,0 +1,52 @@
+// MedQuantis stylelint config, exported as @medquantis/design-system/stylelint for consumers.
+// Colours, fonts and shadows come from custom properties only; radius comes from the three
+// --mq-radius tokens only, so no stylesheet can draw a pill (owner ruling 3); spacing is a
+// custom property, 0 or auto. Custom properties must be defined, here or in dist/tokens.css, and a
+// consumer's --app-*, --site-*, --viz-* or --deck-* property may only point at tokens.
+import { fileURLToPath } from "node:url";
+
+const tokensCss = fileURLToPath(new URL("./dist/tokens.css", import.meta.url));
+
+const COLOUR_FUNCTIONS = "/^(rgba?|hsla?|hwb|lab|lch|oklab|oklch|color|color-mix|device-cmyk|light-dark)$/i";
+const KEYWORDS = ["inherit", "initial", "unset", "revert", "revert-layer"];
+
+const RADIUS_PROPERTY = "/^border(-(top|bottom|start|end)-(left|right|start|end))?-radius$/";
+const RADIUS_VALUE = "/^(var\\(--mq-radius-(small|medium|overlay)\\)|0)( (var\\(--mq-radius-(small|medium|overlay)\\)|0)){0,3}$/";
+const SPACING_PROPERTY = "/^((margin|padding)(-(top|right|bottom|left|block|inline)(-(start|end))?)?|(row-|column-)?gap)$/";
+const SPACING_VALUE = "/^((var\\(--[a-z0-9-]+\\)|0|auto)( |$))+$/";
+
+// A consumer's own custom properties (ADR-0002 rule 3) hold token references only: one or more
+// var() of an --mq-* token or another local property, or a calc() that scales them by a plain
+// number. A literal (12px, #0a2463, Outfit) or a literal fallback is rejected.
+const LOCAL_PROPERTY = "/^--(app|site|viz|deck)-/";
+const LOCAL_REF = "var\\(--(mq|app|site|viz|deck)-[a-z0-9-]+\\)";
+const LOCAL_CALC = `calc\\((\\s*(${LOCAL_REF}|\\d+(\\.\\d+)?|[-+*/()]))+\\s*\\)`;
+const LOCAL_VALUE = `/^(${LOCAL_REF}|${LOCAL_CALC})([ ,]+(${LOCAL_REF}|${LOCAL_CALC}))*$/`;
+
+export default {
+  plugins: ["stylelint-declaration-strict-value", "stylelint-value-no-unknown-custom-properties"],
+  ignoreFiles: ["**/tokens/**", "**/dist/**"],
+  rules: {
+    "color-no-hex": true,
+    "color-named": "never",
+    "function-disallowed-list": [COLOUR_FUNCTIONS],
+    "declaration-no-important": true,
+    "scale-unlimited/declaration-strict-value": [
+      ["/color$/", "fill", "stroke", "font-family", "font-size", "font-weight", "box-shadow"],
+      {
+        ignoreFunctions: false,
+        ignoreValues: {
+          "": KEYWORDS,
+          "/color$/": ["transparent", "currentcolor", "currentColor", ...KEYWORDS],
+          fill: ["none", "currentColor", ...KEYWORDS],
+          stroke: ["none", "currentColor", ...KEYWORDS],
+          "box-shadow": ["none", ...KEYWORDS],
+        },
+      },
+    ],
+    "declaration-property-value-allowed-list": [
+      { [RADIUS_PROPERTY]: [RADIUS_VALUE], [SPACING_PROPERTY]: [SPACING_VALUE], [LOCAL_PROPERTY]: [LOCAL_VALUE] },
+    ],
+    "csstools/value-no-unknown-custom-properties": [true, { importFrom: [tokensCss] }],
+  },
+};