@genesislcap/rapid-design-system 14.445.2 → 14.446.0-FUI-2537.8

package/dist/custom-elements.json

@@ -772,11 +772,60 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/configure.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "configureRapidDesignSystem",
+          "return": {
+            "type": {
+              "text": "void"
+            }
+          },
+          "parameters": [
+            {
+              "name": "provider",
+              "type": {
+                "text": "HTMLElement"
+              }
+            },
+            {
+              "name": "config",
+              "type": {
+                "text": "Partial<DesignTokensConfig>"
+              }
+            }
+          ],
+          "description": "Extends configureDesignSystem with support for the `secondary`, `tertiary`, `error`,\n`success`, and `warning` color palettes.\n\nPass any of these entries under `design_tokens.color` in your config to override the defaults.\nOmitting any of them is safe — existing apps are unaffected and each token falls back to its\nbuilt-in default.",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "configureRapidDesignSystem",
+          "declaration": {
+            "name": "configureRapidDesignSystem",
+            "module": "src/_config/configure.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/_config/index.ts",
       "declarations": [],
       "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./configure"
+          }
+        },
         {
           "kind": "js",
           "name": "*",
@@ -10393,7 +10442,7 @@
         {
           "kind": "variable",
           "name": "rapidDialogStyles",
-          "default": "css`\n  ${foundationDialogStyles}\n  :host {\n    --dialog-background: ${neutralLayer2};\n\n    font-family: var(--body-font);\n    font-size: var(--type-ramp-base-font-size);\n    line-height: var(--type-ramp-base-line-height);\n  }\n\n  dialog {\n    position: var(--dialog-position, fixed);\n    top: 0;\n    bottom: 0;\n    border-radius: var(--card-border-radius, calc(var(--control-corner-radius) * 1px));\n    border: var(--card-border, calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest));\n    text-align: left;\n    line-height: normal;\n    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 35%);\n  }\n\n  .top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    color: var(--neutral-foreground-rest);\n    margin-bottom: calc(var(--design-unit) * 2px);\n    font-weight: 500;\n  }\n\n  .bottom {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    color: var(--neutral-foreground-rest);\n    gap: calc(var(--design-unit) * 2px);\n  }\n\n  :host slot:first-of-type {\n    color: ${neutralForegroundRest};\n  }\n\n  ::slotted(rapid-button) {\n    margin-top: calc(var(--design-unit) * 4px - 1px);\n  }\n\n  slot[name='top']::slotted(*) {\n    margin: 0;\n    font-size: var(--type-ramp-base-font-size);\n    color: var(--neutral-foreground-hint);\n    font-weight: 700;\n  }\n\n  .content-wrapper {\n    min-width: var(--dialog-min-width);\n    min-height: var(--dialog-min-height);\n    height: fit-content;\n    width: fit-content;\n    max-width: var(--dialog-max-width);\n    max-height: var(--dialog-max-height);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: stretch;\n  }\n\n  .close-icon:hover svg {\n    background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 95%);\n  }\n\n  .close-icon svg g path {\n    fill: color-mix(in srgb, var(--neutral-foreground-rest), transparent 50%);\n  }\n\n  .close-icon:hover svg g path {\n    fill: var(--neutral-foreground-rest);\n  }\n\n  .close-icon:active svg {\n    background-color: var(--neutral-layer-4);\n  }\n\n  .close-icon:active svg g path {\n    fill: color-mix(in srgb, var(--neutral-foreground-rest), transparent 67%);\n  }\n\n  .header-controls {\n    rapid-button {\n      --base-height-multiplier: 8;\n    }\n\n    rapid-button::part(control) {\n      padding: 0 calc((8 + var(--design-unit) * 1 * var(--density)) * 1px);\n    }\n  }\n`"
+          "default": "css`\n  ${foundationDialogStyles}\n  :host {\n    font-family: var(--body-font);\n    font-size: var(--type-ramp-base-font-size);\n    line-height: var(--type-ramp-base-line-height);\n  }\n\n  dialog {\n    position: var(--dialog-position, fixed);\n    top: 0;\n    bottom: 0;\n    border-radius: var(--card-border-radius, calc(var(--control-corner-radius) * 1px));\n    border: var(--card-border, calc(var(--stroke-width) * 1px) solid var(--neutral-stroke-rest));\n    text-align: left;\n    line-height: normal;\n    box-shadow: 0 2px 15px 0 rgb(0 0 0 / 35%);\n    background-color: var(--dialog-background, var(--neutral-layer-1));\n  }\n\n  .top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    color: var(--neutral-foreground-rest);\n    margin-bottom: calc(var(--design-unit) * 2px);\n    font-weight: 500;\n  }\n\n  .bottom {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: flex-end;\n    color: var(--neutral-foreground-rest);\n    gap: calc(var(--design-unit) * 2px);\n  }\n\n  :host slot:first-of-type {\n    color: ${neutralForegroundRest};\n  }\n\n  ::slotted(rapid-button) {\n    margin-top: calc(var(--design-unit) * 4px - 1px);\n  }\n\n  slot[name='top']::slotted(*) {\n    margin: 0;\n    font-size: var(--type-ramp-base-font-size);\n    color: var(--neutral-foreground-hint);\n    font-weight: 700;\n  }\n\n  .content-wrapper {\n    min-width: var(--dialog-min-width);\n    min-height: var(--dialog-min-height);\n    height: fit-content;\n    width: fit-content;\n    max-width: var(--dialog-max-width);\n    max-height: var(--dialog-max-height);\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n    align-items: stretch;\n  }\n\n  .close-icon:hover svg {\n    background-color: color-mix(in srgb, var(--neutral-foreground-rest), transparent 95%);\n  }\n\n  .close-icon svg g path {\n    fill: color-mix(in srgb, var(--neutral-foreground-rest), transparent 50%);\n  }\n\n  .close-icon:hover svg g path {\n    fill: var(--neutral-foreground-rest);\n  }\n\n  .close-icon:active svg {\n    background-color: var(--neutral-layer-4);\n  }\n\n  .close-icon:active svg g path {\n    fill: color-mix(in srgb, var(--neutral-foreground-rest), transparent 67%);\n  }\n\n  .header-controls {\n    rapid-button {\n      --base-height-multiplier: 8;\n    }\n\n    rapid-button::part(control) {\n      padding: 0 calc((8 + var(--design-unit) * 1 * var(--density)) * 1px);\n    }\n  }\n`"
         }
       ],
       "exports": [
@@ -16754,7 +16803,7 @@
         {
           "kind": "variable",
           "name": "rapidFlyoutStyles",
-          "default": "css`\n  ${foundationFlyoutStyles}\n  div.flyout {\n    background-color: var(--neutral-layer-2);\n    border-color: var(--neutral-stroke-rest);\n    color: var(--neutral-foreground-rest);\n    padding: calc(var(--design-unit) * 4px);\n  }\n\n  div.background {\n    padding: calc(var(--design-unit) * 4px) 0;\n  }\n\n  :host {\n    font-size: var(--type-ramp-base-font-size);\n    font-family: var(--body-font);\n    line-height: var(--type-ramp-base-line-height);\n  }\n\n  :host([position='left']) div.flyout {\n    border-right-style: solid;\n    border-right-width: calc(var(--stroke-width) * 1px);\n  }\n\n  :host([position='right']) div.flyout {\n    border-left-style: solid;\n    border-left-width: calc(var(--stroke-width) * 1px);\n  }\n\n  div.exit {\n    cursor: pointer;\n    width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);\n    height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  div.content,\n  div.footer {\n    padding: 0 0 calc(var(--design-unit) * 2px);\n  }\n\n  div.exit:hover {\n    background-color: var(--neutral-fill-hover);\n    border-radius: calc(var(--stroke-width) * 3px);\n  }\n`"
+          "default": "css`\n  ${foundationFlyoutStyles}\n  div.flyout {\n    background-color: var(--neutral-layer-1);\n    border-color: var(--neutral-stroke-rest);\n    color: var(--neutral-foreground-rest);\n    padding: calc(var(--design-unit) * 4px);\n  }\n\n  div.background {\n    padding: calc(var(--design-unit) * 4px) 0;\n  }\n\n  :host {\n    font-size: var(--type-ramp-base-font-size);\n    font-family: var(--body-font);\n    line-height: var(--type-ramp-base-line-height);\n  }\n\n  :host([position='left']) div.flyout {\n    border-right-style: solid;\n    border-right-width: calc(var(--stroke-width) * 1px);\n  }\n\n  :host([position='right']) div.flyout {\n    border-left-style: solid;\n    border-left-width: calc(var(--stroke-width) * 1px);\n  }\n\n  div.exit {\n    cursor: pointer;\n    width: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);\n    height: calc((var(--base-height-multiplier) * (var(--design-unit) - 1)) * 1px);\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  }\n\n  div.content,\n  div.footer {\n    padding: 0 0 calc(var(--design-unit) * 2px);\n  }\n\n  div.exit:hover {\n    background-color: var(--neutral-fill-hover);\n    border-radius: calc(var(--stroke-width) * 3px);\n  }\n`"
         }
       ],
       "exports": [
@@ -42629,6 +42678,245 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/tokens/error-palette.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "errorPalette",
+          "declaration": {
+            "name": "errorPalette",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "errorFillRestDelta",
+          "declaration": {
+            "name": "errorFillRestDelta",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "errorFillHoverDelta",
+          "declaration": {
+            "name": "errorFillHoverDelta",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "errorFillActiveDelta",
+          "declaration": {
+            "name": "errorFillActiveDelta",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "errorFillFocusDelta",
+          "declaration": {
+            "name": "errorFillFocusDelta",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "errorForegroundRestDelta",
+          "declaration": {
+            "name": "errorForegroundRestDelta",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "errorForegroundHoverDelta",
+          "declaration": {
+            "name": "errorForegroundHoverDelta",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "errorForegroundActiveDelta",
+          "declaration": {
+            "name": "errorForegroundActiveDelta",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "errorForegroundFocusDelta",
+          "declaration": {
+            "name": "errorForegroundFocusDelta",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "errorFillRecipe",
+          "declaration": {
+            "name": "errorFillRecipe",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "errorFillRest",
+          "declaration": {
+            "name": "errorFillRest",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "errorFillHover",
+          "declaration": {
+            "name": "errorFillHover",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "errorFillActive",
+          "declaration": {
+            "name": "errorFillActive",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "errorFillFocus",
+          "declaration": {
+            "name": "errorFillFocus",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnErrorRecipe",
+          "declaration": {
+            "name": "foregroundOnErrorRecipe",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnErrorRest",
+          "declaration": {
+            "name": "foregroundOnErrorRest",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnErrorHover",
+          "declaration": {
+            "name": "foregroundOnErrorHover",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnErrorActive",
+          "declaration": {
+            "name": "foregroundOnErrorActive",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnErrorFocus",
+          "declaration": {
+            "name": "foregroundOnErrorFocus",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnErrorLargeRecipe",
+          "declaration": {
+            "name": "foregroundOnErrorLargeRecipe",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnErrorRestLarge",
+          "declaration": {
+            "name": "foregroundOnErrorRestLarge",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnErrorHoverLarge",
+          "declaration": {
+            "name": "foregroundOnErrorHoverLarge",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnErrorActiveLarge",
+          "declaration": {
+            "name": "foregroundOnErrorActiveLarge",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnErrorFocusLarge",
+          "declaration": {
+            "name": "foregroundOnErrorFocusLarge",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "errorForegroundRecipe",
+          "declaration": {
+            "name": "errorForegroundRecipe",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "errorForegroundRest",
+          "declaration": {
+            "name": "errorForegroundRest",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "errorForegroundHover",
+          "declaration": {
+            "name": "errorForegroundHover",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "errorForegroundActive",
+          "declaration": {
+            "name": "errorForegroundActive",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "errorForegroundFocus",
+          "declaration": {
+            "name": "errorForegroundFocus",
+            "module": "src/_config/tokens/error-palette.ts"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "src/_config/tokens/index.ts",
@@ -42649,6 +42937,1092 @@
             "name": "*",
             "package": "./custom"
           }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./secondary"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./tertiary-palette"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./error-palette"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./success-palette"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "package": "./warning-palette"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/tokens/secondary.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "defaultSecondaryColor"
+        },
+        {
+          "kind": "variable",
+          "name": "secondaryColor",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "defaultSecondaryColor",
+          "declaration": {
+            "name": "defaultSecondaryColor",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "secondaryColor",
+          "declaration": {
+            "name": "secondaryColor",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "secondaryPalette",
+          "declaration": {
+            "name": "secondaryPalette",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "secondaryFillRestDelta",
+          "declaration": {
+            "name": "secondaryFillRestDelta",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "secondaryFillHoverDelta",
+          "declaration": {
+            "name": "secondaryFillHoverDelta",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "secondaryFillActiveDelta",
+          "declaration": {
+            "name": "secondaryFillActiveDelta",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "secondaryFillFocusDelta",
+          "declaration": {
+            "name": "secondaryFillFocusDelta",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "secondaryForegroundRestDelta",
+          "declaration": {
+            "name": "secondaryForegroundRestDelta",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "secondaryForegroundHoverDelta",
+          "declaration": {
+            "name": "secondaryForegroundHoverDelta",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "secondaryForegroundActiveDelta",
+          "declaration": {
+            "name": "secondaryForegroundActiveDelta",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "secondaryForegroundFocusDelta",
+          "declaration": {
+            "name": "secondaryForegroundFocusDelta",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "secondaryFillRecipe",
+          "declaration": {
+            "name": "secondaryFillRecipe",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "secondaryFillRest",
+          "declaration": {
+            "name": "secondaryFillRest",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "secondaryFillHover",
+          "declaration": {
+            "name": "secondaryFillHover",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "secondaryFillActive",
+          "declaration": {
+            "name": "secondaryFillActive",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "secondaryFillFocus",
+          "declaration": {
+            "name": "secondaryFillFocus",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnSecondaryRecipe",
+          "declaration": {
+            "name": "foregroundOnSecondaryRecipe",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnSecondaryRest",
+          "declaration": {
+            "name": "foregroundOnSecondaryRest",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnSecondaryHover",
+          "declaration": {
+            "name": "foregroundOnSecondaryHover",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnSecondaryActive",
+          "declaration": {
+            "name": "foregroundOnSecondaryActive",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnSecondaryFocus",
+          "declaration": {
+            "name": "foregroundOnSecondaryFocus",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnSecondaryLargeRecipe",
+          "declaration": {
+            "name": "foregroundOnSecondaryLargeRecipe",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnSecondaryRestLarge",
+          "declaration": {
+            "name": "foregroundOnSecondaryRestLarge",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnSecondaryHoverLarge",
+          "declaration": {
+            "name": "foregroundOnSecondaryHoverLarge",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnSecondaryActiveLarge",
+          "declaration": {
+            "name": "foregroundOnSecondaryActiveLarge",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnSecondaryFocusLarge",
+          "declaration": {
+            "name": "foregroundOnSecondaryFocusLarge",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "secondaryForegroundRecipe",
+          "declaration": {
+            "name": "secondaryForegroundRecipe",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "secondaryForegroundRest",
+          "declaration": {
+            "name": "secondaryForegroundRest",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "secondaryForegroundHover",
+          "declaration": {
+            "name": "secondaryForegroundHover",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "secondaryForegroundActive",
+          "declaration": {
+            "name": "secondaryForegroundActive",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "secondaryForegroundFocus",
+          "declaration": {
+            "name": "secondaryForegroundFocus",
+            "module": "src/_config/tokens/secondary.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/tokens/semantic-palette.factory.ts",
+      "declarations": [
+        {
+          "kind": "function",
+          "name": "createSemanticPalette",
+          "parameters": [
+            {
+              "name": "cssPrefix",
+              "type": {
+                "text": "string"
+              },
+              "description": "Token name prefix, e.g. `'error'` → `--error-fill-rest`"
+            },
+            {
+              "name": "sourceColorToken",
+              "type": {
+                "text": "DesignToken<Swatch>"
+              },
+              "description": "The swatch token whose value drives the palette"
+            }
+          ],
+          "description": "Creates the full set of interactive palette tokens for a semantic colour (fill, foreground,\nforeground-on variants) mirroring FAST's built-in accent/neutral pattern.",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "createSemanticPalette",
+          "declaration": {
+            "name": "createSemanticPalette",
+            "module": "src/_config/tokens/semantic-palette.factory.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/tokens/success-palette.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "successPalette",
+          "declaration": {
+            "name": "successPalette",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "successFillRestDelta",
+          "declaration": {
+            "name": "successFillRestDelta",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "successFillHoverDelta",
+          "declaration": {
+            "name": "successFillHoverDelta",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "successFillActiveDelta",
+          "declaration": {
+            "name": "successFillActiveDelta",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "successFillFocusDelta",
+          "declaration": {
+            "name": "successFillFocusDelta",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "successForegroundRestDelta",
+          "declaration": {
+            "name": "successForegroundRestDelta",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "successForegroundHoverDelta",
+          "declaration": {
+            "name": "successForegroundHoverDelta",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "successForegroundActiveDelta",
+          "declaration": {
+            "name": "successForegroundActiveDelta",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "successForegroundFocusDelta",
+          "declaration": {
+            "name": "successForegroundFocusDelta",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "successFillRecipe",
+          "declaration": {
+            "name": "successFillRecipe",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "successFillRest",
+          "declaration": {
+            "name": "successFillRest",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "successFillHover",
+          "declaration": {
+            "name": "successFillHover",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "successFillActive",
+          "declaration": {
+            "name": "successFillActive",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "successFillFocus",
+          "declaration": {
+            "name": "successFillFocus",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnSuccessRecipe",
+          "declaration": {
+            "name": "foregroundOnSuccessRecipe",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnSuccessRest",
+          "declaration": {
+            "name": "foregroundOnSuccessRest",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnSuccessHover",
+          "declaration": {
+            "name": "foregroundOnSuccessHover",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnSuccessActive",
+          "declaration": {
+            "name": "foregroundOnSuccessActive",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnSuccessFocus",
+          "declaration": {
+            "name": "foregroundOnSuccessFocus",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnSuccessLargeRecipe",
+          "declaration": {
+            "name": "foregroundOnSuccessLargeRecipe",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnSuccessRestLarge",
+          "declaration": {
+            "name": "foregroundOnSuccessRestLarge",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnSuccessHoverLarge",
+          "declaration": {
+            "name": "foregroundOnSuccessHoverLarge",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnSuccessActiveLarge",
+          "declaration": {
+            "name": "foregroundOnSuccessActiveLarge",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnSuccessFocusLarge",
+          "declaration": {
+            "name": "foregroundOnSuccessFocusLarge",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "successForegroundRecipe",
+          "declaration": {
+            "name": "successForegroundRecipe",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "successForegroundRest",
+          "declaration": {
+            "name": "successForegroundRest",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "successForegroundHover",
+          "declaration": {
+            "name": "successForegroundHover",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "successForegroundActive",
+          "declaration": {
+            "name": "successForegroundActive",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "successForegroundFocus",
+          "declaration": {
+            "name": "successForegroundFocus",
+            "module": "src/_config/tokens/success-palette.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/tokens/tertiary-palette.ts",
+      "declarations": [
+        {
+          "kind": "variable",
+          "name": "defaultTertiaryColor"
+        },
+        {
+          "kind": "variable",
+          "name": "tertiaryColor",
+          "privacy": "public"
+        }
+      ],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "defaultTertiaryColor",
+          "declaration": {
+            "name": "defaultTertiaryColor",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tertiaryColor",
+          "declaration": {
+            "name": "tertiaryColor",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tertiaryPalette",
+          "declaration": {
+            "name": "tertiaryPalette",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tertiaryFillRestDelta",
+          "declaration": {
+            "name": "tertiaryFillRestDelta",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tertiaryFillHoverDelta",
+          "declaration": {
+            "name": "tertiaryFillHoverDelta",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tertiaryFillActiveDelta",
+          "declaration": {
+            "name": "tertiaryFillActiveDelta",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tertiaryFillFocusDelta",
+          "declaration": {
+            "name": "tertiaryFillFocusDelta",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tertiaryForegroundRestDelta",
+          "declaration": {
+            "name": "tertiaryForegroundRestDelta",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tertiaryForegroundHoverDelta",
+          "declaration": {
+            "name": "tertiaryForegroundHoverDelta",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tertiaryForegroundActiveDelta",
+          "declaration": {
+            "name": "tertiaryForegroundActiveDelta",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tertiaryForegroundFocusDelta",
+          "declaration": {
+            "name": "tertiaryForegroundFocusDelta",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tertiaryFillRecipe",
+          "declaration": {
+            "name": "tertiaryFillRecipe",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tertiaryFillRest",
+          "declaration": {
+            "name": "tertiaryFillRest",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tertiaryFillHover",
+          "declaration": {
+            "name": "tertiaryFillHover",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tertiaryFillActive",
+          "declaration": {
+            "name": "tertiaryFillActive",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tertiaryFillFocus",
+          "declaration": {
+            "name": "tertiaryFillFocus",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnTertiaryRecipe",
+          "declaration": {
+            "name": "foregroundOnTertiaryRecipe",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnTertiaryRest",
+          "declaration": {
+            "name": "foregroundOnTertiaryRest",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnTertiaryHover",
+          "declaration": {
+            "name": "foregroundOnTertiaryHover",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnTertiaryActive",
+          "declaration": {
+            "name": "foregroundOnTertiaryActive",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnTertiaryFocus",
+          "declaration": {
+            "name": "foregroundOnTertiaryFocus",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnTertiaryLargeRecipe",
+          "declaration": {
+            "name": "foregroundOnTertiaryLargeRecipe",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnTertiaryRestLarge",
+          "declaration": {
+            "name": "foregroundOnTertiaryRestLarge",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnTertiaryHoverLarge",
+          "declaration": {
+            "name": "foregroundOnTertiaryHoverLarge",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnTertiaryActiveLarge",
+          "declaration": {
+            "name": "foregroundOnTertiaryActiveLarge",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnTertiaryFocusLarge",
+          "declaration": {
+            "name": "foregroundOnTertiaryFocusLarge",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tertiaryForegroundRecipe",
+          "declaration": {
+            "name": "tertiaryForegroundRecipe",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tertiaryForegroundRest",
+          "declaration": {
+            "name": "tertiaryForegroundRest",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tertiaryForegroundHover",
+          "declaration": {
+            "name": "tertiaryForegroundHover",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tertiaryForegroundActive",
+          "declaration": {
+            "name": "tertiaryForegroundActive",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tertiaryForegroundFocus",
+          "declaration": {
+            "name": "tertiaryForegroundFocus",
+            "module": "src/_config/tokens/tertiary-palette.ts"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "src/_config/tokens/warning-palette.ts",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "warningPalette",
+          "declaration": {
+            "name": "warningPalette",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "warningFillRestDelta",
+          "declaration": {
+            "name": "warningFillRestDelta",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "warningFillHoverDelta",
+          "declaration": {
+            "name": "warningFillHoverDelta",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "warningFillActiveDelta",
+          "declaration": {
+            "name": "warningFillActiveDelta",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "warningFillFocusDelta",
+          "declaration": {
+            "name": "warningFillFocusDelta",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "warningForegroundRestDelta",
+          "declaration": {
+            "name": "warningForegroundRestDelta",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "warningForegroundHoverDelta",
+          "declaration": {
+            "name": "warningForegroundHoverDelta",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "warningForegroundActiveDelta",
+          "declaration": {
+            "name": "warningForegroundActiveDelta",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "warningForegroundFocusDelta",
+          "declaration": {
+            "name": "warningForegroundFocusDelta",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "warningFillRecipe",
+          "declaration": {
+            "name": "warningFillRecipe",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "warningFillRest",
+          "declaration": {
+            "name": "warningFillRest",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "warningFillHover",
+          "declaration": {
+            "name": "warningFillHover",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "warningFillActive",
+          "declaration": {
+            "name": "warningFillActive",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "warningFillFocus",
+          "declaration": {
+            "name": "warningFillFocus",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnWarningRecipe",
+          "declaration": {
+            "name": "foregroundOnWarningRecipe",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnWarningRest",
+          "declaration": {
+            "name": "foregroundOnWarningRest",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnWarningHover",
+          "declaration": {
+            "name": "foregroundOnWarningHover",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnWarningActive",
+          "declaration": {
+            "name": "foregroundOnWarningActive",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnWarningFocus",
+          "declaration": {
+            "name": "foregroundOnWarningFocus",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnWarningLargeRecipe",
+          "declaration": {
+            "name": "foregroundOnWarningLargeRecipe",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnWarningRestLarge",
+          "declaration": {
+            "name": "foregroundOnWarningRestLarge",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnWarningHoverLarge",
+          "declaration": {
+            "name": "foregroundOnWarningHoverLarge",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnWarningActiveLarge",
+          "declaration": {
+            "name": "foregroundOnWarningActiveLarge",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "foregroundOnWarningFocusLarge",
+          "declaration": {
+            "name": "foregroundOnWarningFocusLarge",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "warningForegroundRecipe",
+          "declaration": {
+            "name": "warningForegroundRecipe",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "warningForegroundRest",
+          "declaration": {
+            "name": "warningForegroundRest",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "warningForegroundHover",
+          "declaration": {
+            "name": "warningForegroundHover",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "warningForegroundActive",
+          "declaration": {
+            "name": "warningForegroundActive",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "warningForegroundFocus",
+          "declaration": {
+            "name": "warningForegroundFocus",
+            "module": "src/_config/tokens/warning-palette.ts"
+          }
         }
       ]
     },
@@ -42664,6 +44038,26 @@
           "kind": "variable",
           "name": "neutralPaletteValue"
         },
+        {
+          "kind": "variable",
+          "name": "secondaryPaletteValue"
+        },
+        {
+          "kind": "variable",
+          "name": "tertiaryPaletteValue"
+        },
+        {
+          "kind": "variable",
+          "name": "errorPaletteValue"
+        },
+        {
+          "kind": "variable",
+          "name": "successPaletteValue"
+        },
+        {
+          "kind": "variable",
+          "name": "warningPaletteValue"
+        },
         {
           "kind": "variable",
           "name": "baseLayerLuminanceValue"
@@ -42926,6 +44320,46 @@
             "module": "src/_config/values/color.ts"
           }
         },
+        {
+          "kind": "js",
+          "name": "secondaryPaletteValue",
+          "declaration": {
+            "name": "secondaryPaletteValue",
+            "module": "src/_config/values/color.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "tertiaryPaletteValue",
+          "declaration": {
+            "name": "tertiaryPaletteValue",
+            "module": "src/_config/values/color.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "errorPaletteValue",
+          "declaration": {
+            "name": "errorPaletteValue",
+            "module": "src/_config/values/color.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "successPaletteValue",
+          "declaration": {
+            "name": "successPaletteValue",
+            "module": "src/_config/values/color.ts"
+          }
+        },
+        {
+          "kind": "js",
+          "name": "warningPaletteValue",
+          "declaration": {
+            "name": "warningPaletteValue",
+            "module": "src/_config/values/color.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "baseLayerLuminanceValue",
@@ -43186,7 +44620,7 @@
           "type": {
             "text": "DesignTokensConfig"
           },
-          "default": "{\n  design_tokens: {\n    color: {\n      accent: {\n        $value: accentPaletteValue.source.toColorString(),\n        $type: 'color',\n      },\n      neutral: {\n        $value: neutralPaletteValue.source.toColorString(),\n        $type: 'color',\n      },\n    },\n    fontFamily: {\n      bodyFont: {\n        $value: bodyFontValue,\n        $type: 'fontFamily',\n      },\n    },\n    typography: {\n      baseFontSize: {\n        $value: typeRampBaseFontSizeValue,\n        $type: 'dimension',\n      },\n      baseLineHeight: {\n        $value: typeRampBaseLineHeightValue,\n        $type: 'dimension',\n      },\n    },\n    mode: {\n      luminance: {\n        $value: baseLayerLuminanceValue,\n        $type: 'number',\n      },\n    },\n    style: {\n      density: {\n        $value: densityValue,\n        $type: 'number',\n      },\n      baseHeightMultiplier: {\n        $value: baseHeightMultiplierValue,\n        $type: 'number',\n      },\n      borderRadius: {\n        $value: controlCornerRadiusValue,\n        $type: 'number',\n      },\n      strokeWidth: {\n        $value: strokeWidthValue,\n        $type: 'number',\n      },\n    },\n    space: {\n      designUnit: {\n        $value: designUnitValue,\n        $type: 'number',\n      },\n    },\n  },\n}"
+          "default": "{\n  design_tokens: {\n    color: {\n      accent: {\n        $value: accentPaletteValue.source.toColorString(),\n        $type: 'color',\n      },\n      neutral: {\n        $value: neutralPaletteValue.source.toColorString(),\n        $type: 'color',\n      },\n      secondary: {\n        $value: secondaryPaletteValue.source.toColorString(),\n        $type: 'color',\n      },\n      tertiary: {\n        $value: tertiaryPaletteValue.source.toColorString(),\n        $type: 'color',\n      },\n      error: {\n        $value: errorPaletteValue.source.toColorString(),\n        $type: 'color',\n      },\n      success: {\n        $value: successPaletteValue.source.toColorString(),\n        $type: 'color',\n      },\n      warning: {\n        $value: warningPaletteValue.source.toColorString(),\n        $type: 'color',\n      },\n    },\n    fontFamily: {\n      bodyFont: {\n        $value: bodyFontValue,\n        $type: 'fontFamily',\n      },\n    },\n    typography: {\n      baseFontSize: {\n        $value: typeRampBaseFontSizeValue,\n        $type: 'dimension',\n      },\n      baseLineHeight: {\n        $value: typeRampBaseLineHeightValue,\n        $type: 'dimension',\n      },\n    },\n    mode: {\n      luminance: {\n        $value: baseLayerLuminanceValue,\n        $type: 'number',\n      },\n    },\n    style: {\n      density: {\n        $value: densityValue,\n        $type: 'number',\n      },\n      baseHeightMultiplier: {\n        $value: baseHeightMultiplierValue,\n        $type: 'number',\n      },\n      borderRadius: {\n        $value: controlCornerRadiusValue,\n        $type: 'number',\n      },\n      strokeWidth: {\n        $value: strokeWidthValue,\n        $type: 'number',\n      },\n    },\n    space: {\n      designUnit: {\n        $value: designUnitValue,\n        $type: 'number',\n      },\n    },\n  },\n}"
         }
       ],
       "exports": [