@motion-proto/live-tokens 0.68.1 → 0.69.0

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

@@ -2250,12 +2250,12 @@
       "--columns-max-width": "1440px",
       "--columns-gutter": "32px",
       "--columns-margin": "0px",
-      "--overlay-low": "color-mix(in srgb, var(--surface-neutral-lowest) 38%, transparent)",
-      "--overlay": "color-mix(in srgb, var(--surface-neutral-lowest) 51%, transparent)",
-      "--overlay-high": "color-mix(in srgb, var(--surface-neutral-lowest) 64%, transparent)",
-      "--hover-low": "color-mix(in srgb, var(--text-primary) 5%, transparent)",
-      "--hover": "color-mix(in srgb, var(--text-primary) 10%, transparent)",
-      "--hover-high": "color-mix(in srgb, var(--text-primary) 15%, transparent)",
+      "--scrim-low": "color-mix(in srgb, var(--surface-neutral-lowest) 38%, transparent)",
+      "--scrim": "color-mix(in srgb, var(--surface-neutral-lowest) 51%, transparent)",
+      "--scrim-high": "color-mix(in srgb, var(--surface-neutral-lowest) 64%, transparent)",
+      "--tint-low": "color-mix(in srgb, var(--text-primary) 5%, transparent)",
+      "--tint": "color-mix(in srgb, var(--text-primary) 10%, transparent)",
+      "--tint-high": "color-mix(in srgb, var(--text-primary) 15%, transparent)",
       "--shadow-sm": "1px 1px 2px hsla(237, 18%, 3%, 0.2)",
       "--shadow-md": "3px 3px 6px hsla(237, 18%, 3%, 0.2)",
       "--shadow-lg": "5px 5px 9px hsla(237, 18%, 3%, 0.2)",
