npm - @mittwald/flow-design-tokens - Versions diffs - 0.2.0-alpha.49 → 0.2.0-alpha.490 - Mend

@mittwald/flow-design-tokens 0.2.0-alpha.49 → 0.2.0-alpha.490

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

Files changed (3) hide show

package/dist/variables.json CHANGED Viewed

@@ -144,40 +144,6 @@
         "pending-icon-color"
       ]
     },
-    "succeeded-icon-color": {
-      "value": "#00825B",
-      "filePath": "src/actions/button.yml",
-      "isSource": true,
-      "original": {
-        "value": "{success.color.800}"
-      },
-      "name": "ButtonSucceededIconColor",
-      "attributes": {
-        "category": "button",
-        "type": "succeeded-icon-color"
-      },
-      "path": [
-        "button",
-        "succeeded-icon-color"
-      ]
-    },
-    "failed-icon-color": {
-      "value": "#E1244C",
-      "filePath": "src/actions/button.yml",
-      "isSource": true,
-      "original": {
-        "value": "{danger.color.800}"
-      },
-      "name": "ButtonFailedIconColor",
-      "attributes": {
-        "category": "button",
-        "type": "failed-icon-color"
-      },
-      "path": [
-        "button",
-        "failed-icon-color"
-      ]
-    },
     "border-width": {
       "value": "1px",
       "filePath": "src/actions/button.yml",
@@ -4800,6 +4766,252 @@
       ]
     }
   },
+  "chat": {
+    "spacing": {
+      "value": "16px",
+      "filePath": "src/chat/chat.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.m}"
+      },
+      "name": "ChatSpacing",
+      "attributes": {
+        "category": "chat",
+        "type": "spacing"
+      },
+      "path": [
+        "chat",
+        "spacing"
+      ]
+    }
+  },
+  "message-separator": {
+    "background-color": {
+      "value": "#FFFFFF",
+      "filePath": "src/chat/message-separator.yml",
+      "isSource": true,
+      "original": {
+        "value": "{neutral.color.100}"
+      },
+      "name": "MessageSeparatorBackgroundColor",
+      "attributes": {
+        "category": "message-separator",
+        "type": "background-color"
+      },
+      "path": [
+        "message-separator",
+        "background-color"
+      ]
+    },
+    "font-size": {
+      "value": "0.875rem",
+      "filePath": "src/chat/message-separator.yml",
+      "isSource": true,
+      "original": {
+        "value": "{font-size-text.s}"
+      },
+      "name": "MessageSeparatorFontSize",
+      "attributes": {
+        "category": "message-separator",
+        "type": "font-size"
+      },
+      "path": [
+        "message-separator",
+        "font-size"
+      ]
+    },
+    "padding": {
+      "value": "16px",
+      "filePath": "src/chat/message-separator.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.m}"
+      },
+      "name": "MessageSeparatorPadding",
+      "attributes": {
+        "category": "message-separator",
+        "type": "padding"
+      },
+      "path": [
+        "message-separator",
+        "padding"
+      ]
+    },
+    "color": {
+      "value": "#6D6D6D",
+      "filePath": "src/chat/message-separator.yml",
+      "isSource": true,
+      "original": {
+        "value": "{neutral.color.800}"
+      },
+      "name": "MessageSeparatorColor",
+      "attributes": {
+        "category": "message-separator",
+        "type": "color"
+      },
+      "path": [
+        "message-separator",
+        "color"
+      ]
+    }
+  },
+  "message-thread": {
+    "spacing": {
+      "value": "1.5rem",
+      "filePath": "src/chat/message-thread.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-rem.l}"
+      },
+      "name": "MessageThreadSpacing",
+      "attributes": {
+        "category": "message-thread",
+        "type": "spacing"
+      },
+      "path": [
+        "message-thread",
+        "spacing"
+      ]
+    },
+    "indentation": {
+      "value": "16px",
+      "filePath": "src/chat/message-thread.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.m}"
+      },
+      "name": "MessageThreadIndentation",
+      "attributes": {
+        "category": "message-thread",
+        "type": "indentation"
+      },
+      "path": [
+        "message-thread",
+        "indentation"
+      ]
+    }
+  },
+  "message": {
+    "corner-radius": {
+      "value": "4px",
+      "filePath": "src/chat/message.yml",
+      "isSource": true,
+      "original": {
+        "value": "{corner-radius.default}"
+      },
+      "name": "MessageCornerRadius",
+      "attributes": {
+        "category": "message",
+        "type": "corner-radius"
+      },
+      "path": [
+        "message",
+        "corner-radius"
+      ]
+    },
+    "padding-y": {
+      "value": "8px",
+      "filePath": "src/chat/message.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.s}"
+      },
+      "name": "MessagePaddingY",
+      "attributes": {
+        "category": "message",
+        "type": "padding-y"
+      },
+      "path": [
+        "message",
+        "padding-y"
+      ]
+    },
+    "padding-x": {
+      "value": "16px",
+      "filePath": "src/chat/message.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.m}"
+      },
+      "name": "MessagePaddingX",
+      "attributes": {
+        "category": "message",
+        "type": "padding-x"
+      },
+      "path": [
+        "message",
+        "padding-x"
+      ]
+    },
+    "spacing-y": {
+      "value": "0.5rem",
+      "filePath": "src/chat/message.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-rem.s}"
+      },
+      "name": "MessageSpacingY",
+      "attributes": {
+        "category": "message",
+        "type": "spacing-y"
+      },
+      "path": [
+        "message",
+        "spacing-y"
+      ]
+    },
+    "spacing-x": {
+      "value": "1rem",
+      "filePath": "src/chat/message.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-rem.m}"
+      },
+      "name": "MessageSpacingX",
+      "attributes": {
+        "category": "message",
+        "type": "spacing-x"
+      },
+      "path": [
+        "message",
+        "spacing-x"
+      ]
+    },
+    "background-color-responder": {
+      "value": "#E6E6E6",
+      "filePath": "src/chat/message.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.gray.400}"
+      },
+      "name": "MessageBackgroundColorResponder",
+      "attributes": {
+        "category": "message",
+        "type": "background-color-responder"
+      },
+      "path": [
+        "message",
+        "background-color-responder"
+      ]
+    },
+    "background-color-sender": {
+      "value": "#E0EBFF",
+      "filePath": "src/chat/message.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.hosting-blue.200}"
+      },
+      "name": "MessageBackgroundColorSender",
+      "attributes": {
+        "category": "message",
+        "type": "background-color-sender"
+      },
+      "path": [
+        "message",
+        "background-color-sender"
+      ]
+    }
+  },
   "primary": {
     "color": {
       "100": {
@@ -11104,22 +11316,337 @@
         ]
       }
     },
