@servicetitan/anvil2 1.26.1 → 1.27.0

package/dist/token.js

@@ -41,21 +41,21 @@ const BackgroundColorStrongest = {
   }
 };
 const BackgroundColorPrimary = {
-  value: "#0265dc",
+  value: "#0265DC",
   attributes: {
     appearance: {
       dark: {
-        value: "#78bbfa"
+        value: "#78BBFA"
       }
     }
   }
 };
 const BackgroundColorPrimarySubdued = {
-  value: "#e0f2ff",
+  value: "#E0F2FF",
   attributes: {
     appearance: {
       dark: {
-        value: "#78bbfa33"
+        value: "#78BBFA33"
       }
     }
   }
@@ -70,6 +70,16 @@ const BackgroundColorDanger = {
     }
   }
 };
+const BackgroundColorDangerSubdued = {
+  value: "#ffece9",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f33"
+      }
+    }
+  }
+};
 const BackgroundColorWarning = {
   value: "#ffbe00",
   attributes: {
@@ -150,11 +160,11 @@ const BorderColorStrong = {
   }
 };
 const BorderColorPrimary = {
-  value: "#0265dc",
+  value: "#0265DC",
   attributes: {
     appearance: {
       dark: {
-        value: "#78bbfa"
+        value: "#78BBFA"
       }
     }
   }
@@ -170,11 +180,11 @@ const BorderColorDanger = {
   }
 };
 const FocusRingColor = {
-  value: "#0265dc",
+  value: "#0265DC",
   attributes: {
     appearance: {
       dark: {
-        value: "#78bbfa"
+        value: "#78BBFA"
       }
     }
   }
@@ -211,11 +221,11 @@ const ForegroundColorSubdued = {
   }
 };
 const ForegroundColorPrimary = {
-  value: "#0265dc",
+  value: "#0265DC",
   attributes: {
     appearance: {
       dark: {
-        value: "#78bbfa"
+        value: "#78BBFA"
       }
     }
   }
@@ -260,6 +270,16 @@ const ForegroundColorOnDanger = {
     }
   }
 };