@@ -2668,6 +2668,9 @@
       "createdAt": "2026-05-10T19:28:06.893Z",
       "updatedAt": "2026-08-25T01:13:11.520Z",
       "aliases": {
+        "--button-hover-tint": "--tint",
+        "--button-hover-tint-enabled": "--color-transparent",
+        "--button-shimmer": "--shimmer-on",
         "--button-primary-surface": "--surface-brand",
         "--button-primary-text": "--text-primary",
         "--button-primary-text-font-family": "--font-sans",
@@ -2715,7 +2718,7 @@
         "--button-outline-hover-surface": "--surface-neutral-lower",
         "--button-outline-hover-text": "--text-primary",
         "--button-outline-hover-border": "--border-neutral-strong",
-        "--button-outline-active-surface": "--hover",
+        "--button-outline-active-surface": "--tint",
         "--button-outline-disabled-surface": "--color-transparent",
         "--button-outline-disabled-text": "--text-tertiary",
         "--button-outline-disabled-border": "--border-neutral-faint",
@@ -2887,8 +2890,8 @@
         "--card-default-body-line-height": "--line-height-normal",
         "--card-hover-border": "--border-neutral-strong",
         "--card-hover-shadow": "--shadow-md",
-        "--card-hover-border-active": "--card-default-border",
-        "--card-hover-shadow-active": "--card-default-shadow"
+        "--card-hover-border-enabled": "--card-default-border",
+        "--card-hover-shadow-enabled": "--card-default-shadow"
       }
     },
     "codesnippet": {
@@ -3042,7 +3045,7 @@
       "createdAt": "2026-05-10T20:05:24.719Z",
       "updatedAt": "2026-08-25T01:13:11.520Z",
       "aliases": {
-        "--dialog-overlay-surface": "--overlay-high",
+        "--dialog-scrim-surface": "--scrim-high",
         "--dialog-surface": "--surface-neutral-lowest",
         "--dialog-border": "--border-neutral-strong",
         "--dialog-border-width": "--border-width-2",
@@ -3077,6 +3080,8 @@
       "createdAt": "2026-06-14T00:00:00.000Z",
       "updatedAt": "2026-08-25T01:13:11.520Z",
       "aliases": {
+        "--iconbutton-hover-tint": "--tint",
+        "--iconbutton-hover-tint-enabled": "--color-transparent",
         "--iconbutton-primary-surface": "--surface-brand",
         "--iconbutton-primary-icon": "--text-primary",
         "--iconbutton-primary-border": "--border-brand",
@@ -3113,7 +3118,7 @@
         "--iconbutton-outline-hover-surface": "--surface-neutral-lower",
         "--iconbutton-outline-hover-icon": "--text-primary",
         "--iconbutton-outline-hover-border": "--border-neutral-strong",
-        "--iconbutton-outline-active-surface": "--hover",
+        "--iconbutton-outline-active-surface": "--tint",
         "--iconbutton-outline-disabled-surface": "--color-transparent",
         "--iconbutton-outline-disabled-icon": "--text-tertiary",
         "--iconbutton-outline-disabled-border": "--border-neutral-faint",
@@ -3293,6 +3298,8 @@
       "createdAt": "2026-05-16T00:00:00.000Z",
       "updatedAt": "2026-08-25T01:13:11.520Z",
       "aliases": {
+        "--menuselect-hover-tint": "--tint",
+        "--menuselect-hover-tint-enabled": "--color-transparent",
         "--menuselect-menu-surface": "color-mix(in srgb, var(--surface-neutral-lower) 95%, transparent)",
         "--menuselect-menu-border": "--border-neutral-medium",
         "--menuselect-menu-border-width": "--border-width-1",
@@ -3611,6 +3618,8 @@
       "createdAt": "2026-04-28T21:13:17.669Z",
       "updatedAt": "2026-08-25T01:13:11.520Z",
       "aliases": {
+        "--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-width": "--border-width-1",
@@ -3671,6 +3680,8 @@
       "createdAt": "2026-05-25T19:34:09.771Z",
       "updatedAt": "2026-08-25T01:13:11.520Z",
       "aliases": {
+        "--sidenavigation-hover-tint": "--tint",
+        "--sidenavigation-hover-tint-enabled": "--color-transparent",
         "--sidenavigation-panel-surface": "--surface-canvas-lower",
         "--sidenavigation-panel-border": "--border-canvas-faint",
         "--sidenavigation-panel-border-width": "--border-width-1",
@@ -3831,6 +3842,8 @@
       "createdAt": "2026-05-12T01:57:26.390Z",
       "updatedAt": "2026-08-25T01:13:11.520Z",
       "aliases": {
+        "--tabbar-hover-tint": "--tint",
+        "--tabbar-hover-tint-enabled": "--color-transparent",
         "--tabbar-bar-divider": "--border-neutral-subtle",
         "--tabbar-bar-divider-thickness": "--border-width-1",
         "--tabbar-bar-top-margin": "--space-2",
@@ -3867,7 +3880,7 @@
         "--tabbar-hover-indicator-border-width": "--border-width-2",
         "--tabbar-active-text": "--text-primary",
         "--tabbar-active-border": "--color-brand-500",
-        "--tabbar-active-surface": "--overlay-low",
+        "--tabbar-active-surface": "--tint-low",
         "--tabbar-active-text-font-family": "--font-sans",
         "--tabbar-active-text-font-size": "--font-size-md",
         "--tabbar-active-text-font-weight": "--font-weight-light",
@@ -3979,7 +3992,62 @@
         "--tooltip-padding": "--space-8",
         "--tooltip-shadow": "--shadow-md"
       }
+    },
+    "slider": {
+      "name": "sketchy",
+      "component": "slider",
+      "createdAt": "2026-09-02T10:55:50.831Z",
+      "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-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-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-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-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-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-border": "--border-brand-strong",
+        "--slider-range-disabled-track-surface": "--surface-neutral-lower",
+        "--slider-range-disabled-fill": "--surface-neutral",
+        "--slider-range-disabled-thumb-surface": "--surface-neutral-lower",
+        "--slider-range-disabled-thumb-border": "--border-neutral",
+        "--slider-label-gap": "--space-6",
+        "--slider-label": "--text-secondary",
+        "--slider-label-font-family": "--font-sans",
+        "--slider-label-font-size": "--font-size-md",
+        "--slider-label-font-weight": "--font-weight-normal",
+        "--slider-label-line-height": "--line-height-normal",
+        "--slider-value": "--text-tertiary",
+        "--slider-value-font-family": "--font-mono",
+        "--slider-value-font-size": "--font-size-md",
+        "--slider-value-font-weight": "--font-weight-normal",
+        "--slider-value-line-height": "--line-height-normal"
+      }
     }
   },
-  "componentSchemaVersion": 21
+  "componentSchemaVersion": 25
 }

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

@@ -2250,12 +2250,12 @@
       "--columns-max-width": "1440px",
       "--columns-gutter": "32px",
       "--columns-margin": "0px",
-      "--overlay-low": "color-mix(in srgb, var(--surface-neutral-lowest) 38%, transparent)",
-      "--overlay": "color-mix(in srgb, var(--surface-neutral-lowest) 51%, transparent)",
-      "--overlay-high": "color-mix(in srgb, var(--surface-neutral-lowest) 64%, transparent)",
-      "--hover-low": "color-mix(in srgb, var(--text-primary) 5%, transparent)",
-      "--hover": "color-mix(in srgb, var(--text-primary) 10%, transparent)",
-      "--hover-high": "color-mix(in srgb, var(--text-primary) 15%, transparent)",
+      "--scrim-low": "color-mix(in srgb, var(--surface-neutral-lowest) 38%, transparent)",
+      "--scrim": "color-mix(in srgb, var(--surface-neutral-lowest) 51%, transparent)",
+      "--scrim-high": "color-mix(in srgb, var(--surface-neutral-lowest) 64%, transparent)",
+      "--tint-low": "color-mix(in srgb, var(--text-primary) 5%, transparent)",
+      "--tint": "color-mix(in srgb, var(--text-primary) 10%, transparent)",
+      "--tint-high": "color-mix(in srgb, var(--text-primary) 15%, transparent)",
       "--shadow-sm": "1px 1px 2px hsla(237, 18%, 3%, 0.2)",
       "--shadow-md": "3px 3px 6px hsla(237, 18%, 3%, 0.2)",
       "--shadow-lg": "5px 5px 9px hsla(237, 18%, 3%, 0.2)",
@@ -2641,6 +2641,9 @@
       "createdAt": "2026-05-10T19:28:06.893Z",
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
+        "--button-hover-tint": "--tint",
+        "--button-hover-tint-enabled": "--color-transparent",
+        "--button-shimmer": "--shimmer-on",
         "--button-primary-surface": "--surface-brand",
         "--button-primary-text": "--text-primary",
         "--button-primary-text-font-family": "--font-sans",
@@ -2688,7 +2691,7 @@
         "--button-outline-hover-surface": "--surface-neutral-lower",
         "--button-outline-hover-text": "--text-primary",
         "--button-outline-hover-border": "--border-neutral-strong",
-        "--button-outline-active-surface": "--hover",
+        "--button-outline-active-surface": "--tint",
         "--button-outline-disabled-surface": "--color-transparent",
         "--button-outline-disabled-text": "--text-tertiary",
         "--button-outline-disabled-border": "--border-neutral-faint",
@@ -2860,8 +2863,8 @@
         "--card-default-body-line-height": "--line-height-normal",
         "--card-hover-border": "--border-neutral-strong",
         "--card-hover-shadow": "--shadow-md",
-        "--card-hover-border-active": "--card-default-border",
-        "--card-hover-shadow-active": "--card-default-shadow"
+        "--card-hover-border-enabled": "--card-default-border",
+        "--card-hover-shadow-enabled": "--card-default-shadow"
       }
     },
     "codesnippet": {
@@ -3015,7 +3018,7 @@
       "createdAt": "2026-05-10T20:05:24.719Z",
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
-        "--dialog-overlay-surface": "--overlay-high",
+        "--dialog-scrim-surface": "--scrim-high",
         "--dialog-surface": "--surface-neutral-lowest",
         "--dialog-border": "--border-neutral-strong",
         "--dialog-border-width": "--border-width-2",
@@ -3050,6 +3053,8 @@
       "createdAt": "2026-06-14T00:00:00.000Z",
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
+        "--iconbutton-hover-tint": "--tint",
+        "--iconbutton-hover-tint-enabled": "--color-transparent",
         "--iconbutton-primary-surface": "--surface-brand",
         "--iconbutton-primary-icon": "--text-primary",
         "--iconbutton-primary-border": "--border-brand",
@@ -3086,7 +3091,7 @@
         "--iconbutton-outline-hover-surface": "--surface-neutral-lower",
         "--iconbutton-outline-hover-icon": "--text-primary",
         "--iconbutton-outline-hover-border": "--border-neutral-strong",
-        "--iconbutton-outline-active-surface": "--hover",
+        "--iconbutton-outline-active-surface": "--tint",
         "--iconbutton-outline-disabled-surface": "--color-transparent",
         "--iconbutton-outline-disabled-icon": "--text-tertiary",
         "--iconbutton-outline-disabled-border": "--border-neutral-faint",
@@ -3266,6 +3271,8 @@
       "createdAt": "2026-05-16T00:00:00.000Z",
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
+        "--menuselect-hover-tint": "--tint",
+        "--menuselect-hover-tint-enabled": "--color-transparent",
         "--menuselect-menu-surface": "color-mix(in srgb, var(--surface-neutral-lower) 95%, transparent)",
         "--menuselect-menu-border": "--border-neutral-medium",
         "--menuselect-menu-border-width": "--border-width-1",
@@ -3584,6 +3591,8 @@
       "createdAt": "2026-04-28T21:13:17.669Z",
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
+        "--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-width": "--border-width-1",
@@ -3644,6 +3653,8 @@
       "createdAt": "2026-05-25T19:34:09.771Z",
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
+        "--sidenavigation-hover-tint": "--tint",
+        "--sidenavigation-hover-tint-enabled": "--color-transparent",
         "--sidenavigation-panel-surface": "--surface-canvas-lower",
         "--sidenavigation-panel-border": "--border-canvas-faint",
         "--sidenavigation-panel-border-width": "--border-width-1",
@@ -3804,6 +3815,8 @@
       "createdAt": "2026-05-12T01:57:26.390Z",
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
+        "--tabbar-hover-tint": "--tint",
+        "--tabbar-hover-tint-enabled": "--color-transparent",
         "--tabbar-bar-divider": "--border-neutral-subtle",
         "--tabbar-bar-divider-thickness": "--border-width-1",
         "--tabbar-bar-top-margin": "--space-4",
@@ -3840,7 +3853,7 @@
         "--tabbar-hover-indicator-border-width": "--border-width-2",
         "--tabbar-active-text": "--text-primary",
         "--tabbar-active-border": "--color-brand-500",
-        "--tabbar-active-surface": "--overlay-low",
+        "--tabbar-active-surface": "--tint-low",
         "--tabbar-active-text-font-family": "--font-sans",
         "--tabbar-active-text-font-size": "--font-size-md",
         "--tabbar-active-text-font-weight": "--font-weight-light",
@@ -3952,7 +3965,62 @@
         "--tooltip-padding": "--space-10",
         "--tooltip-shadow": "--shadow-md"
       }
