@servicetitan/hammer-token 0.0.0-rc-20250807234739

package/src/global/primitive/breakpoint.js

@@ -0,0 +1,19 @@
+module.exports = {
+  breakpoint: {
+    sm: {
+      value: "640px",
+    },
+    md: {
+      value: "768px",
+    },
+    lg: {
+      value: "1024px",
+    },
+    xl: {
+      value: "1280px",
+    },
+    xxl: {
+      value: "1536px",
+    },
+  },
+};

package/src/global/primitive/color.js

@@ -0,0 +1,231 @@
+module.exports = {
+  color: {
+    blue: {
+      100: {
+        value: "#E0F2FF",
+      },
+      200: {
+        value: "#B5DEFF",
+      },
+      300: {
+        value: "#78BBFA",
+      },
+      400: {
+        value: "#3892F3",
+      },
+      500: {
+        value: "#0265DC",
+      },
+      600: {
+        value: "#004491",
+      },
+    },
+    neutral: {
+      0: {
+        value: "#ffffff",
+      },
+      10: {
+        value: "#fcfcfc",
+      },
+      20: {
+        value: "#fafafa",
+      },
+      30: {
+        value: "#f7f7f7",
+      },
+      40: {
+        value: "#f5f5f5",
+      },
+      50: {
+        value: "#eeeeee",
+      },
+      60: {
+        value: "#dfe0e1",
+      },
+      70: {
+        value: "#bcbcbd",
+      },
+      80: {
+        value: "#949596",
+      },
+      90: {
+        value: "#737475",
+      },
+      100: {
+        value: "#606162",
+      },
+      200: {
+        value: "#444445",
+      },
+      300: {
+        value: "#2d2e31",
+      },
+      400: {
+        value: "#141414",
+      },
+      500: {
+        value: "#040404",
+      },
+    },
+    "blue-grey": {
+      100: {
+        value: "#eaeff2",
+      },
+      200: {
+        value: "#d0d8dd",
+      },
+      300: {
+        value: "#b4c1c8",
+      },
+      400: {
+        value: "#8c9ca5",
+      },
+      500: {
+        value: "#6a7a85",
+      },
+      600: {
+        value: "#576671",
+      },
+    },
+    orange: {
+      100: {
+        value: "#ffeccc",
+      },
+      200: {
+        value: "#fdd291",
+      },
+      300: {
+        value: "#ffa037",
+      },
+      400: {
+        value: "#e46f00",
+      },
+      500: {
+        value: "#b14c00",
+      },
+      600: {
+        value: "#7a2f00",
+      },
+    },
+    yellow: {
+      100: {
+        value: "#fff9e2",
+      },
+      200: {
+        value: "#fff0b1",
+      },
+      300: {
+        value: "#ffe278",
+      },
+      400: {
+        value: "#ffc902",
+      },
+      500: {
+        value: "#ffbe00",
+      },
+      600: {
+        value: "#de9500",
+      },
+    },
+    green: {
+      100: {
+        value: "#CEF8E0",
+      },
+      200: {
+        value: "#89ECBC",
+      },
+      300: {
+        value: "#49CC93",
+      },
+      400: {
+        value: "#15A46E",
+      },
+      500: {
+        value: "#007A4D",
+      },
+      600: {
+        value: "#005132",
+      },
+    },
+    cyan: {
+      100: {
+        value: "#e3fcff",
+      },
+      200: {
+        value: "#b1f3fa",
+      },
+      300: {
+        value: "#13ceea",
+      },
+      400: {
+        value: "#08bfdf",
+      },
+      500: {
+        value: "#0ca5c0",
+      },
+      600: {
+        value: "#038299",
+      },
+    },
+    purple: {
+      100: {
+        value: "#f1edff",
+      },
+      200: {
+        value: "#c1b6f2",
+      },
+      300: {
+        value: "#8772e5",
+      },
+      400: {
+        value: "#6954c0",
+      },
+      500: {
+        value: "#4f3a9e",
+      },
+      600: {
+        value: "#422799",
+      },
+    },
+    red: {
+      100: {
+        value: "#ffece9",
+      },
+      200: {
+        value: "#ffb2a0",
+      },
+      300: {
+        value: "#ff745f",
+      },
+      400: {
+        value: "#f94d32",
+      },
+      500: {
+        value: "#e13212",
+      },
+      600: {
+        value: "#bf2a00",
+      },
+    },
+    magenta: {
+      100: {
+        value: "#fbeaf5",
+      },
+      200: {
+        value: "#faafe2",
+      },
+      300: {
+        value: "#d949a9",
+      },
+      400: {
+        value: "#b52d88",
+      },
+      500: {
+        value: "#982071",
+      },
+      600: {
+        value: "#7d165b",
+      },
+    },
+  },
+};

