@servicetitan/hammer-token 2.5.0 → 3.0.0

package/src/theme/core/shadow.js

@@ -1,29 +0,0 @@
-/* eslint-disable @typescript-eslint/no-require-imports */
-const { color } = require("../../global/primitive/color");
-const { size } = require("../../global/primitive/size");
-
-module.exports = {
-  shadow: {
-    color: {
-      value: `${color.neutral["400"].value}14`,
-      attributes: {
-        appearance: {
-          dark: {
-            value: `${color.neutral["0"].value}14`,
-          },
-        },
-      },
-    },
-    size: {
-      flat: {
-        value: `${size["0"].value} ${size["0"].value} ${size["0"].value}`,
-      },
-      float: {
-        value: `${size["0"].value} ${size.half.value} ${size["2"].value}`,
-      },
-      overlay: {
-        value: `${size["0"].value} ${size["2"].value} ${size["6"].value}`,
-      },
-    },
-  },
-};

package/src/theme/core/status.js

@@ -1,49 +0,0 @@
-/* eslint-disable @typescript-eslint/no-require-imports */
-const { color } = require("../../global/primitive/color");
-
-module.exports = {
-  status: {
-    color: {
-      info: {
-        value: color.blue["500"].value,
-        attributes: {
-          appearance: {
-            dark: {
-              value: color.blue["300"].value,
-            },
-          },
-        },
-      },
-      danger: {
-        value: color.red["500"].value,
-        attributes: {
-          appearance: {
-            dark: {
-              value: color.red["300"].value,
-            },
-          },
-        },
-      },
-      success: {
-        value: color.green["500"].value,
-        attributes: {
-          appearance: {
-            dark: {
-              value: color.green["300"].value,
-            },
-          },
-        },
-      },
-      warning: {
-        value: color.yellow["500"].value,
-        attributes: {
-          appearance: {
-            dark: {
-              value: color.yellow["300"].value,
-            },
-          },
-        },
-      },
-    },
-  },
-};

package/src/theme/core/typography.js

@@ -1,82 +0,0 @@
-/* eslint-disable @typescript-eslint/no-require-imports */
-const { font } = require("../../global/primitive/font");
-
-module.exports = {
-  typography: {
-    paragraph: {
-      size: {
-        xsmall: {
-          value: font.size["200"].value,
-        },
-        small: {
-          value: font.size["300"].value,
-        },
-        default: {
-          value: font.size["400"].value,
-        },
-        large: {
-          value: font.size["500"].value,
-        },
-        xlarge: {
-          value: font.size["600"].value,
-        },
-      },
-      "font-weight": {
-        value: font.weight.normal.value,
-      },
-      "font-family": {
-        value: font.family.base.value,
-      },
-    },
-    heading: {
-      size: {
-        xsmall: {
-          value: font.size["300"].value,
-        },
-        small: {
-          value: font.size["400"].value,
-        },
-        default: {
-          value: font.size["500"].value,
-        },
-        large: {
-          value: font.size["600"].value,
-        },
-        xlarge: {
-          value: font.size["800"].value,
-        },
-      },
-      "font-weight": {
-        value: font.weight.bold.value,
-      },
-      "font-family": {
-        value: font.family.display.value,
-      },
-    },
-    label: {
-      size: {
-        xsmall: {
-          value: font.size["100"].value,
-        },
-        small: {
-          value: font.size["200"].value,
-        },
-        default: {
-          value: font.size["300"].value,
-        },
-        large: {
-          value: font.size["400"].value,
-        },
-        xlarge: {
-          value: font.size["500"].value,
-        },
-      },
-      "font-weight": {
-        value: font.weight.semibold.value,
-      },
-      "font-family": {
-        value: font.family.base.value,
-      },
-    },
-  },
-};

package/type/types.ts