+    },
+    "slider": {
+      "name": "spring-meadow",
+      "component": "slider",
+      "createdAt": "2026-09-02T10:55:50.831Z",
+      "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-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-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-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-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-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-border": "--border-brand-strong",
+        "--slider-range-disabled-track-surface": "--surface-neutral-lower",
+        "--slider-range-disabled-fill": "--surface-neutral",
+        "--slider-range-disabled-thumb-surface": "--surface-neutral-lower",
+        "--slider-range-disabled-thumb-border": "--border-neutral",
+        "--slider-label-gap": "--space-6",
+        "--slider-label": "--text-secondary",
+        "--slider-label-font-family": "--font-sans",
+        "--slider-label-font-size": "--font-size-md",
+        "--slider-label-font-weight": "--font-weight-normal",
+        "--slider-label-line-height": "--line-height-normal",
+        "--slider-value": "--text-tertiary",
+        "--slider-value-font-family": "--font-mono",
+        "--slider-value-font-size": "--font-size-md",
+        "--slider-value-font-weight": "--font-weight-normal",
+        "--slider-value-line-height": "--line-height-normal"
+      }
     }
   },
-  "componentSchemaVersion": 21
+  "componentSchemaVersion": 25
 }

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

@@ -2311,12 +2311,12 @@
       "--columns-max-width": "1440px",
       "--columns-gutter": "32px",
       "--columns-margin": "0px",