-    "transparent": {
-      "value": "transparent",
-      "filePath": "src/color-palette.yml",
-      "isSource": true,
-      "original": {
-        "value": "transparent"
+    "categorical": {
+      "sea-green": {
+        "value": "#0fb5ae",
+        "filePath": "src/color-palette.yml",
+        "isSource": true,
+        "original": {
+          "value": "#0fb5ae"
+        },
+        "name": "ColorCategoricalSeaGreen",
+        "attributes": {
+          "category": "color",
+          "type": "categorical",
+          "item": "sea-green"
+        },
+        "path": [
+          "color",
+          "categorical",
+          "sea-green"
+        ]
       },
-      "name": "ColorTransparent",
-      "attributes": {
-        "category": "color",
+      "palatinate-blue": {
+        "value": "#4046ca",
+        "filePath": "src/color-palette.yml",
+        "isSource": true,
+        "original": {
+          "value": "#4046ca"
+        },
+        "name": "ColorCategoricalPalatinateBlue",
+        "attributes": {
+          "category": "color",
+          "type": "categorical",
+          "item": "palatinate-blue"
+        },
+        "path": [
+          "color",
+          "categorical",
+          "palatinate-blue"
+        ]
+      },
+      "tangerine": {
+        "value": "#f68511",
+        "filePath": "src/color-palette.yml",
+        "isSource": true,
+        "original": {
+          "value": "#f68511"
+        },
+        "name": "ColorCategoricalTangerine",
+        "attributes": {
+          "category": "color",
+          "type": "categorical",
+          "item": "tangerine"
+        },
+        "path": [
+          "color",
+          "categorical",
+          "tangerine"
+        ]
+      },
+      "magenta": {
+        "value": "#de3d82",
+        "filePath": "src/color-palette.yml",
+        "isSource": true,
+        "original": {
+          "value": "#de3d82"
+        },
+        "name": "ColorCategoricalMagenta",
+        "attributes": {
+          "category": "color",
+          "type": "categorical",
+          "item": "magenta"
+        },
+        "path": [
+          "color",
+          "categorical",
+          "magenta"
+        ]
+      },
+      "tropical-indigo": {
+        "value": "#7e84fa",
+        "filePath": "src/color-palette.yml",
+        "isSource": true,
+        "original": {
+          "value": "#7e84fa"
+        },
+        "name": "ColorCategoricalTropicalIndigo",
+        "attributes": {
+          "category": "color",
+          "type": "categorical",
+          "item": "tropical-indigo"
+        },
+        "path": [
+          "color",
+          "categorical",
+          "tropical-indigo"
+        ]
+      },
+      "malachite": {
+        "value": "#72e06a",
+        "filePath": "src/color-palette.yml",
+        "isSource": true,
+        "original": {
+          "value": "#72e06a"
+        },
+        "name": "ColorCategoricalMalachite",
+        "attributes": {
+          "category": "color",
+          "type": "categorical",
+          "item": "malachite"
+        },
+        "path": [
+          "color",
+          "categorical",
+          "malachite"
+        ]
+      },
+      "azure": {
+        "value": "#147af3",
+        "filePath": "src/color-palette.yml",
+        "isSource": true,
+        "original": {
+          "value": "#147af3"
+        },
+        "name": "ColorCategoricalAzure",
+        "attributes": {
+          "category": "color",
+          "type": "categorical",
+          "item": "azure"
+        },
+        "path": [
+          "color",
+          "categorical",
+          "azure"
+        ]
+      },
+      "violet": {
+        "value": "#7326d3",
+        "filePath": "src/color-palette.yml",
+        "isSource": true,
+        "original": {
+          "value": "#7326d3"
+        },
+        "name": "ColorCategoricalViolet",
+        "attributes": {
+          "category": "color",
+          "type": "categorical",
+          "item": "violet"
+        },
+        "path": [
+          "color",
+          "categorical",
+          "violet"
+        ]
+      },
+      "yellow": {
+        "value": "#e8c600",
+        "filePath": "src/color-palette.yml",
+        "isSource": true,
+        "original": {
+          "value": "#e8c600"
+        },
+        "name": "ColorCategoricalYellow",
+        "attributes": {
+          "category": "color",
+          "type": "categorical",
+          "item": "yellow"
+        },
+        "path": [
+          "color",
+          "categorical",
+          "yellow"
+        ]
+      },
+      "alloy-orange": {
+        "value": "#cb5d00",
+        "filePath": "src/color-palette.yml",
+        "isSource": true,
+        "original": {
+          "value": "#cb5d00"
+        },
+        "name": "ColorCategoricalAlloyOrange",
+        "attributes": {
+          "category": "color",
+          "type": "categorical",
+          "item": "alloy-orange"
+        },
+        "path": [
+          "color",
+          "categorical",
+          "alloy-orange"
+        ]
+      },
+      "green": {
+        "value": "#008f5d",
+        "filePath": "src/color-palette.yml",
+        "isSource": true,
+        "original": {
+          "value": "#008f5d"
+        },
+        "name": "ColorCategoricalGreen",
+        "attributes": {
+          "category": "color",
+          "type": "categorical",
+          "item": "green"
+        },
+        "path": [
+          "color",
+          "categorical",
+          "green"
+        ]
+      },
+      "lime": {
+        "value": "#bce931",
+        "filePath": "src/color-palette.yml",
+        "isSource": true,
+        "original": {
+          "value": "#bce931"
+        },
+        "name": "ColorCategoricalLime",
+        "attributes": {
+          "category": "color",
+          "type": "categorical",
+          "item": "lime"
+        },
+        "path": [
+          "color",
+          "categorical",
+          "lime"
+        ]
+      }
+    },
+    "transparent": {
+      "value": "transparent",
+      "filePath": "src/color-palette.yml",
+      "isSource": true,
+      "original": {
+        "value": "transparent"
+      },
+      "name": "ColorTransparent",
+      "attributes": {
+        "category": "color",
         "type": "transparent"
       },
       "path": [
         "color",
         "transparent"
       ]
+    },
+    "gradient": {
+      "value": "radial-gradient(circle at 27.74% 38.09%,#d8e9f8,transparent 60%),radial-gradient(circle at 63.98% 99.4%,#e4b8ff,transparent 37%),radial-gradient(circle at 79.7% 64.93%,#d8e9f8,transparent 52%),radial-gradient(circle at 10.9% 91.41%,#d8e9f8,transparent 56%),radial-gradient(circle at 3.68% 3.26%,#0056ff,transparent 31%),radial-gradient(circle at 99.62% 17.78%,#48c7d8,transparent 26%),radial-gradient(circle at 58.65% 24.91%,#d8e9f8,transparent 55%),radial-gradient(circle at 53.23% 52.72%,#d8e9f8,transparent 100%),radial-gradient(circle at 50% 50%,#fff,#fff 100%)",
+      "filePath": "src/color-palette.yml",
+      "isSource": true,
+      "original": {
+        "value": "radial-gradient(circle at 27.74% 38.09%,#d8e9f8,transparent 60%),radial-gradient(circle at 63.98% 99.4%,#e4b8ff,transparent 37%),radial-gradient(circle at 79.7% 64.93%,#d8e9f8,transparent 52%),radial-gradient(circle at 10.9% 91.41%,#d8e9f8,transparent 56%),radial-gradient(circle at 3.68% 3.26%,#0056ff,transparent 31%),radial-gradient(circle at 99.62% 17.78%,#48c7d8,transparent 26%),radial-gradient(circle at 58.65% 24.91%,#d8e9f8,transparent 55%),radial-gradient(circle at 53.23% 52.72%,#d8e9f8,transparent 100%),radial-gradient(circle at 50% 50%,#fff,#fff 100%)"
+      },
+      "name": "ColorGradient",
+      "attributes": {
+        "category": "color",
+        "type": "gradient"
+      },
+      "path": [
+        "color",
+        "gradient"
+      ]
+    },
+    "blue": {
+      "value": "#002A7B",
+      "filePath": "src/content/color.yml",
+      "isSource": true,
+      "original": {
+        "value": "{primary.color.1000}"
+      },
+      "name": "ColorBlue",
+      "attributes": {
+        "category": "color",
+        "type": "blue"
+      },
+      "path": [
+        "color",
+        "blue"
+      ]
+    },
+    "violet": {
+      "value": "#715DEE",
+      "filePath": "src/content/color.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.soft-contrast-violet.800}"
+      },
+      "name": "ColorViolet",
+      "attributes": {
+        "category": "color",
+        "type": "violet"
+      },
+      "path": [
+        "color",
+        "violet"
+      ]
+    },
+    "teal": {
+      "value": "#008696",
+      "filePath": "src/content/color.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.super-teal.800}"
+      },
+      "name": "ColorTeal",
+      "attributes": {
+        "category": "color",
+        "type": "teal"
+      },
+      "path": [
+        "color",
+        "teal"
+      ]
+    },
+    "lilac": {
+      "value": "#bc08ff",
+      "filePath": "src/content/color.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.bright-lilac.800}"
+      },
+      "name": "ColorLilac",
+      "attributes": {
+        "category": "color",
+        "type": "lilac"
+      },
+      "path": [
+        "color",
+        "lilac"
+      ]
     }
   },
   "avatar-stack": {
@@ -11219,6 +11746,74 @@
           "l"
         ]
       }
+    },
+    "info-status-background-color": {
+      "value": "#E0EBFF",
+      "filePath": "src/content/avatar.yml",
+      "isSource": true,
+      "original": {
+        "value": "{info.color.200}"
+      },
+      "name": "AvatarInfoStatusBackgroundColor",
+      "attributes": {
+        "category": "avatar",
+        "type": "info-status-background-color"
+      },
+      "path": [
+        "avatar",
+        "info-status-background-color"
+      ]
+    },
+    "warning-status-background-color": {
+      "value": "#FFEBDC",
+      "filePath": "src/content/avatar.yml",
+      "isSource": true,
+      "original": {
+        "value": "{warning.color.200}"
+      },
+      "name": "AvatarWarningStatusBackgroundColor",
+      "attributes": {
+        "category": "avatar",
+        "type": "warning-status-background-color"
+      },
+      "path": [
+        "avatar",
+        "warning-status-background-color"
+      ]
+    },
+    "danger-status-background-color": {
+      "value": "#FBE0E6",
+      "filePath": "src/content/avatar.yml",
+      "isSource": true,
+      "original": {
+        "value": "{danger.color.200}"
+      },
+      "name": "AvatarDangerStatusBackgroundColor",
+      "attributes": {
+        "category": "avatar",
+        "type": "danger-status-background-color"
+      },
+      "path": [
+        "avatar",
+        "danger-status-background-color"
+      ]
+    },
+    "success-status-background-color": {
+      "value": "#C0FFEB",
+      "filePath": "src/content/avatar.yml",
+      "isSource": true,
+      "original": {
+        "value": "{success.color.200}"
+      },
+      "name": "AvatarSuccessStatusBackgroundColor",
+      "attributes": {
+        "category": "avatar",
+        "type": "success-status-background-color"
+      },
+      "path": [
+        "avatar",
+        "success-status-background-color"
+      ]
     }
   },
   "code": {
@@ -13190,30 +13785,98 @@
         "icon",
         "color"
       ]
-    }
-  },
-  "illustrated-message": {
-    "padding": {
-      "value": "16px",
-      "filePath": "src/content/illustrated-message.yml",
+    },
+    "info-color": {
+      "value": "#003FB8",
+      "filePath": "src/content/icon.yml",
       "isSource": true,
       "original": {
-        "value": "{size-px.m}"
+        "value": "{info-outline-content-color}"
       },
-      "name": "IllustratedMessagePadding",
+      "name": "IconInfoColor",
       "attributes": {
-        "category": "illustrated-message",
-        "type": "padding"
+        "category": "icon",
+        "type": "info-color"
       },
       "path": [
-        "illustrated-message",
-        "padding"
+        "icon",
+        "info-color"
       ]
     },
-    "spacing": {
-      "value": "1rem",
-      "filePath": "src/content/illustrated-message.yml",
-      "isSource": true,
+    "warning-color": {
+      "value": "#C25200",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{warning-outline-content-color}"
+      },
+      "name": "IconWarningColor",
+      "attributes": {
+        "category": "icon",
+        "type": "warning-color"
+      },
+      "path": [
+        "icon",
+        "warning-color"
+      ]
+    },
+    "danger-color": {
+      "value": "#B4193A",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{danger-outline-content-color}"
+      },
+      "name": "IconDangerColor",
+      "attributes": {
+        "category": "icon",
+        "type": "danger-color"
+      },
+      "path": [
+        "icon",
+        "danger-color"
+      ]
+    },
+    "success-color": {
+      "value": "#005F42",
+      "filePath": "src/content/icon.yml",
+      "isSource": true,
+      "original": {
+        "value": "{success-outline-content-color}"
+      },
+      "name": "IconSuccessColor",
+      "attributes": {
+        "category": "icon",
+        "type": "success-color"
+      },
+      "path": [
+        "icon",
+        "success-color"
+      ]
+    }
+  },
+  "illustrated-message": {
+    "padding": {
+      "value": "16px",
+      "filePath": "src/content/illustrated-message.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.m}"
+      },
+      "name": "IllustratedMessagePadding",
+      "attributes": {
+        "category": "illustrated-message",
+        "type": "padding"
+      },
+      "path": [
+        "illustrated-message",
+        "padding"
+      ]
+    },
+    "spacing": {
+      "value": "1rem",
+      "filePath": "src/content/illustrated-message.yml",
+      "isSource": true,
       "original": {
         "value": "{size-rem.m}"
       },
@@ -13618,143 +14281,79 @@
       ]
     }
   },
