diff --git a/src/constants/customizations.ts b/src/constants/customizations.ts index 843629f7..f476c1d7 100644 --- a/src/constants/customizations.ts +++ b/src/constants/customizations.ts @@ -5,6 +5,7 @@ export const FONTS = { display: { value: 'Raleway, ui-sans-serif, system-ui, sans-serif' }, heading: { value: 'Inter, ui-sans-serif, system-ui, sans-serif' }, mono: { value: 'Space Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace' }, + metric: { value: 'Space Mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace' }, }; export const FONT_SIZES = { @@ -40,6 +41,7 @@ export const LINE_HEIGHTS = { export const COLORS = { black: { value: '#121212' }, + forestgreen: { value: '#032b1a' }, primary: { 50: { value: '#f3f6f5' }, 100: { value: '#f2fcf7' }, diff --git a/src/stories/tokens/Colors.stories.tsx b/src/stories/tokens/Colors.stories.tsx index 10647c84..f8357910 100644 --- a/src/stories/tokens/Colors.stories.tsx +++ b/src/stories/tokens/Colors.stories.tsx @@ -45,6 +45,7 @@ export const Colors = () => ( + {COLOR_PALETTES.map((color) => colorWeights.map((weight) => ) )} diff --git a/src/types/ColorsCustomization.ts b/src/types/ColorsCustomization.ts index 3404269e..cb06302f 100644 --- a/src/types/ColorsCustomization.ts +++ b/src/types/ColorsCustomization.ts @@ -18,6 +18,7 @@ interface ColorScale { interface ColorsCustomization { black?: ColorToken; + forestgreen?: ColorToken; primary?: ColorScale; gray?: ColorScale; red?: ColorScale; diff --git a/src/types/FontsCustomization.ts b/src/types/FontsCustomization.ts index 7aea8270..fc63c656 100644 --- a/src/types/FontsCustomization.ts +++ b/src/types/FontsCustomization.ts @@ -3,6 +3,7 @@ interface FontsCustomization { display?: { value: string }; heading?: { value: string }; mono?: { value: string }; + metric?: { value: string }; } export default FontsCustomization;