-      "--overlay-low": "color-mix(in srgb, var(--surface-neutral-lowest) 38%, transparent)",
-      "--overlay": "color-mix(in srgb, var(--surface-neutral-lowest) 51%, transparent)",
-      "--overlay-high": "color-mix(in srgb, var(--surface-neutral-lowest) 64%, transparent)",
-      "--hover-low": "color-mix(in srgb, var(--text-primary) 5%, transparent)",
-      "--hover": "color-mix(in srgb, var(--text-primary) 10%, transparent)",
-      "--hover-high": "color-mix(in srgb, var(--text-primary) 15%, transparent)",
+      "--scrim-low": "color-mix(in srgb, var(--surface-neutral-lowest) 38%, transparent)",
+      "--scrim": "color-mix(in srgb, var(--surface-neutral-lowest) 51%, transparent)",
+      "--scrim-high": "color-mix(in srgb, var(--surface-neutral-lowest) 64%, transparent)",
+      "--tint-low": "color-mix(in srgb, var(--text-primary) 5%, transparent)",
+      "--tint": "color-mix(in srgb, var(--text-primary) 10%, transparent)",
+      "--tint-high": "color-mix(in srgb, var(--text-primary) 15%, transparent)",
       "--shadow-sm": "1px 1px 2px hsla(237, 18%, 3%, 0.9)",
       "--shadow-md": "3px 3px 6px hsla(237, 18%, 3%, 0.9)",
       "--shadow-lg": "5px 5px 9px hsla(237, 18%, 3%, 0.9)",
