@servicetitan/hammer-token 2.4.0 → 2.5.1

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @servicetitan/hammer-token@2.4.0 build /home/runner/work/hammer/hammer/packages/hammer-token
+> @servicetitan/hammer-token@2.5.1 build /home/runner/work/hammer/hammer/packages/hammer-token
 > node ./config.js
 
 

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @servicetitan/hammer-token
 
+## 2.5.1
+
+### Patch Changes
+
+- [#1624](https://github.com/servicetitan/hammer/pull/1624) [`a0f7dad`](https://github.com/servicetitan/hammer/commit/a0f7dad3b885d5867df185b79ca1ae118d197a7d) Thanks [@rgdelato](https://github.com/rgdelato)! - [Charts] Add license and remove watermark from amCharts5 themes
+
+## 2.5.0
+
+### Minor Changes
+
+- [#1393](https://github.com/servicetitan/hammer/pull/1393) [`0869aed`](https://github.com/servicetitan/hammer/commit/0869aed7c5d63837d10d74576e0932ad14812401) Thanks [@rgdelato](https://github.com/rgdelato)! - [Tokens] Add chart color tokens to `hammer-token` package
+
 ## 2.4.0
 
 ### Minor Changes

package/build/web/core/raw.js

@@ -8,6 +8,24 @@ export const common = {
 	BorderWidthNone: "0rem",
 	BorderWidth: "0.0625rem",
 	BorderWidthStrong: "0.125rem",
+	ChartsMonochrome01Pattern: "solid",
+	ChartsMonochrome02Pattern: "solid",
+	ChartsMonochrome03Pattern: "striped",
+	ChartsMonochrome04Pattern: "solid",
+	ChartsCategorical10Pattern: "solid",
+	ChartsCategorical01Pattern: "solid",
+	ChartsCategorical02Pattern: "solid",
+	ChartsCategorical03Pattern: "solid",
+	ChartsCategorical04Pattern: "solid",
+	ChartsCategorical05Pattern: "solid",
+	ChartsCategorical06Pattern: "solid",
+	ChartsCategorical07Pattern: "solid",
+	ChartsCategorical08Pattern: "solid",
+	ChartsCategorical09Pattern: "solid",
+	ChartsStatusSuccessPattern: "solid",
+	ChartsStatusWarningPattern: "solid",
+	ChartsStatusDangerPattern: "solid",
+	ChartsStatusNeutralPattern: "striped",
 	FocusRingWidth: "0.25rem",
 	ShadowSizeFlat: "0rem 0rem 0rem",
 	ShadowSizeFloat: "0rem 0.125rem 0.5rem",
@@ -55,6 +73,42 @@ export const light = {
 	BorderColorPrimary: "#0265DC",
 	BorderColorSuccess: "#007A4D",
 	BorderColorDanger: "#e13212",
+	ChartsMonochrome01Color: "#3892F3",
+	ChartsMonochrome01Stroke: "transparent",
+	ChartsMonochrome02Color: "#08389c",
+	ChartsMonochrome02Stroke: "transparent",
+	ChartsMonochrome03Color: "#F2F9FF",
+	ChartsMonochrome03Stroke: "#3892F3",
+	ChartsMonochrome04Color: "#F2F9FF",
+	ChartsMonochrome04Stroke: "#3892F3",
+	ChartsCategorical10Color: "#D57A5C",
+	ChartsCategorical10Stroke: "transparent",
+	ChartsCategorical01Color: "#3892F3",
+	ChartsCategorical01Stroke: "transparent",
+	ChartsCategorical02Color: "#08389c",
+	ChartsCategorical02Stroke: "transparent",
+	ChartsCategorical03Color: "#0FA2B8",
+	ChartsCategorical03Stroke: "transparent",
+	ChartsCategorical04Color: "#907AF5",
+	ChartsCategorical04Stroke: "transparent",
+	ChartsCategorical05Color: "#DE52CE",
+	ChartsCategorical05Stroke: "transparent",
+	ChartsCategorical06Color: "#C2185B",
+	ChartsCategorical06Stroke: "transparent",
+	ChartsCategorical07Color: "#759E15",
+	ChartsCategorical07Stroke: "transparent",
+	ChartsCategorical08Color: "#AC6400",
+	ChartsCategorical08Stroke: "transparent",
+	ChartsCategorical09Color: "#EB7200",
+	ChartsCategorical09Stroke: "transparent",
+	ChartsStatusSuccessColor: "#007A4D",
+	ChartsStatusSuccessStroke: "transparent",
+	ChartsStatusWarningColor: "#ffbe00",
+	ChartsStatusWarningStroke: "transparent",
+	ChartsStatusDangerColor: "#e13212",
+	ChartsStatusDangerStroke: "transparent",
+	ChartsStatusNeutralColor: "#ffffff",
+	ChartsStatusNeutralStroke: "#8C9CA5",
 	FocusRingColor: "#0265DC",
 	FocusRingColorDanger: "#e13212",
 	ForegroundColor: "#141414",
@@ -109,6 +163,42 @@ export const dark = {
 	BorderColorPrimary: "#78BBFA",
 	BorderColorSuccess: "#49CC93",
 	BorderColorDanger: "#ff745f",
+	ChartsMonochrome01Color: "#8AC3FF",
+	ChartsMonochrome01Stroke: "transparent",
+	ChartsMonochrome02Color: "#3476FF",
+	ChartsMonochrome02Stroke: "transparent",
+	ChartsMonochrome03Color: "#141414",
+	ChartsMonochrome03Stroke: "#8AC3FF",
+	ChartsMonochrome04Color: "#F2F9FF",
+	ChartsMonochrome04Stroke: "#8AC3FF",
+	ChartsCategorical10Color: "#D99078",
+	ChartsCategorical10Stroke: "transparent",
+	ChartsCategorical01Color: "#3892F3",
+	ChartsCategorical01Stroke: "transparent",
+	ChartsCategorical02Color: "#3476FF",
+	ChartsCategorical02Stroke: "transparent",
+	ChartsCategorical03Color: "#C6F6FF",
+	ChartsCategorical03Stroke: "transparent",
+	ChartsCategorical04Color: "#C6B8F4",
+	ChartsCategorical04Stroke: "transparent",
+	ChartsCategorical05Color: "#D949A9",
+	ChartsCategorical05Stroke: "transparent",
+	ChartsCategorical06Color: "#ED1369",
+	ChartsCategorical06Stroke: "transparent",
+	ChartsCategorical07Color: "#8CC30B",
+	ChartsCategorical07Stroke: "transparent",
+	ChartsCategorical08Color: "#B36800",
+	ChartsCategorical08Stroke: "transparent",
+	ChartsCategorical09Color: "#FFA037",
+	ChartsCategorical09Stroke: "transparent",
+	ChartsStatusSuccessColor: "#49CC93",
+	ChartsStatusSuccessStroke: "transparent",
+	ChartsStatusWarningColor: "#ffe278",
+	ChartsStatusWarningStroke: "transparent",
+	ChartsStatusDangerColor: "#ff745f",
+	ChartsStatusDangerStroke: "transparent",
+	ChartsStatusNeutralColor: "#141414",
+	ChartsStatusNeutralStroke: "#B4C1C8",
 	FocusRingColor: "#78BBFA",
 	FocusRingColorDanger: "#ff745f",
 	ForegroundColor: "#ffffff",

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

@@ -19,6 +19,60 @@ $light: (
   border-color-primary: #0265DC,
   border-color-success: #007A4D,
   border-color-danger: #e13212,
+  charts-monochrome-01-color: #3892F3,
+  charts-monochrome-01-stroke: transparent,
+  charts-monochrome-01-pattern: solid,
+  charts-monochrome-02-color: #08389c,
+  charts-monochrome-02-stroke: transparent,
+  charts-monochrome-02-pattern: solid,
+  charts-monochrome-03-color: #F2F9FF,
+  charts-monochrome-03-stroke: #3892F3,
+  charts-monochrome-03-pattern: striped,
+  charts-monochrome-04-color: #F2F9FF,
+  charts-monochrome-04-stroke: #3892F3,
+  charts-monochrome-04-pattern: solid,
+  charts-categorical-10-color: #D57A5C,
+  charts-categorical-10-stroke: transparent,
+  charts-categorical-10-pattern: solid,
+  charts-categorical-01-color: #3892F3,
+  charts-categorical-01-stroke: transparent,
+  charts-categorical-01-pattern: solid,
+  charts-categorical-02-color: #08389c,
+  charts-categorical-02-stroke: transparent,
+  charts-categorical-02-pattern: solid,
+  charts-categorical-03-color: #0FA2B8,
+  charts-categorical-03-stroke: transparent,
+  charts-categorical-03-pattern: solid,
+  charts-categorical-04-color: #907AF5,
+  charts-categorical-04-stroke: transparent,
+  charts-categorical-04-pattern: solid,
+  charts-categorical-05-color: #DE52CE,
+  charts-categorical-05-stroke: transparent,
+  charts-categorical-05-pattern: solid,
+  charts-categorical-06-color: #C2185B,
+  charts-categorical-06-stroke: transparent,
+  charts-categorical-06-pattern: solid,
+  charts-categorical-07-color: #759E15,
+  charts-categorical-07-stroke: transparent,
+  charts-categorical-07-pattern: solid,
+  charts-categorical-08-color: #AC6400,
+  charts-categorical-08-stroke: transparent,
+  charts-categorical-08-pattern: solid,
+  charts-categorical-09-color: #EB7200,
+  charts-categorical-09-stroke: transparent,
+  charts-categorical-09-pattern: solid,
+  charts-status-success-color: #007A4D,
+  charts-status-success-stroke: transparent,
+  charts-status-success-pattern: solid,
+  charts-status-warning-color: #ffbe00,
+  charts-status-warning-stroke: transparent,
+  charts-status-warning-pattern: solid,
+  charts-status-danger-color: #e13212,
+  charts-status-danger-stroke: transparent,
+  charts-status-danger-pattern: solid,
+  charts-status-neutral-color: #ffffff,
+  charts-status-neutral-stroke: #8C9CA5,
+  charts-status-neutral-pattern: striped,
   focus-ring-color: #0265DC,
   focus-ring-color-danger: #e13212,
   foreground-color: #141414,
@@ -73,6 +127,60 @@ $dark: (
   border-color-primary: #78BBFA,
   border-color-success: #49CC93,
   border-color-danger: #ff745f,
+  charts-monochrome-01-color: #8AC3FF,
+  charts-monochrome-01-stroke: transparent,
+  charts-monochrome-01-pattern: solid,
+  charts-monochrome-02-color: #3476FF,
+  charts-monochrome-02-stroke: transparent,
+  charts-monochrome-02-pattern: solid,
+  charts-monochrome-03-color: #141414,
+  charts-monochrome-03-stroke: #8AC3FF,
+  charts-monochrome-03-pattern: striped,
+  charts-monochrome-04-color: #F2F9FF,
+  charts-monochrome-04-stroke: #8AC3FF,
+  charts-monochrome-04-pattern: solid,
+  charts-categorical-10-color: #D99078,
+  charts-categorical-10-stroke: transparent,
+  charts-categorical-10-pattern: solid,
+  charts-categorical-01-color: #3892F3,
+  charts-categorical-01-stroke: transparent,
+  charts-categorical-01-pattern: solid,
+  charts-categorical-02-color: #3476FF,
+  charts-categorical-02-stroke: transparent,
+  charts-categorical-02-pattern: solid,
+  charts-categorical-03-color: #C6F6FF,
+  charts-categorical-03-stroke: transparent,
+  charts-categorical-03-pattern: solid,
+  charts-categorical-04-color: #C6B8F4,
+  charts-categorical-04-stroke: transparent,
+  charts-categorical-04-pattern: solid,
+  charts-categorical-05-color: #D949A9,
+  charts-categorical-05-stroke: transparent,
+  charts-categorical-05-pattern: solid,
+  charts-categorical-06-color: #ED1369,
+  charts-categorical-06-stroke: transparent,
+  charts-categorical-06-pattern: solid,
+  charts-categorical-07-color: #8CC30B,
+  charts-categorical-07-stroke: transparent,
+  charts-categorical-07-pattern: solid,
+  charts-categorical-08-color: #B36800,
+  charts-categorical-08-stroke: transparent,
+  charts-categorical-08-pattern: solid,
+  charts-categorical-09-color: #FFA037,
+  charts-categorical-09-stroke: transparent,
+  charts-categorical-09-pattern: solid,
+  charts-status-success-color: #49CC93,
+  charts-status-success-stroke: transparent,
+  charts-status-success-pattern: solid,
+  charts-status-warning-color: #ffe278,
+  charts-status-warning-stroke: transparent,
+  charts-status-warning-pattern: solid,
+  charts-status-danger-color: #ff745f,
+  charts-status-danger-stroke: transparent,
+  charts-status-danger-pattern: solid,
+  charts-status-neutral-color: #141414,
+  charts-status-neutral-stroke: #B4C1C8,
+  charts-status-neutral-pattern: striped,
   focus-ring-color: #78BBFA,
   focus-ring-color-danger: #ff745f,
   foreground-color: #ffffff,

package/build/web/core/semantic.js

@@ -207,6 +207,384 @@ export const BorderColorDanger = {
     }
   }
 };
+export const ChartsMonochrome01Color = {
+  value: "#3892F3",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#8AC3FF"
+      }
+    }
+  }
+};
+export const ChartsMonochrome01Stroke = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+export const ChartsMonochrome01Pattern = { value: "solid" };
+export const ChartsMonochrome02Color = {
+  value: "#08389c",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#3476FF"
+      }
+    }
+  }
+};
+export const ChartsMonochrome02Stroke = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+export const ChartsMonochrome02Pattern = { value: "solid" };
+export const ChartsMonochrome03Color = {
+  value: "#F2F9FF",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#141414"
+      }
+    }
+  }
+};
+export const ChartsMonochrome03Stroke = {
+  value: "#3892F3",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#8AC3FF"
+      }
+    }
+  }
+};
+export const ChartsMonochrome03Pattern = { value: "striped" };
+export const ChartsMonochrome04Color = {
+  value: "#F2F9FF",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#F2F9FF"
+      }
+    }
+  }
+};
+export const ChartsMonochrome04Stroke = {
+  value: "#3892F3",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#8AC3FF"
+      }
+    }
+  }
+};
+export const ChartsMonochrome04Pattern = { value: "solid" };
+export const ChartsCategorical10Color = {
+  value: "#D57A5C",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#D99078"
+      }
+    }
+  }
+};
+export const ChartsCategorical10Stroke = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+export const ChartsCategorical10Pattern = { value: "solid" };
+export const ChartsCategorical01Color = {
+  value: "#3892F3",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#3892F3"
+      }
+    }
+  }
+};
+export const ChartsCategorical01Stroke = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+export const ChartsCategorical01Pattern = { value: "solid" };
+export const ChartsCategorical02Color = {
+  value: "#08389c",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#3476FF"
+      }
+    }
+  }
+};
+export const ChartsCategorical02Stroke = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+export const ChartsCategorical02Pattern = { value: "solid" };
+export const ChartsCategorical03Color = {
+  value: "#0FA2B8",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#C6F6FF"
+      }
+    }
+  }
+};
+export const ChartsCategorical03Stroke = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+export const ChartsCategorical03Pattern = { value: "solid" };
+export const ChartsCategorical04Color = {
+  value: "#907AF5",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#C6B8F4"
+      }
+    }
+  }
+};
+export const ChartsCategorical04Stroke = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+export const ChartsCategorical04Pattern = { value: "solid" };
+export const ChartsCategorical05Color = {
+  value: "#DE52CE",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#D949A9"
+      }
+    }
+  }
+};
+export const ChartsCategorical05Stroke = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+export const ChartsCategorical05Pattern = { value: "solid" };
+export const ChartsCategorical06Color = {
+  value: "#C2185B",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ED1369"
+      }
+    }
+  }
+};
+export const ChartsCategorical06Stroke = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+export const ChartsCategorical06Pattern = { value: "solid" };
+export const ChartsCategorical07Color = {
+  value: "#759E15",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#8CC30B"
+      }
+    }
+  }
+};
+export const ChartsCategorical07Stroke = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+export const ChartsCategorical07Pattern = { value: "solid" };
+export const ChartsCategorical08Color = {
+  value: "#AC6400",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#B36800"
+      }
+    }
+  }
+};
+export const ChartsCategorical08Stroke = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+export const ChartsCategorical08Pattern = { value: "solid" };
+export const ChartsCategorical09Color = {
+  value: "#EB7200",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#FFA037"
+      }
+    }
+  }
+};
+export const ChartsCategorical09Stroke = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+export const ChartsCategorical09Pattern = { value: "solid" };
+export const ChartsStatusSuccessColor = {
+  value: "#007A4D",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#49CC93"
+      }
+    }
+  }
+};
+export const ChartsStatusSuccessStroke = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+export const ChartsStatusSuccessPattern = { value: "solid" };
+export const ChartsStatusWarningColor = {
+  value: "#ffbe00",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ffe278"
+      }
+    }
+  }
+};
+export const ChartsStatusWarningStroke = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+export const ChartsStatusWarningPattern = { value: "solid" };
+export const ChartsStatusDangerColor = {
+  value: "#e13212",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#ff745f"
+      }
+    }
+  }
+};
+export const ChartsStatusDangerStroke = {
+  value: "transparent",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "transparent"
+      }
+    }
+  }
+};
+export const ChartsStatusDangerPattern = { value: "solid" };
+export const ChartsStatusNeutralColor = {
+  value: "#ffffff",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#141414"
+      }
+    }
+  }
+};
+export const ChartsStatusNeutralStroke = {
+  value: "#8C9CA5",
+  attributes: {
+    appearance: {
+      dark: {
+        value: "#B4C1C8"
+      }
+    }
+  }
+};
+export const ChartsStatusNeutralPattern = { value: "striped" };
 export const FocusRingColor = {
   value: "#0265DC",
   attributes: {

package/build/web/core/semantic.scss

@@ -27,6 +27,60 @@ $border-color-strong: var(--border-color-strong, #444445);
 $border-color-primary: var(--border-color-primary, #0265DC);
 $border-color-success: var(--border-color-success, #007A4D);
 $border-color-danger: var(--border-color-danger, #e13212);
+$charts-monochrome-01-color: var(--charts-monochrome-01-color, #3892F3);
+$charts-monochrome-01-stroke: var(--charts-monochrome-01-stroke, transparent);
+$charts-monochrome-01-pattern: solid;
+$charts-monochrome-02-color: var(--charts-monochrome-02-color, #08389c);
+$charts-monochrome-02-stroke: var(--charts-monochrome-02-stroke, transparent);
+$charts-monochrome-02-pattern: solid;
+$charts-monochrome-03-color: var(--charts-monochrome-03-color, #F2F9FF);
+$charts-monochrome-03-stroke: var(--charts-monochrome-03-stroke, #3892F3);
+$charts-monochrome-03-pattern: striped;
+$charts-monochrome-04-color: var(--charts-monochrome-04-color, #F2F9FF);
+$charts-monochrome-04-stroke: var(--charts-monochrome-04-stroke, #3892F3);
+$charts-monochrome-04-pattern: solid;
+$charts-categorical-10-color: var(--charts-categorical-10-color, #D57A5C);
+$charts-categorical-10-stroke: var(--charts-categorical-10-stroke, transparent);
+$charts-categorical-10-pattern: solid;
+$charts-categorical-01-color: var(--charts-categorical-01-color, #3892F3);
+$charts-categorical-01-stroke: var(--charts-categorical-01-stroke, transparent);
+$charts-categorical-01-pattern: solid;
+$charts-categorical-02-color: var(--charts-categorical-02-color, #08389c);
+$charts-categorical-02-stroke: var(--charts-categorical-02-stroke, transparent);
+$charts-categorical-02-pattern: solid;
+$charts-categorical-03-color: var(--charts-categorical-03-color, #0FA2B8);
+$charts-categorical-03-stroke: var(--charts-categorical-03-stroke, transparent);
+$charts-categorical-03-pattern: solid;
+$charts-categorical-04-color: var(--charts-categorical-04-color, #907AF5);
+$charts-categorical-04-stroke: var(--charts-categorical-04-stroke, transparent);
+$charts-categorical-04-pattern: solid;
+$charts-categorical-05-color: var(--charts-categorical-05-color, #DE52CE);
+$charts-categorical-05-stroke: var(--charts-categorical-05-stroke, transparent);
+$charts-categorical-05-pattern: solid;
+$charts-categorical-06-color: var(--charts-categorical-06-color, #C2185B);
+$charts-categorical-06-stroke: var(--charts-categorical-06-stroke, transparent);
+$charts-categorical-06-pattern: solid;
+$charts-categorical-07-color: var(--charts-categorical-07-color, #759E15);
+$charts-categorical-07-stroke: var(--charts-categorical-07-stroke, transparent);
+$charts-categorical-07-pattern: solid;
+$charts-categorical-08-color: var(--charts-categorical-08-color, #AC6400);
+$charts-categorical-08-stroke: var(--charts-categorical-08-stroke, transparent);
+$charts-categorical-08-pattern: solid;
+$charts-categorical-09-color: var(--charts-categorical-09-color, #EB7200);
+$charts-categorical-09-stroke: var(--charts-categorical-09-stroke, transparent);
+$charts-categorical-09-pattern: solid;
+$charts-status-success-color: var(--charts-status-success-color, #007A4D);
+$charts-status-success-stroke: var(--charts-status-success-stroke, transparent);
+$charts-status-success-pattern: solid;
+$charts-status-warning-color: var(--charts-status-warning-color, #ffbe00);
+$charts-status-warning-stroke: var(--charts-status-warning-stroke, transparent);
+$charts-status-warning-pattern: solid;
+$charts-status-danger-color: var(--charts-status-danger-color, #e13212);
+$charts-status-danger-stroke: var(--charts-status-danger-stroke, transparent);
+$charts-status-danger-pattern: solid;
+$charts-status-neutral-color: var(--charts-status-neutral-color, #ffffff);
+$charts-status-neutral-stroke: var(--charts-status-neutral-stroke, #8C9CA5);
+$charts-status-neutral-pattern: striped;
 $focus-ring-color: var(--focus-ring-color, #0265DC);
 $focus-ring-color-danger: var(--focus-ring-color-danger, #e13212);
 $focus-ring-width: 0.25rem;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@servicetitan/hammer-token",
-  "version": "2.4.0",
+  "version": "2.5.1",
   "description": "",
   "main": "build/web/index.js",
   "types": "build/web/index.d.ts",

package/src/theme/core/charts.js

@@ -0,0 +1,464 @@
+/* eslint-disable @typescript-eslint/no-require-imports */
+const { color } = require("../../global/primitive/color");
+const { status } = require("./status");
+
+module.exports = {
+  charts: {
+    monochrome: {
+      "01": {
+        color: {
+          value: "#3892F3",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "#8AC3FF",
+              },
+            },
+          },
+        },
+        stroke: {
+          value: "transparent",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "transparent",
+              },
+            },
+          },
+        },
+        pattern: {
+          value: "solid",
+        },
+      },
+      "02": {
+        color: {
+          value: "#08389c",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "#3476FF",
+              },
+            },
+          },
+        },
+        stroke: {
+          value: "transparent",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "transparent",
+              },
+            },
+          },
+        },
+        pattern: {
+          value: "solid",
+        },
+      },
+      "03": {
+        color: {
+          value: "#F2F9FF",
+          attributes: {
+            appearance: {
+              dark: {
+                value: color.neutral["400"].value,
+              },
+            },
+          },
+        },
+        stroke: {
+          value: "#3892F3",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "#8AC3FF",
+              },
+            },
+          },
+        },
+        pattern: {
+          value: "striped",
+        },
+      },
+      "04": {
+        color: {
+          value: "#F2F9FF",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "#F2F9FF",
+              },
+            },
+          },
+        },
+        stroke: {
+          value: "#3892F3",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "#8AC3FF",
+              },
+            },
+          },
+        },
+        pattern: {
+          value: "solid",
+        },
+      },
+    },
+    categorical: {
+      "01": {
+        color: {
+          value: "#3892F3",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "#3892F3",
+              },
+            },
+          },
+        },
+        stroke: {
+          value: "transparent",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "transparent",
+              },
+            },
+          },
+        },
+        pattern: {
+          value: "solid",
+        },
+      },
+      "02": {
+        color: {
+          value: "#08389c",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "#3476FF",
+              },
+            },
+          },
+        },
+        stroke: {
+          value: "transparent",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "transparent",
+              },
+            },
+          },
+        },
+        pattern: {
+          value: "solid",
+        },
+      },
+      "03": {
+        color: {
+          value: "#0FA2B8",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "#C6F6FF",
+              },
+            },
+          },
+        },
+        stroke: {
+          value: "transparent",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "transparent",
+              },
+            },
+          },
+        },
+        pattern: {
+          value: "solid",
+        },
+      },
+      "04": {
+        color: {
+          value: "#907AF5",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "#C6B8F4",
+              },
+            },
+          },
+        },
+        stroke: {
+          value: "transparent",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "transparent",
+              },
+            },
+          },
+        },
+        pattern: {
+          value: "solid",
+        },
+      },
+      "05": {
+        color: {
+          value: "#DE52CE",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "#D949A9",
+              },
+            },
+          },
+        },
+        stroke: {
+          value: "transparent",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "transparent",
+              },
+            },
+          },
+        },
+        pattern: {
+          value: "solid",
+        },
+      },
+      "06": {
+        color: {
+          value: "#C2185B",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "#ED1369",
+              },
+            },
+          },
+        },
+        stroke: {
+          value: "transparent",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "transparent",
+              },
+            },
+          },
+        },
+        pattern: {
+          value: "solid",
+        },
+      },
+      "07": {
+        color: {
+          value: "#759E15",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "#8CC30B",
+              },
+            },
+          },
+        },
+        stroke: {
+          value: "transparent",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "transparent",
+              },
+            },
+          },
+        },
+        pattern: {
+          value: "solid",
+        },
+      },
+      "08": {
+        color: {
+          value: "#AC6400",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "#B36800",
+              },
+            },
+          },
+        },
+        stroke: {
+          value: "transparent",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "transparent",
+              },
+            },
+          },
+        },
+        pattern: {
+          value: "solid",
+        },
+      },
+      "09": {
+        color: {
+          value: "#EB7200",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "#FFA037",
+              },
+            },
+          },
+        },
+        stroke: {
+          value: "transparent",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "transparent",
+              },
+            },
+          },
+        },
+        pattern: {
+          value: "solid",
+        },
+      },
+      10: {
+        color: {
+          value: "#D57A5C",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "#D99078",
+              },
+            },
+          },
+        },
+        stroke: {
+          value: "transparent",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "transparent",
+              },
+            },
+          },
+        },
+        pattern: {
+          value: "solid",
+        },
+      },
+    },
+    status: {
+      success: {
+        color: {
+          value: status.color.success.value,
+          attributes: {
+            appearance: {
+              dark: {
+                value: status.color.success.attributes.appearance.dark.value,
+              },
+            },
+          },
+        },
+        stroke: {
+          value: "transparent",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "transparent",
+              },
+            },
+          },
+        },
+        pattern: {
+          value: "solid",
+        },
+      },
+      warning: {
+        color: {
+          value: status.color.warning.value,
+          attributes: {
+            appearance: {
+              dark: {
+                value: status.color.warning.attributes.appearance.dark.value,
+              },
+            },
+          },
+        },
+        stroke: {
+          value: "transparent",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "transparent",
+              },
+            },
+          },
+        },
+        pattern: {
+          value: "solid",
+        },
+      },
+      danger: {
+        color: {
+          value: status.color.danger.value,
+          attributes: {
+            appearance: {
+              dark: {
+                value: status.color.danger.attributes.appearance.dark.value,
+              },
+            },
+          },
+        },
+        stroke: {
+          value: "transparent",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "transparent",
+              },
+            },
+          },
+        },
+        pattern: {
+          value: "solid",
+        },
+      },
+      neutral: {
+        color: {
+          value: color.neutral["0"].value,
+          attributes: {
+            appearance: {
+              dark: {
+                value: color.neutral["400"].value,
+              },
+            },
+          },
+        },
+        stroke: {
+          value: "#8C9CA5",
+          attributes: {
+            appearance: {
+              dark: {
+                value: "#B4C1C8",
+              },
+            },
+          },
+        },
+        pattern: {
+          value: "striped",
+        },
+      },
+    },
+  },
+};