-  "message-thread": {
+  "rating": {
     "spacing": {
-      "value": "1.5rem",
-      "filePath": "src/content/message-thread.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-rem.l}"
-      },
-      "name": "MessageThreadSpacing",
-      "attributes": {
-        "category": "message-thread",
-        "type": "spacing"
-      },
-      "path": [
-        "message-thread",
-        "spacing"
-      ]
-    }
-  },
-  "message": {
-    "corner-radius": {
-      "value": "4px",
-      "filePath": "src/content/message.yml",
-      "isSource": true,
-      "original": {
-        "value": "{corner-radius.default}"
-      },
-      "name": "MessageCornerRadius",
-      "attributes": {
-        "category": "message",
-        "type": "corner-radius"
-      },
-      "path": [
-        "message",
-        "corner-radius"
-      ]
-    },
-    "padding-y": {
-      "value": "8px",
-      "filePath": "src/content/message.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-px.s}"
-      },
-      "name": "MessagePaddingY",
-      "attributes": {
-        "category": "message",
-        "type": "padding-y"
-      },
-      "path": [
-        "message",
-        "padding-y"
-      ]
-    },
-    "padding-x": {
-      "value": "16px",
-      "filePath": "src/content/message.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-px.m}"
-      },
-      "name": "MessagePaddingX",
-      "attributes": {
-        "category": "message",
-        "type": "padding-x"
-      },
-      "path": [
-        "message",
-        "padding-x"
-      ]
-    },
-    "spacing-y": {
-      "value": "0.5rem",
-      "filePath": "src/content/message.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-rem.s}"
-      },
-      "name": "MessageSpacingY",
-      "attributes": {
-        "category": "message",
-        "type": "spacing-y"
-      },
-      "path": [
-        "message",
-        "spacing-y"
-      ]
-    },
-    "spacing-x": {
-      "value": "1rem",
-      "filePath": "src/content/message.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-rem.m}"
-      },
-      "name": "MessageSpacingX",
-      "attributes": {
-        "category": "message",
-        "type": "spacing-x"
+      "s": {
+        "value": "0.25rem",
+        "filePath": "src/content/rating.yml",
+        "isSource": true,
+        "original": {
+          "value": "{size-rem.xs}"
+        },
+        "name": "RatingSpacingS",
+        "attributes": {
+          "category": "rating",
+          "type": "spacing",
+          "item": "s"
+        },
+        "path": [
+          "rating",
+          "spacing",
+          "s"
+        ]
       },
-      "path": [
-        "message",
-        "spacing-x"
-      ]
+      "m": {
+        "value": "0.5rem",
+        "filePath": "src/content/rating.yml",
+        "isSource": true,
+        "original": {
+          "value": "{size-rem.s}"
+        },
+        "name": "RatingSpacingM",
+        "attributes": {
+          "category": "rating",
+          "type": "spacing",
+          "item": "m"
+        },
+        "path": [
+          "rating",
+          "spacing",
+          "m"
+        ]
+      }
     },
