diff --git a/.changeset/fair-wombats-tell.md b/.changeset/fair-wombats-tell.md
new file mode 100644
index 000000000..00b0f46ba
--- /dev/null
+++ b/.changeset/fair-wombats-tell.md
@@ -0,0 +1,6 @@
+---
+"@hopper-ui/styled-system": minor
+"@hopper-ui/tokens": minor
+---
+
+Added new status tokens - updated some status tokens
diff --git a/apps/docs/datas/tokens-dark.json b/apps/docs/datas/tokens-dark.json
index 84b0c8134..d9cb7fb3a 100644
--- a/apps/docs/datas/tokens-dark.json
+++ b/apps/docs/datas/tokens-dark.json
@@ -1843,198 +1843,1014 @@
         "name": "hop-information-text-weak",
         "value": "#bae6ff"
       },
+      {
+        "name": "hop-status-caution-border",
+        "value": "#c95109"
+      },
+      {
+        "name": "hop-status-caution-border-disabled",
+        "value": "#ab4104"
+      },
+      {
+        "name": "hop-status-caution-border-hover",
+        "value": "#ba4705"
+      },
+      {
+        "name": "hop-status-caution-border-press",
+        "value": "#c95109"
+      },
+      {
+        "name": "hop-status-caution-border-selected",
+        "value": "#ffd8be"
+      },
       {
         "name": "hop-status-caution-icon",
+        "value": "#692803"
+      },
+      {
+        "name": "hop-status-caution-icon-disabled",
+        "value": "#ba4705"
+      },
+      {
+        "name": "hop-status-caution-icon-hover",
+        "value": "#451a02"
+      },
+      {
+        "name": "hop-status-caution-icon-press",
+        "value": "#692803"
+      },
+      {
+        "name": "hop-status-caution-icon-selected",
+        "value": "#ffd8be"
+      },
+      {
+        "name": "hop-status-caution-surface",
+        "value": "#ffbf92"
+      },
+      {
+        "name": "hop-status-caution-surface-disabled",
+        "value": "#692803"
+      },
+      {
+        "name": "hop-status-caution-surface-hover",
+        "value": "#ff9b3f"
+      },
+      {
+        "name": "hop-status-caution-surface-press",
+        "value": "#e57723"
+      },
+      {
+        "name": "hop-status-caution-surface-selected",
+        "value": "#692803"
+      },
+      {
+        "name": "hop-status-caution-surface-strong",
+        "value": "#ff9b3f"
+      },
+      {
+        "name": "hop-status-caution-text",
+        "value": "#692803"
+      },
+      {
+        "name": "hop-status-caution-text-disabled",
+        "value": "#ba4705"
+      },
+      {
+        "name": "hop-status-caution-text-hover",
         "value": "#451a02"
       },
       {
-        "name": "hop-status-caution-surface",
-        "value": "#ffd8be"
+        "name": "hop-status-caution-text-press",
+        "value": "#692803"
+      },
+      {
+        "name": "hop-status-caution-text-selected",
+        "value": "#ffd8be"
+      },
+      {
+        "name": "hop-status-inactive-border",
+        "value": "#777775"
+      },
+      {
+        "name": "hop-status-inactive-border-disabled",
+        "value": "#636362"
+      },
+      {
+        "name": "hop-status-inactive-border-hover",
+        "value": "#6c6c6b"
+      },
+      {
+        "name": "hop-status-inactive-border-press",
+        "value": "#777775"
+      },
+      {
+        "name": "hop-status-inactive-border-selected",
+        "value": "#e0dfdd"
+      },
+      {
+        "name": "hop-status-inactive-icon",
+        "value": "#3c3c3c"
+      },
+      {
+        "name": "hop-status-inactive-icon-disabled",
+        "value": "#6c6c6b"
+      },
+      {
+        "name": "hop-status-inactive-icon-hover",
+        "value": "#292929"
+      },
+      {
+        "name": "hop-status-inactive-icon-press",
+        "value": "#3c3c3c"
+      },
+      {
+        "name": "hop-status-inactive-icon-selected",
+        "value": "#e0dfdd"
+      },
+      {
+        "name": "hop-status-inactive-surface",
+        "value": "#e0dfdd"
+      },
+      {
+        "name": "hop-status-inactive-surface-disabled",
+        "value": "#3c3c3c"
+      },
+      {
+        "name": "hop-status-inactive-surface-hover",
+        "value": "#b3b3b1"
+      },
+      {
+        "name": "hop-status-inactive-surface-press",
+        "value": "#959593"
+      },
+      {
+        "name": "hop-status-inactive-surface-selected",
+        "value": "#3c3c3c"
+      },
+      {
+        "name": "hop-status-inactive-surface-strong",
+        "value": "#ccccca"
+      },
+      {
+        "name": "hop-status-inactive-text",
+        "value": "#3c3c3c"
+      },
+      {
+        "name": "hop-status-inactive-text-disabled",
+        "value": "#6c6c6b"
+      },
+      {
+        "name": "hop-status-inactive-text-hover",
+        "value": "#292929"
+      },
+      {
+        "name": "hop-status-inactive-text-press",
+        "value": "#3c3c3c"
+      },
+      {
+        "name": "hop-status-inactive-text-selected",
+        "value": "#e0dfdd"
+      },
+      {
+        "name": "hop-status-negative-border",
+        "value": "#df3236"
+      },
+      {
+        "name": "hop-status-negative-border-disabled",
+        "value": "#ba2d2d"
+      },
+      {
+        "name": "hop-status-negative-border-hover",
+        "value": "#cb2e31"
+      },
+      {
+        "name": "hop-status-negative-border-press",
+        "value": "#df3236"
+      },
+      {
+        "name": "hop-status-negative-border-selected",
+        "value": "#ffd6d3"
+      },
+      {
+        "name": "hop-status-negative-icon",
+        "value": "#6c2320"
+      },
+      {
+        "name": "hop-status-negative-icon-disabled",
+        "value": "#cb2e31"
+      },
+      {
+        "name": "hop-status-negative-icon-hover",
+        "value": "#431a17"
+      },
+      {
+        "name": "hop-status-negative-icon-press",
+        "value": "#6c2320"
+      },
+      {
+        "name": "hop-status-negative-icon-selected",
+        "value": "#ffd6d3"
+      },
+      {
+        "name": "hop-status-negative-surface",
+        "value": "#ffbcb7"
+      },
+      {
+        "name": "hop-status-negative-surface-disabled",
+        "value": "#6c2320"
+      },
+      {
+        "name": "hop-status-negative-surface-hover",
+        "value": "#ff8e8e"
+      },
+      {
+        "name": "hop-status-negative-surface-press",
+        "value": "#fa4d59"
+      },
+      {
+        "name": "hop-status-negative-surface-selected",
+        "value": "#6c2320"
+      },
+      {
+        "name": "hop-status-negative-surface-strong",
+        "value": "#ff8e8e"
+      },
+      {
+        "name": "hop-status-negative-text",
+        "value": "#6c2320"
+      },
+      {
+        "name": "hop-status-negative-text-disabled",
+        "value": "#cb2e31"
+      },
+      {
+        "name": "hop-status-negative-text-hover",
+        "value": "#431a17"
+      },
+      {
+        "name": "hop-status-negative-text-press",
+        "value": "#6c2320"
+      },
+      {
+        "name": "hop-status-negative-text-selected",
+        "value": "#ffd6d3"
+      },
+      {
+        "name": "hop-status-neutral-border",
+        "value": "#f8f6f3"
+      },
+      {
+        "name": "hop-status-neutral-border-disabled",
+        "value": "#3c3c3c"
+      },
+      {
+        "name": "hop-status-neutral-border-hover",
+        "value": "#ecebe8"
+      },
+      {
+        "name": "hop-status-neutral-border-press",
+        "value": "#f8f6f3"
+      },
+      {
+        "name": "hop-status-neutral-border-selected",
+        "value": "#f8f6f3"
+      },
+      {
+        "name": "hop-status-neutral-icon",
+        "value": "#f8f6f3"
+      },
+      {
+        "name": "hop-status-neutral-icon-disabled",
+        "value": "#6c6c6b"
+      },
+      {
+        "name": "hop-status-neutral-icon-hover",
+        "value": "#ecebe8"
+      },
+      {
+        "name": "hop-status-neutral-icon-press",
+        "value": "#f8f6f3"
+      },
+      {
+        "name": "hop-status-neutral-icon-selected",
+        "value": "#f8f6f3"
+      },
+      {
+        "name": "hop-status-neutral-surface",
+        "value": "#1d1d1c"
+      },
+      {
+        "name": "hop-status-neutral-surface-disabled",
+        "value": "#505050"
+      },
+      {
+        "name": "hop-status-neutral-surface-hover",
+        "value": "#3c3c3c"
+      },
+      {
+        "name": "hop-status-neutral-surface-press",
+        "value": "#505050"
+      },
+      {
+        "name": "hop-status-neutral-surface-selected",
+        "value": "#fef6ef"
+      },
+      {
+        "name": "hop-status-neutral-surface-strong",
+        "value": "#ccccca"
+      },
+      {
+        "name": "hop-status-neutral-text",
+        "value": "#f8f6f3"
+      },
+      {
+        "name": "hop-status-neutral-text-disabled",
+        "value": "#6c6c6b"
+      },
+      {
+        "name": "hop-status-neutral-text-hover",
+        "value": "#ecebe8"
+      },
+      {
+        "name": "hop-status-neutral-text-press",
+        "value": "#f8f6f3"
+      },
+      {
+        "name": "hop-status-neutral-text-selected",
+        "value": "#292929"
+      },
+      {
+        "name": "hop-status-option1-border",
+        "value": "#3a7bb2"
+      },
+      {
+        "name": "hop-status-option1-border-disabled",
+        "value": "#23669f"
+      },
+      {
+        "name": "hop-status-option1-border-hover",
+        "value": "#2e70a8"
+      },
+      {
+        "name": "hop-status-option1-border-press",
+        "value": "#3a7bb2"
+      },
+      {
+        "name": "hop-status-option1-border-selected",
+        "value": "#bae6ff"
+      },
+      {
+        "name": "hop-status-option1-icon",
+        "value": "#003d70"
+      },
+      {
+        "name": "hop-status-option1-icon-disabled",
+        "value": "#2e70a8"
+      },
+      {
+        "name": "hop-status-option1-icon-hover",
+        "value": "#00274b"
+      },
+      {
+        "name": "hop-status-option1-icon-press",
+        "value": "#003d70"
+      },
+      {
+        "name": "hop-status-option1-icon-selected",
+        "value": "#bae6ff"
+      },
+      {
+        "name": "hop-status-option1-surface",
+        "value": "#9fd2f7"
+      },
+      {
+        "name": "hop-status-option1-surface-disabled",
+        "value": "#003d70"
+      },
+      {
+        "name": "hop-status-option1-surface-hover",
+        "value": "#81b9e4"
+      },
+      {
+        "name": "hop-status-option1-surface-press",
+        "value": "#5d9acd"
+      },
+      {
+        "name": "hop-status-option1-surface-selected",
+        "value": "#003d70"
+      },
+      {
+        "name": "hop-status-option1-surface-strong",
+        "value": "#9fd2f7"
+      },
+      {
+        "name": "hop-status-option1-text",
+        "value": "#003d70"
+      },
+      {
+        "name": "hop-status-option1-text-disabled",
+        "value": "#2e70a8"
+      },
+      {
+        "name": "hop-status-option1-text-hover",
+        "value": "#00274b"
+      },
+      {
+        "name": "hop-status-option1-text-press",
+        "value": "#003d70"
+      },
+      {
+        "name": "hop-status-option1-text-selected",
+        "value": "#bae6ff"
+      },
+      {
+        "name": "hop-status-option2-border",
+        "value": "#8d91dc"
+      },
+      {
+        "name": "hop-status-option2-border-disabled",
+        "value": "#5454be"
+      },
+      {
+        "name": "hop-status-option2-border-hover",
+        "value": "#5f61c5"
+      },
+      {
+        "name": "hop-status-option2-border-press",
+        "value": "#8d91dc"
+      },
+      {
+        "name": "hop-status-option2-border-selected",
+        "value": "#322b8d"
+      },
+      {
+        "name": "hop-status-option2-icon",
+        "value": "#322b8d"
+      },
+      {
+        "name": "hop-status-option2-icon-disabled",
+        "value": "#5f61c5"
+      },
+      {
+        "name": "hop-status-option2-icon-hover",
+        "value": "#1e1c5d"
+      },
+      {
+        "name": "hop-status-option2-icon-press",
+        "value": "#322b8d"
+      },
+      {
+        "name": "hop-status-option2-icon-selected",
+        "value": "#ddddf7"
+      },
+      {
+        "name": "hop-status-option2-surface",
+        "value": "#c8caf0"
+      },
+      {
+        "name": "hop-status-option2-surface-disabled",
+        "value": "#322b8d"
+      },
+      {
+        "name": "hop-status-option2-surface-hover",
+        "value": "#aeb3e8"
+      },
+      {
+        "name": "hop-status-option2-surface-press",
+        "value": "#8d91dc"
+      },
+      {
+        "name": "hop-status-option2-surface-selected",
+        "value": "#322b8d"
+      },
+      {
+        "name": "hop-status-option2-surface-strong",
+        "value": "#c8caf0"
+      },
+      {
+        "name": "hop-status-option2-text",
+        "value": "#322b8d"
+      },
+      {
+        "name": "hop-status-option2-text-disabled",
+        "value": "#5f61c5"
+      },
+      {
+        "name": "hop-status-option2-text-hover",
+        "value": "#1e1c5d"
+      },
+      {
+        "name": "hop-status-option2-text-press",
+        "value": "#322b8d"
+      },
+      {
+        "name": "hop-status-option2-text-selected",
+        "value": "#ddddf7"
+      },
+      {
+        "name": "hop-status-option3-border",
+        "value": "#38836a"
+      },
+      {
+        "name": "hop-status-option3-border-disabled",
+        "value": "#206f54"
+      },
+      {
+        "name": "hop-status-option3-border-hover",
+        "value": "#2b795e"
+      },
+      {
+        "name": "hop-status-option3-border-press",
+        "value": "#38836a"
+      },
+      {
+        "name": "hop-status-option3-border-selected",
+        "value": "#bde8e1"
+      },
+      {
+        "name": "hop-status-option3-icon",
+        "value": "#00452d"
+      },
+      {
+        "name": "hop-status-option3-icon-disabled",
+        "value": "#2b795e"
+      },
+      {
+        "name": "hop-status-option3-icon-hover",
+        "value": "#002d1c"
+      },
+      {
+        "name": "hop-status-option3-icon-press",
+        "value": "#00452d"
+      },
+      {
+        "name": "hop-status-option3-icon-selected",
+        "value": "#bde8e1"
+      },
+      {
+        "name": "hop-status-option3-surface",
+        "value": "#a3d6cb"
+      },
+      {
+        "name": "hop-status-option3-surface-disabled",
+        "value": "#00452d"
+      },
+      {
+        "name": "hop-status-option3-surface-hover",
+        "value": "#83beaf"
+      },
+      {
+        "name": "hop-status-option3-surface-press",
+        "value": "#5da18c"
+      },
+      {
+        "name": "hop-status-option3-surface-selected",
+        "value": "#00452d"
+      },
+      {
+        "name": "hop-status-option3-surface-strong",
+        "value": "#a3d6cb"
+      },
+      {
+        "name": "hop-status-option3-text",
+        "value": "#00452d"
+      },
+      {
+        "name": "hop-status-option3-text-disabled",
+        "value": "#83beaf"
+      },
+      {
+        "name": "hop-status-option3-text-hover",
+        "value": "#002d1c"
+      },
+      {
+        "name": "hop-status-option3-text-press",
+        "value": "#00452d"
+      },
+      {
+        "name": "hop-status-option3-text-selected",
+        "value": "#bde8e1"
+      },
+      {
+        "name": "hop-status-option4-border",
+        "value": "#5e7b84"
+      },
+      {
+        "name": "hop-status-option4-border-disabled",
+        "value": "#4e6770"
+      },
+      {
+        "name": "hop-status-option4-border-hover",
+        "value": "#557079"
+      },
+      {
+        "name": "hop-status-option4-border-press",
+        "value": "#5e7b84"
+      },
+      {
+        "name": "hop-status-option4-border-selected",
+        "value": "#d2e3e7"
+      },
+      {
+        "name": "hop-status-option4-icon",
+        "value": "#313e43"
+      },
+      {
+        "name": "hop-status-option4-icon-disabled",
+        "value": "#557079"
+      },
+      {
+        "name": "hop-status-option4-icon-hover",
+        "value": "#20282a"
+      },
+      {
+        "name": "hop-status-option4-icon-press",
+        "value": "#313e43"
+      },
+      {
+        "name": "hop-status-option4-icon-selected",
+        "value": "#d2e3e7"
+      },
+      {
+        "name": "hop-status-option4-surface",
+        "value": "#bad0d5"
       },
       {
-        "name": "hop-status-caution-surface-strong",
-        "value": "#ff9b3f"
+        "name": "hop-status-option4-surface-disabled",
+        "value": "#4e6770"
       },
       {
-        "name": "hop-status-caution-text",
-        "value": "#451a02"
+        "name": "hop-status-option4-surface-hover",
+        "value": "#9cb7be"
       },
       {
-        "name": "hop-status-inselected-icon",
-        "value": "#3c3c3c"
+        "name": "hop-status-option4-surface-press",
+        "value": "#7c9aa3"
       },
       {
-        "name": "hop-status-inselected-surface",
-        "value": "#e0dfdd"
+        "name": "hop-status-option4-surface-selected",
+        "value": "#313e43"
       },
       {
-        "name": "hop-status-inselected-surface-strong",
-        "value": "#ccccca"
+        "name": "hop-status-option4-surface-strong",
+        "value": "#bad0d5"
       },
       {
-        "name": "hop-status-inselected-text",
-        "value": "#292929"
+        "name": "hop-status-option4-text",
+        "value": "#313e43"
       },
       {
-        "name": "hop-status-negative-icon",
-        "value": "#431a17"
+        "name": "hop-status-option4-text-disabled",
+        "value": "#557079"
       },
       {
-        "name": "hop-status-negative-surface",
-        "value": "#ffd6d3"
+        "name": "hop-status-option4-text-hover",
+        "value": "#20282a"
       },
       {
-        "name": "hop-status-negative-surface-strong",
-        "value": "#ff8e8e"
+        "name": "hop-status-option4-text-press",
+        "value": "#20282a"
       },
       {
-        "name": "hop-status-negative-text",
-        "value": "#431a17"
+        "name": "hop-status-option4-text-selected",
+        "value": "#d2e3e7"
       },
       {
-        "name": "hop-status-neutral-icon",
-        "value": "#f8f6f3"
+        "name": "hop-status-option5-border",
+        "value": "#837463"
       },
       {
-        "name": "hop-status-neutral-surface",
-        "value": "#1d1d1c"
+        "name": "hop-status-option5-border-disabled",
+        "value": "#6e6151"
       },
       {
-        "name": "hop-status-neutral-surface-strong",
-        "value": "#ccccca"
+        "name": "hop-status-option5-border-hover",
+        "value": "#776a59"
       },
       {
-        "name": "hop-status-neutral-text",
-        "value": "#f8f6f3"
+        "name": "hop-status-option5-border-press",
+        "value": "#837463"
       },
       {
-        "name": "hop-status-option1-icon",
-        "value": "#00274b"
+        "name": "hop-status-option5-border-selected",
+        "value": "#e5ded6"
       },
       {
-        "name": "hop-status-option1-surface",
-        "value": "#81b9e4"
+        "name": "hop-status-option5-icon",
+        "value": "#433b31"
       },
       {
-        "name": "hop-status-option1-surface-strong",
-        "value": "#9fd2f7"
+        "name": "hop-status-option5-icon-disabled",
+        "value": "#776a59"
       },
       {
-        "name": "hop-status-option1-text",
-        "value": "#00274b"
+        "name": "hop-status-option5-icon-hover",
+        "value": "#2a2620"
       },
       {
-        "name": "hop-status-option2-icon",
-        "value": "#1e1c5d"
+        "name": "hop-status-option5-icon-press",
+        "value": "#433b31"
       },
       {
-        "name": "hop-status-option2-surface",
-        "value": "#aeb3e8"
+        "name": "hop-status-option5-icon-selected",
+        "value": "#e5ded6"
       },
       {
-        "name": "hop-status-option2-surface-strong",
-        "value": "#c8caf0"
+        "name": "hop-status-option5-surface",
+        "value": "#d4cbc0"
       },
       {
-        "name": "hop-status-option2-text",
-        "value": "#1e1c5d"
+        "name": "hop-status-option5-surface-disabled",
+        "value": "#433b31"
       },
       {
-        "name": "hop-status-option3-icon",
-        "value": "#002d1c"
+        "name": "hop-status-option5-surface-hover",
+        "value": "#bdb1a3"
       },
       {
-        "name": "hop-status-option3-surface",
-        "value": "#83beaf"
+        "name": "hop-status-option5-surface-press",
+        "value": "#a19382"
       },
       {
-        "name": "hop-status-option3-surface-strong",
-        "value": "#a3d6cb"
+        "name": "hop-status-option5-surface-selected",
+        "value": "#433b31"
       },
       {
-        "name": "hop-status-option3-text",
-        "value": "#002d1c"
+        "name": "hop-status-option5-surface-strong",
+        "value": "#d4cbc0"
       },
       {
-        "name": "hop-status-option4-icon",
-        "value": "#20282a"
+        "name": "hop-status-option5-text",
+        "value": "#433b31"
       },
       {
-        "name": "hop-status-option4-surface",
-        "value": "#9cb7be"
+        "name": "hop-status-option5-text-disabled",
+        "value": "#776a59"
       },
       {
-        "name": "hop-status-option4-surface-strong",
-        "value": "#bad0d5"
+        "name": "hop-status-option5-text-hover",
+        "value": "#2a2620"
       },
       {
-        "name": "hop-status-option4-text",
-        "value": "#20282a"
+        "name": "hop-status-option5-text-press",
+        "value": "#433b31"
       },
       {
-        "name": "hop-status-option5-icon",
-        "value": "#2a2620"
+        "name": "hop-status-option5-text-selected",
+        "value": "#e5ded6"
       },
       {
-        "name": "hop-status-option5-surface",
-        "value": "#bdb1a3"
+        "name": "hop-status-option6-border",
+        "value": "#996f08"
       },
       {
-        "name": "hop-status-option5-surface-strong",
-        "value": "#d4cbc0"
+        "name": "hop-status-option6-border-disabled",
+        "value": "#7e5e0a"
       },
       {
-        "name": "hop-status-option5-text",
-        "value": "#2a2620"
+        "name": "hop-status-option6-border-hover",
+        "value": "#8b6609"
+      },
+      {
+        "name": "hop-status-option6-border-press",
+        "value": "#996f08"
+      },
+      {
+        "name": "hop-status-option6-border-selected",
+        "value": "#f7e694"
       },
       {
         "name": "hop-status-option6-icon",
+        "value": "#4b390f"
+      },
+      {
+        "name": "hop-status-option6-icon-disabled",
+        "value": "#8b6609"
+      },
+      {
+        "name": "hop-status-option6-icon-hover",
         "value": "#2f250d"
       },
       {
-        "name": "hop-status-option6-surface",
+        "name": "hop-status-option6-icon-press",
+        "value": "#4b390f"
+      },
+      {
+        "name": "hop-status-option6-icon-selected",
         "value": "#f7e694"
       },
