@motion-proto/live-tokens 0.97.0 → 0.99.0

package/src/live-tokens/data/themes/spring-meadow.json

@@ -2466,7 +2466,7 @@
       "createdAt": "2026-05-01T08:28:00.345Z",
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
-        "--badge-brand-surface": "--surface-brand",
+        "--badge-brand-surface": "--surface-brand-low",
         "--badge-brand-text": "--text-brand",
         "--badge-brand-border": "--border-brand",
         "--badge-brand-text-font-family": "--font-sans",
@@ -2519,7 +2519,7 @@
         "--badge-alternate-blur": "--blur-none",
         "--badge-alternate-icon-size": "--icon-size-sm",
         "--badge-canvas-surface": "--surface-canvas",
-        "--badge-canvas-text": "--text-canvas",
+        "--badge-canvas-text": "--text-secondary",
         "--badge-canvas-border": "--border-canvas",
         "--badge-canvas-text-font-family": "--font-sans",
         "--badge-canvas-text-font-size": "--font-size-md",
@@ -2570,7 +2570,7 @@
         "--badge-warning-shadow": "--shadow-none",
         "--badge-warning-blur": "--blur-none",
         "--badge-warning-icon-size": "--icon-size-sm",
-        "--badge-danger-surface": "--surface-danger",
+        "--badge-danger-surface": "--surface-danger-low",
         "--badge-danger-text": "--text-danger",
         "--badge-danger-border": "--border-danger",
         "--badge-danger-text-font-family": "--font-sans",
@@ -2634,7 +2634,7 @@
         "--button-secondary-border-width": "--border-width-1",
         "--button-secondary-radius": "--radius-2xl",
         "--button-secondary-padding": "--space-12",
-        "--button-secondary-hover-surface": "--surface-neutral-higher",
+        "--button-secondary-hover-surface": "--surface-neutral-high",
         "--button-secondary-hover-text": "--text-primary",
         "--button-secondary-hover-border": "--border-neutral-strong",
         "--button-secondary-disabled-surface": "--color-neutral-700",
@@ -2669,7 +2669,7 @@
         "--button-success-border-width": "--border-width-1",
         "--button-success-radius": "--radius-2xl",
         "--button-success-padding": "--space-12",
-        "--button-success-hover-surface": "--surface-success-higher",
+        "--button-success-hover-surface": "--surface-success-high",
         "--button-success-hover-text": "--text-primary",
         "--button-success-hover-border": "--border-success-strong",
         "--button-success-disabled-surface": "--color-neutral-700",
@@ -2703,7 +2703,7 @@
         "--button-warning-border-width": "--border-width-1",
         "--button-warning-radius": "--radius-2xl",
         "--button-warning-padding": "--space-12",
-        "--button-warning-hover-surface": "--surface-warning-high",
+        "--button-warning-hover-surface": "--surface-warning",
         "--button-warning-hover-text": "--text-primary",
         "--button-warning-hover-border": "--border-warning-medium",
         "--button-warning-disabled-surface": "--color-neutral-700",
@@ -2943,7 +2943,7 @@
         "--cornerbadge-text-font-size": "--font-size-sm",
         "--cornerbadge-text-font-weight": "--font-weight-medium",
         "--cornerbadge-text-line-height": "--line-height-none",
-        "--cornerbadge-brand-surface": "--surface-brand",
+        "--cornerbadge-brand-surface": "--surface-brand-low",
         "--cornerbadge-brand-border": "--border-brand",
         "--cornerbadge-brand-text": "--text-brand",
         "--cornerbadge-accent-surface": "--surface-accent",
@@ -2957,7 +2957,7 @@
         "--cornerbadge-alternate-text": "--text-alternate",
         "--cornerbadge-canvas-surface": "--surface-canvas",
         "--cornerbadge-canvas-border": "--border-canvas",
-        "--cornerbadge-canvas-text": "--text-canvas",
+        "--cornerbadge-canvas-text": "--text-secondary",
         "--cornerbadge-special-surface": "--surface-special",
         "--cornerbadge-special-border": "--border-special",
         "--cornerbadge-special-text": "--text-special",
@@ -2967,7 +2967,7 @@
         "--cornerbadge-warning-surface": "--surface-warning",
         "--cornerbadge-warning-border": "--border-warning",
         "--cornerbadge-warning-text": "--text-warning",
-        "--cornerbadge-danger-surface": "--surface-danger",
+        "--cornerbadge-danger-surface": "--surface-danger-low",
         "--cornerbadge-danger-border": "--border-danger",
         "--cornerbadge-danger-text": "--text-danger",
         "--cornerbadge-info-surface": "--surface-info",