-    "background-color-responder": {
-      "value": "#E6E6E6",
-      "filePath": "src/content/message.yml",
+    "star-color": {
+      "value": "#909090",
+      "filePath": "src/content/rating.yml",
       "isSource": true,
       "original": {
-        "value": "{color.gray.400}"
+        "value": "{neutral.color.700}"
       },
-      "name": "MessageBackgroundColorResponder",
+      "name": "RatingStarColor",
       "attributes": {
-        "category": "message",
-        "type": "background-color-responder"
+        "category": "rating",
+        "type": "star-color"
       },
       "path": [
-        "message",
-        "background-color-responder"
+        "rating",
+        "star-color"
       ]
     },
-    "background-color-sender": {
-      "value": "#E0EBFF",
-      "filePath": "src/content/message.yml",
+    "star-filled-color": {
+      "value": "#002A7B",
+      "filePath": "src/content/rating.yml",
       "isSource": true,
       "original": {
-        "value": "{color.hosting-blue.200}"
+        "value": "{primary.color.1000}"
       },
-      "name": "MessageBackgroundColorSender",
+      "name": "RatingStarFilledColor",
       "attributes": {
-        "category": "message",
-        "type": "background-color-sender"
+        "category": "rating",
+        "type": "star-filled-color"
       },
       "path": [
-        "message",
-        "background-color-sender"
+        "rating",
+        "star-filled-color"
       ]
     }
   },
@@ -13859,84 +14458,641 @@
       "filePath": "src/content/text.yml",
       "isSource": true,
       "original": {
-        "value": "{border-width.300}"
+        "value": "{border-width.300}"
+      },
+      "name": "TextBlockquoteBorderWidth",
+      "attributes": {
+        "category": "text",
+        "type": "blockquote-border-width"
+      },
+      "path": [
+        "text",
+        "blockquote-border-width"
+      ]
+    },
+    "blockquote-border-style": {
+      "value": "solid",
+      "filePath": "src/content/text.yml",
+      "isSource": true,
+      "original": {
+        "value": "{border-style.default}"
+      },
+      "name": "TextBlockquoteBorderStyle",
+      "attributes": {
+        "category": "text",
+        "type": "blockquote-border-style"
+      },
+      "path": [
+        "text",
+        "blockquote-border-style"
+      ]
+    },
+    "blockquote-border-color": {
+      "value": "#0054F5",
+      "filePath": "src/content/text.yml",
+      "isSource": true,
+      "original": {
+        "value": "{info-outline-border-color}"
+      },
+      "name": "TextBlockquoteBorderColor",
+      "attributes": {
+        "category": "text",
+        "type": "blockquote-border-color"
+      },
+      "path": [
+        "text",
+        "blockquote-border-color"
+      ]
+    },
+    "blockquote-padding": {
+      "value": "0.5rem",
+      "filePath": "src/content/text.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-rem.s}"
+      },
+      "name": "TextBlockquotePadding",
+      "attributes": {
+        "category": "text",
+        "type": "blockquote-padding"
+      },
+      "path": [
+        "text",
+        "blockquote-padding"
+      ]
+    },
+    "list-padding": {
+      "value": "1.5rem",
+      "filePath": "src/content/text.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-rem.l}"
+      },
+      "name": "TextListPadding",
+      "attributes": {
+        "category": "text",
+        "type": "list-padding"
+      },
+      "path": [
+        "text",
+        "list-padding"
+      ]
+    }
+  },
+  "area": {
+    "border-width": {
+      "value": "2px",
+      "filePath": "src/dataVisualisation/area.yml",
+      "isSource": true,
+      "original": {
+        "value": "{border-width.200}"
+      },
+      "name": "AreaBorderWidth",
+      "attributes": {
+        "category": "area",
+        "type": "border-width"
+      },
+      "path": [
+        "area",
+        "border-width"
+      ]
+    },
+    "border-color": {
+      "value": "#FFFFFF",
+      "filePath": "src/dataVisualisation/area.yml",
+      "isSource": true,
+      "original": {
+        "value": "{neutral.color.100}"
+      },
+      "name": "AreaBorderColor",
+      "attributes": {
+        "category": "area",
+        "type": "border-color"
+      },
+      "path": [
+        "area",
+        "border-color"
+      ]
+    }
+  },
+  "axis": {
+    "spacing": {
+      "value": "8px",
+      "filePath": "src/dataVisualisation/axis.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.s}"
+      },
+      "name": "AxisSpacing",
+      "attributes": {
+        "category": "axis",
+        "type": "spacing"
+      },
+      "path": [
+        "axis",
+        "spacing"
+      ]
+    },
+    "font-size": {
+      "value": "0.875rem",
+      "filePath": "src/dataVisualisation/axis.yml",
+      "isSource": true,
+      "original": {
+        "value": "{font-size-text.s}"
+      },
+      "name": "AxisFontSize",
+      "attributes": {
+        "category": "axis",
+        "type": "font-size"
+      },
+      "path": [
+        "axis",
+        "font-size"
+      ]
+    },
+    "color": {
+      "value": "#909090",
+      "filePath": "src/dataVisualisation/axis.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.gray.700}"
+      },
+      "name": "AxisColor",
+      "attributes": {
+        "category": "axis",
+        "type": "color"
+      },
+      "path": [
+        "axis",
+        "color"
+      ]
+    },
+    "text-color": {
+      "value": "#222222",
+      "filePath": "src/dataVisualisation/axis.yml",
+      "isSource": true,
+      "original": {
+        "value": "{neutral.color.1000}"
+      },
+      "name": "AxisTextColor",
+      "attributes": {
+        "category": "axis",
+        "type": "text-color"
+      },
+      "path": [
+        "axis",
+        "text-color"
+      ]
+    },
+    "stroke-width": {
+      "value": "1px",
+      "filePath": "src/dataVisualisation/axis.yml",
+      "isSource": true,
+      "original": {
+        "value": "{border-width.100}"
+      },
+      "name": "AxisStrokeWidth",
+      "attributes": {
+        "category": "axis",
+        "type": "stroke-width"
+      },
+      "path": [
+        "axis",
+        "stroke-width"
+      ]
+    },
+    "tick-size": {
+      "value": "8px",
+      "filePath": "src/dataVisualisation/axis.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.s}"
+      },
+      "name": "AxisTickSize",
+      "attributes": {
+        "category": "axis",
+        "type": "tick-size"
+      },
+      "path": [
+        "axis",
+        "tick-size"
+      ]
+    }
+  },
+  "big-number": {
+    "spacing": {
+      "value": "0.25rem",
+      "filePath": "src/dataVisualisation/big-number.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-rem.xs}"
+      },
+      "name": "BigNumberSpacing",
+      "attributes": {
+        "category": "big-number",
+        "type": "spacing"
+      },
+      "path": [
+        "big-number",
+        "spacing"
+      ]
+    },
+    "top-font-size": {
+      "value": "2rem",
+      "filePath": "src/dataVisualisation/big-number.yml",
+      "isSource": true,
+      "original": {
+        "value": "{font-size-heading.xl}"
+      },
+      "name": "BigNumberTopFontSize",
+      "attributes": {
+        "category": "big-number",
+        "type": "top-font-size"
+      },
+      "path": [
+        "big-number",
+        "top-font-size"
+      ]
+    },
+    "bottom-font-size": {
+      "value": "1rem",
+      "filePath": "src/dataVisualisation/big-number.yml",
+      "isSource": true,
+      "original": {
+        "value": "{font-size-text.m}"
+      },
+      "name": "BigNumberBottomFontSize",
+      "attributes": {
+        "category": "big-number",
+        "type": "bottom-font-size"
+      },
+      "path": [
+        "big-number",
+        "bottom-font-size"
+      ]
+    },
+    "font-weight": {
+      "value": "bold",
+      "filePath": "src/dataVisualisation/big-number.yml",
+      "isSource": true,
+      "original": {
+        "value": "{font-weight.bold}"
+      },
+      "name": "BigNumberFontWeight",
+      "attributes": {
+        "category": "big-number",
+        "type": "font-weight"
+      },
+      "path": [
+        "big-number",
+        "font-weight"
+      ]
+    }
+  },
+  "cartesian-grid": {
+    "color": {
+      "value": "#909090",
+      "filePath": "src/dataVisualisation/cartesian-grid.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.gray.700}"
+      },
+      "name": "CartesianGridColor",
+      "attributes": {
+        "category": "cartesian-grid",
+        "type": "color"
+      },
+      "path": [
+        "cartesian-grid",
+        "color"
+      ]
+    },
+    "stroke-width": {
+      "value": "1px",
+      "filePath": "src/dataVisualisation/cartesian-grid.yml",
+      "isSource": true,
+      "original": {
+        "value": "{border-width.100}"
+      },
+      "name": "CartesianGridStrokeWidth",
+      "attributes": {
+        "category": "cartesian-grid",
+        "type": "stroke-width"
+      },
+      "path": [
+        "cartesian-grid",
+        "stroke-width"
+      ]
+    }
+  },
+  "chart-tooltip": {
+    "spacing": {
+      "value": "8px",
+      "filePath": "src/dataVisualisation/chart-tooltip.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.s}"
+      },
+      "name": "ChartTooltipSpacing",
+      "attributes": {
+        "category": "chart-tooltip",
+        "type": "spacing"
+      },
+      "path": [
+        "chart-tooltip",
+        "spacing"
+      ]
+    }
+  },
+  "donut-chart": {
+    "border-color": {
+      "value": "#909090",
+      "filePath": "src/dataVisualisation/donut-chart.yml",
+      "isSource": true,
+      "original": {
+        "value": "{neutral-outline-border-color}"
+      },
+      "name": "DonutChartBorderColor",
+      "attributes": {
+        "category": "donut-chart",
+        "type": "border-color"
+      },
+      "path": [
+        "donut-chart",
+        "border-color"
+      ]
+    },
+    "background-color": {
+      "value": "#F8F8F8",
+      "filePath": "src/dataVisualisation/donut-chart.yml",
+      "isSource": true,
+      "original": {
+        "value": "{neutral.color.300}"
+      },
+      "name": "DonutChartBackgroundColor",
+      "attributes": {
+        "category": "donut-chart",
+        "type": "background-color"
+      },
+      "path": [
+        "donut-chart",
+        "background-color"
+      ]
+    },
+    "spacing-y": {
+      "value": "0.5rem",
+      "filePath": "src/dataVisualisation/donut-chart.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-rem.s}"
+      },
+      "name": "DonutChartSpacingY",
+      "attributes": {
+        "category": "donut-chart",
+        "type": "spacing-y"
+      },
+      "path": [
+        "donut-chart",
+        "spacing-y"
+      ]
+    },
+    "spacing-x": {
+      "value": "1rem",
+      "filePath": "src/dataVisualisation/donut-chart.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-rem.m}"
+      },
+      "name": "DonutChartSpacingX",
+      "attributes": {
+        "category": "donut-chart",
+        "type": "spacing-x"
+      },
+      "path": [
+        "donut-chart",
+        "spacing-x"
+      ]
+    },
+    "padding": {
+      "m": {
+        "value": "24px",
+        "filePath": "src/dataVisualisation/donut-chart.yml",
+        "isSource": true,
+        "original": {
+          "value": "{size-px.l}"
+        },
+        "name": "DonutChartPaddingM",
+        "attributes": {
+          "category": "donut-chart",
+          "type": "padding",
+          "item": "m"
+        },
+        "path": [
+          "donut-chart",
+          "padding",
+          "m"
+        ]
+      },
+      "l": {
+        "value": "32px",
+        "filePath": "src/dataVisualisation/donut-chart.yml",
+        "isSource": true,
+        "original": {
+          "value": "{size-px.xl}"
+        },
+        "name": "DonutChartPaddingL",
+        "attributes": {
+          "category": "donut-chart",
+          "type": "padding",
+          "item": "l"
+        },
+        "path": [
+          "donut-chart",
+          "padding",
+          "l"
+        ]
+      }
+    },
+    "info-fill-background-color": {
+      "value": "#0054F5",
+      "filePath": "src/dataVisualisation/donut-chart.yml",
+      "isSource": true,
+      "original": {
+        "value": "{info-solid-background-color.default}"
+      },
+      "name": "DonutChartInfoFillBackgroundColor",
+      "attributes": {
+        "category": "donut-chart",
+        "type": "info-fill-background-color"
+      },
+      "path": [
+        "donut-chart",
+        "info-fill-background-color"
+      ]
+    },
+    "success-fill-background-color": {
+      "value": "#00825B",
+      "filePath": "src/dataVisualisation/donut-chart.yml",
+      "isSource": true,
+      "original": {
+        "value": "{success-solid-background-color.default}"
+      },
+      "name": "DonutChartSuccessFillBackgroundColor",
+      "attributes": {
+        "category": "donut-chart",
+        "type": "success-fill-background-color"
+      },
+      "path": [
+        "donut-chart",
+        "success-fill-background-color"
+      ]
+    },
+    "warning-fill-background-color": {
+      "value": "#F56800",
+      "filePath": "src/dataVisualisation/donut-chart.yml",
+      "isSource": true,
+      "original": {
+        "value": "{warning-solid-background-color.default}"
+      },
+      "name": "DonutChartWarningFillBackgroundColor",
+      "attributes": {
+        "category": "donut-chart",
+        "type": "warning-fill-background-color"
+      },
+      "path": [
+        "donut-chart",
+        "warning-fill-background-color"
+      ]
+    },
+    "danger-fill-background-color": {
+      "value": "#E1244C",
+      "filePath": "src/dataVisualisation/donut-chart.yml",
+      "isSource": true,
+      "original": {
+        "value": "{danger-solid-background-color.default}"
       },
-      "name": "TextBlockquoteBorderWidth",
+      "name": "DonutChartDangerFillBackgroundColor",
       "attributes": {
-        "category": "text",
-        "type": "blockquote-border-width"
+        "category": "donut-chart",
+        "type": "danger-fill-background-color"
       },
       "path": [
-        "text",
-        "blockquote-border-width"
+        "donut-chart",
+        "danger-fill-background-color"
       ]
-    },
-    "blockquote-border-style": {
-      "value": "solid",
-      "filePath": "src/content/text.yml",
+    }
+  },
+  "legend": {
+    "spacing-x": {
+      "value": "16px",
+      "filePath": "src/dataVisualisation/legend.yml",
       "isSource": true,
       "original": {
-        "value": "{border-style.default}"
+        "value": "{size-px.m}"
       },
-      "name": "TextBlockquoteBorderStyle",
+      "name": "LegendSpacingX",
       "attributes": {
-        "category": "text",
-        "type": "blockquote-border-style"
+        "category": "legend",
+        "type": "spacing-x"
       },
       "path": [
-        "text",
-        "blockquote-border-style"
+        "legend",
+        "spacing-x"
       ]
     },
-    "blockquote-border-color": {
-      "value": "#0054F5",
-      "filePath": "src/content/text.yml",
+    "spacing-y": {
+      "value": "8px",
+      "filePath": "src/dataVisualisation/legend.yml",
       "isSource": true,
       "original": {
-        "value": "{info-outline-border-color}"
+        "value": "{size-px.s}"
       },
-      "name": "TextBlockquoteBorderColor",
+      "name": "LegendSpacingY",
       "attributes": {
-        "category": "text",
-        "type": "blockquote-border-color"
+        "category": "legend",
+        "type": "spacing-y"
       },
       "path": [
-        "text",
-        "blockquote-border-color"
+        "legend",
+        "spacing-y"
       ]
-    },
-    "blockquote-padding": {
+    }
+  },
+  "legend-item": {
+    "spacing": {
       "value": "0.5rem",
-      "filePath": "src/content/text.yml",
+      "filePath": "src/dataVisualisation/legend.yml",
       "isSource": true,
       "original": {
         "value": "{size-rem.s}"
       },
-      "name": "TextBlockquotePadding",
+      "name": "LegendItemSpacing",
       "attributes": {
-        "category": "text",
-        "type": "blockquote-padding"
+        "category": "legend-item",
+        "type": "spacing"
       },
       "path": [
-        "text",
-        "blockquote-padding"
+        "legend-item",
+        "spacing"
       ]
     },
-    "list-padding": {
-      "value": "1.5rem",
-      "filePath": "src/content/text.yml",
+    "marker": {
+      "size": {
+        "value": "1rem",
+        "filePath": "src/dataVisualisation/legend.yml",
+        "isSource": true,
+        "original": {
+          "value": "{size-rem.m}"
+        },
+        "name": "LegendItemMarkerSize",
+        "attributes": {
+          "category": "legend-item",
+          "type": "marker",
+          "item": "size"
+        },
+        "path": [
+          "legend-item",
+          "marker",
+          "size"
+        ]
+      },
+      "corner-radius": {
+        "value": "4px",
+        "filePath": "src/dataVisualisation/legend.yml",
+        "isSource": true,
+        "original": {
+          "value": "{corner-radius.default}"
+        },
+        "name": "LegendItemMarkerCornerRadius",
+        "attributes": {
+          "category": "legend-item",
+          "type": "marker",
+          "item": "corner-radius"
+        },
+        "path": [
+          "legend-item",
+          "marker",
+          "corner-radius"
+        ]
+      }
+    }
+  },
+  "line": {
+    "border-width": {
+      "value": "2px",
+      "filePath": "src/dataVisualisation/line.yml",
       "isSource": true,
       "original": {
-        "value": "{size-rem.l}"
+        "value": "{border-width.200}"
       },
-      "name": "TextListPadding",
+      "name": "LineBorderWidth",
       "attributes": {
-        "category": "text",
-        "type": "list-padding"
+        "category": "line",
+        "type": "border-width"
       },
       "path": [
-        "text",
-        "list-padding"
+        "line",
+        "border-width"
       ]
     }
   },
@@ -13958,6 +15114,23 @@
         "outline-color"
       ]
     },