+      {
+        "name": "hop-status-option6-surface",
+        "value": "#eac96d"
+      },
+      {
+        "name": "hop-status-option6-surface-disabled",
+        "value": "#4b390f"
+      },
+      {
+        "name": "hop-status-option6-surface-hover",
+        "value": "#e2a934"
+      },
+      {
+        "name": "hop-status-option6-surface-press",
+        "value": "#c28b12"
+      },
+      {
+        "name": "hop-status-option6-surface-selected",
+        "value": "#4b390f"
+      },
       {
         "name": "hop-status-option6-surface-strong",
         "value": "#eac96d"
       },
       {
         "name": "hop-status-option6-text",
+        "value": "#4b390f"
+      },
+      {
+        "name": "hop-status-option6-text-disabled",
+        "value": "#8b6609"
+      },
+      {
+        "name": "hop-status-option6-text-hover",
         "value": "#2f250d"
       },
+      {
+        "name": "hop-status-option6-text-press",
+        "value": "#4b390f"
+      },
+      {
+        "name": "hop-status-option6-text-selected",
+        "value": "#f7e694"
+      },
+      {
+        "name": "hop-status-positive-border",
+        "value": "#188a71"
+      },
+      {
+        "name": "hop-status-positive-border-disabled",
+        "value": "#16433d"
+      },
+      {
+        "name": "hop-status-positive-border-hover",
+        "value": "#0c796b"
+      },
+      {
+        "name": "hop-status-positive-border-press",
+        "value": "#188a71"
+      },
+      {
+        "name": "hop-status-positive-border-selected",
+        "value": "#cde8ac"
+      },
       {
         "name": "hop-status-positive-icon",
+        "value": "#16433d"
+      },
+      {
+        "name": "hop-status-positive-icon-disabled",
+        "value": "#7dc291"
+      },
+      {
+        "name": "hop-status-positive-icon-hover",
         "value": "#132a27"
       },
       {
-        "name": "hop-status-positive-surface",
+        "name": "hop-status-positive-icon-press",
+        "value": "#16433d"
+      },
+      {
+        "name": "hop-status-positive-icon-selected",
         "value": "#cde8ac"
       },
+      {
+        "name": "hop-status-positive-surface",
+        "value": "#aad89d"
+      },
+      {
+        "name": "hop-status-positive-surface-disabled",
+        "value": "#16433d"
+      },
+      {
+        "name": "hop-status-positive-surface-hover",
+        "value": "#7dc291"
+      },
+      {
+        "name": "hop-status-positive-surface-press",
+        "value": "#47a584"
+      },
+      {
+        "name": "hop-status-positive-surface-selected",
+        "value": "#16433d"
+      },
       {
         "name": "hop-status-positive-surface-strong",
         "value": "#7dc291"
       },
       {
         "name": "hop-status-positive-text",
+        "value": "#16433d"
+      },
+      {
+        "name": "hop-status-positive-text-disabled",
+        "value": "#0c796b"
+      },
+      {
+        "name": "hop-status-positive-text-hover",
         "value": "#132a27"
       },
+      {
+        "name": "hop-status-positive-text-press",
+        "value": "#16433d"
+      },
+      {
+        "name": "hop-status-positive-text-selected",
+        "value": "#cde8ac"
+      },
+      {
+        "name": "hop-status-progress-border",
+        "value": "#4767fe"
+      },
+      {
+        "name": "hop-status-progress-border-disabled",
+        "value": "#2a43e8"
+      },
+      {
+        "name": "hop-status-progress-border-hover",
+        "value": "#3b57ff"
+      },
+      {
+        "name": "hop-status-progress-border-press",
+        "value": "#4767fe"
+      },
+      {
+        "name": "hop-status-progress-border-selected",
+        "value": "#d6e0ff"
+      },
       {
         "name": "hop-status-progress-icon",
+        "value": "#1b3587"
+      },
+      {
+        "name": "hop-status-progress-icon-disabled",
+        "value": "#3b57ff"
+      },
+      {
+        "name": "hop-status-progress-icon-hover",
         "value": "#152450"
       },
+      {
+        "name": "hop-status-progress-icon-press",
+        "value": "#1b3587"
+      },
+      {
+        "name": "hop-status-progress-icon-selected",
+        "value": "#d6e0ff"
+      },
       {
         "name": "hop-status-progress-surface",
         "value": "#b9cbff"
       },
+      {
+        "name": "hop-status-progress-surface-disabled",
+        "value": "#1b3587"
+      },
+      {
+        "name": "hop-status-progress-surface-hover",
+        "value": "#95b1ff"
+      },
+      {
+        "name": "hop-status-progress-surface-press",
+        "value": "#6c8ffd"
+      },
+      {
+        "name": "hop-status-progress-surface-selected",
+        "value": "#1b3587"
+      },
       {
         "name": "hop-status-progress-surface-strong",
         "value": "#95b1ff"
       },
       {
         "name": "hop-status-progress-text",
+        "value": "#1b3587"
+      },
+      {
+        "name": "hop-status-progress-text-disabled",
+        "value": "#3b57ff"
+      },
+      {
+        "name": "hop-status-progress-text-hover",
         "value": "#152450"
       },
+      {
+        "name": "hop-status-progress-text-press",
+        "value": "#1b3587"
+      },
+      {
+        "name": "hop-status-progress-text-selected",
+        "value": "#d6e0ff"
+      },
       {
         "name": "hop-success-border",
         "value": "#0c796b"
diff --git a/apps/docs/datas/tokens.json b/apps/docs/datas/tokens.json
index 1f2e9b23f..1e36d9e7c 100644
--- a/apps/docs/datas/tokens.json
+++ b/apps/docs/datas/tokens.json
@@ -1845,154 +1845,822 @@
         "name": "hop-information-text-weak",
         "value": "#5d9acd"
       },
+      {
+        "name": "hop-status-caution-border",
+        "value": "#e57723"
+      },
+      {
+        "name": "hop-status-caution-border-disabled",
+        "value": "#ffe8d3"
+      },
+      {
+        "name": "hop-status-caution-border-hover",
+        "value": "#c95109"
+      },
+      {
+        "name": "hop-status-caution-border-press",
+        "value": "#ba4705"
+      },
+      {
+        "name": "hop-status-caution-border-selected",
+        "value": "#8c3504"
+      },
+      {
+        "name": "hop-status-caution-icon",
+        "value": "#ab4104"
+      },
+      {
+        "name": "hop-status-caution-icon-disabled",
+        "value": "#ff9b3f"
+      },
+      {
+        "name": "hop-status-caution-icon-hover",
+        "value": "#8c3504"
+      },
+      {
+        "name": "hop-status-caution-icon-press",
+        "value": "#692803"
+      },
+      {
+        "name": "hop-status-caution-icon-selected",
+        "value": "#8c3504"
+      },
+      {
+        "name": "hop-status-caution-surface",
+        "value": "#ffe8d3"
+      },
+      {
+        "name": "hop-status-caution-surface-disabled",
+        "value": "#fff5e9"
+      },
+      {
+        "name": "hop-status-caution-surface-hover",
+        "value": "#ffd8be"
+      },
+      {
+        "name": "hop-status-caution-surface-press",
+        "value": "#ffbf92"
+      },
+      {
+        "name": "hop-status-caution-surface-selected",
+        "value": "#ffe8d3"
+      },
       {
         "name": "hop-status-caution-surface-strong",
         "value": "#ff9b3f"
       },
       {
-        "name": "hop-status-caution-icon",
-        "value": "#8c3504"
+        "name": "hop-status-caution-text",
+        "value": "#ab4104"
+      },
+      {
+        "name": "hop-status-caution-text-disabled",
+        "value": "#ff9b3f"
+      },
+      {
+        "name": "hop-status-caution-text-hover",
+        "value": "#8c3504"
+      },
+      {
+        "name": "hop-status-caution-text-press",
+        "value": "#692803"
+      },
+      {
+        "name": "hop-status-caution-text-selected",
+        "value": "#8c3504"
+      },
+      {
+        "name": "hop-status-inactive-border",
+        "value": "#959593"
+      },
+      {
+        "name": "hop-status-inactive-border-disabled",
+        "value": "#ecebe8"
+      },
+      {
+        "name": "hop-status-inactive-border-hover",
+        "value": "#777775"
+      },
+      {
+        "name": "hop-status-inactive-border-press",
+        "value": "#6c6c6b"
+      },
+      {
+        "name": "hop-status-inactive-border-selected",
+        "value": "#505050"
+      },
+      {
+        "name": "hop-status-inactive-icon",
+        "value": "#636362"
+      },
+      {
+        "name": "hop-status-inactive-icon-disabled",
+        "value": "#b3b3b1"
+      },
+      {
+        "name": "hop-status-inactive-icon-hover",
+        "value": "#505050"
+      },
+      {
+        "name": "hop-status-inactive-icon-press",
+        "value": "#3c3c3c"
+      },
+      {
+        "name": "hop-status-inactive-icon-selected",
+        "value": "#505050"
+      },
+      {
+        "name": "hop-status-inactive-surface",
+        "value": "#ecebe8"
+      },
+      {
+        "name": "hop-status-inactive-surface-disabled",
+        "value": "#f8f6f3"
+      },
+      {
+        "name": "hop-status-inactive-surface-hover",
+        "value": "#e0dfdd"
+      },
+      {
+        "name": "hop-status-inactive-surface-press",
+        "value": "#ccccca"
+      },
+      {
+        "name": "hop-status-inactive-surface-selected",
+        "value": "#ecebe8"
+      },
+      {
+        "name": "hop-status-inactive-surface-strong",
+        "value": "#ccccca"
+      },
+      {
+        "name": "hop-status-inactive-text",
+        "value": "#636362"
+      },
+      {
+        "name": "hop-status-inactive-text-disabled",
+        "value": "#b3b3b1"
+      },
+      {
+        "name": "hop-status-inactive-text-hover",
+        "value": "#505050"
+      },
+      {
+        "name": "hop-status-inactive-text-press",
+        "value": "#3c3c3c"
+      },
+      {
+        "name": "hop-status-inactive-text-selected",
+        "value": "#505050"
+      },
+      {
+        "name": "hop-status-negative-border",
+        "value": "#fa4d59"
+      },
+      {
+        "name": "hop-status-negative-border-disabled",
+        "value": "#fde6e5"
+      },
+      {
+        "name": "hop-status-negative-border-hover",
+        "value": "#df3236"
+      },
+      {
+        "name": "hop-status-negative-border-press",
+        "value": "#cb2e31"
+      },
+      {
+        "name": "hop-status-negative-border-selected",
+        "value": "#952927"
+      },
+      {
+        "name": "hop-status-negative-icon",
+        "value": "#ba2d2d"
+      },
+      {
+        "name": "hop-status-negative-icon-disabled",
+        "value": "#ff8e8e"
+      },
+      {
+        "name": "hop-status-negative-icon-hover",
+        "value": "#952927"
+      },
+      {
+        "name": "hop-status-negative-icon-press",
+        "value": "#6c2320"
+      },
+      {
+        "name": "hop-status-negative-icon-selected",
+        "value": "#952927"
+      },
+      {
+        "name": "hop-status-negative-surface",
+        "value": "#fde6e5"
+      },
+      {
+        "name": "hop-status-negative-surface-disabled",
+        "value": "#fdf6f6"
+      },
+      {
+        "name": "hop-status-negative-surface-hover",
+        "value": "#ffd6d3"
+      },
+      {
+        "name": "hop-status-negative-surface-press",
+        "value": "#ffbcb7"
+      },
+      {
+        "name": "hop-status-negative-surface-selected",
+        "value": "#fde6e5"
+      },
+      {
+        "name": "hop-status-negative-surface-strong",
+        "value": "#ff8e8e"
+      },
+      {
+        "name": "hop-status-negative-text",
+        "value": "#ba2d2d"
+      },
+      {
+        "name": "hop-status-negative-text-disabled",
+        "value": "#ff8e8e"
+      },
+      {
+        "name": "hop-status-negative-text-hover",
+        "value": "#952927"
+      },
+      {
+        "name": "hop-status-negative-text-press",
+        "value": "#6c2320"
+      },
+      {
+        "name": "hop-status-negative-text-selected",
+        "value": "#952927"
+      },
+      {
+        "name": "hop-status-neutral-border",
+        "value": "#3c3c3c"
+      },
+      {
+        "name": "hop-status-neutral-border-disabled",
+        "value": "#ecebe8"
+      },
+      {
+        "name": "hop-status-neutral-border-hover",
+        "value": "#505050"
+      },
+      {
+        "name": "hop-status-neutral-border-press",
+        "value": "#292929"
+      },
+      {
+        "name": "hop-status-neutral-border-selected",
+        "value": "#3c3c3c"
+      },
+      {
+        "name": "hop-status-neutral-icon",
+        "value": "#3c3c3c"
+      },
+      {
+        "name": "hop-status-neutral-icon-disabled",
+        "value": "#959593"
+      },
+      {
+        "name": "hop-status-neutral-icon-hover",
+        "value": "#505050"
+      },
+      {
+        "name": "hop-status-neutral-icon-press",
+        "value": "#292929"
+      },
+      {
+        "name": "hop-status-neutral-icon-selected",
+        "value": "#ffffff"
+      },
+      {
+        "name": "hop-status-neutral-surface",
+        "value": "#ffffff"
+      },
+      {
+        "name": "hop-status-neutral-surface-disabled",
+        "value": "#ecebe8"
+      },
+      {
+        "name": "hop-status-neutral-surface-hover",
+        "value": "#f8f6f3"
+      },
+      {
+        "name": "hop-status-neutral-surface-press",
+        "value": "#ecebe8"
+      },
+      {
+        "name": "hop-status-neutral-surface-selected",
+        "value": "#3c3c3c"
+      },
+      {
+        "name": "hop-status-neutral-surface-strong",
+        "value": "#b3b3b1"
+      },
+      {
+        "name": "hop-status-neutral-text",
+        "value": "#3c3c3c"
+      },
+      {
+        "name": "hop-status-neutral-text-disabled",
+        "value": "#959593"
+      },
+      {
+        "name": "hop-status-neutral-text-hover",
+        "value": "#505050"
+      },
+      {
+        "name": "hop-status-neutral-text-press",
+        "value": "#292929"
+      },
+      {
+        "name": "hop-status-neutral-text-selected",
+        "value": "#ffffff"
+      },
+      {
+        "name": "hop-status-option1-border",
+        "value": "#5d9acd"
+      },
+      {
+        "name": "hop-status-option1-border-disabled",
+        "value": "#d9efff"
+      },
+      {
+        "name": "hop-status-option1-border-hover",
+        "value": "#3a7bb2"
+      },
+      {
+        "name": "hop-status-option1-border-press",
+        "value": "#2e70a8"
+      },
+      {
+        "name": "hop-status-option1-border-selected",
+        "value": "#0a538b"
+      },
+      {
+        "name": "hop-status-option1-icon",
+        "value": "#23669f"
+      },
+      {
+        "name": "hop-status-option1-icon-disabled",
+        "value": "#81b9e4"
+      },
+      {
+        "name": "hop-status-option1-icon-hover",
+        "value": "#0a538b"
+      },
+      {
+        "name": "hop-status-option1-icon-press",
+        "value": "#003d70"
+      },
+      {
+        "name": "hop-status-option1-icon-selected",
+        "value": "#0a538b"
+      },
+      {
+        "name": "hop-status-option1-surface",
+        "value": "#d9efff"
+      },
+      {
+        "name": "hop-status-option1-surface-disabled",
+        "value": "#f0f8ff"
+      },
+      {
+        "name": "hop-status-option1-surface-hover",
+        "value": "#bae6ff"
+      },
+      {
+        "name": "hop-status-option1-surface-press",
+        "value": "#9fd2f7"
+      },
+      {
+        "name": "hop-status-option1-surface-selected",
+        "value": "#d9efff"
+      },
+      {
+        "name": "hop-status-option1-surface-strong",
+        "value": "#81b9e4"
+      },
+      {
+        "name": "hop-status-option1-text",
+        "value": "#23669f"
+      },
+      {
+        "name": "hop-status-option1-text-disabled",
+        "value": "#81b9e4"
+      },
+      {
+        "name": "hop-status-option1-text-hover",
+        "value": "#0a538b"
+      },
+      {
+        "name": "hop-status-option1-text-press",
+        "value": "#003d70"
+      },
+      {
+        "name": "hop-status-option1-text-selected",
+        "value": "#0a538b"
+      },
+      {
+        "name": "hop-status-option2-border",
+        "value": "#8d91dc"
+      },
+      {
+        "name": "hop-status-option2-border-disabled",
+        "value": "#eae9fb"
+      },
+      {
+        "name": "hop-status-option2-border-hover",
+        "value": "#6b6ecc"
+      },
+      {
+        "name": "hop-status-option2-border-press",
+        "value": "#5f61c5"
+      },
+      {
+        "name": "hop-status-option2-border-selected",
+        "value": "#433fac"
+      },
+      {
+        "name": "hop-status-option2-icon",
+        "value": "#5454be"
+      },
+      {
+        "name": "hop-status-option2-icon-disabled",
+        "value": "#aeb3e8"
+      },
+      {
+        "name": "hop-status-option2-icon-hover",
+        "value": "#433fac"
+      },
+      {
+        "name": "hop-status-option2-icon-press",
+        "value": "#322b8d"
+      },
+      {
+        "name": "hop-status-option2-icon-selected",
+        "value": "#433fac"
+      },
+      {
+        "name": "hop-status-option2-surface",
+        "value": "#eae9fb"
+      },
+      {
+        "name": "hop-status-option2-surface-disabled",
+        "value": "#f6f5ff"
+      },
+      {
+        "name": "hop-status-option2-surface-hover",
+        "value": "#ddddf7"
+      },
+      {
+        "name": "hop-status-option2-surface-press",
+        "value": "#c8caf0"
+      },
+      {
+        "name": "hop-status-option2-surface-selected",
+        "value": "#eae9fb"
+      },
+      {
+        "name": "hop-status-option2-surface-strong",
+        "value": "#aeb3e8"
+      },
+      {
+        "name": "hop-status-option2-text",
+        "value": "#5454be"
+      },
+      {
+        "name": "hop-status-option2-text-disabled",
+        "value": "#aeb3e8"
+      },
+      {
+        "name": "hop-status-option2-text-hover",
+        "value": "#433fac"
+      },
+      {
+        "name": "hop-status-option2-text-press",
+        "value": "#322b8d"
+      },
+      {
+        "name": "hop-status-option2-text-selected",
+        "value": "#433fac"
+      },
+      {
+        "name": "hop-status-option3-border",
+        "value": "#5da18c"
+      },
+      {
+        "name": "hop-status-option3-border-disabled",
+        "value": "#cff4ef"
+      },
+      {
+        "name": "hop-status-option3-border-hover",
+        "value": "#38836a"
+      },
+      {
+        "name": "hop-status-option3-border-press",
+        "value": "#2b795e"
+      },
+      {
+        "name": "hop-status-option3-border-selected",
+        "value": "#cff4ef"
+      },
+      {
+        "name": "hop-status-option3-icon",
+        "value": "#206f54"
+      },
+      {
+        "name": "hop-status-option3-icon-disabled",
+        "value": "#83beaf"
+      },
+      {
+        "name": "hop-status-option3-icon-hover",
+        "value": "#055c41"
+      },
+      {
+        "name": "hop-status-option3-icon-press",
+        "value": "#00452d"
+      },
+      {
+        "name": "hop-status-option3-icon-selected",
+        "value": "#055c41"
+      },
+      {
+        "name": "hop-status-option3-surface",
+        "value": "#cff4ef"
+      },
+      {
+        "name": "hop-status-option3-surface-disabled",
+        "value": "#ddfdf9"
+      },
+      {
+        "name": "hop-status-option3-surface-hover",
+        "value": "#bde8e1"
+      },
+      {
+        "name": "hop-status-option3-surface-press",
+        "value": "#a3d6cb"
+      },
+      {
+        "name": "hop-status-option3-surface-selected",
+        "value": "#055c41"
+      },
+      {
+        "name": "hop-status-option3-surface-strong",
+        "value": "#83beaf"
+      },
+      {
+        "name": "hop-status-option3-text",
+        "value": "#206f54"
+      },
+      {
+        "name": "hop-status-option3-text-disabled",
+        "value": "#83beaf"
+      },
+      {
+        "name": "hop-status-option3-text-hover",
+        "value": "#055c41"
+      },
+      {
+        "name": "hop-status-option3-text-press",
+        "value": "#00452d"
+      },
+      {
+        "name": "hop-status-option3-text-selected",
+        "value": "#055c41"
+      },
+      {
+        "name": "hop-status-option4-border",
+        "value": "#7c9aa3"
+      },
+      {
+        "name": "hop-status-option4-border-disabled",
+        "value": "#e1eef1"
+      },
+      {
+        "name": "hop-status-option4-border-hover",
+        "value": "#5e7b84"
+      },
+      {
+        "name": "hop-status-option4-border-press",
+        "value": "#557079"
+      },
+      {
+        "name": "hop-status-option4-border-selected",
+        "value": "#40535a"
+      },
+      {
+        "name": "hop-status-option4-icon",
+        "value": "#4e6770"
+      },
+      {
+        "name": "hop-status-option4-icon-disabled",
+        "value": "#9cb7be"
+      },
+      {
+        "name": "hop-status-option4-icon-hover",
+        "value": "#40535a"
+      },
+      {
+        "name": "hop-status-option4-icon-press",
+        "value": "#313e43"
+      },
+      {
+        "name": "hop-status-option4-icon-selected",
+        "value": "#40535a"
+      },
+      {
+        "name": "hop-status-option4-surface",
+        "value": "#e1eef1"
+      },
+      {
+        "name": "hop-status-option4-surface-disabled",
+        "value": "#f2f8fa"
+      },
+      {
+        "name": "hop-status-option4-surface-hover",
+        "value": "#d2e3e7"
+      },
+      {
+        "name": "hop-status-option4-surface-press",
+        "value": "#bad0d5"
+      },
+      {
+        "name": "hop-status-option4-surface-selected",
+        "value": "#e1eef1"
       },
       {
-        "name": "hop-status-caution-surface",
-        "value": "#ffe8d3"
+        "name": "hop-status-option4-surface-strong",
+        "value": "#9cb7be"
       },
       {
-        "name": "hop-status-caution-text",
-        "value": "#8c3504"
+        "name": "hop-status-option4-text",
+        "value": "#9cb7be"
       },
       {
-        "name": "hop-status-inactive-surface-strong",
-        "value": "#ccccca"
+        "name": "hop-status-option4-text-disabled",
+        "value": "#40535a"
       },
       {
-        "name": "hop-status-inactive-icon",
-        "value": "#6c6c6b"
+        "name": "hop-status-option4-text-hover",
+        "value": "#40535a"
       },
       {
-        "name": "hop-status-inactive-surface",
-        "value": "#ecebe8"
+        "name": "hop-status-option4-text-press",
+        "value": "#313e43"
       },
       {
-        "name": "hop-status-inactive-text",
-        "value": "#505050"
+        "name": "hop-status-option4-text-selected",
+        "value": "#40535a"
       },
       {
-        "name": "hop-status-negative-surface-strong",
-        "value": "#ff8e8e"
+        "name": "hop-status-option5-border",
+        "value": "#a19382"
       },
       {
-        "name": "hop-status-negative-icon",
-        "value": "#952927"
+        "name": "hop-status-option5-border-disabled",
+        "value": "#f0eae3"
       },
       {
-        "name": "hop-status-negative-surface",
-        "value": "#fde6e5"
+        "name": "hop-status-option5-border-hover",
+        "value": "#837463"
       },
       {
-        "name": "hop-status-negative-text",
-        "value": "#952927"
+        "name": "hop-status-option5-border-press",
+        "value": "#776a59"
       },
       {
-        "name": "hop-status-neutral-icon",
-        "value": "#3c3c3c"
+        "name": "hop-status-option5-border-selected",
+        "value": "#594f41"
       },
       {
-        "name": "hop-status-neutral-surface",
-        "value": "#ffffff"
+        "name": "hop-status-option5-icon",
+        "value": "#6e6151"
       },
       {
-        "name": "hop-status-neutral-surface-strong",
-        "value": "#b3b3b1"
+        "name": "hop-status-option5-icon-disabled",
+        "value": "#bdb1a3"
       },
       {
-        "name": "hop-status-neutral-text",
-        "value": "#3c3c3c"
+        "name": "hop-status-option5-icon-hover",
+        "value": "#594f41"
       },
       {
-        "name": "hop-status-option1-surface-strong",
-        "value": "#81b9e4"
+        "name": "hop-status-option5-icon-press",
+        "value": "#433b31"
       },
       {
-        "name": "hop-status-option1-icon",
-        "value": "#0a538b"
+        "name": "hop-status-option5-icon-selected",
+        "value": "#594f41"
       },
       {
-        "name": "hop-status-option1-surface",
-        "value": "#d9efff"
+        "name": "hop-status-option5-surface",
+        "value": "#f0eae3"
       },
       {
-        "name": "hop-status-option1-text",
-        "value": "#0a538b"
+        "name": "hop-status-option5-surface-disabled",
+        "value": "#fef6ef"
       },
       {
-        "name": "hop-status-option2-surface-strong",
-        "value": "#aeb3e8"
+        "name": "hop-status-option5-surface-hover",
+        "value": "#e5ded6"
       },
       {
-        "name": "hop-status-option2-text",
-        "value": "#433fac"
+        "name": "hop-status-option5-surface-press",
+        "value": "#d4cbc0"
       },
       {
-        "name": "hop-status-option2-surface",
-        "value": "#eae9fb"
+        "name": "hop-status-option5-surface-selected",
+        "value": "#f0eae3"
       },
       {
-        "name": "hop-status-option2-icon",
-        "value": "#433fac"
+        "name": "hop-status-option5-surface-strong",
+        "value": "#bdb1a3"
       },
       {
-        "name": "hop-status-option3-surface-strong",
-        "value": "#83beaf"
+        "name": "hop-status-option5-text",
+        "value": "#6e6151"
       },
       {
-        "name": "hop-status-option3-icon",
-        "value": "#055c41"
+        "name": "hop-status-option5-text-disabled",
+        "value": "#bdb1a3"
       },
       {
-        "name": "hop-status-option3-surface",
-        "value": "#cff4ef"
+        "name": "hop-status-option5-text-hover",
+        "value": "#594f41"
       },
       {
-        "name": "hop-status-option3-text",
-        "value": "#055c41"
+        "name": "hop-status-option5-text-press",
+        "value": "#433b31"
       },
       {
-        "name": "hop-status-option4-surface-strong",
-        "value": "#9cb7be"
+        "name": "hop-status-option5-text-selected",
+        "value": "#594f41"
       },
       {
-        "name": "hop-status-option4-icon",
-        "value": "#4e6770"
+        "name": "hop-status-option6-border",
+        "value": "#c28b12"
       },
       {
-        "name": "hop-status-option4-surface",
-        "value": "#e1eef1"
+        "name": "hop-status-option6-border-disabled",
+        "value": "#fff2b8"
       },
       {
-        "name": "hop-status-option4-text",
-        "value": "#4e6770"
+        "name": "hop-status-option6-border-hover",
+        "value": "#996f08"
       },
       {
-        "name": "hop-status-option5-surface",
-        "value": "#f0eae3"
+        "name": "hop-status-option6-border-press",
+        "value": "#8b6609"
       },
       {
-        "name": "hop-status-option5-surface-strong",
-        "value": "#bdb1a3"
+        "name": "hop-status-option6-border-selected",
+        "value": "#654c0d"
       },
       {
-        "name": "hop-status-option5-text",
-        "value": "#6e6151"
+        "name": "hop-status-option6-icon",
+        "value": "#7e5e0a"
       },
       {
-        "name": "hop-status-option5-icon",
-        "value": "#6e6151"
+        "name": "hop-status-option6-icon-disabled",
+        "value": "#e2a934"
+      },
+      {
+        "name": "hop-status-option6-icon-hover",
+        "value": "#654c0d"
+      },
+      {
+        "name": "hop-status-option6-icon-press",
+        "value": "#4b390f"
+      },
+      {
+        "name": "hop-status-option6-icon-selected",
+        "value": "#654c0d"
       },
       {
         "name": "hop-status-option6-surface",
         "value": "#fff8d6"
       },