@@ -3166,7 +3166,7 @@
         "--inlineeditactions-cancel-default-padding": "--space-8",
         "--inlineeditactions-cancel-default-icon-size": "--icon-size-md",
         "--inlineeditactions-cancel-hover-surface": "--surface-danger-high",
-        "--inlineeditactions-cancel-hover-text": "--text-danger",
+        "--inlineeditactions-cancel-hover-text": "--text-primary",
         "--inlineeditactions-cancel-hover-border": "--border-danger",
         "--inlineeditactions-cancel-hover-border-width": "--border-width-0",
         "--inlineeditactions-cancel-hover-radius": "--radius-lg",
@@ -3185,7 +3185,7 @@
         "--input-border-width": "--border-width-1",
         "--input-gap": "--space-10",
         "--input-default-surface": "--surface-neutral-lower",
-        "--input-default-border": "--border-neutral",
+        "--input-default-border": "--border-neutral-medium",
         "--input-default-text": "--text-primary",
         "--input-default-text-font-family": "--font-sans",
         "--input-default-text-font-size": "--font-size-sm",
@@ -3195,7 +3195,7 @@
         "--input-default-icon-size": "--icon-size-sm",
         "--input-default-placeholder": "--text-tertiary",
         "--input-focused-surface": "--surface-neutral-lower",
-        "--input-focused-border": "--border-brand",
+        "--input-focused-border": "--border-brand-strong",
         "--input-focused-border-width": "--border-width-2",
         "--input-focused-text": "--text-primary",
         "--input-focused-text-font-family": "--font-sans",
@@ -3257,7 +3257,7 @@
         "--menuselect-default-text-line-height": "--line-height-tighter",
         "--menuselect-default-icon": "--text-tertiary",
         "--menuselect-default-icon-size": "--icon-size-sm",
-        "--menuselect-hover-surface": "--surface-neutral-higher",
+        "--menuselect-hover-surface": "--surface-neutral-high",
         "--menuselect-hover-text": "--text-primary",
         "--menuselect-hover-text-font-family": "--font-sans",
         "--menuselect-hover-text-font-size": "--font-size-sm",
@@ -3344,7 +3344,7 @@
         "--notification-warning-text-font-size": "--font-size-md",
         "--notification-warning-text-font-weight": "--font-weight-normal",
         "--notification-warning-text-line-height": "--line-height-normal",
-        "--notification-danger-surface": "--surface-danger",
+        "--notification-danger-surface": "--surface-danger-low",
         "--notification-danger-action-surface": "--surface-neutral-lowest",
         "--notification-danger-border": "--border-danger",
         "--notification-danger-border-width": "--border-width-1",
@@ -3408,7 +3408,7 @@
         "--progressbar-track-border-width": "--border-width-1",
         "--progressbar-track-height": "--space-16",
         "--progressbar-radius": "--radius-full",
-        "--progressbar-fill": "--surface-special-highest",
+        "--progressbar-fill": "--border-special-medium",
         "--progressbar-label-gap": "--space-10",
         "--progressbar-label": "--text-secondary",
         "--progressbar-label-font-family": "--font-sans",
@@ -3428,7 +3428,7 @@
       "createdAt": "2026-05-10T20:44:44.372Z",
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
-        "--radiobutton-default-dot-border-color": "--border-neutral",
+        "--radiobutton-default-dot-border-color": "--border-neutral-medium",
         "--radiobutton-default-dot-border-width": "--border-width-2",
         "--radiobutton-default-dot-fill": "--text-secondary",
         "--radiobutton-default-dot-size": "--dot-size-0",
@@ -3437,7 +3437,7 @@
         "--radiobutton-default-label-font-size": "--font-size-md",
         "--radiobutton-default-label-font-weight": "--font-weight-semibold",
         "--radiobutton-default-label-line-height": "--line-height-none",
-        "--radiobutton-hover-dot-border-color": "--border-neutral",
+        "--radiobutton-hover-dot-border-color": "--border-neutral-medium",
         "--radiobutton-hover-dot-border-width": "--border-width-2",
         "--radiobutton-hover-dot-fill": "--text-secondary",
         "--radiobutton-hover-dot-size": "--dot-size-50",
@@ -3446,7 +3446,7 @@
         "--radiobutton-hover-label-font-size": "--font-size-md",
         "--radiobutton-hover-label-font-weight": "--font-weight-semibold",
         "--radiobutton-hover-label-line-height": "--line-height-none",
