@medquantis/design-system 1.0.0 → 1.1.0

package/dist/kit-contract.css

@@ -1,3 +1,4 @@
+/*! @medquantis/design-system | © 2026 MedQuantis SA | MIT License, see LICENSE */
 /*
  * MedQuantis values for the homemade-claude-kit token contract (delivery-comms 1.3.0),
  * generated from tokens/ by the design-system build. Do not edit.

package/dist/llms-full.txt

@@ -756,7 +756,7 @@ Every local one-off (a component or a token a consumer adds under its own prefix
 
 # Tokens
 
-Every token of release 1.0.0, generated from dist/tokens.json. Consumers use the semantic names; the `--mq-core-*` names exist so semantic tokens can point at them. A deprecated token names its replacement.
+Every token of release 1.1.0, generated from dist/tokens.json. Consumers use the semantic names; the `--mq-core-*` names exist so semantic tokens can point at them. A deprecated token names its replacement.
 
 ## Semantic tokens
 
@@ -838,6 +838,8 @@ Every token of release 1.0.0, generated from dist/tokens.json. Consumers use the
 | `--mq-font-weight-emphasis` | `600` | Owner ruling 4, 2026-10-09: a short highlighted word inside body text, as the Med of the logo. |
 | `--mq-font-weight-body` | `400` | Body text. |
 | `--mq-font-weight-light` | `300` | Owner ruling 6, 2026-10-09: only the Quantis half of the wordmark; never for headings or body text. |
+| `--mq-font-line-height-body` | `1.55` | Body line height of documents, slides and pages (owner, 2026-10-15). |
+| `--mq-font-line-height-tight` | `1.15` | Tight line height of section titles; the display title keeps its own 1.08 (owner, 2026-10-15). |
 | `--mq-font-size-hero-min` | `34px` | Hero title at the narrowest viewport. |
 | `--mq-font-size-hero-max` | `56px` | Hero title at the widest viewport. |
 | `--mq-font-size-h2` | `32px` | Section title. |
@@ -917,6 +919,8 @@ Every token of release 1.0.0, generated from dist/tokens.json. Consumers use the
 | `--mq-core-font-size-56` | `56px` | Font size 56 px (Report design system, 2026-10-08). |
 | `--mq-core-font-size-12-5` | `12.5px` | Font size 12.5 px (Report design system, 2026-10-08). |
 | `--mq-core-font-size-16-5` | `16.5px` | Font size 16.5 px (Report design system, 2026-10-08). |
+| `--mq-core-font-line-height-1-15` | `1.15` | Line height 1.15, the tight end of headings, counters and stat figures (owner, 2026-10-15). |
+| `--mq-core-font-line-height-1-55` | `1.55` | Line height 1.55 of app UI text, labels, descriptions and the document body (owner, 2026-10-15). |
 | `--mq-core-radius-3` | `3px` | Owner ruling 3, 2026-10-09: small items (tags, inputs, chips). |
 | `--mq-core-radius-6` | `6px` | Owner ruling 3, 2026-10-09: cards and panels; the maximum anywhere, no pill shapes. |
 | `--mq-core-radius-12` | `12px` | Owner ruling 3, amended 2026-10-10: the one exception above 6 px, for app dialogs and modals, side drawers and command palettes only; never in documents, slides, cards or website media. |

package/dist/llms.txt

@@ -8,32 +8,32 @@ The links below point at the exact release on the jsDelivr CDN; pin that version
 
 ## Guidelines
 
-- [Principles](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.0/guidelines/principles.md): The principles that decide the cases the other files do not cover
-- [Brand](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.0/guidelines/brand.md): Name, tagline, legal line, wordmark, monogram, favicon, icons
-- [Voice](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.0/guidelines/voice.md): Tone, words to prefer and avoid, languages, terminology in French, German, Italian and English
-- [Writing](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.0/guidelines/writing.md): No em or en dash, titles, sentences and lists, French typography
-- [Colour](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.0/guidelines/colour.md): Semantic colour tokens, the medium split, navy panels, states by mark style, status colours in apps
-- [Typography](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.0/guidelines/typography.md): Families, weights, roles, sizes and line heights
-- [Layout](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.0/guidelines/layout.md): Media, report skeleton, widths and spacing, radius, components, tables, app patterns, print
-- [Charts](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.0/guidelines/charts.md): The ordered palette, highlight on grey, sequential and diverging use, marks, legends
-- [Data patterns](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.0/guidelines/data-patterns.md): Numbers, amounts, dates, null versus zero, confidential and illustrative data
-- [Accessibility](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.0/guidelines/accessibility.md): WCAG 2.2 AA, contrast pairs, focus, targets, motion, structure
-- [Specialising the design system](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.0/guidelines/specialising.md): Framework neutrality, the four rules, the promotion tests, the one-off log
+- [Principles](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.1.0/guidelines/principles.md): The principles that decide the cases the other files do not cover
+- [Brand](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.1.0/guidelines/brand.md): Name, tagline, legal line, wordmark, monogram, favicon, icons
+- [Voice](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.1.0/guidelines/voice.md): Tone, words to prefer and avoid, languages, terminology in French, German, Italian and English
+- [Writing](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.1.0/guidelines/writing.md): No em or en dash, titles, sentences and lists, French typography
+- [Colour](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.1.0/guidelines/colour.md): Semantic colour tokens, the medium split, navy panels, states by mark style, status colours in apps
+- [Typography](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.1.0/guidelines/typography.md): Families, weights, roles, sizes and line heights
+- [Layout](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.1.0/guidelines/layout.md): Media, report skeleton, widths and spacing, radius, components, tables, app patterns, print
+- [Charts](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.1.0/guidelines/charts.md): The ordered palette, highlight on grey, sequential and diverging use, marks, legends
+- [Data patterns](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.1.0/guidelines/data-patterns.md): Numbers, amounts, dates, null versus zero, confidential and illustrative data
+- [Accessibility](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.1.0/guidelines/accessibility.md): WCAG 2.2 AA, contrast pairs, focus, targets, motion, structure
+- [Specialising the design system](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.1.0/guidelines/specialising.md): Framework neutrality, the four rules, the promotion tests, the one-off log
 
 ## Tokens and CSS
 
-- [tokens.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.0/dist/tokens.css): every token as a `--mq-*` custom property; load it first
-- [tokens.json](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.0/dist/tokens.json): every token with its resolved value and description
-- [tailwind.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.0/dist/tailwind.css): Tailwind 4 theme with 50 to 950 scales, for apps
-- [base.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.0/css/base.css): typography roles for documents
-- [components.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.0/css/components.css): the shared `mq-` document components
-- [slide.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.0/css/slide.css): the 1280 by 720 slide canvas
-- [print.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.0/css/print.css): A4 pages with exact colour printing
-- [app.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.0/css/app.css): status badges, for interactive apps only
-- [fonts.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.0/fonts/fonts.css): self-hosted Outfit, Newsreader and Geist Mono
+- [tokens.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.1.0/dist/tokens.css): every token as a `--mq-*` custom property; load it first
+- [tokens.json](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.1.0/dist/tokens.json): every token with its resolved value and description
+- [tailwind.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.1.0/dist/tailwind.css): Tailwind 4 theme with 50 to 950 scales, for apps
+- [base.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.1.0/css/base.css): typography roles for documents
+- [components.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.1.0/css/components.css): the shared `mq-` document components
+- [slide.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.1.0/css/slide.css): the 1280 by 720 slide canvas
+- [print.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.1.0/css/print.css): A4 pages with exact colour printing
+- [app.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.1.0/css/app.css): status badges, for interactive apps only
+- [fonts.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.1.0/fonts/fonts.css): self-hosted Outfit, Newsreader and Geist Mono
 
 ## Optional
 
-- [llms-full.txt](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.0/dist/llms-full.txt): every guideline in full and every token with its value
-- [kit-contract.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.0/dist/kit-contract.css): unprefixed names for homemade-claude-kit renderers only, never loaded in an app
-- [Guidelines index](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.0.0/guidelines/README.md): the file list and where each legacy rule went
+- [llms-full.txt](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.1.0/dist/llms-full.txt): every guideline in full and every token with its value
+- [kit-contract.css](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.1.0/dist/kit-contract.css): unprefixed names for homemade-claude-kit renderers only, never loaded in an app
+- [Guidelines index](https://cdn.jsdelivr.net/npm/@medquantis/design-system@1.1.0/guidelines/README.md): the file list and where each legacy rule went

package/dist/tailwind.css

@@ -1,3 +1,4 @@
+/*! @medquantis/design-system | © 2026 MedQuantis SA | MIT License, see LICENSE */
 /*
  * MedQuantis Tailwind 4 theme, generated from tokens/ by the design-system build. Do not edit.
  * Import it after Tailwind: @import "tailwindcss"; then this file. It loads tokens.css itself.

package/dist/tokens.css

@@ -1,3 +1,4 @@
+/*! @medquantis/design-system | © 2026 MedQuantis SA | MIT License, see LICENSE */
 /**
  * Do not edit directly, this file was auto-generated.
  */