+      {
+        "name": "hop-status-option6-surface-disabled",
+        "value": "#fff8d6"
+      },
+      {
+        "name": "hop-status-option6-surface-hover",
+        "value": "#fff2b8"
+      },
+      {
+        "name": "hop-status-option6-surface-press",
+        "value": "#eac96d"
+      },
+      {
+        "name": "hop-status-option6-surface-selected",
+        "value": "#fff2b8"
+      },
       {
         "name": "hop-status-option6-surface-strong",
         "value": "#e2a934"
@@ -2002,29 +2670,165 @@
         "value": "#7e5e0a"
       },
       {
-        "name": "hop-status-option6-icon",
-        "value": "#7e5e0a"
+        "name": "hop-status-option6-text-disabled",
+        "value": "#e2a934"
       },
       {
-        "name": "hop-status-positive-icon",
+        "name": "hop-status-option6-text-hover",
+        "value": "#654c0d"
+      },
+      {
+        "name": "hop-status-option6-text-press",
+        "value": "#4b390f"
+      },
+      {
+        "name": "hop-status-option6-text-selected",
+        "value": "#654c0d"
+      },
+      {
+        "name": "hop-status-positive-border",
+        "value": "#47a584"
+      },
+      {
+        "name": "hop-status-positive-border-disabled",
+        "value": "#e3f3b9"
+      },
+      {
+        "name": "hop-status-positive-border-hover",
+        "value": "#188a71"
+      },
+      {
+        "name": "hop-status-positive-border-press",
+        "value": "#0c796b"
+      },
+      {
+        "name": "hop-status-positive-border-selected",
         "value": "#115a52"
       },
       {
-        "name": "hop-status-positive-surface-strong",
+        "name": "hop-status-positive-icon",
+        "value": "#0a6f64"
+      },
+      {
+        "name": "hop-status-positive-icon-disabled",
         "value": "#7dc291"
       },
+      {
+        "name": "hop-status-positive-icon-hover",
+        "value": "#115a52"
+      },
+      {
+        "name": "hop-status-positive-icon-press",
+        "value": "#16433d"
+      },
+      {
+        "name": "hop-status-positive-icon-selected",
+        "value": "#115a52"
+      },
       {
         "name": "hop-status-positive-surface",
         "value": "#e3f3b9"
       },
+      {
+        "name": "hop-status-positive-surface-disabled",
+        "value": "#f4f9e9"
+      },
+      {
+        "name": "hop-status-positive-surface-hover",
+        "value": "#cde8ac"
+      },
+      {
+        "name": "hop-status-positive-surface-press",
+        "value": "#aad89d"
+      },
+      {
+        "name": "hop-status-positive-surface-selected",
+        "value": "#e3f3b9"
+      },
+      {
+        "name": "hop-status-positive-surface-strong",
+        "value": "#7dc291"
+      },
       {
         "name": "hop-status-positive-text",
+        "value": "#0a6f64"
+      },
+      {
+        "name": "hop-status-positive-text-disabled",
+        "value": "#7dc291"
+      },
+      {
+        "name": "hop-status-positive-text-hover",
+        "value": "#115a52"
+      },
+      {
+        "name": "hop-status-positive-text-press",
+        "value": "#16433d"
+      },
+      {
+        "name": "hop-status-positive-text-selected",
         "value": "#115a52"
       },
+      {
+        "name": "hop-status-progress-border",
+        "value": "#6c8ffd"
+      },
+      {
+        "name": "hop-status-progress-border-disabled",
+        "value": "#e6ebff"
+      },
+      {
+        "name": "hop-status-progress-border-hover",
+        "value": "#4767fe"
+      },
+      {
+        "name": "hop-status-progress-border-press",
+        "value": "#3b57ff"
+      },
+      {
+        "name": "hop-status-progress-border-selected",
+        "value": "#4767fe"
+      },
+      {
+        "name": "hop-status-progress-icon",
+        "value": "#2a43e8"
+      },
+      {
+        "name": "hop-status-progress-icon-disabled",
+        "value": "#95b1ff"
+      },
+      {
+        "name": "hop-status-progress-icon-hover",
+        "value": "#2040c7"
+      },
+      {
+        "name": "hop-status-progress-icon-press",
+        "value": "#1b3587"
+      },
+      {
+        "name": "hop-status-progress-icon-selected",
+        "value": "#3b57ff"
+      },
       {
         "name": "hop-status-progress-surface",
         "value": "#e6ebff"
       },