-        "--radiobutton-selected-dot-border-color": "--border-neutral",
+        "--radiobutton-selected-dot-border-color": "--border-neutral-medium",
         "--radiobutton-selected-dot-border-width": "--border-width-2",
         "--radiobutton-selected-dot-fill": "--text-secondary",
         "--radiobutton-selected-dot-size": "--dot-size-50",
@@ -3555,7 +3555,7 @@
         "--segmentedcontrol-hover-tint": "--tint",
         "--segmentedcontrol-hover-tint-enabled": "--color-transparent",
         "--segmentedcontrol-bar-surface": "color-mix(in srgb, var(--surface-neutral-lowest) 75%, transparent)",
-        "--segmentedcontrol-bar-border": "--border-neutral",
+        "--segmentedcontrol-bar-border": "--border-neutral-medium",
         "--segmentedcontrol-bar-border-width": "--border-width-1",
         "--segmentedcontrol-bar-radius": "--radius-xl",
         "--segmentedcontrol-bar-padding": "--space-8",
@@ -3586,7 +3586,7 @@
         "--segmentedcontrol-selected-text-font-weight": "--font-weight-normal",
         "--segmentedcontrol-selected-text-line-height": "--line-height-normal",
         "--segmentedcontrol-selected-icon": "--text-secondary",
-        "--segmentedcontrol-selected-border": "--border-brand",
+        "--segmentedcontrol-selected-border": "--border-brand-medium",
         "--segmentedcontrol-selected-border-width": "--border-width-1",
         "--segmentedcontrol-selected-radius": "--radius-lg",
         "--segmentedcontrol-disabled-surface": "--color-transparent",
@@ -3813,7 +3813,7 @@
         "--tabbar-hover-tab-bottom-radius": "--radius-sm",
         "--tabbar-hover-indicator-width": "--border-width-2",
         "--tabbar-selected-text": "--text-primary",
-        "--tabbar-selected-border": "--color-brand-500",
+        "--tabbar-selected-border": "--border-brand-strong",
         "--tabbar-selected-surface": "--tint-low",
         "--tabbar-selected-text-font-family": "--font-sans",
         "--tabbar-selected-text-font-size": "--font-size-md",
@@ -3883,11 +3883,11 @@
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
         "--toggle-track-surface": "--surface-neutral",
-        "--toggle-track-border": "--border-neutral",
+        "--toggle-track-border": "--border-neutral-medium",
         "--toggle-track-border-width": "--border-width-1",
         "--toggle-track-radius": "--radius-full",
         "--toggle-track-padding": "--space-6",
-        "--toggle-thumb-surface": "--surface-neutral-highest",
+        "--toggle-thumb-surface": "--text-primary",
         "--toggle-thumb-border": "--border-neutral-strong",
         "--toggle-thumb-size": "--font-size-md",
         "--toggle-label": "--text-primary",
@@ -3898,7 +3898,7 @@
         "--toggle-hover-track-surface": "--surface-neutral-high",
         "--toggle-hover-thumb-surface": "--text-primary",
         "--toggle-on-track-surface": "--surface-brand-high",
-        "--toggle-on-track-border": "--border-brand",
+        "--toggle-on-track-border": "--border-brand-medium",
         "--toggle-on-thumb-surface": "--text-primary",
         "--toggle-on-thumb-border": "--border-brand-strong",
         "--toggle-on-hover-track-surface": "--surface-brand-higher",
