@med-o/design-tokens 0.1.0 → 0.3.0

package/dist/css/tokens.css

@@ -4,6 +4,7 @@
  *
  * Theme: follows the system setting. Force a theme with data-theme="light" | "dark"
  * on <html> or on any element (the theme then applies to that subtree).
+ * Contrast: “Increase contrast” in the system (prefers-contrast: more) strengthens secondary text and borders.
  */
 
 :root {
@@ -713,6 +714,28 @@
   }
 }
 
+/* Higher contrast: the system setting “Increase contrast” (prefers-contrast: more). */
+@media (prefers-contrast: more) {
+  :root,
+  [data-theme] {
+    --medo-color-border-default: var(--medo-color-border-strong);
+  }
+  :root,
+  [data-theme="light"] {
+    --medo-color-text-secondary: var(--medo-color-neutral-700);
+  }
+  [data-theme="dark"] {
+    --medo-color-text-secondary: var(--medo-color-neutral-300);
+  }
+  @media (prefers-color-scheme: dark) {
+    /* Same specificity as the system dark block above, so both overrides are repeated here. */
+    :root:not([data-theme="light"]) {
+      --medo-color-border-default: var(--medo-color-border-strong);
+      --medo-color-text-secondary: var(--medo-color-neutral-300);
+    }
+  }
+}
+
 /* Layout: modes Mobile (default), Tablet (≥ 640px), Desktop (≥ 1024px) */
 @media (min-width: 640px) {
   :root {

package/dist/css/typography.css

@@ -180,8 +180,7 @@
   font-size: var(--medo-font-size-xs);
   font-weight: var(--medo-font-weight-semibold);
   line-height: 1.3333;
-  letter-spacing: var(--medo-font-tracking-wide);
-  text-transform: uppercase;
+  letter-spacing: var(--medo-font-tracking-normal);
 }
 
 /* code/md */

package/dist/docs/tokens.light.json

@@ -4168,7 +4168,7 @@
     "type": "duration",
     "cssVar": "--medo-motion-duration-fast",
     "value": "0.1s",
-    "description": "100 ms: feedback – hover, pressed, focus, color and opacity. Pressed starts at once and fades out (iOS highlight)."
+    "description": "100 ms: feedback – hover, pressed, focus, color and opacity. Pressed starts at once and fades out, so a tap feels immediate."
   },
   {
     "name": "motion/duration/normal",
@@ -4228,7 +4228,7 @@
     "type": "cubicBezier",
     "cssVar": "--medo-motion-easing-standard",
     "value": "cubic-bezier(0.32, 0.72, 0, 1)",
-    "description": "cubic-bezier(0.32, 0.72, 0, 1): the iOS ease-out – state changes and movement within the view where no spring is used."
+    "description": "cubic-bezier(0.32, 0.72, 0, 1): a strong ease-out (fast start, long soft landing) – state changes and movement within the view where no spring is used."
   },
   {
     "name": "motion/easing/enter",

package/dist/tailwind/theme.css

@@ -231,7 +231,7 @@
   --text-overline: var(--medo-font-size-xs);
   --text-overline--line-height: 1.3333;
   --text-overline--font-weight: var(--medo-font-weight-semibold);
-  --text-overline--letter-spacing: var(--medo-font-tracking-wide);
+  --text-overline--letter-spacing: var(--medo-font-tracking-normal);
   --text-code-md: var(--medo-font-size-sm);
   --text-code-md--line-height: 1.4286;
   --text-code-md--font-weight: var(--medo-font-weight-regular);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@med-o/design-tokens",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "description": "Design tokens of the med.o Design System (DTCG source, CSS variables, Tailwind v4 theme, JS).",
   "type": "module",
   "license": "MIT",

package/src/motion.json

@@ -7,7 +7,7 @@
           "value": 100,
           "unit": "ms"
         },
-        "$description": "100 ms: feedback – hover, pressed, focus, color and opacity. Pressed starts at once and fades out (iOS highlight)."
+        "$description": "100 ms: feedback – hover, pressed, focus, color and opacity. Pressed starts at once and fades out, so a tap feels immediate."
       },
       "normal": {
         "$type": "duration",
@@ -51,7 +51,7 @@
           0,
           1
         ],
-        "$description": "cubic-bezier(0.32, 0.72, 0, 1): the iOS ease-out – state changes and movement within the view where no spring is used."
+        "$description": "cubic-bezier(0.32, 0.72, 0, 1): a strong ease-out (fast start, long soft landing) – state changes and movement within the view where no spring is used."
       },
       "enter": {
         "$type": "cubicBezier",

package/src/typography.json

@@ -420,12 +420,7 @@
         "fontSize": "{font.size.xs}",
         "fontWeight": "{font.weight.semibold}",
         "lineHeight": 1.3333,
-        "letterSpacing": "{font.tracking.wide}"
-      },
-      "$extensions": {
-        "com.medo": {
-          "textTransform": "uppercase"
-        }
+        "letterSpacing": "{font.tracking.normal}"
       }
     },
     "code": {