@edwardguerra/design-system 1.0.0

package/dist/tokens/tokens.js

@@ -0,0 +1,297 @@
+/**
+ * Do not edit directly
+ * Generated on Sat, 11 Jul 2026 20:29:11 GMT
+ */
+
+export const EdwardGuerraBrandPrimary = "#05679f";
+export const EdwardGuerraBrandSecondary = "#0d4a6d";
+export const EdwardGuerraBrandTint = "#f0f9ff";
+export const MaterialandhomeBrandPrimary = "#B25D3E";
+export const MaterialandhomeBrandSecondary = "#8c4530";
+export const MaterialandhomeBrandTint = "#f5e8e2";
+export const MidwestHusbandsBrandPrimary = "#2d5856";
+export const MidwestHusbandsBrandSecondary = "#243d3c";
+export const MidwestHusbandsBrandTint = "#f4f9f8";
+export const BreakpointXs = "20em"; // 320px
+export const BreakpointMd = "46.5em"; // 744px
+export const BreakpointLg = "64em"; // 1024px
+export const BreakpointXl = "100em"; // 1600px
+export const Breakpoint2xl = "120em"; // 1920px
+export const ColorNeutral0 = "#ffffff";
+export const ColorNeutral50 = "#f6f6f6";
+export const ColorNeutral100 = "#e7e7e7";
+export const ColorNeutral200 = "#d1d1d1";
+export const ColorNeutral300 = "#b0b0b0";
+export const ColorNeutral400 = "#888888";
+export const ColorNeutral500 = "#6d6d6d";
+export const ColorNeutral600 = "#5d5d5d";
+export const ColorNeutral700 = "#4f4f4f";
+export const ColorNeutral800 = "#454545";
+export const ColorNeutral900 = "#3d3d3d";
+export const ColorNeutral950 = "#1a1a1a";
+export const ColorNeutral1000 = "#000000";
+export const ColorBlue50 = "#f0f9ff";
+export const ColorBlue100 = "#e0f2fe";
+export const ColorBlue200 = "#bbe6fc";
+export const ColorBlue300 = "#7fd1fa";
+export const ColorBlue400 = "#3abbf6";
+export const ColorBlue500 = "#11a3e6";
+export const ColorBlue600 = "#0482c5";
+export const ColorBlue700 = "#05679f";
+export const ColorBlue800 = "#095883";
+export const ColorBlue900 = "#0d4a6d";
+export const ColorBlue950 = "#0b3a5a";
+export const ColorBrown50 = "#f5f4f1";
+export const ColorBrown100 = "#e5e3dc";
+export const ColorBrown200 = "#cdcabb";
+export const ColorBrown300 = "#b1aa93";
+export const ColorBrown400 = "#9a9175";
+export const ColorBrown500 = "#8b8067";
+export const ColorBrown600 = "#776b57";
+export const ColorBrown700 = "#605548";
+export const ColorBrown800 = "#534940";
+export const ColorBrown900 = "#39322d";
+export const ColorBrown950 = "#29221f";
+export const ColorTeal50 = "#f4f9f8";
+export const ColorTeal100 = "#daedea";
+export const ColorTeal200 = "#b4dbd5";
+export const ColorTeal300 = "#87c1bb";
+export const ColorTeal400 = "#5ea39e";
+export const ColorTeal500 = "#448884";
+export const ColorTeal600 = "#336967";
+export const ColorTeal700 = "#2d5856";
+export const ColorTeal800 = "#284747";
+export const ColorTeal900 = "#243d3c";
+export const ColorTeal950 = "#112122";
+export const ColorGreen50 = "#f9f8ec";
+export const ColorGreen100 = "#f1efd6";
+export const ColorGreen200 = "#e4e1b2";
+export const ColorGreen300 = "#d1cf85";
+export const ColorGreen400 = "#bdbc5e";
+export const ColorGreen500 = "#a1a240";
+export const ColorGreen600 = "#909236";
+export const ColorGreen700 = "#616328";
+export const ColorGreen800 = "#4e5024";
+export const ColorGreen900 = "#434522";
+export const ColorGreen950 = "#23250e";
+export const ColorRed50 = "#fcf4f4";
+export const ColorRed100 = "#fae6e6";
+export const ColorRed200 = "#f6d2d2";
+export const ColorRed300 = "#efb2b2";
+export const ColorRed400 = "#e38686";
+export const ColorRed500 = "#d55e5e";
+export const ColorRed600 = "#c04242";
+export const ColorRed700 = "#973131";
+export const ColorRed800 = "#862e2e";
+export const ColorRed900 = "#702c2c";
+export const ColorRed950 = "#3c1313";
+export const ColorYellow50 = "#fffeea";
+export const ColorYellow100 = "#fffac5";
+export const ColorYellow200 = "#fff585";
+export const ColorYellow300 = "#ffe946";
+export const ColorYellow400 = "#ffd91b";
+export const ColorYellow500 = "#ffba05";
+export const ColorYellow600 = "#e28e00";
+export const ColorYellow700 = "#bb6402";
+export const ColorYellow800 = "#984d08";
+export const ColorYellow900 = "#7c3f0b";
+export const ColorYellow950 = "#482000";
+export const ColorBurnt50 = "#fdf5ef";
+export const ColorBurnt100 = "#fae8da";
+export const ColorBurnt200 = "#f4ceb4";
+export const ColorBurnt300 = "#ecad85";
+export const ColorBurnt400 = "#e38254";
+export const ColorBurnt500 = "#dd6434";
+export const ColorBurnt600 = "#ce4c28";
+export const ColorBurnt700 = "#ab3923";
+export const ColorBurnt800 = "#892f23";
+export const ColorBurnt900 = "#6f291f";
+export const ColorBurnt950 = "#3c120e";
+export const ColorBerry50 = "#fbf4f8";
+export const ColorBerry100 = "#f7ecf2";
+export const ColorBerry200 = "#f1d9e8";
+export const ColorBerry300 = "#e7bad3";
+export const ColorBerry400 = "#d88eb7";
+export const ColorBerry500 = "#c86c9b";
+export const ColorBerry600 = "#b44e7e";
+export const ColorBerry700 = "#9a3c65";
+export const ColorBerry800 = "#803455";
+export const ColorBerry900 = "#6c2f4a";
+export const ColorBerry950 = "#0e070a";
+export const ColorPurple50 = "#faf5ff";
+export const ColorPurple100 = "#f3e8ff";
+export const ColorPurple200 = "#e9d5ff";
+export const ColorPurple300 = "#d8b4fe";
+export const ColorPurple400 = "#c084fc";
+export const ColorPurple500 = "#a855f7";
+export const ColorPurple600 = "#9333ea";
+export const ColorPurple700 = "#7e22ce";
+export const ColorPurple800 = "#6b21a8";
+export const ColorPurple900 = "#581c87";
+export const ColorPurple950 = "#3b0764";
+export const ColorOrange50 = "#fff7ed";
+export const ColorOrange100 = "#ffedd5";
+export const ColorOrange200 = "#fed7aa";
+export const ColorOrange300 = "#fdba74";
+export const ColorOrange400 = "#fb923c";
+export const ColorOrange500 = "#f97316";
+export const ColorOrange600 = "#ea580c";
+export const ColorOrange700 = "#c2410c";
+export const ColorOrange800 = "#9a3412";
+export const ColorOrange900 = "#7c2d12";
+export const ColorOrange950 = "#431407";
+export const ColorCyan50 = "#ecfeff";
+export const ColorCyan100 = "#cffafe";
+export const ColorCyan200 = "#a5f3fc";
+export const ColorCyan300 = "#67e8f9";
+export const ColorCyan400 = "#22d3ee";
+export const ColorCyan500 = "#06b6d4";
+export const ColorCyan600 = "#0891b2";
+export const ColorCyan700 = "#0e7490";
+export const ColorCyan800 = "#155e75";
+export const ColorCyan900 = "#164e63";
+export const ColorCyan950 = "#083344";
+export const ColorLime50 = "#f7fee7";
+export const ColorLime100 = "#ecfccb";
+export const ColorLime200 = "#d9f99d";
+export const ColorLime300 = "#bef264";
+export const ColorLime400 = "#a3e635";
+export const ColorLime500 = "#84cc16";
+export const ColorLime600 = "#65a30d";
+export const ColorLime700 = "#4d7c0f";
+export const ColorLime800 = "#3f6212";
+export const ColorLime900 = "#365314";
+export const ColorLime950 = "#1a2e05";
+export const ColorPink50 = "#fdf2f8";
+export const ColorPink100 = "#fce7f3";
+export const ColorPink200 = "#fbcfe8";
+export const ColorPink300 = "#f9a8d4";
+export const ColorPink400 = "#f472b6";
+export const ColorPink500 = "#ec4899";
+export const ColorPink600 = "#db2777";
+export const ColorPink700 = "#be185d";
+export const ColorPink800 = "#9d174d";
+export const ColorPink900 = "#831843";
+export const ColorPink950 = "#500724";
+export const ColorIndigo50 = "#eef2ff";
+export const ColorIndigo100 = "#e0e7ff";
+export const ColorIndigo200 = "#c7d2fe";
+export const ColorIndigo300 = "#a5b4fc";
+export const ColorIndigo400 = "#818cf8";
+export const ColorIndigo500 = "#6366f1";
+export const ColorIndigo600 = "#4f46e5";
+export const ColorIndigo700 = "#4338ca";
+export const ColorIndigo800 = "#3730a3";
+export const ColorIndigo900 = "#312e81";
+export const ColorIndigo950 = "#1e1b4b";
+export const ColorWhite5 = "#ffffff";
+export const ColorWhite10 = "#ffffff";
+export const ColorWhite20 = "#ffffff";
+export const ColorWhite40 = "#ffffff";
+export const ColorWhite60 = "#ffffff";
+export const ColorWhite80 = "#ffffff";
+export const ColorBlack5 = "#000000";
+export const ColorBlack10 = "#000000";
+export const ColorBlack20 = "#000000";
+export const ColorBlack40 = "#000000";
+export const ColorBlack60 = "#000000";
+export const ColorBlack80 = "#000000";
+export const ShadowSm = "0 2rem 2rem rgba(0, 0, 0, 0.1)"; // Live site --shadow-light
+export const ShadowMd = "0 1.5rem 3rem -1.25rem rgba(0, 0, 0, 0.1)"; // Live site --shadow-medium
+export const ShadowLg = "0 3.125rem 6.25rem -1.25rem rgba(0, 0, 0, 0.25)"; // Live site --shadow-dark
+export const ShadowInner = "inset 0 2px 4px 0 rgba(0, 0, 0, 0.05)";
+export const RadiusNone = "0";
+export const RadiusSm = "0.5rem"; // Live site --radius-sm (--size-50)
+export const RadiusMd = "1rem"; // Live site --radius-md (--size-100)
+export const RadiusLg = "2rem"; // Live site --radius-lg (--size-200)
+export const RadiusFull = "9999px";
+export const BorderWidth0 = "0";
+export const BorderWidth1 = "1px";
+export const BorderWidth2 = "2px";
+export const BorderWidth4 = "4px";
+export const BorderWidth8 = "8px";
+export const Spacing0 = "0";
+export const Spacing1 = "0.25rem"; // 4px
+export const Spacing2 = "0.5rem"; // 8px
+export const Spacing3 = "0.75rem"; // 12px
+export const Spacing4 = "1rem"; // 16px
+export const Spacing5 = "1.25rem"; // 20px
+export const Spacing6 = "1.5rem"; // 24px
+export const Spacing8 = "2rem"; // 32px
+export const Spacing10 = "2.5rem"; // 40px
+export const Spacing12 = "3rem"; // 48px
+export const Spacing16 = "4rem"; // 64px
+export const Spacing20 = "5rem"; // 80px
+export const Spacing24 = "6rem"; // 96px
+export const Spacing32 = "8rem"; // 128px
+export const Spacing40 = "10rem"; // 160px
+export const Spacing48 = "12rem"; // 192px
+export const Spacing56 = "14rem"; // 224px
+export const Spacing64 = "16rem"; // 256px
+export const Spacing96 = "24rem"; // 384px
+export const Spacing120 = "30rem"; // 480px
+export const FontFamilySans = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif";
+export const FontFamilySerif = "Georgia, Cambria, 'Times New Roman', Times, serif";
+export const FontFamilyMono = "Menlo, Monaco, Consolas, 'Courier New', monospace";
+export const FontSize2xs = "0.5rem"; // 8px — live --eg-font-size-25
+export const FontSizeXs = "0.75rem"; // 12px — live --eg-font-size-50
+export const FontSizeSm = "0.875rem"; // 14px — live --eg-font-size-75
+export const FontSizeBase = "1rem"; // 16px — live --eg-font-size-100
+export const FontSizeLg = "1.125rem"; // 18px — live --eg-font-size-200
+export const FontSizeXl = "1.25rem"; // 20px — live --eg-font-size-300
+export const FontSize2xl = "1.5rem"; // 24px — live --eg-font-size-400
+export const FontSize3xl = "2rem"; // 32px — live --eg-font-size-500
+export const FontSize4xl = "2.5rem"; // 40px — live --eg-font-size-600
+export const FontSize5xl = "3rem"; // 48px — live --eg-font-size-700
+export const FontSizeResponsive = "8rem"; // Live --eg-font-responsive
+export const FontWeightLight = "300";
+export const FontWeightNormal = "400";
+export const FontWeightMedium = "500";
+export const FontWeightSemibold = "600";
+export const FontWeightBold = "700";
+export const FontWeightExtrabold = "800";
+export const FontLineHeightTight = "1.25";
+export const FontLineHeightNormal = "1.5";
+export const FontLineHeightRelaxed = "1.75";
+export const FontLineHeightLoose = "2";
+export const ButtonPrimaryBackground = "#0482c5";
+export const ButtonPrimaryBackgroundHover = "#05679f";
+export const ButtonPrimaryBackgroundActive = "#095883";
+export const ButtonPrimaryText = "#ffffff";
+export const ButtonPrimaryBorderRadius = "1rem";
+export const ButtonPrimaryPaddingX = "1.5rem";
+export const ButtonPrimaryPaddingY = "0.75rem";
+export const ButtonPrimaryFontSize = "1rem";
+export const ButtonPrimaryFontWeight = "500";
+export const ButtonSecondaryBackground = "#e7e7e7";
+export const ButtonSecondaryBackgroundHover = "#d1d1d1";
+export const ButtonSecondaryBackgroundActive = "#b0b0b0";
+export const ButtonSecondaryText = "#3d3d3d";
+export const ButtonSecondaryBorderRadius = "1rem";
+export const ButtonSecondaryPaddingX = "1.5rem";
+export const ButtonSecondaryPaddingY = "0.75rem";
+export const ButtonSecondaryFontSize = "1rem";
+export const ButtonSecondaryFontWeight = "500";
+export const ButtonDangerBackground = "#c04242";
+export const ButtonDangerBackgroundHover = "#973131";
+export const ButtonDangerBackgroundActive = "#862e2e";
+export const ButtonDangerText = "#ffffff";
+export const ButtonDangerBorderRadius = "1rem";
+export const ButtonDangerPaddingX = "1.5rem";
+export const ButtonDangerPaddingY = "0.75rem";
+export const ButtonDangerFontSize = "1rem";
+export const ButtonDangerFontWeight = "500";
+export const ThemeBackgroundPrimary = "#ffffff";
+export const ThemeBackgroundSecondary = "#f6f6f6";
+export const ThemeBackgroundTertiary = "#e7e7e7";
+export const ThemeTextPrimary = "#3d3d3d";
+export const ThemeTextSecondary = "#4f4f4f";
+export const ThemeTextTertiary = "#6d6d6d";
+export const ThemeTextInverse = "#ffffff";
+export const ThemeBorderDefault = "#d1d1d1";
+export const ThemeBorderStrong = "#888888";
+export const ThemeBorderSubtle = "#e7e7e7";
+export const ThemeStatusSuccess = "#909236";
+export const ThemeStatusWarning = "#e28e00";
+export const ThemeStatusError = "#c04242";
+export const ThemeStatusInfo = "#0482c5";