@@ -2693,6 +2693,9 @@
       "createdAt": "2026-05-10T19:28:06.893Z",
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
+        "--button-hover-tint": "--tint",
+        "--button-hover-tint-enabled": "--color-transparent",
+        "--button-shimmer": "--shimmer-on",
         "--button-primary-surface": "--surface-brand",
         "--button-primary-text": "--text-primary",
         "--button-primary-text-font-family": "--font-sans",
@@ -2740,7 +2743,7 @@
         "--button-outline-hover-surface": "--surface-neutral-lower",
         "--button-outline-hover-text": "--text-primary",
         "--button-outline-hover-border": "--border-neutral-strong",
-        "--button-outline-active-surface": "--hover",
+        "--button-outline-active-surface": "--tint",
         "--button-outline-disabled-surface": "--color-transparent",
         "--button-outline-disabled-text": "--text-tertiary",
         "--button-outline-disabled-border": "--border-neutral-faint",
@@ -2912,8 +2915,8 @@
         "--card-default-body-line-height": "--line-height-normal",
         "--card-hover-border": "--border-neutral-strong",
         "--card-hover-shadow": "--shadow-md",
-        "--card-hover-border-active": "--card-default-border",
-        "--card-hover-shadow-active": "--card-default-shadow"
+        "--card-hover-border-enabled": "--card-default-border",
+        "--card-hover-shadow-enabled": "--card-default-shadow"
       }
     },
     "codesnippet": {
@@ -3067,7 +3070,7 @@
       "createdAt": "2026-05-10T20:05:24.719Z",
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
-        "--dialog-overlay-surface": "--overlay-high",
+        "--dialog-scrim-surface": "--scrim-high",
         "--dialog-surface": "--surface-neutral-lowest",
         "--dialog-border": "--border-neutral-strong",
         "--dialog-border-width": "--border-width-2",
@@ -3102,6 +3105,8 @@
       "createdAt": "2026-06-14T00:00:00.000Z",
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
+        "--iconbutton-hover-tint": "--tint",
+        "--iconbutton-hover-tint-enabled": "--color-transparent",
         "--iconbutton-primary-surface": "--surface-brand",
         "--iconbutton-primary-icon": "--text-primary",
         "--iconbutton-primary-border": "--border-brand",
@@ -3138,7 +3143,7 @@
         "--iconbutton-outline-hover-surface": "--surface-neutral-lower",
         "--iconbutton-outline-hover-icon": "--text-primary",
         "--iconbutton-outline-hover-border": "--border-neutral-strong",
-        "--iconbutton-outline-active-surface": "--hover",
+        "--iconbutton-outline-active-surface": "--tint",
         "--iconbutton-outline-disabled-surface": "--color-transparent",
         "--iconbutton-outline-disabled-icon": "--text-tertiary",
         "--iconbutton-outline-disabled-border": "--border-neutral-faint",
@@ -3318,6 +3323,8 @@
       "createdAt": "2026-05-16T00:00:00.000Z",
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
+        "--menuselect-hover-tint": "--tint",
+        "--menuselect-hover-tint-enabled": "--color-transparent",
         "--menuselect-menu-surface": "color-mix(in srgb, var(--surface-neutral-lower) 95%, transparent)",
         "--menuselect-menu-border": "--border-neutral-medium",
         "--menuselect-menu-border-width": "--border-width-1",
@@ -3636,6 +3643,8 @@
       "createdAt": "2026-04-28T21:13:17.669Z",
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
+        "--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-width": "--border-width-1",
@@ -3696,6 +3705,8 @@
       "createdAt": "2026-05-25T19:34:09.771Z",
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
+        "--sidenavigation-hover-tint": "--tint",
+        "--sidenavigation-hover-tint-enabled": "--color-transparent",
         "--sidenavigation-panel-surface": "--surface-canvas-lower",
         "--sidenavigation-panel-border": "--border-canvas-faint",
         "--sidenavigation-panel-border-width": "--border-width-1",
@@ -3856,6 +3867,8 @@
       "createdAt": "2026-05-12T01:57:26.390Z",
       "updatedAt": "2026-08-19T22:39:32.785Z",
       "aliases": {
+        "--tabbar-hover-tint": "--tint",
+        "--tabbar-hover-tint-enabled": "--color-transparent",
         "--tabbar-bar-divider": "--border-neutral-subtle",
         "--tabbar-bar-divider-thickness": "--border-width-1",
         "--tabbar-bar-top-margin": "--space-2",
@@ -3892,7 +3905,7 @@
         "--tabbar-hover-indicator-border-width": "--border-width-2",
         "--tabbar-active-text": "--text-primary",
         "--tabbar-active-border": "--color-brand-500",
-        "--tabbar-active-surface": "--overlay-low",
+        "--tabbar-active-surface": "--tint-low",
         "--tabbar-active-text-font-family": "--font-sans",
         "--tabbar-active-text-font-size": "--font-size-md",
         "--tabbar-active-text-font-weight": "--font-weight-light",
@@ -4004,7 +4017,62 @@
         "--tooltip-padding": "--space-8",
         "--tooltip-shadow": "--shadow-md"
       }
+    },
+    "slider": {
+      "name": "sunset",
+      "component": "slider",
+      "createdAt": "2026-09-02T10:55:50.831Z",
+      "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-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-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-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-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-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-border": "--border-brand-strong",
+        "--slider-range-disabled-track-surface": "--surface-neutral-lower",
+        "--slider-range-disabled-fill": "--surface-neutral",
+        "--slider-range-disabled-thumb-surface": "--surface-neutral-lower",
+        "--slider-range-disabled-thumb-border": "--border-neutral",
+        "--slider-label-gap": "--space-6",
+        "--slider-label": "--text-secondary",
+        "--slider-label-font-family": "--font-sans",
+        "--slider-label-font-size": "--font-size-md",
+        "--slider-label-font-weight": "--font-weight-normal",
+        "--slider-label-line-height": "--line-height-normal",
+        "--slider-value": "--text-tertiary",
+        "--slider-value-font-family": "--font-mono",
+        "--slider-value-font-size": "--font-size-md",
+        "--slider-value-font-weight": "--font-weight-normal",
+        "--slider-value-line-height": "--line-height-normal"
+      }
     }
   },
