@servicetitan/hammer-token 0.0.0-rc-20250807234739

package/build/web/core/component.js

@@ -0,0 +1,645 @@
+export const ButtonPrimaryForegroundColor = {
+  value: "#ffffff",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#141414"
+      }
+    }
+  }
+};
+export const ButtonPrimaryForegroundColorHover = {
+  value: "#ffffff",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#141414"
+      }
+    }
+  }
+};
+export const ButtonPrimaryForegroundColorActive = {
+  value: "#ffffff",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#141414"
+      }
+    }
+  }
+};
+export const ButtonPrimaryBackgroundColor = {
+  value: "#0265DC",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#78BBFA"
+      }
+    }
+  }
+};
+export const ButtonPrimaryBackgroundColorHover = {
+  value: "#0655b4ff",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#8ec6fbff"
+      }
+    }
+  }
+};
+export const ButtonPrimaryBackgroundColorActive = {
+  value: "#09458cff",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#68a0d5ff"
+      }
+    }
+  }
+};
+export const ButtonPrimaryBorderColor = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+export const ButtonPrimaryBorderRadius = { value: "0.375rem" };
+export const ButtonPrimaryFocusRingColor = {
+  value: "#0265DC",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#78BBFA"
+      }
+    }
+  }
+};
+export const ButtonSecondaryForegroundColor = {
+  value: "#141414",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff"
+      }
+    }
+  }
+};
+export const ButtonSecondaryForegroundColorHover = {
+  value: "#141414",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff"
+      }
+    }
+  }
+};
+export const ButtonSecondaryForegroundColorActive = {
+  value: "#141414",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff"
+      }
+    }
+  }
+};
+export const ButtonSecondaryBackgroundColor = {
+  value: "#0404040f",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff0f"
+      }
+    }
+  }
+};
+export const ButtonSecondaryBackgroundColorHover = {
+  value: "#05050522",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff22"
+      }
+    }
+  }
+};
+export const ButtonSecondaryBackgroundColorActive = {
+  value: "#07070735",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff35"
+      }
+    }
+  }
+};
+export const ButtonSecondaryBorderColor = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+export const ButtonSecondaryBorderRadius = { value: "0.375rem" };
+export const ButtonSecondaryFocusRingColor = {
+  value: "#0265DC",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#78BBFA"
+      }
+    }
+  }
+};
+export const ButtonGhostForegroundColor = {
+  value: "#141414",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff"
+      }
+    }
+  }
+};
+export const ButtonGhostForegroundColorHover = {
+  value: "#141414",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff"
+      }
+    }
+  }
+};
+export const ButtonGhostForegroundColorActive = {
+  value: "#141414",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff"
+      }
+    }
+  }
+};
+export const ButtonGhostBackgroundColor = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+export const ButtonGhostBackgroundColorHover = {
+  value: "#14141414",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff14"
+      }
+    }
+  }
+};
+export const ButtonGhostBackgroundColorActive = {
+  value: "#14141429",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff29"
+      }
+    }
+  }
+};
+export const ButtonGhostBorderColor = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+export const ButtonGhostBorderRadius = { value: "0.375rem" };
+export const ButtonGhostFocusRingColor = {
+  value: "#0265DC",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#78BBFA"
+      }
+    }
+  }
+};
+export const ButtonDangerPrimaryForegroundColor = {
+  value: "#ffffff",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#141414"
+      }
+    }
+  }
+};
+export const ButtonDangerPrimaryForegroundColorHover = {
+  value: "#ffffff",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#141414"
+      }
+    }
+  }
+};
+export const ButtonDangerPrimaryForegroundColorActive = {
+  value: "#ffffff",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#141414"
+      }
+    }
+  }
+};
+export const ButtonDangerPrimaryBackgroundColor = {
+  value: "#e13212",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f"
+      }
+    }
+  }
+};
+export const ButtonDangerPrimaryBackgroundColorHover = {
+  value: "#b82c12ff",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff8a79ff"
+      }
+    }
+  }
+};
+export const ButtonDangerPrimaryBackgroundColorActive = {
+  value: "#8f2613ff",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#d96553ff"
+      }
+    }
+  }
+};
+export const ButtonDangerPrimaryBorderColor = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+export const ButtonDangerPrimaryBorderRadius = { value: "0.375rem" };
+export const ButtonDangerPrimaryFocusRingColor = {
+  value: "#e13212",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f"
+      }
+    }
+  }
+};
+export const ButtonDangerSecondaryForegroundColor = {
+  value: "#bf2a00",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff"
+      }
+    }
+  }
+};
+export const ButtonDangerSecondaryForegroundColorHover = {
+  value: "#bf2a00",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f"
+      }
+    }
+  }
+};
+export const ButtonDangerSecondaryForegroundColorActive = {
+  value: "#bf2a00",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f"
+      }
+    }
+  }
+};
+export const ButtonDangerSecondaryBackgroundColor = {
+  value: "#ffece9",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f33"
+      }
+    }
+  }
+};
+export const ButtonDangerSecondaryBackgroundColorHover = {
+  value: "#fcd9d4ff",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#fe6e5852"
+      }
+    }
+  }
+};
+export const ButtonDangerSecondaryBackgroundColorActive = {
+  value: "#f6b4a9ff",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#fe6a5466"
+      }
+    }
+  }
+};
+export const ButtonDangerSecondaryBorderColor = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+export const ButtonDangerSecondaryBorderRadius = { value: "0.375rem" };
+export const ButtonDangerSecondaryFocusRingColor = {
+  value: "#e13212",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f"
+      }
+    }
+  }
+};
+export const CheckboxUncheckedFillColorDefault = {
+  value: "#141414",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff"
+      }
+    }
+  }
+};
+export const CheckboxUncheckedFillColorHover = {
+  value: "#141414",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff"
+      }
+    }
+  }
+};
+export const CheckboxUncheckedFillColorActive = {
+  value: "#141414",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff"
+      }
+    }
+  }
+};
+export const CheckboxUncheckedBackgroundColorDefault = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+export const CheckboxUncheckedBackgroundColorHover = {
+  value: "#14141414",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff14"
+      }
+    }
+  }
+};
+export const CheckboxUncheckedBackgroundColorActive = {
+  value: "#14141429",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffffff29"
+      }
+    }
+  }
+};
+export const CheckboxCheckedFillColorDefault = {
+  value: "#0265DC",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#78BBFA"
+      }
+    }
+  }
+};
+export const CheckboxCheckedFillColorHover = {
+  value: "#004ba0d1",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#abd8feda"
+      }
+    }
+  }
+};
+export const CheckboxCheckedFillColorActive = {
+  value: "#0151afb8",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#abd8fee0"
+      }
+    }
+  }
+};
+export const CheckboxCheckedBackgroundColorDefault = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+export const CheckboxCheckedBackgroundColorHover = {
+  value: "#0265dc14",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#78bbfa14"
+      }
+    }
+  }
+};
+export const CheckboxCheckedBackgroundColorActive = {
+  value: "#0265dc29",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#78bbfa29"
+      }
+    }
+  }
+};
+export const CheckboxUncheckedErrorFillColorDefault = {
+  value: "#e13212",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f"
+      }
+    }
+  }
+};
+export const CheckboxUncheckedErrorFillColorHover = {
+  value: "#bf2a00",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f"
+      }
+    }
+  }
+};
+export const CheckboxUncheckedErrorFillColorActive = {
+  value: "#bf2a00",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f"
+      }
+    }
+  }
+};
+export const CheckboxUncheckedErrorBackgroundColorDefault = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+export const CheckboxUncheckedErrorBackgroundColorHover = {
+  value: "#e132120f",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#f94d321a"
+      }
+    }
+  }
+};
+export const CheckboxUncheckedErrorBackgroundColorActive = {
+  value: "#e132122e",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#f94d3240"
+      }
+    }
+  }
+};
+export const CheckboxCheckedErrorFillColorDefault = {
+  value: "#e13212",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f"
+      }
+    }
+  }
+};
+export const CheckboxCheckedErrorFillColorHover = {
+  value: "#bf2a00",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f"
+      }
+    }
+  }
+};
+export const CheckboxCheckedErrorFillColorActive = {
+  value: "#bf2a00",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f"
+      }
+    }
+  }
+};
+export const CheckboxCheckedErrorBackgroundColorDefault = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+export const CheckboxCheckedErrorBackgroundColorHover = {
+  value: "#e132120f",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#f94d321a"
+      }
+    }
+  }
+};
+export const CheckboxCheckedErrorBackgroundColorActive = {
+  value: "#e132122e",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#f94d3240"
+      }
+    }
+  }
+};