package/dist/tokens/tokens.json

@@ -0,0 +1,294 @@
+{
+  "EdwardGuerraBrandPrimary": "#05679f",
+  "EdwardGuerraBrandSecondary": "#0d4a6d",
+  "EdwardGuerraBrandTint": "#f0f9ff",
+  "MaterialandhomeBrandPrimary": "#B25D3E",
+  "MaterialandhomeBrandSecondary": "#8c4530",
+  "MaterialandhomeBrandTint": "#f5e8e2",
+  "MidwestHusbandsBrandPrimary": "#2d5856",
+  "MidwestHusbandsBrandSecondary": "#243d3c",
+  "MidwestHusbandsBrandTint": "#f4f9f8",
+  "BreakpointXs": "20em",
+  "BreakpointMd": "46.5em",
+  "BreakpointLg": "64em",
+  "BreakpointXl": "100em",
+  "Breakpoint2xl": "120em",
+  "ColorNeutral0": "#ffffff",
+  "ColorNeutral50": "#f6f6f6",
+  "ColorNeutral100": "#e7e7e7",
+  "ColorNeutral200": "#d1d1d1",
+  "ColorNeutral300": "#b0b0b0",
+  "ColorNeutral400": "#888888",
+  "ColorNeutral500": "#6d6d6d",
+  "ColorNeutral600": "#5d5d5d",
+  "ColorNeutral700": "#4f4f4f",
+  "ColorNeutral800": "#454545",
+  "ColorNeutral900": "#3d3d3d",
+  "ColorNeutral950": "#1a1a1a",
+  "ColorNeutral1000": "#000000",
+  "ColorBlue50": "#f0f9ff",
+  "ColorBlue100": "#e0f2fe",
+  "ColorBlue200": "#bbe6fc",
+  "ColorBlue300": "#7fd1fa",
+  "ColorBlue400": "#3abbf6",
+  "ColorBlue500": "#11a3e6",
+  "ColorBlue600": "#0482c5",
+  "ColorBlue700": "#05679f",
+  "ColorBlue800": "#095883",
+  "ColorBlue900": "#0d4a6d",
+  "ColorBlue950": "#0b3a5a",
+  "ColorBrown50": "#f5f4f1",
+  "ColorBrown100": "#e5e3dc",
+  "ColorBrown200": "#cdcabb",
+  "ColorBrown300": "#b1aa93",
+  "ColorBrown400": "#9a9175",
+  "ColorBrown500": "#8b8067",
+  "ColorBrown600": "#776b57",
+  "ColorBrown700": "#605548",
+  "ColorBrown800": "#534940",
+  "ColorBrown900": "#39322d",
+  "ColorBrown950": "#29221f",
+  "ColorTeal50": "#f4f9f8",
+  "ColorTeal100": "#daedea",
+  "ColorTeal200": "#b4dbd5",
+  "ColorTeal300": "#87c1bb",
+  "ColorTeal400": "#5ea39e",
+  "ColorTeal500": "#448884",
+  "ColorTeal600": "#336967",
+  "ColorTeal700": "#2d5856",
+  "ColorTeal800": "#284747",
+  "ColorTeal900": "#243d3c",
+  "ColorTeal950": "#112122",
+  "ColorGreen50": "#f9f8ec",
+  "ColorGreen100": "#f1efd6",
+  "ColorGreen200": "#e4e1b2",
+  "ColorGreen300": "#d1cf85",
+  "ColorGreen400": "#bdbc5e",
+  "ColorGreen500": "#a1a240",
+  "ColorGreen600": "#909236",
+  "ColorGreen700": "#616328",
+  "ColorGreen800": "#4e5024",
+  "ColorGreen900": "#434522",
+  "ColorGreen950": "#23250e",
+  "ColorRed50": "#fcf4f4",
+  "ColorRed100": "#fae6e6",
+  "ColorRed200": "#f6d2d2",
+  "ColorRed300": "#efb2b2",
+  "ColorRed400": "#e38686",
+  "ColorRed500": "#d55e5e",
+  "ColorRed600": "#c04242",
+  "ColorRed700": "#973131",
+  "ColorRed800": "#862e2e",
+  "ColorRed900": "#702c2c",
+  "ColorRed950": "#3c1313",
+  "ColorYellow50": "#fffeea",
+  "ColorYellow100": "#fffac5",
+  "ColorYellow200": "#fff585",
+  "ColorYellow300": "#ffe946",
+  "ColorYellow400": "#ffd91b",
+  "ColorYellow500": "#ffba05",
+  "ColorYellow600": "#e28e00",
+  "ColorYellow700": "#bb6402",
+  "ColorYellow800": "#984d08",
+  "ColorYellow900": "#7c3f0b",
+  "ColorYellow950": "#482000",
+  "ColorBurnt50": "#fdf5ef",
+  "ColorBurnt100": "#fae8da",
+  "ColorBurnt200": "#f4ceb4",
+  "ColorBurnt300": "#ecad85",
+  "ColorBurnt400": "#e38254",
+  "ColorBurnt500": "#dd6434",
+  "ColorBurnt600": "#ce4c28",
+  "ColorBurnt700": "#ab3923",
+  "ColorBurnt800": "#892f23",
+  "ColorBurnt900": "#6f291f",
+  "ColorBurnt950": "#3c120e",
+  "ColorBerry50": "#fbf4f8",
+  "ColorBerry100": "#f7ecf2",
+  "ColorBerry200": "#f1d9e8",
+  "ColorBerry300": "#e7bad3",
+  "ColorBerry400": "#d88eb7",
+  "ColorBerry500": "#c86c9b",
+  "ColorBerry600": "#b44e7e",
+  "ColorBerry700": "#9a3c65",
+  "ColorBerry800": "#803455",
+  "ColorBerry900": "#6c2f4a",
+  "ColorBerry950": "#0e070a",
+  "ColorPurple50": "#faf5ff",
+  "ColorPurple100": "#f3e8ff",
+  "ColorPurple200": "#e9d5ff",
+  "ColorPurple300": "#d8b4fe",
+  "ColorPurple400": "#c084fc",
+  "ColorPurple500": "#a855f7",
+  "ColorPurple600": "#9333ea",
+  "ColorPurple700": "#7e22ce",
+  "ColorPurple800": "#6b21a8",
+  "ColorPurple900": "#581c87",
+  "ColorPurple950": "#3b0764",
+  "ColorOrange50": "#fff7ed",
+  "ColorOrange100": "#ffedd5",
+  "ColorOrange200": "#fed7aa",
+  "ColorOrange300": "#fdba74",
+  "ColorOrange400": "#fb923c",
+  "ColorOrange500": "#f97316",
+  "ColorOrange600": "#ea580c",
+  "ColorOrange700": "#c2410c",
+  "ColorOrange800": "#9a3412",
+  "ColorOrange900": "#7c2d12",
+  "ColorOrange950": "#431407",
+  "ColorCyan50": "#ecfeff",
+  "ColorCyan100": "#cffafe",
+  "ColorCyan200": "#a5f3fc",
+  "ColorCyan300": "#67e8f9",
+  "ColorCyan400": "#22d3ee",
+  "ColorCyan500": "#06b6d4",
+  "ColorCyan600": "#0891b2",
+  "ColorCyan700": "#0e7490",
+  "ColorCyan800": "#155e75",
+  "ColorCyan900": "#164e63",
+  "ColorCyan950": "#083344",
+  "ColorLime50": "#f7fee7",
+  "ColorLime100": "#ecfccb",
+  "ColorLime200": "#d9f99d",
+  "ColorLime300": "#bef264",
+  "ColorLime400": "#a3e635",
+  "ColorLime500": "#84cc16",
+  "ColorLime600": "#65a30d",
+  "ColorLime700": "#4d7c0f",
+  "ColorLime800": "#3f6212",
+  "ColorLime900": "#365314",
+  "ColorLime950": "#1a2e05",
+  "ColorPink50": "#fdf2f8",
+  "ColorPink100": "#fce7f3",
+  "ColorPink200": "#fbcfe8",
+  "ColorPink300": "#f9a8d4",
+  "ColorPink400": "#f472b6",
+  "ColorPink500": "#ec4899",
+  "ColorPink600": "#db2777",
+  "ColorPink700": "#be185d",
+  "ColorPink800": "#9d174d",
+  "ColorPink900": "#831843",
+  "ColorPink950": "#500724",
+  "ColorIndigo50": "#eef2ff",
+  "ColorIndigo100": "#e0e7ff",
+  "ColorIndigo200": "#c7d2fe",
+  "ColorIndigo300": "#a5b4fc",
+  "ColorIndigo400": "#818cf8",
+  "ColorIndigo500": "#6366f1",
+  "ColorIndigo600": "#4f46e5",
+  "ColorIndigo700": "#4338ca",
+  "ColorIndigo800": "#3730a3",
+  "ColorIndigo900": "#312e81",
+  "ColorIndigo950": "#1e1b4b",
+  "ColorWhite5": "#ffffff",
+  "ColorWhite10": "#ffffff",
+  "ColorWhite20": "#ffffff",
+  "ColorWhite40": "#ffffff",
+  "ColorWhite60": "#ffffff",
+  "ColorWhite80": "#ffffff",
+  "ColorBlack5": "#000000",
+  "ColorBlack10": "#000000",
+  "ColorBlack20": "#000000",
+  "ColorBlack40": "#000000",
+  "ColorBlack60": "#000000",
+  "ColorBlack80": "#000000",
+  "ShadowSm": "0 2rem 2rem rgba(0, 0, 0, 0.1)",
+  "ShadowMd": "0 1.5rem 3rem -1.25rem rgba(0, 0, 0, 0.1)",
+  "ShadowLg": "0 3.125rem 6.25rem -1.25rem rgba(0, 0, 0, 0.25)",
+  "ShadowInner": "inset 0 2px 4px 0 rgba(0, 0, 0, 0.05)",
+  "RadiusNone": "0",
+  "RadiusSm": "0.5rem",
+  "RadiusMd": "1rem",
+  "RadiusLg": "2rem",
+  "RadiusFull": "9999px",
+  "BorderWidth0": "0",
+  "BorderWidth1": "1px",
+  "BorderWidth2": "2px",
+  "BorderWidth4": "4px",
+  "BorderWidth8": "8px",
+  "Spacing0": "0",
+  "Spacing1": "0.25rem",
+  "Spacing2": "0.5rem",
+  "Spacing3": "0.75rem",
+  "Spacing4": "1rem",
+  "Spacing5": "1.25rem",
+  "Spacing6": "1.5rem",
+  "Spacing8": "2rem",
+  "Spacing10": "2.5rem",
+  "Spacing12": "3rem",
+  "Spacing16": "4rem",
+  "Spacing20": "5rem",
+  "Spacing24": "6rem",
+  "Spacing32": "8rem",
+  "Spacing40": "10rem",
+  "Spacing48": "12rem",
+  "Spacing56": "14rem",
+  "Spacing64": "16rem",
+  "Spacing96": "24rem",
+  "Spacing120": "30rem",
+  "FontFamilySans": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+  "FontFamilySerif": "Georgia, Cambria, 'Times New Roman', Times, serif",
+  "FontFamilyMono": "Menlo, Monaco, Consolas, 'Courier New', monospace",
+  "FontSize2xs": "0.5rem",
+  "FontSizeXs": "0.75rem",
+  "FontSizeSm": "0.875rem",
+  "FontSizeBase": "1rem",
+  "FontSizeLg": "1.125rem",
+  "FontSizeXl": "1.25rem",
+  "FontSize2xl": "1.5rem",
+  "FontSize3xl": "2rem",
+  "FontSize4xl": "2.5rem",
+  "FontSize5xl": "3rem",
+  "FontSizeResponsive": "8rem",
+  "FontWeightLight": "300",
+  "FontWeightNormal": "400",
+  "FontWeightMedium": "500",
+  "FontWeightSemibold": "600",
+  "FontWeightBold": "700",
+  "FontWeightExtrabold": "800",
+  "FontLineHeightTight": "1.25",
+  "FontLineHeightNormal": "1.5",
+  "FontLineHeightRelaxed": "1.75",
+  "FontLineHeightLoose": "2",
+  "ButtonPrimaryBackground": "#0482c5",
+  "ButtonPrimaryBackgroundHover": "#05679f",
+  "ButtonPrimaryBackgroundActive": "#095883",
+  "ButtonPrimaryText": "#ffffff",
+  "ButtonPrimaryBorderRadius": "1rem",
+  "ButtonPrimaryPaddingX": "1.5rem",
+  "ButtonPrimaryPaddingY": "0.75rem",
+  "ButtonPrimaryFontSize": "1rem",
+  "ButtonPrimaryFontWeight": "500",
+  "ButtonSecondaryBackground": "#e7e7e7",
+  "ButtonSecondaryBackgroundHover": "#d1d1d1",
+  "ButtonSecondaryBackgroundActive": "#b0b0b0",
+  "ButtonSecondaryText": "#3d3d3d",
+  "ButtonSecondaryBorderRadius": "1rem",
+  "ButtonSecondaryPaddingX": "1.5rem",
+  "ButtonSecondaryPaddingY": "0.75rem",
+  "ButtonSecondaryFontSize": "1rem",
+  "ButtonSecondaryFontWeight": "500",
+  "ButtonDangerBackground": "#c04242",
+  "ButtonDangerBackgroundHover": "#973131",
+  "ButtonDangerBackgroundActive": "#862e2e",
+  "ButtonDangerText": "#ffffff",
+  "ButtonDangerBorderRadius": "1rem",
+  "ButtonDangerPaddingX": "1.5rem",
+  "ButtonDangerPaddingY": "0.75rem",
+  "ButtonDangerFontSize": "1rem",
+  "ButtonDangerFontWeight": "500",
+  "ThemeBackgroundPrimary": "#ffffff",
+  "ThemeBackgroundSecondary": "#f6f6f6",
+  "ThemeBackgroundTertiary": "#e7e7e7",
+  "ThemeTextPrimary": "#3d3d3d",
+  "ThemeTextSecondary": "#4f4f4f",
+  "ThemeTextTertiary": "#6d6d6d",
+  "ThemeTextInverse": "#ffffff",
+  "ThemeBorderDefault": "#d1d1d1",
+  "ThemeBorderStrong": "#888888",
+  "ThemeBorderSubtle": "#e7e7e7",
+  "ThemeStatusSuccess": "#909236",
+  "ThemeStatusWarning": "#e28e00",
+  "ThemeStatusError": "#c04242",
+  "ThemeStatusInfo": "#0482c5"
+}