@@ -58,6 +59,8 @@
   --mq-core-font-size-56: 56px; /** Font size 56 px (Report design system, 2026-10-08). */
   --mq-core-font-size-12-5: 12.5px; /** Font size 12.5 px (Report design system, 2026-10-08). */
   --mq-core-font-size-16-5: 16.5px; /** Font size 16.5 px (Report design system, 2026-10-08). */
+  --mq-core-font-line-height-1-15: 1.15; /** Line height 1.15, the tight end of headings, counters and stat figures (owner, 2026-10-15). */
+  --mq-core-font-line-height-1-55: 1.55; /** Line height 1.55 of app UI text, labels, descriptions and the document body (owner, 2026-10-15). */
   --mq-core-radius-3: 3px; /** Owner ruling 3, 2026-10-09: small items (tags, inputs, chips). */
   --mq-core-radius-6: 6px; /** Owner ruling 3, 2026-10-09: cards and panels; the maximum anywhere, no pill shapes. */
   --mq-core-radius-12: 12px; /** Owner ruling 3, amended 2026-10-10: the one exception above 6 px, for app dialogs and modals, side drawers and command palettes only; never in documents, slides, cards or website media. */
@@ -157,6 +160,8 @@
   --mq-font-weight-emphasis: 600; /** Owner ruling 4, 2026-10-09: a short highlighted word inside body text, as the Med of the logo. */
   --mq-font-weight-body: 400; /** Body text. */
   --mq-font-weight-light: 300; /** Owner ruling 6, 2026-10-09: only the Quantis half of the wordmark; never for headings or body text. */