-  "componentSchemaVersion": 21
+  "componentSchemaVersion": 25
 }

package/src/live-tokens/data/tokens.generated.css

@@ -47,12 +47,12 @@
   --columns-max-width: 1440px;
   --columns-gutter: 32px;
   --columns-margin: 0px;
-  --overlay-low: color-mix(in srgb, var(--surface-neutral-lowest) 38%, transparent);
-  --overlay: color-mix(in srgb, var(--surface-neutral-lowest) 51%, transparent);
-  --overlay-high: color-mix(in srgb, var(--surface-neutral-lowest) 64%, transparent);
-  --hover-low: color-mix(in srgb, var(--text-primary) 5%, transparent);
-  --hover: color-mix(in srgb, var(--text-primary) 10%, transparent);
-  --hover-high: color-mix(in srgb, var(--text-primary) 15%, transparent);
+  --scrim-low: color-mix(in srgb, var(--surface-neutral-lowest) 38%, transparent);
+  --scrim: color-mix(in srgb, var(--surface-neutral-lowest) 51%, transparent);
+  --scrim-high: color-mix(in srgb, var(--surface-neutral-lowest) 64%, transparent);
+  --tint-low: color-mix(in srgb, var(--text-primary) 5%, transparent);
+  --tint: color-mix(in srgb, var(--text-primary) 10%, transparent);
+  --tint-high: color-mix(in srgb, var(--text-primary) 15%, transparent);
   --shadow-sm: 1px 1px 2px hsla(237, 18%, 3%, 0.9);
   --shadow-md: 3px 3px 6px hsla(237, 18%, 3%, 0.9);
   --shadow-lg: 5px 5px 9px hsla(237, 18%, 3%, 0.9);