package/type/types.ts

@@ -152,6 +152,60 @@ export type Semantic = {
   BorderColorSubdued: TokenObj;
   BorderColorPrimary: TokenObj;
   BorderColorDanger: TokenObj;
+  ChartsMonochrome01Color: TokenObj;
+  ChartsMonochrome01Stroke: TokenObj;
+  ChartsMonochrome01Pattern: TokenObj;
+  ChartsMonochrome02Color: TokenObj;
+  ChartsMonochrome02Stroke: TokenObj;
+  ChartsMonochrome02Pattern: TokenObj;
+  ChartsMonochrome03Color: TokenObj;
+  ChartsMonochrome03Stroke: TokenObj;
+  ChartsMonochrome03Pattern: TokenObj;
+  ChartsMonochrome04Color: TokenObj;
+  ChartsMonochrome04Stroke: TokenObj;
+  ChartsMonochrome04Pattern: TokenObj;
+  ChartsCategorical01Color: TokenObj;
+  ChartsCategorical01Stroke: TokenObj;
+  ChartsCategorical01Pattern: TokenObj;
+  ChartsCategorical02Color: TokenObj;
+  ChartsCategorical02Stroke: TokenObj;
+  ChartsCategorical02Pattern: TokenObj;
+  ChartsCategorical03Color: TokenObj;
+  ChartsCategorical03Stroke: TokenObj;
+  ChartsCategorical03Pattern: TokenObj;
+  ChartsCategorical04Color: TokenObj;
+  ChartsCategorical04Stroke: TokenObj;
+  ChartsCategorical04Pattern: TokenObj;
+  ChartsCategorical05Color: TokenObj;
+  ChartsCategorical05Stroke: TokenObj;
+  ChartsCategorical05Pattern: TokenObj;
+  ChartsCategorical06Color: TokenObj;
+  ChartsCategorical06Stroke: TokenObj;
+  ChartsCategorical06Pattern: TokenObj;
+  ChartsCategorical07Color: TokenObj;
+  ChartsCategorical07Stroke: TokenObj;
+  ChartsCategorical07Pattern: TokenObj;
+  ChartsCategorical08Color: TokenObj;
+  ChartsCategorical08Stroke: TokenObj;
+  ChartsCategorical08Pattern: TokenObj;
+  ChartsCategorical09Color: TokenObj;
+  ChartsCategorical09Stroke: TokenObj;
+  ChartsCategorical09Pattern: TokenObj;
+  ChartsCategorical10Color: TokenObj;
+  ChartsCategorical10Stroke: TokenObj;
+  ChartsCategorical10Pattern: TokenObj;
+  ChartsStatusSuccessColor: TokenObj;
+  ChartsStatusSuccessStroke: TokenObj;
+  ChartsStatusSuccessPattern: TokenObj;
+  ChartsStatusWarningColor: TokenObj;
+  ChartsStatusWarningStroke: TokenObj;
+  ChartsStatusWarningPattern: TokenObj;
+  ChartsStatusDangerColor: TokenObj;
+  ChartsStatusDangerStroke: TokenObj;
+  ChartsStatusDangerPattern: TokenObj;
+  ChartsStatusNeutralColor: TokenObj;
+  ChartsStatusNeutralStroke: TokenObj;
+  ChartsStatusNeutralPattern: TokenObj;
   FocusRingColor: TokenObj;
   FocusRingColorDanger: TokenObj;
   FocusRingWidth: TokenObj;