@edwardguerra/design-system 1.0.0

package/dist/tokens/_variables.scss

@@ -0,0 +1,296 @@
+
+// Do not edit directly
+// Generated on Sat, 11 Jul 2026 20:29:11 GMT
+
+$edward-guerra-brand-primary: #05679f;
+$edward-guerra-brand-secondary: #0d4a6d;
+$edward-guerra-brand-tint: #f0f9ff;
+$materialandhome-brand-primary: #B25D3E;
+$materialandhome-brand-secondary: #8c4530;
+$materialandhome-brand-tint: #f5e8e2;
+$midwest-husbands-brand-primary: #2d5856;
+$midwest-husbands-brand-secondary: #243d3c;
+$midwest-husbands-brand-tint: #f4f9f8;
+$breakpoint-xs: 20em; // 320px
+$breakpoint-md: 46.5em; // 744px
+$breakpoint-lg: 64em; // 1024px
+$breakpoint-xl: 100em; // 1600px
+$breakpoint-2xl: 120em; // 1920px
+$color-neutral-0: #ffffff;
+$color-neutral-50: #f6f6f6;
+$color-neutral-100: #e7e7e7;
+$color-neutral-200: #d1d1d1;
+$color-neutral-300: #b0b0b0;
+$color-neutral-400: #888888;
+$color-neutral-500: #6d6d6d;
+$color-neutral-600: #5d5d5d;
+$color-neutral-700: #4f4f4f;
+$color-neutral-800: #454545;
+$color-neutral-900: #3d3d3d;
+$color-neutral-950: #1a1a1a;
+$color-neutral-1000: #000000;
+$color-blue-50: #f0f9ff;
+$color-blue-100: #e0f2fe;
+$color-blue-200: #bbe6fc;
+$color-blue-300: #7fd1fa;
+$color-blue-400: #3abbf6;
+$color-blue-500: #11a3e6;
+$color-blue-600: #0482c5;
+$color-blue-700: #05679f;
+$color-blue-800: #095883;
+$color-blue-900: #0d4a6d;
+$color-blue-950: #0b3a5a;
+$color-brown-50: #f5f4f1;
+$color-brown-100: #e5e3dc;
+$color-brown-200: #cdcabb;
+$color-brown-300: #b1aa93;
+$color-brown-400: #9a9175;
+$color-brown-500: #8b8067;
+$color-brown-600: #776b57;
+$color-brown-700: #605548;
+$color-brown-800: #534940;
+$color-brown-900: #39322d;
+$color-brown-950: #29221f;
+$color-teal-50: #f4f9f8;
+$color-teal-100: #daedea;
+$color-teal-200: #b4dbd5;
+$color-teal-300: #87c1bb;
+$color-teal-400: #5ea39e;
+$color-teal-500: #448884;
+$color-teal-600: #336967;
+$color-teal-700: #2d5856;
+$color-teal-800: #284747;
+$color-teal-900: #243d3c;
+$color-teal-950: #112122;
+$color-green-50: #f9f8ec;
+$color-green-100: #f1efd6;
+$color-green-200: #e4e1b2;
+$color-green-300: #d1cf85;
+$color-green-400: #bdbc5e;
+$color-green-500: #a1a240;
+$color-green-600: #909236;
+$color-green-700: #616328;
+$color-green-800: #4e5024;
+$color-green-900: #434522;
+$color-green-950: #23250e;
+$color-red-50: #fcf4f4;
+$color-red-100: #fae6e6;
+$color-red-200: #f6d2d2;
+$color-red-300: #efb2b2;
+$color-red-400: #e38686;
+$color-red-500: #d55e5e;
+$color-red-600: #c04242;
+$color-red-700: #973131;
+$color-red-800: #862e2e;
+$color-red-900: #702c2c;
+$color-red-950: #3c1313;
+$color-yellow-50: #fffeea;
+$color-yellow-100: #fffac5;
+$color-yellow-200: #fff585;
+$color-yellow-300: #ffe946;
+$color-yellow-400: #ffd91b;
+$color-yellow-500: #ffba05;
+$color-yellow-600: #e28e00;
+$color-yellow-700: #bb6402;
+$color-yellow-800: #984d08;
+$color-yellow-900: #7c3f0b;
+$color-yellow-950: #482000;
+$color-burnt-50: #fdf5ef;
+$color-burnt-100: #fae8da;
+$color-burnt-200: #f4ceb4;
+$color-burnt-300: #ecad85;
+$color-burnt-400: #e38254;
+$color-burnt-500: #dd6434;
+$color-burnt-600: #ce4c28;
+$color-burnt-700: #ab3923;
+$color-burnt-800: #892f23;
+$color-burnt-900: #6f291f;
+$color-burnt-950: #3c120e;
+$color-berry-50: #fbf4f8;
+$color-berry-100: #f7ecf2;
+$color-berry-200: #f1d9e8;
+$color-berry-300: #e7bad3;
+$color-berry-400: #d88eb7;
+$color-berry-500: #c86c9b;
+$color-berry-600: #b44e7e;
+$color-berry-700: #9a3c65;
+$color-berry-800: #803455;
+$color-berry-900: #6c2f4a;
+$color-berry-950: #0e070a;
+$color-purple-50: #faf5ff;
+$color-purple-100: #f3e8ff;
+$color-purple-200: #e9d5ff;
+$color-purple-300: #d8b4fe;
+$color-purple-400: #c084fc;
+$color-purple-500: #a855f7;
+$color-purple-600: #9333ea;
+$color-purple-700: #7e22ce;
+$color-purple-800: #6b21a8;
+$color-purple-900: #581c87;
+$color-purple-950: #3b0764;
+$color-orange-50: #fff7ed;
+$color-orange-100: #ffedd5;
+$color-orange-200: #fed7aa;
+$color-orange-300: #fdba74;
+$color-orange-400: #fb923c;
+$color-orange-500: #f97316;
+$color-orange-600: #ea580c;
+$color-orange-700: #c2410c;
+$color-orange-800: #9a3412;
+$color-orange-900: #7c2d12;
+$color-orange-950: #431407;
+$color-cyan-50: #ecfeff;
+$color-cyan-100: #cffafe;
+$color-cyan-200: #a5f3fc;
+$color-cyan-300: #67e8f9;
+$color-cyan-400: #22d3ee;
+$color-cyan-500: #06b6d4;
+$color-cyan-600: #0891b2;
+$color-cyan-700: #0e7490;
+$color-cyan-800: #155e75;
+$color-cyan-900: #164e63;
+$color-cyan-950: #083344;
+$color-lime-50: #f7fee7;
+$color-lime-100: #ecfccb;
+$color-lime-200: #d9f99d;
+$color-lime-300: #bef264;
+$color-lime-400: #a3e635;
+$color-lime-500: #84cc16;
+$color-lime-600: #65a30d;
+$color-lime-700: #4d7c0f;
+$color-lime-800: #3f6212;
+$color-lime-900: #365314;
+$color-lime-950: #1a2e05;
+$color-pink-50: #fdf2f8;
+$color-pink-100: #fce7f3;
+$color-pink-200: #fbcfe8;
+$color-pink-300: #f9a8d4;
+$color-pink-400: #f472b6;
+$color-pink-500: #ec4899;
+$color-pink-600: #db2777;
+$color-pink-700: #be185d;
+$color-pink-800: #9d174d;
+$color-pink-900: #831843;
+$color-pink-950: #500724;
+$color-indigo-50: #eef2ff;
+$color-indigo-100: #e0e7ff;
+$color-indigo-200: #c7d2fe;
+$color-indigo-300: #a5b4fc;
+$color-indigo-400: #818cf8;
+$color-indigo-500: #6366f1;
+$color-indigo-600: #4f46e5;
+$color-indigo-700: #4338ca;
+$color-indigo-800: #3730a3;
+$color-indigo-900: #312e81;
+$color-indigo-950: #1e1b4b;
+$color-white-5: rgba(255, 255, 255, 0.05);
+$color-white-10: rgba(255, 255, 255, 0.1);
+$color-white-20: rgba(255, 255, 255, 0.2);
+$color-white-40: rgba(255, 255, 255, 0.4);
+$color-white-60: rgba(255, 255, 255, 0.6);
+$color-white-80: rgba(255, 255, 255, 0.8);
+$color-black-5: rgba(0, 0, 0, 0.05);
+$color-black-10: rgba(0, 0, 0, 0.1);
+$color-black-20: rgba(0, 0, 0, 0.2);
+$color-black-40: rgba(0, 0, 0, 0.4);
+$color-black-60: rgba(0, 0, 0, 0.6);
+$color-black-80: rgba(0, 0, 0, 0.8);
+$shadow-sm: 0 2rem 2rem rgba(0, 0, 0, 0.1); // Live site --shadow-light
+$shadow-md: 0 1.5rem 3rem -1.25rem rgba(0, 0, 0, 0.1); // Live site --shadow-medium
+$shadow-lg: 0 3.125rem 6.25rem -1.25rem rgba(0, 0, 0, 0.25); // Live site --shadow-dark
+$shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
+$radius-none: 0;
+$radius-sm: 0.5rem; // Live site --radius-sm (--size-50)
+$radius-md: 1rem; // Live site --radius-md (--size-100)
+$radius-lg: 2rem; // Live site --radius-lg (--size-200)
+$radius-full: 9999px;
+$border-width-0: 0;
+$border-width-1: 1px;
+$border-width-2: 2px;
+$border-width-4: 4px;
+$border-width-8: 8px;
+$spacing-0: 0;
+$spacing-1: 0.25rem; // 4px
+$spacing-2: 0.5rem; // 8px
+$spacing-3: 0.75rem; // 12px
+$spacing-4: 1rem; // 16px
+$spacing-5: 1.25rem; // 20px
+$spacing-6: 1.5rem; // 24px
+$spacing-8: 2rem; // 32px
+$spacing-10: 2.5rem; // 40px
+$spacing-12: 3rem; // 48px
+$spacing-16: 4rem; // 64px
+$spacing-20: 5rem; // 80px
+$spacing-24: 6rem; // 96px
+$spacing-32: 8rem; // 128px
+$spacing-40: 10rem; // 160px
+$spacing-48: 12rem; // 192px
+$spacing-56: 14rem; // 224px
+$spacing-64: 16rem; // 256px
+$spacing-96: 24rem; // 384px
+$spacing-120: 30rem; // 480px
+$font-family-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+$font-family-serif: Georgia, Cambria, 'Times New Roman', Times, serif;
+$font-family-mono: Menlo, Monaco, Consolas, 'Courier New', monospace;
+$font-size-2xs: 0.5rem; // 8px — live --eg-font-size-25
+$font-size-xs: 0.75rem; // 12px — live --eg-font-size-50
+$font-size-sm: 0.875rem; // 14px — live --eg-font-size-75
+$font-size-base: 1rem; // 16px — live --eg-font-size-100
+$font-size-lg: 1.125rem; // 18px — live --eg-font-size-200
+$font-size-xl: 1.25rem; // 20px — live --eg-font-size-300
+$font-size-2xl: 1.5rem; // 24px — live --eg-font-size-400
+$font-size-3xl: 2rem; // 32px — live --eg-font-size-500
+$font-size-4xl: 2.5rem; // 40px — live --eg-font-size-600
+$font-size-5xl: 3rem; // 48px — live --eg-font-size-700
+$font-size-responsive: 8rem; // Live --eg-font-responsive
+$font-weight-light: 300;
+$font-weight-normal: 400;
+$font-weight-medium: 500;
+$font-weight-semibold: 600;
+$font-weight-bold: 700;
+$font-weight-extrabold: 800;
+$font-line-height-tight: 1.25;
+$font-line-height-normal: 1.5;
+$font-line-height-relaxed: 1.75;
+$font-line-height-loose: 2;
+$button-primary-background: #0482c5;
+$button-primary-background-hover: #05679f;
+$button-primary-background-active: #095883;
+$button-primary-text: #ffffff;
+$button-primary-border-radius: 1rem;
+$button-primary-padding-x: 1.5rem;
+$button-primary-padding-y: 0.75rem;
+$button-primary-font-size: 1rem;
+$button-primary-font-weight: 500;
+$button-secondary-background: #e7e7e7;
+$button-secondary-background-hover: #d1d1d1;
+$button-secondary-background-active: #b0b0b0;
+$button-secondary-text: #3d3d3d;
+$button-secondary-border-radius: 1rem;
+$button-secondary-padding-x: 1.5rem;
+$button-secondary-padding-y: 0.75rem;
+$button-secondary-font-size: 1rem;
+$button-secondary-font-weight: 500;
+$button-danger-background: #c04242;
+$button-danger-background-hover: #973131;
+$button-danger-background-active: #862e2e;
+$button-danger-text: #ffffff;
+$button-danger-border-radius: 1rem;
+$button-danger-padding-x: 1.5rem;
+$button-danger-padding-y: 0.75rem;
+$button-danger-font-size: 1rem;
+$button-danger-font-weight: 500;
+$theme-background-primary: #ffffff;
+$theme-background-secondary: #f6f6f6;
+$theme-background-tertiary: #e7e7e7;
+$theme-text-primary: #3d3d3d;
+$theme-text-secondary: #4f4f4f;
+$theme-text-tertiary: #6d6d6d;
+$theme-text-inverse: #ffffff;
+$theme-border-default: #d1d1d1;
+$theme-border-strong: #888888;
+$theme-border-subtle: #e7e7e7;
+$theme-status-success: #909236;
+$theme-status-warning: #e28e00;
+$theme-status-error: #c04242;
+$theme-status-info: #0482c5;