+  --mq-font-line-height-body: 1.55; /** Body line height of documents, slides and pages (owner, 2026-10-15). */
+  --mq-font-line-height-tight: 1.15; /** Tight line height of section titles; the display title keeps its own 1.08 (owner, 2026-10-15). */
   --mq-font-size-hero-min: 34px; /** Hero title at the narrowest viewport. */
   --mq-font-size-hero-max: 56px; /** Hero title at the widest viewport. */
   --mq-font-size-h2: 32px; /** Section title. */

package/dist/tokens.json

@@ -572,6 +572,28 @@
     ],
     "description": "Font size 16.5 px (Report design system, 2026-10-08)."
   },
+  "--mq-core-font-line-height-1-15": {
+    "value": 1.15,
+    "type": "number",
+    "path": [
+      "core",
+      "font",
+      "line-height",
+      "1-15"
+    ],
+    "description": "Line height 1.15, the tight end of headings, counters and stat figures (owner, 2026-10-15)."
+  },
+  "--mq-core-font-line-height-1-55": {
+    "value": 1.55,
+    "type": "number",
+    "path": [
+      "core",
+      "font",
+      "line-height",
+      "1-55"
+    ],
+    "description": "Line height 1.55 of app UI text, labels, descriptions and the document body (owner, 2026-10-15)."
+  },
   "--mq-core-radius-3": {
     "value": "3px",
     "type": "dimension",
@@ -1590,6 +1612,28 @@
     ],
     "description": "Owner ruling 6, 2026-10-09: only the Quantis half of the wordmark; never for headings or body text."
   },
