@servicetitan/anvil2 3.13.7 → 3.14.1

package/dist/token/core/component.js

@@ -2533,6 +2533,1531 @@ export const ChipCloseBackgroundColorActive = {
     }
   }
 };
+/**
+ * @type {TokenWithAppearance}
+ * @description non-interactive
+ */
+export const ChipDefaultBackgroundColor = {
+  value: "#f9f9f9",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#292929"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipDefaultBackgroundColorHover = {
+  value: "#eeeeee",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#404040"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipDefaultBackgroundColorActive = {
+  value: "#eeeeee",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#404040"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ * @description non-interactive
+ */
+export const ChipDefaultBorderColor = {
+  value: "#eeeeee",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#545454"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipDefaultBorderColorHover = {
+  value: "#c4c4c4",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#707070"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipDefaultBorderColorActive = {
+  value: "#a8a8a8",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#8b8b8b"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipDefaultForegroundColor = {
+  value: "#040404",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#f6f6f6"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipDefaultForegroundColorHover = {
+  value: "#040404",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#f6f6f6"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipDefaultForegroundColorActive = {
+  value: "#040404",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#040404"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ * @description call-out
+ */
+export const ChipInfoBackgroundColor = {
+  value: "#cce3ff",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#002047"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipInfoBackgroundColorHover = {
+  value: "#9ecaff",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#003472"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipInfoBackgroundColorActive = {
+  value: "#9ecaff",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#003472"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ * @description call-out
+ */
+export const ChipInfoBorderColor = {
+  value: "#9ecaff",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#1d4ca3"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipInfoBorderColorHover = {
+  value: "#70b1ff",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#0265dc"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipInfoBorderColorActive = {
+  value: "#3d95ff",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#1a82ff"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipInfoForegroundColor = {
+  value: "#002047",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#fafcff"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipInfoForegroundColorHover = {
+  value: "#002047",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#fafcff"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipInfoForegroundColorActive = {
+  value: "#000b19",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#040404"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipSuccessBackgroundColor = {
+  value: "#b8f5dd",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#022c1c"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipSuccessBackgroundColorHover = {
+  value: "#70ebbc",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#04482e"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipSuccessBackgroundColorActive = {
+  value: "#70ebbc",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#04482e"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipSuccessBorderColor = {
+  value: "#70ebbc",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#05613e"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipSuccessBorderColorHover = {
+  value: "#3be3a2",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#077e50"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipSuccessBorderColorActive = {
+  value: "#0bd085",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#0aa86c"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipSuccessForegroundColor = {
+  value: "#022c1c",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#f5fefb"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipSuccessForegroundColorHover = {
+  value: "#022c1c",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#f5fefb"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipSuccessForegroundColorActive = {
+  value: "#010f0a",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#040404"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipWarningBackgroundColor = {
+  value: "#fff9e2",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#382500"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipWarningBackgroundColorHover = {
+  value: "#fff0b1",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#704b00"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipWarningBackgroundColorActive = {
+  value: "#fff0b1",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#704b00"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipWarningBorderColor = {
+  value: "#fff0b1",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#704b00"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipWarningBorderColorHover = {
+  value: "#ffe278",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#c98600"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipWarningBorderColorActive = {
+  value: "#ffc902",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#de9500"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipWarningForegroundColor = {
+  value: "#382500",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#fffef8"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipWarningForegroundColorHover = {
+  value: "#382500",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#fffef8"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipWarningForegroundColorActive = {
+  value: "#191100",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#040404"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipDangerBackgroundColor = {
+  value: "#ffe9e5",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#470b00"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipDangerBackgroundColorHover = {
+  value: "#ffd4cc",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#731100"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipDangerBackgroundColorActive = {
+  value: "#ffd4cc",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#731100"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipDangerBorderColor = {
+  value: "#ffd4cc",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#a31900"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipDangerBorderColorHover = {
+  value: "#ffac9e",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#d62100"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipDangerBorderColorActive = {
+  value: "#ff8670",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#ff3914"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipDangerForegroundColor = {
+  value: "#470b00",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#fffbfa"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipDangerForegroundColorHover = {
+  value: "#470b00",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#fffbfa"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipDangerForegroundColorActive = {
+  value: "#0a0200",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#040404"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipInProgressBackgroundColor = {
+  value: "#daf7fc",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#032025"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipInProgressBackgroundColorHover = {
+  value: "#c2f2fb",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#05424d"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipInProgressBackgroundColorActive = {
+  value: "#c2f2fb",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#05424d"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipInProgressBorderColor = {
+  value: "#c2f2fb",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#075563"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipInProgressBorderColorHover = {
+  value: "#7fe5f6",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#0a7a8e"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipInProgressBorderColorActive = {
+  value: "#45d8f2",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#0da2bd"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipInProgressForegroundColor = {
+  value: "#032025",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#f2fcfe"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipInProgressForegroundColorHover = {
+  value: "#032025",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#f2fcfe"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipInProgressForegroundColorActive = {
+  value: "#011013",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#040404"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipTableEntityBackgroundColor = {
+  value: "#dce4ea",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#192329"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipTableEntityBackgroundColorHover = {
+  value: "#b9c9d5",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#24333d"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipTableEntityBackgroundColorActive = {
+  value: "#b9c9d5",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#24333d"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipTableEntityBorderColor = {
+  value: "#b9c9d5",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#445e71"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipTableEntityBorderColorHover = {
+  value: "#99b1c2",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#55768e"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipTableEntityBorderColorActive = {
+  value: "#7899b0",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#7899b0"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipTableEntityForegroundColor = {
+  value: "#192329",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#f7f9fa"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipTableEntityForegroundColorHover = {
+  value: "#192329",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#f7f9fa"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipTableEntityForegroundColorActive = {
+  value: "#090d10",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#040404"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipBrownBackgroundColor = {
+  value: "#eddace",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#1e120b"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipBrownBackgroundColorHover = {
+  value: "#e1c1ad",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#432918"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipBrownBackgroundColorActive = {
+  value: "#e1c1ad",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#432918"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipBrownBorderColor = {
+  value: "#e1c1ad",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#74462a"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipBrownBorderColorHover = {
+  value: "#d4a487",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#a9663d"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipBrownBorderColorActive = {
+  value: "#c5855e",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#c5855e"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipBrownForegroundColor = {
+  value: "#1e120b",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#fefcfb"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipBrownForegroundColorHover = {
+  value: "#1e120b",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#fefcfb"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipBrownForegroundColorActive = {
+  value: "#0c0704",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#040404"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipLimeBackgroundColor = {
+  value: "#e3eccf",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#111801"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipLimeBackgroundColorHover = {
+  value: "#c3d595",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#2a3a03"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipLimeBackgroundColorActive = {
+  value: "#c3d595",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#2a3a03"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipLimeBorderColor = {
+  value: "#c3d595",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#3a5007"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipLimeBorderColorHover = {
+  value: "#a8c26a",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#56750b"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipLimeBorderColorActive = {
+  value: "#8aad39",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#6b9013"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipLimeForegroundColor = {
+  value: "#111801",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#fdfdfc"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipLimeForegroundColorHover = {
+  value: "#111801",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#fdfdfc"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipLimeForegroundColorActive = {
+  value: "#0a0f01",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#040404"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipMagentaBackgroundColor = {
+  value: "#f8ddef",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#26081c"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipMagentaBackgroundColorHover = {
+  value: "#efb3db",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#591342"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipMagentaBackgroundColorActive = {
+  value: "#efb3db",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#591342"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipMagentaBorderColor = {
+  value: "#efb3db",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#831b60"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipMagentaBorderColorHover = {
+  value: "#e892cc",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#be288d"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipMagentaBorderColorActive = {
+  value: "#eb61be",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#d741a6"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipMagentaForegroundColor = {
+  value: "#26081c",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#fefbfd"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipMagentaForegroundColorHover = {
+  value: "#26081c",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#fefbfd"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipMagentaForegroundColorActive = {
+  value: "#15040f",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#040404"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipMauveBackgroundColor = {
+  value: "#fff4f0",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#411d11"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipMauveBackgroundColorHover = {
+  value: "#ffe4db",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#823a21"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipMauveBackgroundColorActive = {
+  value: "#ffe4db",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#823a21"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipMauveBorderColor = {
+  value: "#fff4f0",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#823a21"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipMauveBorderColorHover = {
+  value: "#ffe4db",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#d27151"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipMauveBorderColorActive = {
+  value: "#ffd1c2",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#d88569"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipMauveForegroundColor = {
+  value: "#411d11",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#fffbfa"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipMauveForegroundColorHover = {
+  value: "#411d11",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#fffbfa"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipMauveForegroundColorActive = {
+  value: "#200e08",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#040404"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipOrangeBackgroundColor = {
+  value: "#ffddb7",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#2e1900"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipOrangeBackgroundColorHover = {
+  value: "#ffc07a",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#4d2800"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipOrangeBackgroundColorActive = {
+  value: "#ffc07a",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#4d2800"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipOrangeBorderColor = {
+  value: "#ffc07a",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#693700"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipOrangeBorderColorHover = {
+  value: "#ffa037",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#964f00"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipOrangeBorderColorActive = {
+  value: "#e37700",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#c16500"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipOrangeForegroundColor = {
+  value: "#2e1900",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#fff8f1"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipOrangeForegroundColorHover = {
+  value: "#2e1900",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#fff8f1"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipOrangeForegroundColorActive = {
+  value: "#140b00",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#040404"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipPurpleBackgroundColor = {
+  value: "#e7e4f6",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#191338"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipPurpleBackgroundColorHover = {
+  value: "#c9c2eb",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#2e2267"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipPurpleBackgroundColorActive = {
+  value: "#c9c2eb",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#2e2267"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipPurpleBorderColor = {
+  value: "#c9c2eb",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#3f2f8e"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipPurpleBorderColorHover = {
+  value: "#b1a7e2",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#5c47c2"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipPurpleBorderColorActive = {
+  value: "#9688d7",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#7766cc"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipPurpleForegroundColor = {
+  value: "#191338",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#fcfbfe"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipPurpleForegroundColorHover = {
+  value: "#191338",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#fcfbfe"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipPurpleForegroundColorActive = {
+  value: "#100c25",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#040404"
+      }
+    }
+  }
+};
 /**
  * @type {TokenWithAppearance}
  */