@servicetitan/hammer-token 2.5.1 → 3.0.0

package/build/web/core/index.d.ts

@@ -0,0 +1,6 @@
+export * from '../types';
+import * as primitive from './primitive';
+import * as semantic from './semantic';
+import * as component from './component';
+export declare const name: string;
+export { primitive, semantic, component };

package/build/web/core/index.js

@@ -1,5 +1,5 @@
-import * as semantic from './semantic';
 import * as primitive from './primitive';
+import * as semantic from './semantic';
 import * as component from './component';
 const name = 'core';
 export { primitive, semantic, component, name };

package/build/web/core/primitive-variables.scss

@@ -4,76 +4,159 @@ $token: (
   breakpoint-lg: 1024px,
   breakpoint-xl: 1280px,
   breakpoint-xxl: 1536px,
-  color-blue-100: #e0f2ff,
-  color-blue-200: #b5deff,
-  color-blue-300: #78bbfa,
-  color-blue-400: #3892f3,
-  color-blue-500: #0265dc,
-  color-blue-600: #004491,
   color-neutral-0: #ffffff,
   color-neutral-10: #fcfcfc,
-  color-neutral-20: #fafafa,
-  color-neutral-30: #f7f7f7,
-  color-neutral-40: #f5f5f5,
+  color-neutral-20: #f9f9f9,
+  color-neutral-30: #f6f6f6,
+  color-neutral-40: #f1f1f1,
   color-neutral-50: #eeeeee,
-  color-neutral-60: #dfe0e1,
-  color-neutral-70: #bcbcbd,
-  color-neutral-80: #949596,
-  color-neutral-90: #737475,
-  color-neutral-100: #606162,
-  color-neutral-200: #444445,
-  color-neutral-300: #2d2e31,
-  color-neutral-400: #141414,
-  color-neutral-500: #040404,
-  color-blue-grey-100: #eaeff2,
-  color-blue-grey-200: #d0d8dd,
-  color-blue-grey-300: #b4c1c8,
-  color-blue-grey-400: #8c9ca5,
-  color-blue-grey-500: #6a7a85,
-  color-blue-grey-600: #576671,
-  color-orange-100: #ffeccc,
-  color-orange-200: #fdd291,
+  color-neutral-60: #ededed,
+  color-neutral-70: #e8e8e8,
+  color-neutral-80: #e6e6e6,
+  color-neutral-90: #e5e5e5,
+  color-neutral-100: #dfdfdf,
+  color-neutral-200: #c4c4c4,
+  color-neutral-300: #a8a8a8,
+  color-neutral-400: #8b8b8b,
+  color-neutral-500: #707070,
+  color-neutral-600: #545454,
+  color-neutral-700: #404040,
+  color-neutral-800: #292929,
+  color-neutral-900: #1a1a1a,
+  color-neutral-950: #040404,
+  color-blue-10: #fafcff,
+  color-blue-50: #e6f1ff,
+  color-blue-100: #cce3ff,
+  color-blue-200: #9ecaff,
+  color-blue-300: #70b1ff,
+  color-blue-400: #3d95ff,
+  color-blue-500: #1a82ff,
+  color-blue-600: #0265dc,
+  color-blue-700: #1d4ca3,
+  color-blue-800: #003472,
+  color-blue-900: #002047,
+  color-blue-950: #000b19,
+  color-red-10: #fffbfa,
+  color-red-50: #ffe9e5,
+  color-red-100: #ffd4cc,
+  color-red-200: #ffac9e,
+  color-red-300: #ff8670,
+  color-red-400: #ff5b3d,
+  color-red-500: #ff3914,
+  color-red-600: #d62100,
+  color-red-700: #a31900,
+  color-red-800: #731100,
+  color-red-900: #470b00,
+  color-red-950: #0a0200,
+  color-green-10: #f5fefb,
+  color-green-50: #d3fded,
+  color-green-100: #b8f5dd,
+  color-green-200: #70ebbc,
+  color-green-300: #3be3a2,
+  color-green-400: #0bd085,
+  color-green-500: #0aa86c,
+  color-green-600: #077e50,
+  color-green-700: #05613e,
+  color-green-800: #04482e,
+  color-green-900: #022c1c,
+  color-green-950: #010f0a,
+  color-blue-grey-10: #f7f9fa,
+  color-blue-grey-50: #e9eef2,
+  color-blue-grey-100: #dce4ea,
+  color-blue-grey-200: #b9c9d5,
+  color-blue-grey-300: #99b1c2,
+  color-blue-grey-400: #7899b0,
+  color-blue-grey-500: #55768e,
+  color-blue-grey-600: #445e71,
+  color-blue-grey-700: #344856,
+  color-blue-grey-800: #24333d,
+  color-blue-grey-900: #192329,
+  color-blue-grey-950: #090d10,
+  color-orange-10: #fff8f1,
+  color-orange-50: #ffecd6,
+  color-orange-100: #ffddb7,
+  color-orange-200: #ffc07a,
   color-orange-300: #ffa037,
-  color-orange-400: #e46f00,
-  color-orange-500: #b14c00,
-  color-orange-600: #7a2f00,
+  color-orange-400: #e37700,
+  color-orange-500: #c16500,
+  color-orange-600: #964f00,
+  color-orange-700: #693700,
+  color-orange-800: #4d2800,
+  color-orange-900: #2e1900,
+  color-orange-950: #140b00,
+  color-cyan-10: #f2fcfe,
+  color-cyan-50: #daf7fc,
+  color-cyan-100: #c2f2fb,
+  color-cyan-200: #7fe5f6,
+  color-cyan-300: #45d8f2,
+  color-cyan-400: #10c2e2,
+  color-cyan-500: #0da2bd,
+  color-cyan-600: #0a7a8e,
+  color-cyan-700: #075563,
+  color-cyan-800: #05424d,
+  color-cyan-900: #032025,
+  color-cyan-950: #011013,
+  color-purple-10: #fcfbfe,
+  color-purple-50: #eeecf9,
+  color-purple-100: #e7e4f6,
+  color-purple-200: #c9c2eb,
+  color-purple-300: #b1a7e2,
+  color-purple-400: #9688d7,
+  color-purple-500: #7766cc,
+  color-purple-600: #5c47c2,
+  color-purple-700: #3f2f8e,
+  color-purple-800: #2e2267,
+  color-purple-900: #191338,
+  color-purple-950: #100c25,
+  color-magenta-10: #fefbfd,
+  color-magenta-50: #fae6f3,
+  color-magenta-100: #f8ddef,
+  color-magenta-200: #efb3db,
+  color-magenta-300: #e892cc,
+  color-magenta-400: #eb61be,
+  color-magenta-500: #d741a6,
+  color-magenta-600: #be288d,
+  color-magenta-700: #831b60,
+  color-magenta-800: #591342,
+  color-magenta-900: #26081c,
+  color-magenta-950: #15040f,
+  color-mauves-10: #fffbfa,
+  color-mauves-50: #fff7f5,
+  color-mauves-100: #fff4f0,
+  color-mauves-200: #ffe4db,
+  color-mauves-300: #ffd1c2,
+  color-mauves-400: #ffaf94,
+  color-mauves-500: #ffa78a,
+  color-mauves-600: #d88569,
+  color-mauves-700: #d27151,
+  color-mauves-800: #823a21,
+  color-mauves-900: #411d11,
+  color-mauves-950: #200e08,
+  color-lime-10: #fdfdfc,
+  color-lime-50: #eaf0db,
+  color-lime-100: #e3eccf,
+  color-lime-200: #c3d595,
+  color-lime-300: #a8c26a,
+  color-lime-400: #8aad39,
+  color-lime-500: #6b9013,
+  color-lime-600: #56750b,
+  color-lime-700: #3a5007,
+  color-lime-800: #2a3a03,
+  color-lime-900: #111801,
+  color-lime-950: #0a0f01,
+  color-yellow-10: #fffef8,
+  color-yellow-50: #fffcf0,
   color-yellow-100: #fff9e2,
   color-yellow-200: #fff0b1,
   color-yellow-300: #ffe278,
   color-yellow-400: #ffc902,
   color-yellow-500: #ffbe00,
   color-yellow-600: #de9500,
-  color-green-100: #cef8e0,
-  color-green-200: #89ecbc,
-  color-green-300: #49cc93,
-  color-green-400: #15a46e,
-  color-green-500: #007a4d,
-  color-green-600: #005132,
-  color-cyan-100: #e3fcff,
-  color-cyan-200: #b1f3fa,
-  color-cyan-300: #13ceea,
-  color-cyan-400: #08bfdf,
-  color-cyan-500: #0ca5c0,
-  color-cyan-600: #038299,
-  color-purple-100: #f1edff,
-  color-purple-200: #c1b6f2,
-  color-purple-300: #8772e5,
-  color-purple-400: #6954c0,
-  color-purple-500: #4f3a9e,
-  color-purple-600: #422799,
-  color-red-100: #ffece9,
-  color-red-200: #ffb2a0,
-  color-red-300: #ff745f,
-  color-red-400: #f94d32,
-  color-red-500: #e13212,
-  color-red-600: #bf2a00,
-  color-magenta-100: #fbeaf5,
-  color-magenta-200: #faafe2,
-  color-magenta-300: #d949a9,
-  color-magenta-400: #b52d88,
-  color-magenta-500: #982071,
-  color-magenta-600: #7d165b,
-  duration: 200ms,
+  color-yellow-700: #c98600,
+  color-yellow-800: #704b00,
+  color-yellow-900: #382500,
+  color-yellow-950: #191100,
+  duration-default: 200ms,
   duration-instant: 0ms,
   duration-fast: 100ms,
   duration-slow: 300ms,
@@ -93,7 +176,7 @@ $token: (
   font-size-700: 1.75rem,
   font-size-800: 2rem,
   font-size-900: 2.25rem,
-  radius-0: 0,
+  radius-0: 0rem,
   radius-1: 0.1875rem,
   radius-2: 0.375rem,
   radius-3: 0.5625rem,
@@ -119,8 +202,8 @@ $token: (
   size-14: 3.5rem,
   size-quarter: 0.0625rem,
   size-half: 0.125rem,
-  transition-ease: cubic-bezier(.4, 0, .2, 1),
-  transition-ease-in: cubic-bezier(.4, 0, 1, 1),
-  transition-ease-out: cubic-bezier(0, 0, .4, 1),
-  transition-ease-in-out: cubic-bezier(.4, 0, .6, 1),
+  transition-ease: "cubic-bezier(.4, 0, .2, 1)",
+  transition-ease-in: "cubic-bezier(.4, 0, 1, 1)",
+  transition-ease-out: "cubic-bezier(0, 0, .4, 1)",
+  transition-ease-in-out: "cubic-bezier(.4, 0, .6, 1)",
 );

package/build/web/core/primitive.d.ts

@@ -0,0 +1,209 @@
+import { TokenObj } from '../types';
+
+export declare const BreakpointSm: TokenObj;
+export declare const BreakpointMd: TokenObj;
+export declare const BreakpointLg: TokenObj;
+export declare const BreakpointXl: TokenObj;
+export declare const BreakpointXxl: TokenObj;
+export declare const ColorNeutral0: TokenObj;
+export declare const ColorNeutral10: TokenObj;
+export declare const ColorNeutral20: TokenObj;
+export declare const ColorNeutral30: TokenObj;
+export declare const ColorNeutral40: TokenObj;
+export declare const ColorNeutral50: TokenObj;
+export declare const ColorNeutral60: TokenObj;
+export declare const ColorNeutral70: TokenObj;
+export declare const ColorNeutral80: TokenObj;
+export declare const ColorNeutral90: TokenObj;
+export declare const ColorNeutral100: TokenObj;
+export declare const ColorNeutral200: TokenObj;
+export declare const ColorNeutral300: TokenObj;
+export declare const ColorNeutral400: TokenObj;
+export declare const ColorNeutral500: TokenObj;
+export declare const ColorNeutral600: TokenObj;
+export declare const ColorNeutral700: TokenObj;
+export declare const ColorNeutral800: TokenObj;
+export declare const ColorNeutral900: TokenObj;
+export declare const ColorNeutral950: TokenObj;
+export declare const ColorBlue10: TokenObj;
+export declare const ColorBlue50: TokenObj;
+export declare const ColorBlue100: TokenObj;
+export declare const ColorBlue200: TokenObj;
+export declare const ColorBlue300: TokenObj;
+export declare const ColorBlue400: TokenObj;
+export declare const ColorBlue500: TokenObj;
+export declare const ColorBlue600: TokenObj;
+export declare const ColorBlue700: TokenObj;
+export declare const ColorBlue800: TokenObj;
+export declare const ColorBlue900: TokenObj;
+export declare const ColorBlue950: TokenObj;
+export declare const ColorRed10: TokenObj;
+export declare const ColorRed50: TokenObj;
+export declare const ColorRed100: TokenObj;
+export declare const ColorRed200: TokenObj;
+export declare const ColorRed300: TokenObj;
+export declare const ColorRed400: TokenObj;
+export declare const ColorRed500: TokenObj;
+export declare const ColorRed600: TokenObj;
+export declare const ColorRed700: TokenObj;
+export declare const ColorRed800: TokenObj;
+export declare const ColorRed900: TokenObj;
+export declare const ColorRed950: TokenObj;
+export declare const ColorGreen10: TokenObj;
+export declare const ColorGreen50: TokenObj;
+export declare const ColorGreen100: TokenObj;
+export declare const ColorGreen200: TokenObj;
+export declare const ColorGreen300: TokenObj;
+export declare const ColorGreen400: TokenObj;
+export declare const ColorGreen500: TokenObj;
+export declare const ColorGreen600: TokenObj;
+export declare const ColorGreen700: TokenObj;
+export declare const ColorGreen800: TokenObj;
+export declare const ColorGreen900: TokenObj;
+export declare const ColorGreen950: TokenObj;
+export declare const ColorBlueGrey10: TokenObj;
+export declare const ColorBlueGrey50: TokenObj;
+export declare const ColorBlueGrey100: TokenObj;
+export declare const ColorBlueGrey200: TokenObj;
+export declare const ColorBlueGrey300: TokenObj;
+export declare const ColorBlueGrey400: TokenObj;
+export declare const ColorBlueGrey500: TokenObj;
+export declare const ColorBlueGrey600: TokenObj;
+export declare const ColorBlueGrey700: TokenObj;
+export declare const ColorBlueGrey800: TokenObj;
+export declare const ColorBlueGrey900: TokenObj;
+export declare const ColorBlueGrey950: TokenObj;
+export declare const ColorOrange10: TokenObj;
+export declare const ColorOrange50: TokenObj;
+export declare const ColorOrange100: TokenObj;
+export declare const ColorOrange200: TokenObj;
+export declare const ColorOrange300: TokenObj;
+export declare const ColorOrange400: TokenObj;
+export declare const ColorOrange500: TokenObj;
+export declare const ColorOrange600: TokenObj;
+export declare const ColorOrange700: TokenObj;
+export declare const ColorOrange800: TokenObj;
+export declare const ColorOrange900: TokenObj;
+export declare const ColorOrange950: TokenObj;
+export declare const ColorCyan10: TokenObj;
+export declare const ColorCyan50: TokenObj;
+export declare const ColorCyan100: TokenObj;
+export declare const ColorCyan200: TokenObj;
+export declare const ColorCyan300: TokenObj;
+export declare const ColorCyan400: TokenObj;
+export declare const ColorCyan500: TokenObj;
+export declare const ColorCyan600: TokenObj;
+export declare const ColorCyan700: TokenObj;
+export declare const ColorCyan800: TokenObj;
+export declare const ColorCyan900: TokenObj;
+export declare const ColorCyan950: TokenObj;
+export declare const ColorPurple10: TokenObj;
+export declare const ColorPurple50: TokenObj;
+export declare const ColorPurple100: TokenObj;
+export declare const ColorPurple200: TokenObj;
+export declare const ColorPurple300: TokenObj;
+export declare const ColorPurple400: TokenObj;
+export declare const ColorPurple500: TokenObj;
+export declare const ColorPurple600: TokenObj;
+export declare const ColorPurple700: TokenObj;
+export declare const ColorPurple800: TokenObj;
+export declare const ColorPurple900: TokenObj;
+export declare const ColorPurple950: TokenObj;
+export declare const ColorMagenta10: TokenObj;
+export declare const ColorMagenta50: TokenObj;
+export declare const ColorMagenta100: TokenObj;
+export declare const ColorMagenta200: TokenObj;
+export declare const ColorMagenta300: TokenObj;
+export declare const ColorMagenta400: TokenObj;
+export declare const ColorMagenta500: TokenObj;
+export declare const ColorMagenta600: TokenObj;
+export declare const ColorMagenta700: TokenObj;
+export declare const ColorMagenta800: TokenObj;
+export declare const ColorMagenta900: TokenObj;
+export declare const ColorMagenta950: TokenObj;
+export declare const ColorMauves10: TokenObj;
+export declare const ColorMauves50: TokenObj;
+export declare const ColorMauves100: TokenObj;
+export declare const ColorMauves200: TokenObj;
+export declare const ColorMauves300: TokenObj;
+export declare const ColorMauves400: TokenObj;
+export declare const ColorMauves500: TokenObj;
+export declare const ColorMauves600: TokenObj;
+export declare const ColorMauves700: TokenObj;
+export declare const ColorMauves800: TokenObj;
+export declare const ColorMauves900: TokenObj;
+export declare const ColorMauves950: TokenObj;
+export declare const ColorLime10: TokenObj;
+export declare const ColorLime50: TokenObj;
+export declare const ColorLime100: TokenObj;
+export declare const ColorLime200: TokenObj;
+export declare const ColorLime300: TokenObj;
+export declare const ColorLime400: TokenObj;
+export declare const ColorLime500: TokenObj;
+export declare const ColorLime600: TokenObj;
+export declare const ColorLime700: TokenObj;
+export declare const ColorLime800: TokenObj;
+export declare const ColorLime900: TokenObj;
+export declare const ColorLime950: TokenObj;
+export declare const ColorYellow10: TokenObj;
+export declare const ColorYellow50: TokenObj;
+export declare const ColorYellow100: TokenObj;
+export declare const ColorYellow200: TokenObj;
+export declare const ColorYellow300: TokenObj;
+export declare const ColorYellow400: TokenObj;
+export declare const ColorYellow500: TokenObj;
+export declare const ColorYellow600: TokenObj;
+export declare const ColorYellow700: TokenObj;
+export declare const ColorYellow800: TokenObj;
+export declare const ColorYellow900: TokenObj;
+export declare const ColorYellow950: TokenObj;
+export declare const DurationDefault: TokenObj;
+export declare const DurationInstant: TokenObj;
+export declare const DurationFast: TokenObj;
+export declare const DurationSlow: TokenObj;
+export declare const FontFamilyBase: TokenObj;
+export declare const FontFamilyDisplay: TokenObj;
+export declare const FontLineHeightBase: TokenObj;
+export declare const FontLineHeightDisplay: TokenObj;
+export declare const FontWeightNormal: TokenObj;
+export declare const FontWeightSemibold: TokenObj;
+export declare const FontWeightBold: TokenObj;
+export declare const FontSize100: TokenObj;
+export declare const FontSize200: TokenObj;
+export declare const FontSize300: TokenObj;
+export declare const FontSize400: TokenObj;
+export declare const FontSize500: TokenObj;
+export declare const FontSize600: TokenObj;
+export declare const FontSize700: TokenObj;
+export declare const FontSize800: TokenObj;
+export declare const FontSize900: TokenObj;
+export declare const Radius0: TokenObj;
+export declare const Radius1: TokenObj;
+export declare const Radius2: TokenObj;
+export declare const Radius3: TokenObj;
+export declare const Radius4: TokenObj;
+export declare const Radius5: TokenObj;
+export declare const Radius6: TokenObj;
+export declare const Radius7: TokenObj;
+export declare const Radius8: TokenObj;
+export declare const Size0: TokenObj;
+export declare const Size1: TokenObj;
+export declare const Size2: TokenObj;
+export declare const Size3: TokenObj;
+export declare const Size4: TokenObj;
+export declare const Size5: TokenObj;
+export declare const Size6: TokenObj;
+export declare const Size7: TokenObj;
+export declare const Size8: TokenObj;
+export declare const Size9: TokenObj;
+export declare const Size10: TokenObj;
+export declare const Size11: TokenObj;
+export declare const Size12: TokenObj;
+export declare const Size13: TokenObj;
+export declare const Size14: TokenObj;
+export declare const SizeQuarter: TokenObj;
+export declare const SizeHalf: TokenObj;
+export declare const TransitionEase: TokenObj;
+export declare const TransitionEaseIn: TokenObj;
+export declare const TransitionEaseOut: TokenObj;
+export declare const TransitionEaseInOut: TokenObj;