+  "--mq-font-line-height-body": {
+    "value": 1.55,
+    "type": "number",
+    "path": [
+      "semantic",
+      "font",
+      "line-height",
+      "body"
+    ],
+    "description": "Body line height of documents, slides and pages (owner, 2026-10-15)."
+  },
+  "--mq-font-line-height-tight": {
+    "value": 1.15,
+    "type": "number",
+    "path": [
+      "semantic",
+      "font",
+      "line-height",
+      "tight"
+    ],
+    "description": "Tight line height of section titles; the display title keeps its own 1.08 (owner, 2026-10-15)."
+  },
   "--mq-font-size-hero-min": {
     "value": "34px",
     "type": "dimension",

package/fonts/fonts.css

@@ -1,3 +1,4 @@
+/*! @medquantis/design-system | © 2026 MedQuantis SA | MIT License, see LICENSE */
 /*
  * MedQuantis brand fonts, self-hosted (SIL Open Font License, see each folder's OFL.txt).
  * Generated by scripts/copy-fonts.mjs from @fontsource-variable/outfit 5.3.0, @fontsource-variable/newsreader 5.3.0, @fontsource-variable/geist-mono 5.3.0. Do not edit.

package/kit-manifest.json

@@ -0,0 +1,14 @@
+{
+  "contractVersion": "2.0.0",
+  "provides": {
+    "core": "./kit/core.css",
+    "dataviz": "./kit/dataviz.css",
+    "type": "./kit/type.css",
+    "space-shape": "./kit/space-shape.css",
+    "document": "./kit/document.css",
+    "slide-frame": "./kit/slide-frame.css",
+    "print": "./kit/print.css",
+    "brand": "./kit/brand.css",
+    "guidance": "./kit/guidance.md"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medquantis/design-system",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "MedQuantis design tokens, shared CSS, assets, guidelines and Claude skill.",
   "type": "module",
   "repository": {
@@ -16,6 +16,9 @@
     "dist/tokens.json",
     "dist/tailwind.css",
     "dist/kit-contract.css",
+    "dist/kit/",
+    "kit-manifest.json",
+    "dist/DESIGN.md",
     "dist/llms.txt",
     "dist/llms-full.txt",
     "css/",
@@ -30,6 +33,9 @@
     "./tokens.json": "./dist/tokens.json",
     "./tailwind.css": "./dist/tailwind.css",
     "./kit-contract.css": "./dist/kit-contract.css",
+    "./kit/*": "./dist/kit/*",
+    "./kit-manifest.json": "./kit-manifest.json",
+    "./DESIGN.md": "./dist/DESIGN.md",
     "./css/*": "./css/*",
     "./fonts.css": "./fonts/fonts.css",
     "./brand/*": "./brand/*",
@@ -40,6 +46,7 @@
     "access": "public"
   },
   "license": "SEE LICENSE IN LICENSE",
+  "author": "MedQuantis SA (https://medquantis.ch)",
   "engines": {
     "node": ">=24"
   },
@@ -58,12 +65,15 @@
     "@fontsource-variable/geist-mono": "5.3.0",
     "@fontsource-variable/newsreader": "5.3.0",
     "@fontsource-variable/outfit": "5.3.0",
+    "@google/design.md": "0.4.0",
     "@playwright/test": "1.64.0",
+    "ajv": "8.20.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"
+    "stylelint-value-no-unknown-custom-properties": "6.1.1",
+    "yaml": "2.9.1"
   }
 }