package/build/web/core/component.scss

@@ -0,0 +1,69 @@
+$button-primary-foreground-color: var(--button-primary-foreground-color, #ffffff);
+$button-primary-foreground-color-hover: var(--button-primary-foreground-color-hover, #ffffff);
+$button-primary-foreground-color-active: var(--button-primary-foreground-color-active, #ffffff);
+$button-primary-background-color: var(--button-primary-background-color, #0265DC);
+$button-primary-background-color-hover: var(--button-primary-background-color-hover, #0655b4ff);
+$button-primary-background-color-active: var(--button-primary-background-color-active, #09458cff);
+$button-primary-border-color: var(--button-primary-border-color, transparent);
+$button-primary-border-radius: 0.375rem;
+$button-primary-focus-ring-color: var(--button-primary-focus-ring-color, #0265DC);
+$button-secondary-foreground-color: var(--button-secondary-foreground-color, #141414);
+$button-secondary-foreground-color-hover: var(--button-secondary-foreground-color-hover, #141414);
+$button-secondary-foreground-color-active: var(--button-secondary-foreground-color-active, #141414);
+$button-secondary-background-color: var(--button-secondary-background-color, #0404040f);
+$button-secondary-background-color-hover: var(--button-secondary-background-color-hover, #05050522);
+$button-secondary-background-color-active: var(--button-secondary-background-color-active, #07070735);
+$button-secondary-border-color: var(--button-secondary-border-color, transparent);
+$button-secondary-border-radius: 0.375rem;
+$button-secondary-focus-ring-color: var(--button-secondary-focus-ring-color, #0265DC);
+$button-ghost-foreground-color: var(--button-ghost-foreground-color, #141414);
+$button-ghost-foreground-color-hover: var(--button-ghost-foreground-color-hover, #141414);
+$button-ghost-foreground-color-active: var(--button-ghost-foreground-color-active, #141414);
+$button-ghost-background-color: var(--button-ghost-background-color, transparent);
+$button-ghost-background-color-hover: var(--button-ghost-background-color-hover, #14141414);
+$button-ghost-background-color-active: var(--button-ghost-background-color-active, #14141429);
+$button-ghost-border-color: var(--button-ghost-border-color, transparent);
+$button-ghost-border-radius: 0.375rem;
+$button-ghost-focus-ring-color: var(--button-ghost-focus-ring-color, #0265DC);
+$button-danger-primary-foreground-color: var(--button-danger-primary-foreground-color, #ffffff);
+$button-danger-primary-foreground-color-hover: var(--button-danger-primary-foreground-color-hover, #ffffff);
+$button-danger-primary-foreground-color-active: var(--button-danger-primary-foreground-color-active, #ffffff);
+$button-danger-primary-background-color: var(--button-danger-primary-background-color, #e13212);
+$button-danger-primary-background-color-hover: var(--button-danger-primary-background-color-hover, #b82c12ff);
+$button-danger-primary-background-color-active: var(--button-danger-primary-background-color-active, #8f2613ff);
+$button-danger-primary-border-color: var(--button-danger-primary-border-color, transparent);
+$button-danger-primary-border-radius: 0.375rem;
+$button-danger-primary-focus-ring-color: var(--button-danger-primary-focus-ring-color, #e13212);
+$button-danger-secondary-foreground-color: var(--button-danger-secondary-foreground-color, #bf2a00);
+$button-danger-secondary-foreground-color-hover: var(--button-danger-secondary-foreground-color-hover, #bf2a00);
+$button-danger-secondary-foreground-color-active: var(--button-danger-secondary-foreground-color-active, #bf2a00);
+$button-danger-secondary-background-color: var(--button-danger-secondary-background-color, #ffece9);
+$button-danger-secondary-background-color-hover: var(--button-danger-secondary-background-color-hover, #fcd9d4ff);
+$button-danger-secondary-background-color-active: var(--button-danger-secondary-background-color-active, #f6b4a9ff);
+$button-danger-secondary-border-color: var(--button-danger-secondary-border-color, transparent);
+$button-danger-secondary-border-radius: 0.375rem;
+$button-danger-secondary-focus-ring-color: var(--button-danger-secondary-focus-ring-color, #e13212);
+$checkbox-unchecked-fill-color-default: var(--checkbox-unchecked-fill-color-default, #141414);
+$checkbox-unchecked-fill-color-hover: var(--checkbox-unchecked-fill-color-hover, #141414);
+$checkbox-unchecked-fill-color-active: var(--checkbox-unchecked-fill-color-active, #141414);
+$checkbox-unchecked-background-color-default: var(--checkbox-unchecked-background-color-default, transparent);
+$checkbox-unchecked-background-color-hover: var(--checkbox-unchecked-background-color-hover, #14141414);
+$checkbox-unchecked-background-color-active: var(--checkbox-unchecked-background-color-active, #14141429);
+$checkbox-checked-fill-color-default: var(--checkbox-checked-fill-color-default, #0265DC);
+$checkbox-checked-fill-color-hover: var(--checkbox-checked-fill-color-hover, #004ba0d1);
+$checkbox-checked-fill-color-active: var(--checkbox-checked-fill-color-active, #0151afb8);
+$checkbox-checked-background-color-default: var(--checkbox-checked-background-color-default, transparent);
+$checkbox-checked-background-color-hover: var(--checkbox-checked-background-color-hover, #0265dc14);
+$checkbox-checked-background-color-active: var(--checkbox-checked-background-color-active, #0265dc29);
+$checkbox-unchecked-error-fill-color-default: var(--checkbox-unchecked-error-fill-color-default, #e13212);
+$checkbox-unchecked-error-fill-color-hover: var(--checkbox-unchecked-error-fill-color-hover, #bf2a00);
+$checkbox-unchecked-error-fill-color-active: var(--checkbox-unchecked-error-fill-color-active, #bf2a00);
+$checkbox-unchecked-error-background-color-default: var(--checkbox-unchecked-error-background-color-default, transparent);
+$checkbox-unchecked-error-background-color-hover: var(--checkbox-unchecked-error-background-color-hover, #e132120f);
+$checkbox-unchecked-error-background-color-active: var(--checkbox-unchecked-error-background-color-active, #e132122e);
+$checkbox-checked-error-fill-color-default: var(--checkbox-checked-error-fill-color-default, #e13212);
+$checkbox-checked-error-fill-color-hover: var(--checkbox-checked-error-fill-color-hover, #bf2a00);
+$checkbox-checked-error-fill-color-active: var(--checkbox-checked-error-fill-color-active, #bf2a00);
+$checkbox-checked-error-background-color-default: var(--checkbox-checked-error-background-color-default, transparent);
+$checkbox-checked-error-background-color-hover: var(--checkbox-checked-error-background-color-hover, #e132120f);
+$checkbox-checked-error-background-color-active: var(--checkbox-checked-error-background-color-active, #e132122e);