@karmo-co/drift-kit-reference 0.0.0-stage → 23.5.0

package/manifest/index.json

@@ -0,0 +1,1171 @@
+{
+  "schema": 1,
+  "version": "23.5.0",
+  "built": "2026-10-23",
+  "components": [
+    {
+      "id": "accordion",
+      "name": "Accordion",
+      "purpose": "A list of things you can open: FAQs, settings, details on demand. Built on <details>, so it works before the script does, with motion that turns round mid-way."
+    },
+    {
+      "id": "action-bar",
+      "name": "Action bar",
+      "purpose": "A flow's controls along the bottom: Back, Next, what the step costs and how far along it is."
+    },
+    {
+      "id": "alert",
+      "name": "Alert",
+      "purpose": "An inline, persistent message in the page: a status colour, an optional icon, title, body, actions and a dismiss button."
+    },
+    {
+      "id": "app-shell",
+      "name": "App shell",
+      "purpose": "The layout that places a Sidebar, a Top bar, the page and an Action bar, in the viewport or in a box."
+    },
+    {
+      "id": "avatar",
+      "name": "Avatar",
+      "purpose": "A person, as their photo or their initials: the photo fades in once it has loaded, and the initials stay if it never does."
+    },
+    {
+      "id": "body",
+      "name": "Body",
+      "purpose": "The body-copy primitive: one element, eleven colours, two emphasis rungs, four sizes, eight weights, and, unlike the component- library original, aware of the surface it sits on."
+    },
+    {
+      "id": "box",
+      "name": "Box",
+      "purpose": "A grouped surface: a panel that separates what is in it from what is around it, optionally laid out as a responsive grid of facts."
+    },
+    {
+      "id": "breadcrumb",
+      "name": "Breadcrumb",
+      "purpose": "Where this page sits, and the way back up: the pages above it as quiet pills, its own name last."
+    },
+    {
+      "id": "button",
+      "name": "Button",
+      "purpose": "Two families: four semantic variants (default / accent / outline / subtle) across primary and error statuses, and a four-rung neutral emphasis ladder: ghost (no chrome until you touch it), subtle (a filled tint), plain (flat on its surface with an edge), raised (that edge lifted above it), plus inverse (maximum contrast, opposite-theme fill)."
+    },
+    {
+      "id": "calendar",
+      "name": "Calendar",
+      "purpose": "A month grid for choosing a date or a range: the engine behind Date picker, also usable on its own."
+    },
+    {
+      "id": "card",
+      "name": "Card",
+      "purpose": "A surface that goes somewhere: media over or beside a title, a subtitle and a row of meta, the whole card the target."
+    },
+    {
+      "id": "checkbox",
+      "name": "Checkbox",
+      "purpose": "Any number of these, or none. A native input, a painted box, three sizes, and a mixed state for a parent row."
+    },
+    {
+      "id": "choice-card",
+      "name": "Choice card",
+      "purpose": "A radio or checkbox drawn as a card, for a choice that needs room to explain itself: a payment frequency and its price, a saved card."
+    },
+    {
+      "id": "code-input",
+      "name": "Code input",
+      "purpose": "A verification code, a PIN, a voucher. N characters, one per box, with one real input underneath them."
+    },
+    {
+      "id": "date-picker",
+      "name": "Date picker",
+      "purpose": "A date field you can type into or pick from a calendar: one date (a date of birth among them) or a start and an end."
+    },
+    {
+      "id": "day-of-month",
+      "name": "Day of month",
+      "purpose": "A day of the month, 1 to 31, chosen from a grid: the day a bill is paid."
+    },
+    {
+      "id": "detail-list",
+      "name": "Detail list",
+      "purpose": "Rows of a glyph, a title and a line, with a value at the end, on a hairline between rows."
+    },
+    {
+      "id": "divider",
+      "name": "Divider",
+      "purpose": "A rule between things. An <hr> that follows the border palette, mostly steps with the surface level, and turns vertical without a wrapper."
+    },
+    {
+      "id": "dropdown",
+      "name": "Dropdown",
+      "purpose": "A menu of commands hanging off a trigger. Select's surface, a menu's semantics: real focus, no value."
+    },
+    {
+      "id": "dropzone",
+      "name": "Dropzone",
+      "purpose": "A place to drop or browse for files: one file or a list, with the type, size and count checked on the way in and a plain message when something is refused."
+    },
+    {
+      "id": "eyebrow",
+      "name": "Eyebrow",
+      "purpose": "Uppercase labels, the component-library's Overline, renamed. Three fixed sizes (12 / 11 / 10 px) with tracking that widens as the size shrinks, bold by default, the Body colour grammar."
+    },
+    {
+      "id": "feedback-badge",
+      "name": "Feedback badge",
+      "purpose": "A status's circle inside its own soft ring, with a white glyph. The big mark at the top of a success screen or an empty state."
+    },
+    {
+      "id": "glider",
+      "name": "Glider",
+      "purpose": "One value from a few options side by side, or several: a raised frame with a primary pill that slides to the choice."
+    },
+    {
+      "id": "heading",
+      "name": "Heading",
+      "purpose": "The outline tier: Inter, six responsive sizes, nine weights, the Body colour grammar."
+    },
+    {
+      "id": "hero",
+      "name": "Hero",
+      "purpose": "The display tier: Syne on the heading ramp, five responsive sizes, four weights, the Body colour grammar."
+    },
+    {
+      "id": "icon",
+      "name": "Icon",
+      "purpose": "The icon primitive, built to behave like text: the same colour grammar, sizes named and fixed like the body rungs, weight as stroke width, and 1em when unsized."
+    },
+    {
+      "id": "icon-button",
+      "name": "Icon button",
+      "purpose": "A button whose whole label is its icon. Same rungs as Button, so the two line up in a row, plus one rung below Button's smallest because compact chrome is where most icon buttons actually live."
+    },
+    {
+      "id": "icon-tile",
+      "name": "Icon tile",
+      "purpose": "A glyph on a small coloured square, subtle or solid, with one corner at every size."
+    },
+    {
+      "id": "input",
+      "name": "Text input",
+      "purpose": "Label, field and caption, with leading and trailing slots, three sizes, and error, disabled and read-only states."
+    },
+    {
+      "id": "link",
+      "name": "Link",
+      "purpose": "A way to go somewhere. Inline, it is the sentence it sits in; standalone, it has its own size and room for an icon."
+    },
+    {
+      "id": "loading-spinner",
+      "name": "Loading spinner",
+      "purpose": "The brand symbol inside a sweeping arc. It spins for at least half a second, so a fast load does not flash, and tells you when it has gone."
+    },
+    {
+      "id": "logo",
+      "name": "Logo",
+      "purpose": "The brand mark, as a symbol or with its wordmark, in three colourways."
+    },
+    {
+      "id": "modal",
+      "name": "Modal",
+      "purpose": "A dialog on a backdrop, and a bottom sheet on a phone. Focus trap, Escape, scroll lock and focus return included."
+    },
+    {
+      "id": "pagination",
+      "name": "Pagination",
+      "purpose": "Where a long list is in pages, and the way to the others: a page list between two arrows, with an optional count of what is showing and a rows select."
+    },
+    {
+      "id": "payment-form",
+      "name": "Payment form",
+      "purpose": "Stripe's Payment Element on the kit's tokens: its fields, labels, tabs and errors follow the theme, the surface and the tone around them, like any kit field."
+    },
+    {
+      "id": "price-summary",
+      "name": "Price summary",
+      "purpose": "Labelled amounts on hairlines, then their total with a note under it. Credits in the brand tone."
+    },
+    {
+      "id": "radio",
+      "name": "Radio",
+      "purpose": "One of these, and only one. Checkbox's twin, with a circular box, a drawn dot and a group that is not optional."
+    },
+    {
+      "id": "section-heading",
+      "name": "Section heading",
+      "purpose": "A glyph beside a title and a line under it, heading a list or a card from outside."
+    },
+    {
+      "id": "select",
+      "name": "Select",
+      "purpose": "One value from a list. A field-shaped trigger, a floating listbox, and the keyboard that drives both."
+    },
+    {
+      "id": "shield",
+      "name": "Shield",
+      "purpose": "A shield that scales in, shakes when a code is wrong and pulses a tick in when it is right."
+    },
+    {
+      "id": "sidebar",
+      "name": "Sidebar",
+      "purpose": "An app's main navigation. A rail on a desktop that collapses to its glyphs, and on a phone a bottom tab bar or a drawer, from one set of markup."
+    },
+    {
+      "id": "stepper",
+      "name": "Stepper",
+      "purpose": "Where someone is in a process with a known number of steps, and what is left."
+    },
+    {
+      "id": "switch",
+      "name": "Switch",
+      "purpose": "An on/off setting that takes effect immediately. Checkbox's label, description, sizes and states on a track and a thumb, with a settings-row treatment of its own."
+    },
+    {
+      "id": "table",
+      "name": "Table",
+      "purpose": "Rows and columns, as a real <table>. Sorting, selection, sticky edges and the two rows that stand in for rows."
+    },
+    {
+      "id": "tabs",
+      "name": "Tabs",
+      "purpose": "A strip of tabs that switch between panels of one page, on a hairline with a bar that slides to the selected tab."
+    },
+    {
+      "id": "tag",
+      "name": "Tag",
+      "purpose": "A label, a category, a status. Six statuses, three variants, and a dot for the column where the word is already there."
+    },
+    {
+      "id": "textarea",
+      "name": "Text area",
+      "purpose": "Several lines of text: notes, messages, comments. Input's field, sized in rows, with auto-grow, a character counter and a submit shortcut."
+    },
+    {
+      "id": "toast",
+      "name": "Toast",
+      "purpose": "A message that arrives, says one thing and goes: a card with a badge, a title and a description, or a compact one-liner."
+    },
+    {
+      "id": "tooltip",
+      "name": "Tooltip",
+      "purpose": "A floating label for an element that needs one word more than it can show."
+    },
+    {
+      "id": "top-bar",
+      "name": "Top bar",
+      "purpose": "The page's banner: the brand, an optional row of links, and what the page puts at the end, from a help line to the account."
+    },
+    {
+      "id": "vehicle",
+      "name": "Vehicle",
+      "purpose": "A photo of a vehicle, from the car-line photo catalogue trimmed to the car: on its own at any size, or stood on a panel the car overflows. 304 models ship with the kit."
+    }
+  ],
+  "tokenGroups": [
+    {
+      "id": "surface",
+      "title": "Surfaces"
+    },
+    {
+      "id": "border",
+      "title": "Borders and edges"
+    },
+    {
+      "id": "text",
+      "title": "Text colours"
+    },
+    {
+      "id": "icon",
+      "title": "Icon colours"
+    },
+    {
+      "id": "interactive",
+      "title": "Interaction"
+    },
+    {
+      "id": "font",
+      "title": "Type"
+    },
+    {
+      "id": "motion",
+      "title": "Motion"
+    },
+    {
+      "id": "spacing",
+      "title": "Spacing"
+    },
+    {
+      "id": "layout",
+      "title": "Layout"
+    },
+    {
+      "id": "radius",
+      "title": "Radius"
+    },
+    {
+      "id": "border-width",
+      "title": "Border width"
+    },
+    {
+      "id": "shadow",
+      "title": "Shadows"
+    }
+  ],
+  "migrations": [
+    {
+      "major": "23.0.0",
+      "title": "23.0.0 - 2026-10-17"
+    },
+    {
+      "major": "22.0.0",
+      "title": "22.0.0 - 2026-10-15"
+    },
+    {
+      "major": "21.0.0",
+      "title": "21.0.0 - 2026-10-14"
+    },
+    {
+      "major": "20.0.0",
+      "title": "20.0.0 - 2026-10-12"
+    },
+    {
+      "major": "19.0.0",
+      "title": "19.0.0 - 2026-10-06"
+    },
+    {
+      "major": "18.0.0",
+      "title": "18.0.0 - 2026-10-01"
+    },
+    {
+      "major": "17.0.0",
+      "title": "17.0.0 - 2026-09-24"
+    },
+    {
+      "major": "16.0.0",
+      "title": "16.0.0 - 2026-09-22"
+    },
+    {
+      "major": "15.0.0",
+      "title": "15.0.0 - 2026-09-22"
+    },
+    {
+      "major": "14.0.0",
+      "title": "14.0.0 - 2026-09-22"
+    },
+    {
+      "major": "13.0.0",
+      "title": "13.0.0 - 2026-09-19"
+    },
+    {
+      "major": "12.0.0",
+      "title": "12.0.0 - 2026-09-18"
+    },
+    {
+      "major": "11.0.0",
+      "title": "11.0.0 - 2026-09-18"
+    },
+    {
+      "major": "10.0.0",
+      "title": "10.0.0 - 2026-09-17"
+    },
+    {
+      "major": "9.0.0",
+      "title": "9.0.0 - 2026-09-14"
+    },
+    {
+      "major": "8.0.0",
+      "title": "8.0.0 - 2026-09-12"
+    },
+    {
+      "major": "7.0.0",
+      "title": "7.0.0 — 2026-09-12"
+    },
+    {
+      "major": "6.0.0",
+      "title": "6.0.0 — 2026-09-11"
+    },
+    {
+      "major": "5.0.0",
+      "title": "5.0.0 — 2026-09-10"
+    },
+    {
+      "major": "4.0.0",
+      "title": "4.0.0 — 2026-09-10"
+    },
+    {
+      "major": "3.0.0",
+      "title": "3.0.0 — 2026-09-09"
+    },
+    {
+      "major": "2.0.0",
+      "title": "2.0.0 — 2026-09-09"
+    },
+    {
+      "major": "1.0.0",
+      "title": "1.0.0 — 2026-08-18"
+    }
+  ],
+  "history": {
+    "versions": {
+      "23.4.0": {
+        "added": {
+          "components": [
+            "accordion",
+            "action-bar",
+            "alert",
+            "app-shell",
+            "avatar",
+            "body",
+            "box",
+            "breadcrumb",
+            "button",
+            "calendar",
+            "card",
+            "checkbox",
+            "choice-card",
+            "code-input",
+            "date-picker",
+            "day-of-month",
+            "detail-list",
+            "divider",
+            "dropdown",
+            "dropzone",
+            "eyebrow",
+            "feedback-badge",
+            "glider",
+            "heading",
+            "hero",
+            "icon",
+            "icon-button",
+            "icon-tile",
+            "input",
+            "link",
+            "loading-spinner",
+            "logo",
+            "modal",
+            "pagination",
+            "payment-form",
+            "price-summary",
+            "radio",
+            "section-heading",
+            "select",
+            "shield",
+            "sidebar",
+            "stepper",
+            "switch",
+            "table",
+            "tabs",
+            "tag",
+            "textarea",
+            "toast",
+            "tooltip",
+            "top-bar",
+            "vehicle"
+          ],
+          "tokens": [
+            "--dk-border-base-black",
+            "--dk-border-base-white",
+            "--dk-border-card-default",
+            "--dk-border-card-secondary",
+            "--dk-border-choice-card",
+            "--dk-border-choice-card-active",
+            "--dk-border-choice-card-hover",
+            "--dk-border-control-active",
+            "--dk-border-control-default",
+            "--dk-border-control-hover",
+            "--dk-border-dashed-dash",
+            "--dk-border-dashed-gap",
+            "--dk-border-dashed-primary",
+            "--dk-border-dashed-width",
+            "--dk-border-default-body",
+            "--dk-border-default-body-reverse",
+            "--dk-border-disabled-default",
+            "--dk-border-disabled-elevation",
+            "--dk-border-disabled-subtle",
+            "--dk-border-error-default",
+            "--dk-border-error-elevation",
+            "--dk-border-error-elevation-focus",
+            "--dk-border-error-elevation-hover",
+            "--dk-border-error-focus",
+            "--dk-border-error-hairline",
+            "--dk-border-error-hover",
+            "--dk-border-error-subtle",
+            "--dk-border-error-subtle-focus",
+            "--dk-border-error-subtle-hover",
+            "--dk-border-field-default",
+            "--dk-border-field-disabled",
+            "--dk-border-field-error",
+            "--dk-border-field-error-focus",
+            "--dk-border-field-error-ring",
+            "--dk-border-field-focus",
+            "--dk-border-field-focus-ring",
+            "--dk-border-field-hover",
+            "--dk-border-field-raised-default",
+            "--dk-border-field-raised-focus",
+            "--dk-border-field-raised-hover",
+            "--dk-border-glass-default",
+            "--dk-border-glider-plain",
+            "--dk-border-gradient-ai-deep",
+            "--dk-border-gradient-ai-light",
+            "--dk-border-gradient-angle",
+            "--dk-border-gradient-error-deep",
+            "--dk-border-gradient-error-light",
+            "--dk-border-gradient-information-deep",
+            "--dk-border-gradient-information-light",
+            "--dk-border-gradient-neutral-deep",
+            "--dk-border-gradient-neutral-light",
+            "--dk-border-gradient-primary-deep",
+            "--dk-border-gradient-primary-light",
+            "--dk-border-gradient-primary-mid",
+            "--dk-border-gradient-success-deep",
+            "--dk-border-gradient-success-light",
+            "--dk-border-gradient-warning-deep",
+            "--dk-border-gradient-warning-light",
+            "--dk-border-hairline-current",
+            "--dk-border-hue-next1-hairline",
+            "--dk-border-hue-next2-hairline",
+            "--dk-border-hue-next3-hairline",
+            "--dk-border-hue-next4-hairline",
+            "--dk-border-hue-prev1-hairline",
+            "--dk-border-hue-prev2-hairline",
+            "--dk-border-hue-prev3-hairline",
+            "--dk-border-hue-prev4-hairline",
+            "--dk-border-hue-primary-hairline",
+            "--dk-border-information-default",
+            "--dk-border-information-elevation",
+            "--dk-border-information-elevation-focus",
+            "--dk-border-information-elevation-hover",
+            "--dk-border-information-focus",
+            "--dk-border-information-hairline",
+            "--dk-border-information-hover",
+            "--dk-border-information-subtle",
+            "--dk-border-information-subtle-focus",
+            "--dk-border-information-subtle-hover",
+            "--dk-border-inverse-hairline",
+            "--dk-border-inverse-structural",
+            "--dk-border-nested-active",
+            "--dk-border-nested-default",
+            "--dk-border-nested-glass",
+            "--dk-border-nested-hover",
+            "--dk-border-neutral-default",
+            "--dk-border-neutral-elevation",
+            "--dk-border-neutral-elevation-focus",
+            "--dk-border-neutral-elevation-hover",
+            "--dk-border-neutral-focus",
+            "--dk-border-neutral-hairline",
+            "--dk-border-neutral-hover",
+            "--dk-border-neutral-subtle",
+            "--dk-border-neutral-subtle-focus",
+            "--dk-border-neutral-subtle-hover",
+            "--dk-border-page-default",
+            "--dk-border-page-secondary",
+            "--dk-border-primary-active",
+            "--dk-border-primary-default",
+            "--dk-border-primary-disabled",
+            "--dk-border-primary-disabled-active",
+            "--dk-border-primary-disabled-hover",
+            "--dk-border-primary-elevation",
+            "--dk-border-primary-elevation-focus",
+            "--dk-border-primary-elevation-hover",
+            "--dk-border-primary-focus",
+            "--dk-border-primary-guide",
+            "--dk-border-primary-hairline",
+            "--dk-border-primary-hover",
+            "--dk-border-primary-oos",
+            "--dk-border-primary-subtle",
+            "--dk-border-primary-subtle-active",
+            "--dk-border-primary-subtle-focus",
+            "--dk-border-primary-subtle-hover",
+            "--dk-border-progress",
+            "--dk-border-progress-start",
+            "--dk-border-radius-0",
+            "--dk-border-radius-100",
+            "--dk-border-radius-125",
+            "--dk-border-radius-150",
+            "--dk-border-radius-200",
+            "--dk-border-radius-25",
+            "--dk-border-radius-300",
+            "--dk-border-radius-400",
+            "--dk-border-radius-50",
+            "--dk-border-radius-500",
+            "--dk-border-radius-600",
+            "--dk-border-radius-75",
+            "--dk-border-radius-round",
+            "--dk-border-radius-round-fixed",
+            "--dk-border-raised-active",
+            "--dk-border-raised-default",
+            "--dk-border-raised-hover",
+            "--dk-border-raised-subtle",
+            "--dk-border-sidebar-panel",
+            "--dk-border-sidebar-panel-hover",
+            "--dk-border-success-default",
+            "--dk-border-success-elevation",
+            "--dk-border-success-elevation-focus",
+            "--dk-border-success-elevation-hover",
+            "--dk-border-success-focus",
+            "--dk-border-success-hairline",
+            "--dk-border-success-hover",
+            "--dk-border-success-subtle",
+            "--dk-border-success-subtle-focus",
+            "--dk-border-success-subtle-hover",
+            "--dk-border-warning-default",
+            "--dk-border-warning-elevation",
+            "--dk-border-warning-elevation-focus",
+            "--dk-border-warning-elevation-hover",
+            "--dk-border-warning-focus",
+            "--dk-border-warning-hairline",
+            "--dk-border-warning-hover",
+            "--dk-border-warning-subtle",
+            "--dk-border-warning-subtle-focus",
+            "--dk-border-warning-subtle-hover",
+            "--dk-border-width-0",
+            "--dk-border-width-100",
+            "--dk-border-width-150",
+            "--dk-border-width-200",
+            "--dk-border-width-25",
+            "--dk-border-width-50",
+            "--dk-font-body-lg-line-height",
+            "--dk-font-body-lg-paragraph-spacing",
+            "--dk-font-body-lg-text-size",
+            "--dk-font-body-md-line-height",
+            "--dk-font-body-md-paragraph-spacing",
+            "--dk-font-body-md-text-size",
+            "--dk-font-body-sm-line-height",
+            "--dk-font-body-sm-paragraph-spacing",
+            "--dk-font-body-sm-text-size",
+            "--dk-font-body-xsm-line-height",
+            "--dk-font-body-xsm-paragraph-spacing",
+            "--dk-font-body-xsm-text-size",
+            "--dk-font-family-primary",
+            "--dk-font-family-secondary",
+            "--dk-font-heading-h1-line-height",
+            "--dk-font-heading-h1-paragraph-spacing",
+            "--dk-font-heading-h1-text-size",
+            "--dk-font-heading-h2-line-height",
+            "--dk-font-heading-h2-paragraph-spacing",
+            "--dk-font-heading-h2-text-size",
+            "--dk-font-heading-h3-line-height",
+            "--dk-font-heading-h3-paragraph-spacing",
+            "--dk-font-heading-h3-text-size",
+            "--dk-font-heading-h4-line-height",
+            "--dk-font-heading-h4-paragraph-spacing",
+            "--dk-font-heading-h4-text-size",
+            "--dk-font-heading-h5-line-height",
+            "--dk-font-heading-h5-paragraph-spacing",
+            "--dk-font-heading-h5-text-size",
+            "--dk-font-heading-h6-line-height",
+            "--dk-font-heading-h6-paragraph-spacing",
+            "--dk-font-heading-h6-text-size",
+            "--dk-font-input-lg-line-height",
+            "--dk-font-input-lg-paragraph-spacing",
+            "--dk-font-input-lg-text-size",
+            "--dk-font-input-md-line-height",
+            "--dk-font-input-md-paragraph-spacing",
+            "--dk-font-input-md-text-size",
+            "--dk-font-input-sm-line-height",
+            "--dk-font-input-sm-paragraph-spacing",
+            "--dk-font-input-sm-text-size",
+            "--dk-font-overline-lg-line-height",
+            "--dk-font-overline-lg-paragraph-spacing",
+            "--dk-font-overline-lg-text-size",
+            "--dk-font-overline-md-line-height",
+            "--dk-font-overline-md-paragraph-spacing",
+            "--dk-font-overline-md-text-size",
+            "--dk-font-overline-sm-line-height",
+            "--dk-font-overline-sm-paragraph-spacing",
+            "--dk-font-overline-sm-text-size",
+            "--dk-font-scale-body-large-line-height",
+            "--dk-font-scale-body-large-text-size",
+            "--dk-font-scale-body-medium-line-height",
+            "--dk-font-scale-body-medium-text-size",
+            "--dk-font-scale-body-small-line-height",
+            "--dk-font-scale-body-small-text-size",
+            "--dk-font-scale-body-xlarge-line-height",
+            "--dk-font-scale-body-xlarge-text-size",
+            "--dk-font-scale-body-xsmall-line-height",
+            "--dk-font-scale-body-xsmall-text-size",
+            "--dk-font-scale-display-large-line-height",
+            "--dk-font-scale-display-large-text-size",
+            "--dk-font-scale-display-medium-line-height",
+            "--dk-font-scale-display-medium-text-size",
+            "--dk-font-scale-display-small-line-height",
+            "--dk-font-scale-display-small-text-size",
+            "--dk-font-scale-display-xlarge-line-height",
+            "--dk-font-scale-display-xlarge-text-size",
+            "--dk-font-scale-display-xxlarge-line-height",
+            "--dk-font-scale-display-xxlarge-text-size",
+            "--dk-font-scale-heading-large-line-height",
+            "--dk-font-scale-heading-large-text-size",
+            "--dk-font-scale-heading-medium-line-height",
+            "--dk-font-scale-heading-medium-text-size",
+            "--dk-font-scale-heading-small-line-height",
+            "--dk-font-scale-heading-small-text-size",
+            "--dk-font-scale-heading-xlarge-line-height",
+            "--dk-font-scale-heading-xlarge-text-size",
+            "--dk-font-scale-heading-xsmall-line-height",
+            "--dk-font-scale-heading-xsmall-text-size",
+            "--dk-font-scale-heading-xxlarge-line-height",
+            "--dk-font-scale-heading-xxlarge-text-size",
+            "--dk-font-scale-heading-xxsmall-line-height",
+            "--dk-font-scale-heading-xxsmall-text-size",
+            "--dk-icon-base-black",
+            "--dk-icon-base-white",
+            "--dk-icon-choice-disabled",
+            "--dk-icon-choice-selected",
+            "--dk-icon-choice-track",
+            "--dk-icon-control-active",
+            "--dk-icon-control-default",
+            "--dk-icon-control-disabled",
+            "--dk-icon-control-hover",
+            "--dk-icon-default-body",
+            "--dk-icon-default-body-reverse",
+            "--dk-icon-disabled-default",
+            "--dk-icon-disabled-subtle",
+            "--dk-icon-disabled-subtle-active",
+            "--dk-icon-disabled-subtle-hover",
+            "--dk-icon-error-active",
+            "--dk-icon-error-default",
+            "--dk-icon-error-focus",
+            "--dk-icon-error-hover",
+            "--dk-icon-error-subtle",
+            "--dk-icon-error-subtle-focus",
+            "--dk-icon-error-subtle-hover",
+            "--dk-icon-field-default",
+            "--dk-icon-field-disabled",
+            "--dk-icon-field-hover",
+            "--dk-icon-field-subtle",
+            "--dk-icon-field-subtle-hover",
+            "--dk-icon-hue-next1-default",
+            "--dk-icon-hue-next2-default",
+            "--dk-icon-hue-next3-default",
+            "--dk-icon-hue-next4-default",
+            "--dk-icon-hue-prev1-default",
+            "--dk-icon-hue-prev2-default",
+            "--dk-icon-hue-prev3-default",
+            "--dk-icon-hue-prev4-default",
+            "--dk-icon-hue-primary-default",
+            "--dk-icon-information-active",
+            "--dk-icon-information-default",
+            "--dk-icon-information-focus",
+            "--dk-icon-information-hover",
+            "--dk-icon-information-subtle",
+            "--dk-icon-information-subtle-focus",
+            "--dk-icon-information-subtle-hover",
+            "--dk-icon-inverse-default",
+            "--dk-icon-inverse-neutral",
+            "--dk-icon-neutral-active",
+            "--dk-icon-neutral-default",
+            "--dk-icon-neutral-focus",
+            "--dk-icon-neutral-hover",
+            "--dk-icon-neutral-subtle",
+            "--dk-icon-neutral-subtle-focus",
+            "--dk-icon-neutral-subtle-hover",
+            "--dk-icon-primary-active",
+            "--dk-icon-primary-default",
+            "--dk-icon-primary-disabled",
+            "--dk-icon-primary-disabled-active",
+            "--dk-icon-primary-disabled-hover",
+            "--dk-icon-primary-focus",
+            "--dk-icon-primary-highlight",
+            "--dk-icon-primary-hover",
+            "--dk-icon-primary-oos",
+            "--dk-icon-primary-subtle",
+            "--dk-icon-primary-subtle-focus",
+            "--dk-icon-primary-subtle-hover",
+            "--dk-icon-success-active",
+            "--dk-icon-success-default",
+            "--dk-icon-success-focus",
+            "--dk-icon-success-hover",
+            "--dk-icon-success-subtle",
+            "--dk-icon-success-subtle-focus",
+            "--dk-icon-success-subtle-hover",
+            "--dk-icon-warning-active",
+            "--dk-icon-warning-default",
+            "--dk-icon-warning-focus",
+            "--dk-icon-warning-hover",
+            "--dk-icon-warning-subtle",
+            "--dk-icon-warning-subtle-focus",
+            "--dk-icon-warning-subtle-hover",
+            "--dk-interactive-control-padding-block",
+            "--dk-interactive-control-padding-inline",
+            "--dk-interactive-control-radius",
+            "--dk-interactive-grow-panel",
+            "--dk-interactive-grow-surface",
+            "--dk-interactive-item-padding-block",
+            "--dk-interactive-item-padding-inline",
+            "--dk-interactive-item-radius",
+            "--dk-interactive-mark-reach",
+            "--dk-interactive-mark-shade",
+            "--dk-interactive-panel-padding-block",
+            "--dk-interactive-panel-padding-inline",
+            "--dk-interactive-panel-radius",
+            "--dk-interactive-press-compact",
+            "--dk-interactive-press-control",
+            "--dk-interactive-press-item",
+            "--dk-interactive-press-panel",
+            "--dk-interactive-press-surface",
+            "--dk-interactive-ring-width",
+            "--dk-interactive-surface-padding-block",
+            "--dk-interactive-surface-padding-inline",
+            "--dk-interactive-surface-radius",
+            "--dk-interactive-target-min",
+            "--dk-interactive-target-min-touch",
+            "--dk-interactive-tone-fill-active",
+            "--dk-interactive-tone-fill-hover",
+            "--dk-interactive-tone-mark",
+            "--dk-interactive-tone-mark-active",
+            "--dk-interactive-tone-mark-hover",
+            "--dk-interactive-tone-text",
+            "--dk-interactive-tone-text-subtle",
+            "--dk-motion-cascade-beat",
+            "--dk-motion-cascade-duration",
+            "--dk-motion-cascade-easing",
+            "--dk-motion-cascade-max-beats",
+            "--dk-motion-cascade-rise",
+            "--dk-motion-curtain-content-delay",
+            "--dk-motion-curtain-recede-duration",
+            "--dk-motion-curtain-recede-easing",
+            "--dk-motion-curtain-recede-opacity",
+            "--dk-motion-curtain-recede-scale",
+            "--dk-motion-curtain-reveal-duration",
+            "--dk-motion-curtain-reveal-easing",
+            "--dk-motion-curtain-rise-delay",
+            "--dk-motion-curtain-rise-duration",
+            "--dk-motion-curtain-rise-easing",
+            "--dk-motion-duration-brisk",
+            "--dk-motion-duration-moderate",
+            "--dk-motion-duration-quick",
+            "--dk-motion-duration-slow",
+            "--dk-motion-easing-emphasized",
+            "--dk-motion-easing-exit",
+            "--dk-motion-easing-gentle",
+            "--dk-motion-easing-spring",
+            "--dk-motion-easing-standard",
+            "--dk-motion-enter-duration",
+            "--dk-motion-enter-easing",
+            "--dk-motion-enter-large-duration",
+            "--dk-motion-enter-large-easing",
+            "--dk-motion-exit-duration",
+            "--dk-motion-exit-easing",
+            "--dk-motion-exit-large-duration",
+            "--dk-motion-exit-large-easing",
+            "--dk-motion-expand-duration",
+            "--dk-motion-expand-easing",
+            "--dk-motion-feedback-duration",
+            "--dk-motion-feedback-easing",
+            "--dk-motion-grow-scale-panel",
+            "--dk-motion-grow-scale-surface",
+            "--dk-motion-loop-easing",
+            "--dk-motion-page-fade-duration",
+            "--dk-motion-page-fade-easing",
+            "--dk-motion-page-fade-exit-duration",
+            "--dk-motion-page-fade-exit-easing",
+            "--dk-motion-page-rise",
+            "--dk-motion-page-slide-duration",
+            "--dk-motion-page-slide-easing",
+            "--dk-motion-page-slide-max",
+            "--dk-motion-press-duration",
+            "--dk-motion-press-easing",
+            "--dk-motion-press-scale-compact",
+            "--dk-motion-press-scale-control",
+            "--dk-motion-press-scale-item",
+            "--dk-motion-press-scale-panel",
+            "--dk-motion-press-scale-surface",
+            "--dk-motion-rise-char-beat",
+            "--dk-motion-rise-row-beat",
+            "--dk-motion-state-duration",
+            "--dk-motion-state-easing",
+            "--dk-motion-state-enter-duration",
+            "--dk-motion-state-exit-duration",
+            "--dk-motion-travel-duration",
+            "--dk-motion-travel-easing",
+            "--dk-motion-travel-lag",
+            "--dk-responsive-layout-frame-width",
+            "--dk-responsive-layout-max-width",
+            "--dk-shadow-card",
+            "--dk-shadow-card-hover",
+            "--dk-shadow-drop-2xl",
+            "--dk-shadow-drop-3xl",
+            "--dk-shadow-drop-lg-1",
+            "--dk-shadow-drop-lg-2",
+            "--dk-shadow-drop-md-1",
+            "--dk-shadow-drop-md-2",
+            "--dk-shadow-drop-sm-1",
+            "--dk-shadow-drop-sm-2",
+            "--dk-shadow-drop-xl-1",
+            "--dk-shadow-drop-xl-2",
+            "--dk-shadow-drop-xs",
+            "--dk-shadow-floating",
+            "--dk-shadow-focus-ring",
+            "--dk-shadow-inner-lg",
+            "--dk-shadow-inner-md",
+            "--dk-shadow-inner-sm",
+            "--dk-shadow-lifted",
+            "--dk-shadow-overlay",
+            "--dk-shadow-panel",
+            "--dk-shadow-raised",
+            "--dk-spacing-0-25",
+            "--dk-spacing-0-5",
+            "--dk-spacing-1",
+            "--dk-spacing-1-5",
+            "--dk-spacing-10",
+            "--dk-spacing-11",
+            "--dk-spacing-12",
+            "--dk-spacing-14",
+            "--dk-spacing-16",
+            "--dk-spacing-2",
+            "--dk-spacing-2-5",
+            "--dk-spacing-20",
+            "--dk-spacing-24",
+            "--dk-spacing-28",
+            "--dk-spacing-3",
+            "--dk-spacing-3-5",
+            "--dk-spacing-32",
+            "--dk-spacing-4",
+            "--dk-spacing-4-5",
+            "--dk-spacing-40",
+            "--dk-spacing-48",
+            "--dk-spacing-5",
+            "--dk-spacing-5-5",
+            "--dk-spacing-56",
+            "--dk-spacing-6",
+            "--dk-spacing-64",
+            "--dk-spacing-7",
+            "--dk-spacing-8",
+            "--dk-spacing-9",
+            "--dk-surface-backdrop-black",
+            "--dk-surface-backdrop-soft",
+            "--dk-surface-backdrop-transparent",
+            "--dk-surface-base-black",
+            "--dk-surface-base-white",
+            "--dk-surface-canvas-default",
+            "--dk-surface-card-active",
+            "--dk-surface-card-default",
+            "--dk-surface-card-focus",
+            "--dk-surface-card-hover",
+            "--dk-surface-card-secondary",
+            "--dk-surface-card-tertiary",
+            "--dk-surface-choice-card",
+            "--dk-surface-choice-card-active",
+            "--dk-surface-choice-card-hover",
+            "--dk-surface-choice-disabled",
+            "--dk-surface-choice-selected",
+            "--dk-surface-choice-selected-active",
+            "--dk-surface-choice-selected-hover",
+            "--dk-surface-choice-track",
+            "--dk-surface-choice-track-active",
+            "--dk-surface-choice-track-hover",
+            "--dk-surface-control-active",
+            "--dk-surface-control-default",
+            "--dk-surface-control-disabled",
+            "--dk-surface-control-hover",
+            "--dk-surface-current",
+            "--dk-surface-curtain-backdrop",
+            "--dk-surface-default-body",
+            "--dk-surface-default-body-reverse",
+            "--dk-surface-disabled-default",
+            "--dk-surface-disabled-subtle",
+            "--dk-surface-error-default",
+            "--dk-surface-error-focus",
+            "--dk-surface-error-hover",
+            "--dk-surface-error-mark",
+            "--dk-surface-error-solid",
+            "--dk-surface-error-subtle",
+            "--dk-surface-error-subtle-focus",
+            "--dk-surface-error-subtle-hover",
+            "--dk-surface-field-action-active",
+            "--dk-surface-field-action-hover",
+            "--dk-surface-field-default",
+            "--dk-surface-field-hover",
+            "--dk-surface-glass-default",
+            "--dk-surface-hue-next1-solid",
+            "--dk-surface-hue-next1-subtle",
+            "--dk-surface-hue-next2-solid",
+            "--dk-surface-hue-next2-subtle",
+            "--dk-surface-hue-next3-solid",
+            "--dk-surface-hue-next3-subtle",
+            "--dk-surface-hue-next4-solid",
+            "--dk-surface-hue-next4-subtle",
+            "--dk-surface-hue-prev1-solid",
+            "--dk-surface-hue-prev1-subtle",
+            "--dk-surface-hue-prev2-solid",
+            "--dk-surface-hue-prev2-subtle",
+            "--dk-surface-hue-prev3-solid",
+            "--dk-surface-hue-prev3-subtle",
+            "--dk-surface-hue-prev4-solid",
+            "--dk-surface-hue-prev4-subtle",
+            "--dk-surface-hue-primary-solid",
+            "--dk-surface-hue-primary-subtle",
+            "--dk-surface-information-default",
+            "--dk-surface-information-focus",
+            "--dk-surface-information-hover",
+            "--dk-surface-information-mark",
+            "--dk-surface-information-solid",
+            "--dk-surface-information-subtle",
+            "--dk-surface-information-subtle-focus",
+            "--dk-surface-information-subtle-hover",
+            "--dk-surface-inset-active",
+            "--dk-surface-inset-default",
+            "--dk-surface-inset-hover",
+            "--dk-surface-inverse-active",
+            "--dk-surface-inverse-default",
+            "--dk-surface-inverse-hover",
+            "--dk-surface-lifted-active",
+            "--dk-surface-lifted-default",
+            "--dk-surface-lifted-hover",
+            "--dk-surface-nested-active",
+            "--dk-surface-nested-default",
+            "--dk-surface-nested-glass",
+            "--dk-surface-nested-hover",
+            "--dk-surface-neutral-default",
+            "--dk-surface-neutral-focus",
+            "--dk-surface-neutral-hover",
+            "--dk-surface-neutral-subtle",
+            "--dk-surface-neutral-subtle-active",
+            "--dk-surface-neutral-subtle-focus",
+            "--dk-surface-neutral-subtle-hover",
+            "--dk-surface-page-default",
+            "--dk-surface-page-glass",
+            "--dk-surface-page-secondary",
+            "--dk-surface-page-tertiary",
+            "--dk-surface-primary-active",
+            "--dk-surface-primary-brand",
+            "--dk-surface-primary-default",
+            "--dk-surface-primary-disabled",
+            "--dk-surface-primary-disabled-active",
+            "--dk-surface-primary-disabled-hover",
+            "--dk-surface-primary-focus",
+            "--dk-surface-primary-hover",
+            "--dk-surface-primary-mark",
+            "--dk-surface-primary-marker",
+            "--dk-surface-primary-oos",
+            "--dk-surface-primary-solid",
+            "--dk-surface-primary-subtle",
+            "--dk-surface-primary-subtle-focus",
+            "--dk-surface-primary-subtle-hover",
+            "--dk-surface-raised-active",
+            "--dk-surface-raised-default",
+            "--dk-surface-raised-glass",
+            "--dk-surface-raised-hover",
+            "--dk-surface-sidebar-panel",
+            "--dk-surface-sidebar-panel-hover",
+            "--dk-surface-success-default",
+            "--dk-surface-success-focus",
+            "--dk-surface-success-hover",
+            "--dk-surface-success-mark",
+            "--dk-surface-success-solid",
+            "--dk-surface-success-subtle",
+            "--dk-surface-success-subtle-focus",
+            "--dk-surface-success-subtle-hover",
+            "--dk-surface-warning-default",
+            "--dk-surface-warning-focus",
+            "--dk-surface-warning-hover",
+            "--dk-surface-warning-mark",
+            "--dk-surface-warning-solid",
+            "--dk-surface-warning-subtle",
+            "--dk-surface-warning-subtle-focus",
+            "--dk-surface-warning-subtle-hover",
+            "--dk-text-base-black",
+            "--dk-text-base-white",
+            "--dk-text-code-attr",
+            "--dk-text-code-comment",
+            "--dk-text-code-keyword",
+            "--dk-text-code-string",
+            "--dk-text-code-tag",
+            "--dk-text-control-active",
+            "--dk-text-control-default",
+            "--dk-text-control-disabled",
+            "--dk-text-control-hover",
+            "--dk-text-default",
+            "--dk-text-default-reverse",
+            "--dk-text-disabled-default",
+            "--dk-text-disabled-subtle",
+            "--dk-text-disabled-subtle-active",
+            "--dk-text-disabled-subtle-hover",
+            "--dk-text-error-active",
+            "--dk-text-error-default",
+            "--dk-text-error-focus",
+            "--dk-text-error-hover",
+            "--dk-text-error-outline",
+            "--dk-text-error-subtle",
+            "--dk-text-error-subtle-focus",
+            "--dk-text-error-subtle-hover",
+            "--dk-text-eyebrow-default",
+            "--dk-text-field-affix",
+            "--dk-text-field-default",
+            "--dk-text-field-disabled",
+            "--dk-text-field-placeholder",
+            "--dk-text-information-active",
+            "--dk-text-information-default",
+            "--dk-text-information-focus",
+            "--dk-text-information-hover",
+            "--dk-text-information-outline",
+            "--dk-text-information-subtle",
+            "--dk-text-information-subtle-focus",
+            "--dk-text-information-subtle-hover",
+            "--dk-text-inverse-default",
+            "--dk-text-inverse-neutral",
+            "--dk-text-link-active",
+            "--dk-text-link-default",
+            "--dk-text-link-hover",
+            "--dk-text-link-underline",
+            "--dk-text-nested-active",
+            "--dk-text-nested-default",
+            "--dk-text-nested-hover",
+            "--dk-text-neutral-active",
+            "--dk-text-neutral-default",
+            "--dk-text-neutral-focus",
+            "--dk-text-neutral-hover",
+            "--dk-text-neutral-subtle",
+            "--dk-text-neutral-subtle-focus",
+            "--dk-text-neutral-subtle-hover",
+            "--dk-text-primary-active",
+            "--dk-text-primary-brand",
+            "--dk-text-primary-default",
+            "--dk-text-primary-disabled",
+            "--dk-text-primary-disabled-active",
+            "--dk-text-primary-disabled-hover",
+            "--dk-text-primary-focus",
+            "--dk-text-primary-highlight",
+            "--dk-text-primary-hover",
+            "--dk-text-primary-oos",
+            "--dk-text-primary-outline",
+            "--dk-text-primary-subtle",
+            "--dk-text-primary-subtle-focus",
+            "--dk-text-primary-subtle-hover",
+            "--dk-text-success-active",
+            "--dk-text-success-body",
+            "--dk-text-success-default",
+            "--dk-text-success-focus",
+            "--dk-text-success-hover",
+            "--dk-text-success-outline",
+            "--dk-text-success-subtle",
+            "--dk-text-success-subtle-focus",
+            "--dk-text-success-subtle-hover",
+            "--dk-text-tabs-selected",
+            "--dk-text-warning-active",
+            "--dk-text-warning-default",
+            "--dk-text-warning-focus",
+            "--dk-text-warning-hover",
+            "--dk-text-warning-outline",
+            "--dk-text-warning-subtle",
+            "--dk-text-warning-subtle-focus",
+            "--dk-text-warning-subtle-hover"
+          ]
+        },
+        "removed": {
+          "components": [],
+          "tokens": []
+        }
+      },
+      "23.5.0": {
+        "added": {
+          "components": [],
+          "tokens": []
+        },
+        "removed": {
+          "components": [],
+          "tokens": []
+        }
+      }
+    }
+  }
+}