+      {
+        "name": "hop-status-progress-surface-disabled",
+        "value": "#f5f6ff"
+      },
+      {
+        "name": "hop-status-progress-surface-hover",
+        "value": "#d6e0ff"
+      },
+      {
+        "name": "hop-status-progress-surface-press",
+        "value": "#b9cbff"
+      },
+      {
+        "name": "hop-status-progress-surface-selected",
+        "value": "#e6ebff"
+      },
       {
         "name": "hop-status-progress-surface-strong",
         "value": "#95b1ff"
@@ -2034,8 +2838,20 @@
         "value": "#2a43e8"
       },
       {
-        "name": "hop-status-progress-icon",
-        "value": "#2a43e8"
+        "name": "hop-status-progress-text-disabled",
+        "value": "#95b1ff"
+      },
+      {
+        "name": "hop-status-progress-text-hover",
+        "value": "#2040c7"
+      },
+      {
+        "name": "hop-status-progress-text-press",
+        "value": "#1b3587"
+      },
+      {
+        "name": "hop-status-progress-text-selected",
+        "value": "#3b57ff"
       },
       {
         "name": "hop-success-border",
diff --git a/packages/styled-system/src/tokens/generated/darkSemanticTokens.ts b/packages/styled-system/src/tokens/generated/darkSemanticTokens.ts
index 4cc434cae..8e5935a10 100644
--- a/packages/styled-system/src/tokens/generated/darkSemanticTokens.ts
+++ b/packages/styled-system/src/tokens/generated/darkSemanticTokens.ts
@@ -265,54 +265,258 @@ export const DarkSemanticTokens = {
     "--hop-information-surface-weak": "var(--hop-coastal-800)",
     "--hop-information-text": "var(--hop-coastal-900)",
     "--hop-information-text-weak": "var(--hop-coastal-75)",
-    "--hop-status-caution-icon": "var(--hop-koi-900)",
-    "--hop-status-caution-surface": "var(--hop-koi-75)",
+    "--hop-status-caution-border": "var(--hop-koi-400)",
+    "--hop-status-caution-border-disabled": "var(--hop-koi-600)",
+    "--hop-status-caution-border-hover": "var(--hop-koi-500)",
+    "--hop-status-caution-border-press": "var(--hop-koi-400)",
+    "--hop-status-caution-border-selected": "var(--hop-koi-75)",
+    "--hop-status-caution-icon": "var(--hop-koi-800)",
+    "--hop-status-caution-icon-disabled": "var(--hop-koi-500)",
+    "--hop-status-caution-icon-hover": "var(--hop-koi-900)",
+    "--hop-status-caution-icon-press": "var(--hop-koi-800)",
+    "--hop-status-caution-icon-selected": "var(--hop-koi-75)",
+    "--hop-status-caution-surface": "var(--hop-koi-100)",
+    "--hop-status-caution-surface-disabled": "var(--hop-koi-800)",
+    "--hop-status-caution-surface-hover": "var(--hop-koi-200)",
+    "--hop-status-caution-surface-press": "var(--hop-koi-300)",
+    "--hop-status-caution-surface-selected": "var(--hop-koi-800)",
     "--hop-status-caution-surface-strong": "var(--hop-koi-200)",
-    "--hop-status-caution-text": "var(--hop-koi-900)",
-    "--hop-status-inselected-icon": "var(--hop-rock-800)",
-    "--hop-status-inselected-surface": "var(--hop-rock-75)",
-    "--hop-status-inselected-surface-strong": "var(--hop-rock-100)",
-    "--hop-status-inselected-text": "var(--hop-rock-900)",
-    "--hop-status-negative-icon": "var(--hop-amanita-900)",
-    "--hop-status-negative-surface": "var(--hop-amanita-75)",
+    "--hop-status-caution-text": "var(--hop-koi-800)",
+    "--hop-status-caution-text-disabled": "var(--hop-koi-500)",
+    "--hop-status-caution-text-hover": "var(--hop-koi-900)",
+    "--hop-status-caution-text-press": "var(--hop-koi-800)",
+    "--hop-status-caution-text-selected": "var(--hop-koi-75)",
+    "--hop-status-inactive-border": "var(--hop-rock-400)",
+    "--hop-status-inactive-border-disabled": "var(--hop-rock-600)",
+    "--hop-status-inactive-border-hover": "var(--hop-rock-500)",
+    "--hop-status-inactive-border-press": "var(--hop-rock-400)",
+    "--hop-status-inactive-border-selected": "var(--hop-rock-75)",
+    "--hop-status-inactive-icon": "var(--hop-rock-800)",
+    "--hop-status-inactive-icon-disabled": "var(--hop-rock-500)",
+    "--hop-status-inactive-icon-hover": "var(--hop-rock-900)",
+    "--hop-status-inactive-icon-press": "var(--hop-rock-800)",
+    "--hop-status-inactive-icon-selected": "var(--hop-rock-75)",
+    "--hop-status-inactive-surface": "var(--hop-rock-75)",
+    "--hop-status-inactive-surface-disabled": "var(--hop-rock-800)",
+    "--hop-status-inactive-surface-hover": "var(--hop-rock-200)",
+    "--hop-status-inactive-surface-press": "var(--hop-rock-300)",
+    "--hop-status-inactive-surface-selected": "var(--hop-rock-800)",
+    "--hop-status-inactive-surface-strong": "var(--hop-rock-100)",
+    "--hop-status-inactive-text": "var(--hop-rock-800)",
+    "--hop-status-inactive-text-disabled": "var(--hop-rock-500)",
+    "--hop-status-inactive-text-hover": "var(--hop-rock-900)",
+    "--hop-status-inactive-text-press": "var(--hop-rock-800)",
+    "--hop-status-inactive-text-selected": "var(--hop-rock-75)",
+    "--hop-status-negative-border": "var(--hop-amanita-400)",
+    "--hop-status-negative-border-disabled": "var(--hop-amanita-600)",
+    "--hop-status-negative-border-hover": "var(--hop-amanita-500)",
+    "--hop-status-negative-border-press": "var(--hop-amanita-400)",
+    "--hop-status-negative-border-selected": "var(--hop-amanita-75)",
+    "--hop-status-negative-icon": "var(--hop-amanita-800)",
+    "--hop-status-negative-icon-disabled": "var(--hop-amanita-500)",
+    "--hop-status-negative-icon-hover": "var(--hop-amanita-900)",
+    "--hop-status-negative-icon-press": "var(--hop-amanita-800)",
+    "--hop-status-negative-icon-selected": "var(--hop-amanita-75)",
+    "--hop-status-negative-surface": "var(--hop-amanita-100)",
+    "--hop-status-negative-surface-disabled": "var(--hop-amanita-800)",
+    "--hop-status-negative-surface-hover": "var(--hop-amanita-200)",
+    "--hop-status-negative-surface-press": "var(--hop-amanita-300)",
+    "--hop-status-negative-surface-selected": "var(--hop-amanita-800)",
     "--hop-status-negative-surface-strong": "var(--hop-amanita-200)",
-    "--hop-status-negative-text": "var(--hop-amanita-900)",
+    "--hop-status-negative-text": "var(--hop-amanita-800)",
+    "--hop-status-negative-text-disabled": "var(--hop-amanita-500)",
+    "--hop-status-negative-text-hover": "var(--hop-amanita-900)",
+    "--hop-status-negative-text-press": "var(--hop-amanita-800)",
+    "--hop-status-negative-text-selected": "var(--hop-amanita-75)",
+    "--hop-status-neutral-border": "var(--hop-rock-25)",
+    "--hop-status-neutral-border-disabled": "var(--hop-rock-800)",
+    "--hop-status-neutral-border-hover": "var(--hop-rock-50)",
+    "--hop-status-neutral-border-press": "var(--hop-rock-25)",
+    "--hop-status-neutral-border-selected": "var(--hop-rock-25)",
     "--hop-status-neutral-icon": "var(--hop-rock-25)",
+    "--hop-status-neutral-icon-disabled": "var(--hop-rock-500)",
+    "--hop-status-neutral-icon-hover": "var(--hop-rock-50)",
+    "--hop-status-neutral-icon-press": "var(--hop-rock-25)",
+    "--hop-status-neutral-icon-selected": "var(--hop-rock-25)",
     "--hop-status-neutral-surface": "var(--hop-abyss)",
+    "--hop-status-neutral-surface-disabled": "var(--hop-rock-700)",
+    "--hop-status-neutral-surface-hover": "var(--hop-rock-800)",
+    "--hop-status-neutral-surface-press": "var(--hop-rock-700)",
+    "--hop-status-neutral-surface-selected": "var(--hop-toad-25)",
     "--hop-status-neutral-surface-strong": "var(--hop-rock-100)",
     "--hop-status-neutral-text": "var(--hop-rock-25)",
-    "--hop-status-option1-icon": "var(--hop-coastal-900)",
-    "--hop-status-option1-surface": "var(--hop-coastal-200)",
+    "--hop-status-neutral-text-disabled": "var(--hop-rock-500)",
+    "--hop-status-neutral-text-hover": "var(--hop-rock-50)",
+    "--hop-status-neutral-text-press": "var(--hop-rock-25)",
+    "--hop-status-neutral-text-selected": "var(--hop-rock-900)",
+    "--hop-status-option1-border": "var(--hop-coastal-400)",
+    "--hop-status-option1-border-disabled": "var(--hop-coastal-600)",
+    "--hop-status-option1-border-hover": "var(--hop-coastal-500)",
+    "--hop-status-option1-border-press": "var(--hop-coastal-400)",
+    "--hop-status-option1-border-selected": "var(--hop-coastal-75)",
+    "--hop-status-option1-icon": "var(--hop-coastal-800)",
+    "--hop-status-option1-icon-disabled": "var(--hop-coastal-500)",
+    "--hop-status-option1-icon-hover": "var(--hop-coastal-900)",
+    "--hop-status-option1-icon-press": "var(--hop-coastal-800)",
+    "--hop-status-option1-icon-selected": "var(--hop-coastal-75)",
+    "--hop-status-option1-surface": "var(--hop-coastal-100)",
+    "--hop-status-option1-surface-disabled": "var(--hop-coastal-800)",
+    "--hop-status-option1-surface-hover": "var(--hop-coastal-200)",
+    "--hop-status-option1-surface-press": "var(--hop-coastal-300)",
+    "--hop-status-option1-surface-selected": "var(--hop-coastal-800)",
     "--hop-status-option1-surface-strong": "var(--hop-coastal-100)",
-    "--hop-status-option1-text": "var(--hop-coastal-900)",
-    "--hop-status-option2-icon": "var(--hop-orchid-bloom-900)",
-    "--hop-status-option2-surface": "var(--hop-orchid-bloom-200)",
+    "--hop-status-option1-text": "var(--hop-coastal-800)",
+    "--hop-status-option1-text-disabled": "var(--hop-coastal-500)",
+    "--hop-status-option1-text-hover": "var(--hop-coastal-900)",
+    "--hop-status-option1-text-press": "var(--hop-coastal-800)",
+    "--hop-status-option1-text-selected": "var(--hop-coastal-75)",
+    "--hop-status-option2-border": "var(--hop-orchid-bloom-300)",
+    "--hop-status-option2-border-disabled": "var(--hop-orchid-bloom-600)",
+    "--hop-status-option2-border-hover": "var(--hop-orchid-bloom-500)",
+    "--hop-status-option2-border-press": "var(--hop-orchid-bloom-300)",
+    "--hop-status-option2-border-selected": "var(--hop-orchid-bloom-800)",
+    "--hop-status-option2-icon": "var(--hop-orchid-bloom-800)",
+    "--hop-status-option2-icon-disabled": "var(--hop-orchid-bloom-500)",
+    "--hop-status-option2-icon-hover": "var(--hop-orchid-bloom-900)",
+    "--hop-status-option2-icon-press": "var(--hop-orchid-bloom-800)",
+    "--hop-status-option2-icon-selected": "var(--hop-orchid-bloom-75)",
+    "--hop-status-option2-surface": "var(--hop-orchid-bloom-100)",
+    "--hop-status-option2-surface-disabled": "var(--hop-orchid-bloom-800)",
+    "--hop-status-option2-surface-hover": "var(--hop-orchid-bloom-200)",
+    "--hop-status-option2-surface-press": "var(--hop-orchid-bloom-300)",
+    "--hop-status-option2-surface-selected": "var(--hop-orchid-bloom-800)",
     "--hop-status-option2-surface-strong": "var(--hop-orchid-bloom-100)",
-    "--hop-status-option2-text": "var(--hop-orchid-bloom-900)",
-    "--hop-status-option3-icon": "var(--hop-quetzal-900)",
-    "--hop-status-option3-surface": "var(--hop-quetzal-200)",
+    "--hop-status-option2-text": "var(--hop-orchid-bloom-800)",
+    "--hop-status-option2-text-disabled": "var(--hop-orchid-bloom-500)",
+    "--hop-status-option2-text-hover": "var(--hop-orchid-bloom-900)",
+    "--hop-status-option2-text-press": "var(--hop-orchid-bloom-800)",
+    "--hop-status-option2-text-selected": "var(--hop-orchid-bloom-75)",
+    "--hop-status-option3-border": "var(--hop-quetzal-400)",
+    "--hop-status-option3-border-disabled": "var(--hop-quetzal-600)",
+    "--hop-status-option3-border-hover": "var(--hop-quetzal-500)",
+    "--hop-status-option3-border-press": "var(--hop-quetzal-400)",
+    "--hop-status-option3-border-selected": "var(--hop-quetzal-75)",
+    "--hop-status-option3-icon": "var(--hop-quetzal-800)",
+    "--hop-status-option3-icon-disabled": "var(--hop-quetzal-500)",
+    "--hop-status-option3-icon-hover": "var(--hop-quetzal-900)",
+    "--hop-status-option3-icon-press": "var(--hop-quetzal-800)",
+    "--hop-status-option3-icon-selected": "var(--hop-quetzal-75)",
+    "--hop-status-option3-surface": "var(--hop-quetzal-100)",
+    "--hop-status-option3-surface-disabled": "var(--hop-quetzal-800)",
+    "--hop-status-option3-surface-hover": "var(--hop-quetzal-200)",
+    "--hop-status-option3-surface-press": "var(--hop-quetzal-300)",
+    "--hop-status-option3-surface-selected": "var(--hop-quetzal-800)",
     "--hop-status-option3-surface-strong": "var(--hop-quetzal-100)",
-    "--hop-status-option3-text": "var(--hop-quetzal-900)",
-    "--hop-status-option4-icon": "var(--hop-fog-900)",
-    "--hop-status-option4-surface": "var(--hop-fog-200)",
+    "--hop-status-option3-text": "var(--hop-quetzal-800)",
+    "--hop-status-option3-text-disabled": "var(--hop-quetzal-200)",
+    "--hop-status-option3-text-hover": "var(--hop-quetzal-900)",
+    "--hop-status-option3-text-press": "var(--hop-quetzal-800)",
+    "--hop-status-option3-text-selected": "var(--hop-quetzal-75)",
+    "--hop-status-option4-border": "var(--hop-fog-400)",
+    "--hop-status-option4-border-disabled": "var(--hop-fog-600)",
+    "--hop-status-option4-border-hover": "var(--hop-fog-500)",
+    "--hop-status-option4-border-press": "var(--hop-fog-400)",
+    "--hop-status-option4-border-selected": "var(--hop-fog-75)",
+    "--hop-status-option4-icon": "var(--hop-fog-800)",
+    "--hop-status-option4-icon-disabled": "var(--hop-fog-500)",
+    "--hop-status-option4-icon-hover": "var(--hop-fog-900)",
+    "--hop-status-option4-icon-press": "var(--hop-fog-800)",
+    "--hop-status-option4-icon-selected": "var(--hop-fog-75)",
+    "--hop-status-option4-surface": "var(--hop-fog-100)",
+    "--hop-status-option4-surface-disabled": "var(--hop-fog-600)",
+    "--hop-status-option4-surface-hover": "var(--hop-fog-200)",
+    "--hop-status-option4-surface-press": "var(--hop-fog-300)",
+    "--hop-status-option4-surface-selected": "var(--hop-fog-800)",
     "--hop-status-option4-surface-strong": "var(--hop-fog-100)",
-    "--hop-status-option4-text": "var(--hop-fog-900)",
-    "--hop-status-option5-icon": "var(--hop-toad-900)",
-    "--hop-status-option5-surface": "var(--hop-toad-200)",
+    "--hop-status-option4-text": "var(--hop-fog-800)",
+    "--hop-status-option4-text-disabled": "var(--hop-fog-500)",
+    "--hop-status-option4-text-hover": "var(--hop-fog-900)",
+    "--hop-status-option4-text-press": "var(--hop-fog-900)",
+    "--hop-status-option4-text-selected": "var(--hop-fog-75)",
+    "--hop-status-option5-border": "var(--hop-toad-400)",
+    "--hop-status-option5-border-disabled": "var(--hop-toad-600)",
+    "--hop-status-option5-border-hover": "var(--hop-toad-500)",
+    "--hop-status-option5-border-press": "var(--hop-toad-400)",
+    "--hop-status-option5-border-selected": "var(--hop-toad-75)",
+    "--hop-status-option5-icon": "var(--hop-toad-800)",
+    "--hop-status-option5-icon-disabled": "var(--hop-toad-500)",
+    "--hop-status-option5-icon-hover": "var(--hop-toad-900)",
+    "--hop-status-option5-icon-press": "var(--hop-toad-800)",
+    "--hop-status-option5-icon-selected": "var(--hop-toad-75)",
+    "--hop-status-option5-surface": "var(--hop-toad-100)",
+    "--hop-status-option5-surface-disabled": "var(--hop-toad-800)",
+    "--hop-status-option5-surface-hover": "var(--hop-toad-200)",
+    "--hop-status-option5-surface-press": "var(--hop-toad-300)",
+    "--hop-status-option5-surface-selected": "var(--hop-toad-800)",
     "--hop-status-option5-surface-strong": "var(--hop-toad-100)",
-    "--hop-status-option5-text": "var(--hop-toad-900)",
-    "--hop-status-option6-icon": "var(--hop-sunken-treasure-900)",
-    "--hop-status-option6-surface": "var(--hop-sunken-treasure-75)",
+    "--hop-status-option5-text": "var(--hop-toad-800)",
+    "--hop-status-option5-text-disabled": "var(--hop-toad-500)",
+    "--hop-status-option5-text-hover": "var(--hop-toad-900)",
+    "--hop-status-option5-text-press": "var(--hop-toad-800)",
+    "--hop-status-option5-text-selected": "var(--hop-toad-75)",
+    "--hop-status-option6-border": "var(--hop-sunken-treasure-400)",
+    "--hop-status-option6-border-disabled": "var(--hop-sunken-treasure-600)",
+    "--hop-status-option6-border-hover": "var(--hop-sunken-treasure-500)",
+    "--hop-status-option6-border-press": "var(--hop-sunken-treasure-400)",
+    "--hop-status-option6-border-selected": "var(--hop-sunken-treasure-75)",
+    "--hop-status-option6-icon": "var(--hop-sunken-treasure-800)",
+    "--hop-status-option6-icon-disabled": "var(--hop-sunken-treasure-500)",
+    "--hop-status-option6-icon-hover": "var(--hop-sunken-treasure-900)",
+    "--hop-status-option6-icon-press": "var(--hop-sunken-treasure-800)",
+    "--hop-status-option6-icon-selected": "var(--hop-sunken-treasure-75)",
+    "--hop-status-option6-surface": "var(--hop-sunken-treasure-100)",
+    "--hop-status-option6-surface-disabled": "var(--hop-sunken-treasure-800)",
+    "--hop-status-option6-surface-hover": "var(--hop-sunken-treasure-200)",
+    "--hop-status-option6-surface-press": "var(--hop-sunken-treasure-300)",
+    "--hop-status-option6-surface-selected": "var(--hop-sunken-treasure-800)",
     "--hop-status-option6-surface-strong": "var(--hop-sunken-treasure-100)",
-    "--hop-status-option6-text": "var(--hop-sunken-treasure-900)",
-    "--hop-status-positive-icon": "var(--hop-moss-900)",
-    "--hop-status-positive-surface": "var(--hop-moss-75)",
+    "--hop-status-option6-text": "var(--hop-sunken-treasure-800)",
+    "--hop-status-option6-text-disabled": "var(--hop-sunken-treasure-500)",
+    "--hop-status-option6-text-hover": "var(--hop-sunken-treasure-900)",
+    "--hop-status-option6-text-press": "var(--hop-sunken-treasure-800)",
+    "--hop-status-option6-text-selected": "var(--hop-sunken-treasure-75)",
+    "--hop-status-positive-border": "var(--hop-moss-400)",
+    "--hop-status-positive-border-disabled": "var(--hop-moss-800)",
+    "--hop-status-positive-border-hover": "var(--hop-moss-500)",
+    "--hop-status-positive-border-press": "var(--hop-moss-400)",
+    "--hop-status-positive-border-selected": "var(--hop-moss-75)",
+    "--hop-status-positive-icon": "var(--hop-moss-800)",
+    "--hop-status-positive-icon-disabled": "var(--hop-moss-200)",
+    "--hop-status-positive-icon-hover": "var(--hop-moss-900)",
+    "--hop-status-positive-icon-press": "var(--hop-moss-800)",
+    "--hop-status-positive-icon-selected": "var(--hop-moss-75)",
+    "--hop-status-positive-surface": "var(--hop-moss-100)",
+    "--hop-status-positive-surface-disabled": "var(--hop-moss-800)",
+    "--hop-status-positive-surface-hover": "var(--hop-moss-200)",
+    "--hop-status-positive-surface-press": "var(--hop-moss-300)",
+    "--hop-status-positive-surface-selected": "var(--hop-moss-800)",
     "--hop-status-positive-surface-strong": "var(--hop-moss-200)",
-    "--hop-status-positive-text": "var(--hop-moss-900)",
-    "--hop-status-progress-icon": "var(--hop-sapphire-900)",
+    "--hop-status-positive-text": "var(--hop-moss-800)",
+    "--hop-status-positive-text-disabled": "var(--hop-moss-500)",
+    "--hop-status-positive-text-hover": "var(--hop-moss-900)",
+    "--hop-status-positive-text-press": "var(--hop-moss-800)",
+    "--hop-status-positive-text-selected": "var(--hop-moss-75)",
+    "--hop-status-progress-border": "var(--hop-sapphire-400)",
+    "--hop-status-progress-border-disabled": "var(--hop-sapphire-600)",
+    "--hop-status-progress-border-hover": "var(--hop-sapphire-500)",
+    "--hop-status-progress-border-press": "var(--hop-sapphire-400)",
+    "--hop-status-progress-border-selected": "var(--hop-sapphire-75)",
+    "--hop-status-progress-icon": "var(--hop-sapphire-800)",
+    "--hop-status-progress-icon-disabled": "var(--hop-sapphire-500)",
+    "--hop-status-progress-icon-hover": "var(--hop-sapphire-900)",
+    "--hop-status-progress-icon-press": "var(--hop-sapphire-800)",
+    "--hop-status-progress-icon-selected": "var(--hop-sapphire-75)",
     "--hop-status-progress-surface": "var(--hop-sapphire-100)",
+    "--hop-status-progress-surface-disabled": "var(--hop-sapphire-800)",
+    "--hop-status-progress-surface-hover": "var(--hop-sapphire-200)",
+    "--hop-status-progress-surface-press": "var(--hop-sapphire-300)",
+    "--hop-status-progress-surface-selected": "var(--hop-sapphire-800)",
     "--hop-status-progress-surface-strong": "var(--hop-sapphire-200)",
-    "--hop-status-progress-text": "var(--hop-sapphire-900)",
+    "--hop-status-progress-text": "var(--hop-sapphire-800)",
+    "--hop-status-progress-text-disabled": "var(--hop-sapphire-500)",
+    "--hop-status-progress-text-hover": "var(--hop-sapphire-900)",
+    "--hop-status-progress-text-press": "var(--hop-sapphire-800)",
+    "--hop-status-progress-text-selected": "var(--hop-sapphire-75)",
     "--hop-success-border": "var(--hop-moss-500)",
     "--hop-success-icon": "var(--hop-moss-900)",
     "--hop-success-icon-weakest": "var(--hop-moss-200)",
diff --git a/packages/styled-system/src/tokens/generated/lightSemanticTokens.ts b/packages/styled-system/src/tokens/generated/lightSemanticTokens.ts
index 54eaa108f..e92103e78 100644
--- a/packages/styled-system/src/tokens/generated/lightSemanticTokens.ts
+++ b/packages/styled-system/src/tokens/generated/lightSemanticTokens.ts
@@ -481,54 +481,258 @@ export const SemanticTokens = {
     "--hop-information-surface-weak": "var(--hop-coastal-50)",
     "--hop-information-text": "var(--hop-coastal-800)",
     "--hop-information-text-weak": "var(--hop-coastal-300)",
-    "--hop-status-caution-surface-strong": "var(--hop-koi-200)",
-    "--hop-status-caution-icon": "var(--hop-koi-700)",
+    "--hop-status-caution-border": "var(--hop-koi-300)",
+    "--hop-status-caution-border-disabled": "var(--hop-koi-50)",
+    "--hop-status-caution-border-hover": "var(--hop-koi-400)",
+    "--hop-status-caution-border-press": "var(--hop-koi-500)",
+    "--hop-status-caution-border-selected": "var(--hop-koi-700)",
+    "--hop-status-caution-icon": "var(--hop-koi-600)",
+    "--hop-status-caution-icon-disabled": "var(--hop-koi-200)",
+    "--hop-status-caution-icon-hover": "var(--hop-koi-700)",
+    "--hop-status-caution-icon-press": "var(--hop-koi-800)",
+    "--hop-status-caution-icon-selected": "var(--hop-koi-700)",
     "--hop-status-caution-surface": "var(--hop-koi-50)",
-    "--hop-status-caution-text": "var(--hop-koi-700)",
-    "--hop-status-inactive-surface-strong": "var(--hop-rock-100)",
-    "--hop-status-inactive-icon": "var(--hop-rock-500)",
+    "--hop-status-caution-surface-disabled": "var(--hop-koi-25)",
+    "--hop-status-caution-surface-hover": "var(--hop-koi-75)",
+    "--hop-status-caution-surface-press": "var(--hop-koi-100)",
+    "--hop-status-caution-surface-selected": "var(--hop-koi-50)",
+    "--hop-status-caution-surface-strong": "var(--hop-koi-200)",
+    "--hop-status-caution-text": "var(--hop-koi-600)",
+    "--hop-status-caution-text-disabled": "var(--hop-koi-200)",
+    "--hop-status-caution-text-hover": "var(--hop-koi-700)",
+    "--hop-status-caution-text-press": "var(--hop-koi-800)",
+    "--hop-status-caution-text-selected": "var(--hop-koi-700)",
+    "--hop-status-inactive-border": "var(--hop-rock-300)",
+    "--hop-status-inactive-border-disabled": "var(--hop-rock-50)",
+    "--hop-status-inactive-border-hover": "var(--hop-rock-400)",
+    "--hop-status-inactive-border-press": "var(--hop-rock-500)",
+    "--hop-status-inactive-border-selected": "var(--hop-rock-700)",
+    "--hop-status-inactive-icon": "var(--hop-rock-600)",
+    "--hop-status-inactive-icon-disabled": "var(--hop-rock-200)",
+    "--hop-status-inactive-icon-hover": "var(--hop-rock-700)",
+    "--hop-status-inactive-icon-press": "var(--hop-rock-800)",
+    "--hop-status-inactive-icon-selected": "var(--hop-rock-700)",
     "--hop-status-inactive-surface": "var(--hop-rock-50)",
-    "--hop-status-inactive-text": "var(--hop-rock-700)",
-    "--hop-status-negative-surface-strong": "var(--hop-amanita-200)",
-    "--hop-status-negative-icon": "var(--hop-amanita-700)",
+    "--hop-status-inactive-surface-disabled": "var(--hop-rock-25)",
+    "--hop-status-inactive-surface-hover": "var(--hop-rock-75)",
+    "--hop-status-inactive-surface-press": "var(--hop-rock-100)",
+    "--hop-status-inactive-surface-selected": "var(--hop-rock-50)",
+    "--hop-status-inactive-surface-strong": "var(--hop-rock-100)",
+    "--hop-status-inactive-text": "var(--hop-rock-600)",
+    "--hop-status-inactive-text-disabled": "var(--hop-rock-200)",
+    "--hop-status-inactive-text-hover": "var(--hop-rock-700)",
+    "--hop-status-inactive-text-press": "var(--hop-rock-800)",
+    "--hop-status-inactive-text-selected": "var(--hop-rock-700)",
+    "--hop-status-negative-border": "var(--hop-amanita-300)",
+    "--hop-status-negative-border-disabled": "var(--hop-amanita-50)",
+    "--hop-status-negative-border-hover": "var(--hop-amanita-400)",
+    "--hop-status-negative-border-press": "var(--hop-amanita-500)",
+    "--hop-status-negative-border-selected": "var(--hop-amanita-700)",
+    "--hop-status-negative-icon": "var(--hop-amanita-600)",
+    "--hop-status-negative-icon-disabled": "var(--hop-amanita-200)",
+    "--hop-status-negative-icon-hover": "var(--hop-amanita-700)",
+    "--hop-status-negative-icon-press": "var(--hop-amanita-800)",
+    "--hop-status-negative-icon-selected": "var(--hop-amanita-700)",
     "--hop-status-negative-surface": "var(--hop-amanita-50)",
-    "--hop-status-negative-text": "var(--hop-amanita-700)",
+    "--hop-status-negative-surface-disabled": "var(--hop-amanita-25)",
+    "--hop-status-negative-surface-hover": "var(--hop-amanita-75)",
+    "--hop-status-negative-surface-press": "var(--hop-amanita-100)",
+    "--hop-status-negative-surface-selected": "var(--hop-amanita-50)",
+    "--hop-status-negative-surface-strong": "var(--hop-amanita-200)",
+    "--hop-status-negative-text": "var(--hop-amanita-600)",
+    "--hop-status-negative-text-disabled": "var(--hop-amanita-200)",
+    "--hop-status-negative-text-hover": "var(--hop-amanita-700)",
+    "--hop-status-negative-text-press": "var(--hop-amanita-800)",
+    "--hop-status-negative-text-selected": "var(--hop-amanita-700)",
+    "--hop-status-neutral-border": "var(--hop-rock-800)",
+    "--hop-status-neutral-border-disabled": "var(--hop-rock-50)",
+    "--hop-status-neutral-border-hover": "var(--hop-rock-700)",
+    "--hop-status-neutral-border-press": "var(--hop-rock-900)",
+    "--hop-status-neutral-border-selected": "var(--hop-rock-800)",
     "--hop-status-neutral-icon": "var(--hop-rock-800)",
+    "--hop-status-neutral-icon-disabled": "var(--hop-rock-300)",
+    "--hop-status-neutral-icon-hover": "var(--hop-rock-700)",
+    "--hop-status-neutral-icon-press": "var(--hop-rock-900)",
+    "--hop-status-neutral-icon-selected": "var(--hop-samoyed)",
     "--hop-status-neutral-surface": "var(--hop-samoyed)",
+    "--hop-status-neutral-surface-disabled": "var(--hop-rock-50)",
+    "--hop-status-neutral-surface-hover": "var(--hop-rock-25)",
+    "--hop-status-neutral-surface-press": "var(--hop-rock-50)",
+    "--hop-status-neutral-surface-selected": "var(--hop-rock-800)",
     "--hop-status-neutral-surface-strong": "var(--hop-rock-200)",
     "--hop-status-neutral-text": "var(--hop-rock-800)",
-    "--hop-status-option1-surface-strong": "var(--hop-coastal-200)",
-    "--hop-status-option1-icon": "var(--hop-coastal-700)",
+    "--hop-status-neutral-text-disabled": "var(--hop-rock-300)",
+    "--hop-status-neutral-text-hover": "var(--hop-rock-700)",
+    "--hop-status-neutral-text-press": "var(--hop-rock-900)",
+    "--hop-status-neutral-text-selected": "var(--hop-samoyed)",
+    "--hop-status-option1-border": "var(--hop-coastal-300)",
+    "--hop-status-option1-border-disabled": "var(--hop-coastal-50)",
+    "--hop-status-option1-border-hover": "var(--hop-coastal-400)",
+    "--hop-status-option1-border-press": "var(--hop-coastal-500)",
+    "--hop-status-option1-border-selected": "var(--hop-coastal-700)",
+    "--hop-status-option1-icon": "var(--hop-coastal-600)",
+    "--hop-status-option1-icon-disabled": "var(--hop-coastal-200)",
+    "--hop-status-option1-icon-hover": "var(--hop-coastal-700)",
+    "--hop-status-option1-icon-press": "var(--hop-coastal-800)",
+    "--hop-status-option1-icon-selected": "var(--hop-coastal-700)",
     "--hop-status-option1-surface": "var(--hop-coastal-50)",
-    "--hop-status-option1-text": "var(--hop-coastal-700)",
-    "--hop-status-option2-surface-strong": "var(--hop-orchid-bloom-200)",
-    "--hop-status-option2-text": "var(--hop-orchid-bloom-700)",
+    "--hop-status-option1-surface-disabled": "var(--hop-coastal-25)",
+    "--hop-status-option1-surface-hover": "var(--hop-coastal-75)",
+    "--hop-status-option1-surface-press": "var(--hop-coastal-100)",
+    "--hop-status-option1-surface-selected": "var(--hop-coastal-50)",
+    "--hop-status-option1-surface-strong": "var(--hop-coastal-200)",
+    "--hop-status-option1-text": "var(--hop-coastal-600)",
+    "--hop-status-option1-text-disabled": "var(--hop-coastal-200)",
+    "--hop-status-option1-text-hover": "var(--hop-coastal-700)",
+    "--hop-status-option1-text-press": "var(--hop-coastal-800)",
+    "--hop-status-option1-text-selected": "var(--hop-coastal-700)",
+    "--hop-status-option2-border": "var(--hop-orchid-bloom-300)",
+    "--hop-status-option2-border-disabled": "var(--hop-orchid-bloom-50)",
+    "--hop-status-option2-border-hover": "var(--hop-orchid-bloom-400)",
+    "--hop-status-option2-border-press": "var(--hop-orchid-bloom-500)",
+    "--hop-status-option2-border-selected": "var(--hop-orchid-bloom-700)",
+    "--hop-status-option2-icon": "var(--hop-orchid-bloom-600)",
+    "--hop-status-option2-icon-disabled": "var(--hop-orchid-bloom-200)",
+    "--hop-status-option2-icon-hover": "var(--hop-orchid-bloom-700)",
+    "--hop-status-option2-icon-press": "var(--hop-orchid-bloom-800)",
+    "--hop-status-option2-icon-selected": "var(--hop-orchid-bloom-700)",
     "--hop-status-option2-surface": "var(--hop-orchid-bloom-50)",
-    "--hop-status-option2-icon": "var(--hop-orchid-bloom-700)",
-    "--hop-status-option3-surface-strong": "var(--hop-quetzal-200)",
-    "--hop-status-option3-icon": "var(--hop-quetzal-700)",
+    "--hop-status-option2-surface-disabled": "var(--hop-orchid-bloom-25)",
+    "--hop-status-option2-surface-hover": "var(--hop-orchid-bloom-75)",
+    "--hop-status-option2-surface-press": "var(--hop-orchid-bloom-100)",
+    "--hop-status-option2-surface-selected": "var(--hop-orchid-bloom-50)",
+    "--hop-status-option2-surface-strong": "var(--hop-orchid-bloom-200)",
+    "--hop-status-option2-text": "var(--hop-orchid-bloom-600)",
+    "--hop-status-option2-text-disabled": "var(--hop-orchid-bloom-200)",
+    "--hop-status-option2-text-hover": "var(--hop-orchid-bloom-700)",
+    "--hop-status-option2-text-press": "var(--hop-orchid-bloom-800)",
+    "--hop-status-option2-text-selected": "var(--hop-orchid-bloom-700)",
+    "--hop-status-option3-border": "var(--hop-quetzal-300)",
+    "--hop-status-option3-border-disabled": "var(--hop-quetzal-50)",
+    "--hop-status-option3-border-hover": "var(--hop-quetzal-400)",
+    "--hop-status-option3-border-press": "var(--hop-quetzal-500)",
+    "--hop-status-option3-border-selected": "var(--hop-quetzal-50)",
+    "--hop-status-option3-icon": "var(--hop-quetzal-600)",
+    "--hop-status-option3-icon-disabled": "var(--hop-quetzal-200)",
+    "--hop-status-option3-icon-hover": "var(--hop-quetzal-700)",
+    "--hop-status-option3-icon-press": "var(--hop-quetzal-800)",
+    "--hop-status-option3-icon-selected": "var(--hop-quetzal-700)",
     "--hop-status-option3-surface": "var(--hop-quetzal-50)",
-    "--hop-status-option3-text": "var(--hop-quetzal-700)",
-    "--hop-status-option4-surface-strong": "var(--hop-fog-200)",
+    "--hop-status-option3-surface-disabled": "var(--hop-quetzal-25)",
+    "--hop-status-option3-surface-hover": "var(--hop-quetzal-75)",
+    "--hop-status-option3-surface-press": "var(--hop-quetzal-100)",
+    "--hop-status-option3-surface-selected": "var(--hop-quetzal-700)",
+    "--hop-status-option3-surface-strong": "var(--hop-quetzal-200)",
+    "--hop-status-option3-text": "var(--hop-quetzal-600)",
+    "--hop-status-option3-text-disabled": "var(--hop-quetzal-200)",
+    "--hop-status-option3-text-hover": "var(--hop-quetzal-700)",
+    "--hop-status-option3-text-press": "var(--hop-quetzal-800)",
+    "--hop-status-option3-text-selected": "var(--hop-quetzal-700)",
+    "--hop-status-option4-border": "var(--hop-fog-300)",
+    "--hop-status-option4-border-disabled": "var(--hop-fog-50)",
+    "--hop-status-option4-border-hover": "var(--hop-fog-400)",
+    "--hop-status-option4-border-press": "var(--hop-fog-500)",
+    "--hop-status-option4-border-selected": "var(--hop-fog-700)",
     "--hop-status-option4-icon": "var(--hop-fog-600)",
+    "--hop-status-option4-icon-disabled": "var(--hop-fog-200)",
+    "--hop-status-option4-icon-hover": "var(--hop-fog-700)",
+    "--hop-status-option4-icon-press": "var(--hop-fog-800)",
+    "--hop-status-option4-icon-selected": "var(--hop-fog-700)",
     "--hop-status-option4-surface": "var(--hop-fog-50)",
-    "--hop-status-option4-text": "var(--hop-fog-600)",
+    "--hop-status-option4-surface-disabled": "var(--hop-fog-25)",
+    "--hop-status-option4-surface-hover": "var(--hop-fog-75)",
+    "--hop-status-option4-surface-press": "var(--hop-fog-100)",
+    "--hop-status-option4-surface-selected": "var(--hop-fog-50)",
+    "--hop-status-option4-surface-strong": "var(--hop-fog-200)",
+    "--hop-status-option4-text": "var(--hop-fog-200)",
+    "--hop-status-option4-text-disabled": "var(--hop-fog-700)",
+    "--hop-status-option4-text-hover": "var(--hop-fog-700)",
+    "--hop-status-option4-text-press": "var(--hop-fog-800)",
+    "--hop-status-option4-text-selected": "var(--hop-fog-700)",
+    "--hop-status-option5-border": "var(--hop-toad-300)",
+    "--hop-status-option5-border-disabled": "var(--hop-toad-50)",
+    "--hop-status-option5-border-hover": "var(--hop-toad-400)",
+    "--hop-status-option5-border-press": "var(--hop-toad-500)",
+    "--hop-status-option5-border-selected": "var(--hop-toad-700)",
+    "--hop-status-option5-icon": "var(--hop-toad-600)",
+    "--hop-status-option5-icon-disabled": "var(--hop-toad-200)",
+    "--hop-status-option5-icon-hover": "var(--hop-toad-700)",
+    "--hop-status-option5-icon-press": "var(--hop-toad-800)",
+    "--hop-status-option5-icon-selected": "var(--hop-toad-700)",
     "--hop-status-option5-surface": "var(--hop-toad-50)",
+    "--hop-status-option5-surface-disabled": "var(--hop-toad-25)",
+    "--hop-status-option5-surface-hover": "var(--hop-toad-75)",
+    "--hop-status-option5-surface-press": "var(--hop-toad-100)",
+    "--hop-status-option5-surface-selected": "var(--hop-toad-50)",
     "--hop-status-option5-surface-strong": "var(--hop-toad-200)",
     "--hop-status-option5-text": "var(--hop-toad-600)",
-    "--hop-status-option5-icon": "var(--hop-toad-600)",
+    "--hop-status-option5-text-disabled": "var(--hop-toad-200)",
+    "--hop-status-option5-text-hover": "var(--hop-toad-700)",
+    "--hop-status-option5-text-press": "var(--hop-toad-800)",
+    "--hop-status-option5-text-selected": "var(--hop-toad-700)",
+    "--hop-status-option6-border": "var(--hop-sunken-treasure-300)",
+    "--hop-status-option6-border-disabled": "var(--hop-sunken-treasure-50)",
+    "--hop-status-option6-border-hover": "var(--hop-sunken-treasure-400)",
+    "--hop-status-option6-border-press": "var(--hop-sunken-treasure-500)",
+    "--hop-status-option6-border-selected": "var(--hop-sunken-treasure-700)",
+    "--hop-status-option6-icon": "var(--hop-sunken-treasure-600)",
+    "--hop-status-option6-icon-disabled": "var(--hop-sunken-treasure-200)",
+    "--hop-status-option6-icon-hover": "var(--hop-sunken-treasure-700)",
+    "--hop-status-option6-icon-press": "var(--hop-sunken-treasure-800)",
+    "--hop-status-option6-icon-selected": "var(--hop-sunken-treasure-700)",
     "--hop-status-option6-surface": "var(--hop-sunken-treasure-25)",
+    "--hop-status-option6-surface-disabled": "var(--hop-sunken-treasure-25)",
+    "--hop-status-option6-surface-hover": "var(--hop-sunken-treasure-50)",
+    "--hop-status-option6-surface-press": "var(--hop-sunken-treasure-100)",
+    "--hop-status-option6-surface-selected": "var(--hop-sunken-treasure-50)",
     "--hop-status-option6-surface-strong": "var(--hop-sunken-treasure-200)",
     "--hop-status-option6-text": "var(--hop-sunken-treasure-600)",
-    "--hop-status-option6-icon": "var(--hop-sunken-treasure-600)",
-    "--hop-status-positive-icon": "var(--hop-moss-700)",
-    "--hop-status-positive-surface-strong": "var(--hop-moss-200)",
+    "--hop-status-option6-text-disabled": "var(--hop-sunken-treasure-200)",
+    "--hop-status-option6-text-hover": "var(--hop-sunken-treasure-700)",
+    "--hop-status-option6-text-press": "var(--hop-sunken-treasure-800)",
+    "--hop-status-option6-text-selected": "var(--hop-sunken-treasure-700)",
+    "--hop-status-positive-border": "var(--hop-moss-300)",
+    "--hop-status-positive-border-disabled": "var(--hop-moss-50)",
+    "--hop-status-positive-border-hover": "var(--hop-moss-400)",
+    "--hop-status-positive-border-press": "var(--hop-moss-500)",
+    "--hop-status-positive-border-selected": "var(--hop-moss-700)",
+    "--hop-status-positive-icon": "var(--hop-moss-600)",
+    "--hop-status-positive-icon-disabled": "var(--hop-moss-200)",
+    "--hop-status-positive-icon-hover": "var(--hop-moss-700)",
+    "--hop-status-positive-icon-press": "var(--hop-moss-800)",
+    "--hop-status-positive-icon-selected": "var(--hop-moss-700)",
     "--hop-status-positive-surface": "var(--hop-moss-50)",
-    "--hop-status-positive-text": "var(--hop-moss-700)",
+    "--hop-status-positive-surface-disabled": "var(--hop-moss-25)",
+    "--hop-status-positive-surface-hover": "var(--hop-moss-75)",
+    "--hop-status-positive-surface-press": "var(--hop-moss-100)",
+    "--hop-status-positive-surface-selected": "var(--hop-moss-50)",
+    "--hop-status-positive-surface-strong": "var(--hop-moss-200)",
+    "--hop-status-positive-text": "var(--hop-moss-600)",
+    "--hop-status-positive-text-disabled": "var(--hop-moss-200)",
+    "--hop-status-positive-text-hover": "var(--hop-moss-700)",
+    "--hop-status-positive-text-press": "var(--hop-moss-800)",
+    "--hop-status-positive-text-selected": "var(--hop-moss-700)",
+    "--hop-status-progress-border": "var(--hop-sapphire-300)",
+    "--hop-status-progress-border-disabled": "var(--hop-sapphire-50)",
+    "--hop-status-progress-border-hover": "var(--hop-sapphire-400)",
+    "--hop-status-progress-border-press": "var(--hop-sapphire-500)",
+    "--hop-status-progress-border-selected": "var(--hop-sapphire-400)",
+    "--hop-status-progress-icon": "var(--hop-sapphire-600)",
+    "--hop-status-progress-icon-disabled": "var(--hop-sapphire-200)",
+    "--hop-status-progress-icon-hover": "var(--hop-sapphire-700)",
+    "--hop-status-progress-icon-press": "var(--hop-sapphire-800)",
+    "--hop-status-progress-icon-selected": "var(--hop-sapphire-500)",
     "--hop-status-progress-surface": "var(--hop-sapphire-50)",
+    "--hop-status-progress-surface-disabled": "var(--hop-sapphire-25)",
+    "--hop-status-progress-surface-hover": "var(--hop-sapphire-75)",
+    "--hop-status-progress-surface-press": "var(--hop-sapphire-100)",
+    "--hop-status-progress-surface-selected": "var(--hop-sapphire-50)",
     "--hop-status-progress-surface-strong": "var(--hop-sapphire-200)",
     "--hop-status-progress-text": "var(--hop-sapphire-600)",
-    "--hop-status-progress-icon": "var(--hop-sapphire-600)",
+    "--hop-status-progress-text-disabled": "var(--hop-sapphire-200)",
+    "--hop-status-progress-text-hover": "var(--hop-sapphire-700)",
+    "--hop-status-progress-text-press": "var(--hop-sapphire-800)",
+    "--hop-status-progress-text-selected": "var(--hop-sapphire-500)",
     "--hop-success-border": "var(--hop-moss-100)",
     "--hop-success-icon": "var(--hop-moss-700)",
     "--hop-success-icon-weakest": "var(--hop-moss-100)",
diff --git a/packages/styled-system/src/tokens/generated/styledSystemToTokenMappings.ts b/packages/styled-system/src/tokens/generated/styledSystemToTokenMappings.ts
index 776e4443e..3573b2663 100644
--- a/packages/styled-system/src/tokens/generated/styledSystemToTokenMappings.ts
+++ b/packages/styled-system/src/tokens/generated/styledSystemToTokenMappings.ts
@@ -253,29 +253,77 @@ export const BackgroundColors = {
     "information": "information-surface",
     "information-strong": "information-surface-strong",
     "information-weak": "information-surface-weak",
-    "status-caution-strong": "status-caution-surface-strong",
     "status-caution": "status-caution-surface",
-    "status-inactive-strong": "status-inactive-surface-strong",
+    "status-caution-disabled": "status-caution-surface-disabled",
+    "status-caution-hover": "status-caution-surface-hover",
+    "status-caution-press": "status-caution-surface-press",
+    "status-caution-selected": "status-caution-surface-selected",
+    "status-caution-strong": "status-caution-surface-strong",
     "status-inactive": "status-inactive-surface",
-    "status-negative-strong": "status-negative-surface-strong",
+    "status-inactive-disabled": "status-inactive-surface-disabled",
+    "status-inactive-hover": "status-inactive-surface-hover",
+    "status-inactive-press": "status-inactive-surface-press",
+    "status-inactive-selected": "status-inactive-surface-selected",
+    "status-inactive-strong": "status-inactive-surface-strong",
     "status-negative": "status-negative-surface",
+    "status-negative-disabled": "status-negative-surface-disabled",
+    "status-negative-hover": "status-negative-surface-hover",
+    "status-negative-press": "status-negative-surface-press",
+    "status-negative-selected": "status-negative-surface-selected",
+    "status-negative-strong": "status-negative-surface-strong",
     "status-neutral": "status-neutral-surface",
+    "status-neutral-disabled": "status-neutral-surface-disabled",
+    "status-neutral-hover": "status-neutral-surface-hover",
+    "status-neutral-press": "status-neutral-surface-press",
+    "status-neutral-selected": "status-neutral-surface-selected",
     "status-neutral-strong": "status-neutral-surface-strong",
-    "status-option1-strong": "status-option1-surface-strong",
     "status-option1": "status-option1-surface",
-    "status-option2-strong": "status-option2-surface-strong",
+    "status-option1-disabled": "status-option1-surface-disabled",
+    "status-option1-hover": "status-option1-surface-hover",
+    "status-option1-press": "status-option1-surface-press",
+    "status-option1-selected": "status-option1-surface-selected",
+    "status-option1-strong": "status-option1-surface-strong",
     "status-option2": "status-option2-surface",
-    "status-option3-strong": "status-option3-surface-strong",
+    "status-option2-disabled": "status-option2-surface-disabled",
+    "status-option2-hover": "status-option2-surface-hover",
+    "status-option2-press": "status-option2-surface-press",
+    "status-option2-selected": "status-option2-surface-selected",
+    "status-option2-strong": "status-option2-surface-strong",
     "status-option3": "status-option3-surface",
-    "status-option4-strong": "status-option4-surface-strong",
+    "status-option3-disabled": "status-option3-surface-disabled",
+    "status-option3-hover": "status-option3-surface-hover",
+    "status-option3-press": "status-option3-surface-press",
+    "status-option3-selected": "status-option3-surface-selected",
+    "status-option3-strong": "status-option3-surface-strong",
     "status-option4": "status-option4-surface",
+    "status-option4-disabled": "status-option4-surface-disabled",
+    "status-option4-hover": "status-option4-surface-hover",
+    "status-option4-press": "status-option4-surface-press",
+    "status-option4-selected": "status-option4-surface-selected",
+    "status-option4-strong": "status-option4-surface-strong",
     "status-option5": "status-option5-surface",
+    "status-option5-disabled": "status-option5-surface-disabled",
+    "status-option5-hover": "status-option5-surface-hover",
+    "status-option5-press": "status-option5-surface-press",
+    "status-option5-selected": "status-option5-surface-selected",
     "status-option5-strong": "status-option5-surface-strong",
     "status-option6": "status-option6-surface",
+    "status-option6-disabled": "status-option6-surface-disabled",
+    "status-option6-hover": "status-option6-surface-hover",
+    "status-option6-press": "status-option6-surface-press",
+    "status-option6-selected": "status-option6-surface-selected",
     "status-option6-strong": "status-option6-surface-strong",
-    "status-positive-strong": "status-positive-surface-strong",
     "status-positive": "status-positive-surface",
+    "status-positive-disabled": "status-positive-surface-disabled",
+    "status-positive-hover": "status-positive-surface-hover",
+    "status-positive-press": "status-positive-surface-press",
+    "status-positive-selected": "status-positive-surface-selected",
+    "status-positive-strong": "status-positive-surface-strong",
     "status-progress": "status-progress-surface",
+    "status-progress-disabled": "status-progress-surface-disabled",
+    "status-progress-hover": "status-progress-surface-hover",
+    "status-progress-press": "status-progress-surface-press",
+    "status-progress-selected": "status-progress-surface-selected",
     "status-progress-strong": "status-progress-surface-strong",
     "success": "success-surface",
     "success-strong": "success-surface-strong",
@@ -349,17 +397,65 @@ export const TextColors = {
     "information": "information-text",
     "information-weak": "information-text-weak",
     "status-caution": "status-caution-text",
+    "status-caution-disabled": "status-caution-text-disabled",
+    "status-caution-hover": "status-caution-text-hover",
+    "status-caution-press": "status-caution-text-press",
+    "status-caution-selected": "status-caution-text-selected",
     "status-inactive": "status-inactive-text",
+    "status-inactive-disabled": "status-inactive-text-disabled",
+    "status-inactive-hover": "status-inactive-text-hover",
+    "status-inactive-press": "status-inactive-text-press",
+    "status-inactive-selected": "status-inactive-text-selected",
     "status-negative": "status-negative-text",
+    "status-negative-disabled": "status-negative-text-disabled",
+    "status-negative-hover": "status-negative-text-hover",
+    "status-negative-press": "status-negative-text-press",
+    "status-negative-selected": "status-negative-text-selected",
     "status-neutral": "status-neutral-text",
+    "status-neutral-disabled": "status-neutral-text-disabled",
+    "status-neutral-hover": "status-neutral-text-hover",
+    "status-neutral-press": "status-neutral-text-press",
+    "status-neutral-selected": "status-neutral-text-selected",
     "status-option1": "status-option1-text",
+    "status-option1-disabled": "status-option1-text-disabled",
+    "status-option1-hover": "status-option1-text-hover",
+    "status-option1-press": "status-option1-text-press",
+    "status-option1-selected": "status-option1-text-selected",
     "status-option2": "status-option2-text",
+    "status-option2-disabled": "status-option2-text-disabled",
+    "status-option2-hover": "status-option2-text-hover",
+    "status-option2-press": "status-option2-text-press",
+    "status-option2-selected": "status-option2-text-selected",
     "status-option3": "status-option3-text",
+    "status-option3-disabled": "status-option3-text-disabled",
+    "status-option3-hover": "status-option3-text-hover",
+    "status-option3-press": "status-option3-text-press",
+    "status-option3-selected": "status-option3-text-selected",
     "status-option4": "status-option4-text",
+    "status-option4-disabled": "status-option4-text-disabled",
+    "status-option4-hover": "status-option4-text-hover",
+    "status-option4-press": "status-option4-text-press",
+    "status-option4-selected": "status-option4-text-selected",
     "status-option5": "status-option5-text",
+    "status-option5-disabled": "status-option5-text-disabled",
+    "status-option5-hover": "status-option5-text-hover",
+    "status-option5-press": "status-option5-text-press",
+    "status-option5-selected": "status-option5-text-selected",
     "status-option6": "status-option6-text",
+    "status-option6-disabled": "status-option6-text-disabled",
+    "status-option6-hover": "status-option6-text-hover",
+    "status-option6-press": "status-option6-text-press",
+    "status-option6-selected": "status-option6-text-selected",
     "status-positive": "status-positive-text",
+    "status-positive-disabled": "status-positive-text-disabled",
+    "status-positive-hover": "status-positive-text-hover",
+    "status-positive-press": "status-positive-text-press",
+    "status-positive-selected": "status-positive-text-selected",
     "status-progress": "status-progress-text",
+    "status-progress-disabled": "status-progress-text-disabled",
+    "status-progress-hover": "status-progress-text-hover",
+    "status-progress-press": "status-progress-text-press",
+    "status-progress-selected": "status-progress-text-selected",
     "success": "success-text",
     "success-hover": "success-text-hover",
     "success-weak": "success-text-weak",
@@ -424,17 +520,65 @@ export const IconColors = {
     "information-weakest": "information-icon-weakest",
     "information-weak": "information-icon-weak",
     "status-caution": "status-caution-icon",
+    "status-caution-disabled": "status-caution-icon-disabled",
+    "status-caution-hover": "status-caution-icon-hover",
+    "status-caution-press": "status-caution-icon-press",
+    "status-caution-selected": "status-caution-icon-selected",
     "status-inactive": "status-inactive-icon",
+    "status-inactive-disabled": "status-inactive-icon-disabled",
+    "status-inactive-hover": "status-inactive-icon-hover",
+    "status-inactive-press": "status-inactive-icon-press",
+    "status-inactive-selected": "status-inactive-icon-selected",
     "status-negative": "status-negative-icon",
+    "status-negative-disabled": "status-negative-icon-disabled",
+    "status-negative-hover": "status-negative-icon-hover",
+    "status-negative-press": "status-negative-icon-press",
+    "status-negative-selected": "status-negative-icon-selected",
     "status-neutral": "status-neutral-icon",
+    "status-neutral-disabled": "status-neutral-icon-disabled",
+    "status-neutral-hover": "status-neutral-icon-hover",
+    "status-neutral-press": "status-neutral-icon-press",
+    "status-neutral-selected": "status-neutral-icon-selected",
     "status-option1": "status-option1-icon",
+    "status-option1-disabled": "status-option1-icon-disabled",
+    "status-option1-hover": "status-option1-icon-hover",
+    "status-option1-press": "status-option1-icon-press",
+    "status-option1-selected": "status-option1-icon-selected",
     "status-option2": "status-option2-icon",
+    "status-option2-disabled": "status-option2-icon-disabled",
+    "status-option2-hover": "status-option2-icon-hover",
+    "status-option2-press": "status-option2-icon-press",
+    "status-option2-selected": "status-option2-icon-selected",
     "status-option3": "status-option3-icon",
+    "status-option3-disabled": "status-option3-icon-disabled",
+    "status-option3-hover": "status-option3-icon-hover",
+    "status-option3-press": "status-option3-icon-press",
+    "status-option3-selected": "status-option3-icon-selected",
     "status-option4": "status-option4-icon",
+    "status-option4-disabled": "status-option4-icon-disabled",
+    "status-option4-hover": "status-option4-icon-hover",
+    "status-option4-press": "status-option4-icon-press",
+    "status-option4-selected": "status-option4-icon-selected",
     "status-option5": "status-option5-icon",
+    "status-option5-disabled": "status-option5-icon-disabled",
+    "status-option5-hover": "status-option5-icon-hover",
+    "status-option5-press": "status-option5-icon-press",
+    "status-option5-selected": "status-option5-icon-selected",
     "status-option6": "status-option6-icon",
+    "status-option6-disabled": "status-option6-icon-disabled",
+    "status-option6-hover": "status-option6-icon-hover",
+    "status-option6-press": "status-option6-icon-press",
+    "status-option6-selected": "status-option6-icon-selected",
     "status-positive": "status-positive-icon",
+    "status-positive-disabled": "status-positive-icon-disabled",
+    "status-positive-hover": "status-positive-icon-hover",
+    "status-positive-press": "status-positive-icon-press",
+    "status-positive-selected": "status-positive-icon-selected",
     "status-progress": "status-progress-icon",
+    "status-progress-disabled": "status-progress-icon-disabled",
+    "status-progress-hover": "status-progress-icon-hover",
+    "status-progress-press": "status-progress-icon-press",
+    "status-progress-selected": "status-progress-icon-selected",
     "success": "success-icon",
     "success-weakest": "success-icon-weakest",
     "success-weak": "success-icon-weak",
@@ -479,6 +623,66 @@ export const BorderColors = {
     "decorative-option2": "decorative-option2-border",
     "decorative-option1": "decorative-option1-border",
     "information": "information-border",
+    "status-caution": "status-caution-border",
+    "status-caution-disabled": "status-caution-border-disabled",
+    "status-caution-hover": "status-caution-border-hover",
+    "status-caution-press": "status-caution-border-press",
+    "status-caution-selected": "status-caution-border-selected",
+    "status-inactive": "status-inactive-border",
+    "status-inactive-disabled": "status-inactive-border-disabled",
+    "status-inactive-hover": "status-inactive-border-hover",
+    "status-inactive-press": "status-inactive-border-press",
+    "status-inactive-selected": "status-inactive-border-selected",
+    "status-negative": "status-negative-border",
+    "status-negative-disabled": "status-negative-border-disabled",
+    "status-negative-hover": "status-negative-border-hover",
+    "status-negative-press": "status-negative-border-press",
+    "status-negative-selected": "status-negative-border-selected",
+    "status-neutral": "status-neutral-border",
+    "status-neutral-disabled": "status-neutral-border-disabled",
+    "status-neutral-hover": "status-neutral-border-hover",
+    "status-neutral-press": "status-neutral-border-press",
+    "status-neutral-selected": "status-neutral-border-selected",
+    "status-option1": "status-option1-border",
+    "status-option1-disabled": "status-option1-border-disabled",
+    "status-option1-hover": "status-option1-border-hover",
+    "status-option1-press": "status-option1-border-press",
+    "status-option1-selected": "status-option1-border-selected",
+    "status-option2": "status-option2-border",
+    "status-option2-disabled": "status-option2-border-disabled",
+    "status-option2-hover": "status-option2-border-hover",
+    "status-option2-press": "status-option2-border-press",
+    "status-option2-selected": "status-option2-border-selected",
+    "status-option3": "status-option3-border",
+    "status-option3-disabled": "status-option3-border-disabled",
+    "status-option3-hover": "status-option3-border-hover",
+    "status-option3-press": "status-option3-border-press",
+    "status-option3-selected": "status-option3-border-selected",
+    "status-option4": "status-option4-border",
+    "status-option4-disabled": "status-option4-border-disabled",
+    "status-option4-hover": "status-option4-border-hover",
+    "status-option4-press": "status-option4-border-press",
+    "status-option4-selected": "status-option4-border-selected",
+    "status-option5": "status-option5-border",
+    "status-option5-disabled": "status-option5-border-disabled",
+    "status-option5-hover": "status-option5-border-hover",
+    "status-option5-press": "status-option5-border-press",
+    "status-option5-selected": "status-option5-border-selected",
+    "status-option6": "status-option6-border",
+    "status-option6-disabled": "status-option6-border-disabled",
+    "status-option6-hover": "status-option6-border-hover",
+    "status-option6-press": "status-option6-border-press",
+    "status-option6-selected": "status-option6-border-selected",
+    "status-positive": "status-positive-border",
+    "status-positive-disabled": "status-positive-border-disabled",
+    "status-positive-hover": "status-positive-border-hover",
+    "status-positive-press": "status-positive-border-press",
+    "status-positive-selected": "status-positive-border-selected",
+    "status-progress": "status-progress-border",
+    "status-progress-disabled": "status-progress-border-disabled",
+    "status-progress-hover": "status-progress-border-hover",
+    "status-progress-press": "status-progress-border-press",
+    "status-progress-selected": "status-progress-border-selected",
     "success": "success-border",
     "warning": "warning-border"
 };
diff --git a/packages/tokens/src/tokens/semantic/dark/colors.tokens.json b/packages/tokens/src/tokens/semantic/dark/colors.tokens.json
index ea43b9310..9be0d559b 100644
--- a/packages/tokens/src/tokens/semantic/dark/colors.tokens.json
+++ b/packages/tokens/src/tokens/semantic/dark/colors.tokens.json
@@ -857,219 +857,1035 @@
     },
     "status": {
         "caution": {
+            "border": {
+                "$type": "color",
+                "$value": "{koi.400}"
+            },
+            "border-disabled": {
+                "$type": "color",
+                "$value": "{koi.600}"
+            },
+            "border-hover": {
+                "$type": "color",
+                "$value": "{koi.500}"
+            },
+            "border-press": {
+                "$type": "color",
+                "$value": "{koi.400}"
+            },
+            "border-selected": {
+                "$type": "color",
+                "$value": "{koi.75}"
+            },
             "icon": {
                 "$type": "color",
-                "$value": "{koi.900}"
+                "$value": "{koi.800}"
+            },
+            "icon-disabled": {
+                "$type": "color",
+                "$value": "{koi.500}"
+            },
+            "icon-hover": {
+                "$type": "color",
+                "$value": "{koi.900}"
+            },
+            "icon-press": {
+                "$type": "color",
+                "$value": "{koi.800}"
+            },
+            "icon-selected": {
+                "$type": "color",
+                "$value": "{koi.75}"
+            },
+            "surface": {
+                "$type": "color",
+                "$value": "{koi.100}"
+            },
+            "surface-disabled": {
+                "$type": "color",
+                "$value": "{koi.800}"
+            },
+            "surface-hover": {
+                "$type": "color",
+                "$value": "{koi.200}"
+            },
+            "surface-press": {
+                "$type": "color",
+                "$value": "{koi.300}"
+            },
+            "surface-selected": {
+                "$type": "color",
+                "$value": "{koi.800}"
+            },
+            "surface-strong": {
+                "$type": "color",
+                "$value": "{koi.200}"
+            },
+            "text": {
+                "$type": "color",
+                "$value": "{koi.800}"
+            },
+            "text-disabled": {
+                "$type": "color",
+                "$value": "{koi.500}"
+            },
+            "text-hover": {
+                "$type": "color",
+                "$value": "{koi.900}"
+            },
+            "text-press": {
+                "$type": "color",
+                "$value": "{koi.800}"
+            },
+            "text-selected": {
+                "$type": "color",
+                "$value": "{koi.75}"
+            }
+        },
+        "inactive": {
+            "border": {
+                "$type": "color",
+                "$value": "{rock.400}"
+            },
+            "border-disabled": {
+                "$type": "color",
+                "$value": "{rock.600}"
+            },
+            "border-hover": {
+                "$type": "color",
+                "$value": "{rock.500}"
+            },
+            "border-press": {
+                "$type": "color",
+                "$value": "{rock.400}"
+            },
+            "border-selected": {
+                "$type": "color",
+                "$value": "{rock.75}"
+            },
+            "icon": {
+                "$type": "color",
+                "$value": "{rock.800}"
+            },
+            "icon-disabled": {
+                "$type": "color",
+                "$value": "{rock.500}"
+            },
+            "icon-hover": {
+                "$type": "color",
+                "$value": "{rock.900}"
+            },
+            "icon-press": {
+                "$type": "color",
+                "$value": "{rock.800}"
+            },
+            "icon-selected": {
+                "$type": "color",
+                "$value": "{rock.75}"
+            },
+            "surface": {
+                "$type": "color",
+                "$value": "{rock.75}"
+            },
+            "surface-disabled": {
+                "$type": "color",
+                "$value": "{rock.800}"
+            },
+            "surface-hover": {
+                "$type": "color",
+                "$value": "{rock.200}"
+            },
+            "surface-press": {
+                "$type": "color",
+                "$value": "{rock.300}"
+            },
+            "surface-selected": {
+                "$type": "color",
+                "$value": "{rock.800}"
+            },
+            "surface-strong": {
+                "$type": "color",
+                "$value": "{rock.100}"
+            },
+            "text": {
+                "$type": "color",
+                "$value": "{rock.800}"
+            },
+            "text-disabled": {
+                "$type": "color",
+                "$value": "{rock.500}"
+            },
+            "text-hover": {
+                "$type": "color",
+                "$value": "{rock.900}"
+            },
+            "text-press": {
+                "$type": "color",
+                "$value": "{rock.800}"
+            },
+            "text-selected": {
+                "$type": "color",
+                "$value": "{rock.75}"
+            }
+        },
+        "negative": {
+            "border": {
+                "$type": "color",
+                "$value": "{amanita.400}"
+            },
+            "border-disabled": {
+                "$type": "color",
+                "$value": "{amanita.600}"
+            },
+            "border-hover": {
+                "$type": "color",
+                "$value": "{amanita.500}"
+            },
+            "border-press": {
+                "$type": "color",
+                "$value": "{amanita.400}"
+            },
+            "border-selected": {
+                "$type": "color",
+                "$value": "{amanita.75}"
+            },
+            "icon": {
+                "$type": "color",
+                "$value": "{amanita.800}"
+            },
+            "icon-disabled": {
+                "$type": "color",
+                "$value": "{amanita.500}"
+            },
+            "icon-hover": {
+                "$type": "color",
+                "$value": "{amanita.900}"
+            },
+            "icon-press": {
+                "$type": "color",
+                "$value": "{amanita.800}"
+            },
+            "icon-selected": {
+                "$type": "color",
+                "$value": "{amanita.75}"
+            },
+            "surface": {
+                "$type": "color",
+                "$value": "{amanita.100}"
+            },
+            "surface-disabled": {
+                "$type": "color",
+                "$value": "{amanita.800}"
+            },
+            "surface-hover": {
+                "$type": "color",
+                "$value": "{amanita.200}"
+            },
+            "surface-press": {
+                "$type": "color",
+                "$value": "{amanita.300}"
+            },
+            "surface-selected": {
+                "$type": "color",
+                "$value": "{amanita.800}"
+            },
+            "surface-strong": {
+                "$type": "color",
+                "$value": "{amanita.200}"
+            },
+            "text": {
+                "$type": "color",
+                "$value": "{amanita.800}"
+            },
+            "text-disabled": {
+                "$type": "color",
+                "$value": "{amanita.500}"
+            },
+            "text-hover": {
+                "$type": "color",
+                "$value": "{amanita.900}"
+            },
+            "text-press": {
+                "$type": "color",
+                "$value": "{amanita.800}"
+            },
+            "text-selected": {
+                "$type": "color",
+                "$value": "{amanita.75}"
+            }
+        },
+        "neutral": {
+            "border": {
+                "$type": "color",
+                "$value": "{rock.25}"
+            },
+            "border-disabled": {
+                "$type": "color",
+                "$value": "{rock.800}"
+            },
+            "border-hover": {
+                "$type": "color",
+                "$value": "{rock.50}"
+            },
+            "border-press": {
+                "$type": "color",
+                "$value": "{rock.25}"
+            },
+            "border-selected": {
+                "$type": "color",
+                "$value": "{rock.25}"
+            },
+            "icon": {
+                "$type": "color",
+                "$value": "{rock.25}"
+            },
+            "icon-disabled": {
+                "$type": "color",
+                "$value": "{rock.500}"
+            },
+            "icon-hover": {
+                "$type": "color",
+                "$value": "{rock.50}"
+            },
+            "icon-press": {
+                "$type": "color",
+                "$value": "{rock.25}"
+            },
+            "icon-selected": {
+                "$type": "color",
+                "$value": "{rock.25}"
+            },
+            "surface": {
+                "$type": "color",
+                "$value": "{abyss}"
+            },
+            "surface-disabled": {
+                "$type": "color",
+                "$value": "{rock.700}"
+            },
+            "surface-hover": {
+                "$type": "color",
+                "$value": "{rock.800}"
+            },
+            "surface-press": {
+                "$type": "color",
+                "$value": "{rock.700}"
+            },
+            "surface-selected": {
+                "$type": "color",
+                "$value": "{toad.25}"
+            },
+            "surface-strong": {
+                "$type": "color",
+                "$value": "{rock.100}"
+            },
+            "text": {
+                "$type": "color",
+                "$value": "{rock.25}"
+            },
+            "text-disabled": {
+                "$type": "color",
+                "$value": "{rock.500}"
+            },
+            "text-hover": {
+                "$type": "color",
+                "$value": "{rock.50}"
+            },
+            "text-press": {
+                "$type": "color",
+                "$value": "{rock.25}"
+            },
+            "text-selected": {
+                "$type": "color",
+                "$value": "{rock.900}"
+            }
+        },
+        "option1": {
+            "border": {
+                "$type": "color",
+                "$value": "{coastal.400}"
+            },
+            "border-disabled": {
+                "$type": "color",
+                "$value": "{coastal.600}"
+            },
+            "border-hover": {
+                "$type": "color",
+                "$value": "{coastal.500}"
+            },
+            "border-press": {
+                "$type": "color",
+                "$value": "{coastal.400}"
+            },
+            "border-selected": {
+                "$type": "color",
+                "$value": "{coastal.75}"
+            },
+            "icon": {
+                "$type": "color",
+                "$value": "{coastal.800}"
+            },
+            "icon-disabled": {
+                "$type": "color",
+                "$value": "{coastal.500}"
+            },
+            "icon-hover": {
+                "$type": "color",
+                "$value": "{coastal.900}"
+            },
+            "icon-press": {
+                "$type": "color",
+                "$value": "{coastal.800}"
+            },
+            "icon-selected": {
+                "$type": "color",
+                "$value": "{coastal.75}"
+            },
+            "surface": {
+                "$type": "color",
+                "$value": "{coastal.100}"
+            },
+            "surface-disabled": {
+                "$type": "color",
+                "$value": "{coastal.800}"
+            },
+            "surface-hover": {
+                "$type": "color",
+                "$value": "{coastal.200}"
+            },
+            "surface-press": {
+                "$type": "color",
+                "$value": "{coastal.300}"
+            },
+            "surface-selected": {
+                "$type": "color",
+                "$value": "{coastal.800}"
+            },
+            "surface-strong": {
+                "$type": "color",
+                "$value": "{coastal.100}"
+            },
+            "text": {
+                "$type": "color",
+                "$value": "{coastal.800}"
+            },
+            "text-disabled": {
+                "$type": "color",
+                "$value": "{coastal.500}"
+            },
+            "text-hover": {
+                "$type": "color",
+                "$value": "{coastal.900}"
+            },
+            "text-press": {
+                "$type": "color",
+                "$value": "{coastal.800}"
+            },
+            "text-selected": {
+                "$type": "color",
+                "$value": "{coastal.75}"
+            }
+        },
+        "option2": {
+            "border": {
+                "$type": "color",
+                "$value": "{orchid-bloom.300}"
+            },
+            "border-disabled": {
+                "$type": "color",
+                "$value": "{orchid-bloom.600}"
+            },
+            "border-hover": {
+                "$type": "color",
+                "$value": "{orchid-bloom.500}"
+            },
+            "border-press": {
+                "$type": "color",
+                "$value": "{orchid-bloom.300}"
+            },
+            "border-selected": {
+                "$type": "color",
+                "$value": "{orchid-bloom.800}"
+            },
+            "icon": {
+                "$type": "color",
+                "$value": "{orchid-bloom.800}"
+            },
+            "icon-disabled": {
+                "$type": "color",
+                "$value": "{orchid-bloom.500}"
+            },
+            "icon-hover": {
+                "$type": "color",
+                "$value": "{orchid-bloom.900}"
+            },
+            "icon-press": {
+                "$type": "color",
+                "$value": "{orchid-bloom.800}"
+            },
+            "icon-selected": {
+                "$type": "color",
+                "$value": "{orchid-bloom.75}"
+            },
+            "surface": {
+                "$type": "color",
+                "$value": "{orchid-bloom.100}"
+            },
+            "surface-disabled": {
+                "$type": "color",
+                "$value": "{orchid-bloom.800}"
+            },
+            "surface-hover": {
+                "$type": "color",
+                "$value": "{orchid-bloom.200}"
+            },
+            "surface-press": {
+                "$type": "color",
+                "$value": "{orchid-bloom.300}"
+            },
+            "surface-selected": {
+                "$type": "color",
+                "$value": "{orchid-bloom.800}"
+            },
+            "surface-strong": {
+                "$type": "color",
+                "$value": "{orchid-bloom.100}"
+            },
+            "text": {
+                "$type": "color",
+                "$value": "{orchid-bloom.800}"
+            },
+            "text-disabled": {
+                "$type": "color",
+                "$value": "{orchid-bloom.500}"
+            },
+            "text-hover": {
+                "$type": "color",
+                "$value": "{orchid-bloom.900}"
+            },
+            "text-press": {
+                "$type": "color",
+                "$value": "{orchid-bloom.800}"
+            },
+            "text-selected": {
+                "$type": "color",
+                "$value": "{orchid-bloom.75}"
+            }
+        },
+        "option3": {
+            "border": {
+                "$type": "color",
+                "$value": "{quetzal.400}"
+            },
+            "border-disabled": {
+                "$type": "color",
+                "$value": "{quetzal.600}"
+            },
+            "border-hover": {
+                "$type": "color",
+                "$value": "{quetzal.500}"
+            },
+            "border-press": {
+                "$type": "color",
+                "$value": "{quetzal.400}"
+            },
+            "border-selected": {
+                "$type": "color",
+                "$value": "{quetzal.75}"
+            },
+            "icon": {
+                "$type": "color",
+                "$value": "{quetzal.800}"
+            },
+            "icon-disabled": {
+                "$type": "color",
+                "$value": "{quetzal.500}"
+            },
+            "icon-hover": {
+                "$type": "color",
+                "$value": "{quetzal.900}"
+            },
+            "icon-press": {
+                "$type": "color",
+                "$value": "{quetzal.800}"
+            },
+            "icon-selected": {
+                "$type": "color",
+                "$value": "{quetzal.75}"
+            },
+            "surface": {
+                "$type": "color",
+                "$value": "{quetzal.100}"
+            },
+            "surface-disabled": {
+                "$type": "color",
+                "$value": "{quetzal.800}"
+            },
+            "surface-hover": {
+                "$type": "color",
+                "$value": "{quetzal.200}"
+            },
+            "surface-press": {
+                "$type": "color",
+                "$value": "{quetzal.300}"
+            },
+            "surface-selected": {
+                "$type": "color",
+                "$value": "{quetzal.800}"
+            },
+            "surface-strong": {
+                "$type": "color",
+                "$value": "{quetzal.100}"
+            },
+            "text": {
+                "$type": "color",
+                "$value": "{quetzal.800}"
+            },
+            "text-disabled": {
+                "$type": "color",
+                "$value": "{quetzal.200}"
+            },
+            "text-hover": {
+                "$type": "color",
+                "$value": "{quetzal.900}"
+            },
+            "text-press": {
+                "$type": "color",
+                "$value": "{quetzal.800}"
+            },
+            "text-selected": {
+                "$type": "color",
+                "$value": "{quetzal.75}"
+            }
+        },
+        "option4": {
+            "border": {
+                "$type": "color",
+                "$value": "{fog.400}"
             },
-            "surface": {
+            "border-disabled": {
                 "$type": "color",
-                "$value": "{koi.75}"
+                "$value": "{fog.600}"
             },
-            "surface-strong": {
+            "border-hover": {
                 "$type": "color",
-                "$value": "{koi.200}"
+                "$value": "{fog.500}"
             },
-            "text": {
+            "border-press": {
                 "$type": "color",
-                "$value": "{koi.900}"
-            }
-        },
-        "inselected": {
+                "$value": "{fog.400}"
+            },
+            "border-selected": {
+                "$type": "color",
+                "$value": "{fog.75}"
+            },
             "icon": {
                 "$type": "color",
-                "$value": "{rock.800}"
+                "$value": "{fog.800}"
             },
-            "surface": {
+            "icon-disabled": {
                 "$type": "color",
-                "$value": "{rock.75}"
+                "$value": "{fog.500}"
             },
-            "surface-strong": {
+            "icon-hover": {
                 "$type": "color",
-                "$value": "{rock.100}"
+                "$value": "{fog.900}"
             },
-            "text": {
+            "icon-press": {
                 "$type": "color",
-                "$value": "{rock.900}"
-            }
-        },
-        "negative": {
-            "icon": {
+                "$value": "{fog.800}"
+            },
+            "icon-selected": {
                 "$type": "color",
-                "$value": "{amanita.900}"
+                "$value": "{fog.75}"
             },
             "surface": {
                 "$type": "color",
-                "$value": "{amanita.75}"
+                "$value": "{fog.100}"
             },
-            "surface-strong": {
+            "surface-disabled": {
                 "$type": "color",
-                "$value": "{amanita.200}"
+                "$value": "{fog.600}"
             },
-            "text": {
+            "surface-hover": {
                 "$type": "color",
-                "$value": "{amanita.900}"
-            }
-        },
-        "neutral": {
-            "icon": {
+                "$value": "{fog.200}"
+            },
+            "surface-press": {
                 "$type": "color",
-                "$value": "{rock.25}"
+                "$value": "{fog.300}"
             },
-            "surface": {
+            "surface-selected": {
                 "$type": "color",
-                "$value": "{abyss}"
+                "$value": "{fog.800}"
             },
             "surface-strong": {
                 "$type": "color",
-                "$value": "{rock.100}"
+                "$value": "{fog.100}"
             },
             "text": {
                 "$type": "color",
-                "$value": "{rock.25}"
-            }
-        },
-        "option1": {
-            "icon": {
+                "$value": "{fog.800}"
+            },
+            "text-disabled": {
                 "$type": "color",
-                "$value": "{coastal.900}"
+                "$value": "{fog.500}"
             },
-            "surface": {
+            "text-hover": {
                 "$type": "color",
-                "$value": "{coastal.200}"
+                "$value": "{fog.900}"
             },
-            "surface-strong": {
+            "text-press": {
                 "$type": "color",
-                "$value": "{coastal.100}"
+                "$value": "{fog.900}"
             },
-            "text": {
+            "text-selected": {
                 "$type": "color",
-                "$value": "{coastal.900}"
+                "$value": "{fog.75}"
             }
         },
-        "option2": {
-            "icon": {
+        "option5": {
+            "border": {
                 "$type": "color",
-                "$value": "{orchid-bloom.900}"
+                "$value": "{toad.400}"
             },
-            "surface": {
+            "border-disabled": {
                 "$type": "color",
-                "$value": "{orchid-bloom.200}"
+                "$value": "{toad.600}"
             },
-            "surface-strong": {
+            "border-hover": {
                 "$type": "color",
-                "$value": "{orchid-bloom.100}"
+                "$value": "{toad.500}"
             },
-            "text": {
+            "border-press": {
                 "$type": "color",
-                "$value": "{orchid-bloom.900}"
-            }
-        },
-        "option3": {
+                "$value": "{toad.400}"
+            },
+            "border-selected": {
+                "$type": "color",
+                "$value": "{toad.75}"
+            },
             "icon": {
                 "$type": "color",
-                "$value": "{quetzal.900}"
+                "$value": "{toad.800}"
             },
-            "surface": {
+            "icon-disabled": {
                 "$type": "color",
-                "$value": "{quetzal.200}"
+                "$value": "{toad.500}"
             },
-            "surface-strong": {
+            "icon-hover": {
                 "$type": "color",
-                "$value": "{quetzal.100}"
+                "$value": "{toad.900}"
             },
-            "text": {
+            "icon-press": {
                 "$type": "color",
-                "$value": "{quetzal.900}"
-            }
-        },
-        "option4": {
-            "icon": {
+                "$value": "{toad.800}"
+            },
+            "icon-selected": {
                 "$type": "color",
-                "$value": "{fog.900}"
+                "$value": "{toad.75}"
             },
             "surface": {
                 "$type": "color",
-                "$value": "{fog.200}"
+                "$value": "{toad.100}"
             },
-            "surface-strong": {
+            "surface-disabled": {
                 "$type": "color",
-                "$value": "{fog.100}"
+                "$value": "{toad.800}"
             },
-            "text": {
+            "surface-hover": {
                 "$type": "color",
-                "$value": "{fog.900}"
-            }
-        },
-        "option5": {
-            "icon": {
+                "$value": "{toad.200}"
+            },
+            "surface-press": {
                 "$type": "color",
-                "$value": "{toad.900}"
+                "$value": "{toad.300}"
             },
-            "surface": {
+            "surface-selected": {
                 "$type": "color",
-                "$value": "{toad.200}"
+                "$value": "{toad.800}"
             },
             "surface-strong": {
                 "$type": "color",
                 "$value": "{toad.100}"
             },
             "text": {
+                "$type": "color",
+                "$value": "{toad.800}"
+            },
+            "text-disabled": {
+                "$type": "color",
+                "$value": "{toad.500}"
+            },
+            "text-hover": {
                 "$type": "color",
                 "$value": "{toad.900}"
+            },
+            "text-press": {
+                "$type": "color",
+                "$value": "{toad.800}"
+            },
+            "text-selected": {
+                "$type": "color",
+                "$value": "{toad.75}"
             }
         },
         "option6": {
+            "border": {
+                "$type": "color",
+                "$value": "{sunken-treasure.400}"
+            },
+            "border-disabled": {
+                "$type": "color",
+                "$value": "{sunken-treasure.600}"
+            },
+            "border-hover": {
+                "$type": "color",
+                "$value": "{sunken-treasure.500}"
+            },
+            "border-press": {
+                "$type": "color",
+                "$value": "{sunken-treasure.400}"
+            },
+            "border-selected": {
+                "$type": "color",
+                "$value": "{sunken-treasure.75}"
+            },
             "icon": {
+                "$type": "color",
+                "$value": "{sunken-treasure.800}"
+            },
+            "icon-disabled": {
+                "$type": "color",
+                "$value": "{sunken-treasure.500}"
+            },
+            "icon-hover": {
                 "$type": "color",
                 "$value": "{sunken-treasure.900}"
             },
-            "surface": {
+            "icon-press": {
+                "$type": "color",
+                "$value": "{sunken-treasure.800}"
+            },
+            "icon-selected": {
                 "$type": "color",
                 "$value": "{sunken-treasure.75}"
             },
+            "surface": {
+                "$type": "color",
+                "$value": "{sunken-treasure.100}"
+            },
+            "surface-disabled": {
+                "$type": "color",
+                "$value": "{sunken-treasure.800}"
+            },
+            "surface-hover": {
+                "$type": "color",
+                "$value": "{sunken-treasure.200}"
+            },
+            "surface-press": {
+                "$type": "color",
+                "$value": "{sunken-treasure.300}"
+            },
+            "surface-selected": {
+                "$type": "color",
+                "$value": "{sunken-treasure.800}"
+            },
             "surface-strong": {
                 "$type": "color",
                 "$value": "{sunken-treasure.100}"
             },
             "text": {
+                "$type": "color",
+                "$value": "{sunken-treasure.800}"
+            },
+            "text-disabled": {
+                "$type": "color",
+                "$value": "{sunken-treasure.500}"
+            },
+            "text-hover": {
                 "$type": "color",
                 "$value": "{sunken-treasure.900}"
+            },
+            "text-press": {
+                "$type": "color",
+                "$value": "{sunken-treasure.800}"
+            },
+            "text-selected": {
+                "$type": "color",
+                "$value": "{sunken-treasure.75}"
             }
         },
         "positive": {
+            "border": {
+                "$type": "color",
+                "$value": "{moss.400}"
+            },
+            "border-disabled": {
+                "$type": "color",
+                "$value": "{moss.800}"
+            },
+            "border-hover": {
+                "$type": "color",
+                "$value": "{moss.500}"
+            },
+            "border-press": {
+                "$type": "color",
+                "$value": "{moss.400}"
+            },
+            "border-selected": {
+                "$type": "color",
+                "$value": "{moss.75}"
+            },
             "icon": {
+                "$type": "color",
+                "$value": "{moss.800}"
+            },
+            "icon-disabled": {
+                "$type": "color",
+                "$value": "{moss.200}"
+            },
+            "icon-hover": {
                 "$type": "color",
                 "$value": "{moss.900}"
             },
-            "surface": {
+            "icon-press": {
+                "$type": "color",
+                "$value": "{moss.800}"
+            },
+            "icon-selected": {
                 "$type": "color",
                 "$value": "{moss.75}"
             },
+            "surface": {
+                "$type": "color",
+                "$value": "{moss.100}"
+            },
+            "surface-disabled": {
+                "$type": "color",
+                "$value": "{moss.800}"
+            },
+            "surface-hover": {
+                "$type": "color",
+                "$value": "{moss.200}"
+            },
+            "surface-press": {
+                "$type": "color",
+                "$value": "{moss.300}"
+            },
+            "surface-selected": {
+                "$type": "color",
+                "$value": "{moss.800}"
+            },
             "surface-strong": {
                 "$type": "color",
                 "$value": "{moss.200}"
             },
             "text": {
+                "$type": "color",
+                "$value": "{moss.800}"
+            },
+            "text-disabled": {
+                "$type": "color",
+                "$value": "{moss.500}"
+            },
+            "text-hover": {
                 "$type": "color",
                 "$value": "{moss.900}"
+            },
+            "text-press": {
+                "$type": "color",
+                "$value": "{moss.800}"
+            },
+            "text-selected": {
+                "$type": "color",
+                "$value": "{moss.75}"
             }
         },
         "progress": {
+            "border": {
+                "$type": "color",
+                "$value": "{sapphire.400}"
+            },
+            "border-disabled": {
+                "$type": "color",
+                "$value": "{sapphire.600}"
+            },
+            "border-hover": {
+                "$type": "color",
+                "$value": "{sapphire.500}"
+            },
+            "border-press": {
+                "$type": "color",
+                "$value": "{sapphire.400}"
+            },
+            "border-selected": {
+                "$type": "color",
+                "$value": "{sapphire.75}"
+            },
             "icon": {
+                "$type": "color",
+                "$value": "{sapphire.800}"
+            },
+            "icon-disabled": {
+                "$type": "color",
+                "$value": "{sapphire.500}"
+            },
+            "icon-hover": {
                 "$type": "color",
                 "$value": "{sapphire.900}"
             },
+            "icon-press": {
+                "$type": "color",
+                "$value": "{sapphire.800}"
+            },
+            "icon-selected": {
+                "$type": "color",
+                "$value": "{sapphire.75}"
+            },
             "surface": {
                 "$type": "color",
                 "$value": "{sapphire.100}"
             },
+            "surface-disabled": {
+                "$type": "color",
+                "$value": "{sapphire.800}"
+            },
+            "surface-hover": {
+                "$type": "color",
+                "$value": "{sapphire.200}"
+            },
+            "surface-press": {
+                "$type": "color",
+                "$value": "{sapphire.300}"
+            },
+            "surface-selected": {
+                "$type": "color",
+                "$value": "{sapphire.800}"
+            },
             "surface-strong": {
                 "$type": "color",
                 "$value": "{sapphire.200}"
             },
             "text": {
+                "$type": "color",
+                "$value": "{sapphire.800}"
+            },
+            "text-disabled": {
+                "$type": "color",
+                "$value": "{sapphire.500}"
+            },
+            "text-hover": {
                 "$type": "color",
                 "$value": "{sapphire.900}"
+            },
+            "text-press": {
+                "$type": "color",
+                "$value": "{sapphire.800}"
+            },
+            "text-selected": {
+                "$type": "color",
+                "$value": "{sapphire.75}"
             }
         }
     },
diff --git a/packages/tokens/src/tokens/semantic/light/colors.tokens.json b/packages/tokens/src/tokens/semantic/light/colors.tokens.json
index 5a79bbfef..72fc07e62 100644
--- a/packages/tokens/src/tokens/semantic/light/colors.tokens.json
+++ b/packages/tokens/src/tokens/semantic/light/colors.tokens.json
@@ -857,11 +857,43 @@
     },
     "status": {
         "caution": {
-            "surface-strong": {
+            "border": {
                 "$type": "color",
-                "$value": "{koi.200}"
+                "$value": "{koi.300}"
+            },
+            "border-disabled": {
+                "$type": "color",
+                "$value": "{koi.50}"
+            },
+            "border-hover": {
+                "$type": "color",
+                "$value": "{koi.400}"
+            },
+            "border-press": {
+                "$type": "color",
+                "$value": "{koi.500}"
+            },
+            "border-selected": {
+                "$type": "color",
+                "$value": "{koi.700}"
             },
             "icon": {
+                "$type": "color",
+                "$value": "{koi.600}"
+            },
+            "icon-disabled": {
+                "$type": "color",
+                "$value": "{koi.200}"
+            },
+            "icon-hover": {
+                "$type": "color",
+                "$value": "{koi.700}"
+            },
+            "icon-press": {
+                "$type": "color",
+                "$value": "{koi.800}"
+            },
+            "icon-selected": {
                 "$type": "color",
                 "$value": "{koi.700}"
             },
@@ -869,139 +901,707 @@
                 "$type": "color",
                 "$value": "{koi.50}"
             },
+            "surface-disabled": {
+                "$type": "color",
+                "$value": "{koi.25}"
+            },
+            "surface-hover": {
+                "$type": "color",
+                "$value": "{koi.75}"
+            },
+            "surface-press": {
+                "$type": "color",
+                "$value": "{koi.100}"
+            },
+            "surface-selected": {
+                "$type": "color",
+                "$value": "{koi.50}"
+            },
+            "surface-strong": {
+                "$type": "color",
+                "$value": "{koi.200}"
+            },
             "text": {
+                "$type": "color",
+                "$value": "{koi.600}"
+            },
+            "text-disabled": {
+                "$type": "color",
+                "$value": "{koi.200}"
+            },
+            "text-hover": {
+                "$type": "color",
+                "$value": "{koi.700}"
+            },
+            "text-press": {
+                "$type": "color",
+                "$value": "{koi.800}"
+            },
+            "text-selected": {
                 "$type": "color",
                 "$value": "{koi.700}"
             }
         },
         "inactive": {
+            "border": {
+                "$type": "color",
+                "$value": "{rock.300}"
+            },
+            "border-disabled": {
+                "$type": "color",
+                "$value": "{rock.50}"
+            },
+            "border-hover": {
+                "$type": "color",
+                "$value": "{rock.400}"
+            },
+            "border-press": {
+                "$type": "color",
+                "$value": "{rock.500}"
+            },
+            "border-selected": {
+                "$type": "color",
+                "$value": "{rock.700}"
+            },
+            "icon": {
+                "$type": "color",
+                "$value": "{rock.600}"
+            },
+            "icon-disabled": {
+                "$type": "color",
+                "$value": "{rock.200}"
+            },
+            "icon-hover": {
+                "$type": "color",
+                "$value": "{rock.700}"
+            },
+            "icon-press": {
+                "$type": "color",
+                "$value": "{rock.800}"
+            },
+            "icon-selected": {
+                "$type": "color",
+                "$value": "{rock.700}"
+            },
+            "surface": {
+                "$type": "color",
+                "$value": "{rock.50}"
+            },
+            "surface-disabled": {
+                "$type": "color",
+                "$value": "{rock.25}"
+            },
+            "surface-hover": {
+                "$type": "color",
+                "$value": "{rock.75}"
+            },
+            "surface-press": {
+                "$type": "color",
+                "$value": "{rock.100}"
+            },
+            "surface-selected": {
+                "$type": "color",
+                "$value": "{rock.50}"
+            },
+            "surface-strong": {
+                "$type": "color",
+                "$value": "{rock.100}"
+            },
+            "text": {
+                "$type": "color",
+                "$value": "{rock.600}"
+            },
+            "text-disabled": {
+                "$type": "color",
+                "$value": "{rock.200}"
+            },
+            "text-hover": {
+                "$type": "color",
+                "$value": "{rock.700}"
+            },
+            "text-press": {
+                "$type": "color",
+                "$value": "{rock.800}"
+            },
+            "text-selected": {
+                "$type": "color",
+                "$value": "{rock.700}"
+            }
+        },
+        "negative": {
+            "border": {
+                "$type": "color",
+                "$value": "{amanita.300}"
+            },
+            "border-disabled": {
+                "$type": "color",
+                "$value": "{amanita.50}"
+            },
+            "border-hover": {
+                "$type": "color",
+                "$value": "{amanita.400}"
+            },
+            "border-press": {
+                "$type": "color",
+                "$value": "{amanita.500}"
+            },
+            "border-selected": {
+                "$type": "color",
+                "$value": "{amanita.700}"
+            },
+            "icon": {
+                "$type": "color",
+                "$value": "{amanita.600}"
+            },
+            "icon-disabled": {
+                "$type": "color",
+                "$value": "{amanita.200}"
+            },
+            "icon-hover": {
+                "$type": "color",
+                "$value": "{amanita.700}"
+            },
+            "icon-press": {
+                "$type": "color",
+                "$value": "{amanita.800}"
+            },
+            "icon-selected": {
+                "$type": "color",
+                "$value": "{amanita.700}"
+            },
+            "surface": {
+                "$type": "color",
+                "$value": "{amanita.50}"
+            },
+            "surface-disabled": {
+                "$type": "color",
+                "$value": "{amanita.25}"
+            },
+            "surface-hover": {
+                "$type": "color",
+                "$value": "{amanita.75}"
+            },
+            "surface-press": {
+                "$type": "color",
+                "$value": "{amanita.100}"
+            },
+            "surface-selected": {
+                "$type": "color",
+                "$value": "{amanita.50}"
+            },
+            "surface-strong": {
+                "$type": "color",
+                "$value": "{amanita.200}"
+            },
+            "text": {
+                "$type": "color",
+                "$value": "{amanita.600}"
+            },
+            "text-disabled": {
+                "$type": "color",
+                "$value": "{amanita.200}"
+            },
+            "text-hover": {
+                "$type": "color",
+                "$value": "{amanita.700}"
+            },
+            "text-press": {
+                "$type": "color",
+                "$value": "{amanita.800}"
+            },
+            "text-selected": {
+                "$type": "color",
+                "$value": "{amanita.700}"
+            }
+        },
+        "neutral": {
+            "border": {
+                "$type": "color",
+                "$value": "{rock.800}"
+            },
+            "border-disabled": {
+                "$type": "color",
+                "$value": "{rock.50}"
+            },
+            "border-hover": {
+                "$type": "color",
+                "$value": "{rock.700}"
+            },
+            "border-press": {
+                "$type": "color",
+                "$value": "{rock.900}"
+            },
+            "border-selected": {
+                "$type": "color",
+                "$value": "{rock.800}"
+            },
+            "icon": {
+                "$type": "color",
+                "$value": "{rock.800}"
+            },
+            "icon-disabled": {
+                "$type": "color",
+                "$value": "{rock.300}"
+            },
+            "icon-hover": {
+                "$type": "color",
+                "$value": "{rock.700}"
+            },
+            "icon-press": {
+                "$type": "color",
+                "$value": "{rock.900}"
+            },
+            "icon-selected": {
+                "$type": "color",
+                "$value": "{samoyed}"
+            },
+            "surface": {
+                "$type": "color",
+                "$value": "{samoyed}"
+            },
+            "surface-disabled": {
+                "$type": "color",
+                "$value": "{rock.50}"
+            },
+            "surface-hover": {
+                "$type": "color",
+                "$value": "{rock.25}"
+            },
+            "surface-press": {
+                "$type": "color",
+                "$value": "{rock.50}"
+            },
+            "surface-selected": {
+                "$type": "color",
+                "$value": "{rock.800}"
+            },
+            "surface-strong": {
+                "$type": "color",
+                "$value": "{rock.200}"
+            },
+            "text": {
+                "$type": "color",
+                "$value": "{rock.800}"
+            },
+            "text-disabled": {
+                "$type": "color",
+                "$value": "{rock.300}"
+            },
+            "text-hover": {
+                "$type": "color",
+                "$value": "{rock.700}"
+            },
+            "text-press": {
+                "$type": "color",
+                "$value": "{rock.900}"
+            },
+            "text-selected": {
+                "$type": "color",
+                "$value": "{samoyed}"
+            }
+        },
+        "option1": {
+            "border": {
+                "$type": "color",
+                "$value": "{coastal.300}"
+            },
+            "border-disabled": {
+                "$type": "color",
+                "$value": "{coastal.50}"
+            },
+            "border-hover": {
+                "$type": "color",
+                "$value": "{coastal.400}"
+            },
+            "border-press": {
+                "$type": "color",
+                "$value": "{coastal.500}"
+            },
+            "border-selected": {
+                "$type": "color",
+                "$value": "{coastal.700}"
+            },
+            "icon": {
+                "$type": "color",
+                "$value": "{coastal.600}"
+            },
+            "icon-disabled": {
+                "$type": "color",
+                "$value": "{coastal.200}"
+            },
+            "icon-hover": {
+                "$type": "color",
+                "$value": "{coastal.700}"
+            },
+            "icon-press": {
+                "$type": "color",
+                "$value": "{coastal.800}"
+            },
+            "icon-selected": {
+                "$type": "color",
+                "$value": "{coastal.700}"
+            },
+            "surface": {
+                "$type": "color",
+                "$value": "{coastal.50}"
+            },
+            "surface-disabled": {
+                "$type": "color",
+                "$value": "{coastal.25}"
+            },
+            "surface-hover": {
+                "$type": "color",
+                "$value": "{coastal.75}"
+            },
+            "surface-press": {
+                "$type": "color",
+                "$value": "{coastal.100}"
+            },
+            "surface-selected": {
+                "$type": "color",
+                "$value": "{coastal.50}"
+            },
+            "surface-strong": {
+                "$type": "color",
+                "$value": "{coastal.200}"
+            },
+            "text": {
+                "$type": "color",
+                "$value": "{coastal.600}"
+            },
+            "text-disabled": {
+                "$type": "color",
+                "$value": "{coastal.200}"
+            },
+            "text-hover": {
+                "$type": "color",
+                "$value": "{coastal.700}"
+            },
+            "text-press": {
+                "$type": "color",
+                "$value": "{coastal.800}"
+            },
+            "text-selected": {
+                "$type": "color",
+                "$value": "{coastal.700}"
+            }
+        },
+        "option2": {
+            "border": {
+                "$type": "color",
+                "$value": "{orchid-bloom.300}"
+            },
+            "border-disabled": {
+                "$type": "color",
+                "$value": "{orchid-bloom.50}"
+            },
+            "border-hover": {
+                "$type": "color",
+                "$value": "{orchid-bloom.400}"
+            },
+            "border-press": {
+                "$type": "color",
+                "$value": "{orchid-bloom.500}"
+            },
+            "border-selected": {
+                "$type": "color",
+                "$value": "{orchid-bloom.700}"
+            },
+            "icon": {
+                "$type": "color",
+                "$value": "{orchid-bloom.600}"
+            },
+            "icon-disabled": {
+                "$type": "color",
+                "$value": "{orchid-bloom.200}"
+            },
+            "icon-hover": {
+                "$type": "color",
+                "$value": "{orchid-bloom.700}"
+            },
+            "icon-press": {
+                "$type": "color",
+                "$value": "{orchid-bloom.800}"
+            },
+            "icon-selected": {
+                "$type": "color",
+                "$value": "{orchid-bloom.700}"
+            },
+            "surface": {
+                "$type": "color",
+                "$value": "{orchid-bloom.50}"
+            },
+            "surface-disabled": {
+                "$type": "color",
+                "$value": "{orchid-bloom.25}"
+            },
+            "surface-hover": {
+                "$type": "color",
+                "$value": "{orchid-bloom.75}"
+            },
+            "surface-press": {
+                "$type": "color",
+                "$value": "{orchid-bloom.100}"
+            },
+            "surface-selected": {
+                "$type": "color",
+                "$value": "{orchid-bloom.50}"
+            },
+            "surface-strong": {
+                "$type": "color",
+                "$value": "{orchid-bloom.200}"
+            },
+            "text": {
+                "$type": "color",
+                "$value": "{orchid-bloom.600}"
+            },
+            "text-disabled": {
+                "$type": "color",
+                "$value": "{orchid-bloom.200}"
+            },
+            "text-hover": {
+                "$type": "color",
+                "$value": "{orchid-bloom.700}"
+            },
+            "text-press": {
+                "$type": "color",
+                "$value": "{orchid-bloom.800}"
+            },
+            "text-selected": {
+                "$type": "color",
+                "$value": "{orchid-bloom.700}"
+            }
+        },
+        "option3": {
+            "border": {
+                "$type": "color",
+                "$value": "{quetzal.300}"
+            },
+            "border-disabled": {
+                "$type": "color",
+                "$value": "{quetzal.50}"
+            },
+            "border-hover": {
+                "$type": "color",
+                "$value": "{quetzal.400}"
+            },
+            "border-press": {
+                "$type": "color",
+                "$value": "{quetzal.500}"
+            },
+            "border-selected": {
+                "$type": "color",
+                "$value": "{quetzal.50}"
+            },
+            "icon": {
+                "$type": "color",
+                "$value": "{quetzal.600}"
+            },
+            "icon-disabled": {
+                "$type": "color",
+                "$value": "{quetzal.200}"
+            },
+            "icon-hover": {
+                "$type": "color",
+                "$value": "{quetzal.700}"
+            },
+            "icon-press": {
+                "$type": "color",
+                "$value": "{quetzal.800}"
+            },
+            "icon-selected": {
+                "$type": "color",
+                "$value": "{quetzal.700}"
+            },
+            "surface": {
+                "$type": "color",
+                "$value": "{quetzal.50}"
+            },
+            "surface-disabled": {
+                "$type": "color",
+                "$value": "{quetzal.25}"
+            },
+            "surface-hover": {
+                "$type": "color",
+                "$value": "{quetzal.75}"
+            },
+            "surface-press": {
+                "$type": "color",
+                "$value": "{quetzal.100}"
+            },
+            "surface-selected": {
+                "$type": "color",
+                "$value": "{quetzal.700}"
+            },
             "surface-strong": {
                 "$type": "color",
-                "$value": "{rock.100}"
+                "$value": "{quetzal.200}"
+            },
+            "text": {
+                "$type": "color",
+                "$value": "{quetzal.600}"
+            },
+            "text-disabled": {
+                "$type": "color",
+                "$value": "{quetzal.200}"
+            },
+            "text-hover": {
+                "$type": "color",
+                "$value": "{quetzal.700}"
+            },
+            "text-press": {
+                "$type": "color",
+                "$value": "{quetzal.800}"
+            },
+            "text-selected": {
+                "$type": "color",
+                "$value": "{quetzal.700}"
+            }
+        },
+        "option4": {
+            "border": {
+                "$type": "color",
+                "$value": "{fog.300}"
+            },
+            "border-disabled": {
+                "$type": "color",
+                "$value": "{fog.50}"
+            },
+            "border-hover": {
+                "$type": "color",
+                "$value": "{fog.400}"
+            },
+            "border-press": {
+                "$type": "color",
+                "$value": "{fog.500}"
+            },
+            "border-selected": {
+                "$type": "color",
+                "$value": "{fog.700}"
             },
             "icon": {
                 "$type": "color",
-                "$value": "{rock.500}"
+                "$value": "{fog.600}"
             },
-            "surface": {
+            "icon-disabled": {
                 "$type": "color",
-                "$value": "{rock.50}"
+                "$value": "{fog.200}"
             },
-            "text": {
+            "icon-hover": {
                 "$type": "color",
-                "$value": "{rock.700}"
-            }
-        },
-        "negative": {
-            "surface-strong": {
+                "$value": "{fog.700}"
+            },
+            "icon-press": {
                 "$type": "color",
-                "$value": "{amanita.200}"
+                "$value": "{fog.800}"
             },
-            "icon": {
+            "icon-selected": {
                 "$type": "color",
-                "$value": "{amanita.700}"
+                "$value": "{fog.700}"
             },
             "surface": {
                 "$type": "color",
-                "$value": "{amanita.50}"
+                "$value": "{fog.50}"
             },
-            "text": {
+            "surface-disabled": {
                 "$type": "color",
-                "$value": "{amanita.700}"
-            }
-        },
-        "neutral": {
-            "icon": {
+                "$value": "{fog.25}"
+            },
+            "surface-hover": {
                 "$type": "color",
-                "$value": "{rock.800}"
+                "$value": "{fog.75}"
             },
-            "surface": {
+            "surface-press": {
                 "$type": "color",
-                "$value": "{samoyed}"
+                "$value": "{fog.100}"
+            },
+            "surface-selected": {
+                "$type": "color",
+                "$value": "{fog.50}"
             },
             "surface-strong": {
                 "$type": "color",
-                "$value": "{rock.200}"
+                "$value": "{fog.200}"
             },
             "text": {
                 "$type": "color",
-                "$value": "{rock.800}"
-            }
-        },
-        "option1": {
-            "surface-strong": {
+                "$value": "{fog.200}"
+            },
+            "text-disabled": {
                 "$type": "color",
-                "$value": "{coastal.200}"
+                "$value": "{fog.700}"
             },
-            "icon": {
+            "text-hover": {
                 "$type": "color",
-                "$value": "{coastal.700}"
+                "$value": "{fog.700}"
             },
-            "surface": {
+            "text-press": {
                 "$type": "color",
-                "$value": "{coastal.50}"
+                "$value": "{fog.800}"
             },
-            "text": {
+            "text-selected": {
                 "$type": "color",
-                "$value": "{coastal.700}"
+                "$value": "{fog.700}"
             }
         },
-        "option2": {
-            "surface-strong": {
+        "option5": {
+            "border": {
                 "$type": "color",
-                "$value": "{orchid-bloom.200}"
+                "$value": "{toad.300}"
             },
-            "text": {
+            "border-disabled": {
                 "$type": "color",
-                "$value": "{orchid-bloom.700}"
+                "$value": "{toad.50}"
             },
-            "surface": {
+            "border-hover": {
                 "$type": "color",
-                "$value": "{orchid-bloom.50}"
+                "$value": "{toad.400}"
             },
-            "icon": {
+            "border-press": {
                 "$type": "color",
-                "$value": "{orchid-bloom.700}"
-            }
-        },
-        "option3": {
-            "surface-strong": {
+                "$value": "{toad.500}"
+            },
+            "border-selected": {
                 "$type": "color",
-                "$value": "{quetzal.200}"
+                "$value": "{toad.700}"
             },
             "icon": {
                 "$type": "color",
-                "$value": "{quetzal.700}"
+                "$value": "{toad.600}"
             },
-            "surface": {
+            "icon-disabled": {
                 "$type": "color",
-                "$value": "{quetzal.50}"
+                "$value": "{toad.200}"
             },
-            "text": {
+            "icon-hover": {
                 "$type": "color",
-                "$value": "{quetzal.700}"
-            }
-        },
-        "option4": {
-            "surface-strong": {
+                "$value": "{toad.700}"
+            },
+            "icon-press": {
                 "$type": "color",
-                "$value": "{fog.200}"
+                "$value": "{toad.800}"
             },
-            "icon": {
+            "icon-selected": {
                 "$type": "color",
-                "$value": "{fog.600}"
+                "$value": "{toad.700}"
             },
             "surface": {
                 "$type": "color",
-                "$value": "{fog.50}"
+                "$value": "{toad.50}"
             },
-            "text": {
+            "surface-disabled": {
                 "$type": "color",
-                "$value": "{fog.600}"
-            }
-        },
-        "option5": {
-            "surface": {
+                "$value": "{toad.25}"
+            },
+            "surface-hover": {
+                "$type": "color",
+                "$value": "{toad.75}"
+            },
+            "surface-press": {
+                "$type": "color",
+                "$value": "{toad.100}"
+            },
+            "surface-selected": {
                 "$type": "color",
                 "$value": "{toad.50}"
             },
@@ -1013,16 +1613,84 @@
                 "$type": "color",
                 "$value": "{toad.600}"
             },
-            "icon": {
+            "text-disabled": {
                 "$type": "color",
-                "$value": "{toad.600}"
+                "$value": "{toad.200}"
+            },
+            "text-hover": {
+                "$type": "color",
+                "$value": "{toad.700}"
+            },
+            "text-press": {
+                "$type": "color",
+                "$value": "{toad.800}"
+            },
+            "text-selected": {
+                "$type": "color",
+                "$value": "{toad.700}"
             }
         },
         "option6": {
+            "border": {
+                "$type": "color",
+                "$value": "{sunken-treasure.300}"
+            },
+            "border-disabled": {
+                "$type": "color",
+                "$value": "{sunken-treasure.50}"
+            },
+            "border-hover": {
+                "$type": "color",
+                "$value": "{sunken-treasure.400}"
+            },
+            "border-press": {
+                "$type": "color",
+                "$value": "{sunken-treasure.500}"
+            },
+            "border-selected": {
+                "$type": "color",
+                "$value": "{sunken-treasure.700}"
+            },
+            "icon": {
+                "$type": "color",
+                "$value": "{sunken-treasure.600}"
+            },
+            "icon-disabled": {
+                "$type": "color",
+                "$value": "{sunken-treasure.200}"
+            },
+            "icon-hover": {
+                "$type": "color",
+                "$value": "{sunken-treasure.700}"
+            },
+            "icon-press": {
+                "$type": "color",
+                "$value": "{sunken-treasure.800}"
+            },
+            "icon-selected": {
+                "$type": "color",
+                "$value": "{sunken-treasure.700}"
+            },
             "surface": {
                 "$type": "color",
                 "$value": "{sunken-treasure.25}"
             },
+            "surface-disabled": {
+                "$type": "color",
+                "$value": "{sunken-treasure.25}"
+            },
+            "surface-hover": {
+                "$type": "color",
+                "$value": "{sunken-treasure.50}"
+            },
+            "surface-press": {
+                "$type": "color",
+                "$value": "{sunken-treasure.100}"
+            },
+            "surface-selected": {
+                "$type": "color",
+                "$value": "{sunken-treasure.50}"
+            },
             "surface-strong": {
                 "$type": "color",
                 "$value": "{sunken-treasure.200}"
@@ -1031,34 +1699,170 @@
                 "$type": "color",
                 "$value": "{sunken-treasure.600}"
             },
-            "icon": {
+            "text-disabled": {
                 "$type": "color",
-                "$value": "{sunken-treasure.600}"
+                "$value": "{sunken-treasure.200}"
+            },
+            "text-hover": {
+                "$type": "color",
+                "$value": "{sunken-treasure.700}"
+            },
+            "text-press": {
+                "$type": "color",
+                "$value": "{sunken-treasure.800}"
+            },
+            "text-selected": {
+                "$type": "color",
+                "$value": "{sunken-treasure.700}"
             }
         },
         "positive": {
-            "icon": {
+            "border": {
+                "$type": "color",
+                "$value": "{moss.300}"
+            },
+            "border-disabled": {
+                "$type": "color",
+                "$value": "{moss.50}"
+            },
+            "border-hover": {
+                "$type": "color",
+                "$value": "{moss.400}"
+            },
+            "border-press": {
+                "$type": "color",
+                "$value": "{moss.500}"
+            },
+            "border-selected": {
                 "$type": "color",
                 "$value": "{moss.700}"
             },
-            "surface-strong": {
+            "icon": {
+                "$type": "color",
+                "$value": "{moss.600}"
+            },
+            "icon-disabled": {
                 "$type": "color",
                 "$value": "{moss.200}"
             },
+            "icon-hover": {
+                "$type": "color",
+                "$value": "{moss.700}"
+            },
+            "icon-press": {
+                "$type": "color",
+                "$value": "{moss.800}"
+            },
+            "icon-selected": {
+                "$type": "color",
+                "$value": "{moss.700}"
+            },
             "surface": {
                 "$type": "color",
                 "$value": "{moss.50}"
             },
+            "surface-disabled": {
+                "$type": "color",
+                "$value": "{moss.25}"
+            },
+            "surface-hover": {
+                "$type": "color",
+                "$value": "{moss.75}"
+            },
+            "surface-press": {
+                "$type": "color",
+                "$value": "{moss.100}"
+            },
+            "surface-selected": {
+                "$type": "color",
+                "$value": "{moss.50}"
+            },
+            "surface-strong": {
+                "$type": "color",
+                "$value": "{moss.200}"
+            },
             "text": {
+                "$type": "color",
+                "$value": "{moss.600}"
+            },
+            "text-disabled": {
+                "$type": "color",
+                "$value": "{moss.200}"
+            },
+            "text-hover": {
+                "$type": "color",
+                "$value": "{moss.700}"
+            },
+            "text-press": {
+                "$type": "color",
+                "$value": "{moss.800}"
+            },
+            "text-selected": {
                 "$type": "color",
                 "$value": "{moss.700}"
             }
         },
         "progress": {
+            "border": {
+                "$type": "color",
+                "$value": "{sapphire.300}"
+            },
+            "border-disabled": {
+                "$type": "color",
+                "$value": "{sapphire.50}"
+            },
+            "border-hover": {
+                "$type": "color",
+                "$value": "{sapphire.400}"
+            },
+            "border-press": {
+                "$type": "color",
+                "$value": "{sapphire.500}"
+            },
+            "border-selected": {
+                "$type": "color",
+                "$value": "{sapphire.400}"
+            },
+            "icon": {
+                "$type": "color",
+                "$value": "{sapphire.600}"
+            },
+            "icon-disabled": {
+                "$type": "color",
+                "$value": "{sapphire.200}"
+            },
+            "icon-hover": {
+                "$type": "color",
+                "$value": "{sapphire.700}"
+            },
+            "icon-press": {
+                "$type": "color",
+                "$value": "{sapphire.800}"
+            },
+            "icon-selected": {
+                "$type": "color",
+                "$value": "{sapphire.500}"
+            },
             "surface": {
                 "$type": "color",
                 "$value": "{sapphire.50}"
             },
+            "surface-disabled": {
+                "$type": "color",
+                "$value": "{sapphire.25}"
+            },
+            "surface-hover": {
+                "$type": "color",
+                "$value": "{sapphire.75}"
+            },
+            "surface-press": {
+                "$type": "color",
+                "$value": "{sapphire.100}"
+            },
+            "surface-selected": {
+                "$type": "color",
+                "$value": "{sapphire.50}"
+            },
             "surface-strong": {
                 "$type": "color",
                 "$value": "{sapphire.200}"
@@ -1067,9 +1871,21 @@
                 "$type": "color",
                 "$value": "{sapphire.600}"
             },
-            "icon": {
+            "text-disabled": {
                 "$type": "color",
-                "$value": "{sapphire.600}"
+                "$value": "{sapphire.200}"
+            },
+            "text-hover": {
+                "$type": "color",
+                "$value": "{sapphire.700}"
+            },
+            "text-press": {
+                "$type": "color",
+                "$value": "{sapphire.800}"
+            },
+            "text-selected": {
+                "$type": "color",
+                "$value": "{sapphire.500}"
             }
         }
     },