@@ -3934,36 +3934,36 @@
       "updatedAt": "2026-09-02T10:55:50.831Z",
       "aliases": {
         "--slider-single-track-surface": "--surface-neutral-lowest",
-        "--slider-single-track-border": "--border-neutral-subtle",
+        "--slider-single-track-border": "--border-neutral-medium",
         "--slider-single-track-border-width": "--border-width-1",
         "--slider-single-track-height": "--space-8",
         "--slider-single-track-radius": "--radius-full",
-        "--slider-single-fill": "--surface-brand-high",
-        "--slider-single-thumb-surface": "--surface-neutral-highest",
-        "--slider-single-thumb-border": "--border-brand",
+        "--slider-single-fill": "--border-brand-medium",
+        "--slider-single-thumb-surface": "--text-primary",
+        "--slider-single-thumb-border": "--border-brand-medium",
         "--slider-single-thumb-border-width": "--border-width-2",
         "--slider-single-thumb-size": "--font-size-lg",
         "--slider-single-thumb-radius": "--radius-full",
         "--slider-single-thumb-shadow": "--shadow-sm",
-        "--slider-single-hover-thumb-surface": "--surface-brand-high",
+        "--slider-single-hover-thumb-surface": "--text-primary",
         "--slider-single-hover-thumb-border": "--border-brand-strong",
         "--slider-single-disabled-track-surface": "--surface-neutral-lower",
         "--slider-single-disabled-fill": "--surface-neutral",
         "--slider-single-disabled-thumb-surface": "--surface-neutral-lower",
         "--slider-single-disabled-thumb-border": "--border-neutral",
         "--slider-range-track-surface": "--surface-neutral-lowest",
-        "--slider-range-track-border": "--border-neutral-subtle",
+        "--slider-range-track-border": "--border-neutral-medium",
         "--slider-range-track-border-width": "--border-width-1",
         "--slider-range-track-height": "--space-8",
         "--slider-range-track-radius": "--radius-full",
-        "--slider-range-fill": "--surface-brand-high",
-        "--slider-range-thumb-surface": "--surface-neutral-highest",
-        "--slider-range-thumb-border": "--border-brand",
+        "--slider-range-fill": "--border-brand-medium",
+        "--slider-range-thumb-surface": "--text-primary",
+        "--slider-range-thumb-border": "--border-brand-medium",
         "--slider-range-thumb-border-width": "--border-width-2",
         "--slider-range-thumb-size": "--font-size-lg",
         "--slider-range-thumb-radius": "--radius-full",
         "--slider-range-thumb-shadow": "--shadow-sm",
-        "--slider-range-hover-thumb-surface": "--surface-brand-high",
+        "--slider-range-hover-thumb-surface": "--text-primary",
         "--slider-range-hover-thumb-border": "--border-brand-strong",
         "--slider-range-disabled-track-surface": "--surface-neutral-lower",
         "--slider-range-disabled-fill": "--surface-neutral",
@@ -4062,7 +4062,7 @@
         "--slidepager-control-icon-size": "--icon-size-md",
         "--slidepager-control-hover-surface": "--surface-brand-high",
         "--slidepager-control-hover-border": "--border-brand",
-        "--slidepager-control-hover-icon": "--text-inverted",
+        "--slidepager-control-hover-icon": "--text-primary",
         "--slidepager-control-disabled-surface": "--surface-neutral-lower",
         "--slidepager-control-disabled-border": "--border-neutral-subtle",
         "--slidepager-control-disabled-icon": "--text-disabled",

package/src/live-tokens/data/themes/sunset.json

@@ -2518,7 +2518,7 @@
       "createdAt": "2026-05-01T08:28:00.345Z",
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
-        "--badge-brand-surface": "--surface-brand",
+        "--badge-brand-surface": "--surface-brand-low",
         "--badge-brand-text": "--text-brand",
         "--badge-brand-border": "--border-brand",
         "--badge-brand-text-font-family": "--font-sans",
@@ -2571,7 +2571,7 @@
         "--badge-alternate-blur": "--blur-none",
         "--badge-alternate-icon-size": "--icon-size-sm",
         "--badge-canvas-surface": "--surface-canvas",
-        "--badge-canvas-text": "--text-canvas",
+        "--badge-canvas-text": "--text-secondary",
         "--badge-canvas-border": "--border-canvas",
         "--badge-canvas-text-font-family": "--font-sans",
         "--badge-canvas-text-font-size": "--font-size-md",
@@ -2622,7 +2622,7 @@
         "--badge-warning-shadow": "--shadow-none",
         "--badge-warning-blur": "--blur-none",
         "--badge-warning-icon-size": "--icon-size-sm",
-        "--badge-danger-surface": "--surface-danger",
+        "--badge-danger-surface": "--surface-danger-low",
         "--badge-danger-text": "--text-danger",
         "--badge-danger-border": "--border-danger",
         "--badge-danger-text-font-family": "--font-sans",
@@ -2686,7 +2686,7 @@
         "--button-secondary-border-width": "--border-width-1",
         "--button-secondary-radius": "--radius-full",
         "--button-secondary-padding": "--space-10",
-        "--button-secondary-hover-surface": "--surface-neutral-higher",
+        "--button-secondary-hover-surface": "--surface-neutral-high",
         "--button-secondary-hover-text": "--text-primary",
         "--button-secondary-hover-border": "--border-neutral-strong",
         "--button-secondary-disabled-surface": "--color-neutral-700",
@@ -2721,7 +2721,7 @@
         "--button-success-border-width": "--border-width-1",
         "--button-success-radius": "--radius-full",
         "--button-success-padding": "--space-10",
-        "--button-success-hover-surface": "--surface-success-higher",
+        "--button-success-hover-surface": "--surface-success-high",
         "--button-success-hover-text": "--text-primary",
         "--button-success-hover-border": "--border-success-strong",
         "--button-success-disabled-surface": "--color-neutral-700",
@@ -2755,7 +2755,7 @@
         "--button-warning-border-width": "--border-width-1",
         "--button-warning-radius": "--radius-full",
         "--button-warning-padding": "--space-10",
-        "--button-warning-hover-surface": "--surface-warning-high",
+        "--button-warning-hover-surface": "--surface-warning",
         "--button-warning-hover-text": "--text-primary",
         "--button-warning-hover-border": "--border-warning-medium",
         "--button-warning-disabled-surface": "--color-neutral-700",
@@ -2995,7 +2995,7 @@
         "--cornerbadge-text-font-size": "--font-size-sm",
         "--cornerbadge-text-font-weight": "--font-weight-medium",
         "--cornerbadge-text-line-height": "--line-height-none",
-        "--cornerbadge-brand-surface": "--surface-brand",
+        "--cornerbadge-brand-surface": "--surface-brand-low",
         "--cornerbadge-brand-border": "--border-brand",
         "--cornerbadge-brand-text": "--text-brand",
         "--cornerbadge-accent-surface": "--surface-accent",
@@ -3009,7 +3009,7 @@
         "--cornerbadge-alternate-text": "--text-alternate",
         "--cornerbadge-canvas-surface": "--surface-canvas",
         "--cornerbadge-canvas-border": "--border-canvas",
-        "--cornerbadge-canvas-text": "--text-canvas",
+        "--cornerbadge-canvas-text": "--text-secondary",
         "--cornerbadge-special-surface": "--surface-special",
         "--cornerbadge-special-border": "--border-special",
         "--cornerbadge-special-text": "--text-special",
@@ -3019,7 +3019,7 @@
         "--cornerbadge-warning-surface": "--surface-warning",
         "--cornerbadge-warning-border": "--border-warning",
         "--cornerbadge-warning-text": "--text-warning",
-        "--cornerbadge-danger-surface": "--surface-danger",
+        "--cornerbadge-danger-surface": "--surface-danger-low",
         "--cornerbadge-danger-border": "--border-danger",
         "--cornerbadge-danger-text": "--text-danger",
         "--cornerbadge-info-surface": "--surface-info",
@@ -3218,7 +3218,7 @@
         "--inlineeditactions-cancel-default-padding": "--space-6",
         "--inlineeditactions-cancel-default-icon-size": "--icon-size-md",
         "--inlineeditactions-cancel-hover-surface": "--surface-danger-high",
-        "--inlineeditactions-cancel-hover-text": "--text-danger",
+        "--inlineeditactions-cancel-hover-text": "--text-primary",
         "--inlineeditactions-cancel-hover-border": "--border-danger",
         "--inlineeditactions-cancel-hover-border-width": "--border-width-0",
         "--inlineeditactions-cancel-hover-radius": "--radius-lg",
@@ -3237,7 +3237,7 @@
         "--input-border-width": "--border-width-1",
         "--input-gap": "--space-6",
         "--input-default-surface": "--surface-neutral-lower",
-        "--input-default-border": "--border-neutral",
+        "--input-default-border": "--border-neutral-medium",
         "--input-default-text": "--text-primary",
         "--input-default-text-font-family": "--font-sans",
         "--input-default-text-font-size": "--font-size-sm",
@@ -3247,7 +3247,7 @@
         "--input-default-icon-size": "--icon-size-sm",
         "--input-default-placeholder": "--text-tertiary",
         "--input-focused-surface": "--surface-neutral-lower",
-        "--input-focused-border": "--border-brand",
+        "--input-focused-border": "--border-brand-strong",
         "--input-focused-border-width": "--border-width-2",
         "--input-focused-text": "--text-primary",
         "--input-focused-text-font-family": "--font-sans",
@@ -3309,7 +3309,7 @@
         "--menuselect-default-text-line-height": "--line-height-tighter",
         "--menuselect-default-icon": "--text-tertiary",
         "--menuselect-default-icon-size": "--icon-size-sm",
-        "--menuselect-hover-surface": "--surface-neutral-higher",
+        "--menuselect-hover-surface": "--surface-neutral-high",
         "--menuselect-hover-text": "--text-primary",
         "--menuselect-hover-text-font-family": "--font-sans",
         "--menuselect-hover-text-font-size": "--font-size-sm",
@@ -3396,7 +3396,7 @@
         "--notification-warning-text-font-size": "--font-size-md",
         "--notification-warning-text-font-weight": "--font-weight-normal",
         "--notification-warning-text-line-height": "--line-height-normal",
-        "--notification-danger-surface": "--surface-danger",
+        "--notification-danger-surface": "--surface-danger-low",
         "--notification-danger-action-surface": "--surface-neutral-lowest",
         "--notification-danger-border": "--border-danger",
         "--notification-danger-border-width": "--border-width-1",
@@ -3460,7 +3460,7 @@
         "--progressbar-track-border-width": "--border-width-1",
         "--progressbar-track-height": "--space-16",
         "--progressbar-radius": "--radius-full",
-        "--progressbar-fill": "--surface-special-highest",
+        "--progressbar-fill": "--border-special-medium",
         "--progressbar-label-gap": "--space-6",
         "--progressbar-label": "--text-secondary",
         "--progressbar-label-font-family": "--font-sans",
@@ -3480,7 +3480,7 @@
       "createdAt": "2026-05-10T20:44:44.372Z",
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
-        "--radiobutton-default-dot-border-color": "--border-neutral",
+        "--radiobutton-default-dot-border-color": "--border-neutral-medium",
         "--radiobutton-default-dot-border-width": "--border-width-2",
         "--radiobutton-default-dot-fill": "--text-secondary",
         "--radiobutton-default-dot-size": "--dot-size-0",
@@ -3489,7 +3489,7 @@
         "--radiobutton-default-label-font-size": "--font-size-md",
         "--radiobutton-default-label-font-weight": "--font-weight-semibold",
         "--radiobutton-default-label-line-height": "--line-height-none",
-        "--radiobutton-hover-dot-border-color": "--border-neutral",
+        "--radiobutton-hover-dot-border-color": "--border-neutral-medium",
         "--radiobutton-hover-dot-border-width": "--border-width-2",
         "--radiobutton-hover-dot-fill": "--text-secondary",
         "--radiobutton-hover-dot-size": "--dot-size-50",
@@ -3498,7 +3498,7 @@
         "--radiobutton-hover-label-font-size": "--font-size-md",
         "--radiobutton-hover-label-font-weight": "--font-weight-semibold",
         "--radiobutton-hover-label-line-height": "--line-height-none",
-        "--radiobutton-selected-dot-border-color": "--border-neutral",
+        "--radiobutton-selected-dot-border-color": "--border-neutral-medium",
         "--radiobutton-selected-dot-border-width": "--border-width-2",
         "--radiobutton-selected-dot-fill": "--text-secondary",
         "--radiobutton-selected-dot-size": "--dot-size-50",
@@ -3607,7 +3607,7 @@
         "--segmentedcontrol-hover-tint": "--tint",
         "--segmentedcontrol-hover-tint-enabled": "--color-transparent",
         "--segmentedcontrol-bar-surface": "color-mix(in srgb, var(--surface-neutral-lowest) 75%, transparent)",
-        "--segmentedcontrol-bar-border": "--border-neutral",
+        "--segmentedcontrol-bar-border": "--border-neutral-medium",
         "--segmentedcontrol-bar-border-width": "--border-width-1",
         "--segmentedcontrol-bar-radius": "--radius-xl",
         "--segmentedcontrol-bar-padding": "--space-6",
@@ -3638,7 +3638,7 @@
         "--segmentedcontrol-selected-text-font-weight": "--font-weight-normal",
         "--segmentedcontrol-selected-text-line-height": "--line-height-normal",
         "--segmentedcontrol-selected-icon": "--text-secondary",
-        "--segmentedcontrol-selected-border": "--border-brand",
+        "--segmentedcontrol-selected-border": "--border-brand-medium",
         "--segmentedcontrol-selected-border-width": "--border-width-1",
         "--segmentedcontrol-selected-radius": "--radius-lg",
         "--segmentedcontrol-disabled-surface": "--color-transparent",
@@ -3865,7 +3865,7 @@
         "--tabbar-hover-tab-bottom-radius": "--radius-sm",
         "--tabbar-hover-indicator-width": "--border-width-2",
         "--tabbar-selected-text": "--text-primary",
-        "--tabbar-selected-border": "--color-brand-500",
+        "--tabbar-selected-border": "--border-brand-strong",
         "--tabbar-selected-surface": "--tint-low",
         "--tabbar-selected-text-font-family": "--font-sans",
         "--tabbar-selected-text-font-size": "--font-size-md",
@@ -3935,11 +3935,11 @@
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
         "--toggle-track-surface": "--surface-neutral",
-        "--toggle-track-border": "--border-neutral",
+        "--toggle-track-border": "--border-neutral-medium",
         "--toggle-track-border-width": "--border-width-1",
         "--toggle-track-radius": "--radius-full",
         "--toggle-track-padding": "--space-4",
-        "--toggle-thumb-surface": "--surface-neutral-highest",
+        "--toggle-thumb-surface": "--text-primary",
         "--toggle-thumb-border": "--border-neutral-strong",
         "--toggle-thumb-size": "--font-size-md",
         "--toggle-label": "--text-primary",
@@ -3950,7 +3950,7 @@
         "--toggle-hover-track-surface": "--surface-neutral-high",
         "--toggle-hover-thumb-surface": "--text-primary",
         "--toggle-on-track-surface": "--surface-brand-high",
-        "--toggle-on-track-border": "--border-brand",
+        "--toggle-on-track-border": "--border-brand-medium",
         "--toggle-on-thumb-surface": "--text-primary",
         "--toggle-on-thumb-border": "--border-brand-strong",
         "--toggle-on-hover-track-surface": "--surface-brand-higher",
@@ -3986,36 +3986,36 @@
       "updatedAt": "2026-09-02T10:55:50.831Z",
       "aliases": {
         "--slider-single-track-surface": "--surface-neutral-lowest",
-        "--slider-single-track-border": "--border-neutral-subtle",
+        "--slider-single-track-border": "--border-neutral-medium",
         "--slider-single-track-border-width": "--border-width-1",
         "--slider-single-track-height": "--space-8",
         "--slider-single-track-radius": "--radius-full",
-        "--slider-single-fill": "--surface-brand-high",
-        "--slider-single-thumb-surface": "--surface-neutral-highest",
-        "--slider-single-thumb-border": "--border-brand",
+        "--slider-single-fill": "--border-brand-medium",
+        "--slider-single-thumb-surface": "--text-primary",
+        "--slider-single-thumb-border": "--border-brand-medium",
         "--slider-single-thumb-border-width": "--border-width-2",
         "--slider-single-thumb-size": "--font-size-lg",
         "--slider-single-thumb-radius": "--radius-full",
         "--slider-single-thumb-shadow": "--shadow-sm",
-        "--slider-single-hover-thumb-surface": "--surface-brand-high",
+        "--slider-single-hover-thumb-surface": "--text-primary",
         "--slider-single-hover-thumb-border": "--border-brand-strong",
         "--slider-single-disabled-track-surface": "--surface-neutral-lower",
         "--slider-single-disabled-fill": "--surface-neutral",
         "--slider-single-disabled-thumb-surface": "--surface-neutral-lower",
         "--slider-single-disabled-thumb-border": "--border-neutral",
         "--slider-range-track-surface": "--surface-neutral-lowest",
-        "--slider-range-track-border": "--border-neutral-subtle",
+        "--slider-range-track-border": "--border-neutral-medium",
         "--slider-range-track-border-width": "--border-width-1",
         "--slider-range-track-height": "--space-8",
         "--slider-range-track-radius": "--radius-full",
-        "--slider-range-fill": "--surface-brand-high",
-        "--slider-range-thumb-surface": "--surface-neutral-highest",
-        "--slider-range-thumb-border": "--border-brand",
+        "--slider-range-fill": "--border-brand-medium",
+        "--slider-range-thumb-surface": "--text-primary",
+        "--slider-range-thumb-border": "--border-brand-medium",
         "--slider-range-thumb-border-width": "--border-width-2",
         "--slider-range-thumb-size": "--font-size-lg",
         "--slider-range-thumb-radius": "--radius-full",
         "--slider-range-thumb-shadow": "--shadow-sm",
-        "--slider-range-hover-thumb-surface": "--surface-brand-high",
+        "--slider-range-hover-thumb-surface": "--text-primary",
         "--slider-range-hover-thumb-border": "--border-brand-strong",
         "--slider-range-disabled-track-surface": "--surface-neutral-lower",
         "--slider-range-disabled-fill": "--surface-neutral",
@@ -4114,7 +4114,7 @@
         "--slidepager-control-icon-size": "--icon-size-md",
         "--slidepager-control-hover-surface": "--surface-brand-high",
         "--slidepager-control-hover-border": "--border-brand",
-        "--slidepager-control-hover-icon": "--text-inverted",
+        "--slidepager-control-hover-icon": "--text-primary",
         "--slidepager-control-disabled-surface": "--surface-neutral-lower",
         "--slidepager-control-disabled-border": "--border-neutral-subtle",
         "--slidepager-control-disabled-icon": "--text-disabled",

package/src/system/components/Badge.svelte

@@ -75,7 +75,7 @@
   // -secondary/-tertiary scale); `--text-brand` is the brand-family text.
   :global(:root) {
     /* Brand */
-    --badge-brand-surface: var(--surface-brand);
+    --badge-brand-surface: var(--surface-brand-low);
     --badge-brand-text: var(--text-brand);
     --badge-brand-border: var(--border-brand);
     --badge-brand-text-font-family: var(--font-sans);
@@ -136,7 +136,7 @@
 
     /* Canvas */
     --badge-canvas-surface: var(--surface-canvas);
-    --badge-canvas-text: var(--text-canvas);
+    --badge-canvas-text: var(--text-secondary);
     --badge-canvas-border: var(--border-canvas);
     --badge-canvas-text-font-family: var(--font-sans);
     --badge-canvas-text-font-size: var(--font-size-md);
@@ -195,7 +195,7 @@
     --badge-warning-icon-size: var(--icon-size-sm);
 
     /* Danger */
-    --badge-danger-surface: var(--surface-danger);
+    --badge-danger-surface: var(--surface-danger-low);
     --badge-danger-text: var(--text-danger);
     --badge-danger-border: var(--border-danger);
     --badge-danger-text-font-family: var(--font-sans);

package/src/system/components/Button.svelte

@@ -2,8 +2,8 @@
   import type { CatalogueEntry } from '../../editor/component-editor/scaffolding/types';
 
   export const catalogue = {
-    description: 'A labelled action.',
-    whenToUse: 'an action that needs a word to be unambiguous.',
+    description: 'A labelled trigger.',
+    whenToUse: 'a trigger that needs a word to be unambiguous. It runs an action or opens another page, such as View details or Create project.',
     whenNotToUse: [
       { when: 'the glyph alone is plain, and space is short.', use: 'iconbutton' },
       { when: 'the actions confirm or cancel an inline edit.', use: 'inlineeditactions' },
@@ -11,7 +11,7 @@
     constraints: [
       'One primary Button per page.',
       'A danger Button opens a Dialog to confirm before it runs.',
-      'A link to another page is an anchor.',
+      'A link inside running text is an anchor.',
     ],
     props: {
       variant: 'one primary per page; secondary for the rest; outline for a tertiary action; danger for a destructive one.',
@@ -141,7 +141,7 @@
       --button-secondary-border-width: var(--border-width-1);
       --button-secondary-radius: var(--radius-xl);
       --button-secondary-padding: var(--space-8);
-      --button-secondary-hover-surface: var(--surface-neutral-higher);
+      --button-secondary-hover-surface: var(--surface-neutral-high);
       --button-secondary-hover-text: var(--text-primary);
       --button-secondary-hover-border: var(--border-neutral-strong);
       --button-secondary-disabled-surface: var(--color-neutral-700);
@@ -180,7 +180,7 @@
       --button-success-border-width: var(--border-width-1);
       --button-success-radius: var(--radius-xl);
       --button-success-padding: var(--space-8);
-      --button-success-hover-surface: var(--surface-success-higher);
+      --button-success-hover-surface: var(--surface-success-high);
       --button-success-hover-text: var(--text-primary);
       --button-success-hover-border: var(--border-success-strong);
       --button-success-disabled-surface: var(--color-neutral-700);
@@ -218,7 +218,7 @@
       --button-warning-border-width: var(--border-width-1);
       --button-warning-radius: var(--radius-xl);
       --button-warning-padding: var(--space-8);
-      --button-warning-hover-surface: var(--surface-warning-high);
+      --button-warning-hover-surface: var(--surface-warning);
       --button-warning-hover-text: var(--text-primary);
       --button-warning-hover-border: var(--border-warning-medium);
       --button-warning-disabled-surface: var(--color-neutral-700);
@@ -542,4 +542,10 @@
          margin-left: var(--space-4);
       }
    }
+
+   @media (prefers-reduced-motion: reduce) {
+      .button::before {
+         display: none;
+      }
+   }
 </style>

package/src/system/components/CodeSnippet.svelte

@@ -46,7 +46,9 @@
 </script>
 
 <div class="codesnippet {className}">
-  <code class="code">{code}</code>
+  <!-- A long snippet scrolls sideways, so the keyboard needs a stop on it. -->
+  <!-- svelte-ignore a11y_no_noninteractive_tabindex -->
+  <code class="code" tabindex="0">{code}</code>
   <Tooltip text={copied ? 'Copied' : ''} open={copied} position="top">
     <button
       type="button"
@@ -118,6 +120,11 @@
     scrollbar-color: var(--codesnippet-scrollbar-thumb) transparent;
   }
 
+  .code:focus-visible {
+    outline: none;
+    box-shadow: 0 0 0 var(--border-width-2) var(--border-neutral-strong);
+  }
+
   .code::-webkit-scrollbar {
     height: var(--codesnippet-scrollbar-border-width);
   }