@servicetitan/anvil2 3.13.7 → 3.14.0

package/dist/token/core/component.js

@@ -2533,6 +2533,1024 @@ 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: "#c4c4c4",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#707070"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ * @description non-interactive
+ */
+export const ChipDefaultBorderColor = {
+  value: "#eeeeee",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#404040"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipDefaultBorderColorHover = {
+  value: "#c4c4c4",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#e5e5e5"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipDefaultBorderColorActive = {
+  value: "#a8a8a8",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#dfdfdf"
+      }
+    }
+  }
+};
+/**
+ * @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: "#1d4ca3"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ * @description call-out
+ */
+export const ChipInfoBorderColor = {
+  value: "#9ecaff",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#000b19"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipInfoBorderColorHover = {
+  value: "#70b1ff",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#002047"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipInfoBorderColorActive = {
+  value: "#3d95ff",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#003472"
+      }
+    }
+  }
+};
+/**
+ * @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: "#3be3a2",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#05613e"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipSuccessBorderColor = {
+  value: "#70ebbc",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#010f0a"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipSuccessBorderColorHover = {
+  value: "#3be3a2",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#022c1c"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipSuccessBorderColorActive = {
+  value: "#0bd085",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#04482e"
+      }
+    }
+  }
+};
+/**
+ * @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: "#ffe278",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#c98600"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipWarningBorderColor = {
+  value: "#fff0b1",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#191100"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipWarningBorderColorHover = {
+  value: "#ffe278",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#382500"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipWarningBorderColorActive = {
+  value: "#ffc902",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#704b00"
+      }
+    }
+  }
+};
+/**
+ * @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: "#ffac9e",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#a31900"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipDangerBorderColor = {
+  value: "#ffd4cc",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#0a0200"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipDangerBorderColorHover = {
+  value: "#ffac9e",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#470b00"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipDangerBorderColorActive = {
+  value: "#ff8670",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#731100"
+      }
+    }
+  }
+};
+/**
+ * @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: "#7fe5f6",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#075563"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipInProgressBorderColor = {
+  value: "#c2f2fb",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#011013"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipInProgressBorderColorHover = {
+  value: "#7fe5f6",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#032025"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipInProgressBorderColorActive = {
+  value: "#45d8f2",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#05424d"
+      }
+    }
+  }
+};
+/**
+ * @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: "#99b1c2",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#344856"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipTableEntityBorderColor = {
+  value: "#b9c9d5",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#090d10"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipTableEntityBorderColorHover = {
+  value: "#99b1c2",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#192329"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipTableEntityBorderColorActive = {
+  value: "#7899b0",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#24333d"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipBrownBackgroundColor = {
+  value: "#eddace",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#1e120b"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipBrownBackgroundColorHover = {
+  value: "#eddace",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#432918"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipBrownBackgroundColorActive = {
+  value: "#eddace",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#5e3922"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipBrownBorderColor = {
+  value: "#e1c1ad",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#0c0704"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipBrownBorderColorHover = {
+  value: "#d4a487",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#1e120b"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipBrownBorderColorActive = {
+  value: "#c5855e",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#432918"
+      }
+    }
+  }
+};
+/**
+ * @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: "#a8c26a",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#3a5007"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipLimeBorderColor = {
+  value: "#c3d595",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#0a0f01"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipLimeBorderColorHover = {
+  value: "#a8c26a",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#111801"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipLimeBorderColorActive = {
+  value: "#8aad39",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#2a3a03"
+      }
+    }
+  }
+};
+/**
+ * @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: "#e892cc",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#831b60"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipMagentaBorderColor = {
+  value: "#efb3db",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#15040f"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipMagentaBorderColorHover = {
+  value: "#e892cc",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#26081c"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipMagentaBorderColorActive = {
+  value: "#eb61be",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#591342"
+      }
+    }
+  }
+};
+/**
+ * @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: "#ffd1c2",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#d27151"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipMauveBorderColor = {
+  value: "#fff4f0",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#200e08"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipMauveBorderColorHover = {
+  value: "#ffe4db",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#411d11"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipMauveBorderColorActive = {
+  value: "#ffd1c2",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#823a21"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipOrangeBackgroundColor = {
+  value: "#ffddb7",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#2e1900"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipOrangeBackgroundColorHover = {
+  value: "#ffddb7",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#4d2800"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipOrangeBackgroundColorActive = {
+  value: "#ffddb7",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#693700"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipOrangeBorderColor = {
+  value: "#ffc07a",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#140b00"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipOrangeBorderColorHover = {
+  value: "#ffa037",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#2e1900"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipOrangeBorderColorActive = {
+  value: "#e37700",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#4d2800"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipPurpleBackgroundColor = {
+  value: "#e7e4f6",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#191338"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipPurpleBackgroundColorHover = {
+  value: "#e7e4f6",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#2e2267"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipPurpleBackgroundColorActive = {
+  value: "#e7e4f6",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#3f2f8e"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipPurpleBorderColor = {
+  value: "#c9c2eb",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#100c25"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipPurpleBorderColorHover = {
+  value: "#b1a7e2",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#191338"
+      }
+    }
+  }
+};
+/**
+ * @type {TokenWithAppearance}
+ */
+export const ChipPurpleBorderColorActive = {
+  value: "#9688d7",
+  extensions: {
+    appearance: {
+      dark: {
+        value: "#2e2267"
+      }
+    }
+  }
+};
 /**
  * @type {TokenWithAppearance}
  */