npm - @salt-ds/theme - Versions diffs - 0.0.0-snapshot-20240517093057 → 0.0.0-snapshot-20240517153906 - Mend

@salt-ds/theme 0.0.0-snapshot-20240517093057 → 0.0.0-snapshot-20240517153906

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/theme.json ADDED Viewed

@@ -0,0 +1,2871 @@
+{
+  "modes": [
+    "$light",
+    "$dark"
+  ],
+  "densities": [
+    "$high",
+    "$medium",
+    "$low",
+    "$touch"
+  ],
+  "fonts": [
+    "$amplitude",
+    "$openSans"
+  ],
+  "corners": [
+    "$rounded",
+    "$sharp"
+  ],
+  "palette": {
+    "corner": {
+      "palette-corner-weaker": {
+        "$value": {
+          "$sharp": "{foundations.curve.curve-0}",
+          "$rounded": "{foundations.curve.curve-50}"
+        },
+        "$type": "dimension"
+      },
+      "palette-corner-weak": {
+        "$value": {
+          "$sharp": "{foundations.curve.curve-0}",
+          "$rounded": "{foundations.curve.curve-100}"
+        },
+        "$type": "dimension"
+      },
+      "palette-corner": {
+        "$value": {
+          "$sharp": "{foundations.curve.curve-0}",
+          "$rounded": "{foundations.curve.curve-150}"
+        },
+        "$type": "dimension"
+      },
+      "palette-corner-strongest": {
+        "$value": {
+          "$sharp": "{foundations.curve.curve-999}",
+          "$rounded": "{foundations.curve.curve-999}"
+        },
+        "$type": "dimension"
+      }
+    },
+    "text": {
+      "palette-text-fontFamily-heading": {
+        "$value": {
+          "$openSans": "{foundations.typography.typography-fontFamily-openSans}",
+          "$amplitude": "{foundations.typography.typography-fontFamily-amplitude}"
+        },
+        "$type": "fontFamily"
+      },
+      "palette-text-fontFamily": {
+        "$value": "{foundations.typography.typography-fontFamily-openSans}",
+        "$type": "fontFamily"
+      },
+      "palette-text-fontFamily-code": {
+        "$value": "{foundations.typography.typography-fontFamily-ptMono}",
+        "$type": "fontFamily"
+      }
+    },
+    "accent": {
+      "palette-accent": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-500}",
+          "$light": "{foundations.color.color-blue-500}"
+        },
+        "$type": "color"
+      },
+      "palette-accent-disabled": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-500-40a}",
+          "$light": "{foundations.color.color-blue-500-40a}"
+        },
+        "$type": "color"
+      },
+      "palette-accent-strong": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-400}",
+          "$light": "{foundations.color.color-blue-600}"
+        },
+        "$type": "color"
+      },
+      "palette-accent-strong-disabled": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-400-40a}",
+          "$light": "{foundations.color.color-blue-600-40a}"
+        },
+        "$type": "color"
+      },
+      "palette-accent-stronger": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-300}",
+          "$light": "{foundations.color.color-blue-700}"
+        },
+        "$type": "color"
+      },
+      "palette-accent-stronger-disabled": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-300-40a}",
+          "$light": "{foundations.color.color-blue-700-40a}"
+        },
+        "$type": "color"
+      },
+      "palette-accent-strongest": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-200}",
+          "$light": "{foundations.color.color-blue-800}"
+        },
+        "$type": "color"
+      },
+      "palette-accent-weak": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-600}",
+          "$light": "{foundations.color.color-blue-400}"
+        },
+        "$type": "color"
+      },
+      "palette-accent-weaker": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-800}",
+          "$light": "{foundations.color.color-blue-200}"
+        },
+        "$type": "color"
+      },
+      "palette-accent-weaker-disabled": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-800-40a}",
+          "$light": "{foundations.color.color-blue-200-40a}"
+        },
+        "$type": "color"
+      },
+      "palette-accent-weakest": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-900}",
+          "$light": "{foundations.color.color-blue-100}"
+        },
+        "$type": "color"
+      }
+    },
+    "background": {
+      "palette-background-backdrop": {
+        "$value": {
+          "$dark": "{foundations.color.color-black-70a}",
+          "$light": "{foundations.color.color-white-70a}"
+        },
+        "$type": "color"
+      },
+      "palette-background-primary": {
+        "$value": {
+          "$dark": "{foundations.color.color-background-jet}",
+          "$light": "{foundations.color.color-background-snow}"
+        },
+        "$type": "color"
+      },
+      "palette-background-primary-disabled": {
+        "$value": {
+          "$dark": "{foundations.color.color-background-jet-40a}",
+          "$light": "{foundations.color.color-background-snow-40a}"
+        },
+        "$type": "color"
+      },
+      "palette-background-secondary": {
+        "$value": {
+          "$dark": "{foundations.color.color-background-granite}",
+          "$light": "{foundations.color.color-background-marble}"
+        },
+        "$type": "color"
+      },
+      "palette-background-secondary-disabled": {
+        "$value": {
+          "$dark": "{foundations.color.color-background-granite-40a}",
+          "$light": "{foundations.color.color-background-marble-40a}"
+        },
+        "$type": "color"
+      },
+      "palette-background-tertiary": {
+        "$value": {
+          "$dark": "{foundations.color.color-background-leather}",
+          "$light": "{foundations.color.color-background-limestone}"
+        },
+        "$type": "color"
+      },
+      "palette-background-tertiary-disabled": {
+        "$value": {
+          "$dark": "{foundations.color.color-background-leather-40a}",
+          "$light": "{foundations.color.color-background-limestone-40a}"
+        },
+        "$type": "color"
+      },
+      "palette-background-none": {
+        "$value": {
+          "$dark": "transparent",
+          "$light": "transparent"
+        },
+        "$type": "color"
+      }
+    },
+    "error": {
+      "palette-error-background": {
+        "$value": {
+          "$dark": "{foundations.color.color-red-900}",
+          "$light": "{foundations.color.color-red-10}"
+        },
+        "$type": "color"
+      },
+      "palette-error-background-selected": {
+        "$value": {
+          "$dark": "{foundations.color.color-red-900}",
+          "$light": "{foundations.color.color-red-20}"
+        },
+        "$type": "color"
+      },
+      "palette-error-border": {
+        "$value": {
+          "$dark": "{foundations.color.color-red-400}",
+          "$light": "{foundations.color.color-red-500}"
+        },
+        "$type": "color"
+      },
+      "palette-error-foreground-decorative": {
+        "$value": {
+          "$dark": "{foundations.color.color-red-400}",
+          "$light": "{foundations.color.color-red-500}"
+        },
+        "$type": "color"
+      },
+      "palette-error-foreground-informative": {
+        "$value": {
+          "$dark": "{foundations.color.color-red-200}",
+          "$light": "{foundations.color.color-red-600}"
+        },
+        "$type": "color"
+      }
+    },
+    "foreground": {
+      "palette-foreground-active": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-300}",
+          "$light": "{foundations.color.color-blue-700}"
+        },
+        "$type": "color"
+      },
+      "palette-foreground-hover": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-400}",
+          "$light": "{foundations.color.color-blue-600}"
+        },
+        "$type": "color"
+      },
+      "palette-foreground-primary": {
+        "$value": {
+          "$dark": "{foundations.color.color-white}",
+          "$light": "{foundations.color.color-black}"
+        },
+        "$type": "color"
+      },
+      "palette-foreground-primary-disabled": {
+        "$value": {
+          "$dark": "{foundations.color.color-white-40a}",
+          "$light": "{foundations.color.color-black-40a}"
+        },
+        "$type": "color"
+      },
+      "palette-foreground-primary-alt": {
+        "$value": {
+          "$dark": "{foundations.color.color-white}",
+          "$light": "{foundations.color.color-white}"
+        },
+        "$type": "color"
+      },
+      "palette-foreground-primary-alt-disabled": {
+        "$value": {
+          "$dark": "{foundations.color.color-white-40a}",
+          "$light": "{foundations.color.color-white-40a}"
+        },
+        "$type": "color"
+      },
+      "palette-foreground-secondary": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-400}",
+          "$light": "{foundations.color.color-gray-600}"
+        },
+        "$type": "color"
+      },
+      "palette-foreground-secondary-disabled": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-400-40a}",
+          "$light": "{foundations.color.color-gray-600-40a}"
+        },
+        "$type": "color"
+      },
+      "palette-foreground-visited": {
+        "$value": {
+          "$dark": "{foundations.color.color-purple-200}",
+          "$light": "{foundations.color.color-purple-800}"
+        },
+        "$type": "color"
+      },
+      "palette-foreground-invert": {
+        "$value": {
+          "$dark": "{foundations.color.color-black}",
+          "$light": "{foundations.color.color-white}"
+        },
+        "$type": "color"
+      }
+    },
+    "info": {
+      "palette-info": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-500}",
+          "$light": "{foundations.color.color-blue-500}"
+        },
+        "$type": "color"
+      },
+      "palette-info-weak": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-900}",
+          "$light": "{foundations.color.color-blue-100}"
+        },
+        "$type": "color"
+      }
+    },
+    "interact": {
+      "palette-interact-background": {
+        "$value": {
+          "$dark": "transparent",
+          "$light": "transparent"
+        },
+        "$type": "color"
+      },
+      "palette-interact-background-blurSelected": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-600}",
+          "$light": "{foundations.color.color-gray-30}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-background-hover": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-800}",
+          "$light": "{foundations.color.color-blue-10}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-background-active": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-700}",
+          "$light": "{foundations.color.color-blue-30}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-background-disabled": {
+        "$value": {
+          "$dark": "transparent",
+          "$light": "transparent"
+        },
+        "$type": "color"
+      },
+      "palette-interact-background-activeDisabled": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-700-fade-background}",
+          "$light": "{foundations.color.color-blue-30-fade-background}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-border": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-90}",
+          "$light": "{foundations.color.color-gray-200}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-border-active": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-100}",
+          "$light": "{foundations.color.color-blue-600}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-border-activeDisabled": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-100-fade-fill}",
+          "$light": "{foundations.color.color-blue-600-fade-fill}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-border-disabled": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-90-fade-border}",
+          "$light": "{foundations.color.color-gray-200-fade-border}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-border-hover": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-500}",
+          "$light": "{foundations.color.color-blue-500}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-border-readonly": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-90-fade-border-readonly}",
+          "$light": "{foundations.color.color-gray-200-fade-border-readonly}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-foreground": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-90}",
+          "$light": "{foundations.color.color-gray-200}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-foreground-active": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-100}",
+          "$light": "{foundations.color.color-blue-600}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-foreground-activeDisabled": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-100-fade-foreground}",
+          "$light": "{foundations.color.color-blue-600-fade-foreground}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-foreground-disabled": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-90-fade-foreground}",
+          "$light": "{foundations.color.color-gray-200-fade-foreground}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-foreground-hover": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-500}",
+          "$light": "{foundations.color.color-blue-500}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-outline": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-100}",
+          "$light": "{foundations.color.color-blue-600}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-cta-background": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-600}",
+          "$light": "{foundations.color.color-blue-600}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-cta-background-active": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-700}",
+          "$light": "{foundations.color.color-blue-700}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-cta-background-disabled": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-600-fade-background}",
+          "$light": "{foundations.color.color-blue-600-fade-background}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-cta-background-hover": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-500}",
+          "$light": "{foundations.color.color-blue-500}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-cta-foreground": {
+        "$value": {
+          "$dark": "{foundations.color.color-white}",
+          "$light": "{foundations.color.color-white}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-cta-foreground-active": {
+        "$value": {
+          "$dark": "{foundations.color.color-white}",
+          "$light": "{foundations.color.color-white}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-cta-foreground-disabled": {
+        "$value": {
+          "$dark": "{foundations.color.color-white-fade-foreground}",
+          "$light": "{foundations.color.color-white-fade-foreground}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-cta-foreground-hover": {
+        "$value": {
+          "$dark": "{foundations.color.color-white}",
+          "$light": "{foundations.color.color-white}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-primary-background": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-300}",
+          "$light": "{foundations.color.color-gray-60}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-primary-background-active": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-70}",
+          "$light": "{foundations.color.color-gray-200}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-primary-background-disabled": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-300-fade-background}",
+          "$light": "{foundations.color.color-gray-60-fade-background}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-primary-background-hover": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-200}",
+          "$light": "{foundations.color.color-gray-40}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-primary-foreground": {
+        "$value": {
+          "$dark": "{foundations.color.color-white}",
+          "$light": "{foundations.color.color-gray-900}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-primary-foreground-active": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-900}",
+          "$light": "{foundations.color.color-white}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-primary-foreground-disabled": {
+        "$value": {
+          "$dark": "{foundations.color.color-white-fade-foreground}",
+          "$light": "{foundations.color.color-gray-900-fade-foreground}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-primary-foreground-hover": {
+        "$value": {
+          "$dark": "{foundations.color.color-white}",
+          "$light": "{foundations.color.color-gray-900}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-secondary-background": {
+        "$value": {
+          "$dark": "transparent",
+          "$light": "transparent"
+        },
+        "$type": "color"
+      },
+      "palette-interact-secondary-background-active": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-70}",
+          "$light": "{foundations.color.color-gray-200}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-secondary-background-disabled": {
+        "$value": {
+          "$dark": "transparent",
+          "$light": "transparent"
+        },
+        "$type": "color"
+      },
+      "palette-interact-secondary-background-hover": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-200}",
+          "$light": "{foundations.color.color-gray-40}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-secondary-foreground": {
+        "$value": {
+          "$dark": "{foundations.color.color-white}",
+          "$light": "{foundations.color.color-gray-900}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-secondary-foreground-active": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-900}",
+          "$light": "{foundations.color.color-white}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-secondary-foreground-disabled": {
+        "$value": {
+          "$dark": "{foundations.color.color-white-fade-foreground}",
+          "$light": "{foundations.color.color-gray-900-fade-foreground}"
+        },
+        "$type": "color"
+      },
+      "palette-interact-secondary-foreground-hover": {
+        "$value": {
+          "$dark": "{foundations.color.color-white}",
+          "$light": "{foundations.color.color-gray-900}"
+        },
+        "$type": "color"
+      }
+    },
+    "navigate": {
+      "palette-navigate-background-hover": {
+        "$value": {
+          "$dark": "{foundations.color.color-white-fade-background-hover}",
+          "$light": "{foundations.color.color-black-fade-background-hover}"
+        },
+        "$type": "color"
+      },
+      "palette-navigate-foreground-hover": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-200}",
+          "$light": "{foundations.color.color-blue-600}"
+        },
+        "$type": "color"
+      },
+      "palette-navigate-foreground-active": {
+        "$value": {
+          "$dark": "{foundations.color.color-blue-300}",
+          "$light": "{foundations.color.color-blue-700}"
+        },
+        "$type": "color"
+      },
+      "palette-navigate-foreground-visited": {
+        "$value": {
+          "$dark": "{foundations.color.color-purple-100}",
+          "$light": "{foundations.color.color-purple-800}"
+        },
+        "$type": "color"
+      },
+      "palette-navigate-indicator-hover": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-90}",
+          "$light": "{foundations.color.color-gray-90}"
+        },
+        "$type": "color"
+      },
+      "palette-navigate-indicator-active": {
+        "$value": {
+          "$dark": "{foundations.color.color-orange-400}",
+          "$light": "{foundations.color.color-orange-600}"
+        },
+        "$type": "color"
+      }
+    },
+    "negative": {
+      "palette-negative": {
+        "$value": {
+          "$dark": "{foundations.color.color-red-500}",
+          "$light": "{foundations.color.color-red-500}"
+        },
+        "$type": "color"
+      },
+      "palette-negative-weak": {
+        "$value": {
+          "$dark": "{foundations.color.color-red-900}",
+          "$light": "{foundations.color.color-red-100}"
+        },
+        "$type": "color"
+      }
+    },
+    "neutral": {
+      "palette-neutral": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-500}",
+          "$light": "{foundations.color.color-gray-500}"
+        },
+        "$type": "color"
+      },
+      "palette-neutral-disabled": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-500-40a}",
+          "$light": "{foundations.color.color-gray-500-40a}"
+        },
+        "$type": "color"
+      },
+      "palette-neutral-readonly": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-500-10a}",
+          "$light": "{foundations.color.color-gray-500-10a}"
+        },
+        "$type": "color"
+      },
+      "palette-neutral-strong": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-400}",
+          "$light": "{foundations.color.color-gray-600}"
+        },
+        "$type": "color"
+      },
+      "palette-neutral-strong-disabled": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-400-40a}",
+          "$light": "{foundations.color.color-gray-600-40a}"
+        },
+        "$type": "color"
+      },
+      "palette-neutral-stronger": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-300}",
+          "$light": "{foundations.color.color-gray-700}"
+        },
+        "$type": "color"
+      },
+      "palette-neutral-stronger-primary": {
+        "$value": {
+          "$dark": "{foundations.color.color-white-40a}",
+          "$light": "{foundations.color.color-black-40a}"
+        },
+        "$type": "color"
+      },
+      "palette-neutral-stronger-secondary": {
+        "$value": {
+          "$dark": "{foundations.color.color-white-30a}",
+          "$light": "{foundations.color.color-black-30a}"
+        },
+        "$type": "color"
+      },
+      "palette-neutral-stronger-tertiary": {
+        "$value": {
+          "$dark": "{foundations.color.color-white-20a}",
+          "$light": "{foundations.color.color-black-20a}"
+        },
+        "$type": "color"
+      },
+      "palette-neutral-strongest": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-200}",
+          "$light": "{foundations.color.color-gray-800}"
+        },
+        "$type": "color"
+      },
+      "palette-neutral-weak": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-600}",
+          "$light": "{foundations.color.color-gray-400}"
+        },
+        "$type": "color"
+      },
+      "palette-neutral-weak-disabled": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-600-40a}",
+          "$light": "{foundations.color.color-gray-400-40a}"
+        },
+        "$type": "color"
+      },
+      "palette-neutral-weaker": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-700}",
+          "$light": "{foundations.color.color-gray-300}"
+        },
+        "$type": "color"
+      },
+      "palette-neutral-weaker-disabled": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-700-40a}",
+          "$light": "{foundations.color.color-gray-300-40a}"
+        },
+        "$type": "color"
+      },
+      "palette-neutral-weaker-readonly": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-700-10a}",
+          "$light": "{foundations.color.color-gray-300-10a}"
+        },
+        "$type": "color"
+      },
+      "palette-neutral-weakest": {
+        "$value": {
+          "$dark": "{foundations.color.color-gray-800}",
+          "$light": "{foundations.color.color-gray-200}"
+        },
+        "$type": "color"
+      }
+    },
+    "positive": {
+      "palette-positive": {
+        "$value": {
+          "$dark": "{foundations.color.color-green-500}",
+          "$light": "{foundations.color.color-green-500}"
+        },
+        "$type": "color"
+      },
+      "palette-positive-weak": {
+        "$value": {
+          "$dark": "{foundations.color.color-green-900}",
+          "$light": "{foundations.color.color-green-100}"
+        },
+        "$type": "color"
+      }
+    },
+    "success": {
+      "palette-success-background": {
+        "$value": {
+          "$dark": "{foundations.color.color-green-900}",
+          "$light": "{foundations.color.color-green-10}"
+        },
+        "$type": "color"
+      },
+      "palette-success-background-selected": {
+        "$value": {
+          "$dark": "{foundations.color.color-green-900}",
+          "$light": "{foundations.color.color-green-20}"
+        },
+        "$type": "color"
+      },
+      "palette-success-border": {
+        "$value": {
+          "$dark": "{foundations.color.color-green-400}",
+          "$light": "{foundations.color.color-green-500}"
+        },
+        "$type": "color"
+      },
+      "palette-success-foreground-decorative": {
+        "$value": {
+          "$dark": "{foundations.color.color-green-400}",
+          "$light": "{foundations.color.color-green-500}"
+        },
+        "$type": "color"
+      },
+      "palette-success-foreground-informative": {
+        "$value": {
+          "$dark": "{foundations.color.color-green-200}",
+          "$light": "{foundations.color.color-green-600}"
+        },
+        "$type": "color"
+      }
+    },
+    "warning": {
+      "palette-warning": {
+        "$value": {
+          "$dark": "{foundations.color.color-orange-500}",
+          "$light": "{foundations.color.color-orange-500}"
+        },
+        "$type": "color"
+      },
+      "palette-warning-weak": {
+        "$value": {
+          "$dark": "{foundations.color.color-orange-900}",
+          "$light": "{foundations.color.color-orange-100}"
+        },
+        "$type": "color"
+      }
+    },
+    "opacity": {
+      "palette-opacity-backdrop": {
+        "$value": "{foundations.opacity.opacity-70}",
+        "$type": "number"
+      },
+      "palette-opacity-disabled": {
+        "$value": "{foundations.opacity.opacity-40}",
+        "$type": "number"
+      },
+      "palette-opacity-background-readonly": {
+        "$value": "{foundations.opacity.opacity-0}",
+        "$type": "number"
+      },
+      "palette-opacity-border-readonly": {
+        "$value": "{foundations.opacity.opacity-15}",
+        "$type": "number"
+      },
+      "palette-opacity-primary-border": {
+        "$value": "{foundations.opacity.opacity-40}",
+        "$type": "number"
+      },
+      "palette-opacity-secondary-border": {
+        "$value": "{foundations.opacity.opacity-25}",
+        "$type": "number"
+      },
+      "palette-opacity-tertiary-border": {
+        "$value": "{foundations.opacity.opacity-15}",
+        "$type": "number"
+      }
+    }
+  },
+  "foundations": {
+    "shadow": {
+      "shadow-100-color": {
+        "$value": {
+          "$dark": "#0000007f",
+          "$light": "#00000019"
+        },
+        "$type": "color"
+      },
+      "shadow-200-color": {
+        "$value": {
+          "$dark": "#0000007f",
+          "$light": "#00000019"
+        },
+        "$type": "color"
+      },
+      "shadow-300-color": {
+        "$value": {
+          "$dark": "#0000008c",
+          "$light": "#00000026"
+        },
+        "$type": "color"
+      },
+      "shadow-400-color": {
+        "$value": {
+          "$dark": "#0000008c",
+          "$light": "#00000033"
+        },
+        "$type": "color"
+      },
+      "shadow-500-color": {
+        "$value": {
+          "$dark": "#000000a5",
+          "$light": "#0000004c"
+        },
+        "$type": "color"
+      },
+      "shadow-100": {
+        "$value": {
+          "offsetX": "0",
+          "offsetY": "1px",
+          "blur": "3px",
+          "spread": "0",
+          "color": "{foundations.shadow.shadow-100-color}"
+        },
+        "$type": "shadow"
+      },
+      "shadow-200": {
+        "$value": {
+          "offsetX": "0",
+          "offsetY": "2px",
+          "blur": "4px",
+          "spread": "0",
+          "color": "{foundations.shadow.shadow-200-color}"
+        },
+        "$type": "shadow"
+      },
+      "shadow-300": {
+        "$value": {
+          "offsetX": "0",
+          "offsetY": "4px",
+          "blur": "8px",
+          "spread": "0",
+          "color": "{foundations.shadow.shadow-300-color}"
+        },
+        "$type": "shadow"
+      },
+      "shadow-400": {
+        "$value": {
+          "offsetX": "0",
+          "offsetY": "6px",
+          "blur": "10px",
+          "spread": "0",
+          "color": "{foundations.shadow.shadow-400-color}"
+        },
+        "$type": "shadow"
+      },
+      "shadow-500": {
+        "$value": {
+          "offsetX": "0",
+          "offsetY": "12px",
+          "blur": "40px",
+          "spread": "0",
+          "color": "{foundations.shadow.shadow-500-color}"
+        },
+        "$type": "shadow"
+      }
+    },
+    "curve": {
+      "curve-0": {
+        "$value": {
+          "$low": "0",
+          "$touch": "0",
+          "$medium": "0",
+          "$high": "0"
+        },
+        "$type": "dimension"
+      },
+      "curve-50": {
+        "$value": {
+          "$low": "3px",
+          "$touch": "4px",
+          "$medium": "2px",
+          "$high": "1px"
+        },
+        "$type": "dimension"
+      },
+      "curve-100": {
+        "$value": {
+          "$low": "6px",
+          "$touch": "8px",
+          "$medium": "4px",
+          "$high": "2px"
+        },
+        "$type": "dimension"
+      },
+      "curve-150": {
+        "$value": {
+          "$low": "9px",
+          "$touch": "12px",
+          "$medium": "6px",
+          "$high": "3px"
+        },
+        "$type": "dimension"
+      },
+      "curve-999": {
+        "$value": {
+          "$low": "999px",
+          "$touch": "999px",
+          "$medium": "999px",
+          "$high": "999px"
+        },
+        "$type": "dimension"
+      }
+    },
+    "size": {
+      "size-adornment": {
+        "$value": {
+          "$low": "10px",
+          "$touch": "12px",
+          "$medium": "8px",
+          "$high": "6px"
+        },
+        "$type": "dimension"
+      },
+      "size-bar": {
+        "$value": {
+          "$low": "6px",
+          "$touch": "8px",
+          "$medium": "4px",
+          "$high": "2px"
+        },
+        "$type": "dimension"
+      },
+      "size-base": {
+        "$value": {
+          "$low": "36px",
+          "$touch": "44px",
+          "$medium": "28px",
+          "$high": "20px"
+        },
+        "$type": "dimension"
+      },
+      "size-border": {
+        "$value": {
+          "$low": "1px",
+          "$touch": "1px",
+          "$medium": "1px",
+          "$high": "1px"
+        },
+        "$type": "dimension"
+      },
+      "size-icon": {
+        "$value": {
+          "$low": "14px",
+          "$touch": "16px",
+          "$medium": "12px",
+          "$high": "10px"
+        },
+        "$type": "dimension"
+      },
+      "size-indicator": {
+        "$value": {
+          "$low": "4px",
+          "$touch": "5px",
+          "$medium": "3px",
+          "$high": "2px"
+        },
+        "$type": "dimension"
+      },
+      "size-selectable": {
+        "$value": {
+          "$low": "16px",
+          "$touch": "18px",
+          "$medium": "14px",
+          "$high": "12px"
+        },
+        "$type": "dimension"
+      },
+      "size-bar-strong": {
+        "$value": {
+          "$low": "12px",
+          "$touch": "16px",
+          "$medium": "8px",
+          "$high": "4px"
+        },
+        "$type": "dimension"
+      },
+      "size-bar-small": {
+        "$value": {
+          "$low": "2px",
+          "$touch": "2px",
+          "$medium": "2px",
+          "$high": "2px"
+        },
+        "$type": "dimension"
+      },
+      "size-border-strong": {
+        "$value": {
+          "$low": "2px",
+          "$touch": "2px",
+          "$medium": "2px",
+          "$high": "2px"
+        },
+        "$type": "dimension"
+      }
+    },
+    "spacing": {
+      "spacing-100": {
+        "$value": {
+          "$low": "12px",
+          "$touch": "16px",
+          "$medium": "8px",
+          "$high": "4px"
+        },
+        "$type": "dimension"
+      }
+    },
+    "zIndex": {
+      "zIndex-default": {
+        "$value": {
+          "$low": "1",
+          "$touch": "1",
+          "$medium": "1",
+          "$high": "1"
+        },
+        "$type": "number"
+      },
+      "zIndex-popout": {
+        "$value": {
+          "$low": "1000",
+          "$touch": "1000",
+          "$medium": "1000",
+          "$high": "1000"
+        },
+        "$type": "number"
+      },
+      "zIndex-appHeader": {
+        "$value": {
+          "$low": "1100",
+          "$touch": "1100",
+          "$medium": "1100",
+          "$high": "1100"
+        },
+        "$type": "number"
+      },
+      "zIndex-drawer": {
+        "$value": {
+          "$low": "1200",
+          "$touch": "1200",
+          "$medium": "1200",
+          "$high": "1200"
+        },
+        "$type": "number"
+      },
+      "zIndex-modal": {
+        "$value": {
+          "$low": "1300",
+          "$touch": "1300",
+          "$medium": "1300",
+          "$high": "1300"
+        },
+        "$type": "number"
+      },
+      "zIndex-notification": {
+        "$value": {
+          "$low": "1400",
+          "$touch": "1400",
+          "$medium": "1400",
+          "$high": "1400"
+        },
+        "$type": "number"
+      },
+      "zIndex-dragObject": {
+        "$value": {
+          "$low": "1420",
+          "$touch": "1420",
+          "$medium": "1420",
+          "$high": "1420"
+        },
+        "$type": "number"
+      },
+      "zIndex-contextMenu": {
+        "$value": {
+          "$low": "1450",
+          "$touch": "1450",
+          "$medium": "1450",
+          "$high": "1450"
+        },
+        "$type": "number"
+      },
+      "zIndex-flyover": {
+        "$value": {
+          "$low": "1500",
+          "$touch": "1500",
+          "$medium": "1500",
+          "$high": "1500"
+        },
+        "$type": "number"
+      }
+    },
+    "color": {
+      "color-white-rgb": {
+        "$value": "#ffffff",
+        "$type": "color"
+      },
+      "color-gray-100-rgb": {
+        "$value": "#f5f7f8",
+        "$type": "color"
+      },
+      "color-gray-200-rgb": {
+        "$value": "#d3d5d8",
+        "$type": "color"
+      },
+      "color-gray-300-rgb": {
+        "$value": "#b1b5b9",
+        "$type": "color"
+      },
+      "color-gray-400-rgb": {
+        "$value": "#91959a",
+        "$type": "color"
+      },
+      "color-gray-500-rgb": {
+        "$value": "#72777d",
+        "$type": "color"
+      },
+      "color-gray-600-rgb": {
+        "$value": "#5f646a",
+        "$type": "color"
+      },
+      "color-gray-700-rgb": {
+        "$value": "#4c5157",
+        "$type": "color"
+      },
+      "color-gray-800-rgb": {
+        "$value": "#3a3f44",
+        "$type": "color"
+      },
+      "color-gray-900-rgb": {
+        "$value": "#292e33",
+        "$type": "color"
+      },
+      "color-black-rgb": {
+        "$value": "#000000",
+        "$type": "color"
+      },
+      "color-blue-100-rgb": {
+        "$value": "#eaf6ff",
+        "$type": "color"
+      },
+      "color-blue-200-rgb": {
+        "$value": "#c0d5f3",
+        "$type": "color"
+      },
+      "color-blue-300-rgb": {
+        "$value": "#94b4e8",
+        "$type": "color"
+      },
+      "color-blue-400-rgb": {
+        "$value": "#6395db",
+        "$type": "color"
+      },
+      "color-blue-500-rgb": {
+        "$value": "#0078cf",
+        "$type": "color"
+      },
+      "color-blue-600-rgb": {
+        "$value": "#0161ad",
+        "$type": "color"
+      },
+      "color-blue-700-rgb": {
+        "$value": "#014b8c",
+        "$type": "color"
+      },
+      "color-blue-800-rgb": {
+        "$value": "#01366d",
+        "$type": "color"
+      },
+      "color-blue-900-rgb": {
+        "$value": "#00224f",
+        "$type": "color"
+      },
+      "color-green-100-rgb": {
+        "$value": "#eaf5f2",
+        "$type": "color"
+      },
+      "color-green-200-rgb": {
+        "$value": "#b9d9cb",
+        "$type": "color"
+      },
+      "color-green-300-rgb": {
+        "$value": "#88bea5",
+        "$type": "color"
+      },
+      "color-green-400-rgb": {
+        "$value": "#54a280",
+        "$type": "color"
+      },
+      "color-green-500-rgb": {
+        "$value": "#00875d",
+        "$type": "color"
+      },
+      "color-green-600-rgb": {
+        "$value": "#00714b",
+        "$type": "color"
+      },
+      "color-green-700-rgb": {
+        "$value": "#005b3a",
+        "$type": "color"
+      },
+      "color-green-800-rgb": {
+        "$value": "#00472a",
+        "$type": "color"
+      },
+      "color-green-900-rgb": {
+        "$value": "#00331a",
+        "$type": "color"
+      },
+      "color-teal-100-rgb": {
+        "$value": "#dbf5f7",
+        "$type": "color"
+      },
+      "color-teal-200-rgb": {
+        "$value": "#b1d6e0",
+        "$type": "color"
+      },
+      "color-teal-300-rgb": {
+        "$value": "#86b8ca",
+        "$type": "color"
+      },
+      "color-teal-400-rgb": {
+        "$value": "#599bb4",
+        "$type": "color"
+      },
+      "color-teal-500-rgb": {
+        "$value": "#1b7f9e",
+        "$type": "color"
+      },
+      "color-teal-600-rgb": {
+        "$value": "#126681",
+        "$type": "color"
+      },
+      "color-teal-700-rgb": {
+        "$value": "#0a4e66",
+        "$type": "color"
+      },
+      "color-teal-800-rgb": {
+        "$value": "#03374c",
+        "$type": "color"
+      },
+      "color-teal-900-rgb": {
+        "$value": "#002233",
+        "$type": "color"
+      },
+      "color-orange-100-rgb": {
+        "$value": "#ffecd9",
+        "$type": "color"
+      },
+      "color-orange-200-rgb": {
+        "$value": "#f4c7a4",
+        "$type": "color"
+      },
+      "color-orange-300-rgb": {
+        "$value": "#e5a271",
+        "$type": "color"
+      },
+      "color-orange-400-rgb": {
+        "$value": "#d37f40",
+        "$type": "color"
+      },
+      "color-orange-500-rgb": {
+        "$value": "#bd5b00",
+        "$type": "color"
+      },
+      "color-orange-600-rgb": {
+        "$value": "#9c4b04",
+        "$type": "color"
+      },
+      "color-orange-700-rgb": {
+        "$value": "#7d3c05",
+        "$type": "color"
+      },
+      "color-orange-800-rgb": {
+        "$value": "#5e2e05",
+        "$type": "color"
+      },
+      "color-orange-900-rgb": {
+        "$value": "#422000",
+        "$type": "color"
+      },
+      "color-red-100-rgb": {
+        "$value": "#ffecea",
+        "$type": "color"
+      },
+      "color-red-200-rgb": {
+        "$value": "#ffc1ba",
+        "$type": "color"
+      },
+      "color-red-300-rgb": {
+        "$value": "#fd948b",
+        "$type": "color"
+      },
+      "color-red-400-rgb": {
+        "$value": "#f3645e",
+        "$type": "color"
+      },
+      "color-red-500-rgb": {
+        "$value": "#e52135",
+        "$type": "color"
+      },
+      "color-red-600-rgb": {
+        "$value": "#c11729",
+        "$type": "color"
+      },
+      "color-red-700-rgb": {
+        "$value": "#9f0e1d",
+        "$type": "color"
+      },
+      "color-red-800-rgb": {
+        "$value": "#7d0512",
+        "$type": "color"
+      },
+      "color-red-900-rgb": {
+        "$value": "#5e0003",
+        "$type": "color"
+      },
+      "color-purple-100-rgb": {
+        "$value": "#f6f0fa",
+        "$type": "color"
+      },
+      "color-purple-200-rgb": {
+        "$value": "#e2cae7",
+        "$type": "color"
+      },
+      "color-purple-300-rgb": {
+        "$value": "#cda5d3",
+        "$type": "color"
+      },
+      "color-purple-400-rgb": {
+        "$value": "#b880c0",
+        "$type": "color"
+      },
+      "color-purple-500-rgb": {
+        "$value": "#a25bad",
+        "$type": "color"
+      },
+      "color-purple-600-rgb": {
+        "$value": "#894b92",
+        "$type": "color"
+      },
+      "color-purple-700-rgb": {
+        "$value": "#703c78",
+        "$type": "color"
+      },
+      "color-purple-800-rgb": {
+        "$value": "#592d5f",
+        "$type": "color"
+      },
+      "color-purple-900-rgb": {
+        "$value": "#421f47",
+        "$type": "color"
+      },
+      "color-background-snow-rgb": {
+        "$value": "#ffffff",
+        "$type": "color"
+      },
+      "color-background-marble-rgb": {
+        "$value": "#f5f7f8",
+        "$type": "color"
+      },
+      "color-background-limestone-rgb": {
+        "$value": "#faf8f2",
+        "$type": "color"
+      },
+      "color-background-gradientlight-rgb": {
+        "$value": "#e2e4e5",
+        "$type": "color"
+      },
+      "color-background-jet-rgb": {
+        "$value": "#101820",
+        "$type": "color"
+      },
+      "color-background-granite-rgb": {
+        "$value": "#1a2229",
+        "$type": "color"
+      },
+      "color-background-leather-rgb": {
+        "$value": "#26292b",
+        "$type": "color"
+      },
+      "color-logo-brown-rgb": {
+        "$value": "#3a2206",
+        "$type": "color"
+      },
+      "color-white": {
+        "$value": "{foundations.color.color-white-rgb}",
+        "$type": "color"
+      },
+      "color-gray-100": {
+        "$value": "{foundations.color.color-gray-100-rgb}",
+        "$type": "color"
+      },
+      "color-gray-200": {
+        "$value": "{foundations.color.color-gray-200-rgb}",
+        "$type": "color"
+      },
+      "color-gray-300": {
+        "$value": "{foundations.color.color-gray-300-rgb}",
+        "$type": "color"
+      },
+      "color-gray-400": {
+        "$value": "{foundations.color.color-gray-400-rgb}",
+        "$type": "color"
+      },
+      "color-gray-500": {
+        "$value": "{foundations.color.color-gray-500-rgb}",
+        "$type": "color"
+      },
+      "color-gray-600": {
+        "$value": "{foundations.color.color-gray-600-rgb}",
+        "$type": "color"
+      },
+      "color-gray-700": {
+        "$value": "{foundations.color.color-gray-700-rgb}",
+        "$type": "color"
+      },
+      "color-gray-800": {
+        "$value": "{foundations.color.color-gray-800-rgb}",
+        "$type": "color"
+      },
+      "color-gray-900": {
+        "$value": "{foundations.color.color-gray-900-rgb}",
+        "$type": "color"
+      },
+      "color-black": {
+        "$value": "{foundations.color.color-black-rgb}",
+        "$type": "color"
+      },
+      "color-blue-100": {
+        "$value": "{foundations.color.color-blue-100-rgb}",
+        "$type": "color"
+      },
+      "color-blue-200": {
+        "$value": "{foundations.color.color-blue-200-rgb}",
+        "$type": "color"
+      },
+      "color-blue-300": {
+        "$value": "{foundations.color.color-blue-300-rgb}",
+        "$type": "color"
+      },
+      "color-blue-400": {
+        "$value": "{foundations.color.color-blue-400-rgb}",
+        "$type": "color"
+      },
+      "color-blue-500": {
+        "$value": "{foundations.color.color-blue-500-rgb}",
+        "$type": "color"
+      },
+      "color-blue-600": {
+        "$value": "{foundations.color.color-blue-600-rgb}",
+        "$type": "color"
+      },
+      "color-blue-700": {
+        "$value": "{foundations.color.color-blue-700-rgb}",
+        "$type": "color"
+      },
+      "color-blue-800": {
+        "$value": "{foundations.color.color-blue-800-rgb}",
+        "$type": "color"
+      },
+      "color-blue-900": {
+        "$value": "{foundations.color.color-blue-900-rgb}",
+        "$type": "color"
+      },
+      "color-green-100": {
+        "$value": "{foundations.color.color-green-100-rgb}",
+        "$type": "color"
+      },
+      "color-green-200": {
+        "$value": "{foundations.color.color-green-200-rgb}",
+        "$type": "color"
+      },
+      "color-green-300": {
+        "$value": "{foundations.color.color-green-300-rgb}",
+        "$type": "color"
+      },
+      "color-green-400": {
+        "$value": "{foundations.color.color-green-400-rgb}",
+        "$type": "color"
+      },
+      "color-green-500": {
+        "$value": "{foundations.color.color-green-500-rgb}",
+        "$type": "color"
+      },
+      "color-green-600": {
+        "$value": "{foundations.color.color-green-600-rgb}",
+        "$type": "color"
+      },
+      "color-green-700": {
+        "$value": "{foundations.color.color-green-700-rgb}",
+        "$type": "color"
+      },
+      "color-green-800": {
+        "$value": "{foundations.color.color-green-800-rgb}",
+        "$type": "color"
+      },
+      "color-green-900": {
+        "$value": "{foundations.color.color-green-900-rgb}",
+        "$type": "color"
+      },
+      "color-teal-100": {
+        "$value": "{foundations.color.color-teal-100-rgb}",
+        "$type": "color"
+      },
+      "color-teal-200": {
+        "$value": "{foundations.color.color-teal-200-rgb}",
+        "$type": "color"
+      },
+      "color-teal-300": {
+        "$value": "{foundations.color.color-teal-300-rgb}",
+        "$type": "color"
+      },
+      "color-teal-400": {
+        "$value": "{foundations.color.color-teal-400-rgb}",
+        "$type": "color"
+      },
+      "color-teal-500": {
+        "$value": "{foundations.color.color-teal-500-rgb}",
+        "$type": "color"
+      },
+      "color-teal-600": {
+        "$value": "{foundations.color.color-teal-600-rgb}",
+        "$type": "color"
+      },
+      "color-teal-700": {
+        "$value": "{foundations.color.color-teal-700-rgb}",
+        "$type": "color"
+      },
+      "color-teal-800": {
+        "$value": "{foundations.color.color-teal-800-rgb}",
+        "$type": "color"
+      },
+      "color-teal-900": {
+        "$value": "{foundations.color.color-teal-900-rgb}",
+        "$type": "color"
+      },
+      "color-orange-100": {
+        "$value": "{foundations.color.color-orange-100-rgb}",
+        "$type": "color"
+      },
+      "color-orange-200": {
+        "$value": "{foundations.color.color-orange-200-rgb}",
+        "$type": "color"
+      },
+      "color-orange-300": {
+        "$value": "{foundations.color.color-orange-300-rgb}",
+        "$type": "color"
+      },
+      "color-orange-400": {
+        "$value": "{foundations.color.color-orange-400-rgb}",
+        "$type": "color"
+      },
+      "color-orange-500": {
+        "$value": "{foundations.color.color-orange-500-rgb}",
+        "$type": "color"
+      },
+      "color-orange-600": {
+        "$value": "{foundations.color.color-orange-600-rgb}",
+        "$type": "color"
+      },
+      "color-orange-700": {
+        "$value": "{foundations.color.color-orange-700-rgb}",
+        "$type": "color"
+      },
+      "color-orange-800": {
+        "$value": "{foundations.color.color-orange-800-rgb}",
+        "$type": "color"
+      },
+      "color-orange-900": {
+        "$value": "{foundations.color.color-orange-900-rgb}",
+        "$type": "color"
+      },
+      "color-red-100": {
+        "$value": "{foundations.color.color-red-100-rgb}",
+        "$type": "color"
+      },
+      "color-red-200": {
+        "$value": "{foundations.color.color-red-200-rgb}",
+        "$type": "color"
+      },
+      "color-red-300": {
+        "$value": "{foundations.color.color-red-300-rgb}",
+        "$type": "color"
+      },
+      "color-red-400": {
+        "$value": "{foundations.color.color-red-400-rgb}",
+        "$type": "color"
+      },
+      "color-red-500": {
+        "$value": "{foundations.color.color-red-500-rgb}",
+        "$type": "color"
+      },
+      "color-red-600": {
+        "$value": "{foundations.color.color-red-600-rgb}",
+        "$type": "color"
+      },
+      "color-red-700": {
+        "$value": "{foundations.color.color-red-700-rgb}",
+        "$type": "color"
+      },
+      "color-red-800": {
+        "$value": "{foundations.color.color-red-800-rgb}",
+        "$type": "color"
+      },
+      "color-red-900": {
+        "$value": "{foundations.color.color-red-900-rgb}",
+        "$type": "color"
+      },
+      "color-purple-100": {
+        "$value": "{foundations.color.color-purple-100-rgb}",
+        "$type": "color"
+      },
+      "color-purple-200": {
+        "$value": "{foundations.color.color-purple-200-rgb}",
+        "$type": "color"
+      },
+      "color-purple-300": {
+        "$value": "{foundations.color.color-purple-300-rgb}",
+        "$type": "color"
+      },
+      "color-purple-400": {
+        "$value": "{foundations.color.color-purple-400-rgb}",
+        "$type": "color"
+      },
+      "color-purple-500": {
+        "$value": "{foundations.color.color-purple-500-rgb}",
+        "$type": "color"
+      },
+      "color-purple-600": {
+        "$value": "{foundations.color.color-purple-600-rgb}",
+        "$type": "color"
+      },
+      "color-purple-700": {
+        "$value": "{foundations.color.color-purple-700-rgb}",
+        "$type": "color"
+      },
+      "color-purple-800": {
+        "$value": "{foundations.color.color-purple-800-rgb}",
+        "$type": "color"
+      },
+      "color-purple-900": {
+        "$value": "{foundations.color.color-purple-900-rgb}",
+        "$type": "color"
+      },
+      "color-background-snow": {
+        "$value": "{foundations.color.color-background-snow-rgb}",
+        "$type": "color"
+      },
+      "color-background-marble": {
+        "$value": "{foundations.color.color-background-marble-rgb}",
+        "$type": "color"
+      },
+      "color-background-limestone": {
+        "$value": "{foundations.color.color-background-limestone-rgb}",
+        "$type": "color"
+      },
+      "color-background-gradientlight": {
+        "$value": "{foundations.color.color-background-gradientlight-rgb}",
+        "$type": "color"
+      },
+      "color-background-jet": {
+        "$value": "{foundations.color.color-background-jet-rgb}",
+        "$type": "color"
+      },
+      "color-background-granite": {
+        "$value": "{foundations.color.color-background-granite-rgb}",
+        "$type": "color"
+      },
+      "color-background-leather": {
+        "$value": "{foundations.color.color-background-leather-rgb}",
+        "$type": "color"
+      },
+      "color-logo-brown": {
+        "$value": "{foundations.color.color-logo-brown-rgb}",
+        "$type": "color"
+      },
+      "color-white-20a": {
+        "$value": "{foundations.color.color-white-rgb}",
+        "$type": "color"
+      },
+      "color-white-30a": {
+        "$value": "{foundations.color.color-white-rgb}",
+        "$type": "color"
+      },
+      "color-white-40a": {
+        "$value": "{foundations.color.color-white-rgb}",
+        "$type": "color"
+      },
+      "color-white-70a": {
+        "$value": "{foundations.color.color-white-rgb}",
+        "$type": "color"
+      },
+      "color-black-20a": {
+        "$value": "{foundations.color.color-black-rgb}",
+        "$type": "color"
+      },
+      "color-black-30a": {
+        "$value": "{foundations.color.color-black-rgb}",
+        "$type": "color"
+      },
+      "color-black-40a": {
+        "$value": "{foundations.color.color-black-rgb}",
+        "$type": "color"
+      },
+      "color-black-70a": {
+        "$value": "{foundations.color.color-black-rgb}",
+        "$type": "color"
+      },
+      "color-gray-300-10a": {
+        "$value": "{foundations.color.color-gray-300-rgb}",
+        "$type": "color"
+      },
+      "color-gray-300-40a": {
+        "$value": "{foundations.color.color-gray-300-rgb}",
+        "$type": "color"
+      },
+      "color-gray-400-40a": {
+        "$value": "{foundations.color.color-gray-400-rgb}",
+        "$type": "color"
+      },
+      "color-gray-500-10a": {
+        "$value": "{foundations.color.color-gray-500-rgb}",
+        "$type": "color"
+      },
+      "color-gray-500-40a": {
+        "$value": "{foundations.color.color-gray-500-rgb}",
+        "$type": "color"
+      },
+      "color-gray-600-40a": {
+        "$value": "{foundations.color.color-gray-600-rgb}",
+        "$type": "color"
+      },
+      "color-gray-700-10a": {
+        "$value": "{foundations.color.color-gray-700-rgb}",
+        "$type": "color"
+      },
+      "color-gray-700-40a": {
+        "$value": "{foundations.color.color-gray-700-rgb}",
+        "$type": "color"
+      },
+      "color-blue-200-40a": {
+        "$value": "{foundations.color.color-blue-200-rgb}",
+        "$type": "color"
+      },
+      "color-blue-300-40a": {
+        "$value": "{foundations.color.color-blue-300-rgb}",
+        "$type": "color"
+      },
+      "color-blue-400-40a": {
+        "$value": "{foundations.color.color-blue-400-rgb}",
+        "$type": "color"
+      },
+      "color-blue-500-40a": {
+        "$value": "{foundations.color.color-blue-500-rgb}",
+        "$type": "color"
+      },
+      "color-blue-600-40a": {
+        "$value": "{foundations.color.color-blue-600-rgb}",
+        "$type": "color"
+      },
+      "color-blue-700-40a": {
+        "$value": "{foundations.color.color-blue-700-rgb}",
+        "$type": "color"
+      },
+      "color-blue-800-40a": {
+        "$value": "{foundations.color.color-blue-800-rgb}",
+        "$type": "color"
+      },
+      "color-background-snow-40a": {
+        "$value": "{foundations.color.color-background-snow-rgb}",
+        "$type": "color"
+      },
+      "color-background-marble-40a": {
+        "$value": "{foundations.color.color-background-marble-rgb}",
+        "$type": "color"
+      },
+      "color-background-limestone-40a": {
+        "$value": "{foundations.color.color-background-limestone-rgb}",
+        "$type": "color"
+      },
+      "color-background-granite-40a": {
+        "$value": "{foundations.color.color-background-granite-rgb}",
+        "$type": "color"
+      },
+      "color-background-jet-40a": {
+        "$value": "{foundations.color.color-background-jet-rgb}",
+        "$type": "color"
+      },
+      "color-background-leather-40a": {
+        "$value": "{foundations.color.color-background-leather-rgb}",
+        "$type": "color"
+      }
+    },
+    "duration": {
+      "duration-instant": {
+        "$value": "0ms",
+        "$type": "duration"
+      },
+      "duration-perceptible": {
+        "$value": "300ms",
+        "$type": "duration"
+      },
+      "duration-notable": {
+        "$value": "1000ms",
+        "$type": "duration"
+      },
+      "duration-cutoff": {
+        "$value": "10000ms",
+        "$type": "duration"
+      }
+    },
+    "opacity": {
+      "opacity-0": {
+        "$value": "0",
+        "$type": "number"
+      },
+      "opacity-8": {
+        "$value": "0.08",
+        "$type": "number"
+      },
+      "opacity-15": {
+        "$value": "0.15",
+        "$type": "number"
+      },
+      "opacity-25": {
+        "$value": "0.25",
+        "$type": "number"
+      },
+      "opacity-40": {
+        "$value": "0.4",
+        "$type": "number"
+      },
+      "opacity-70": {
+        "$value": "0.7",
+        "$type": "number"
+      }
+    },
+    "typography": {
+      "typography-fontFamily-openSans": {
+        "$value": "\"Open Sans\"",
+        "$type": "fontFamily"
+      },
+      "typography-fontFamily-amplitude": {
+        "$value": "\"Amplitude\"",
+        "$type": "fontFamily"
+      },
+      "typography-fontFamily-ptMono": {
+        "$value": "\"PT Mono\"",
+        "$type": "fontFamily"
+      },
+      "typography-fontWeight-light": {
+        "$value": "300",
+        "$type": "fontWeight"
+      },
+      "typography-fontWeight-regular": {
+        "$value": "400",
+        "$type": "fontWeight"
+      },
+      "typography-fontWeight-medium": {
+        "$value": "500",
+        "$type": "fontWeight"
+      },
+      "typography-fontWeight-semiBold": {
+        "$value": "600",
+        "$type": "fontWeight"
+      },
+      "typography-fontWeight-bold": {
+        "$value": "700",
+        "$type": "fontWeight"
+      },
+      "typography-fontWeight-extraBold": {
+        "$value": "800",
+        "$type": "fontWeight"
+      }
+    }
+  },
+  "characteristics": {
+    "text": {
+      "text-h1-fontSize": {
+        "$value": {
+          "$low": "32px",
+          "$touch": "42px",
+          "$medium": "24px",
+          "$high": "18px"
+        },
+        "$type": "fontSize"
+      },
+      "text-h1-lineHeight": {
+        "$value": {
+          "$low": "42px",
+          "$touch": "54px",
+          "$medium": "32px",
+          "$high": "24px"
+        },
+        "$type": "lineHeight"
+      },
+      "text-h2-fontSize": {
+        "$value": {
+          "$low": "24px",
+          "$touch": "32px",
+          "$medium": "18px",
+          "$high": "14px"
+        },
+        "$type": "fontSize"
+      },
+      "text-h2-lineHeight": {
+        "$value": {
+          "$low": "32px",
+          "$touch": "42px",
+          "$medium": "24px",
+          "$high": "18px"
+        },
+        "$type": "lineHeight"
+      },
+      "text-h3-fontSize": {
+        "$value": {
+          "$low": "18px",
+          "$touch": "24px",
+          "$medium": "14px",
+          "$high": "12px"
+        },
+        "$type": "fontSize"
+      },
+      "text-h3-lineHeight": {
+        "$value": {
+          "$low": "24px",
+          "$touch": "32px",
+          "$medium": "18px",
+          "$high": "16px"
+        },
+        "$type": "lineHeight"
+      },
+      "text-h4-fontSize": {
+        "$value": {
+          "$low": "14px",
+          "$touch": "16px",
+          "$medium": "12px",
+          "$high": "11px"
+        },
+        "$type": "fontSize"
+      },
+      "text-h4-lineHeight": {
+        "$value": {
+          "$low": "18px",
+          "$touch": "20px",
+          "$medium": "16px",
+          "$high": "14px"
+        },
+        "$type": "lineHeight"
+      },
+      "text-label-fontSize": {
+        "$value": {
+          "$low": "12px",
+          "$touch": "14px",
+          "$medium": "11px",
+          "$high": "10px"
+        },
+        "$type": "fontSize"
+      },
+      "text-label-lineHeight": {
+        "$value": {
+          "$low": "16px",
+          "$touch": "18px",
+          "$medium": "14px",
+          "$high": "13px"
+        },
+        "$type": "lineHeight"
+      },
+      "text-fontSize": {
+        "$value": {
+          "$low": "14px",
+          "$touch": "16px",
+          "$medium": "12px",
+          "$high": "11px"
+        },
+        "$type": "fontSize"
+      },
+      "text-lineHeight": {
+        "$value": {
+          "$low": "18px",
+          "$touch": "20px",
+          "$medium": "16px",
+          "$high": "14px"
+        },
+        "$type": "lineHeight"
+      },
+      "text-minHeight": {
+        "$value": {
+          "$low": "18px",
+          "$touch": "20px",
+          "$medium": "16px",
+          "$high": "14px"
+        },
+        "$type": "minHeight"
+      },
+      "text-display1-fontSize": {
+        "$value": {
+          "$low": "68px",
+          "$touch": "84px",
+          "$medium": "54px",
+          "$high": "42px"
+        },
+        "$type": "fontSize"
+      },
+      "text-display1-lineHeight": {
+        "$value": {
+          "$low": "88px",
+          "$touch": "109px",
+          "$medium": "70px",
+          "$high": "54px"
+        },
+        "$type": "lineHeight"
+      },
+      "text-display2-fontSize": {
+        "$value": {
+          "$low": "46px",
+          "$touch": "58px",
+          "$medium": "36px",
+          "$high": "28px"
+        },
+        "$type": "fontSize"
+      },
+      "text-display2-lineHeight": {
+        "$value": {
+          "$low": "60px",
+          "$touch": "76px",
+          "$medium": "47px",
+          "$high": "36px"
+        },
+        "$type": "lineHeight"
+      },
+      "text-display3-fontSize": {
+        "$value": {
+          "$low": "32px",
+          "$touch": "42px",
+          "$medium": "24px",
+          "$high": "18px"
+        },
+        "$type": "fontSize"
+      },
+      "text-display3-lineHeight": {
+        "$value": {
+          "$low": "42px",
+          "$touch": "54px",
+          "$medium": "32px",
+          "$high": "24px"
+        },
+        "$type": "lineHeight"
+      },
+      "text-notation-fontSize": {
+        "$value": {
+          "$low": "12px",
+          "$touch": "14px",
+          "$medium": "10px",
+          "$high": "8px"
+        },
+        "$type": "fontSize"
+      },
+      "text-notation-lineHeight": {
+        "$value": {
+          "$low": "16px",
+          "$touch": "18px",
+          "$medium": "13px",
+          "$high": "10px"
+        },
+        "$type": "lineHeight"
+      },
+      "text-letterSpacing": {
+        "$value": "0",
+        "$type": "letterSpacing"
+      },
+      "text-textAlign": {
+        "$value": "left",
+        "$type": "textAlign"
+      },
+      "text-textAlign-embedded": {
+        "$value": "center",
+        "$type": "textAlign"
+      },
+      "text-textTransform": {
+        "$value": "none",
+        "$type": "textTransform"
+      },
+      "text-action-letterSpacing": {
+        "$value": "0.6px",
+        "$type": "letterSpacing"
+      },
+      "text-action-textTransform": {
+        "$value": "uppercase",
+        "$type": "textTransform"
+      },
+      "text-action-textAlign": {
+        "$value": "center",
+        "$type": "textAlign"
+      },
+      "text-action-fontWeight": {
+        "$value": "{foundations.typography.typography-fontWeight-semiBold}",
+        "$type": "fontWeight"
+      },
+      "text-fontFamily": {
+        "$value": "{palette.text.palette-text-fontFamily}",
+        "$type": "fontFamily"
+      },
+      "text-fontWeight": {
+        "$value": "{foundations.typography.typography-fontWeight-regular}",
+        "$type": "fontWeight"
+      },
+      "text-fontWeight-small": {
+        "$value": "{foundations.typography.typography-fontWeight-light}",
+        "$type": "fontWeight"
+      },
+      "text-fontWeight-strong": {
+        "$value": "{foundations.typography.typography-fontWeight-semiBold}",
+        "$type": "fontWeight"
+      },
+      "text-notation-fontFamily": {
+        "$value": "{palette.text.palette-text-fontFamily}",
+        "$type": "fontFamily"
+      },
+      "text-notation-fontWeight": {
+        "$value": "{foundations.typography.typography-fontWeight-semiBold}",
+        "$type": "fontWeight"
+      },
+      "text-notation-fontWeight-small": {
+        "$value": "{foundations.typography.typography-fontWeight-regular}",
+        "$type": "fontWeight"
+      },
+      "text-notation-fontWeight-strong": {
+        "$value": "{foundations.typography.typography-fontWeight-bold}",
+        "$type": "fontWeight"
+      },
+      "text-h1-fontFamily": {
+        "$value": "{palette.text.palette-text-fontFamily-heading}",
+        "$type": "fontFamily"
+      },
+      "text-h1-fontWeight": {
+        "$value": "{foundations.typography.typography-fontWeight-bold}",
+        "$type": "fontWeight"
+      },
+      "text-h1-fontWeight-small": {
+        "$value": "{foundations.typography.typography-fontWeight-medium}",
+        "$type": "fontWeight"
+      },
+      "text-h1-fontWeight-strong": {
+        "$value": "{foundations.typography.typography-fontWeight-extraBold}",
+        "$type": "fontWeight"
+      },
+      "text-h2-fontFamily": {
+        "$value": "{palette.text.palette-text-fontFamily-heading}",
+        "$type": "fontFamily"
+      },
+      "text-h2-fontWeight": {
+        "$value": "{foundations.typography.typography-fontWeight-semiBold}",
+        "$type": "fontWeight"
+      },
+      "text-h2-fontWeight-small": {
+        "$value": "{foundations.typography.typography-fontWeight-regular}",
+        "$type": "fontWeight"
+      },
+      "text-h2-fontWeight-strong": {
+        "$value": "{foundations.typography.typography-fontWeight-bold}",
+        "$type": "fontWeight"
+      },
+      "text-h3-fontFamily": {
+        "$value": "{palette.text.palette-text-fontFamily-heading}",
+        "$type": "fontFamily"
+      },
+      "text-h3-fontWeight": {
+        "$value": "{foundations.typography.typography-fontWeight-semiBold}",
+        "$type": "fontWeight"
+      },
+      "text-h3-fontWeight-small": {
+        "$value": "{foundations.typography.typography-fontWeight-regular}",
+        "$type": "fontWeight"
+      },
+      "text-h3-fontWeight-strong": {
+        "$value": "{foundations.typography.typography-fontWeight-bold}",
+        "$type": "fontWeight"
+      },
+      "text-h4-fontFamily": {
+        "$value": "{palette.text.palette-text-fontFamily-heading}",
+        "$type": "fontFamily"
+      },
+      "text-h4-fontWeight": {
+        "$value": "{foundations.typography.typography-fontWeight-semiBold}",
+        "$type": "fontWeight"
+      },
+      "text-h4-fontWeight-small": {
+        "$value": "{foundations.typography.typography-fontWeight-regular}",
+        "$type": "fontWeight"
+      },
+      "text-h4-fontWeight-strong": {
+        "$value": "{foundations.typography.typography-fontWeight-bold}",
+        "$type": "fontWeight"
+      },
+      "text-label-fontFamily": {
+        "$value": "{palette.text.palette-text-fontFamily}",
+        "$type": "fontFamily"
+      },
+      "text-label-fontWeight": {
+        "$value": "{foundations.typography.typography-fontWeight-regular}",
+        "$type": "fontWeight"
+      },
+      "text-label-fontWeight-small": {
+        "$value": "{foundations.typography.typography-fontWeight-light}",
+        "$type": "fontWeight"
+      },
+      "text-label-fontWeight-strong": {
+        "$value": "{foundations.typography.typography-fontWeight-semiBold}",
+        "$type": "fontWeight"
+      },
+      "text-display1-fontFamily": {
+        "$value": "{palette.text.palette-text-fontFamily-heading}",
+        "$type": "fontFamily"
+      },
+      "text-display1-fontWeight": {
+        "$value": "{foundations.typography.typography-fontWeight-semiBold}",
+        "$type": "fontWeight"
+      },
+      "text-display1-fontWeight-strong": {
+        "$value": "{foundations.typography.typography-fontWeight-bold}",
+        "$type": "fontWeight"
+      },
+      "text-display1-fontWeight-small": {
+        "$value": "{foundations.typography.typography-fontWeight-regular}",
+        "$type": "fontWeight"
+      },
+      "text-display2-fontFamily": {
+        "$value": "{palette.text.palette-text-fontFamily-heading}",
+        "$type": "fontFamily"
+      },
+      "text-display2-fontWeight": {
+        "$value": "{foundations.typography.typography-fontWeight-semiBold}",
+        "$type": "fontWeight"
+      },
+      "text-display2-fontWeight-strong": {
+        "$value": "{foundations.typography.typography-fontWeight-bold}",
+        "$type": "fontWeight"
+      },
+      "text-display2-fontWeight-small": {
+        "$value": "{foundations.typography.typography-fontWeight-regular}",
+        "$type": "fontWeight"
+      },
+      "text-display3-fontFamily": {
+        "$value": "{palette.text.palette-text-fontFamily-heading}",
+        "$type": "fontFamily"
+      },
+      "text-display3-fontWeight": {
+        "$value": "{foundations.typography.typography-fontWeight-semiBold}",
+        "$type": "fontWeight"
+      },
+      "text-display3-fontWeight-strong": {
+        "$value": "{foundations.typography.typography-fontWeight-bold}",
+        "$type": "fontWeight"
+      },
+      "text-display3-fontWeight-small": {
+        "$value": "{foundations.typography.typography-fontWeight-regular}",
+        "$type": "fontWeight"
+      },
+      "text-code-fontFamily": {
+        "$value": "{palette.text.palette-text-fontFamily-code}",
+        "$type": "fontFamily"
+      }
+    },
+    "accent": {
+      "accent-background": {
+        "$value": "{palette.accent.palette-accent}",
+        "$type": "color"
+      },
+      "accent-borderColor": {
+        "$value": "{palette.accent.palette-accent}",
+        "$type": "color"
+      },
+      "accent-foreground": {
+        "$value": "{palette.foreground.palette-foreground-primary-alt}",
+        "$type": "color"
+      }
+    },
+    "actionable": {
+      "actionable-cta-foreground": {
+        "$value": "{palette.foreground.palette-foreground-primary-alt}",
+        "$type": "color"
+      },
+      "actionable-cta-foreground-hover": {
+        "$value": "{palette.foreground.palette-foreground-invert}",
+        "$type": "color"
+      },
+      "actionable-cta-foreground-active": {
+        "$value": "{palette.foreground.palette-foreground-invert}",
+        "$type": "color"
+      },
+      "actionable-cta-foreground-disabled": {
+        "$value": "{palette.foreground.palette-foreground-primary-alt-disabled}",
+        "$type": "color"
+      },
+      "actionable-cta-background": {
+        "$value": "{palette.accent.palette-accent}",
+        "$type": "color"
+      },
+      "actionable-cta-background-hover": {
+        "$value": "{palette.accent.palette-accent-strong}",
+        "$type": "color"
+      },
+      "actionable-cta-background-active": {
+        "$value": "{palette.accent.palette-accent-stronger}",
+        "$type": "color"
+      },
+      "actionable-cta-background-disabled": {
+        "$value": "{palette.accent.palette-accent-disabled}",
+        "$type": "color"
+      },
+      "actionable-primary-foreground": {
+        "$value": "{palette.foreground.palette-foreground-primary-alt}",
+        "$type": "color"
+      },
+      "actionable-primary-foreground-hover": {
+        "$value": "{palette.foreground.palette-foreground-invert}",
+        "$type": "color"
+      },
+      "actionable-primary-foreground-active": {
+        "$value": "{palette.foreground.palette-foreground-invert}",
+        "$type": "color"
+      },
+      "actionable-primary-foreground-disabled": {
+        "$value": "{palette.foreground.palette-foreground-primary-alt-disabled}",
+        "$type": "color"
+      },
+      "actionable-primary-background": {
+        "$value": "{palette.neutral.palette-neutral}",
+        "$type": "color"
+      },
+      "actionable-primary-background-hover": {
+        "$value": "{palette.neutral.palette-neutral-strong}",
+        "$type": "color"
+      },
+      "actionable-primary-background-active": {
+        "$value": "{palette.neutral.palette-neutral-stronger}",
+        "$type": "color"
+      },
+      "actionable-primary-background-disabled": {
+        "$value": "{palette.neutral.palette-neutral-strong-disabled}",
+        "$type": "color"
+      },
+      "actionable-secondary-foreground": {
+        "$value": "{palette.foreground.palette-foreground-primary}",
+        "$type": "color"
+      },
+      "actionable-secondary-foreground-hover": {
+        "$value": "{palette.foreground.palette-foreground-invert}",
+        "$type": "color"
+      },
+      "actionable-secondary-foreground-active": {
+        "$value": "{palette.foreground.palette-foreground-invert}",
+        "$type": "color"
+      },
+      "actionable-secondary-foreground-disabled": {
+        "$value": "{palette.foreground.palette-foreground-primary-disabled}",
+        "$type": "color"
+      },
+      "actionable-secondary-background": {
+        "$value": "{palette.background.palette-background-none}",
+        "$type": "color"
+      },
+      "actionable-secondary-background-hover": {
+        "$value": "{palette.neutral.palette-neutral-strong}",
+        "$type": "color"
+      },
+      "actionable-secondary-background-active": {
+        "$value": "{palette.neutral.palette-neutral-stronger}",
+        "$type": "color"
+      },
+      "actionable-secondary-background-disabled": {
+        "$value": "{palette.background.palette-background-none}",
+        "$type": "color"
+      }
+    },
+    "container": {
+      "container-primary-background": {
+        "$value": "{palette.background.palette-background-primary}",
+        "$type": "color"
+      },
+      "container-primary-background-disabled": {
+        "$value": "{palette.background.palette-background-primary-disabled}",
+        "$type": "color"
+      },
+      "container-primary-borderColor": {
+        "$value": "{palette.neutral.palette-neutral-weaker}",
+        "$type": "color"
+      },
+      "container-primary-borderColor-disabled": {
+        "$value": "{palette.neutral.palette-neutral-weaker-disabled}",
+        "$type": "color"
+      },
+      "container-secondary-background": {
+        "$value": "{palette.background.palette-background-secondary}",
+        "$type": "color"
+      },
+      "container-secondary-background-disabled": {
+        "$value": "{palette.background.palette-background-secondary-disabled}",
+        "$type": "color"
+      },
+      "container-secondary-borderColor": {
+        "$value": "{palette.neutral.palette-neutral-weaker}",
+        "$type": "color"
+      },
+      "container-secondary-borderColor-disabled": {
+        "$value": "{palette.neutral.palette-neutral-weaker-disabled}",
+        "$type": "color"
+      },
+      "container-tertiary-background": {
+        "$value": "{palette.background.palette-background-tertiary}",
+        "$type": "color"
+      },
+      "container-tertiary-background-disabled": {
+        "$value": "{palette.background.palette-background-tertiary-disabled}",
+        "$type": "color"
+      }
+    },
+    "content": {
+      "content-primary-foreground": {
+        "$value": "{palette.foreground.palette-foreground-primary}",
+        "$type": "color"
+      },
+      "content-primary-foreground-disabled": {
+        "$value": "{palette.foreground.palette-foreground-primary-disabled}",
+        "$type": "color"
+      },
+      "content-secondary-foreground": {
+        "$value": "{palette.foreground.palette-foreground-secondary}",
+        "$type": "color"
+      },
+      "content-secondary-foreground-disabled": {
+        "$value": "{palette.foreground.palette-foreground-secondary-disabled}",
+        "$type": "color"
+      },
+      "content-foreground-hover": {
+        "$value": "{palette.foreground.palette-foreground-hover}",
+        "$type": "color"
+      },
+      "content-foreground-active": {
+        "$value": "{palette.foreground.palette-foreground-active}",
+        "$type": "color"
+      },
+      "content-foreground-visited": {
+        "$value": "{palette.foreground.palette-foreground-visited}",
+        "$type": "color"
+      },
+      "content-foreground-highlight": {
+        "$value": "{palette.accent.palette-accent-weaker}",
+        "$type": "color"
+      }
+    },
+    "draggable": {
+      "draggable-horizontal-cursor-hover": {
+        "$value": "row-resize",
+        "$type": "cursor"
+      },
+      "draggable-horizontal-cursor-active": {
+        "$value": "row-resize",
+        "$type": "cursor"
+      },
+      "draggable-vertical-cursor-hover": {
+        "$value": "col-resize",
+        "$type": "cursor"
+      },
+      "draggable-vertical-cursor-active": {
+        "$value": "col-resize",
+        "$type": "cursor"
+      },
+      "draggable-grab-cursor-hover": {
+        "$value": "grab",
+        "$type": "cursor"
+      },
+      "draggable-grab-cursor-active": {
+        "$value": "grabbing",
+        "$type": "cursor"
+      }
+    },
+    "editable": {
+      "editable-borderColor": {
+        "$value": "{palette.neutral.palette-neutral}",
+        "$type": "color"
+      },
+      "editable-borderColor-active": {
+        "$value": "{palette.accent.palette-accent-stronger}",
+        "$type": "color"
+      },
+      "editable-borderColor-disabled": {
+        "$value": "{palette.neutral.palette-neutral-disabled}",
+        "$type": "color"
+      },
+      "editable-borderColor-hover": {
+        "$value": "{palette.accent.palette-accent}",
+        "$type": "color"
+      },
+      "editable-borderColor-readonly": {
+        "$value": "{palette.neutral.palette-neutral-readonly}",
+        "$type": "color"
+      },
+      "editable-primary-background": {
+        "$value": "{palette.background.palette-background-primary}",
+        "$type": "color"
+      },
+      "editable-primary-background-active": {
+        "$value": "{palette.background.palette-background-primary}",
+        "$type": "color"
+      },
+      "editable-primary-background-disabled": {
+        "$value": "{palette.background.palette-background-primary-disabled}",
+        "$type": "color"
+      },
+      "editable-primary-background-hover": {
+        "$value": "{palette.background.palette-background-primary}",
+        "$type": "color"
+      },
+      "editable-primary-background-readonly": {
+        "$value": "{palette.background.palette-background-none}",
+        "$type": "color"
+      },
+      "editable-secondary-background": {
+        "$value": "{palette.background.palette-background-secondary}",
+        "$type": "color"
+      },
+      "editable-secondary-background-active": {
+        "$value": "{palette.background.palette-background-secondary}",
+        "$type": "color"
+      },
+      "editable-secondary-background-disabled": {
+        "$value": "{palette.background.palette-background-secondary-disabled}",
+        "$type": "color"
+      },
+      "editable-secondary-background-hover": {
+        "$value": "{palette.background.palette-background-secondary}",
+        "$type": "color"
+      },
+      "editable-secondary-background-readonly": {
+        "$value": "{palette.background.palette-background-none}",
+        "$type": "color"
+      }
+    },
+    "focused": {
+      "focused-outlineColor": {
+        "$value": "{palette.accent.palette-accent-stronger}",
+        "$type": "color"
+      }
+    },
+    "navigable": {
+      "navigable-indicator-hover": {
+        "$value": "{palette.neutral.palette-neutral}",
+        "$type": "color"
+      },
+      "navigable-indicator-active": {
+        "$value": "{palette.accent.palette-accent}",
+        "$type": "color"
+      },
+      "navigable-background-hover": {
+        "$value": "{palette.navigate.palette-navigate-background-hover}",
+        "$type": "color"
+      }
+    },
+    "overlayable": {
+      "overlayable-background": {
+        "$value": "{palette.background.palette-background-backdrop}",
+        "$type": "color"
+      }
+    },
+    "selectable": {
+      "selectable-borderColor": {
+        "$value": "{palette.neutral.palette-neutral}",
+        "$type": "color"
+      },
+      "selectable-borderColor-hover": {
+        "$value": "{palette.accent.palette-accent-weak}",
+        "$type": "color"
+      },
+      "selectable-borderColor-selected": {
+        "$value": "{palette.accent.palette-accent}",
+        "$type": "color"
+      },
+      "selectable-borderColor-selectedDisabled": {
+        "$value": "{palette.accent.palette-accent-disabled}",
+        "$type": "color"
+      },
+      "selectable-borderColor-disabled": {
+        "$value": "{palette.neutral.palette-neutral-disabled}",
+        "$type": "color"
+      },
+      "selectable-borderColor-readonly": {
+        "$value": "{palette.neutral.palette-neutral-readonly}",
+        "$type": "color"
+      },
+      "selectable-foreground": {
+        "$value": "{palette.neutral.palette-neutral-strong}",
+        "$type": "color"
+      },
+      "selectable-foreground-disabled": {
+        "$value": "{palette.neutral.palette-neutral-strong-disabled}",
+        "$type": "color"
+      },
+      "selectable-foreground-hover": {
+        "$value": "{palette.accent.palette-accent-weak}",
+        "$type": "color"
+      },
+      "selectable-foreground-selected": {
+        "$value": "{palette.accent.palette-accent}",
+        "$type": "color"
+      },
+      "selectable-foreground-selectedDisabled": {
+        "$value": "{palette.accent.palette-accent-disabled}",
+        "$type": "color"
+      },
+      "selectable-background": {
+        "$value": "{palette.background.palette-background-none}",
+        "$type": "color"
+      },
+      "selectable-background-hover": {
+        "$value": "{palette.accent.palette-accent-weakest}",
+        "$type": "color"
+      },
+      "selectable-background-selected": {
+        "$value": "{palette.accent.palette-accent-weaker}",
+        "$type": "color"
+      },
+      "selectable-background-blurSelected": {
+        "$value": "{palette.neutral.palette-neutral-weakest}",
+        "$type": "color"
+      },
+      "selectable-background-disabled": {
+        "$value": "{palette.background.palette-background-none}",
+        "$type": "color"
+      },
+      "selectable-background-selectedDisabled": {
+        "$value": "{palette.accent.palette-accent-weaker-disabled}",
+        "$type": "color"
+      }
+    },
+    "separable": {
+      "separable-primary-borderColor": {
+        "$value": "{palette.neutral.palette-neutral-stronger-primary}",
+        "$type": "color"
+      },
+      "separable-secondary-borderColor": {
+        "$value": "{palette.neutral.palette-neutral-stronger-secondary}",
+        "$type": "color"
+      },
+      "separable-tertiary-borderColor": {
+        "$value": "{palette.neutral.palette-neutral-stronger-tertiary}",
+        "$type": "color"
+      }
+    },
+    "status": {
+      "status-info-foreground": {
+        "$value": "{palette.accent.palette-accent}",
+        "$type": "color"
+      },
+      "status-success-foreground": {
+        "$value": "{palette.positive.palette-positive}",
+        "$type": "color"
+      },
+      "status-warning-foreground": {
+        "$value": "{palette.warning.palette-warning}",
+        "$type": "color"
+      },
+      "status-error-foreground": {
+        "$value": "{palette.negative.palette-negative}",
+        "$type": "color"
+      },
+      "status-static-foreground": {
+        "$value": "{palette.foreground.palette-foreground-secondary}",
+        "$type": "color"
+      },
+      "status-negative-foreground": {
+        "$value": "{palette.negative.palette-negative}",
+        "$type": "color"
+      },
+      "status-positive-foreground": {
+        "$value": "{palette.positive.palette-positive}",
+        "$type": "color"
+      },
+      "status-info-borderColor": {
+        "$value": "{palette.accent.palette-accent}",
+        "$type": "color"
+      },
+      "status-success-borderColor": {
+        "$value": "{palette.positive.palette-positive}",
+        "$type": "color"
+      },
+      "status-warning-borderColor": {
+        "$value": "{palette.warning.palette-warning}",
+        "$type": "color"
+      },
+      "status-error-borderColor": {
+        "$value": "{palette.negative.palette-negative}",
+        "$type": "color"
+      },
+      "status-info-background": {
+        "$value": "{palette.accent.palette-accent-weakest}",
+        "$type": "color"
+      },
+      "status-success-background": {
+        "$value": "{palette.positive.palette-positive-weak}",
+        "$type": "color"
+      },
+      "status-warning-background": {
+        "$value": "{palette.warning.palette-warning-weak}",
+        "$type": "color"
+      },
+      "status-error-background": {
+        "$value": "{palette.negative.palette-negative-weak}",
+        "$type": "color"
+      },
+      "status-success-background-selected": {
+        "$value": "{palette.positive.palette-positive-weak}",
+        "$type": "color"
+      },
+      "status-warning-background-selected": {
+        "$value": "{palette.warning.palette-warning-weak}",
+        "$type": "color"
+      },
+      "status-error-background-selected": {
+        "$value": "{palette.negative.palette-negative-weak}",
+        "$type": "color"
+      }
+    },
+    "target": {
+      "target-background-hover": {
+        "$value": "{palette.accent.palette-accent}",
+        "$type": "color"
+      },
+      "target-borderColor-hover": {
+        "$value": "{palette.accent.palette-accent-weakest}",
+        "$type": "color"
+      }
+    },
+    "track": {
+      "track-borderColor": {
+        "$value": "{palette.neutral.palette-neutral}",
+        "$type": "color"
+      }
+    }
+  }
+}