+    "secondary-outline-color": {
+      "value": "#FFFFFF",
+      "filePath": "src/focus.yml",
+      "isSource": true,
+      "original": {
+        "value": "{neutral.color.100}"
+      },
+      "name": "FocusSecondaryOutlineColor",
+      "attributes": {
+        "category": "focus",
+        "type": "secondary-outline-color"
+      },
+      "path": [
+        "focus",
+        "secondary-outline-color"
+      ]
+    },
     "outline-offset": {
       "value": "2px",
       "filePath": "src/focus.yml",
@@ -15138,135 +16311,63 @@
     }
   },
   "slider": {
-    "value-font-weight": {
-      "value": "bold",
-      "filePath": "src/form/slider.yml",
-      "isSource": true,
-      "original": {
-        "value": "{font-weight.bold}"
-      },
-      "name": "SliderValueFontWeight",
-      "attributes": {
-        "category": "slider",
-        "type": "value-font-weight"
-      },
-      "path": [
-        "slider",
-        "value-font-weight"
-      ]
-    },
-    "value-to-label-spacing": {
-      "value": "0.25rem",
-      "filePath": "src/form/slider.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-rem.xs}"
-      },
-      "name": "SliderValueToLabelSpacing",
-      "attributes": {
-        "category": "slider",
-        "type": "value-to-label-spacing"
-      },
-      "path": [
-        "slider",
-        "value-to-label-spacing"
-      ]
-    },
-    "text-to-track-spacing": {
-      "value": "0.25rem",
-      "filePath": "src/form/slider.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-rem.xs}"
-      },
-      "name": "SliderTextToTrackSpacing",
-      "attributes": {
-        "category": "slider",
-        "type": "text-to-track-spacing"
-      },
-      "path": [
-        "slider",
-        "text-to-track-spacing"
-      ]
-    },
-    "text-color": {
-      "disabled": {
-        "value": "#E6E6E6",
-        "filePath": "src/form/slider.yml",
-        "isSource": true,
-        "original": {
-          "value": "{disabled-plain-content-color}"
-        },
-        "name": "SliderTextColorDisabled",
-        "attributes": {
-          "category": "slider",
-          "type": "text-color",
-          "item": "disabled"
-        },
-        "path": [
-          "slider",
-          "text-color",
-          "disabled"
-        ]
-      }
-    },
-    "track-background-color": {
+    "color": {
       "default": {
-        "value": "#F0F5FF",
+        "value": "#002A7B",
         "filePath": "src/form/slider.yml",
         "isSource": true,
         "original": {
-          "value": "{primary-soft-background-color.default}"
+          "value": "{primary.color.1000}"
         },
-        "name": "SliderTrackBackgroundColorDefault",
+        "name": "SliderColorDefault",
         "attributes": {
           "category": "slider",
-          "type": "track-background-color",
+          "type": "color",
           "item": "default"
         },
         "path": [
           "slider",
-          "track-background-color",
+          "color",
           "default"
         ]
       },
       "disabled": {
-        "value": "#F8F8F8",
+        "value": "#B1B1B1",
         "filePath": "src/form/slider.yml",
         "isSource": true,
         "original": {
-          "value": "{disabled-soft-background-color}"
+          "value": "{neutral.color.600}"
         },
-        "name": "SliderTrackBackgroundColorDisabled",
+        "name": "SliderColorDisabled",
         "attributes": {
           "category": "slider",
-          "type": "track-background-color",
+          "type": "color",
           "item": "disabled"
         },
         "path": [
           "slider",
-          "track-background-color",
+          "color",
           "disabled"
         ]
       }
     },
-    "track-background-color-fill": {
+    "track-color": {
       "default": {
-        "value": "#0054F5",
+        "value": "#909090",
         "filePath": "src/form/slider.yml",
         "isSource": true,
         "original": {
-          "value": "{primary-solid-background-color.default}"
+          "value": "{neutral.color.700}"
         },
-        "name": "SliderTrackBackgroundColorFillDefault",
+        "name": "SliderTrackColorDefault",
         "attributes": {
           "category": "slider",
-          "type": "track-background-color-fill",
+          "type": "track-color",
           "item": "default"
         },
         "path": [
           "slider",
-          "track-background-color-fill",
+          "track-color",
           "default"
         ]
       },
@@ -15275,292 +16376,189 @@
         "filePath": "src/form/slider.yml",
         "isSource": true,
         "original": {
-          "value": "{disabled-solid-background-color}"
+          "value": "{neutral.color.400}"
         },
-        "name": "SliderTrackBackgroundColorFillDisabled",
+        "name": "SliderTrackColorDisabled",
         "attributes": {
           "category": "slider",
-          "type": "track-background-color-fill",
+          "type": "track-color",
           "item": "disabled"
         },
         "path": [
           "slider",
-          "track-background-color-fill",
+          "track-color",
           "disabled"
         ]
       }
     },
-    "track-height": {
-      "value": "0.25rem",
+    "spacing-x": {
+      "value": "0.5rem",
       "filePath": "src/form/slider.yml",
       "isSource": true,
       "original": {
-        "value": "{size-rem.xs}"
+        "value": "{size-rem.s}"
       },
-      "name": "SliderTrackHeight",
+      "name": "SliderSpacingX",
       "attributes": {
         "category": "slider",
-        "type": "track-height"
+        "type": "spacing-x"
       },
       "path": [
         "slider",
-        "track-height"
+        "spacing-x"
       ]
     },
-    "track-corner-radius": {
-      "value": "4px",
+    "spacing-y": {
+      "value": "1rem",
       "filePath": "src/form/slider.yml",
       "isSource": true,
       "original": {
-        "value": "{corner-radius.default}"
+        "value": "{size-rem.m}"
       },
-      "name": "SliderTrackCornerRadius",
+      "name": "SliderSpacingY",
       "attributes": {
         "category": "slider",
-        "type": "track-corner-radius"
+        "type": "spacing-y"
       },
       "path": [
         "slider",
-        "track-corner-radius"
+        "spacing-y"
       ]
     },
-    "thumb-border-color": {
-      "default": {
-        "value": "#0054F5",
-        "filePath": "src/form/slider.yml",
-        "isSource": true,
-        "original": {
-          "value": "{primary-solid-background-color.default}"
-        },
-        "name": "SliderThumbBorderColorDefault",
-        "attributes": {
-          "category": "slider",
-          "type": "thumb-border-color",
-          "item": "default"
-        },
-        "path": [
-          "slider",
-          "thumb-border-color",
-          "default"
-        ]
+    "border-width": {
+      "value": "4px",
+      "filePath": "src/form/slider.yml",
+      "isSource": true,
+      "original": {
+        "value": "{border-width.300}"
       },
-      "disabled": {
-        "value": "#E6E6E6",
-        "filePath": "src/form/slider.yml",
-        "isSource": true,
-        "original": {
-          "value": "{disabled-solid-background-color}"
-        },
-        "name": "SliderThumbBorderColorDisabled",
-        "attributes": {
-          "category": "slider",
-          "type": "thumb-border-color",
-          "item": "disabled"
-        },
-        "path": [
-          "slider",
-          "thumb-border-color",
-          "disabled"
-        ]
-      }
+      "name": "SliderBorderWidth",
+      "attributes": {
+        "category": "slider",
+        "type": "border-width"
+      },
+      "path": [
+        "slider",
+        "border-width"
+      ]
     },
-    "thumb-border-width": {
-      "value": "0.25rem",
+    "border-style": {
+      "value": "solid",
       "filePath": "src/form/slider.yml",
       "isSource": true,
       "original": {
-        "value": "{size-rem.xs}"
+        "value": "{border-style.default}"
       },
-      "name": "SliderThumbBorderWidth",
+      "name": "SliderBorderStyle",
       "attributes": {
         "category": "slider",
-        "type": "thumb-border-width"
+        "type": "border-style"
       },
       "path": [
         "slider",
-        "thumb-border-width"
+        "border-style"
       ]
     },
-    "thumb-border-style": {
-      "value": "solid",
+    "corner-radius": {
+      "value": "4px",
       "filePath": "src/form/slider.yml",
       "isSource": true,
       "original": {
-        "value": "{border-style.default}"
+        "value": "{corner-radius.default}"
       },
-      "name": "SliderThumbBorderStyle",
+      "name": "SliderCornerRadius",
       "attributes": {
         "category": "slider",
-        "type": "thumb-border-style"
+        "type": "corner-radius"
       },
       "path": [
         "slider",
-        "thumb-border-style"
+        "corner-radius"
       ]
     },
-    "thumb-corner-radius": {
-      "value": "50%",
+    "value-font-weight": {
+      "value": "bold",
       "filePath": "src/form/slider.yml",
       "isSource": true,
       "original": {
-        "value": "{corner-radius.round}"
+        "value": "{font-weight.bold}"
       },
-      "name": "SliderThumbCornerRadius",
+      "name": "SliderValueFontWeight",
       "attributes": {
         "category": "slider",
-        "type": "thumb-corner-radius"
+        "type": "value-font-weight"
       },
       "path": [
         "slider",
-        "thumb-corner-radius"
+        "value-font-weight"
       ]
     },
-    "thumb-size": {
-      "value": "1.5rem",
+    "handle-corner-radius": {
+      "value": "50%",
       "filePath": "src/form/slider.yml",
       "isSource": true,
       "original": {
-        "value": "{size-rem.l}"
+        "value": "{corner-radius.round}"
       },
-      "name": "SliderThumbSize",
+      "name": "SliderHandleCornerRadius",
       "attributes": {
         "category": "slider",
-        "type": "thumb-size"
+        "type": "handle-corner-radius"
       },
       "path": [
         "slider",
-        "thumb-size"
+        "handle-corner-radius"
       ]
     },
-    "thumb-background-color": {
-      "default": {
-        "value": "#FFFFFF",
-        "filePath": "src/form/slider.yml",
-        "isSource": true,
-        "original": {
-          "value": "{neutral.color.100}"
-        },
-        "name": "SliderThumbBackgroundColorDefault",
-        "attributes": {
-          "category": "slider",
-          "type": "thumb-background-color",
-          "item": "default"
-        },
-        "path": [
-          "slider",
-          "thumb-background-color",
-          "default"
-        ]
-      },
-      "pressed": {
-        "value": "#0054F5",
-        "filePath": "src/form/slider.yml",
-        "isSource": true,
-        "original": {
-          "value": "{primary-solid-background-color.default}"
-        },
-        "name": "SliderThumbBackgroundColorPressed",
-        "attributes": {
-          "category": "slider",
-          "type": "thumb-background-color",
-          "item": "pressed"
-        },
-        "path": [
-          "slider",
-          "thumb-background-color",
-          "pressed"
-        ]
-      }
-    },
-    "initial-marker-height": {
-      "value": "1rem",
+    "handle-size": {
+      "value": "1.5rem",
       "filePath": "src/form/slider.yml",
       "isSource": true,
       "original": {
-        "value": "{size-rem.m}"
+        "value": "{size-rem.l}"
       },
-      "name": "SliderInitialMarkerHeight",
+      "name": "SliderHandleSize",
       "attributes": {
         "category": "slider",
-        "type": "initial-marker-height"
+        "type": "handle-size"
       },
       "path": [
         "slider",
-        "initial-marker-height"
+        "handle-size"
       ]
     },
-    "initial-marker-width": {
-      "value": "0.25rem",
+    "handle-fill-color": {
+      "value": "#FFFFFF",
       "filePath": "src/form/slider.yml",
       "isSource": true,
       "original": {
-        "value": "{size-rem.xs}"
+        "value": "{neutral.color.100}"
       },
-      "name": "SliderInitialMarkerWidth",
+      "name": "SliderHandleFillColor",
       "attributes": {
         "category": "slider",
-        "type": "initial-marker-width"
+        "type": "handle-fill-color"
       },
       "path": [
         "slider",
-        "initial-marker-width"
+        "handle-fill-color"
       ]
     },
-    "initial-marker-background-color": {
-      "default": {
-        "value": "#0054F5",
-        "filePath": "src/form/slider.yml",
-        "isSource": true,
-        "original": {
-          "value": "{primary-solid-background-color.default}"
-        },
-        "name": "SliderInitialMarkerBackgroundColorDefault",
-        "attributes": {
-          "category": "slider",
-          "type": "initial-marker-background-color",
-          "item": "default"
-        },
-        "path": [
-          "slider",
-          "initial-marker-background-color",
-          "default"
-        ]
-      },
-      "disabled": {
-        "value": "#E6E6E6",
-        "filePath": "src/form/slider.yml",
-        "isSource": true,
-        "original": {
-          "value": "{disabled-solid-background-color}"
-        },
-        "name": "SliderInitialMarkerBackgroundColorDisabled",
-        "attributes": {
-          "category": "slider",
-          "type": "initial-marker-background-color",
-          "item": "disabled"
-        },
-        "path": [
-          "slider",
-          "initial-marker-background-color",
-          "disabled"
-        ]
-      }
-    },
-    "initial-marker-corner-radius": {
-      "value": "4px",
+    "initial-marker-height": {
+      "value": "1rem",
       "filePath": "src/form/slider.yml",
       "isSource": true,
       "original": {
-        "value": "{corner-radius.default}"
+        "value": "{size-rem.m}"
       },
-      "name": "SliderInitialMarkerCornerRadius",
+      "name": "SliderInitialMarkerHeight",
       "attributes": {
         "category": "slider",
-        "type": "initial-marker-corner-radius"
+        "type": "initial-marker-height"
       },
       "path": [
         "slider",
-        "initial-marker-corner-radius"
+        "initial-marker-height"
       ]
     }
   },
@@ -16831,25 +17829,6 @@
       ]
     }
   },
-  "tab-panel": {
-    "padding": {
-      "value": "32px",
-      "filePath": "src/navigation/tabs.yml",
-      "isSource": true,
-      "original": {
-        "value": "{size-px.xl}"
-      },
-      "name": "TabPanelPadding",
-      "attributes": {
-        "category": "tab-panel",
-        "type": "padding"
-      },
-      "path": [
-        "tab-panel",
-        "padding"
-      ]
-    }
-  },
   "contextual-help": {
     "max-width": {
       "value": "500px",
@@ -17029,6 +18008,25 @@
           "size",
           "m"
         ]
+      },
+      "l": {
+        "value": "1300px",
+        "filePath": "src/overlays/modal.yml",
+        "isSource": true,
+        "original": {
+          "value": "1300px"
+        },
+        "name": "ModalSizeL",
+        "attributes": {
+          "category": "modal",
+          "type": "size",
+          "item": "l"
+        },
+        "path": [
+          "modal",
+          "size",
+          "l"
+        ]
       }
     },
     "footer-background-color": {
@@ -18089,76 +19087,6 @@
       ]
     }
   },
-  "alert-icon": {
-    "info-color": {
-      "value": "#003FB8",
-      "filePath": "src/status/alert-icon.yml",
-      "isSource": true,
-      "original": {
-        "value": "{info-outline-content-color}"
-      },
-      "name": "AlertIconInfoColor",
-      "attributes": {
-        "category": "alert-icon",
-        "type": "info-color"
-      },
-      "path": [
-        "alert-icon",
-        "info-color"
-      ]
-    },
-    "warning-color": {
-      "value": "#C25200",
-      "filePath": "src/status/alert-icon.yml",
-      "isSource": true,
-      "original": {
-        "value": "{warning-outline-content-color}"
-      },
-      "name": "AlertIconWarningColor",
-      "attributes": {
-        "category": "alert-icon",
-        "type": "warning-color"
-      },
-      "path": [
-        "alert-icon",
-        "warning-color"
-      ]
-    },
-    "danger-color": {
-      "value": "#B4193A",
-      "filePath": "src/status/alert-icon.yml",
-      "isSource": true,
-      "original": {
-        "value": "{danger-outline-content-color}"
-      },
-      "name": "AlertIconDangerColor",
-      "attributes": {
-        "category": "alert-icon",
-        "type": "danger-color"
-      },
-      "path": [
-        "alert-icon",
-        "danger-color"
-      ]
-    },
-    "success-color": {
-      "value": "#005F42",
-      "filePath": "src/status/alert-icon.yml",
-      "isSource": true,
-      "original": {
-        "value": "{success-outline-content-color}"
-      },
-      "name": "AlertIconSuccessColor",
-      "attributes": {
-        "category": "alert-icon",
-        "type": "success-color"
-      },
-      "path": [
-        "alert-icon",
-        "success-color"
-      ]
-    }
-  },
   "alert": {
     "padding": {
       "value": "16px",
@@ -20630,57 +21558,125 @@
         "border-width"
       ]
     },
-    "border-style": {
-      "value": "solid",
-      "filePath": "src/status/counter-badge.yml",
+    "border-style": {
+      "value": "solid",
+      "filePath": "src/status/counter-badge.yml",
+      "isSource": true,
+      "original": {
+        "value": "{border-style.default}"
+      },
+      "name": "CounterBadgeBorderStyle",
+      "attributes": {
+        "category": "counter-badge",
+        "type": "border-style"
+      },
+      "path": [
+        "counter-badge",
+        "border-style"
+      ]
+    },
+    "border-color": {
+      "value": "#FFFFFF",
+      "filePath": "src/status/counter-badge.yml",
+      "isSource": true,
+      "original": {
+        "value": "{neutral.color.100}"
+      },
+      "name": "CounterBadgeBorderColor",
+      "attributes": {
+        "category": "counter-badge",
+        "type": "border-color"
+      },
+      "path": [
+        "counter-badge",
+        "border-color"
+      ]
+    }
+  },
+  "loading-spinner": {
+    "transition-duration": {
+      "value": "2000ms",
+      "filePath": "src/status/loading-spinner.yml",
+      "isSource": true,
+      "original": {
+        "value": "2000ms"
+      },
+      "name": "LoadingSpinnerTransitionDuration",
+      "attributes": {
+        "category": "loading-spinner",
+        "type": "transition-duration"
+      },
+      "path": [
+        "loading-spinner",
+        "transition-duration"
+      ]
+    },
+    "transition-duration-slow": {
+      "value": "6000ms",
+      "filePath": "src/status/loading-spinner.yml",
+      "isSource": true,
+      "original": {
+        "value": "6000ms"
+      },
+      "name": "LoadingSpinnerTransitionDurationSlow",
+      "attributes": {
+        "category": "loading-spinner",
+        "type": "transition-duration-slow"
+      },
+      "path": [
+        "loading-spinner",
+        "transition-duration-slow"
+      ]
+    },
+    "color": {
+      "value": "#6D6D6D",
+      "filePath": "src/status/loading-spinner.yml",
       "isSource": true,
       "original": {
-        "value": "{border-style.default}"
+        "value": "{icon.color}"
       },
-      "name": "CounterBadgeBorderStyle",
+      "name": "LoadingSpinnerColor",
       "attributes": {
-        "category": "counter-badge",
-        "type": "border-style"
+        "category": "loading-spinner",
+        "type": "color"
       },
       "path": [
-        "counter-badge",
-        "border-style"
+        "loading-spinner",
+        "color"
       ]
     },
-    "border-color": {
-      "value": "#FFFFFF",
-      "filePath": "src/status/counter-badge.yml",
+    "color-light": {
+      "value": "rgb(255 255 255 / 100%)",
+      "filePath": "src/status/loading-spinner.yml",
       "isSource": true,
       "original": {
-        "value": "{neutral.color.100}"
+        "value": "{light-plain-content-color}"
       },
-      "name": "CounterBadgeBorderColor",
+      "name": "LoadingSpinnerColorLight",
       "attributes": {
-        "category": "counter-badge",
-        "type": "border-color"
+        "category": "loading-spinner",
+        "type": "color-light"
       },
       "path": [
-        "counter-badge",
-        "border-color"
+        "loading-spinner",
+        "color-light"
       ]
-    }
-  },
-  "loading-spinner": {
-    "transition-duration": {
-      "value": "2000ms",
+    },
+    "color-dark": {
+      "value": "rgb(0 0 0 / 100%)",
       "filePath": "src/status/loading-spinner.yml",
       "isSource": true,
       "original": {
-        "value": "2000ms"
+        "value": "{dark-plain-content-color}"
       },
-      "name": "LoadingSpinnerTransitionDuration",
+      "name": "LoadingSpinnerColorDark",
       "attributes": {
         "category": "loading-spinner",
-        "type": "transition-duration"
+        "type": "color-dark"
       },
       "path": [
         "loading-spinner",
-        "transition-duration"
+        "color-dark"
       ]
     }
   },
@@ -21247,6 +22243,25 @@
       }
     }
   },
+  "password-creation-field": {
+    "rule-to-rule-spacing": {
+      "value": "8px",
+      "filePath": "src/status/password-creation-field.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.s}"
+      },
+      "name": "PasswordCreationFieldRuleToRuleSpacing",
+      "attributes": {
+        "category": "password-creation-field",
+        "type": "rule-to-rule-spacing"
+      },
+      "path": [
+        "password-creation-field",
+        "rule-to-rule-spacing"
+      ]
+    }
+  },
   "progress-bar": {
     "font-size": {
       "value": "1rem",
@@ -21333,39 +22348,81 @@
         "spacing-x"
       ]
     },
-    "height": {
-      "value": "0.5rem",
+    "spacing-bar-to-legend": {
+      "value": "16px",
       "filePath": "src/status/progress-bar.yml",
       "isSource": true,
       "original": {
-        "value": "{size-rem.s}"
+        "value": "{size-px.m}"
       },
-      "name": "ProgressBarHeight",
+      "name": "ProgressBarSpacingBarToLegend",
       "attributes": {
         "category": "progress-bar",
-        "type": "height"
+        "type": "spacing-bar-to-legend"
       },
       "path": [
         "progress-bar",
-        "height"
+        "spacing-bar-to-legend"
       ]
     },
-    "height-s": {
-      "value": "0.375rem",
-      "filePath": "src/status/progress-bar.yml",
-      "isSource": true,
-      "original": {
-        "value": "0.375rem"
+    "height": {
+      "m": {
+        "value": "1rem",
+        "filePath": "src/status/progress-bar.yml",
+        "isSource": true,
+        "original": {
+          "value": "{size-rem.m}"
+        },
+        "name": "ProgressBarHeightM",
+        "attributes": {
+          "category": "progress-bar",
+          "type": "height",
+          "item": "m"
+        },
+        "path": [
+          "progress-bar",
+          "height",
+          "m"
+        ]
       },
-      "name": "ProgressBarHeightS",
-      "attributes": {
-        "category": "progress-bar",
-        "type": "height-s"
+      "s": {
+        "value": "0.5rem",
+        "filePath": "src/status/progress-bar.yml",
+        "isSource": true,
+        "original": {
+          "value": "{size-rem.s}"
+        },
+        "name": "ProgressBarHeightS",
+        "attributes": {
+          "category": "progress-bar",
+          "type": "height",
+          "item": "s"
+        },
+        "path": [
+          "progress-bar",
+          "height",
+          "s"
+        ]
       },
-      "path": [
-        "progress-bar",
-        "height-s"
-      ]
+      "l": {
+        "value": "1.5rem",
+        "filePath": "src/status/progress-bar.yml",
+        "isSource": true,
+        "original": {
+          "value": "{size-rem.l}"
+        },
+        "name": "ProgressBarHeightL",
+        "attributes": {
+          "category": "progress-bar",
+          "type": "height",
+          "item": "l"
+        },
+        "path": [
+          "progress-bar",
+          "height",
+          "l"
+        ]
+      }
     },
     "corner-radius": {
       "value": "0.25rem",
@@ -21414,93 +22471,282 @@
         "type": "border-color"
       },
       "path": [
-        "progress-bar",
-        "border-color"
+        "progress-bar",
+        "border-color"
+      ]
+    },
+    "background-color": {
+      "value": "#F8F8F8",
+      "filePath": "src/status/progress-bar.yml",
+      "isSource": true,
+      "original": {
+        "value": "{neutral.color.300}"
+      },
+      "name": "ProgressBarBackgroundColor",
+      "attributes": {
+        "category": "progress-bar",
+        "type": "background-color"
+      },
+      "path": [
+        "progress-bar",
+        "background-color"
+      ]
+    },
+    "info-fill-background-color": {
+      "value": "#0054F5",
+      "filePath": "src/status/progress-bar.yml",
+      "isSource": true,
+      "original": {
+        "value": "{info-solid-background-color.default}"
+      },
+      "name": "ProgressBarInfoFillBackgroundColor",
+      "attributes": {
+        "category": "progress-bar",
+        "type": "info-fill-background-color"
+      },
+      "path": [
+        "progress-bar",
+        "info-fill-background-color"
+      ]
+    },
+    "success-fill-background-color": {
+      "value": "#00825B",
+      "filePath": "src/status/progress-bar.yml",
+      "isSource": true,
+      "original": {
+        "value": "{success-solid-background-color.default}"
+      },
+      "name": "ProgressBarSuccessFillBackgroundColor",
+      "attributes": {
+        "category": "progress-bar",
+        "type": "success-fill-background-color"
+      },
+      "path": [
+        "progress-bar",
+        "success-fill-background-color"
+      ]
+    },
+    "warning-fill-background-color": {
+      "value": "#F56800",
+      "filePath": "src/status/progress-bar.yml",
+      "isSource": true,
+      "original": {
+        "value": "{warning-solid-background-color.default}"
+      },
+      "name": "ProgressBarWarningFillBackgroundColor",
+      "attributes": {
+        "category": "progress-bar",
+        "type": "warning-fill-background-color"
+      },
+      "path": [
+        "progress-bar",
+        "warning-fill-background-color"
+      ]
+    },
+    "danger-fill-background-color": {
+      "value": "#E1244C",
+      "filePath": "src/status/progress-bar.yml",
+      "isSource": true,
+      "original": {
+        "value": "{danger-solid-background-color.default}"
+      },
+      "name": "ProgressBarDangerFillBackgroundColor",
+      "attributes": {
+        "category": "progress-bar",
+        "type": "danger-fill-background-color"
+      },
+      "path": [
+        "progress-bar",
+        "danger-fill-background-color"
+      ]
+    },
+    "indeterminate-fill-background-color": {
+      "value": "#6D6D6D",
+      "filePath": "src/status/progress-bar.yml",
+      "isSource": true,
+      "original": {
+        "value": "{neutral-solid-background-color.default}"
+      },
+      "name": "ProgressBarIndeterminateFillBackgroundColor",
+      "attributes": {
+        "category": "progress-bar",
+        "type": "indeterminate-fill-background-color"
+      },
+      "path": [
+        "progress-bar",
+        "indeterminate-fill-background-color"
+      ]
+    }
+  },
+  "accent-box": {
+    "background-color-neutral": {
+      "value": "#F8F8F8",
+      "filePath": "src/structure/accent-box.yml",
+      "isSource": true,
+      "original": {
+        "value": "{neutral.color.300}"
+      },
+      "name": "AccentBoxBackgroundColorNeutral",
+      "attributes": {
+        "category": "accent-box",
+        "type": "background-color-neutral"
+      },
+      "path": [
+        "accent-box",
+        "background-color-neutral"
+      ]
+    },
+    "background-color-green": {
+      "value": "#D8F5D6",
+      "filePath": "src/structure/accent-box.yml",
+      "isSource": true,
+      "original": {
+        "value": "#D8F5D6"
+      },
+      "name": "AccentBoxBackgroundColorGreen",
+      "attributes": {
+        "category": "accent-box",
+        "type": "background-color-green"
+      },
+      "path": [
+        "accent-box",
+        "background-color-green"
+      ]
+    },
+    "background-color-gradient": {
+      "value": "radial-gradient(circle at 27.74% 38.09%,#d8e9f8,transparent 60%),radial-gradient(circle at 63.98% 99.4%,#e4b8ff,transparent 37%),radial-gradient(circle at 79.7% 64.93%,#d8e9f8,transparent 52%),radial-gradient(circle at 10.9% 91.41%,#d8e9f8,transparent 56%),radial-gradient(circle at 3.68% 3.26%,#0056ff,transparent 31%),radial-gradient(circle at 99.62% 17.78%,#48c7d8,transparent 26%),radial-gradient(circle at 58.65% 24.91%,#d8e9f8,transparent 55%),radial-gradient(circle at 53.23% 52.72%,#d8e9f8,transparent 100%),radial-gradient(circle at 50% 50%,#fff,#fff 100%)",
+      "filePath": "src/structure/accent-box.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.gradient}"
+      },
+      "name": "AccentBoxBackgroundColorGradient",
+      "attributes": {
+        "category": "accent-box",
+        "type": "background-color-gradient"
+      },
+      "path": [
+        "accent-box",
+        "background-color-gradient"
+      ]
+    },
+    "background-color-blue": {
+      "value": "#F0F5FF",
+      "filePath": "src/structure/accent-box.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.hosting-blue.100}"
+      },
+      "name": "AccentBoxBackgroundColorBlue",
+      "attributes": {
+        "category": "accent-box",
+        "type": "background-color-blue"
+      },
+      "path": [
+        "accent-box",
+        "background-color-blue"
+      ]
+    },
+    "icon-color-blue": {
+      "value": "#E0EBFF",
+      "filePath": "src/structure/accent-box.yml",
+      "isSource": true,
+      "original": {
+        "value": "{color.hosting-blue.200}"
+      },
+      "name": "AccentBoxIconColorBlue",
+      "attributes": {
+        "category": "accent-box",
+        "type": "icon-color-blue"
+      },
+      "path": [
+        "accent-box",
+        "icon-color-blue"
       ]
     },
-    "background-color": {
-      "value": "transparent",
-      "filePath": "src/status/progress-bar.yml",
+    "icon-color-green": {
+      "value": "#c4e3c1",
+      "filePath": "src/structure/accent-box.yml",
       "isSource": true,
       "original": {
-        "value": "{neutral-outline-background-color.default}"
+        "value": "#c4e3c1"
       },
-      "name": "ProgressBarBackgroundColor",
+      "name": "AccentBoxIconColorGreen",
       "attributes": {
-        "category": "progress-bar",
-        "type": "background-color"
+        "category": "accent-box",
+        "type": "icon-color-green"
       },
       "path": [
-        "progress-bar",
-        "background-color"
+        "accent-box",
+        "icon-color-green"
       ]
     },
-    "info-fill-background-color": {
-      "value": "#0054F5",
-      "filePath": "src/status/progress-bar.yml",
+    "icon-color-gradient": {
+      "value": "#002b7b14",
+      "filePath": "src/structure/accent-box.yml",
       "isSource": true,
       "original": {
-        "value": "{info-solid-background-color.default}"
+        "value": "#002b7b14"
       },
-      "name": "ProgressBarInfoFillBackgroundColor",
+      "name": "AccentBoxIconColorGradient",
       "attributes": {
-        "category": "progress-bar",
-        "type": "info-fill-background-color"
+        "category": "accent-box",
+        "type": "icon-color-gradient"
       },
       "path": [
-        "progress-bar",
-        "info-fill-background-color"
+        "accent-box",
+        "icon-color-gradient"
       ]
     },
-    "success-fill-background-color": {
-      "value": "#00825B",
-      "filePath": "src/status/progress-bar.yml",
+    "icon-color-neutral": {
+      "value": "#E6E6E6",
+      "filePath": "src/structure/accent-box.yml",
       "isSource": true,
       "original": {
-        "value": "{success-solid-background-color.default}"
+        "value": "{neutral.color.400}"
       },
-      "name": "ProgressBarSuccessFillBackgroundColor",
+      "name": "AccentBoxIconColorNeutral",
       "attributes": {
-        "category": "progress-bar",
-        "type": "success-fill-background-color"
+        "category": "accent-box",
+        "type": "icon-color-neutral"
       },
       "path": [
-        "progress-bar",
-        "success-fill-background-color"
+        "accent-box",
+        "icon-color-neutral"
       ]
     },
-    "warning-fill-background-color": {
-      "value": "#F56800",
-      "filePath": "src/status/progress-bar.yml",
+    "padding": {
+      "value": "16px",
+      "filePath": "src/structure/accent-box.yml",
       "isSource": true,
       "original": {
-        "value": "{warning-solid-background-color.default}"
+        "value": "{size-px.m}"
       },
-      "name": "ProgressBarWarningFillBackgroundColor",
+      "name": "AccentBoxPadding",
       "attributes": {
-        "category": "progress-bar",
-        "type": "warning-fill-background-color"
+        "category": "accent-box",
+        "type": "padding"
       },
       "path": [
-        "progress-bar",
-        "warning-fill-background-color"
+        "accent-box",
+        "padding"
       ]
     },
-    "danger-fill-background-color": {
-      "value": "#E1244C",
-      "filePath": "src/status/progress-bar.yml",
+    "corner-radius": {
+      "value": "4px",
+      "filePath": "src/structure/accent-box.yml",
       "isSource": true,
       "original": {
-        "value": "{danger-solid-background-color.default}"
+        "value": "{corner-radius.default}"
       },
-      "name": "ProgressBarDangerFillBackgroundColor",
+      "name": "AccentBoxCornerRadius",
       "attributes": {
-        "category": "progress-bar",
-        "type": "danger-fill-background-color"
+        "category": "accent-box",
+        "type": "corner-radius"
       },
       "path": [
-        "progress-bar",
-        "danger-fill-background-color"
+        "accent-box",
+        "corner-radius"
       ]
     }
   },
@@ -21708,7 +22954,7 @@
         ]
       }
     },
-    "text-copyButton": {
+    "text-button": {
       "spacing": {
         "value": "0.25rem",
         "filePath": "src/structure/align.yml",
@@ -21716,15 +22962,15 @@
         "original": {
           "value": "{size-rem.xs}"
         },
-        "name": "AlignTextCopyButtonSpacing",
+        "name": "AlignTextButtonSpacing",
         "attributes": {
           "category": "align",
-          "type": "text-copyButton",
+          "type": "text-button",
           "item": "spacing"
         },
         "path": [
           "align",
-          "text-copyButton",
+          "text-button",
           "spacing"
         ]
       }
@@ -21749,27 +22995,6 @@
           "spacing"
         ]
       }
-    },
-    "text-contextualHelp": {
-      "spacing": {
-        "value": "0.25rem",
-        "filePath": "src/structure/align.yml",
-        "isSource": true,
-        "original": {
-          "value": "{size-rem.xs}"
-        },
-        "name": "AlignTextContextualHelpSpacing",
-        "attributes": {
-          "category": "align",
-          "type": "text-contextualHelp",
-          "item": "spacing"
-        },
-        "path": [
-          "align",
-          "text-contextualHelp",
-          "spacing"
-        ]
-      }
     }
   },
   "column-layout": {
@@ -21888,11 +23113,11 @@
       ]
     },
     "padding": {
-      "value": "32px",
+      "value": "24px",
       "filePath": "src/structure/layout-card.yml",
       "isSource": true,
       "original": {
-        "value": "{size-px.xl}"
+        "value": "{size-px.l}"
       },
       "name": "LayoutCardPadding",
       "attributes": {
@@ -21904,6 +23129,23 @@
         "padding"
       ]
     },
+    "padding-mobile": {
+      "value": "16px",
+      "filePath": "src/structure/layout-card.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.m}"
+      },
+      "name": "LayoutCardPaddingMobile",
+      "attributes": {
+        "category": "layout-card",
+        "type": "padding-mobile"
+      },
+      "path": [
+        "layout-card",
+        "padding-mobile"
+      ]
+    },
     "box-shadow": {
       "value": "rgba(0, 0, 0, 0.1) 0 4px 8px",
       "filePath": "src/structure/layout-card.yml",
@@ -21956,6 +23198,23 @@
         "list",
         "block-to-block-spacing"
       ]