@@ -1,341 +0,0 @@
-export type TokenObj = {
-  value: string;
-  attributes?: {
-    appearance?: {
-      dark: {
-        value: string;
-      };
-    };
-  };
-};
-
-export type Primitive = {
-  ColorBlue100: TokenObj;
-  ColorBlue200: TokenObj;
-  ColorBlue300: TokenObj;
-  ColorBlue400: TokenObj;
-  ColorBlue500: TokenObj;
-  ColorBlue600: TokenObj;
-  ColorNeutral0: TokenObj;
-  ColorNeutral10: TokenObj;
-  ColorNeutral20: TokenObj;
-  ColorNeutral30: TokenObj;
-  ColorNeutral40: TokenObj;
-  ColorNeutral50: TokenObj;
-  ColorNeutral60: TokenObj;
-  ColorNeutral70: TokenObj;
-  ColorNeutral80: TokenObj;
-  ColorNeutral90: TokenObj;
-  ColorNeutral100: TokenObj;
-  ColorNeutral200: TokenObj;
-  ColorNeutral300: TokenObj;
-  ColorNeutral400: TokenObj;
-  ColorNeutral500: TokenObj;
-  ColorBlueGrey100: TokenObj;
-  ColorBlueGrey200: TokenObj;
-  ColorBlueGrey300: TokenObj;
-  ColorBlueGrey400: TokenObj;
-  ColorBlueGrey500: TokenObj;
-  ColorBlueGrey600: TokenObj;
-  ColorOrange100: TokenObj;
-  ColorOrange200: TokenObj;
-  ColorOrange300: TokenObj;
-  ColorOrange400: TokenObj;
-  ColorOrange500: TokenObj;
-  ColorOrange600: TokenObj;
-  ColorYellow100: TokenObj;
-  ColorYellow200: TokenObj;
-  ColorYellow300: TokenObj;
-  ColorYellow400: TokenObj;
-  ColorYellow500: TokenObj;
-  ColorYellow600: TokenObj;
-  ColorGreen100: TokenObj;
-  ColorGreen200: TokenObj;
-  ColorGreen300: TokenObj;
-  ColorGreen400: TokenObj;
-  ColorGreen500: TokenObj;
-  ColorGreen600: TokenObj;
-  ColorCyan100: TokenObj;
-  ColorCyan200: TokenObj;
-  ColorCyan300: TokenObj;
-  ColorCyan400: TokenObj;
-  ColorCyan500: TokenObj;
-  ColorCyan600: TokenObj;
-  ColorPurple100: TokenObj;
-  ColorPurple200: TokenObj;
-  ColorPurple300: TokenObj;
-  ColorPurple400: TokenObj;
-  ColorPurple500: TokenObj;
-  ColorPurple600: TokenObj;
-  ColorRed100: TokenObj;
-  ColorRed200: TokenObj;
-  ColorRed300: TokenObj;
-  ColorRed400: TokenObj;
-  ColorRed500: TokenObj;
-  ColorRed600: TokenObj;
-  ColorMagenta100: TokenObj;
-  ColorMagenta200: TokenObj;
-  ColorMagenta300: TokenObj;
-  ColorMagenta400: TokenObj;
-  ColorMagenta500: TokenObj;
-  ColorMagenta600: TokenObj;
-  Duration: TokenObj;
-  DurationInstant: TokenObj;
-  DurationFast: TokenObj;
-  DurationSlow: TokenObj;
-  FontFamilyBase: TokenObj;
-  FontFamilyDisplay: TokenObj;
-  FontLineHeightBase: TokenObj;
-  FontLineHeightDisplay: TokenObj;
-  FontWeightNormal: TokenObj;
-  FontWeightSemibold: TokenObj;
-  FontWeightBold: TokenObj;
-  FontSize100: TokenObj;
-  FontSize200: TokenObj;
-  FontSize300: TokenObj;
-  FontSize400: TokenObj;
-  FontSize500: TokenObj;
-  FontSize600: TokenObj;
-  FontSize700: TokenObj;
-  FontSize800: TokenObj;
-  FontSize900: TokenObj;
-  Size0: TokenObj;
-  Size1: TokenObj;
-  Size2: TokenObj;
-  Size3: TokenObj;
-  Size4: TokenObj;
-  Size5: TokenObj;
-  Size6: TokenObj;
-  Size7: TokenObj;
-  Size8: TokenObj;
-  Size9: TokenObj;
-  Size10: TokenObj;
-  Size11: TokenObj;
-  Size12: TokenObj;
-  Size13: TokenObj;
-  Size14: TokenObj;
-  SizeQuarter: TokenObj;
-  SizeHalf: TokenObj;
-  TransitionEase: TokenObj;
-  TransitionEaseIn: TokenObj;
-  TransitionEaseOut: TokenObj;
-  TransitionEaseInOut: TokenObj;
-  BreakpointSm: TokenObj;
-  BreakpointMd: TokenObj;
-  BreakpointLg: TokenObj;
-  BreakpointXl: TokenObj;
-  BreakpointXxl: TokenObj;
-};
-
-export type Semantic = {
-  BackgroundColor: TokenObj;
-  BackgroundColorStrong: TokenObj;
-  BackgroundColorStronger: TokenObj;
-  BackgroundColorStrongest: TokenObj;
-  BackgroundColorPrimary: TokenObj;
-  BackgroundColorPrimarySubdued: TokenObj;
-  BackgroundColorDanger: TokenObj;
-  BackgroundColorWarning: TokenObj;
-  BackgroundColorInverted: TokenObj;
-  BackgroundColorInvertedStrong: TokenObj;
-  BackgroundColorDisabled: TokenObj;
-  BorderRadiusNone: TokenObj;
-  BorderRadiusRounded: TokenObj;
-  BorderRadiusRoundedStrong: TokenObj;
-  BorderRadiusPill: TokenObj;
-  BorderRadiusCircular: TokenObj;
-  BorderWidthNone: TokenObj;
-  BorderWidth: TokenObj;
-  BorderWidthStrong: TokenObj;
-  BorderColor: TokenObj;
-  BorderColorStrong: TokenObj;
-  BorderColorSubdued: TokenObj;
-  BorderColorPrimary: TokenObj;
-  BorderColorDanger: TokenObj;
-  ChartsMonochrome1: TokenObj;
-  ChartsMonochrome1Stroke: TokenObj;
-  ChartsMonochrome1Pattern: TokenObj;
-  ChartsMonochrome2: TokenObj;
-  ChartsMonochrome2Stroke: TokenObj;
-  ChartsMonochrome2Pattern: TokenObj;
-  ChartsMonochrome3: TokenObj;
-  ChartsMonochrome3Stroke: TokenObj;
-  ChartsMonochrome3Pattern: TokenObj;
-  ChartsMonochrome4: TokenObj;
-  ChartsMonochrome4Stroke: TokenObj;
-  ChartsMonochrome4Pattern: TokenObj;
-  ChartsCategorical1: TokenObj;
-  ChartsCategorical1Stroke: TokenObj;
-  ChartsCategorical1Pattern: TokenObj;
-  ChartsCategorical2: TokenObj;
-  ChartsCategorical2Stroke: TokenObj;
-  ChartsCategorical2Pattern: TokenObj;
-  ChartsCategorical3: TokenObj;
-  ChartsCategorical3Stroke: TokenObj;
-  ChartsCategorical3Pattern: TokenObj;
-  ChartsCategorical4: TokenObj;
-  ChartsCategorical4Stroke: TokenObj;
-  ChartsCategorical4Pattern: TokenObj;
-  ChartsCategorical5: TokenObj;
-  ChartsCategorical5Stroke: TokenObj;
-  ChartsCategorical5Pattern: TokenObj;
-  ChartsCategorical6: TokenObj;
-  ChartsCategorical6Stroke: TokenObj;
-  ChartsCategorical6Pattern: TokenObj;
-  ChartsCategorical7: TokenObj;
-  ChartsCategorical7Stroke: TokenObj;
-  ChartsCategorical7Pattern: TokenObj;
-  ChartsCategorical8: TokenObj;
-  ChartsCategorical8Stroke: TokenObj;
-  ChartsCategorical8Pattern: TokenObj;
-  ChartsCategorical9: TokenObj;
-  ChartsCategorical9Stroke: TokenObj;
-  ChartsCategorical9Pattern: TokenObj;
-  ChartsChartsStatusSuccess: TokenObj;
-  ChartsChartsStatusSuccessStroke: TokenObj;
-  ChartsChartsStatusSuccessPattern: TokenObj;
-  ChartsChartsStatusWarning: TokenObj;
-  ChartsChartsStatusWarningStroke: TokenObj;
-  ChartsChartsStatusWarningPattern: TokenObj;
-  ChartsChartsStatusDanger: TokenObj;
-  ChartsChartsStatusDangerStroke: TokenObj;
-  ChartsChartsStatusDangerPattern: TokenObj;
-  ChartsChartsStatusNeutral: TokenObj;
-  ChartsChartsStatusNeutralStroke: TokenObj;
-  ChartsChartsStatusNeutralPattern: TokenObj;
-  FocusRingColor: TokenObj;
-  FocusRingColorDanger: TokenObj;
-  FocusRingWidth: TokenObj;
-  ForegroundColor: TokenObj;
-  ForegroundColorSubdued: TokenObj;
-  ForegroundColorPrimary: TokenObj;
-  ForegroundColorDanger: TokenObj;
-  ForegroundColorInverted: TokenObj;
-  ForegroundColorOnPrimary: TokenObj;
-  ForegroundColorOnDanger: TokenObj;
-  ForegroundColorOnWarning: TokenObj;
-  OverlayColorActive: TokenObj;
-  OverlayColorActivePrimary: TokenObj;
-  OverlayColorActiveDanger: TokenObj;
-  OverlayColorActiveOn: TokenObj;
-  OverlayColorActiveOnPrimary: TokenObj;
-  OverlayColorActiveOnDanger: TokenObj;
-  OverlayColorHover: TokenObj;
-  OverlayColorHoverPrimary: TokenObj;
-  OverlayColorHoverDanger: TokenObj;
-  OverlayColorHoverOn: TokenObj;
-  OverlayColorHoverOnPrimary: TokenObj;
-  OverlayColorHoverOnDanger: TokenObj;
-  ShadowColor: TokenObj;
-  ShadowSizeFlat: TokenObj;
-  ShadowSizeFloat: TokenObj;
-  ShadowSizeOverlay: TokenObj;
-  StatusColorInfo: TokenObj;
-  StatusColorDanger: TokenObj;
-  StatusColorSuccess: TokenObj;
-  StatusColorWarning: TokenObj;
-  TypographyParagraphSizeXsmall: TokenObj;
-  TypographyParagraphSizeSmall: TokenObj;
-  TypographyParagraphSize: TokenObj;
-  TypographyParagraphSizeLarge: TokenObj;
-  TypographyParagraphSizeXlarge: TokenObj;
-  TypographyParagraphFontWeight: TokenObj;
-  TypographyParagraphFontFamily: TokenObj;
-  TypographyHeadingSizeXsmall: TokenObj;
-  TypographyHeadingSizeSmall: TokenObj;
-  TypographyHeadingSize: TokenObj;
-  TypographyHeadingSizeLarge: TokenObj;
-  TypographyHeadingSizeXlarge: TokenObj;
-  TypographyHeadingFontWeight: TokenObj;
-  TypographyHeadingFontFamily: TokenObj;
-  TypographyLabelSizeXsmall: TokenObj;
-  TypographyLabelSizeSmall: TokenObj;
-  TypographyLabelSize: TokenObj;
-  TypographyLabelSizeLarge: TokenObj;
-  TypographyLabelSizeXlarge: TokenObj;
-  TypographyLabelFontWeight: TokenObj;
-  TypographyLabelFontFamily: TokenObj;
-};
-
-type Component = {
-  // Button
-  ButtonPrimaryForegroundColor: TokenObj;
-  ButtonPrimaryForegroundColorHover: TokenObj;
-  ButtonPrimaryForegroundColorActive: TokenObj;
-  ButtonPrimaryBackgroundColor: TokenObj;
-  ButtonPrimaryBackgroundColorHover: TokenObj;
-  ButtonPrimaryBackgroundColorActive: TokenObj;
-  ButtonPrimaryBorderColor: TokenObj;
-  ButtonPrimaryFocusRingColor: TokenObj;
-  ButtonSecondaryForegroundColor: TokenObj;
-  ButtonSecondaryForegroundColorHover: TokenObj;
-  ButtonSecondaryForegroundColorActive: TokenObj;
-  ButtonSecondaryBackgroundColor: TokenObj;
-  ButtonSecondaryBackgroundColorHover: TokenObj;
-  ButtonSecondaryBackgroundColorActive: TokenObj;
-  ButtonSecondaryBorderColor: TokenObj;
-  ButtonSecondaryFocusRingColor: TokenObj;
-  ButtonGhostForegroundColor: TokenObj;
-  ButtonGhostForegroundColorHover: TokenObj;
-  ButtonGhostForegroundColorActive: TokenObj;
-  ButtonGhostBackgroundColor: TokenObj;
-  ButtonGhostBackgroundColorHover: TokenObj;
-  ButtonGhostBackgroundColorActive: TokenObj;
-  ButtonGhostBorderColor: TokenObj;
-  ButtonGhostFocusRingColor: TokenObj;
-  ButtonDangerPrimaryForegroundColor: TokenObj;
-  ButtonDangerPrimaryForegroundColorHover: TokenObj;
-  ButtonDangerPrimaryForegroundColorActive: TokenObj;
-  ButtonDangerPrimaryBackgroundColor: TokenObj;
-  ButtonDangerPrimaryBackgroundColorHover: TokenObj;
-  ButtonDangerPrimaryBackgroundColorActive: TokenObj;
-  ButtonDangerPrimaryBorderColor: TokenObj;
-  ButtonDangerPrimaryFocusRingColor: TokenObj;
-  ButtonDangerSecondaryForegroundColor: TokenObj;
-  ButtonDangerSecondaryForegroundColorHover: TokenObj;
-  ButtonDangerSecondaryForegroundColorActive: TokenObj;
-  ButtonDangerSecondaryBackgroundColor: TokenObj;
-  ButtonDangerSecondaryBackgroundColorHover: TokenObj;
-  ButtonDangerSecondaryBackgroundColorActive: TokenObj;
-  ButtonDangerSecondaryBorderColor: TokenObj;
-  ButtonDangerSecondaryFocusRingColor: TokenObj;
-  ButtonPrimaryBorderRadius: TokenObj;
-  ButtonSecondaryBorderRadius: TokenObj;
-  ButtonGhostBorderRadius: TokenObj;
-  ButtonDangerPrimaryBorderRadius: TokenObj;
-  ButtonDangerSecondaryBorderRadius: TokenObj;
-
-  // Checkbox
-  CheckboxUncheckedFillColor: TokenObj;
-  CheckboxUncheckedFillColorHover: TokenObj;
-  CheckboxUncheckedFillColorActive: TokenObj;
-  CheckboxUncheckedBackgroundColor: TokenObj;
-  CheckboxUncheckedBackgroundColorHover: TokenObj;
-  CheckboxUncheckedBackgroundColorActive: TokenObj;
-  CheckboxCheckedFillColor: TokenObj;
-  CheckboxCheckedFillColorHover: TokenObj;
-  CheckboxCheckedFillColorActive: TokenObj;
-  CheckboxCheckedBackgroundColor: TokenObj;
-  CheckboxCheckedBackgroundColorHover: TokenObj;
-  CheckboxCheckedBackgroundColorActive: TokenObj;
-  CheckboxUncheckedErrorFillColor: TokenObj;
-  CheckboxUncheckedErrorFillColorHover: TokenObj;
-  CheckboxUncheckedErrorFillColorActive: TokenObj;
-  CheckboxUncheckedErrorBackgroundColor: TokenObj;
-  CheckboxUncheckedErrorBackgroundColorHover: TokenObj;
-  CheckboxUncheckedErrorBackgroundColorActive: TokenObj;
-  CheckboxCheckedErrorFillColor: TokenObj;
-  CheckboxCheckedErrorFillColorHover: TokenObj;
-  CheckboxCheckedErrorFillColorActive: TokenObj;
-  CheckboxCheckedErrorBackgroundColor: TokenObj;
-  CheckboxCheckedErrorBackgroundColorHover: TokenObj;
-  CheckboxCheckedErrorBackgroundColorActive: TokenObj;
-};
-type Token = {
-  primitive: Primitive;
-  semantic: Semantic;
-  component: Component;
-  name: string;
-};
-
-export default Token;