package/src/global/primitive/duration.js

@@ -0,0 +1,16 @@
+module.exports = {
+  duration: {
+    default: {
+      value: "200ms",
+    },
+    instant: {
+      value: "0ms",
+    },
+    fast: {
+      value: "100ms",
+    },
+    slow: {
+      value: "300ms",
+    },
+  },
+};

package/src/global/primitive/font.js

@@ -0,0 +1,60 @@
+module.exports = {
+  font: {
+    family: {
+      base: {
+        value: "'Nunito Sans', sans-serif",
+      },
+      display: {
+        value: "'Sofia Pro', SofiaPro, sans-serif",
+      },
+    },
+    "line-height": {
+      base: {
+        value: 1.5,
+      },
+      display: {
+        value: 1.25,
+      },
+    },
+    weight: {
+      normal: {
+        value: 400,
+      },
+      semibold: {
+        value: 600,
+      },
+      bold: {
+        value: 700,
+      },
+    },
+    size: {
+      100: {
+        value: "0.625rem",
+      },
+      200: {
+        value: "0.75rem",
+      },
+      300: {
+        value: "0.875rem",
+      },
+      400: {
+        value: "1rem",
+      },
+      500: {
+        value: "1.25rem",
+      },
+      600: {
+        value: "1.5rem",
+      },
+      700: {
+        value: "1.75rem",
+      },
+      800: {
+        value: "2rem",
+      },
+      900: {
+        value: "2.25rem",
+      },
+    },
+  },
+};

package/src/global/primitive/radius.js

@@ -0,0 +1,31 @@
+module.exports = {
+  radius: {
+    0: {
+      value: "0",
+    },
+    1: {
+      value: "0.1875rem",
+    },
+    2: {
+      value: "0.375rem",
+    },
+    3: {
+      value: "0.5625rem",
+    },
+    4: {
+      value: "0.75rem",
+    },
+    5: {
+      value: "0.9375rem",
+    },
+    6: {
+      value: "1.125rem",
+    },
+    7: {
+      value: "1.3125rem",
+    },
+    8: {
+      value: "1.5rem",
+    },
+  },
+};

package/src/global/primitive/size.js

@@ -0,0 +1,55 @@
+module.exports = {
+  size: {
+    0: {
+      value: "0rem",
+    },
+    quarter: {
+      value: "0.0625rem",
+    },
+    half: {
+      value: "0.125rem",
+    },
+    1: {
+      value: "0.25rem",
+    },
+    2: {
+      value: "0.5rem",
+    },
+    3: {
+      value: "0.75rem",
+    },
+    4: {
+      value: "1rem",
+    },
+    5: {
+      value: "1.25rem",
+    },
+    6: {
+      value: "1.5rem",
+    },
+    7: {
+      value: "1.75rem",
+    },
+    8: {
+      value: "2rem",
+    },
+    9: {
+      value: "2.25rem",
+    },
+    10: {
+      value: "2.5rem",
+    },
+    11: {
+      value: "2.75rem",
+    },
+    12: {
+      value: "3rem",
+    },
+    13: {
+      value: "3.25rem",
+    },
+    14: {
+      value: "3.5rem",
+    },
+  },
+};

package/src/global/primitive/transition.js

@@ -0,0 +1,16 @@
+module.exports = {
+  transition: {
+    ease: {
+      value: "cubic-bezier(.4, 0, .2, 1)",
+    },
+    "ease-in": {
+      value: "cubic-bezier(.4, 0, 1, 1)",
+    },
+    "ease-out": {
+      value: "cubic-bezier(0, 0, .4, 1)",
+    },
+    "ease-in-out": {
+      value: "cubic-bezier(.4, 0, .6, 1)",
+    },
+  },
+};

package/src/theme/core/background.js