+    },
+    "filter-to-search-spacing": {
+      "value": "32px",
+      "filePath": "src/structure/list.yml",
+      "isSource": true,
+      "original": {
+        "value": "{size-px.xl}"
+      },
+      "name": "ListFilterToSearchSpacing",
+      "attributes": {
+        "category": "list",
+        "type": "filter-to-search-spacing"
+      },
+      "path": [
+        "list",
+        "filter-to-search-spacing"
+      ]
     }
   },
   "list-item": {
@@ -22295,6 +23554,23 @@
         "separator",
         "height"
       ]
+    },
+    "border-style": {
+      "value": "solid",
+      "filePath": "src/structure/separator.yml",
+      "isSource": true,
+      "original": {
+        "value": "{border-style.default}"
+      },
+      "name": "SeparatorBorderStyle",
+      "attributes": {
+        "category": "separator",
+        "type": "border-style"
+      },
+      "path": [
+        "separator",
+        "border-style"
+      ]
     }
   },
   "table": {
@@ -22505,13 +23781,32 @@
   },
   "transition": {
     "duration": {
-      "default": {
+      "fast": {
         "value": "200ms",
         "filePath": "src/transition.yml",
         "isSource": true,
         "original": {
           "value": "200ms"
         },
+        "name": "TransitionDurationFast",
+        "attributes": {
+          "category": "transition",
+          "type": "duration",
+          "item": "fast"
+        },
+        "path": [
+          "transition",
+          "duration",
+          "fast"
+        ]
+      },
+      "default": {
+        "value": "300ms",
+        "filePath": "src/transition.yml",
+        "isSource": true,
+        "original": {
+          "value": "300ms"
+        },
         "name": "TransitionDurationDefault",
         "attributes": {
           "category": "transition",
@@ -22525,11 +23820,11 @@
         ]
       },
       "slow": {
-        "value": "300ms",
+        "value": "400ms",
         "filePath": "src/transition.yml",
         "isSource": true,
         "original": {
-          "value": "300ms"
+          "value": "400ms"
         },
         "name": "TransitionDurationSlow",
         "attributes": {
@@ -22649,21 +23944,44 @@
       ]
     },
     "border-color": {
-      "value": "#909090",
-      "filePath": "src/upload/file-card.yml",
-      "isSource": true,
-      "original": {
-        "value": "{neutral-outline-border-color}"
-      },
-      "name": "FileCardBorderColor",
-      "attributes": {
-        "category": "file-card",
-        "type": "border-color"
+      "default": {
+        "value": "#909090",
+        "filePath": "src/upload/file-card.yml",
+        "isSource": true,
+        "original": {
+          "value": "{neutral-outline-border-color}"
+        },
+        "name": "FileCardBorderColorDefault",
+        "attributes": {
+          "category": "file-card",
+          "type": "border-color",
+          "item": "default"
+        },
+        "path": [
+          "file-card",
+          "border-color",
+          "default"
+        ]
       },
-      "path": [
-        "file-card",
-        "border-color"
-      ]
+      "error": {
+        "value": "#E1244C",
+        "filePath": "src/upload/file-card.yml",
+        "isSource": true,
+        "original": {
+          "value": "{danger-outline-border-color}"
+        },
+        "name": "FileCardBorderColorError",
+        "attributes": {
+          "category": "file-card",
+          "type": "border-color",
+          "item": "error"
+        },
+        "path": [
+          "file-card",
+          "border-color",
+          "error"
+        ]
+      }
     },
     "sub-title-font-size": {
       "value": "0.875rem",
@@ -22739,6 +24057,25 @@
           "background-color",
           "pressed"
         ]
+      },
+      "error": {
+        "value": "#FDF0F3",
+        "filePath": "src/upload/file-card.yml",
+        "isSource": true,
+        "original": {
+          "value": "{danger.color.100}"
+        },
+        "name": "FileCardBackgroundColorError",
+        "attributes": {
+          "category": "file-card",
+          "type": "background-color",
+          "item": "error"
+        },
+        "path": [
+          "file-card",
+          "background-color",
+          "error"
+        ]
       }
     }
   },
@@ -22777,6 +24114,27 @@
         "padding"
       ]
     },