+const ForegroundColorOnDangerSubdued = {
+  value: "#bf2a00",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff"
+      }
+    }
+  }
+};
 const ForegroundColorOnWarning = {
   value: "#141414",
   attributes: {
@@ -275,7 +295,7 @@ const ForegroundColorActivePrimary = {
   attributes: {
     appearance: {
       dark: {
-        value: "#b5deff"
+        value: "#B5DEFF"
       }
     }
   }
@@ -295,7 +315,7 @@ const ForegroundColorHoverPrimary = {
   attributes: {
     appearance: {
       dark: {
-        value: "#b5deff"
+        value: "#B5DEFF"
       }
     }
   }
@@ -321,21 +341,21 @@ const OverlayColorActive = {
   }
 };
 const OverlayColorActivePrimary = {
-  value: "#0265dc4D",
+  value: "#0265DC4D",
   attributes: {
     appearance: {
       dark: {
-        value: "#78bbfa40"
+        value: "#78BBFA40"
       }
     }
   }
 };
 const OverlayColorActiveDanger = {
-  value: "#e132122E",
+  value: "#e132124D",
   attributes: {
     appearance: {
       dark: {
-        value: "#ff745f40"
+        value: "#f94d3240"
       }
     }
   }
@@ -381,21 +401,21 @@ const OverlayColorHover = {
   }
 };
 const OverlayColorHoverPrimary = {
-  value: "#0265dc1A",
+  value: "#0265DC1A",
   attributes: {
     appearance: {
       dark: {
-        value: "#78bbfa1A"
+        value: "#78BBFA1A"
       }
     }
   }
 };
 const OverlayColorHoverDanger = {
-  value: "#e132120F",
+  value: "#e132121A",
   attributes: {
     appearance: {
       dark: {
-        value: "#ff745f1A"
+        value: "#f94d3226"
       }
     }
   }
@@ -444,11 +464,11 @@ const ShadowSizeFlat = { value: "0rem 0rem 0rem" };
 const ShadowSizeFloat = { value: "0rem 0.125rem 0.5rem" };
 const ShadowSizeOverlay = { value: "0rem 0.5rem 1.5rem" };
 const StatusColorInfo = {
-  value: "#0265dc",
+  value: "#0265DC",
   attributes: {
     appearance: {
       dark: {
-        value: "#78bbfa"
+        value: "#78BBFA"
       }
     }
   }
@@ -464,11 +484,11 @@ const StatusColorDanger = {
   }
 };
 const StatusColorSuccess = {
-  value: "#007a4d",
+  value: "#007A4D",
   attributes: {
     appearance: {
       dark: {
-        value: "#49cc93"
+        value: "#49CC93"
       }
     }
   }
@@ -509,6 +529,7 @@ const semantic = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
   BackgroundColor,
   BackgroundColorDanger,
+  BackgroundColorDangerSubdued,
   BackgroundColorDisabled,
   BackgroundColorInverted,
   BackgroundColorInvertedStrong,
@@ -543,6 +564,7 @@ const semantic = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   ForegroundColorHoverPrimary,
   ForegroundColorInverted,
   ForegroundColorOnDanger,
+  ForegroundColorOnDangerSubdued,
   ForegroundColorOnPrimary,
   ForegroundColorOnWarning,
   ForegroundColorPrimary,
@@ -590,10 +612,730 @@ const semantic = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   TypographyParagraphSizeXsmall
 }, Symbol.toStringTag, { value: 'Module' }));
 
+const ButtonPrimaryForegroundColor = {
+  value: "#ffffff",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#141414"
+      }
+    }
+  }
+};
+const ButtonPrimaryForegroundColorHover = {
+  value: "#ffffff",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#141414"
+      }
+    }
+  }
+};
+const ButtonPrimaryForegroundColorActive = {
+  value: "#ffffff",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#141414"
+      }
+    }
+  }
+};
+const ButtonPrimaryBackgroundColor = {
+  value: "#0265DC",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#78BBFA"
+      }
+    }
+  }
+};
+const ButtonPrimaryBackgroundColorHover = {
+  value: "#0655b4ff",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#8ec6fbff"
+      }
+    }
+  }
+};
+const ButtonPrimaryBackgroundColorActive = {
+  value: "#09458cff",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#68a0d5ff"
+      }
+    }
+  }
+};
+const ButtonPrimaryBorderColor = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+const ButtonPrimaryBorderRadius = { value: "0.375rem" };
+const ButtonPrimaryFocusRingColor = {
+  value: "#0265DC",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#78BBFA"
+      }
+    }
+  }
+};
+const ButtonSecondaryForegroundColor = {
+  value: "#141414",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff"
+      }
+    }
+  }
+};
+const ButtonSecondaryForegroundColorHover = {
+  value: "#141414",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff"
+      }
+    }
+  }
+};
+const ButtonSecondaryForegroundColorActive = {
+  value: "#141414",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff"
+      }
+    }
+  }
+};
+const ButtonSecondaryBackgroundColor = {
+  value: "#0404040f",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff0f"
+      }
+    }
+  }
+};
+const ButtonSecondaryBackgroundColorHover = {
+  value: "#05050522",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff22"
+      }
+    }
+  }
+};
+const ButtonSecondaryBackgroundColorActive = {
+  value: "#07070735",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff35"
+      }
+    }
+  }
+};
+const ButtonSecondaryBorderColor = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+const ButtonSecondaryBorderRadius = { value: "0.375rem" };
+const ButtonSecondaryFocusRingColor = {
+  value: "#0265DC",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#78BBFA"
+      }
+    }
+  }
+};
+const ButtonGhostForegroundColor = {
+  value: "#141414",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff"
+      }
+    }
+  }
+};
+const ButtonGhostForegroundColorHover = {
+  value: "#141414",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff"
+      }
+    }
+  }
+};
+const ButtonGhostForegroundColorActive = {
+  value: "#141414",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff"
+      }
+    }
+  }
+};
+const ButtonGhostBackgroundColor = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+const ButtonGhostBackgroundColorHover = {
+  value: "#14141414",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff14"
+      }
+    }
+  }
+};
+const ButtonGhostBackgroundColorActive = {
+  value: "#14141429",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff29"
+      }
+    }
+  }
+};
+const ButtonGhostBorderColor = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+const ButtonGhostBorderRadius = { value: "0.375rem" };
+const ButtonGhostFocusRingColor = {
+  value: "#0265DC",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#78BBFA"
+      }
+    }
+  }
+};
+const ButtonDangerPrimaryForegroundColor = {
+  value: "#ffffff",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#141414"
+      }
+    }
+  }
+};
+const ButtonDangerPrimaryForegroundColorHover = {
+  value: "#ffffff",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#141414"
+      }
+    }
+  }
+};
+const ButtonDangerPrimaryForegroundColorActive = {
+  value: "#ffffff",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#141414"
+      }
+    }
+  }
+};
+const ButtonDangerPrimaryBackgroundColor = {
+  value: "#e13212",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f"
+      }
+    }
+  }
+};
+const ButtonDangerPrimaryBackgroundColorHover = {
+  value: "#b82c12ff",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff8a79ff"
+      }
+    }
+  }
+};
+const ButtonDangerPrimaryBackgroundColorActive = {
+  value: "#8f2613ff",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#d96553ff"
+      }
+    }
+  }
+};
+const ButtonDangerPrimaryBorderColor = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+const ButtonDangerPrimaryBorderRadius = { value: "0.375rem" };
+const ButtonDangerPrimaryFocusRingColor = {
+  value: "#e13212",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f"
+      }
+    }
+  }
+};
+const ButtonDangerSecondaryForegroundColor = {
+  value: "#bf2a00",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff"
+      }
+    }
+  }
+};
+const ButtonDangerSecondaryForegroundColorHover = {
+  value: "#bf2a00",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f"
+      }
+    }
+  }
+};
+const ButtonDangerSecondaryForegroundColorActive = {
+  value: "#bf2a00",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f"
+      }
+    }
+  }
+};
+const ButtonDangerSecondaryBackgroundColor = {
+  value: "#ffece9",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f33"
+      }
+    }
+  }
+};
+const ButtonDangerSecondaryBackgroundColorHover = {
+  value: "#fcd9d4ff",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#fe6e5852"
+      }
+    }
+  }
+};
+const ButtonDangerSecondaryBackgroundColorActive = {
+  value: "#f6b4a9ff",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#fe6a5466"
+      }
+    }
+  }
+};
+const ButtonDangerSecondaryBorderColor = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+const ButtonDangerSecondaryBorderRadius = { value: "0.375rem" };
+const ButtonDangerSecondaryFocusRingColor = {
+  value: "#e13212",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f"
+      }
+    }
+  }
+};
+const CheckboxUncheckedFillColorDefault = {
+  value: "#141414",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff"
+      }
+    }
+  }
+};
+const CheckboxUncheckedFillColorHover = {
+  value: "#141414",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff"
+      }
+    }
+  }
+};
+const CheckboxUncheckedFillColorActive = {
+  value: "#141414",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff"
+      }
+    }
+  }
+};
+const CheckboxUncheckedBackgroundColorDefault = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+const CheckboxUncheckedBackgroundColorHover = {
+  value: "#14141414",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff14"
+      }
+    }
+  }
+};
+const CheckboxUncheckedBackgroundColorActive = {
+  value: "#14141429",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff29"
+      }
+    }
+  }
+};
+const CheckboxCheckedFillColorDefault = {
+  value: "#0265DC",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#78BBFA"
+      }
+    }
+  }
+};
+const CheckboxCheckedFillColorHover = {
+  value: "#004ba0d1",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#abd8feda"
+      }
+    }
+  }
+};
+const CheckboxCheckedFillColorActive = {
+  value: "#0151afb8",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#abd8fee0"
+      }
+    }
+  }
+};
+const CheckboxCheckedBackgroundColorDefault = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+const CheckboxCheckedBackgroundColorHover = {
+  value: "#0265dc14",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#78bbfa14"
+      }
+    }
+  }
+};
+const CheckboxCheckedBackgroundColorActive = {
+  value: "#0265dc29",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#78bbfa29"
+      }
+    }
+  }
+};
+const CheckboxUncheckedErrorFillColorDefault = {
+  value: "#e13212",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f"
+      }
+    }
+  }
+};
+const CheckboxUncheckedErrorFillColorHover = {
+  value: "#bf2a00",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f"
+      }
+    }
+  }
+};
+const CheckboxUncheckedErrorFillColorActive = {
+  value: "#bf2a00",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f"
+      }
+    }
+  }
+};
+const CheckboxUncheckedErrorBackgroundColorDefault = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+const CheckboxUncheckedErrorBackgroundColorHover = {
+  value: "#e132120f",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#f94d321a"
+      }
+    }
+  }
+};
+const CheckboxUncheckedErrorBackgroundColorActive = {
+  value: "#e132122e",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#f94d3240"
+      }
+    }
+  }
+};
+const CheckboxCheckedErrorFillColorDefault = {
+  value: "#e13212",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f"
+      }
+    }
+  }
+};
+const CheckboxCheckedErrorFillColorHover = {
+  value: "#bf2a00",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f"
+      }
+    }
+  }
+};
+const CheckboxCheckedErrorFillColorActive = {
+  value: "#bf2a00",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f"
+      }
+    }
+  }
+};
+const CheckboxCheckedErrorBackgroundColorDefault = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+const CheckboxCheckedErrorBackgroundColorHover = {
+  value: "#e132120f",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#f94d321a"
+      }
+    }
+  }
+};
+const CheckboxCheckedErrorBackgroundColorActive = {
+  value: "#e132122e",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#f94d3240"
+      }
+    }
+  }
+};
+
+const component = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+  __proto__: null,
+  ButtonDangerPrimaryBackgroundColor,
+  ButtonDangerPrimaryBackgroundColorActive,
+  ButtonDangerPrimaryBackgroundColorHover,
+  ButtonDangerPrimaryBorderColor,
+  ButtonDangerPrimaryBorderRadius,
+  ButtonDangerPrimaryFocusRingColor,
+  ButtonDangerPrimaryForegroundColor,
+  ButtonDangerPrimaryForegroundColorActive,
+  ButtonDangerPrimaryForegroundColorHover,
+  ButtonDangerSecondaryBackgroundColor,
+  ButtonDangerSecondaryBackgroundColorActive,
+  ButtonDangerSecondaryBackgroundColorHover,
+  ButtonDangerSecondaryBorderColor,
+  ButtonDangerSecondaryBorderRadius,
+  ButtonDangerSecondaryFocusRingColor,
+  ButtonDangerSecondaryForegroundColor,
+  ButtonDangerSecondaryForegroundColorActive,
+  ButtonDangerSecondaryForegroundColorHover,
+  ButtonGhostBackgroundColor,
+  ButtonGhostBackgroundColorActive,
+  ButtonGhostBackgroundColorHover,
+  ButtonGhostBorderColor,
+  ButtonGhostBorderRadius,
+  ButtonGhostFocusRingColor,
+  ButtonGhostForegroundColor,
+  ButtonGhostForegroundColorActive,
+  ButtonGhostForegroundColorHover,
+  ButtonPrimaryBackgroundColor,
+  ButtonPrimaryBackgroundColorActive,
+  ButtonPrimaryBackgroundColorHover,
+  ButtonPrimaryBorderColor,
+  ButtonPrimaryBorderRadius,
+  ButtonPrimaryFocusRingColor,
+  ButtonPrimaryForegroundColor,
+  ButtonPrimaryForegroundColorActive,
+  ButtonPrimaryForegroundColorHover,
+  ButtonSecondaryBackgroundColor,
+  ButtonSecondaryBackgroundColorActive,
+  ButtonSecondaryBackgroundColorHover,
+  ButtonSecondaryBorderColor,
+  ButtonSecondaryBorderRadius,
+  ButtonSecondaryFocusRingColor,
+  ButtonSecondaryForegroundColor,
+  ButtonSecondaryForegroundColorActive,
+  ButtonSecondaryForegroundColorHover,
+  CheckboxCheckedBackgroundColorActive,
+  CheckboxCheckedBackgroundColorDefault,
+  CheckboxCheckedBackgroundColorHover,
+  CheckboxCheckedErrorBackgroundColorActive,
+  CheckboxCheckedErrorBackgroundColorDefault,
+  CheckboxCheckedErrorBackgroundColorHover,
+  CheckboxCheckedErrorFillColorActive,
+  CheckboxCheckedErrorFillColorDefault,
+  CheckboxCheckedErrorFillColorHover,
+  CheckboxCheckedFillColorActive,
+  CheckboxCheckedFillColorDefault,
+  CheckboxCheckedFillColorHover,
+  CheckboxUncheckedBackgroundColorActive,
+  CheckboxUncheckedBackgroundColorDefault,
+  CheckboxUncheckedBackgroundColorHover,
+  CheckboxUncheckedErrorBackgroundColorActive,
+  CheckboxUncheckedErrorBackgroundColorDefault,
+  CheckboxUncheckedErrorBackgroundColorHover,
+  CheckboxUncheckedErrorFillColorActive,
+  CheckboxUncheckedErrorFillColorDefault,
+  CheckboxUncheckedErrorFillColorHover,
+  CheckboxUncheckedFillColorActive,
+  CheckboxUncheckedFillColorDefault,
+  CheckboxUncheckedFillColorHover
+}, Symbol.toStringTag, { value: 'Module' }));
+
 const name = 'core';
 
 const index = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
+  component,
   name,
   primitive,
   semantic