package/dist/tokens/tokens.d.ts

@@ -0,0 +1,338 @@
+/**
+ * Do not edit directly
+ * Generated on Sat, 11 Jul 2026 20:29:11 GMT
+ */
+
+export const EdwardGuerraBrandPrimary : string;
+export const EdwardGuerraBrandSecondary : string;
+export const EdwardGuerraBrandTint : string;
+export const MaterialandhomeBrandPrimary : string;
+export const MaterialandhomeBrandSecondary : string;
+export const MaterialandhomeBrandTint : string;
+export const MidwestHusbandsBrandPrimary : string;
+export const MidwestHusbandsBrandSecondary : string;
+export const MidwestHusbandsBrandTint : string;
+/** 320px */
+export const BreakpointXs : string;
+/** 744px */
+export const BreakpointMd : string;
+/** 1024px */
+export const BreakpointLg : string;
+/** 1600px */
+export const BreakpointXl : string;
+/** 1920px */
+export const Breakpoint2xl : string;
+export const ColorNeutral0 : string;
+export const ColorNeutral50 : string;
+export const ColorNeutral100 : string;
+export const ColorNeutral200 : string;
+export const ColorNeutral300 : string;
+export const ColorNeutral400 : string;
+export const ColorNeutral500 : string;
+export const ColorNeutral600 : string;
+export const ColorNeutral700 : string;
+export const ColorNeutral800 : string;
+export const ColorNeutral900 : string;
+export const ColorNeutral950 : string;
+export const ColorNeutral1000 : string;
+export const ColorBlue50 : string;
+export const ColorBlue100 : string;
+export const ColorBlue200 : string;
+export const ColorBlue300 : string;
+export const ColorBlue400 : string;
+export const ColorBlue500 : string;
+export const ColorBlue600 : string;
+export const ColorBlue700 : string;
+export const ColorBlue800 : string;
+export const ColorBlue900 : string;
+export const ColorBlue950 : string;
+export const ColorBrown50 : string;
+export const ColorBrown100 : string;
+export const ColorBrown200 : string;
+export const ColorBrown300 : string;
+export const ColorBrown400 : string;
+export const ColorBrown500 : string;
+export const ColorBrown600 : string;
+export const ColorBrown700 : string;
+export const ColorBrown800 : string;
+export const ColorBrown900 : string;
+export const ColorBrown950 : string;
+export const ColorTeal50 : string;
+export const ColorTeal100 : string;
+export const ColorTeal200 : string;
+export const ColorTeal300 : string;
+export const ColorTeal400 : string;
+export const ColorTeal500 : string;
+export const ColorTeal600 : string;
+export const ColorTeal700 : string;
+export const ColorTeal800 : string;
+export const ColorTeal900 : string;
+export const ColorTeal950 : string;
+export const ColorGreen50 : string;
+export const ColorGreen100 : string;
+export const ColorGreen200 : string;
+export const ColorGreen300 : string;
+export const ColorGreen400 : string;
+export const ColorGreen500 : string;
+export const ColorGreen600 : string;
+export const ColorGreen700 : string;
+export const ColorGreen800 : string;
+export const ColorGreen900 : string;
+export const ColorGreen950 : string;
+export const ColorRed50 : string;
+export const ColorRed100 : string;
+export const ColorRed200 : string;
+export const ColorRed300 : string;
+export const ColorRed400 : string;
+export const ColorRed500 : string;
+export const ColorRed600 : string;
+export const ColorRed700 : string;
+export const ColorRed800 : string;
+export const ColorRed900 : string;
+export const ColorRed950 : string;
+export const ColorYellow50 : string;
+export const ColorYellow100 : string;
+export const ColorYellow200 : string;
+export const ColorYellow300 : string;
+export const ColorYellow400 : string;
+export const ColorYellow500 : string;
+export const ColorYellow600 : string;
+export const ColorYellow700 : string;
+export const ColorYellow800 : string;
+export const ColorYellow900 : string;
+export const ColorYellow950 : string;
+export const ColorBurnt50 : string;
+export const ColorBurnt100 : string;
+export const ColorBurnt200 : string;
+export const ColorBurnt300 : string;
+export const ColorBurnt400 : string;
+export const ColorBurnt500 : string;
+export const ColorBurnt600 : string;
+export const ColorBurnt700 : string;
+export const ColorBurnt800 : string;
+export const ColorBurnt900 : string;
+export const ColorBurnt950 : string;
+export const ColorBerry50 : string;
+export const ColorBerry100 : string;
+export const ColorBerry200 : string;
+export const ColorBerry300 : string;
+export const ColorBerry400 : string;
+export const ColorBerry500 : string;
+export const ColorBerry600 : string;
+export const ColorBerry700 : string;
+export const ColorBerry800 : string;
+export const ColorBerry900 : string;
+export const ColorBerry950 : string;
+export const ColorPurple50 : string;
+export const ColorPurple100 : string;
+export const ColorPurple200 : string;
+export const ColorPurple300 : string;
+export const ColorPurple400 : string;
+export const ColorPurple500 : string;
+export const ColorPurple600 : string;
+export const ColorPurple700 : string;
+export const ColorPurple800 : string;
+export const ColorPurple900 : string;
+export const ColorPurple950 : string;
+export const ColorOrange50 : string;
+export const ColorOrange100 : string;
+export const ColorOrange200 : string;
+export const ColorOrange300 : string;
+export const ColorOrange400 : string;
+export const ColorOrange500 : string;
+export const ColorOrange600 : string;
+export const ColorOrange700 : string;
+export const ColorOrange800 : string;
+export const ColorOrange900 : string;
+export const ColorOrange950 : string;
+export const ColorCyan50 : string;
+export const ColorCyan100 : string;
+export const ColorCyan200 : string;
+export const ColorCyan300 : string;
+export const ColorCyan400 : string;
+export const ColorCyan500 : string;
+export const ColorCyan600 : string;
+export const ColorCyan700 : string;
+export const ColorCyan800 : string;
+export const ColorCyan900 : string;
+export const ColorCyan950 : string;
+export const ColorLime50 : string;
+export const ColorLime100 : string;
+export const ColorLime200 : string;
+export const ColorLime300 : string;
+export const ColorLime400 : string;
+export const ColorLime500 : string;
+export const ColorLime600 : string;
+export const ColorLime700 : string;
+export const ColorLime800 : string;
+export const ColorLime900 : string;
+export const ColorLime950 : string;
+export const ColorPink50 : string;
+export const ColorPink100 : string;
+export const ColorPink200 : string;
+export const ColorPink300 : string;
+export const ColorPink400 : string;
+export const ColorPink500 : string;
+export const ColorPink600 : string;
+export const ColorPink700 : string;
+export const ColorPink800 : string;
+export const ColorPink900 : string;
+export const ColorPink950 : string;
+export const ColorIndigo50 : string;
+export const ColorIndigo100 : string;
+export const ColorIndigo200 : string;
+export const ColorIndigo300 : string;
+export const ColorIndigo400 : string;
+export const ColorIndigo500 : string;
+export const ColorIndigo600 : string;
+export const ColorIndigo700 : string;
+export const ColorIndigo800 : string;
+export const ColorIndigo900 : string;
+export const ColorIndigo950 : string;
+export const ColorWhite5 : string;
+export const ColorWhite10 : string;
+export const ColorWhite20 : string;
+export const ColorWhite40 : string;
+export const ColorWhite60 : string;
+export const ColorWhite80 : string;
+export const ColorBlack5 : string;
+export const ColorBlack10 : string;
+export const ColorBlack20 : string;
+export const ColorBlack40 : string;
+export const ColorBlack60 : string;
+export const ColorBlack80 : string;
+/** Live site --shadow-light */
+export const ShadowSm : string;
+/** Live site --shadow-medium */
+export const ShadowMd : string;
+/** Live site --shadow-dark */
+export const ShadowLg : string;
+export const ShadowInner : string;
+export const RadiusNone : string;
+/** Live site --radius-sm (--size-50) */
+export const RadiusSm : string;
+/** Live site --radius-md (--size-100) */
+export const RadiusMd : string;
+/** Live site --radius-lg (--size-200) */
+export const RadiusLg : string;
+export const RadiusFull : string;
+export const BorderWidth0 : string;
+export const BorderWidth1 : string;
+export const BorderWidth2 : string;
+export const BorderWidth4 : string;
+export const BorderWidth8 : string;
+export const Spacing0 : string;
+/** 4px */
+export const Spacing1 : string;
+/** 8px */
+export const Spacing2 : string;
+/** 12px */
+export const Spacing3 : string;
+/** 16px */
+export const Spacing4 : string;
+/** 20px */
+export const Spacing5 : string;
+/** 24px */
+export const Spacing6 : string;
+/** 32px */
+export const Spacing8 : string;
+/** 40px */
+export const Spacing10 : string;
+/** 48px */
+export const Spacing12 : string;
+/** 64px */
+export const Spacing16 : string;
+/** 80px */
+export const Spacing20 : string;
+/** 96px */
+export const Spacing24 : string;
+/** 128px */
+export const Spacing32 : string;
+/** 160px */
+export const Spacing40 : string;
+/** 192px */
+export const Spacing48 : string;
+/** 224px */
+export const Spacing56 : string;
+/** 256px */
+export const Spacing64 : string;
+/** 384px */
+export const Spacing96 : string;
+/** 480px */
+export const Spacing120 : string;
+export const FontFamilySans : string;
+export const FontFamilySerif : string;
+export const FontFamilyMono : string;
+/** 8px — live --eg-font-size-25 */
+export const FontSize2xs : string;
+/** 12px — live --eg-font-size-50 */
+export const FontSizeXs : string;
+/** 14px — live --eg-font-size-75 */
+export const FontSizeSm : string;
+/** 16px — live --eg-font-size-100 */
+export const FontSizeBase : string;
+/** 18px — live --eg-font-size-200 */
+export const FontSizeLg : string;
+/** 20px — live --eg-font-size-300 */
+export const FontSizeXl : string;
+/** 24px — live --eg-font-size-400 */
+export const FontSize2xl : string;
+/** 32px — live --eg-font-size-500 */
+export const FontSize3xl : string;
+/** 40px — live --eg-font-size-600 */
+export const FontSize4xl : string;
+/** 48px — live --eg-font-size-700 */
+export const FontSize5xl : string;
+/** Live --eg-font-responsive */
+export const FontSizeResponsive : string;
+export const FontWeightLight : string;
+export const FontWeightNormal : string;
+export const FontWeightMedium : string;
+export const FontWeightSemibold : string;
+export const FontWeightBold : string;
+export const FontWeightExtrabold : string;
+export const FontLineHeightTight : string;
+export const FontLineHeightNormal : string;
+export const FontLineHeightRelaxed : string;
+export const FontLineHeightLoose : string;
+export const ButtonPrimaryBackground : string;
+export const ButtonPrimaryBackgroundHover : string;
+export const ButtonPrimaryBackgroundActive : string;
+export const ButtonPrimaryText : string;
+export const ButtonPrimaryBorderRadius : string;
+export const ButtonPrimaryPaddingX : string;
+export const ButtonPrimaryPaddingY : string;
+export const ButtonPrimaryFontSize : string;
+export const ButtonPrimaryFontWeight : string;
+export const ButtonSecondaryBackground : string;
+export const ButtonSecondaryBackgroundHover : string;
+export const ButtonSecondaryBackgroundActive : string;
+export const ButtonSecondaryText : string;
+export const ButtonSecondaryBorderRadius : string;
+export const ButtonSecondaryPaddingX : string;
+export const ButtonSecondaryPaddingY : string;
+export const ButtonSecondaryFontSize : string;
+export const ButtonSecondaryFontWeight : string;
+export const ButtonDangerBackground : string;
+export const ButtonDangerBackgroundHover : string;
+export const ButtonDangerBackgroundActive : string;
+export const ButtonDangerText : string;
+export const ButtonDangerBorderRadius : string;
+export const ButtonDangerPaddingX : string;
+export const ButtonDangerPaddingY : string;
+export const ButtonDangerFontSize : string;
+export const ButtonDangerFontWeight : string;
+export const ThemeBackgroundPrimary : string;
+export const ThemeBackgroundSecondary : string;
+export const ThemeBackgroundTertiary : string;
+export const ThemeTextPrimary : string;
+export const ThemeTextSecondary : string;
+export const ThemeTextTertiary : string;
+export const ThemeTextInverse : string;
+export const ThemeBorderDefault : string;
+export const ThemeBorderStrong : string;
+export const ThemeBorderSubtle : string;
+export const ThemeStatusSuccess : string;
+export const ThemeStatusWarning : string;
+export const ThemeStatusError : string;
+export const ThemeStatusInfo : string;