+    "content-color": {
+      "disabled": {
+        "value": "#D5D5D5",
+        "filePath": "src/upload/file-drop-zone.yml",
+        "isSource": true,
+        "original": {
+          "value": "{disabled-outline-content-color}"
+        },
+        "name": "FileDropZoneContentColorDisabled",
+        "attributes": {
+          "category": "file-drop-zone",
+          "type": "content-color",
+          "item": "disabled"
+        },
+        "path": [
+          "file-drop-zone",
+          "content-color",
+          "disabled"
+        ]
+      }
+    },
     "background-color": {
       "default": {
         "value": "#F8F8F8",
@@ -22815,6 +24173,25 @@
           "background-color",
           "target"
         ]
+      },
+      "disabled": {
+        "value": "#F8F8F8",
+        "filePath": "src/upload/file-drop-zone.yml",
+        "isSource": true,
+        "original": {
+          "value": "{disabled-outline-background-color}"
+        },
+        "name": "FileDropZoneBackgroundColorDisabled",
+        "attributes": {
+          "category": "file-drop-zone",
+          "type": "background-color",
+          "item": "disabled"
+        },
+        "path": [
+          "file-drop-zone",
+          "background-color",
+          "disabled"
+        ]
       }
     },
     "border-width": {
@@ -22912,6 +24289,25 @@
           "border-color",
           "target"
         ]
+      },
+      "disabled": {
+        "value": "#E6E6E6",
+        "filePath": "src/upload/file-drop-zone.yml",
+        "isSource": true,
+        "original": {
+          "value": "{disabled-outline-border-color}"
+        },
+        "name": "FileDropZoneBorderColorDisabled",
+        "attributes": {
+          "category": "file-drop-zone",
+          "type": "border-color",
+          "item": "disabled"
+        },
+        "path": [
+          "file-drop-zone",
+          "border-color",
+          "disabled"
+        ]
       }
     }
   }