@@ -0,0 +1,170 @@
+/* eslint-disable @typescript-eslint/no-require-imports */
+const { color } = require("../../global/primitive/color");
+const { status } = require("./status");
+
+module.exports = {
+  background: {
+    color: {
+      default: {
+        value: color.neutral["0"].value,
+        attributes: {
+          appearance: {
+            dark: {
+              value: color.neutral["400"].value,
+            },
+          },
+        },
+      },
+      strong: {
+        value: color.neutral["30"].value,
+        attributes: {
+          appearance: {
+            dark: {
+              value: color.neutral["300"].value,
+            },
+          },
+        },
+      },
+      stronger: {
+        value: color.neutral["50"].value,
+        attributes: {
+          appearance: {
+            dark: {
+              value: color.neutral["200"].value,
+            },
+          },
+        },
+      },
+      strongest: {
+        value: color.neutral["70"].value,
+        attributes: {
+          appearance: {
+            dark: {
+              value: color.neutral["90"].value,
+            },
+          },
+        },
+      },
+      primary: {
+        default: {
+          value: color.blue["500"].value,
+          attributes: {
+            appearance: {
+              dark: {
+                value: color.blue["300"].value,
+              },
+            },
+          },
+        },
+        subdued: {
+          value: color.blue["100"].value,
+          attributes: {
+            appearance: {
+              dark: {
+                value: `${color.blue["300"].value}33`,
+              },
+            },
+          },
+        },
+      },
+      success: {
+        default: {
+          value: status.color.success.value,
+          attributes: {
+            appearance: {
+              dark: {
+                value: status.color.success.attributes.appearance.dark.value,
+              },
+            },
+          },
+        },
+        subdued: {
+          value: color.green["100"].value,
+          attributes: {
+            appearance: {
+              dark: {
+                value: `${color.green["300"].value}33`,
+              },
+            },
+          },
+        },
+      },
+      danger: {
+        default: {
+          value: status.color["danger"].value,
+          attributes: {
+            appearance: {
+              dark: {
+                value: status.color.danger.attributes.appearance.dark.value,
+              },
+            },
+          },
+        },
+        subdued: {
+          value: color.red["100"].value,
+          attributes: {
+            appearance: {
+              dark: {
+                value: `${color.red["300"].value}33`,
+              },
+            },
+          },
+        },
+      },
+      warning: {
+        default: {
+          value: status.color["warning"].value,
+          attributes: {
+            appearance: {
+              dark: {
+                value: status.color.warning.attributes.appearance.dark.value,
+              },
+            },
+          },
+          subdued: {
+            value: color.yellow["100"].value,
+            attributes: {
+              appearance: {
+                dark: {
+                  value: `${color.yellow["300"].value}33`,
+                },
+              },
+            },
+          },
+        },
+      },
+      disabled: {
+        value: color.neutral["100"].value,
+        attributes: {
+          appearance: {
+            dark: {
+              value: color.neutral["100"].value,
+            },
+          },
+        },
+      },
+      inverted: {
+        default: {
+          value: color.neutral["300"].value,
+          attributes: {
+            appearance: {
+              dark: {
+                value: color.neutral["20"].value,
+              },
+            },
+          },
+        },
+        strong: {
+          value: color.neutral["400"].value,
+          attributes: {
+            appearance: {
+              dark: {
+                value: color.neutral["0"].value,
+              },
+            },
+          },
+        },
+      },
+    },
+  },
+};

package/src/theme/core/border.js

@@ -0,0 +1,103 @@
+/* eslint-disable @typescript-eslint/no-require-imports */
+const { color } = require("../../global/primitive/color");
+const { size } = require("../../global/primitive/size");
+const { radius } = require("../../global/primitive/radius");
+const { status } = require("./status");
+
+module.exports = {
+  border: {
+    radius: {
+      none: {
+        value: radius["0"].value,
+      },
+      small: {
+        value: radius["1"].value,
+      },
+      medium: {
+        value: radius["2"].value,
+      },
+      large: {
+        value: radius["4"].value,
+      },
+      xlarge: {
+        value: radius["8"].value,
+      },
+      circular: {
+        value: "100%",
+      },
+    },
+    width: {
+      none: {
+        value: size["0"].value,
+      },
+      default: {
+        value: size.quarter.value,
+      },
+      strong: {
+        value: size.half.value,
+      },
+    },
+    color: {
+      default: {
+        value: color.neutral["80"].value,
+        attributes: {
+          appearance: {
+            dark: {
+              value: color.neutral["100"].value,
+            },
+          },
+        },
+      },
+      subdued: {
+        value: color.neutral["60"].value,
+        attributes: {
+          appearance: {
+            dark: {
+              value: color.neutral["200"].value,
+            },
+          },
+        },
+      },
+      strong: {
+        value: color.neutral["200"].value,
+        attributes: {
+          appearance: {
+            dark: {
+              value: color.neutral["60"].value,
+            },
+          },
+        },
+      },
+      primary: {
+        value: status.color.info.value,
+        attributes: {
+          appearance: {
+            dark: {
+              value: status.color.info.attributes.appearance.dark.value,
+            },
+          },
+        },
+      },
+      success: {
+        value: status.color.success.value,
+        attributes: {
+          appearance: {
+            dark: {
+              value: status.color.success.attributes.appearance.dark.value,
+            },
+          },
+        },
+      },
+      danger: {
+        value: status.color.danger.value,
+        attributes: {
+          appearance: {
+            dark: {
+              value: status.color.danger.attributes.appearance.dark.value,
+            },
+          },
+        },
+      },
+    },
+  },
+};